/* ════════════════════════════════════════════════════════════
   LOOPLÖSER · style.css — gemeinsames Stylesheet aller Seiten
   (index.html · ueber-anupama.html · impressum.html · datenschutz.html)

   Look: Variante 3 „Begegnung" — helle Honig/Cream-Palette,
   ruhig, warm, kein Hype. Atmosphäre nur aus CSS.

   Regeln: keine externen Requests · kein Tracking · WCAG AA.
   ════════════════════════════════════════════════════════════ */

/* ============ 0 · FONTS (self-hosted, OFL — siehe fonts/LICENSE.md) ============ */
/* Cormorant Garamond: Variable-Font 300–600, normal + italic, aktiv. */
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url(fonts/cormorant-garamond-normal-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:normal;
  font-weight:300 600;
  font-display:swap;
  src:url(fonts/cormorant-garamond-normal-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:italic;
  font-weight:300 600;
  font-display:swap;
  src:url(fonts/cormorant-garamond-italic-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Cormorant Garamond';
  font-style:italic;
  font-weight:300 600;
  font-display:swap;
  src:url(fonts/cormorant-garamond-italic-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Caveat + Jost: Variable-Fonts, self-hosted (Fontsource-Build, OFL), aktiv seit 2026-07-04. */
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/caveat-normal-latin.woff2) format('woff2');}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 600;font-display:swap;src:url(fonts/caveat-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/jost-normal-latin.woff2) format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:300 500;font-display:swap;src:url(fonts/jost-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}

/* ============ 1 · TOKENS ============ */
:root{
  /* Flächen — warme Honig/Cream-Palette */
  --bg:#f8efdb;          /* Seitenhintergrund */
  --bg-band-a:#f3e3c2;   /* Verlaufsband oben  („Was dich erwartet") */
  --bg-band-b:#efdcb4;   /* Verlaufsband unten */
  --card:#fdf7ea;        /* Karten */
  --card-band:#fdf8ec;   /* Karten im Verlaufsband */
  --card-warm:#f3e3c4;   /* abgesetzte Hinweis-/Haltungsboxen */
  --footer-bg:#ecdcb6;

  /* Text */
  --ink:#332a1b;         /* Headlines */
  --ink-2:#352c1c;       /* Kartentitel */
  --text:#4a4032;        /* Fließtext-Basis */
  --text-card:#54492f;   /* Text in Karten */
  --text-soft:#5c4f33;   /* Sekundärtext */
  --text-dim:#6c5d42;    /* Tertiärtext */

  /* Akzent Gold/Honig */
  --gold:#c0832f;        /* Akzent: Logo „löser" (Logotype — WCAG-1.4.3-Ausnahme), dekorative SVG-Ringe */
  /* WCAG-AA-Fix v5 — [ANUPAMA-REVIEW] Design-Token: vorher #96591b (4.44:1 auf --card-warm, 4.16:1 auf --bg-band-b) → jetzt ≥4.5:1 auf allen Einsatzflächen; Button-Text steigt auf 5.73:1 */
  --gold-deep:#8e541a;   /* dunkleres Gold für kleine Links/Strong (AA) */
  /* WCAG-AA-Fix v5 — [ANUPAMA-REVIEW] Design-Token: vorher #a8772e (3.68:1 für 23,2-px-Handschrift auf --card) → 4.85:1 auf --card, 4.52:1 auf --bg */
  --gold-hand:#8f6527;   /* Handschrift-Akzente */
  /* WCAG-AA-Fix v5 — [ANUPAMA-REVIEW] Design-Token: vorher #7c6435 (4.15:1 auf --footer-bg, 4.45:1 auf --card-warm) → 4.55:1 bzw. 4.88:1 */
  --gold-label:#755e32;  /* kleine Uppercase-Labels (AA-Kontrast) */
  --gold-num:#cc9a45;    /* große Ziffern 01–04 (dekorativ) */
  --tick:#cdaa6a;        /* kleine Trennstriche */

  /* Linien */
  --border:#e2cc9c;
  --border-dash:#d3b681;
  --border-card:#e0c794;
  --footer-line:#d9c08a;

  /* Schrift-Stacks (Markennamen vorn → self-hosted Fonts greifen automatisch) */
  --font-serif:'Cormorant Garamond', Cormorant, Georgia, 'Times New Roman', serif;
  --font-hand:'Caveat', 'Bradley Hand', 'Segoe Script', cursive;
  --font-sans:'Jost', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
}

/* ============ 2 · RESET + BASIS ============ */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:6.5rem;}
body{
  background:var(--bg);color:var(--text);
  font-family:var(--font-serif);font-size:18px;line-height:1.75;
  overflow-x:clip;
}
img{max-width:100%;display:block;}
a{color:var(--gold-deep);}
::selection{background:rgba(192,131,47,.25);}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:4px;
}
.skip-link{
  position:absolute;left:1rem;top:-4rem;z-index:200;
  background:var(--ink);color:var(--card);padding:.6rem 1.2rem;border-radius:8px;
  font-family:var(--font-sans);font-size:.85rem;text-decoration:none;transition:top .2s;
}
.skip-link:focus{top:1rem;}

/* ============ 3 · ATMOSPHÄRE (nur CSS: Glow + Blobs + Grain) ============ */
.atmo{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:clip;}
.atmo__sun{
  position:absolute;top:-30vh;left:50%;transform:translate(-50%,0);
  width:120vw;height:90vh;
  background:radial-gradient(ellipse 50% 50% at 50% 30%,rgba(233,180,96,.5) 0%,rgba(233,180,96,.16) 38%,transparent 70%);
  animation:glow 16s ease-in-out infinite;
}
.atmo__blob-r{
  position:absolute;bottom:-16vw;right:-12vw;width:48vw;height:48vw;border-radius:50%;
  filter:blur(90px);background:radial-gradient(circle,rgba(214,150,80,.22) 0%,transparent 65%);
  animation:drift 34s ease-in-out infinite;
}
.atmo__blob-l{
  position:absolute;bottom:6vh;left:-8vw;width:34vw;height:34vw;border-radius:50%;
  filter:blur(90px);background:radial-gradient(circle,rgba(180,160,90,.18) 0%,transparent 65%);
  animation:drift 40s ease-in-out infinite reverse;
}
.grain{
  position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
}
@keyframes glow{0%,100%{transform:translate(-50%,0) scale(1);opacity:.85;}50%{transform:translate(-50%,0) scale(1.1);opacity:1;}}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(2vw,3vw) scale(1.08);}}

/* ============ 4 · NAV ============ */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.5rem 3.2rem;
  background:linear-gradient(to bottom,rgba(248,239,219,.9),rgba(248,239,219,0));
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;}
.brand__mark{flex-shrink:0;}
.brand__name{font-family:var(--font-serif);font-weight:600;font-size:1.35rem;color:#3a2718;}
/* „Loop" in Dunkelbraun-Metallic (Verlauf in den Text geclippt) */
.brand__loop{
  background-image:linear-gradient(115deg,#271910 0%,#5f4129 26%,#372517 46%,#8a6440 60%,#3a2718 78%,#231610 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.brand__loeser{color:var(--gold);-webkit-text-fill-color:var(--gold);}
.nav__links{
  display:flex;align-items:center;gap:2.4rem;flex-shrink:0;
  font-family:var(--font-sans);font-weight:400;font-size:.7rem;
  letter-spacing:.2em;text-transform:uppercase;
}
.nav__links a{color:#6d5b3d;text-decoration:none;white-space:nowrap;}
.nav__links a:hover{color:var(--gold-deep);}
.nav__links a[aria-current="page"]{color:var(--gold-deep);}
.nav__cta,.nav__links a.nav__cta{
  color:var(--card);background:var(--gold-deep);padding:.7rem 1.3rem;border-radius:999px;letter-spacing:.16em;
}
.nav__cta:hover{background:#7d4916;color:var(--card);}
.nav__burger{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:10px;
  background:none;border:1px solid var(--border);border-radius:10px;cursor:pointer;
}
.nav__burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s,opacity .25s;}
.nav--open .nav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav--open .nav__burger span:nth-child(2){opacity:0;}
.nav--open .nav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* ============ 5 · LAYOUT-HELFER ============ */
.wrap{max-width:1020px;margin:0 auto;padding-left:3.2rem;padding-right:3.2rem;}
.wrap--wide{max-width:1180px;}
.wrap--narrow{max-width:860px;}
.wrap--page{max-width:780px;}
main{position:relative;z-index:10;}
.label{
  font-family:var(--font-sans);font-weight:400;font-size:.68rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--gold-label);
  margin-bottom:.8rem;
}
.label em{font-style:italic;color:var(--gold-deep);}
.tick{width:40px;height:1px;background:var(--tick);margin:0 auto 3rem;}
/* Reveal nur wenn JS laeuft (html.js wird per Inline-Snippet im <head> gesetzt) —
   ohne JS bleibt ALLES sichtbar, inkl. Anmeldeformular. */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
.reveal.in{opacity:1;transform:none;}
.no-observer .reveal{opacity:1;transform:none;}
/* Buttons: Flaeche gold-deep statt gold → AA-Kontrast mit cremeweissem Text (Audit 2026-07-04: 5.26:1; nach WCAG-AA-Fix v5 des Tokens: 5.73:1, nachgerechnet) */
.btn{
  display:inline-block;font-family:var(--font-sans);font-weight:400;font-size:.82rem;
  letter-spacing:.18em;text-transform:uppercase;text-decoration:none;
  color:var(--card);background:var(--gold-deep);border:none;border-radius:999px;
  padding:1.1rem 2.8rem;cursor:pointer;
  box-shadow:0 16px 34px -12px rgba(150,89,27,.5);
}
.btn:hover{background:#7d4916;}
.accent-em{font-style:italic;color:var(--gold-deep);}

/* ============ 6 · HERO (index) ============ */
.hero{
  min-height:96vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  padding-top:10rem;padding-bottom:4rem;max-width:1040px;
}
.hero__ring{margin-bottom:2.2rem;}
.hero__eyebrow{
  font-family:var(--font-sans);font-size:.72rem;letter-spacing:.34em;
  text-transform:uppercase;color:var(--gold-label);margin-bottom:2.2rem;
}
.hero__title{
  font-family:var(--font-serif);font-weight:300;
  font-size:clamp(2.5rem,5.2vw,4.1rem);line-height:1.13;letter-spacing:-.02em;
  color:var(--ink);max-width:15ch;
}
.hero__title em{font-style:italic;color:var(--gold-deep);}
.hero__hand{
  font-family:var(--font-hand);font-size:1.8rem;color:var(--gold-hand);
  margin-top:1.5rem;transform:rotate(-1.5deg);
}
.hero__lead{font-size:1.2rem;color:var(--text-dim);max-width:48ch;margin-top:2rem;}
.hero__date{
  font-family:var(--font-sans);font-weight:300;font-size:.78rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-label);margin-top:2.2rem;
}
.hero .btn{margin-top:2.4rem;}

/* ============ 7 · RAUMBILD-BAND (Bogen, index) ============ */
.band{padding-top:2rem;padding-bottom:5rem;}
.band__arch{
  aspect-ratio:2/1;border-radius:200px 200px 26px 26px;overflow:hidden;
  background:var(--card-warm); /* Fallback, falls Bild fehlt */
  box-shadow:0 40px 80px -40px rgba(150,110,40,.4);
}
.band__arch img{width:100%;height:100%;object-fit:cover;object-position:center top;}

/* ============ 8 · SEKTIONEN + KARTEN (index) ============ */
.section{padding-top:4rem;padding-bottom:4rem;text-align:center;}
.section--roomy{padding-top:6.5rem;padding-bottom:6.5rem;}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;text-align:left;}
.card{
  background:var(--card);border-radius:20px;padding:2rem 2.2rem;
  font-size:1.12rem;color:var(--text-card);
  box-shadow:0 12px 30px -22px rgba(150,110,40,.6);
}
.card--dashed{
  background:transparent;border:1px dashed var(--border-dash);
  box-shadow:none;padding:1.8rem 2.2rem;font-size:1.08rem;color:var(--text-dim);
}
.notice{
  margin-top:1.8rem;background:var(--card-warm);border-radius:18px;
  padding:1.6rem 2rem;font-size:1.06rem;color:var(--text-soft);text-align:left;
}
.notice strong{color:var(--gold-deep);}

/* Resonanz-Zitat (index) */
.quote{padding-top:6rem;padding-bottom:6rem;}
.quote blockquote{
  font-family:var(--font-serif);font-weight:300;font-style:italic;
  font-size:clamp(2rem,4vw,3rem);line-height:1.3;color:#3a3120;border:none;
}
.quote blockquote span{color:var(--gold-deep);}
.quote figcaption{
  font-family:var(--font-sans);font-weight:300;font-size:.72rem;
  letter-spacing:.22em;text-transform:uppercase;color:var(--gold-label);margin-top:2rem;
}

/* „Was dich erwartet" — Verlaufsband (index) */
.expect{background:linear-gradient(180deg,var(--bg-band-a) 0%,var(--bg-band-b) 100%);}
.expect .cards{grid-template-columns:1fr 1fr;gap:1.5rem;}
.expect .card{background:var(--card-band);border-radius:22px;padding:2.4rem;box-shadow:none;}
.card__num{font-family:var(--font-hand);font-size:2.3rem;color:var(--gold-num);line-height:1;}
.card__title{
  font-family:var(--font-serif);font-weight:500;font-size:1.55rem;
  color:var(--ink-2);margin:.4rem 0 .6rem;
}
.card__text{font-size:1.08rem;color:var(--text-soft);}
.card__text em{color:var(--gold-deep);font-style:italic;}
.expect__closing{
  margin-top:2.6rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;
  font-size:1.2rem;color:var(--text-soft);
}
.expect__closing em{font-family:var(--font-serif);font-style:italic;color:var(--gold-deep);font-size:1.2rem;}

/* Wer dich begleitet (index) */
.people{display:grid;grid-template-columns:1.2fr .8fr;gap:1.8rem;align-items:start;text-align:left;}
.person{
  background:var(--card);border-radius:24px;padding:2.8rem;
  box-shadow:0 18px 44px -30px rgba(150,110,40,.7);
}
.person--outline{background:transparent;border:1px solid var(--border-card);box-shadow:none;}
.person__head{display:flex;align-items:center;gap:1.6rem;margin-bottom:1.4rem;}
.person__photo{
  width:120px;height:120px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:var(--card-warm);
  box-shadow:0 10px 24px -14px rgba(150,110,40,.7);
}
.person__photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.person__name{font-family:var(--font-serif);font-weight:500;font-size:2rem;color:var(--ink);}
.person--outline .person__name{font-size:1.6rem;color:#3a3120;}
.person__role{
  font-family:var(--font-sans);font-size:.66rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-deep);margin-top:.4rem;
}
.person--outline .person__role{color:var(--gold-label);margin:.4rem 0 .9rem;}
.person__text{font-size:1.12rem;color:var(--text-card);}
.person--outline .person__text{font-size:1.06rem;color:var(--text-soft);}
.person__hand{font-family:var(--font-hand);font-size:1.45rem;color:var(--gold-hand);margin-top:.9rem;}

/* Haltungs-Box (index + ueber-anupama) */
.stance{margin-top:1.8rem;background:var(--card-warm);border-radius:22px;padding:2.8rem;text-align:center;}
.stance__quote{
  font-family:var(--font-serif);font-style:italic;font-weight:300;
  font-size:1.55rem;color:#3a3120;line-height:1.4;max-width:48ch;margin:0 auto;
}
.stance__body{font-size:1.04rem;color:var(--text-soft);margin-top:1rem;}
.stance__note{
  font-family:var(--font-sans);font-weight:300;font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold-label);margin-top:1.4rem;
}

/* ============ 9 · ANMELDUNG (index) ============ */
.signup{padding-top:4rem;padding-bottom:6rem;text-align:left;}
.signup__panel{
  display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center;
  background:var(--card);border-radius:28px;padding:3.2rem;
  box-shadow:0 24px 60px -40px rgba(150,110,40,.7);
}
.signup__title{font-family:var(--font-serif);font-weight:300;font-size:2.7rem;color:var(--ink);line-height:1.1;}
.signup__text{font-size:1.16rem;color:var(--text-soft);margin-top:1rem;}
.signup__meta{
  font-family:var(--font-sans);font-weight:300;font-size:.76rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-label);margin-top:1.6rem;
}
.form-card{background:var(--bg);border-radius:18px;padding:2rem;}
.form{display:flex;flex-direction:column;gap:1.1rem;}
.field{display:flex;flex-direction:column;gap:.4rem;}
.field label{
  font-family:var(--font-sans);font-size:.66rem;letter-spacing:.12em;
  text-transform:uppercase;color:#75653f;
}
.field input,.field textarea{
  font-family:var(--font-serif);font-size:1.05rem;color:var(--text);
  background:var(--card);border:1px solid var(--border);border-radius:11px;padding:.8rem 1rem;
}
.field textarea{resize:vertical;}
/* WCAG-AA-Fix v5 — [ANUPAMA-REVIEW] Design-Token: Placeholder vorher #8d7c56 (3.82:1 auf --card) → 4.53:1 */
.field input::placeholder,.field textarea::placeholder{color:#80704e;opacity:1;}
.form .btn{box-shadow:none;padding:1rem;font-weight:500;font-size:.8rem;letter-spacing:.16em;width:100%;}
.form-card__fineprint{
  font-family:var(--font-sans);font-weight:300;font-size:.68rem;line-height:1.7;
  color:#75653f;margin-top:1.2rem;
}
.field__hint{
  font-family:var(--font-sans);font-weight:300;font-size:.68rem;line-height:1.6;
  color:#75653f;margin-top:.1rem;
}

/* ============ 8b · EHRLICH GESAGT (NEU v5 — B-Spec S6b, index) ============ */
/* Nutzt das bestehende Karten-System (.cards/.card/.card__title/.card__text) — nur der Intro-Satz braucht eine eigene Klasse. */
.honest__intro{font-size:1.12rem;color:var(--text-dim);max-width:52ch;margin:0 auto 2.6rem;}

/* ============ 9c · FAQ (NEU v5 — B-Spec Teil 4, index) ============ */
/* Native <details>/<summary> — kein JS, keine externen Requests; Töne aus bestehenden Tokens. */
.faq__list{max-width:820px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:.9rem;}
.faq__item{
  background:var(--card);border-radius:18px;
  box-shadow:0 12px 30px -24px rgba(150,110,40,.6);
}
.faq__item summary{
  cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:1.3rem 1.7rem;
  font-family:var(--font-serif);font-weight:500;font-size:1.22rem;line-height:1.4;color:var(--ink-2);
}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__item summary::after{
  content:"+";flex-shrink:0;
  font-family:var(--font-sans);font-weight:300;font-size:1.35rem;line-height:1;color:var(--gold-deep);
}
.faq__item[open] summary::after{content:"–";}
.faq__item summary:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;border-radius:4px;}
.faq__answer{padding:0 1.7rem 1.4rem;font-size:1.06rem;color:var(--text-soft);}

/* ============ 9b · WEITERE WEGE (sekundär: Kennenlern + Newsletter, index) ============ */
/* Bewusst ruhiger als .signup — kleinere Karten, weiche Buttons (.btn--soft), kein großer Schatten. */
.further{padding-top:1rem;padding-bottom:5rem;text-align:center;}
.further__intro{font-size:1.12rem;color:var(--text-dim);max-width:46ch;margin:0 auto 2.6rem;}
.further__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;text-align:left;
}
.further-card{
  background:var(--card);border-radius:22px;padding:2.4rem;
  box-shadow:0 12px 30px -24px rgba(150,110,40,.6);
  display:flex;flex-direction:column;
}
.further-card__title{
  font-family:var(--font-serif);font-weight:500;font-size:1.55rem;
  color:var(--ink-2);margin-bottom:.6rem;
}
.further-card__text{font-size:1.06rem;color:var(--text-soft);margin-bottom:1.5rem;}
.further-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;}
/* Weiche Zweit-Variante des Buttons: Outline statt Fläche, AA über gold-deep-Text (wie Links). */
.btn--soft{
  background:transparent;color:var(--gold-deep);
  border:1px solid var(--gold-deep);box-shadow:none;
  padding:.85rem 2rem;align-self:flex-start;
}
.btn--soft:hover{background:var(--gold-deep);color:var(--card);}
@media (max-width:860px){
  .further__grid{grid-template-columns:1fr;}
}

/* ============ 10 · UNTERSEITEN: HERO ============ */
.page-hero{padding-top:10rem;padding-bottom:1rem;text-align:center;}
.page-hero__title{
  font-family:var(--font-serif);font-weight:300;
  font-size:clamp(2.4rem,4.6vw,3.4rem);line-height:1.13;letter-spacing:-.02em;color:var(--ink);
}
.page-hero__title em{font-style:italic;color:var(--gold-deep);}
.page-hero__sub{font-size:1.16rem;color:var(--text-dim);margin-top:1rem;}
.page-hero .tick{margin-top:2.4rem;margin-bottom:0;}

/* ============ 11 · UNTERSEITEN: RECHTSSEITEN ============ */
.legal{padding-top:3.5rem;padding-bottom:6rem;text-align:left;}
.legal-banner{
  background:var(--card-warm);border:1px dashed var(--border-dash);border-radius:18px;
  padding:1.5rem 1.9rem;font-family:var(--font-sans);font-weight:300;
  font-size:.92rem;line-height:1.7;color:var(--text-soft);
}
.legal-block{margin-top:2.8rem;}
.legal-label{
  font-family:var(--font-sans);font-weight:400;font-size:.68rem;
  letter-spacing:.24em;text-transform:uppercase;color:var(--gold-label);margin-bottom:.7rem;
}
.legal-block p{font-size:1.06rem;color:var(--text-soft);margin-top:.6rem;}
.legal-block ul{margin:.8rem 0 .4rem 1.3rem;}
.legal-block li{font-size:1.06rem;color:var(--text-soft);margin:.4rem 0;}
.legal-block strong{color:var(--gold-deep);font-weight:600;}
.legal-divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--tick),transparent);margin:3.2rem 0 .4rem;}
.legal-note{font-size:.98rem;color:var(--text-dim);}
.ph{
  background:rgba(192,131,47,.13);border-bottom:1px dashed #c79a4f;
  border-radius:4px;padding:0 .25em;color:#7a5a1f;
}
.note{
  background:transparent;border:1px dashed var(--border-dash);border-radius:14px;
  padding:1rem 1.3rem;font-family:var(--font-sans);font-weight:300;
  font-size:.9rem;line-height:1.7;color:#7a6a45;margin-top:1rem;
}

/* ============ 12 · UNTERSEITEN: ÜBER (Prose) ============ */
.prose{padding-top:3.5rem;padding-bottom:2rem;text-align:left;}
.prose h2{font-family:var(--font-serif);font-weight:500;font-size:1.9rem;color:var(--ink);margin-top:3.2rem;line-height:1.2;}
.prose h2 em{font-style:italic;color:var(--gold-deep);}
.prose > p{font-size:1.12rem;color:var(--text-soft);margin-top:1rem;}
.about-head{display:flex;align-items:center;gap:2.2rem;margin-bottom:1rem;}
.about-photo{
  width:168px;height:168px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:var(--card-warm);box-shadow:0 14px 30px -16px rgba(150,110,40,.7);
}
.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;}
.about-head__hand{font-family:var(--font-hand);font-size:1.6rem;color:var(--gold-hand);margin-top:.6rem;}

/* ============ 13 · UNTERSEITEN: SCHLUSS-CTA ============ */
.cta-final{padding-top:4rem;padding-bottom:6.5rem;text-align:center;}
.cta-final__title{
  font-family:var(--font-serif);font-weight:300;
  font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.2;color:var(--ink);
  max-width:22ch;margin:0 auto;
}
.cta-final__title em{font-style:italic;color:var(--gold-deep);}
.cta-final__sub{font-size:1.14rem;color:var(--text-dim);margin-top:1rem;}
.cta-final .btn{margin-top:2rem;}
.cta-final__meta{
  font-family:var(--font-sans);font-weight:300;font-size:.76rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--gold-label);margin-top:1.6rem;
}

/* ============ 14 · FOOTER ============ */
.footer{position:relative;z-index:10;background:var(--footer-bg);padding:4rem 3.2rem 2.5rem;}
.footer__grid{max-width:1020px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2.5rem;}
.footer .brand__name{font-size:1.5rem;}
.footer__desc{font-size:1.04rem;color:var(--text-dim);margin-top:1rem;}
/* WCAG-AA-Fix v5 — [ANUPAMA-REVIEW] Design-Token: 20,8-px-Handschrift auf --footer-bg braucht 4.5:1 — var(--gold-hand) erreicht dort nur 3.81:1, daher hier dunklerer Einzelwert #7e5a20 (4.59:1) */
.footer__hand{font-family:var(--font-hand);font-size:1.3rem;color:#7e5a20;margin-top:.8rem;}
.footer__heading{
  font-family:var(--font-sans);font-weight:500;font-size:.66rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--gold-label);margin-bottom:1rem;
}
.footer__col{display:flex;flex-direction:column;gap:.6rem;font-size:1.04rem;}
.footer__col a{color:var(--text-dim);text-decoration:none;}
.footer__col a:hover{color:var(--gold-deep);}
.footer__meta{
  max-width:1020px;margin:2.5rem auto 0;padding-top:1.5rem;border-top:1px solid var(--footer-line);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;
  font-family:var(--font-sans);font-weight:300;font-size:.7rem;letter-spacing:.08em;color:#6b5c40;
}
.footer__disclaimer{
  max-width:1020px;margin:1.4rem auto 0;
  font-family:var(--font-sans);font-weight:300;font-size:.68rem;line-height:1.7;color:#6b5c40;
}

/* ============ 15 · RESPONSIVE ============ */
@media (max-width:1000px){
  .nav__links{gap:1.4rem;}
}
@media (max-width:860px){
  .wrap,.footer{padding-left:1.5rem;padding-right:1.5rem;}
  .nav{padding:1rem 1.5rem;}
  .nav__burger{display:flex;}
  .nav__links{
    position:absolute;top:100%;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:rgba(248,239,219,.97);backdrop-filter:blur(12px);
    border-bottom:1px solid var(--border);
    display:none;padding:.5rem 0 1rem;
  }
  .nav--open .nav__links{display:flex;}
  .nav__links a{padding:.9rem 1.6rem;}
  .nav__links a.nav__cta{margin:.6rem 1.6rem 0;text-align:center;border-radius:14px;}
  .hero{min-height:88vh;padding-top:7.5rem;}
  .hero__title{font-size:2.4rem;}
  .band__arch{border-radius:110px 110px 20px 20px;}
  .cards,.expect .cards{grid-template-columns:1fr;}
  .people{grid-template-columns:1fr;}
  .signup__panel{grid-template-columns:1fr;padding:2rem;}
  .page-hero{padding-top:7.5rem;}
  .about-head{flex-direction:column;align-items:flex-start;gap:1.4rem;}
  .footer__grid{grid-template-columns:1fr;}
}
@media (max-width:420px){
  .hero__title{font-size:2.1rem;}
  .person__head{flex-direction:column;align-items:flex-start;}
}

/* ============ 16 · REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  .atmo__sun,.atmo__blob-r,.atmo__blob-l{animation:none;}
  .reveal,.js .reveal{opacity:1;transform:none;transition:none;}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
}