/* Lokale Schriften (DSGVO) */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Fraunces.woff2') format('woff2');}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Fraunces-Italic.woff2') format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/Inter.woff2') format('woff2');}
:root{
    --sage-primary:#7A8B7F;--sage-deep:#3D4F44;--sage-darker:#2A3831;--sage-light:#D8DFD8;
    --off-white:#F8F5F0;--paper:#F4EFE6;--cream:#F2EBDD;
    --ink:#1F1D1B;--ink-soft:#2A2824;--ink-muted:#6A665F;--terracotta:#C08060;
    --font-display:'Fraunces',Georgia,serif;--font-body:'Inter',system-ui,sans-serif;
    /* Photo-Tokens — Acryl Cinematic (Susannes Wahl, 2026-06-07) */
    --photo-overlay-top:rgba(0,0,0,.12);
    --photo-overlay-mid:rgba(0,0,0,.04);
    --photo-overlay-bottom:rgba(0,0,0,.42);
    --photo-treatment:saturate(125%) contrast(108%);
    --photo-blend:normal;
}
body{font-family:var(--font-body);color:var(--ink);background:var(--off-white);font-feature-settings:"ss01","ss02","kern"}
.font-display{font-family:var(--font-display);font-feature-settings:"ss01","ss02","kern","liga"}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.15 0 0 0 0 0.18 0 0 0 0 0.14 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.wakea-spine{position:fixed;top:0;bottom:0;left:1.5rem;width:1px;background:var(--sage-primary);opacity:.18;z-index:30;pointer-events:none}
@media(min-width:768px){.wakea-spine{left:3rem}}@media(min-width:1280px){.wakea-spine{left:5rem}}

.h-mega{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,8vw,8rem);line-height:.98;letter-spacing:-0.04em;color:var(--ink)}
.h-mega-light{font-family:var(--font-display);font-weight:500;font-size:clamp(3rem,9vw,9rem);line-height:.95;letter-spacing:-0.04em;color:var(--off-white)}
.h-display{font-family:var(--font-display);font-weight:600;font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.05;letter-spacing:-0.03em;color:var(--ink)}
.h-section{font-family:var(--font-display);font-weight:600;font-size:clamp(1.75rem,3.5vw,3rem);line-height:1.1;letter-spacing:-0.02em;color:var(--ink)}
.h-sub{font-family:var(--font-display);font-weight:600;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.25;letter-spacing:-0.015em;color:var(--ink)}
.pull-quote{font-family:var(--font-display);font-weight:400;font-style:italic;font-size:clamp(1.75rem,4vw,3rem);line-height:1.25;letter-spacing:-0.02em;color:var(--ink)}
.body-lead{font-family:var(--font-body);font-weight:400;font-size:clamp(1.0625rem,1.25vw,1.1875rem);line-height:1.75;color:var(--ink);max-width:58ch}
.label-kicker{font-family:var(--font-body);font-weight:500;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}
.label-card{font-family:var(--font-body);font-weight:500;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sage-primary)}
.indicia{font-family:var(--font-body);font-size:.625rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted)}
.drop-cap::first-letter{font-family:var(--font-display);font-weight:600;float:left;font-size:5.5em;line-height:.82;padding-top:.06em;padding-right:.1em;color:var(--sage-deep)}

.underline-grow{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .45s cubic-bezier(.2,.8,.2,1);padding-bottom:3px}
a:hover .underline-grow,.group:hover .underline-grow{background-size:100% 1px}
a,button{cursor:pointer}

.breath-circle{position:relative;display:inline-block;pointer-events:none}
.breath-circle .ring{position:absolute;border:1px solid var(--sage-primary);border-radius:9999px}
.breath-circle .ring-1{inset:0;opacity:.22;animation:spin-ultra 100s linear infinite}
.breath-circle .ring-2{inset:14%;opacity:.15;animation:spin-ultra-rev 80s linear infinite}
.breath-circle .ring-3{inset:30%;opacity:.32;animation:spin-ultra 60s linear infinite}
.breath-circle .orbit{position:absolute;inset:0;animation:spin-ultra 45s linear infinite}
.breath-circle .orbit::after{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:9999px;background:var(--sage-primary)}
.breath-circle .core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.breath-circle .core::after{content:'';width:3px;height:3px;border-radius:9999px;background:var(--sage-deep)}
@keyframes spin-ultra{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes spin-ultra-rev{from{transform:rotate(360deg)}to{transform:rotate(0)}}

.reveal-up{opacity:0;transform:translateY(16px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.reveal-up.is-visible{opacity:1;transform:translateY(0)}
.delay-100{transition-delay:120ms}.delay-200{transition-delay:240ms}.delay-300{transition-delay:360ms}
@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;transition:none}.breath-circle .ring,.breath-circle .orbit{animation:none!important}}

.btn-primary{display:inline-flex;align-items:center;gap:.75rem;padding:.95rem 1.75rem;background:var(--sage-deep);color:var(--off-white);font-family:var(--font-body);font-weight:500;font-size:.9375rem;border-radius:2px;cursor:pointer;transition:background 250ms ease;min-height:44px;text-decoration:none;border:0}
.btn-primary:hover{background:var(--sage-darker)}

.nav-v5-light{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(248,245,240,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--sage-light)}
.nav-v5-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 2rem;height:4.5rem;gap:2rem}
@media(min-width:1024px){.nav-v5-inner{height:5rem;padding:0 3rem}}
.nav-v5-logo{display:inline-flex;align-items:baseline;gap:.75rem;text-decoration:none;color:var(--ink)}
.nav-v5-logo-mark{font-family:var(--font-display);font-weight:700;font-size:1.5rem;letter-spacing:-0.02em;line-height:1}
.nav-v5-menu{display:none;justify-content:center;gap:2.5rem}@media(min-width:1024px){.nav-v5-menu{display:flex}}
.nav-v5-light .nav-v5-menu a{font-family:var(--font-body);font-weight:500;font-size:.9375rem;color:rgba(31,29,27,.75);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;transition:color 280ms ease;position:relative;padding:.5rem 0}
.nav-v5-light .nav-v5-menu a:hover,.nav-v5-light .nav-v5-menu a.active{color:var(--ink)}
.nav-v5-light .nav-v5-menu a::after{content:'';position:absolute;left:0;right:0;bottom:.25rem;height:1px;background:var(--sage-deep);transform:scaleX(0);transform-origin:left;transition:transform 300ms cubic-bezier(.2,.8,.2,1)}
.nav-v5-light .nav-v5-menu a:hover::after,.nav-v5-light .nav-v5-menu a.active::after{transform:scaleX(1)}
.nav-v5-cta{display:none;align-items:center;gap:.5rem;padding:0 1.25rem;height:2.5rem;background:var(--sage-deep);color:var(--off-white);font-weight:500;font-size:.875rem;text-decoration:none;border-radius:2px;transition:background 280ms ease}
@media(min-width:768px){.nav-v5-cta{display:inline-flex}}
.nav-v5-cta:hover{background:var(--sage-darker)}
.nav-v5-burger{padding:.5rem;color:var(--ink);background:transparent;border:0;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
@media(min-width:1024px){.nav-v5-burger{display:none}}

/* Logo-Image — White-on-transparent PNG, color-flip via CSS filter */
.nav-v5-logo-img{height:2.25rem;width:auto;display:block;transition:filter 280ms ease}
.nav-v5-light .nav-v5-logo-img{filter:invert(1)}
.footer-logo-img{height:3rem;width:auto;display:block}
@media(min-width:768px){.footer-logo-img{height:3.5rem}}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--terracotta);outline-offset:3px}

details.faq-item{border-top:1px solid var(--sage-light);padding:1.5rem 0}
details.faq-item:last-of-type{border-bottom:1px solid var(--sage-light)}
details.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;padding-right:.5rem}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item .faq-icon{flex-shrink:0;transition:transform 280ms cubic-bezier(.2,.8,.2,1);margin-top:.25rem}
details.faq-item[open] .faq-icon{transform:rotate(45deg)}
details.faq-item .faq-answer{padding-top:1rem;max-width:68ch}

.legal-content{max-width:780px;margin:0 auto}
.legal-content h2{font-family:var(--font-display);font-weight:600;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2;letter-spacing:-0.02em;color:var(--ink);margin-top:3rem;margin-bottom:1rem}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-family:var(--font-display);font-weight:600;font-size:1.25rem;line-height:1.3;color:var(--ink);margin-top:2rem;margin-bottom:.75rem}
.legal-content p{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--ink);margin-bottom:1rem}
.legal-content ul{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--ink);margin-bottom:1rem;padding-left:0;list-style:none}
.legal-content ul li{padding-left:1.25rem;position:relative;margin-bottom:.5rem}
.legal-content ul li::before{content:'·';position:absolute;left:0;color:var(--sage-primary);font-weight:bold}
.legal-content a{color:var(--sage-deep);text-decoration:underline;text-underline-offset:3px}
.legal-content a:hover{color:var(--sage-darker)}
.legal-content strong{font-weight:600;color:var(--ink)}