/* ===========================================================================
   Impressum und Datenschutzerklärung.

   Bewusst schlicht: Das sind Texte, die jemand liest, weil er etwas
   nachschlagen will — keine Bühne. Dieselben Farben und Schriften wie die
   Hauptseite, aber ohne deren Maschinerie.

   Eine gemeinsame Datei für beide Seiten, damit eine Farbänderung nicht an
   zwei Stellen nachgezogen werden muss.
   =========================================================================== */

:root{
  --canvas:#0E1A1D; --panel:#152528; --line:#22383D;
  --accent:#108066; --accent-muted:#2ECC71;
  --text-primary:#EDF3F1; --text-secondary:#93A9AC;
}

@font-face{font-family:Sora;src:url(assets/schriften/Sora-latin.woff2) format("woff2");
  font-weight:400 800;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Sora;src:url(assets/schriften/Sora-latin-ext.woff2) format("woff2");
  font-weight:400 800;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}
@font-face{font-family:Manrope;src:url(assets/schriften/Manrope-latin.woff2) format("woff2");
  font-weight:400 800;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Manrope;src:url(assets/schriften/Manrope-latin-ext.woff2) format("woff2");
  font-weight:400 800;font-display:swap;unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF}

*,*::before,*::after{box-sizing:border-box}

body{
  margin:0;background:var(--canvas);color:var(--text-primary);
  font-family:Manrope,system-ui,sans-serif;font-size:17px;line-height:1.75;
  -webkit-font-smoothing:antialiased;
  padding:0 22px 90px}

.blatt{max-width:760px;margin:0 auto}

.kopfzeile{display:flex;align-items:center;gap:11px;padding:26px 0 40px;
           text-decoration:none;color:var(--text-primary)}
.kopfzeile span{font-family:Sora,sans-serif;font-weight:700;font-size:18px}
.kopfzeile svg{width:26px;height:26px;flex:none}

h1{font-family:Sora,sans-serif;font-weight:800;font-size:clamp(30px,5vw,42px);
   line-height:1.15;margin:0 0 10px;letter-spacing:-.015em}
.stand{margin:0 0 44px;color:var(--text-secondary);font-size:15px}

h2{font-family:Sora,sans-serif;font-weight:700;font-size:22px;line-height:1.3;
   margin:46px 0 14px;padding-top:26px;border-top:1px solid var(--line)}
h3{font-family:Sora,sans-serif;font-weight:700;font-size:17.5px;margin:30px 0 8px}

p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:8px}

a{color:var(--accent-muted)}
a:hover{color:var(--text-primary)}

dl{margin:0 0 20px;display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:8px 26px}
dt{color:var(--text-secondary);font-size:15.5px}
dd{margin:0}

/* Was noch einzutragen ist, soll ins Auge springen und nicht übersehen
   werden, wenn die Seite online geht. */
.offen{background:rgba(216,155,43,.16);border:1px dashed #D89B2B;color:#F0C46A;
       border-radius:6px;padding:1px 8px;font-family:"IBM Plex Mono",ui-monospace,monospace;
       font-size:.86em;white-space:nowrap}

.hinweis{background:var(--panel);border-left:4px solid var(--accent);
         border-radius:0 12px 12px 0;padding:18px 22px;margin:0 0 22px}
.hinweis p:last-child{margin-bottom:0}

.zurueck{display:inline-flex;align-items:center;gap:9px;margin-top:56px;
         padding:13px 22px;border-radius:999px;text-decoration:none;
         background:var(--accent);color:#fff;font-family:Sora,sans-serif;
         font-weight:700;font-size:15.5px;min-height:44px}
.zurueck:hover{background:#0E7A63;color:#fff}

@media (max-width:560px){
  dl{grid-template-columns:1fr;gap:2px}
  dd{margin-bottom:14px}
}