:root{--grund:#f4f2ee;--flaeche:#fff;--text:#1d2327;--leise:#667078;--linie:#dedad2;--akzent:#1f6f5c;--akzent-hell:#dcefe9;--auf-akzent:#fff;--warn:#b4571c;--warn-hell:#fbeadb;--balken:#e8e4dc}@media (prefers-color-scheme:dark){:root{--grund:#15191b;--flaeche:#1e2427;--text:#e8ecee;--leise:#98a3aa;--linie:#323a3f;--akzent:#5cc2a8;--akzent-hell:#1f3a34;--auf-akzent:#0d1a17;--warn:#f0a368;--warn-hell:#3a2a1d;--balken:#2c3438}}*{box-sizing:border-box}body{background:var(--grund);color:var(--text);margin:0;font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,select,input{font:inherit;color:inherit}a{color:var(--akzent)}.seite{max-width:860px;margin:0 auto;padding:24px 16px 56px}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:22px}h2{text-transform:uppercase;letter-spacing:.06em;color:var(--leise);margin:28px 0 8px;font-size:13px}.unter{color:var(--leise);margin:0 0 16px}.klein{color:var(--leise);font-size:12.5px}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:14px;padding:16px}.kopfzeile{flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:4px;display:flex}.kopfzeile h3{margin:0;font-size:18px}.live{color:var(--akzent);font-size:12.5px}.live:before{content:"";background:var(--akzent);border-radius:50%;width:8px;height:8px;margin-right:5px;animation:1.6s infinite puls;display:inline-block}@keyframes puls{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.live:before{animation:none}}.heute{color:var(--leise);margin:0 0 12px;font-size:13.5px}.zahlen{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}@media (max-width:560px){.zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}}.zahl{border:1px solid var(--linie);border-radius:10px;padding:8px 10px}.zahl b{font-variant-numeric:tabular-nums;font-size:20px;display:block}.zahl span{color:var(--leise);font-size:12.5px}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th{text-align:left;color:var(--leise);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 6px;font-size:12px;font-weight:600}td{border-top:1px solid var(--linie);vertical-align:middle;padding:7px 8px}td.platz{width:34px;color:var(--leise)}.schmal{white-space:nowrap}.quote{align-items:center;gap:8px;display:flex}.quote b{text-align:right;width:44px;font-size:13px}.balken{background:var(--balken);border-radius:6px;flex:1;min-width:60px;height:12px;position:relative;overflow:hidden}.balken i{background:var(--akzent);border-radius:6px;position:absolute;inset:0 auto 0 0}@media (max-width:560px){.nurbreit{display:none}}.hinweis{background:var(--warn-hell);border-radius:10px;margin:0 0 14px;padding:9px 12px}.leer{color:var(--leise);margin:0;padding:18px 4px 6px}.taste{border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;border-radius:8px;padding:6px 12px}.taste:hover{border-color:var(--akzent)}.taste.haupt{background:var(--akzent);border-color:var(--akzent);color:var(--auf-akzent);font-weight:600}.wartet{background:var(--warn-hell);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;padding:9px 12px;display:flex}.wartet span{flex:220px}.gruppe{border-top:1px solid var(--linie)}.gruppe:first-child{border-top:0}.gruppe.zu{padding:8px 4px}details.gruppe summary,.gruppe.zu{cursor:pointer;font-variant-numeric:tabular-nums;grid-template-columns:30px minmax(0,1.3fr) auto auto minmax(110px,1fr);align-items:center;gap:10px;padding:8px 4px;list-style:none;display:grid}details.gruppe summary::-webkit-details-marker{display:none}details.gruppe summary:hover{background:var(--akzent-hell)}.gruppe .titel{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}@media (max-width:560px){details.gruppe summary,.gruppe.zu{grid-template-columns:26px minmax(0,1fr) auto minmax(90px,.8fr)}}.innen{background:var(--grund);border-radius:10px;margin:0 0 10px;padding:10px 12px}.innen ul{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;margin:0;padding:0;list-style:none;display:grid}.innen li{align-items:center;gap:8px;display:flex}.innen .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.punkte{gap:3px;display:inline-flex}.punkte i{border:1.5px solid var(--akzent);border-radius:50%;width:9px;height:9px}.punkte i.ja{background:var(--akzent)}.fehlt{color:var(--warn);white-space:nowrap;font-size:12.5px}.gut{color:var(--leise);white-space:nowrap;font-size:12.5px}.fuss{flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;display:flex}.fuss .klein{flex:240px;margin:0}.felder{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-bottom:12px;display:flex}.felder label{align-items:center;gap:8px;display:inline-flex}select,input[type=text],input[type=password]{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;padding:6px 9px}.notiz{border-top:1px solid var(--linie);grid-template-columns:minmax(0,1fr);gap:3px;padding:9px 0;display:grid}.notiz:first-of-type{border-top:0}.notiz input{width:100%}.falsch{color:var(--warn);margin:8px 0 0}.gruppe.zu{cursor:default}.schritte{counter-reset:schritt;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.schritte li{counter-increment:schritt;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:12px 14px 12px 50px;position:relative}.schritte li:before{content:counter(schritt);background:var(--akzent);width:26px;height:26px;color:var(--auf-akzent);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;top:11px;left:13px}.beispiel{background:var(--akzent-hell);border-radius:14px;max-width:420px;margin:0 0 8px;padding:12px}.beispiel>.klein{margin:0 2px 8px}.beispiel .blase{background:var(--flaeche);border-radius:4px 14px 14px;padding:9px 12px}.beispiel .blase p{margin:0 0 3px}.beispiel .knoepfe{grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;display:grid}.beispiel .knoepfe span{background:var(--flaeche);color:var(--akzent);text-align:center;opacity:.85;border-radius:8px;padding:7px 6px;font-weight:600}.beispiel .knoepfe .breit{grid-column:1/-1}.fragen{margin:0}.fragen dt{margin-top:12px;font-weight:600}.fragen dd{color:var(--text);margin:2px 0 0}.kopflink{margin-left:auto;font-size:14px}
