/* Gemeinsames Aussehen fuer Impressum und Datenschutz */
@font-face{font-family:'Outfit';font-style:normal;font-weight:100 900;font-display:swap;src:url(assets/fonts/outfit.woff2) format('woff2');}
:root{
  --blau:#007BFF; --dunkel:#0B0F1A; --hell:#F8FAFC; --akzent:#00E5FF;
  --flaeche:#101829; --leise:#9BA9C1; --linie:rgba(255,255,255,.1);
  --blau-hell:#4DA3FF; --schrift:'Outfit',Arial,Helvetica,sans-serif; --radius:20px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--dunkel);color:var(--hell);font-family:var(--schrift);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--blau-hell)}
a:hover{color:var(--akzent)}
.kopf{border-bottom:1px solid var(--linie);background:rgba(11,15,26,.9);position:sticky;top:0;backdrop-filter:blur(8px);z-index:10}
.rahmen{max-width:820px;margin:0 auto;padding:0 20px}
.kopf .rahmen{display:flex;align-items:center;justify-content:space-between;height:68px}
.marke{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--hell);font-size:19px}
.marke svg{width:30px;height:28px}
.zurueck{font-size:15px;text-decoration:none}
main{padding:48px 0 72px}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;margin:0 0 8px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.stand{color:var(--leise);font-size:15px;margin:0 0 40px}
h2{font-size:22px;margin:40px 0 10px;padding-top:24px;border-top:1px solid var(--linie)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:18px;margin:26px 0 6px}
p,li{color:#DCE4F0}
.leise{color:var(--leise);font-size:15px}
.kasten{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:20px 24px;margin:20px 0}
.kasten p:first-child{margin-top:0}
.kasten p:last-child{margin-bottom:0}
ul{padding-left:20px}
li{margin:6px 0}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linie);vertical-align:top}
th{color:var(--leise);font-weight:600}
.fuss{border-top:1px solid var(--linie);padding:24px 0;color:var(--leise);font-size:15px}
.fuss ul{list-style:none;display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:8px 0 0}
@media (max-width:600px){body{font-size:16px}main{padding:32px 0 56px}}
/* Logo: KI-Zeichen + "-verbindet.de" (kein zweites "KI") */
.marke{gap:5px;align-items:baseline;letter-spacing:-.02em}
.marke svg{align-self:center}
.marke i{font-style:normal;font-weight:500;color:var(--leise)}
/* Kopf rechts: Sprachwahl DE | EN und Zurueck */
.kopf-rechts{display:flex;align-items:center;gap:16px}
.sprachwahl{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:500;letter-spacing:.06em;line-height:1;color:rgba(248,250,252,.35);white-space:nowrap}
.sprachwahl a{text-decoration:none;color:rgba(248,250,252,.62);padding:10px 5px;border-radius:6px}
.sprachwahl a:hover{color:#fff}
.sprachwahl a[aria-current]{color:#fff;font-weight:600}
code{overflow-wrap:anywhere}
/* Offene Pflichtangaben sichtbar markieren (gelb). Erst entfernen, wenn die Angabe feststeht. */
.platzhalter{background:#FFE58A;color:#0B0F1A;font-weight:600;padding:1px 6px;border-radius:4px}
/* Hinweis auf der englischen Fassung: verbindlich ist Deutsch */
.verbindlich{background:rgba(0,123,255,.1);border:1px solid rgba(0,123,255,.35);border-radius:14px;padding:14px 18px;margin:0 0 32px;font-size:15px}
.verbindlich p{margin:0;color:var(--hell)}
@media (max-width:600px){
  table{font-size:14px}
  th,td{padding:8px 6px;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
}
@media (max-width:480px){
  .kopf-rechts{gap:8px}
  .zurueck .lang{display:none}
}