:root{--primaer:#b4200b;--primaer-dunkel:#8f1909;--akzent:#fc0;--text:#181715;--text-leise:#55524d;--hintergrund:#f6f4f1;--flaeche:#fff;--linie:#dcd8d2;--erfolg:#1f7a3a;--erfolg-flaeche:#e6f4ea;--warnung:#8a5a00;--warnung-flaeche:#fff4d1;--demo:#5b2c8f;--demo-flaeche:#f1e9fb;--gefahr:#b4200b;--bronze:#8c5a2b;--silber:#5f6672;--gold:#8a6a00;--fokus:#1a5fd0;--radius:14px;--schatten:0 1px 2px #0000000f, 0 2px 8px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--primaer:#e2523c;--primaer-dunkel:#c43b26;--text:#f2efea;--text-leise:#b9b3aa;--hintergrund:#141312;--flaeche:#1f1d1b;--linie:#3a3632;--erfolg:#6fcf8c;--erfolg-flaeche:#173322;--warnung:#ffd36b;--warnung-flaeche:#3a2f12;--demo:#c9a6f2;--demo-flaeche:#2c2240;--gefahr:#ff6b55;--bronze:#d29a63;--silber:#b7bec9;--gold:#e6c34a;--fokus:#7fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--hintergrund);padding-bottom:env(safe-area-inset-bottom);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.5}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.springen{position:absolute;left:-9999px}.springen:focus{z-index:100;background:var(--flaeche);padding:8px 12px;top:8px;left:8px}.seite{max-width:720px;margin:0 auto;padding:0 16px 32px}.seite:focus{outline:none}.laden{text-align:center;color:var(--text-leise);padding:48px 0}.kopf{z-index:10;padding:calc(8px + env(safe-area-inset-top)) 8px 8px;background:var(--primaer);color:#fff;align-items:center;gap:8px;margin:0 -16px 16px;display:flex;position:sticky;top:0}.kopf h1{overflow-wrap:anywhere;flex:1;margin:0;font-size:1.15rem;line-height:1.25}.kopf h1:focus{outline:none}.kopf-knopf{color:#fff;min-width:48px;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:1rem;text-decoration:none;display:inline-flex}.kopf-knopf:hover{background:#ffffff26}.kopf-knopf:focus-visible{outline-color:#fff}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:24px;height:24px}.start-logo{padding:calc(20px + env(safe-area-inset-top)) 0 8px;display:block}.start-logo img{width:100%;max-width:460px;height:auto;display:block}.logo-dunkel{display:none!important}@media (prefers-color-scheme:dark){.logo-hell.mit-dunkel{display:none!important}.logo-dunkel{display:block!important}}.start-titel{margin:8px 0 4px;font-size:1.6rem;line-height:1.2}.start-titel:focus{outline:none}.untertitel{color:var(--text-leise);margin:0 0 20px}.kacheln{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}@media (width>=640px){.kacheln{grid-template-columns:repeat(3,1fr)}}.kachel{border-radius:var(--radius);background:var(--flaeche);min-height:88px;box-shadow:var(--schatten);color:var(--text);border:2px solid #0000;align-items:center;gap:14px;padding:16px;font-size:1.2rem;font-weight:700;text-decoration:none;display:flex}@media (width>=640px){.kachel{text-align:center;flex-direction:column;justify-content:center;min-height:150px}}.kachel:hover{border-color:var(--primaer)}.kachel .icon{width:36px;height:36px;color:var(--primaer)}.kachel small{color:var(--text-leise);font-size:.85rem;font-weight:400;display:block}.zusatz-einstieg{border-radius:var(--radius);border:2px solid var(--primaer);min-height:56px;color:var(--primaer);background:var(--flaeche);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;text-decoration:none;display:flex}.fuss{color:var(--text-leise);margin-top:24px;font-size:.85rem}.fuss a{color:inherit}.band{border-radius:12px;align-items:flex-start;gap:10px;margin:0 0 12px;padding:12px 14px;font-size:.95rem;display:flex}.band p{margin:0}.band .knopf{margin-top:8px}.band-demo{background:var(--demo-flaeche);color:var(--demo);border:1px solid}.band-warnung{background:var(--warnung-flaeche);color:var(--warnung);border:1px solid}.band-info{background:var(--flaeche);border:1px solid var(--linie)}.band-erfolg{background:var(--erfolg-flaeche);color:var(--erfolg);border:1px solid}.marke{letter-spacing:.02em;vertical-align:middle;border:1px solid;border-radius:999px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.marke-demo{color:var(--demo);background:var(--demo-flaeche)}.marke-entwurf,.marke-pruefen{color:var(--warnung);background:var(--warnung-flaeche)}.marke-geaendert{color:var(--fokus)}.marke-Bronze{color:var(--bronze)}.marke-Silber{color:var(--silber)}.marke-Gold{color:var(--gold)}.knopf{min-height:48px;font:inherit;cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.knopf:disabled{opacity:.45;cursor:not-allowed}.knopf-primaer{background:var(--primaer);color:#fff}.knopf-primaer:hover:not(:disabled){background:var(--primaer-dunkel)}.knopf-zweit{background:var(--flaeche);color:var(--text);border-color:var(--linie)}.knopf-gut{background:var(--erfolg);color:#fff}@media (prefers-color-scheme:dark){.knopf-gut{color:#0d1f13}}.knopf-ueben{background:var(--flaeche);color:var(--warnung);border-color:currentColor}.knopf-gefahr{background:var(--flaeche);color:var(--gefahr);border-color:currentColor}.knopf-breit{width:100%}.knopf-gross{min-height:64px;font-size:1.2rem}.knopfreihe{grid-template-columns:1fr 1fr;gap:10px;display:grid}.knopfliste{gap:10px;display:grid}.auswahl{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:grid}.auswahl a,.auswahl button{border:1px solid var(--linie);border-left:6px solid var(--primaer);background:var(--flaeche);width:100%;min-height:64px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.auswahl .stufe-Bronze{border-left-color:var(--bronze)}.auswahl .stufe-Silber{border-left-color:var(--silber)}.auswahl .stufe-Gold{border-left-color:var(--gold)}.auswahl strong{font-size:1.1rem;display:block}.auswahl small{color:var(--text-leise);display:block}.auswahl .kuerzel{min-width:64px;font-size:1.05rem;font-weight:800}h2{margin:24px 0 10px;font-size:1.15rem}.statistik{grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}.statistik li{background:var(--flaeche);border:1px solid var(--linie);text-align:center;color:var(--text-leise);border-radius:12px;padding:10px 6px;font-size:.8rem}.statistik b{color:var(--text);font-size:1.4rem;display:block}.balken{background:var(--linie);border-radius:99px;height:10px;margin:0 0 16px;display:flex;overflow:hidden}.balken span:first-child{background:var(--erfolg)}.balken span:nth-child(2){background:var(--warnung)}.karte{border-radius:var(--radius);background:var(--flaeche);box-shadow:var(--schatten);border:1px solid var(--linie);margin-bottom:16px;padding:20px}.karte-kopf{color:var(--text-leise);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;margin-bottom:12px;font-size:.9rem;display:flex}.karte-marken{flex-wrap:wrap;gap:6px;display:flex}.fortschritt{background:var(--linie);border-radius:99px;height:6px;margin-bottom:14px;overflow:hidden}.fortschritt span{background:var(--primaer);height:100%;display:block}.frage-text{overflow-wrap:anywhere;font-size:1.3rem;font-weight:700;line-height:1.35}.antwort{border-top:2px dashed var(--linie);margin-top:16px;padding-top:16px}.antwort-text{overflow-wrap:anywhere;font-size:1.2rem}.beschriftung{text-transform:uppercase;letter-spacing:.06em;color:var(--text-leise);margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.quelle{color:var(--text-leise);margin-top:12px;font-size:.85rem}.geraet-name{overflow-wrap:anywhere;font-size:1.6rem;font-weight:800;line-height:1.2}.kontext{color:var(--text-leise);margin-top:4px}.aktionen{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--hintergrund) 16px);gap:10px;display:grid;position:sticky;bottom:0}.fundort{margin-top:16px}.fundort dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;display:grid}.fundort dt{color:var(--text-leise);font-weight:700}.fundort dd{overflow-wrap:anywhere;margin:0;font-weight:600}.foto-knopf{border:1px solid var(--linie);cursor:zoom-in;background:#000;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.foto-knopf img{object-fit:contain;width:100%;height:auto;max-height:60vh;display:block}.foto-hinweis{color:#fff;background:#000000b3;border-radius:99px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;display:inline-flex;position:absolute;bottom:8px;right:8px}.foto-hinweis .icon{width:18px;height:18px}.demo-band{background:var(--demo);color:#fff;text-align:center;padding:6px 10px;font-size:.85rem;font-weight:700}@media (prefers-color-scheme:dark){.demo-band{color:#1b1028}}.foto-fehlt{border:2px dashed var(--linie);color:var(--text-leise);border-radius:12px;padding:14px;font-size:.95rem}.funktion-kopf{align-items:center;gap:14px;margin-bottom:12px;display:flex}.funktion-kopf .name{font-size:1.4rem;font-weight:800;line-height:1.2}.funktion-kopf .abk{color:var(--text-leise);font-size:1rem;font-weight:700}.zeichen{border:2px dashed var(--warnung);width:84px;height:84px;color:var(--warnung);text-align:center;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;padding:4px;font-size:.62rem;line-height:1.15;display:flex}.zeichen b{font-size:1rem}.zeichen img{object-fit:contain;width:100%;height:100%}.zeichen-gross{width:132px;height:132px;font-size:.75rem}.zeichen-gross b{font-size:1.5rem}.abschnitt h3{margin:18px 0 6px;font-size:1.05rem}.punkte{margin:0;padding-left:1.2em;font-size:1.1rem}.punkte li{margin:6px 0}.punkte .marke{margin-left:6px}.los-ergebnis{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;display:flex}.los-kuerzel{color:var(--primaer);font-size:3.4rem;font-weight:900;line-height:1}.los-name{font-size:1.5rem;font-weight:700}.los-verdeckt{min-height:220px;color:var(--text-leise);border:2px dashed var(--linie);border-radius:var(--radius);justify-content:center}.fix-liste{color:var(--text-leise);font-size:.95rem}.gruppe{border-radius:var(--radius);background:var(--flaeche);border:1px solid var(--linie);margin-bottom:16px;padding:16px}.gruppe h2{margin-top:0}.werte{grid-template-columns:auto 1fr;gap:4px 12px;margin:0 0 12px;font-size:.95rem;display:grid}.werte dt{color:var(--text-leise)}.werte dd{overflow-wrap:anywhere;margin:0}.datei-eingabe{opacity:0;width:1px;height:1px;position:absolute}.dialog{border-radius:var(--radius);background:var(--flaeche);width:min(92vw,480px);color:var(--text);border:0;padding:20px;box-shadow:0 10px 40px #0000004d}.dialog::backdrop,.bild-dialog::backdrop{background:#0009}.dialog h2{margin-top:0}.dialog-knoepfe{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.bild-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding:0 0 env(safe-area-inset-bottom);color:#fff;background:#000;border:0;flex-direction:column;margin:0;display:flex}.bild-dialog:not([open]){display:none}.bild-dialog .dialog-knoepfe{justify-content:center;padding:10px}.bild-flaeche{touch-action:pinch-zoom pan-x pan-y;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.bild-flaeche img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:100%}.bild-flaeche.gross{display:block}.bild-flaeche.gross img{cursor:zoom-out;width:200%;max-width:none;max-height:none}.meldung{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--text);max-width:min(92vw,520px);color:var(--hintergrund);opacity:0;z-index:50;pointer-events:none;border-radius:12px;padding:12px 18px;font-size:.95rem;transition:transform .2s,opacity .2s;position:fixed;transform:translate(-50%)translateY(150%)}.meldung.sichtbar{opacity:1;transform:translate(-50%)translateY(0)}.meldung-fehler{background:var(--gefahr);color:#fff}.leise{color:var(--text-leise);font-size:.95rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}