/* ==========================================================================
   Landingpage im Hauptverzeichnis, solange die Seite unter /vorschau/ liegt.
   Eigenständig, weil site.css hinter dem Passwort liegt. Tokens wie in
   site/css/site.css, Farbwerte und Regeln: docs/DESIGN.md
   ========================================================================== */
/* Schriften: lokal gehostet (keine Verbindung zu Google). Lizenzen siehe fonts/LICENSE-*.txt */
@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/fraunces-latin-full-normal.woff2") format("woff2")}
@font-face{font-family:"Fraunces";font-style:italic;font-weight:100 900;font-display:swap;src:url("fonts/fraunces-latin-full-italic.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:url("fonts/nunito-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:url("fonts/nunito-sans-latin-700-normal.woff2") format("woff2")}

:root{
  --paper:#FBF6EE; --card:#FFFDF9; --line:#E4D8C5;
  --ink:#2B3238; --ink-2:#5C5A55; --ink-3:#6F6963;
  --orange:#E36F1E; --orange-ink:#B5530F;
  --k:#C95A14; --i:#4E7A3C; --t:#3A6FA6; --a:#C8433A;
  --display:"Fraunces", Georgia, "Times New Roman", serif;
  --body:"Nunito Sans", "Segoe UI", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --paper:#1C2226; --card:#2A3237; --line:#3A454C;
  --ink:#F3ECE1; --ink-2:#C9C1B5; --ink-3:#A39C92;
  --orange:#EE7F2E; --orange-ink:#F59A55;
  --k:#F08A3E; --i:#8CC45E; --t:#86AEDD; --a:#F0766A;
  color-scheme:dark }}
:root[data-theme="dark"]{
  --paper:#1C2226; --card:#2A3237; --line:#3A454C;
  --ink:#F3ECE1; --ink-2:#C9C1B5; --ink-3:#A39C92;
  --orange:#EE7F2E; --orange-ink:#F59A55;
  --k:#F08A3E; --i:#8CC45E; --t:#86AEDD; --a:#F0766A;
  color-scheme:dark }

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--display);font-weight:600;line-height:1.12;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
.kita .k{color:var(--k)}.kita .i{color:var(--i)}.kita .t{color:var(--t)}.kita .a{color:var(--a)}

/* Nur das Logo, mittig. Impressum und Datenschutz unten zum Aufklappen */
body{min-height:100svh;display:grid;grid-template-rows:1fr auto}
.land{display:grid;place-items:center;padding:48px 20px}
.logo{display:grid;justify-items:center;gap:14px;text-align:center;font-weight:inherit;line-height:1.15}
.sig{width:clamp(150px,32vw,220px);height:auto}
.name small{display:block;font-family:var(--display);font-style:italic;font-weight:400;font-size:clamp(16px,2.6vw,20px);color:var(--orange-ink)}
.name b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(24px,4.6vw,34px)}

footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 28px;padding:0 20px 24px;font-size:14px;color:var(--ink-3)}
footer summary{cursor:pointer;font-weight:700;padding:6px 4px;list-style:none;text-align:center}
footer summary::-webkit-details-marker{display:none}
footer summary:hover{color:var(--ink)}
footer details[open]{flex-basis:100%}
footer details[open] summary{color:var(--ink)}
.text{max-width:680px;margin:8px auto 16px;display:grid;gap:10px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:14px;color:var(--ink-2);font-size:15px;line-height:1.6}
.text b,.text address{color:var(--ink)}
.text address{font-style:normal}
.text .klein{font-size:13.5px;color:var(--ink-3)}
.text a{color:var(--orange-ink);text-underline-offset:3px;overflow-wrap:anywhere}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* Aufbau des Logos (landing.js): bis zum Start unsichtbar */
.bau .logo,.bau footer{opacity:0}
.sig{overflow:visible}
.name .kita>.k,.name .kita>.i,.name .kita>.t,.name .kita>.a{display:inline-block}