@font-face{font-family:'Lora';src:url('/fonts/Lora-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Inter';src:url('/fonts/Inter-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--deep:#183640;--muted:#37616A;--sage:#68827D;--clay:#B9775F;--sand:#E9D8B9;--ivory:#F6F2EA;--ink:#25323A;--petrol:#244C50;--weiss:#fff;--linie:rgba(37,50,58,.12);
 --serif:'Lora',Georgia,'Times New Roman',serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--r:14px;--sch:0 14px 40px rgba(24,54,64,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;font-synthesis:none}
img{max-width:100%;height:auto;display:block}a{color:var(--muted)}a:hover{color:var(--deep)}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;color:var(--deep);line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2rem,5.2vw,3.3rem)}h2{font-size:clamp(1.55rem,3.4vw,2.3rem)}h3{font-size:1.3rem}h2.klein{font-size:1.25rem;margin-top:1.5rem}
.serif-gross{font-size:clamp(2.2rem,6vw,4rem)}
p{margin:0 0 1em}.gross{font-size:1.2rem;line-height:1.5}.leise{color:var(--sage);font-size:.95rem}.klein{font-size:.9rem}.mitte{text-align:center}.rechts{text-align:right}
.kicker{display:block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--clay);margin-bottom:.6rem}.kicker.hell{color:var(--sand)}
.innen{max-width:1180px;margin:0 auto;padding:0 20px}.innen.schmal{max-width:760px}
.sprung{position:absolute;left:-999px;top:0;background:var(--deep);color:#fff;padding:8px 12px;z-index:99}.sprung:focus{left:12px;top:12px}
/* Kopf */
.kopf{background:var(--deep);color:var(--ivory);position:sticky;top:0;z-index:50;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.kopf .innen{display:flex;align-items:center;gap:18px;min-height:72px;flex-wrap:wrap;position:relative}.marke{order:0}nav.haupt{order:2;margin-left:auto}.flitch-knopf{order:3}.menue-knopf{order:4}
.marke img{height:40px;width:auto}
.flitch-knopf{display:inline-flex;align-items:center;gap:8px;background:var(--sand);color:var(--deep);text-decoration:none;font-weight:600;font-size:.92rem;letter-spacing:.06em;padding:9px 14px 9px 12px;border-radius:999px;border:2px solid var(--sand);transition:.15s}
.flitch-knopf:hover{background:var(--ivory);color:var(--petrol)}.flitch-knopf .pfeil{font-size:.9em}
.flitch-knopf .puzzle{width:14px;height:14px;background:var(--petrol);border-radius:3px;display:inline-block;position:relative}
.flitch-knopf .puzzle::after{content:"";position:absolute;right:-5px;top:3px;width:7px;height:7px;border-radius:50%;background:var(--petrol)}
.flitch-knopf.im-menue{display:none}nav.haupt a.flitch-knopf.im-menue{color:var(--deep);border-bottom:2px solid var(--sand);opacity:1}
.menue-schalter{display:none}.menue-knopf{display:none;width:44px;height:44px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.menue-knopf span{display:block;width:24px;height:2px;background:var(--ivory)}
nav.haupt{display:flex;align-items:center;gap:22px}nav.haupt ul{list-style:none;margin:0;padding:0;display:flex;gap:22px}
nav.haupt a{color:var(--ivory);text-decoration:none;font-weight:500;font-size:.98rem;opacity:.92;padding:6px 0;border-bottom:2px solid transparent}nav.haupt a:hover,nav.haupt a.aktiv{opacity:1;border-color:var(--sand)}
.sprachwahl{display:flex;gap:6px;font-size:.8rem;letter-spacing:.08em;order:9;margin-left:6px}.sprachwahl a,.sprachwahl span{padding:3px 7px;border-radius:6px;border:1px solid rgba(246,242,234,.35)}.sprachwahl .aktiv-sprache{background:var(--ivory);color:var(--deep);border-color:var(--ivory)}
@media (max-width:900px){.menue-knopf{display:flex}.flitch-knopf{margin-left:auto;order:2}.menue-knopf{order:3}nav.haupt{order:5;margin-left:0}
 nav.haupt{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0 18px;border-top:1px solid rgba(246,242,234,.2)}
 .menue-schalter:checked~nav.haupt{display:flex}nav.haupt ul{flex-direction:column;gap:6px;width:100%}nav.haupt ul a{display:block;padding:10px 0;font-size:1.1rem;border-bottom:1px solid rgba(246,242,234,.12)}
 .flitch-knopf.im-menue{display:inline-flex;margin:8px 0 0;order:-2}.sprachwahl{order:-1}}
/* Hero */
.hero{background:var(--deep);color:var(--ivory);padding:56px 0 64px;position:relative;overflow:hidden}
.hero h1{color:var(--ivory);font-size:clamp(2.1rem,5vw,3.6rem)}.hero .hell-leise{margin-top:14px}.hero .hell-leise a{color:var(--sand)}.hero .gross{color:rgba(246,242,234,.88);max-width:34em}
.zwei{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}.zwei.oben{align-items:start}
@media (max-width:820px){.zwei{grid-template-columns:1fr;gap:28px}}
.knoepfe{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.knopf{display:inline-block;padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.98rem;border:2px solid transparent;transition:.15s;line-height:1.2}
.knopf.primaer{background:var(--clay);color:#fff;border-color:var(--clay)}.knopf.primaer:hover{background:#a5664f;border-color:#a5664f;color:#fff}
.knopf.sekundaer{background:transparent;color:var(--deep);border-color:var(--deep)}.knopf.sekundaer:hover{background:var(--deep);color:#fff}
.knopf.umriss{background:transparent;color:var(--ivory);border-color:rgba(246,242,234,.6)}.knopf.umriss:hover{background:var(--ivory);color:var(--deep)}
.hilfe-band .knopf.umriss{color:var(--deep);border-color:var(--deep)}.hilfe-band .knopf.umriss:hover{background:var(--deep);color:#fff}
.knopf.hell{background:var(--sand);color:var(--deep);border-color:var(--sand)}.knopf.hell:hover{background:var(--ivory)}
.knopf.flitch{background:var(--petrol);color:#fff;border-color:var(--petrol)}.knopf.flitch:hover{background:#1b3a3d}
.held{display:flex;justify-content:center}.held.klein .figur-karte{max-width:300px}
.figur-karte{display:block;background:#fff;border-radius:var(--r);padding:16px 16px 12px;box-shadow:var(--sch);max-width:380px;width:100%;text-decoration:none;color:var(--deep);position:relative}
.figur-karte img{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:8px}
.figur-karte .name{display:block;text-align:center;font-family:var(--serif);font-size:1.15rem;margin-top:10px;letter-spacing:.1em}
.figur-karte.still{max-width:none;padding:12px}.figur-karte.still.duo{max-width:512px}.figur-karte.leer{min-height:360px;display:flex;align-items:center;justify-content:center;background:var(--sand);color:var(--muted);font-weight:600;letter-spacing:.08em}
/* Abschnitte */
.abschnitt{padding:56px 0}.abschnitt.sand{background:var(--sand)}.abschnitt.deep{background:var(--deep);color:var(--ivory)}.abschnitt.deep h2{color:var(--ivory)}.abschnitt.deep .gross{color:rgba(246,242,234,.88)}
.kopfzeile{padding:40px 0 20px}.kopfzeile.deep{background:var(--deep);color:var(--ivory);padding:56px 0}.kopfzeile.deep h1{color:var(--ivory)}
.einleitung{font-size:1.15rem;max-width:40em;color:var(--muted)}.einleitung.serif{font-size:1.35rem;color:var(--deep)}
.krumen{font-size:.85rem;color:var(--sage);margin-bottom:14px}.krumen a{color:var(--sage);text-decoration:none}.krumen .pfeil{opacity:.6}
.karten{display:grid;gap:22px}.karten.drei{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.karten.drei{grid-template-columns:1fr 1fr}}@media (max-width:600px){.karten.drei{grid-template-columns:1fr}}
.karte{background:#fff;border-radius:var(--r);padding:20px 22px 22px;text-decoration:none;color:var(--ink);box-shadow:0 2px 0 var(--linie);display:flex;flex-direction:column;transition:.18s;border:1px solid transparent}
.karte:hover{transform:translateY(-3px);box-shadow:var(--sch);border-color:rgba(24,54,64,.08)}.karte h3{margin:.2em 0 .4em}.karte p{color:var(--ink);flex:1}.karte .mehr{color:var(--clay);font-weight:600;font-size:.95rem}
.karte .karte-bild{display:block;background:var(--ivory);border-radius:10px;margin:-6px -8px 14px;padding:10px;aspect-ratio:4/3;overflow:hidden}
.karte .karte-bild img{width:100%;height:100%;object-fit:contain;object-position:center top}
.karte.thema{background:var(--ivory)}.sand .karte.thema{background:#fff}.karte.thema .mehr{font-size:1.3rem}
.produkte{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.produkt{background:#fff;border-radius:var(--r);padding:24px;box-shadow:0 2px 0 var(--linie);display:flex;flex-direction:column}.produkt p{flex:1}.produkt .knopf{align-self:flex-start}
.hilfe-band{background:var(--ivory);border-top:1px solid var(--linie);border-bottom:1px solid var(--linie);padding:32px 0}.hilfe-band p{margin:0;max-width:40em}.hilfe-band .zwei{grid-template-columns:1fr auto}
@media (max-width:820px){.hilfe-band .zwei{grid-template-columns:1fr}.hilfe-band .rechts{text-align:left}}
/* Geschichten */
.story-bild{padding:0 0 10px}.story-bild .figur-karte{max-width:520px;margin:0 auto}.story-bild .figur-karte.klein{max-width:300px}
.lesen p{font-size:1.1rem;line-height:1.75}.story-text p{font-family:var(--serif);font-size:1.2rem;line-height:1.75;color:var(--ink)}.story-text p:first-child::first-letter{font-size:3.2em;float:left;line-height:.85;padding:6px 10px 0 0;color:var(--clay)}
.frage{background:#fff;border-left:5px solid var(--clay);border-radius:0 var(--r) var(--r) 0;padding:22px 26px;margin:0 0 26px}.frage p{margin:0;color:var(--deep)}
.zwei-seiten{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width:600px){.zwei-seiten{grid-template-columns:1fr}}
.seite{background:var(--ivory);border-radius:var(--r);padding:18px 20px}.seite strong{display:block;font-family:var(--serif);font-size:1.1rem;color:var(--deep);margin-bottom:6px}.seite p{margin:0}
.weiter{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
/* Figuren */
.figuren{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,320px));gap:28px;justify-content:center}
.figur{text-decoration:none;color:var(--ink);text-align:center}.figur strong{display:block;font-family:var(--serif);font-size:1.6rem;color:var(--deep);margin:14px 0 4px;letter-spacing:.06em}.figur.bald{opacity:.85}
.steckbrief{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:0 2px 0 var(--linie)}
.steckbrief th{text-align:left;padding:12px 16px;width:36%;font-weight:600;color:var(--muted);vertical-align:top;border-bottom:1px solid var(--linie);font-size:.92rem;letter-spacing:.04em}.steckbrief td{padding:12px 16px;border-bottom:1px solid var(--linie);vertical-align:top}
.sheets{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width:700px){.sheets{grid-template-columns:1fr}}
/* Themen */
.statements{display:grid;gap:18px;max-width:640px;margin:0 auto}
.statement{background:#fff;border-radius:var(--r);padding:26px 28px;box-shadow:var(--sch);transform:rotate(var(--dreh))}.statement p{margin:0;font-size:1.35rem;color:var(--deep);line-height:1.35}
.statement:nth-child(2){margin-left:8%}.statement:nth-child(3){margin-right:6%}
/* Gratis */
.blatt{background:#fff;border-radius:var(--r);padding:32px;box-shadow:var(--sch);margin-bottom:24px}
.felder{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}@media (max-width:600px){.felder{grid-template-columns:1fr}}
.feld{border:2px dashed rgba(24,54,64,.3);border-radius:12px;padding:16px;min-height:150px}.feld .nr{font-family:var(--serif);font-size:1.9rem;color:var(--clay);display:block}.feld p{margin:4px 0 0;font-weight:600;color:var(--deep)}
/* Hilfe */
.notfall{background:#fff;border:3px solid var(--deep);border-radius:var(--r);padding:18px 22px;margin-bottom:26px}.notfall p{margin:0}
.laender{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media (max-width:640px){.laender{grid-template-columns:1fr}}
.land{background:#fff;border-radius:var(--r);padding:18px 22px}.land ul{margin:0;padding-left:1.1rem;line-height:1.8}.land h2{margin-top:0}
.liste{padding-left:1.2rem;line-height:1.8}.artikel h2{margin-top:1.6em}.faq{background:#fff;border-radius:12px;padding:14px 18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:600;color:var(--deep)}.faq p{margin:10px 0 0}.kurz{background:#fff;border-radius:var(--r);padding:22px 26px;margin-bottom:26px}
/* Profil im Insta-Look */
.ig{padding:36px 0 6px;background:var(--sand)}.ig.alex{background:#D6E2E3}
.ig-kopf{display:grid;grid-template-columns:200px 1fr;gap:34px;align-items:center;margin-top:10px}
.ig-avatar{width:180px;height:180px;border-radius:50%;background:#fff;padding:5px;border:3px solid var(--clay);overflow:hidden}.ig.alex .ig-avatar{border-color:var(--muted)}.ig-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ig-info h1{margin:0 0 8px;font-size:2.3rem}.ig-alter{font-size:1rem;color:var(--sage);font-family:var(--sans);font-weight:500;margin-left:10px;white-space:nowrap}
.ig-zahlen{list-style:none;display:flex;gap:26px;padding:0;margin:0 0 12px;font-size:.9rem;color:var(--muted)}.ig-zahlen b{display:block;font-size:1.35rem;color:var(--deep);font-family:var(--serif);font-weight:400}
.ig-bio{margin:0 0 6px;max-width:620px;font-weight:500;color:var(--deep)}.ig-satz{font-size:1.5rem;color:var(--clay);margin:0 0 14px}
.ig-high{display:flex;gap:16px;overflow-x:auto;padding:24px 0 16px;scrollbar-width:none}.ig-high a{flex:0 0 auto;width:86px;text-align:center;font-size:.78rem;color:var(--ink);text-decoration:none;font-weight:600}
.ig-high .kreis{display:block;width:70px;height:70px;margin:0 auto 6px;border-radius:50%;background:#fff;border:2px solid var(--clay);overflow:hidden}.ig.alex .ig-high .kreis{border-color:var(--muted)}.ig-high .kreis img{width:100%;height:100%;object-fit:cover}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.ig-tile{margin:0;position:relative;aspect-ratio:1/1;background:var(--ivory);border-radius:8px;overflow:hidden}.sand .ig-tile{background:#fff}.ig-tile img{width:100%;height:100%;object-fit:cover}
.ig-tile figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(24,54,64,.78));color:#fff;padding:34px 12px 10px;font-family:var(--serif);font-size:1.05rem;line-height:1.2}
.ig-tile.gross{max-width:520px;width:100%;box-shadow:var(--sch)}
.ig-stories{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:18px}.ig-stories figure{margin:0;text-align:center;width:124px}
.ig-stories .kreis{display:block;width:112px;height:112px;border-radius:50%;background:#fff;border:3px solid var(--clay);overflow:hidden;margin:0 auto 8px}.alex .ig-stories .kreis,.ig.alex~* .ig-stories .kreis{border-color:var(--muted)}.ig-stories img{width:100%;height:100%;object-fit:cover}.ig-stories figcaption{font-family:var(--serif);font-size:1.05rem;color:var(--deep)}
.drei-spalten{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media (max-width:820px){.drei-spalten{grid-template-columns:1fr}}
.liste.haken li::marker{content:"✓  ";color:var(--sage)}.liste.kreuz li::marker{content:"✕  ";color:var(--clay)}.liste.punkt li::marker{content:"•  ";color:var(--deep)}
.stimme{margin:0 0 14px;padding:14px 18px;background:var(--ivory);border-left:4px solid var(--clay);border-radius:0 10px 10px 0}.stimme p{margin:0;font-family:var(--serif);font-size:1.25rem;color:var(--deep)}.stimme cite{font-style:normal;font-size:.85rem;color:var(--sage)}
@media(max-width:640px){.ig-kopf{grid-template-columns:1fr;text-align:center;gap:16px}.ig-avatar{margin:0 auto;width:140px;height:140px}.ig-zahlen{justify-content:center}.ig-info .knoepfe{justify-content:center}.ig-grid{gap:4px}.ig-tile figcaption{font-size:.9rem;padding:20px 8px 6px}}
/* FLITCH-Band und Fuß */
.flitch-band{background:var(--petrol);color:#fff;padding:34px 0}.flitch-band .innen{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.flitch-band p{margin:0;max-width:40em;opacity:.92}
.flitch-band .knopf.flitch{background:var(--sand);color:var(--petrol);border-color:var(--sand);font-size:1.05rem;padding:14px 26px}.flitch-band .knopf.flitch:hover{background:#fff}
.fuss{background:var(--deep);color:rgba(246,242,234,.85);padding:48px 0 28px;font-size:.95rem}.fuss a{color:var(--ivory)}.fuss .fuss-logo{height:34px;width:auto;margin-bottom:14px}
.spalten{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}@media (max-width:1000px){.spalten{grid-template-columns:1fr 1fr}}@media (max-width:760px){.spalten{grid-template-columns:1fr}}
.fuss ul{list-style:none;margin:8px 0 0;padding:0;line-height:1.9}.fuss strong{color:var(--ivory)}
.recht{margin-top:30px;padding-top:18px;border-top:1px solid rgba(246,242,234,.15);font-size:.85rem;color:rgba(246,242,234,.7)}