/* Gemeinsames Aussehen der Unterseiten: Impressum, Datenschutz, Fehlerseite.
   Gleiche Palette und Typografie wie die Startseite. */
:root{
  --bg:#FFFFFF; --bg-2:#F1F5F7; --fg:#0F2436; --fg-2:#526A7A;
  --line:#DAE3E8; --line-2:#E8EEF1; --accent:#0E7C7B; --cta:#0E7C7B;
  --maxw:820px;
}
@media (prefers-color-scheme:dark){
  :root{ --bg:#0F2436; --bg-2:#173247; --fg:#FFFFFF; --fg-2:#A7BDCB;
         --line:#28455C; --line-2:#1E3A50; --accent:#4FC3C0; --cta:#0E7C7B; }
}
*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;background:var(--bg);color:var(--fg);
  font-family:"Open Sans","Segoe UI",system-ui,sans-serif;
  font-size:1.0625rem;line-height:1.68;-webkit-font-smoothing:antialiased;
}
.wrap{max-width:var(--maxw);margin-inline:auto;padding:0 clamp(1.1rem,4vw,2rem)}
header{border-bottom:1px solid var(--line-2);padding-block:1.1rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}
header .wrap{display:flex;align-items:center;gap:1rem}
header a.marke{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--fg)}
header svg{width:40px;height:40px;flex:none}
header b{font-family:Montserrat,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:-.01em}
header .zurueck{margin-left:auto;font-size:.875rem;color:var(--fg-2);text-decoration:none}
header .zurueck:hover{color:var(--accent)}
h1{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(2rem,1.3rem + 2.6vw,3rem);
   line-height:1.1;letter-spacing:-.019em;margin:0 0 2rem}
h2{font-family:Montserrat,sans-serif;font-weight:700;font-size:1.35rem;line-height:1.25;
   letter-spacing:-.008em;margin:2.6rem 0 .9rem}
p,li{color:var(--fg-2)}
p{margin:0 0 1rem;max-width:66ch}
ul{margin:0 0 1rem 1.2rem;padding:0}
li{margin-bottom:.4rem}
strong{color:var(--fg);font-weight:600}
a{color:var(--accent)}
dl{margin:0 0 1.4rem}
dt{font-family:Montserrat,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.16em;
   text-transform:uppercase;color:var(--fg-2);margin-top:1.1rem}
dd{margin:.25rem 0 0;color:var(--fg)}
.hinweis{border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);
   padding:1.1rem 1.3rem;border-radius:10px;margin:1.6rem 0}
.hinweis p{color:var(--fg);margin:0}
footer{border-top:1px solid var(--line-2);margin-top:clamp(3rem,7vw,5rem);padding-block:2rem 3rem;
   font-size:.875rem;color:var(--fg-2)}
footer .wrap{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem}
footer .wrap span:nth-of-type(2){order:1;margin-left:auto}
@media(max-width:760px){footer .wrap span:nth-of-type(2){order:0;margin-left:0}}
footer a{color:var(--fg-2);text-decoration:none}
footer a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}