@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#29383a;--muted:#697779;--cream:#f5f2eb;--paper:#fffefa;--sage:#788d82;--deep:#263f3e;--gold:#c9a96e;--line:#e7e2d8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 'DM Sans',Arial,sans-serif}header{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fffefa;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}header a{color:var(--muted);text-decoration:none}.brand{display:flex;gap:12px;align-items:center;color:var(--deep);font-weight:700;font-size:22px}.brand span{font-size:15px}.brand small{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.hero{min-height:480px;padding:75px 9vw;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(24,55,51,.97) 0%,rgba(24,55,51,.82) 27%,rgba(24,55,51,.10) 67%,rgba(24,55,51,.04) 100%),url('regenbogenbruecke.jpg') center center/cover no-repeat}.hero>div{max-width:650px}.eyebrow,label{font-size:11px;letter-spacing:.2em;font-weight:700;color:#b48e56}.hero h1,.page h1{font:500 clamp(44px,7vw,76px)/1.08 'Playfair Display',Georgia,serif;margin:15px 0}.hero h1 em{color:#e7d5b2}.hero p:not(.eyebrow){max-width:570px;color:#eef0e9;font-size:17px}.button{display:inline-block;margin-top:18px;padding:13px 21px;background:#f2e7d2;color:#344440;text-decoration:none;font-weight:700;font-size:13px}.button.dark{background:var(--deep);color:white}.intro{text-align:center;padding:65px 20px 25px}.intro h2,.candle h2{font:500 30px 'Playfair Display',Georgia,serif;margin:8px}.intro p:last-child{color:var(--muted)}.grid{max-width:1080px;margin:25px auto 70px;padding:0 22px;display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.grid article{background:var(--paper);box-shadow:0 12px 32px #283a3510}.art{height:205px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f4e4c1;background:radial-gradient(circle,#a4ad99,#49635c);position:relative}.art:after{content:'';position:absolute;width:175px;height:175px;border:1px solid #ffffff55;border-radius:50%}.art.personal{background:radial-gradient(circle,#d1c2a4,#718579)}.art span{font:60px Georgia;z-index:1}.art small{z-index:1;font:italic 17px 'Playfair Display',Georgia}.body{padding:26px 30px 32px}.body h2{font:500 27px 'Playfair Display',Georgia;margin:8px 0}.body p,.page>p,.empty p{color:var(--muted);font-size:14px}.body a{display:inline-block;margin-top:10px;color:#8d6b3c;text-decoration:none;font-weight:700;font-size:13px}.candle{max-width:1035px;margin:0 auto 70px;padding:25px 32px;background:#e8e8df;display:flex;gap:22px;align-items:center}.candle>span{font-size:38px}.candle h2{font-size:24px}.candle p{color:var(--muted);margin:0}footer{padding:25px 5vw;border-top:1px solid var(--line);color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.page{max-width:850px;margin:0 auto;padding:75px 22px 90px;text-align:center}.page h1{color:var(--deep);font-size:clamp(42px,6vw,62px)}.page>p{max-width:650px;margin:0 auto 24px}.empty{margin:38px auto 0;padding:45px 25px;background:var(--paper);border:1px solid var(--line)}.empty>span{font:54px Georgia;color:#b89a69}.empty h2{font:500 26px 'Playfair Display',Georgia}.empty p{max-width:600px;margin:auto}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{min-height:430px}.candle{margin:0 16px 50px;padding:22px;align-items:flex-start}footer{flex-direction:column;gap:5px}header{height:65px}}