/* SachIQ Website · Basis (Design Volt). Schriften lokal, keine externen Dienste. */
@font-face{font-family:"Unbounded";font-weight:700;font-display:swap;src:url(/fonts/unbounded-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Unbounded";font-weight:800;font-display:swap;src:url(/fonts/unbounded-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:400;font-display:swap;src:url(/fonts/inter-tight-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:500;font-display:swap;src:url(/fonts/inter-tight-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-weight:600;font-display:swap;src:url(/fonts/inter-tight-latin-600-normal.woff2) format("woff2")}
:root{
  --carbon:#0A0A0A;--carbon-2:#141413;--graphit:#2A2A28;--stahl:#8A8A84;
  --fg:#F4F4EF;--fg-soft:#B9B9B2;--volt:#D4FF3A;--volt-dim:rgba(212,255,58,.14);
  --display:"Unbounded","Arial Black",system-ui,sans-serif;
  --text:"Inter Tight","Helvetica Neue",Arial,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--carbon);color:var(--fg);font:400 17px/1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:3px solid var(--volt);outline-offset:3px;border-radius:6px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.logo{display:inline-flex;align-items:center;gap:.18em;font:800 26px/1 var(--display);letter-spacing:-.05em;color:var(--fg);text-decoration:none}
.iq{display:inline-block;position:relative;font:800 .8em/1 var(--display);letter-spacing:-.02em;background:var(--volt);color:var(--carbon);padding:.12em .2em .16em;border-radius:.22em}
.iq i{position:absolute;width:.16em;height:.16em;border-radius:50%;background:var(--carbon);right:.16em;top:.16em}
.lbl{font:600 12px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--volt);margin:0}
.fuss{border-top:1px solid var(--graphit);padding-block:28px calc(28px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;font-size:13px;color:var(--stahl)}
.fuss nav{display:flex;gap:20px}
.fuss a{text-decoration:none;color:var(--fg-soft);transition:color .2s}
.fuss a:hover{color:var(--volt)}

/* Textseiten (Impressum, Datenschutz) */
.kopf{padding-block:28px}
.text{padding-block:24px 80px;max-width:760px}
.text h1{font:800 clamp(34px,5vw,56px)/1.05 var(--display);letter-spacing:-.045em;margin:12px 0 32px}
.text h2{font:700 20px/1.25 var(--display);letter-spacing:-.03em;margin:40px 0 12px;color:var(--fg)}
.text p,.text li{color:var(--fg-soft);margin:0 0 12px}
.text strong{color:var(--fg);font-weight:600}
.text a{color:var(--volt);text-decoration:none;border-bottom:1px solid rgba(212,255,58,.35)}
.text a:hover{border-color:var(--volt)}