@font-face{font-family:"Space Grotesk";font-weight:500 700;font-style:normal;font-display:swap;src:url("/assets/space-grotesk.woff2") format("woff2")}
@font-face{font-family:"Roboto";font-weight:400;font-style:normal;font-display:swap;src:url("/assets/roboto-regular.woff2") format("woff2")}
@font-face{font-family:"Roboto";font-weight:500;font-style:normal;font-display:swap;src:url("/assets/roboto-medium.woff2") format("woff2")}

:root{
  --grund:#08090A;--cyan:#00E7F5;--text:#F3F6F7;--text-leise:#98A4AB;
  --linie-leise:rgba(255,255,255,.09);
  --sans:"Roboto",system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Space Grotesk","Roboto",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--grund);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
.huelle{max-width:620px;margin:0 auto;padding:22px 18px calc(40px + env(safe-area-inset-bottom))}
.zurueck{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);text-decoration:none;font-size:14.5px;font-weight:500;margin-bottom:22px}
.zurueck svg{width:17px;height:17px}
.zurueck:hover{text-decoration:underline}
h1{font-family:var(--display);font-weight:700;font-size:clamp(26px,7vw,32px);line-height:1.15;margin:0 0 6px}
.unterzeile{margin:0 0 26px;color:var(--text-leise);font-size:14.5px}
h2{font-family:var(--display);font-weight:700;font-size:16.5px;line-height:1.3;margin:28px 0 8px;color:var(--cyan)}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin-bottom:6px}
a{color:var(--cyan)}
a:hover{text-decoration:none}
footer{margin-top:38px;padding-top:18px;border-top:1px solid var(--linie-leise);display:flex;gap:18px;font-size:14px}
footer a{color:var(--text-leise);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.18)}
footer a:hover{color:var(--cyan);border-color:var(--cyan)}