/* BEWEISKETTE 2026 · Spurensicherung Laa — Gestaltung: Nachtaufnahme · Luminol · Beweismarke */
@font-face{font-family:'BK Display';src:url(../fonts/bigshoulders-latin.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2190-21FF,U+2212}
@font-face{font-family:'BK Display';src:url(../fonts/bigshoulders-latin-ext.woff2) format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-024F}
@font-face{font-family:'BK Mono';src:url(../fonts/redhatmono-400.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'BK Mono';src:url(../fonts/redhatmono-600.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'BK Mono';src:url(../fonts/redhatmono-400-ext.woff2) format('woff2');font-weight:400;font-display:swap;unicode-range:U+0100-024F}
:root{--nacht:#06080b;--tinte:#0d1117;--linie:#1d2a33;--luminol:#35e0ff;--marker:#f5d300;--kreide:#ecebe6;--uv:#7b5cff;--rot:#ff3b47;--grau:#93a4ad;
--d:'BK Display','Arial Narrow',sans-serif;--m:'BK Mono','Courier New',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--nacht);color:var(--kreide);font:16px/1.6 var(--m)}
a{color:var(--luminol)}
.btn{font:600 13px/1 var(--m);letter-spacing:2px;text-transform:uppercase;background:transparent;color:var(--kreide);border:1px solid #3a4a54;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-block}
.btn:hover{border-color:var(--luminol);color:var(--luminol)}
.btn.or{background:var(--marker);color:var(--nacht);border-color:var(--marker)}
.btn.or:hover{background:var(--kreide);border-color:var(--kreide);color:var(--nacht)}
.btn.an{border-color:var(--marker);color:var(--marker)}
.ecken{position:relative}
.ecken:before,.ecken:after{content:'';position:absolute;width:22px;height:22px;border:2px solid var(--luminol);pointer-events:none}
.ecken:before{left:-1px;top:-1px;border-width:2px 0 0 2px}.ecken:after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.marke{display:inline-block;background:var(--marker);color:var(--nacht);font:800 15px/1 var(--d);letter-spacing:2px;padding:5px 9px 4px}
:focus-visible{outline:2px solid var(--marker);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}