/* Ersatzseiten (Danke, Impressum, Datenschutz, AGB) – gleiches CI wie start./bewerbung/ */
@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(anton-latin.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(barlow-400-latin.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(barlow-600-latin.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(barlow-700-latin.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(plexmono-400-latin.woff2) format('woff2')}
@font-face{font-family:'Anton Fallback';src:local('Arial Narrow'),local('Impact');size-adjust:100%}
@font-face{font-family:'Barlow Fallback';src:local('Arial');size-adjust:92%}
:root{--ink:#0A0E11;--text-dark:#1A2226;--muted-dark:#55666B;--line-l:#D5DDDF;--bg:#E8EDEE;
  --teal:#4FA5AD;--teal-deep:#2F7F87;--muted:#93A5AA;--line:rgba(255,255,255,.10)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text-dark);
  font-family:"Barlow","Barlow Fallback","Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--teal-deep)}
.topbar{background:var(--ink);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}
.topbar-in{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#E9EFF0;margin-right:auto}
.brand img{width:34px;height:auto;display:block}
.brand b{font-family:"Anton","Anton Fallback",sans-serif;font-weight:400;font-size:20px;letter-spacing:.02em;line-height:1;display:block}
.brand .name span{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.34em;color:var(--teal);display:block;margin-top:3px}
.tb-tag{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);text-align:right}
.page{flex:1;padding:32px 16px 40px}
.card{max-width:760px;margin:0 auto;background:#fff;border:1px solid var(--line-l);border-radius:4px;padding:36px 40px 40px;box-shadow:0 1px 2px rgba(10,14,17,.05)}
h1{font-family:"Anton","Anton Fallback","Arial Narrow",Impact,sans-serif;font-weight:400;font-size:clamp(27px,5.2vw,36px);line-height:1.15;letter-spacing:.005em;margin:0 0 24px;color:var(--ink)}
/* Rechtstexte */
.legal{font-size:16.5px;line-height:1.6;overflow-wrap:break-word}
.legal h2{font-weight:700;font-size:21px;line-height:1.3;color:var(--ink);margin:34px 0 10px;scroll-margin-top:16px}
.legal h3{font-weight:700;font-size:17.5px;line-height:1.35;color:var(--ink);margin:24px 0 8px}
.legal h2:first-child,.legal h3:first-child{margin-top:0}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin-bottom:8px}
/* Danke */
.danke{max-width:760px;text-align:center}
.danke h1{margin-bottom:16px}
.danke .lead{font-size:19px;line-height:1.55;margin:0 auto 28px;max-width:600px}
.danke .video{max-width:640px;margin:0 auto}
/* Footer */
.foot{text-align:center;padding:22px 16px calc(28px + env(safe-area-inset-bottom,0px));font-size:15px;color:var(--muted-dark)}
.foot a{color:var(--muted-dark);margin:0 5px;text-underline-offset:3px}
.foot a[aria-current]{color:var(--ink)}
.foot .sep{margin:0 6px 0 8px}
@media (max-width:560px){
  .topbar-in{padding:10px 16px}
  .brand b{font-size:18px}
  .tb-tag{font-size:10px;letter-spacing:.14em}
  .page{padding:16px 10px 28px}
  .card{padding:24px 18px 28px;border-radius:3px}
  .legal{font-size:16px}
  .legal h2{font-size:19px}
  .danke .lead{font-size:18px}
}
