:root{--hg:#f4f6f9;--flaeche:#fff;--text:#17202a;--leise:#4a5866;--linie:#cfd8e2;--primaer:#1f4e79;--auf-primaer:#fff;--primaer-hell:#e3eef8;--gut:#1b6e3a;--gut-hell:#e1f3e8;--warn:#8a5a00;--warn-hell:#fff1d0;--schlecht:#a1281c;--schlecht-hell:#fde5e2;--fokus:#ffbf00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--hg:#10161c;--flaeche:#1a232c;--text:#eef2f6;--leise:#a9b6c3;--linie:#34414d;--primaer:#7db4e6;--auf-primaer:#0b1722;--primaer-hell:#1d3347;--gut:#6fd195;--gut-hell:#173324;--warn:#f2c25b;--warn-hell:#3a2d0e;--schlecht:#ff9a8f;--schlecht-hell:#40201d}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:18px}body{background:var(--hg);color:var(--text);padding-bottom:calc(76px + env(safe-area-inset-bottom));margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}h1{margin:0 0 .75rem;font-size:1.5rem}h2{margin:1.25rem 0 .5rem;font-size:1.15rem}a{color:var(--primaer)}:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}.seite{max-width:640px;margin:0 auto;padding:1rem 1rem 1.5rem}.leise{color:var(--leise);font-size:.9rem}.klein{font-size:.85rem}.kopf{background:var(--primaer);color:var(--auf-primaer);padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;justify-content:space-between;align-items:center;min-height:52px;display:flex}.kopf strong{font-size:1.1rem}.kopf a{color:var(--auf-primaer);align-items:center;min-height:48px;padding:0 .25rem;text-decoration:none;display:inline-flex}nav.leiste{background:var(--flaeche);border-top:1px solid var(--linie);padding-bottom:env(safe-area-inset-bottom);z-index:10;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}nav.leiste a{min-height:60px;color:var(--leise);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.8rem;text-decoration:none;display:flex;position:relative}nav.leiste a[aria-current=page]{color:var(--primaer);box-shadow:inset 0 3px 0 var(--primaer);font-weight:700}nav.leiste svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.plakette{background:var(--schlecht);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:4px;left:calc(50% + 6px)}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;margin:0 0 .75rem;padding:.85rem 1rem}.karte>:first-child{margin-top:0}.karte>:last-child{margin-bottom:0}ul.liste{margin:0;padding:0;list-style:none}ul.liste>li{margin:0 0 .6rem}a.zeile{background:var(--flaeche);border:1px solid var(--linie);color:var(--text);border-radius:12px;min-height:56px;padding:.7rem 1rem;text-decoration:none;display:block}a.zeile strong{display:block}.reihe{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.reihe>.waechst{flex:auto}button,.knopf{font:inherit;border:2px solid var(--primaer);background:var(--flaeche);min-width:48px;min-height:48px;color:var(--primaer);cursor:pointer;text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}button.haupt,.knopf.haupt{background:var(--primaer);color:var(--auf-primaer)}button.gut{background:var(--gut);border-color:var(--gut);color:#fff}button.gefahr,.knopf.gefahr{border-color:var(--schlecht);color:var(--schlecht)}button.breit,.knopf.breit{width:100%}button:disabled{opacity:.5}label{margin:.8rem 0 .25rem;font-weight:600;display:block}label.haken{align-items:center;gap:.6rem;min-height:48px;font-weight:400;display:flex}input[type=checkbox],input[type=radio]{width:26px;height:26px;accent-color:var(--primaer);flex:none}input:not([type=checkbox]):not([type=radio]),textarea,select{font:inherit;border:2px solid var(--linie);background:var(--flaeche);width:100%;min-height:48px;color:var(--text);border-radius:10px;padding:.5rem .75rem}textarea{min-height:96px}fieldset{border:0;margin:.8rem 0 0;padding:0}legend{margin-bottom:.25rem;padding:0;font-weight:600}summary{cursor:pointer;min-height:48px;color:var(--primaer);align-items:center;font-weight:600;display:flex}.meldung{border-radius:10px;margin:0 0 .75rem;padding:.7rem 1rem;font-weight:600}.meldung.ok{background:var(--gut-hell);color:var(--gut)}.meldung.fehler{background:var(--schlecht-hell);color:var(--schlecht)}.meldung.test{background:var(--warn-hell);color:var(--warn)}.abzeichen{background:var(--primaer-hell);color:var(--primaer);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:700;display:inline-block}.abzeichen.offen{background:var(--warn-hell);color:var(--warn)}.abzeichen.zugesagt{background:var(--gut-hell);color:var(--gut)}.abzeichen.warteliste{background:var(--primaer-hell);color:var(--primaer)}.abzeichen.abgesagt{background:var(--schlecht-hell);color:var(--schlecht)}.testband{background:var(--warn-hell);color:var(--warn);text-align:center;padding:.25rem;font-size:.85rem;font-weight:700}.code{letter-spacing:.05em;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:1.1rem}.verlauf{border-left:3px solid var(--linie);margin:0 0 .6rem;padding-left:.75rem}.nurdruck{display:none}@media print{.kopf,nav.leiste,.testband,.keindruck,.karte,form,h2~.karte{display:none!important}.nurdruck{font-size:14pt;line-height:2;display:block}body{color:#000;background:#fff;padding:0}}@media (prefers-reduced-motion:no-preference){button,.knopf{transition:filter .1s}button:active,.knopf:active{filter:brightness(.9)}}
