/* Impressum & Datenschutz – Tokens identisch zu index.html */

@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('fonts/BarlowCondensed-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/DMSans.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}

:root{
  --papier:#eff3f9; --blatt:#ffffff; --blatt-warm:#f7f9fc;
  --blau:#00307e; --blau-tief:#001c4d;
  --tinte:#0f1d33; --stahl:#5a6a85;
  --orange:#fc7200; --orange-tx:#a84800;
  --linie:#ccd7e6; --kontur:#7a8ca6;
  --display:"Barlow Condensed",Haettenschweiler,Impact,sans-serif;
  --text:"DM Sans",system-ui,sans-serif;
  --kopf-h:96px;
  --winkel:-24.3deg;
  --spur:clamp(18px,4vw,30px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papier);color:var(--tinte);font-family:var(--text);
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--blau)}
a:hover{color:var(--blau-tief)}
.bahn{width:min(880px,100% - 2*var(--spur));margin-inline:auto}

.sprung{position:absolute;left:-9999px;top:0;background:var(--blau);color:#fff;
  padding:12px 20px;font-family:var(--display);font-weight:700;letter-spacing:.1em;z-index:200}
.sprung:focus{left:var(--spur);top:10px}

/* Kopf */
.kopf{position:sticky;top:0;z-index:100;background:rgba(239,243,249,.94);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--linie)}
.kopf-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--kopf-h);
  width:min(1180px,100% - 2*var(--spur));margin-inline:auto}
.kopf-logo{width:200px}
.zurueck{font-family:var(--display);font-weight:600;font-size:16px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--blau);text-decoration:none;
  border-bottom:2px solid transparent;padding:4px 0}
.zurueck:hover{border-bottom-color:var(--orange)}

/* Titelblock */
.titel{padding:clamp(40px,6vw,66px) 0 clamp(30px,4vw,44px)}
.dach{display:inline-flex;align-items:center;gap:10px;background:var(--blau);color:#fff;
  font-family:var(--display);font-weight:600;font-size:13.5px;letter-spacing:.22em;
  text-transform:uppercase;padding:9px 20px;transform:skewX(var(--winkel))}
.dach > *{transform:skewX(calc(-1 * var(--winkel)))}
.dach .punkt{width:7px;height:7px;background:var(--orange)}
h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,7vw,76px);margin:18px 0 0;
  line-height:.96;text-transform:uppercase;color:var(--blau)}
.stand{font-size:14px;color:var(--stahl);margin:14px 0 0}

/* Inhalt */
main{padding-bottom:clamp(56px,7vw,84px)}
h2{font-family:var(--display);font-weight:700;font-size:clamp(23px,3vw,29px);text-transform:uppercase;
  color:var(--blau);margin:42px 0 12px;padding-top:26px;border-top:2px solid var(--linie);line-height:1.05}
h2:first-of-type{border-top:0;padding-top:0;margin-top:0}
p,li{font-size:16px;color:var(--tinte)}
ul{padding-left:22px}
li{margin:6px 0}
b,strong{color:var(--blau)}
.kasten{background:var(--blatt);border:1px solid var(--linie);border-left:5px solid var(--orange);
  padding:24px 26px;margin:22px 0}
.kasten p{margin:0}
.kasten p + p{margin-top:12px}

/* Fuss */
.fuss{background:var(--blau);color:#c3d2e8;padding:34px 0;font-size:14.5px}
.fuss-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;
  width:min(1180px,100% - 2*var(--spur));margin-inline:auto}
.fuss a{color:#c3d2e8;text-decoration:none}
.fuss a:hover{color:var(--orange)}

:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
.fuss :focus-visible{outline-color:var(--orange)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation-duration:.01ms !important;transition-duration:.01ms !important}
}
@media(max-width:1000px){ :root{--kopf-h:84px} .kopf-logo{width:min(170px,46vw)} }