:root{--bg:#061D19;--bg2:#0A2621;--bg3:#0F312B;--line:#1C4038;--ink:#EEF4F1;--ink2:#C9D8D3;--ink3:#8FA69F;--accent:#6FE0C2;--warn:#F5B36E;--fc:"Barlow Condensed","Arial Narrow",Arial,sans-serif;--fb:"Barlow","Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);font-size:17px;line-height:1.55}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.w{max-width:940px;margin:0 auto;padding:0 20px}
.w.breit{max-width:1120px}
.tour{display:flex;gap:14px;align-items:baseline;justify-content:center;flex-wrap:wrap;background:var(--accent);color:#052B23;padding:11px 20px;font-size:15.5px}
.tour .tt{font-family:var(--fc);font-weight:800;text-transform:uppercase;font-size:19px}
.tour .tb{font-weight:600;text-decoration:underline;text-underline-offset:3px}
header{border-bottom:1px solid var(--line)}
.logo{display:inline-block;font-family:var(--fc);font-weight:800;text-transform:uppercase;font-size:26px;padding:18px 0 4px}
.logo span{display:block;font-family:var(--fb);font-weight:500;font-size:13px;letter-spacing:.06em;color:var(--ink3)}
nav{display:flex;gap:20px;font-size:15px;padding:0 0 16px;flex-wrap:wrap;align-items:center}
nav a{color:var(--ink3)}nav a:hover{color:var(--accent)}
main{padding:0 0 60px}
h1{font-family:var(--fc);font-weight:800;text-transform:uppercase;line-height:.98;font-size:clamp(34px,5vw,58px);margin:32px 0 14px;overflow-wrap:break-word}
.lede{font-size:19px;color:var(--ink2);max-width:62ch;margin:0 0 18px}
code{background:var(--bg3);padding:2px 7px;color:var(--accent);white-space:nowrap}
.zahlen{display:flex;gap:24px;flex-wrap:wrap;font-size:15px;color:var(--ink3);border-top:1px solid var(--line);padding-top:14px}
.zahlen b{color:var(--ink);font-family:var(--fc);font-size:22px;margin-right:5px}
input,select,textarea,button{font:inherit}
#q,.f input,.f textarea,.f select{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--ink);padding:11px 13px}
#q:focus,.f input:focus,.f textarea:focus{border-color:var(--accent);outline:none}
.such{position:sticky;top:0;background:var(--bg);padding:14px 0 12px;border-bottom:1px solid var(--line);z-index:5}
.tr{font-size:14px;color:var(--ink3);margin:14px 0 2px}
.k{display:grid;grid-template-columns:76px 1fr 96px;gap:14px;align-items:baseline;padding:15px 4px;border-bottom:1px solid var(--line)}
.k:hover{background:var(--bg2)}
.k .c{font-family:var(--fc);font-weight:700;font-size:21px;color:var(--accent)}
.k .t{display:block;font-family:var(--fc);font-size:23px;font-weight:700;line-height:1.1;text-transform:uppercase;overflow-wrap:break-word}
.k:hover .t{color:var(--accent)}
.k .cap{display:block;font-size:14.5px;color:var(--ink3);margin-top:4px}
.k .d{font-size:14px;color:var(--ink3);text-align:right;font-variant-numeric:tabular-nums}
.b{display:inline-block;font-family:var(--fc);font-size:13.5px;text-transform:uppercase;padding:2px 8px;border:1px solid var(--line);color:var(--ink3);margin:8px 6px 0 0}
.b.q{border-color:var(--accent);color:var(--accent)}
.b.w{border-color:var(--warn);color:var(--warn)}
.b.frei{border-color:var(--accent);background:var(--accent);color:#052B23}
.kicker{font-family:var(--fc);font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:30px 0 6px}
.player{position:relative;width:100%;background:var(--bg3);border:1px solid var(--line);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:pointer;text-align:center;padding:20px}
.player.hoch{aspect-ratio:9/16;max-width:360px}
.player .pl{width:64px;height:64px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center}
.player .pl svg{width:26px;height:26px;fill:#052B23;margin-left:4px}
.player p{margin:0;font-size:14.5px;color:var(--ink3);max-width:40ch}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.meta{font-size:15px;color:var(--ink3);margin:14px 0 0}
h2{font-family:var(--fc);font-size:26px;font-weight:700;text-transform:uppercase;margin:34px 0 4px}
ol.ql{padding-left:24px;margin:0}
ol.ql li{font-size:16.5px;margin-bottom:12px;color:var(--ink2);line-height:1.5}
ol.ql a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink3);overflow-wrap:anywhere}
ol.ql a:hover{color:var(--accent)}
.hinweis{background:var(--bg2);border-left:3px solid var(--warn);padding:12px 16px;font-size:15.5px;color:var(--ink2);max-width:74ch}
.zur{margin-top:40px;padding-top:18px;border-top:1px solid var(--line)}
.zur a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
footer{border-top:1px solid var(--line);padding:24px 0 40px;font-size:14.5px;color:var(--ink3)}
footer a{text-decoration:underline}
.btn{background:var(--accent);color:#052B23;border:0;padding:11px 18px;font-weight:600;cursor:pointer}
.btn:hover{background:var(--ink)}
.btn.s{background:none;border:1px solid var(--line);color:var(--ink3);padding:6px 11px;font-weight:500}
.btn.s:hover{color:var(--ink);border-color:var(--accent)}
.btn.gefahr{background:none;border:1px solid var(--warn);color:var(--warn)}
.f{margin-bottom:14px}
.f label{display:block;font-size:14px;color:var(--ink3);margin-bottom:4px}
.paar{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.reihe{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.reihe .nr{font-family:var(--fc);font-size:19px;color:var(--ink3);padding-top:9px}
.reihe input{width:100%;background:var(--bg2);border:1px solid var(--line);color:var(--ink);padding:9px 11px;margin-bottom:6px}
.werkz{display:flex;gap:4px;flex-wrap:wrap;padding-top:4px}
.notiz{border-left:3px solid var(--warn);background:var(--bg2);padding:10px 14px;margin-bottom:10px;font-size:15px;color:var(--ink2)}
.notiz.erledigt{border-color:var(--line);opacity:.5}
.notiz label{display:block;font-size:13px;color:var(--ink3);margin-top:6px;cursor:pointer}
.tabs{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}
.tabs button{background:none;border:1px solid var(--line);color:var(--ink3);padding:7px 14px;cursor:pointer}
.tabs button.on{background:var(--accent);border-color:var(--accent);color:#052B23;font-weight:600}
.fehler{color:var(--warn);font-size:15px}
.gut{color:var(--accent);font-size:15px}
.leiste{position:sticky;bottom:0;background:var(--bg2);border-top:1px solid var(--line);padding:14px 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:30px}
@media(max-width:700px){.k{grid-template-columns:60px 1fr}.k .d{grid-column:2;text-align:left}body{font-size:16px}.paar{grid-template-columns:1fr}}