/* Gemeinsames Layout fuer Impressum und Datenschutz
   Farben und Schriften nach SAS Brand Sheet, Welt 1 (Digital/Bold) */

@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
}
@font-face{
  font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/ibm-plex-mono-latin-400-normal.woff2') format('woff2');
}

:root{
  --navy:#0A1628;
  --gruen:#B8D100;
  --white:#FFFFFF;
  --grau:#8A99A6;
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  font-family:'IBM Plex Sans',-apple-system,system-ui,Segoe UI,Arial,sans-serif;
  background:var(--navy);
  color:var(--white);
  line-height:1.65;
  padding:48px 18px 56px;
}

.seite{max-width:680px;margin:0 auto}

.kopf{
  display:flex;align-items:center;gap:16px;
  padding-bottom:26px;margin-bottom:34px;
  border-bottom:1px solid rgba(184,209,0,.3);
}
.kopf img{width:56px;height:56px;flex:none}
.kopf .wm{
  font-size:.66rem;font-weight:600;
  letter-spacing:.3em;text-indent:.3em;line-height:1.9;
}
.kopf .wm .anchor{color:var(--gruen);display:block}
.kopf .wm .sol{color:var(--white);display:block}

h1{
  font-size:1.5rem;font-weight:600;
  margin-bottom:30px;letter-spacing:.01em;
}

h2{
  font-size:.8rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.14em;
  color:var(--gruen);
  margin:34px 0 10px;
}

p{margin-bottom:14px}
p.anschrift{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.88rem;line-height:1.9}

ul{margin:0 0 14px 20px}
li{margin-bottom:6px}

a{color:var(--white);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3)}
a:hover,a:focus-visible{color:var(--gruen);border-bottom-color:var(--gruen)}
a:focus-visible{outline:2px solid var(--gruen);outline-offset:3px;border-radius:2px}

.klein{font-size:.84rem;color:var(--grau)}

.zurueck{
  display:inline-block;margin-top:44px;
  font-size:.84rem;font-weight:600;
  color:var(--gruen);border-bottom-color:var(--gruen);
}

footer{
  margin-top:44px;padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:.74rem;color:var(--grau);
}
footer a{color:var(--grau);border-bottom:1px solid transparent}
footer .sep{opacity:.45;margin:0 8px}

@media (max-width:420px){
  body{padding:34px 16px 44px}
  h1{font-size:1.3rem}
}