/* Gemeinsames Stylesheet für Impressum, Datenschutz und Danke-Seite */
@font-face{font-family:'Archivo';src:url('fonts/archivo-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,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';src:url('fonts/archivo-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,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument';src:url('fonts/instrument-latin.woff2') format('woff2');font-weight:400 600;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,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument';src:url('fonts/instrument-latin-ext.woff2') format('woff2');font-weight:400 600;font-display:swap;
  unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'PlexMono';src:url('fonts/plexmono-500-latin.woff2') format('woff2');font-weight:500;font-display:swap}

:root{--tief:#14384B;--wasser-text:#1F6A85;--kupfer:#B57B45;--kupfer-cta:#A2683A;--kupfer-text:#946034;
  --fliese:#EDF2F5;--text:#14384B;--stein:#52697A;--linie:#D7E1E8}
*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;color:var(--text);font-family:'Instrument',system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Archivo','Instrument',sans-serif;font-weight:700;letter-spacing:-.026em;line-height:1.1}
h1{font-size:clamp(2rem,4.2vw,3rem);margin-bottom:14px}
h2{font-size:clamp(1.24rem,2.2vw,1.58rem);margin:44px 0 14px}
h3{font-size:1.07rem;margin:28px 0 8px}
a{color:var(--wasser-text)}
a:hover{color:var(--kupfer-text)}
:focus-visible{outline:3px solid var(--kupfer);outline-offset:3px;border-radius:4px}

.kopfleiste{border-bottom:1px solid var(--linie);background:#fff}
.kopfleiste .innen{max-width:880px;margin:0 auto;padding:16px 24px;display:flex;align-items:center}
.logo{height:44px;width:auto;display:block}

.seite{max-width:880px;margin:0 auto;padding:clamp(44px,6vw,80px) 24px clamp(60px,8vw,110px)}
.seite p{margin-bottom:14px;color:var(--stein)}
.seite p strong,.seite li strong{color:var(--text)}
.seite ul{margin:0 0 16px 22px;color:var(--stein)}
.seite li{margin-bottom:7px}
.stand{font-family:'PlexMono',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stein);display:block;margin-bottom:26px}
.platzhalter{background:#FBEEDF;border-left:3px solid var(--kupfer);padding:3px 8px;border-radius:3px;font-weight:600;color:var(--text)}
.kasten{background:var(--fliese);border-radius:12px;padding:24px 26px;margin:26px 0}
.kasten p:last-child{margin-bottom:0}
.zurueck{display:inline-flex;align-items:center;gap:9px;margin-top:34px;font-weight:600;text-decoration:none;
  background:var(--tief);color:#fff;padding:14px 26px;border-radius:100px}
.zurueck:hover{background:var(--kupfer-cta);color:#fff}
.fussleiste{border-top:1px solid var(--linie);padding:26px 24px;text-align:center;font-size:.88rem;color:var(--stein)}
.fussleiste a{margin:0 8px}
