/* Gemeinsames Layout für Impressum, Datenschutz und Erstinformation.
   Farben und Schrift wie auf der Landingpage, Schrift vom eigenen Server. */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter-latin-800-normal.woff2) format("woff2")}
:root{
  --blue:#1A4C93; --blue-d:#174485; --blue-t:#DBE6F5; --gold:#E2A73E; --gold-t:#FCF4E4;
  --cream:#F7F3EB; --ink:#1B2430; --ink-2:#4B5661; --soft:#838C96; --line:#E8E4DA;
  --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;background:var(--cream)}
a{color:var(--blue);overflow-wrap:anywhere}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}

.top{background:var(--blue);border-bottom:3px solid var(--gold);color:#fff;padding:20px 0 56px}
.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none}
/* Logo als Maske: übernimmt automatisch die Textfarbe, kein weißer Kasten */
.brand img{display:none}
.brand::before{content:"";width:24px;height:24px;flex:none;background-color:currentColor;mask-image:url(/logo-white.png),linear-gradient(#fff,#fff);mask-mode:luminance,alpha;mask-composite:exclude;mask-size:112% 112%,100% 100%;mask-repeat:no-repeat;mask-position:center}
.brand span{font-size:13px;font-weight:700;letter-spacing:.1em}
.brand b{color:inherit}
.top h1{margin-top:28px;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.15}

main{position:relative;margin-top:-32px;background:#fff;border-radius:14px;padding:30px;box-shadow:0 18px 44px rgba(26,76,147,.10)}
main h2{font-size:1.15rem;font-weight:700;color:var(--blue);margin:30px 0 8px;letter-spacing:-.01em}
main h2:first-child{margin-top:0}
main h3{font-size:1rem;font-weight:700;margin:20px 0 6px}
main p,main ul,main address{margin:0 0 12px;color:var(--ink-2)}
main address{font-style:normal}
main ul{padding-left:20px}
main li{margin-bottom:4px}
main strong{color:var(--ink)}

/* Platzhalter, die David noch ausfüllen muss: fallen bewusst auf */
.todo{background:var(--gold-t);border-bottom:2px solid var(--gold);padding:0 3px}

.btn{display:inline-block;border:0;cursor:pointer;background:var(--blue);color:#fff;font:600 14px var(--sans);padding:10px 16px;border-radius:10px}
.btn:hover{background:var(--blue-d)}
.hint{font-size:13px;color:var(--soft)}

footer{padding:24px 0 36px;font-size:12px;color:var(--soft);text-align:center}
footer a{margin:0 8px;color:var(--ink-2)}

@media (max-width:520px){
  .wrap{padding:0 14px}
  main{padding:22px 18px}
}