/* Farben: docs/design/design-kit.md 13.7 („Rasen & Seil“). Flacher Grund, keine Verläufe, nie Gelb. */
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/schrift/AtkinsonHyperlegibleNext-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible Next";src:url(/schrift/AtkinsonHyperlegibleNext-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Saira SemiCondensed";src:url(/schrift/SairaSemiCondensed-Bold.ttf) format("truetype");font-weight:700;font-display:swap}

:root{color-scheme:light dark;--hintergrund:#ECECE9;--text:#141518;--text-sekundaer:#55575C;--aktion:#2D5838;--linie:#C6C6C2;--warnung:#8A5300;--icon-grund:#141518;--icon-schatten:0 28px 44px rgba(20,21,24,.30),0 8px 16px rgba(20,21,24,.18)}
@media (prefers-color-scheme:dark){:root{--hintergrund:#141518;--text:#F1F0EC;--text-sekundaer:#A8AAAF;--aktion:#8DB993;--linie:#44474D;--warnung:#E0A84F;--icon-grund:#F1F0EC;--icon-schatten:0 28px 48px rgba(0,0,0,.75),0 8px 18px rgba(0,0,0,.55)}}

*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--hintergrund);color:var(--text);font:400 17px/1.55 "Atkinson Hyperlegible Next",-apple-system,system-ui,sans-serif}
main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:48px 20px}
a{color:var(--aktion);text-underline-offset:2px}
footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px;padding:24px 20px;font-size:15px}
footer a{color:var(--text-sekundaer)}

/* Startseite */
.teaser{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
/* App-Icon wie auf dem Homescreen, Radius wie iOS (22,37 %). Hell: Graphit-Fläche wie AppIcon.icon. Dunkel: helle Kreide-Fläche, weil ein Schatten auf dunklem Grund kaum wirkt */
.teaser .app-icon{display:block;width:148px;height:148px;margin-bottom:40px;border-radius:22.37%;background:var(--icon-grund);box-shadow:var(--icon-schatten);animation:schweben 3.5s ease-in-out infinite alternate}
@keyframes schweben{from{transform:translateY(0)}to{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.teaser .app-icon{animation:none}}
.teaser .wortmarke{display:block;width:min(220px,60vw);height:auto;margin-bottom:4px}
.teaser h1{margin:0 0 28px;font:400 21px/1.3 "Atkinson Hyperlegible Next",-apple-system,system-ui,sans-serif;color:var(--text-sekundaer)}
.teaser p{margin:0 0 12px;max-width:27em;font-size:19px;text-wrap:balance}
.teaser .bald{margin-top:12px;font-size:17px;font-weight:600;color:var(--aktion)}

/* Impressum und Datenschutz */
.zurueck{display:inline-block;margin-bottom:32px;font-family:"Saira SemiCondensed",system-ui,sans-serif;font-weight:700;font-size:22px;color:var(--text);text-decoration:none}
h1,h2{font-family:"Saira SemiCondensed",system-ui,sans-serif;font-weight:700;line-height:1.2}
.rechtstext h1{font-size:34px;margin:0 0 24px}
.rechtstext h2{font-size:21px;margin:32px 0 8px}
.rechtstext p,.rechtstext ul{margin:0 0 12px}
.rechtstext ul{padding-left:22px}
.rechtstext .stand{color:var(--text-sekundaer);font-size:15px}
/* Sichtbare Lücke, bis Franziskas echte Angaben eingetragen sind */
.platzhalter{color:var(--warnung);background:none;border-bottom:1px dashed currentColor}