:root{color-scheme:dark;--bg:#0b111a;--surface:#111a27;--surface2:#162233;--text:#f0f4f8;--muted:#a9b6c5;--line:#29384b;--accent:#5b8def}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 RedHatText,"Segoe UI",ui-sans-serif,system-ui,-apple-system,sans-serif}header,footer{max-width:1120px;margin:auto;padding:24px 28px;display:flex;gap:18px;align-items:center;justify-content:space-between;color:var(--muted)}header{min-height:72px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);font-size:14px;flex-wrap:wrap}.brand{font-weight:800;letter-spacing:-.025em;color:var(--text);text-decoration:none}main{max-width:1120px;margin:auto;padding:76px 28px 96px}.hero,article{max-width:840px}.eyebrow{color:#91b4f8;font-size:12px;font-weight:750;letter-spacing:.12em}h1{max-width:15ch;font-size:clamp(42px,6vw,70px);line-height:1.02;letter-spacing:-.05em;margin:.28em 0 .46em}h2{font-size:21px;margin:2.1em 0 .35em;letter-spacing:-.02em}p,li{color:#c7d1dc}a{color:#91b4f8}.cards{display:flex;flex-direction:column;margin-top:56px;border-top:1px solid var(--line)}.cards a{display:grid;grid-template-columns:minmax(180px,.65fr) 1fr auto;align-items:center;gap:24px;min-height:108px;padding:22px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:color 150ms ease,transform 150ms ease}.cards a::after{content:"Öffnen";color:var(--accent);font-size:13px;font-weight:750}.cards a:hover{transform:translateX(4px)}.cards a:active{transform:translateX(2px)}.cards b{font-size:20px;color:var(--text)}.cards span{color:var(--muted)}article{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:clamp(24px,5vw,56px);box-shadow:0 24px 64px #02070d59}.notice{margin-top:36px;padding:20px 22px;border-left:3px solid var(--accent);background:var(--surface2);border-radius:8px}.notice p{margin-bottom:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:720px){main{padding-top:46px}.cards a{grid-template-columns:1fr;gap:2px;padding:20px 0}.cards a::after{margin-top:8px}header span{display:none}article{border-radius:12px}}
