@font-face{font-family:'Manrope';src:url('fonts/manrope-latin.woff2') format('woff2');
  font-weight:400 800;font-display:swap;font-style:normal}
@font-face{font-family:'Jost';src:url('fonts/jost-latin.woff2') format('woff2');
  font-weight:400 800;font-display:swap;font-style:normal}
/* Rechtsseiten (Datenschutz, Impressum) — WashFixx */
:root{
  --blau:#0068B3; --blau-hell:#4FB3E8;
  --bg:#000; --panel:#0A0C0E;
  --text:#F2F4F5; --text-2:#A9B1B7; --text-3:#838C93;
  --line:rgba(255,255,255,0.08); --line-2:rgba(255,255,255,0.14);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);
     font:400 16px/1.7 'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
     -webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}
.kopf{border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:10;
      backdrop-filter:blur(8px)}
.kopf-in{max-width:820px;margin:0 auto;padding:16px 22px;display:flex;align-items:center;
         justify-content:space-between;gap:16px}
.marke{font:800 17px/1 'Jost',system-ui,sans-serif;letter-spacing:.12em;color:#fff;text-decoration:none}
.marke span{color:var(--blau-hell)}
.zurueck{font:600 14px/1 'Manrope',system-ui,sans-serif;color:var(--text-2);text-decoration:none;
         border:1px solid var(--line-2);padding:9px 15px;border-radius:9px;transition:all .2s ease;white-space:nowrap}
.zurueck:hover{color:#fff;border-color:var(--blau)}
main{padding:44px 0 80px}
h1{font:800 clamp(28px,5vw,40px)/1.15 'Jost',system-ui,sans-serif;margin:0 0 10px;letter-spacing:-.01em}
.stand{color:var(--text-3);font-size:14px;margin:0 0 40px}
h2{font:700 clamp(19px,3vw,23px)/1.3 'Jost',system-ui,sans-serif;margin:40px 0 12px;
   padding-top:22px;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font:700 16px/1.4 'Manrope',system-ui,sans-serif;margin:24px 0 8px;color:#fff}
p,li{color:var(--text-2)}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
a{color:var(--blau-hell)}
a:hover{color:#fff}
strong{color:var(--text);font-weight:700}
.box{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:20px 22px;margin:0 0 20px}
.box p:last-child{margin-bottom:0}
.btn-consent{display:inline-block;background:var(--blau);color:#fff;border:0;cursor:pointer;
             font:700 14.5px/1 'Manrope',system-ui,sans-serif;padding:13px 20px;border-radius:10px;
             transition:filter .2s ease}
.btn-consent:hover{filter:brightness(1.12)}
.btn-consent:focus-visible{outline:2px solid var(--blau-hell);outline-offset:2px}
.hinweis{font-size:14px;color:var(--text-3);margin-top:10px}
.fuss{border-top:1px solid var(--line);padding:26px 0;margin-top:50px}
.fuss-in{max-width:820px;margin:0 auto;padding:0 22px;display:flex;gap:18px;flex-wrap:wrap;
         font-size:14px;color:var(--text-3)}
.fuss-in a{color:var(--text-2);text-decoration:none}
.fuss-in a:hover{color:#fff}
@media(max-width:560px){
  main{padding:32px 0 60px}
  h2{margin:32px 0 10px}
}
