/* Impressum und Datenschutz. Gleiche Marke, ruhiger gesetzt:
   Hier wird gelesen, nicht gescrollt. */
:root{
  --blau:#002D69; --rot:#D12017; --gelb:#F9B002; --creme:#F8F0E7;
  --grund:#F8F0E7; --blatt:#FFFFFF; --tinte:#0F1926; --tinte-leise:#5A6675;
  --linie:#DFD3C2;
  --anzeige:"Archivo Black", "Archivo", ui-sans-serif, system-ui, sans-serif;
  --satz:"Archivo", ui-sans-serif, system-ui, sans-serif;
  --zettel:"Archivo", ui-sans-serif, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --grund:#0B1420; --blatt:#132030; --tinte:#EDE4D6; --tinte-leise:#93A2B4;
    --linie:#22334A; --creme:#132030; --blau:#7FA6E8; --rot:#EE6A5C; --gelb:#FFC23A;
  }
}
:root[data-theme="dark"]{
  --grund:#0B1420; --blatt:#132030; --tinte:#EDE4D6; --tinte-leise:#93A2B4;
  --linie:#22334A; --creme:#132030; --blau:#7FA6E8; --rot:#EE6A5C; --gelb:#FFC23A;
}

*{box-sizing:border-box;}
body{
  margin:0; background:var(--grund); color:var(--tinte);
  font-family:var(--satz); font-size:16px; line-height:1.68;
}
.bahn{width:100%; max-width:48rem; margin:0 auto; padding:0 1.25rem;}

.kopf{background:var(--grund); border-bottom:2px solid var(--tinte);}
.kopf .bahn{display:flex; align-items:center; justify-content:space-between; min-height:62px; max-width:72rem;}
.kopf .marke img{height:34px; width:auto; display:block;}
.kopf nav a{font-size:.9rem; color:var(--tinte); text-decoration:none; border-bottom:2px solid transparent;}
.kopf nav a:hover, .kopf nav a:focus-visible{border-bottom-color:var(--rot);}

.schrift{padding:2.5rem 1.25rem 4rem;}
h1{font-family:var(--anzeige); font-weight:800; font-size:clamp(1.9rem,5vw,2.6rem); letter-spacing:-.02em; margin:0 0 .3rem;}
h2{font-family:var(--anzeige); font-weight:700; font-size:1.22rem; margin:2.2rem 0 .5rem;}
p{margin:0 0 1rem;}
.stand{font-family:var(--zettel); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; color:var(--tinte-leise); margin-bottom:1.8rem;}
.klein{font-size:.88rem; color:var(--tinte-leise);}
em{color:var(--tinte-leise);}
code{font-family:var(--zettel); font-size:.88em; background:var(--blatt); border:1px solid var(--linie); padding:.05em .3em; border-radius:3px;}

.warnung{
  background:var(--blatt); border:2px solid var(--rot); border-left-width:7px;
  border-radius:8px; padding:1rem 1.1rem; margin:0 0 2rem; font-size:.95rem;
}
.warnung strong{display:block; margin-bottom:.25rem; color:var(--rot);}

.fuellen{
  background:repeating-linear-gradient(45deg, var(--gelb), var(--gelb) 7px, #ffdd6b 7px, #ffdd6b 14px);
  color:#171410; border:1px dashed #171410; border-radius:4px;
  padding:0 .35rem; font-family:var(--zettel); font-size:.85em;
}

.fuss{background:var(--tinte); color:var(--creme); padding:1.6rem 0;}
.fuss .bahn{max-width:72rem;}
.fuss nav{display:flex; gap:1.25rem; font-size:.9rem;}
.fuss a{color:var(--creme); text-decoration:underline; text-underline-offset:3px;}

a:focus-visible{outline:3px solid var(--rot); outline-offset:2px;}

/* Kasten fuer das Muster-Widerrufsformular */
.formularkasten{
  background:var(--blatt); border:1px solid var(--linie); border-radius:5px;
  padding:1.2rem 1.3rem; margin:0 0 1.5rem;
}
.formularkasten p{margin:0 0 .7rem; font-size:.95rem;}
h3{font-family:var(--anzeige); font-size:1.02rem; margin:1.6rem 0 .4rem;}