/*
  ADVISORY FRAME — Gestaltung der Textseiten
  Diese Datei gilt fuer Impressum, Datenschutz, Support und die
  Rechtstexte der App. Farben stehen hier unter :root und sind
  dieselben wie auf der Startseite.
*/
:root{
  --marine:#121D3F;
  --marine-tief:#090F25;
  --gold:#D9B46C;
  --gold-hell:#F2CF98;
  --creme:#F9F7F4;
  --text:#1B2338;
  --text-leise:#5A6478;
  --rand:#E4E0D8;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--text); background:var(--creme);
  line-height:1.7; font-size:17px; -webkit-font-smoothing:antialiased;
}

/* ---------- Kopf ---------- */
header{background:var(--marine)}
.kopfleiste{display:flex; align-items:center; justify-content:space-between;
  padding:18px 24px; max-width:860px; margin:0 auto}
.kopfleiste img{height:48px; width:auto}
.kopfleiste a.zurueck{color:#C9D0E0; text-decoration:none; font-size:15px}
.kopfleiste a.zurueck:hover{color:var(--gold-hell)}

/* ---------- Textkoerper ---------- */
main{max-width:860px; margin:0 auto; padding:56px 24px 72px}
.blatt{background:#fff; border:1px solid var(--rand); border-radius:8px;
  padding:52px 54px}
h1{font-size:clamp(24px,3.4vw,33px); font-weight:600; letter-spacing:-.01em;
  line-height:1.25; margin-bottom:10px}
.stand{font-size:14px; color:var(--text-leise); letter-spacing:.04em;
  padding-bottom:26px; border-bottom:1px solid var(--rand); margin-bottom:34px}
h2{font-size:18px; font-weight:600; margin:36px 0 12px; letter-spacing:-.005em}
h2:first-of-type{margin-top:0}
h3{font-size:16px; font-weight:600; margin:24px 0 8px; color:var(--marine)}
p{margin-bottom:13px}
ul{margin:0 0 15px 22px}
li{margin-bottom:9px}
a{color:#2C3E78}
a:hover{color:var(--gold)}
.leise{color:var(--text-leise); font-size:15px}
.kasten{background:var(--creme); border-left:3px solid var(--gold);
  padding:18px 22px; margin:22px 0; font-size:16px}
.kasten p:last-child{margin-bottom:0}
address{font-style:normal; margin-bottom:14px}
hr{border:0; border-top:1px solid var(--rand); margin:38px 0}

/* ---------- Fuss ---------- */
footer{background:var(--marine-tief); color:#8E99B2; padding:40px 0; font-size:15px}
footer .mitte{max-width:860px; margin:0 auto; padding:0 24px}
footer a{color:#B9C2D6; text-decoration:none; margin-right:22px}
footer a:hover{color:var(--gold-hell)}
.fussmarke{height:30px; width:auto; margin-bottom:18px; opacity:.85}
.klein{font-size:14px; color:#6E7892; margin-top:20px}

/* ---------- Schmal ---------- */
@media (max-width:700px){
  body{font-size:16px}
  main{padding:32px 16px 48px}
  .blatt{padding:30px 22px; border-radius:6px}
  .kopfleiste{padding:14px 16px}
}