/* Gemeinsames Stylesheet für Impressum und Datenschutz.
   Gleiche Gestaltung wie die Startseite, nur ohne Hero. */

@font-face{
  font-family:"Bebas Neue";
  src:url("/assets/fonts/bebas-neue-v16-latin-regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("/assets/fonts/roboto-v51-latin-regular.woff2") format("woff2");
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:"Roboto";
  src:url("/assets/fonts/roboto-v51-latin-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap;
}

:root{
  --rot:#b02820; --rot-dunkel:#8d1f19;
  --tinte:#1c1c1c; --grau:#5b5b5b; --linie:#e4e2e0; --papier:#faf8f6;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--tinte);background:var(--papier);line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:"Bebas Neue","Oswald","Arial Narrow",Impact,sans-serif;
  font-weight:400;letter-spacing:.02em;line-height:1.1;text-transform:uppercase;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--rot)}
a:focus-visible{outline:3px solid var(--rot);outline-offset:3px}
.wrap{width:min(760px,92vw);margin-inline:auto}

.kopf{background:#fff;border-bottom:1px solid var(--linie)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0}
.kopf img{height:60px;width:auto}
.kopf a.zurueck{font-size:.9rem;font-weight:700;text-decoration:none}
.kopf a.zurueck:hover{text-decoration:underline}

main{padding:2.6rem 0 3.4rem}
main h1{font-size:clamp(2rem,5vw,3rem);color:var(--rot);margin-bottom:1.4rem}
main h2{font-size:1.4rem;margin:2.2rem 0 .5rem}
main h3{font-size:1.15rem;margin:1.5rem 0 .3rem}
main p{margin-bottom:1rem}
main ul,main ol{margin:0 0 1rem 1.3rem}
main li{margin-bottom:.3rem}
main address{font-style:normal;margin-bottom:1rem}
main hr{border:0;border-top:1px solid var(--linie);margin:2rem 0}

/* Quellen- und Fussnotenzeile */
main small{color:var(--grau);font-size:.85rem}

.fuss{background:var(--tinte);color:#c9c6c3;padding:2rem 0;font-size:.9rem}
.fuss a{color:#fff;text-decoration:none}
.fuss a:hover{text-decoration:underline}
.fuss nav{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:.5rem}