@font-face{font-family:Montserrat;src:url(assets/fonts/Montserrat.ttf) format("truetype");font-weight:100 900;font-display:swap}
:root{--cyan:#00D4FF;--navy:#0B1A2B;--tief:#07111D;--text:#F7FBFF;--mut:#AEBFD0;--kontur:rgba(0,212,255,.42)}
*{box-sizing:border-box}
body{margin:0;background:var(--navy);color:var(--text);font:400 16px/1.7 Montserrat,"Avenir Next",Arial,sans-serif;-webkit-font-smoothing:antialiased}
header{border-bottom:1px solid rgba(0,212,255,.14);background:var(--tief)}
header .w,main,footer .w{max-width:820px;margin:0 auto;padding:0 20px}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}
header img{width:190px;height:auto;display:block}
header a.zur{font-size:.85rem;color:var(--mut);text-decoration:none}
header a.zur:hover{color:var(--cyan)}
main{padding-top:56px;padding-bottom:80px}
h1{font-weight:600;letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 8px}
.stand{color:var(--mut);font-size:.85rem;margin:0 0 40px}
h2{font-weight:600;font-size:1.15rem;margin:40px 0 10px;color:var(--text)}
h3{font-weight:600;font-size:1rem;margin:24px 0 6px}
p,li{color:#D6E1EC}
ul{padding-left:1.2em}
a{color:var(--cyan)}
.kasten{border:1px solid var(--kontur);border-radius:14px;padding:20px 22px;background:rgba(7,17,29,.5)}
.kasten p{margin:0}
footer{border-top:1px solid rgba(0,212,255,.12);background:var(--tief);font-size:.85rem;color:var(--mut)}
footer .w{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;padding-top:28px;padding-bottom:28px}
footer a{color:var(--mut);text-decoration:none;margin-left:20px}
footer a:hover{color:var(--cyan);text-decoration:underline}