/* legal.css — Rechtsseiten (Impressum, Datenschutz). Grundlage: Kopf, Farben und Schriften aus
   discussion.css (Lilys Entwurf), dazu der Satzspiegel fuer Rechtstexte. Nicht vom Konverter erzeugt. */
/* Schriften: dieselben Schnitte wie Lilys Google-Fonts-Anfrage, selbst gehostet (fh-book-convert). */
@font-face{font-family:"Spectral";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/spectral-500.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:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/spectral-600.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:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/manrope-300-800.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:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/manrope-300-800.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;}
/* Ab hier aus dem Entwurf. */
:root{
  --paper:#F3F4F1;--paper-2:#FBFBF9;--card:#FFFFFF;
  --ink:#111820;--ink-soft:#4C554F;--ink-faint:#5E655F;
  --rule:#E1E3DC;--rule-soft:#ECEEE8;
  --cn:#B02329;--cn-soft:#F7E9E8;--de:#1B3A5C;--de-soft:#E8EEF4;
  --cn-solid:#B02329;--de-solid:#1B3A5C;--field:#0E1A26;
  --display:"Spectral",Georgia,"Songti SC",serif;
  --sans:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  --shadow:0 1px 2px rgba(17,24,32,.04),0 18px 40px -26px rgba(17,24,32,.28);
  --shadow-lg:0 2px 6px rgba(17,24,32,.05),0 30px 60px -32px rgba(17,24,32,.34);
  --gutter:clamp(1rem,4vw,3rem);
}
*,*::before,*::after{box-sizing:border-box;}
html{font-size:112.5%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--de);outline-offset:3px;border-radius:6px;}
.wrap{max-width:62rem;margin:0 auto;padding-inline:var(--gutter);}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* header */
.top{background:var(--field);color:#F4F1EA;}
.bar{display:flex;align-items:center;gap:1rem;padding-block:1rem;}
.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;font-weight:700;font-size:.92rem;margin-right:auto;}
.brand svg{width:1.45rem;height:1.45rem;}
.back{font-size:.84rem;font-weight:600;color:#A9BDD2;text-decoration:none;}
.back:hover{color:#F4F1EA;}
.hero{padding-block:clamp(2.2rem,7vh,4rem) clamp(2.4rem,7vh,4.2rem);}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;letter-spacing:-.02em;margin:0 0 .8rem;}
.hero p{max-width:38rem;font-size:clamp(1rem,1.3vw,1.12rem);color:#D3DEEA;margin:0;}

.foot{padding-block:2rem 3rem;font-size:.8rem;color:var(--ink-faint);text-align:center;}
.foot a{color:var(--de);}
/* Rechtsseiten (2026-10-09, nicht im Entwurf): Satzspiegel wie die Bloecke der Discussion-Seite. */
.hero p a{color:#F4F1EA;}
.top .wrap,.foot{max-width:52rem;}
.legal{max-width:52rem;background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:var(--shadow);
  padding:clamp(1.3rem,3.5vw,2.6rem);margin-top:-1.9rem;position:relative;margin-bottom:0;}
.legal h2{font-family:var(--display);font-weight:600;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;margin:2rem 0 .55rem;}
.legal>h2:first-child,.legal>.legal-note:first-child+h2{margin-top:1.4rem;}
.legal h2.legal-part{font-size:clamp(1.5rem,2.6vw,1.9rem);margin-top:3rem;padding-top:2rem;border-top:1px solid var(--rule);}
.legal p,.legal li{font-size:.95rem;line-height:1.65;color:var(--ink-soft);}
.legal p{margin:0;}
.legal p+p,.legal ul+p,.legal p+ul{margin-top:.8rem;}
.legal ul{margin:.6rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem;}
.legal a{color:var(--de);overflow-wrap:anywhere;}
.legal strong{color:var(--ink);}
.legal .legal-note{font-size:.9rem;background:linear-gradient(135deg,var(--cn-soft),var(--de-soft));border-radius:12px;padding:.9rem 1.1rem;color:var(--ink);}
.legal .address{color:var(--ink);}
.legal .fh-datenschutz-technik h2{font-size:clamp(1.15rem,1.8vw,1.35rem);}
.legal .fh-datenschutz-technik ul{padding-left:1.2rem;}