main:has(>.bereich){background:var(--flaeche);padding-bottom:3rem}.bereich .knopf{border-radius:10px}body:has(.bereich)>footer.fuss{margin-top:0}.bereich .leise{color:var(--text-leise)}.bereich small{color:var(--text-leise);font-weight:400}.bereich .laden[hidden]{display:none}.bereich .laden{color:var(--text-leise);flex-direction:column;align-items:center;gap:.8rem;margin-top:4rem;display:flex}.bereich .laden:before{content:"";background:url(/bilder/loader.webp) 50%/contain no-repeat;width:5rem;height:5rem}.bereich button[aria-busy=true]{cursor:progress}.bereich button[aria-busy=true]:not(.pp-klecks):after{content:"";vertical-align:-.15em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.95em;height:.95em;margin-left:.55em;animation:.7s linear infinite drehen;display:inline-block}@keyframes drehen{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.bereich .laden:before{background-image:url(/bilder/loader-still.webp)}.bereich button[aria-busy=true]:after{animation-duration:2.4s}}.bereich .box{border:1px solid var(--rahmen);max-width:440px;box-shadow:var(--schatten);background:#fff;border-radius:16px;margin:4rem auto 0;padding:2rem}.bereich .box h1{font-size:1.9rem}.bereich form{gap:1rem;display:grid}.bereich label{gap:.35rem;font-size:.95rem;font-weight:700;display:grid}.bereich input,.bereich textarea{font:inherit;border:1.5px solid var(--feldrand);background:#fff;border-radius:10px;width:100%;padding:.6rem .85rem;font-weight:400}.bereich input:focus,.bereich textarea:focus,.bereich select:focus{border-color:var(--blau);box-shadow:0 0 0 3px color-mix(in srgb, var(--blau) 18%, transparent);outline:none}.bereich .fehler{background:color-mix(in srgb, var(--rot) 10%, #fff);color:#a3211b;border-radius:12px;margin:0;padding:.6rem .9rem;font-size:.95rem;font-weight:600}.bereich .karte{border:1px solid var(--rahmen);box-shadow:var(--schatten);background:#fff;border-radius:16px;padding:1.5rem 1.6rem}.bereich .kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;padding:3rem 0 1rem;display:flex}.bereich .kopf h1{margin-bottom:.3rem}.bereich .kopf p{margin:0}.bereich .kopf-knoepfe{flex-wrap:wrap;gap:.6rem;display:flex}.bereich .kopf-knoepfe .knopf{padding:.5rem 1.1rem;font-size:.95rem}.bereich .meldung{background:var(--blau-dunkel);color:#fff;z-index:20;border-radius:999px;padding:.7rem 1.4rem;font-weight:700;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.bereich .mini{font:inherit;border:2px solid var(--blau);color:var(--blau);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:.3rem .7rem;font-size:.82rem;font-weight:700}.bereich .mini:hover:not(:disabled){background:var(--blau);color:#fff}.bereich .mini.gefahr{border-color:var(--rot);color:var(--rot)}.bereich .mini.gefahr:hover:not(:disabled){background:var(--rot);color:#fff}.bereich .mini.gut{border-color:var(--gruen);color:#23731f}.bereich .mini.gut:hover:not(:disabled){background:var(--gruen);color:#fff}.bereich .mini:disabled{opacity:.35;cursor:not-allowed}.bereich [data-icon]{align-items:center;gap:.38em;display:inline-flex}.bereich [data-icon]:before{content:"";width:1.15em;height:1.15em;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex:none}.bereich [data-icon][aria-label]{cursor:pointer;justify-content:center;gap:0;transition:background .15s,color .15s;position:relative;width:2.25rem!important;height:2.25rem!important;color:var(--text-leise)!important;background:0 0!important;border:0!important;border-radius:10px!important;padding:0!important;font-size:0!important}.bereich [data-icon][aria-label]:before{width:19px;height:19px}.bereich [data-icon][aria-label]:hover:not(:disabled),.bereich [data-icon][aria-label]:focus-visible{background:color-mix(in srgb, var(--blau) 11%, #fff)!important;color:var(--blau)!important}.bereich [data-icon][aria-label].gefahr:hover:not(:disabled),.bereich [data-icon][aria-label].gefahr:focus-visible{background:color-mix(in srgb, var(--rot) 11%, #fff)!important;color:var(--rot)!important}.bereich [data-icon][aria-label]:focus-visible{outline:2px solid var(--blau);outline-offset:1px}.bereich [data-icon][aria-label]:after{content:attr(aria-label);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:5;background:#1e2b3c;border-radius:7px;padding:.3rem .55rem;font-size:.76rem;font-weight:700;line-height:1.2;transition:opacity .12s,translate .12s;position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 4px}.bereich [data-icon][aria-label]:is(:hover,:focus-visible):after{opacity:1;translate:-50%}@media (hover:none){.bereich [data-icon][aria-label]:after{display:none}}.bereich [data-icon=ansehen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}.bereich [data-icon=herunterladen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M5 21h14'/%3E%3C/svg%3E")}.bereich [data-icon=hochladen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V9M7 14l5-5 5 5M5 3h14'/%3E%3C/svg%3E")}.bereich [data-icon=bearbeiten]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16v4zM13.5 6.5l4 4'/%3E%3C/svg%3E")}.bereich [data-icon=loeschen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3'/%3E%3C/svg%3E")}.bereich [data-icon=drucken]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9V3h10v6M7 17H4v-7h16v7h-3M7 14h10v7H7z'/%3E%3C/svg%3E")}.bereich [data-icon=kopieren]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V5a2 2 0 0 1 2-2h8'/%3E%3C/svg%3E")}.bereich [data-icon=ergebnisse]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 20V11M11 20V5M17 20v-6M3 20h18'/%3E%3C/svg%3E")}.bereich [data-icon=bestaetigen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}.bereich [data-icon=ablehnen]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}.bereich [data-icon=passwort]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='M11 12l9-9M17 6l3 3M14 9l2 2'/%3E%3C/svg%3E")}.bereich [data-icon=sperren]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}.bereich [data-icon=entsperren]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 7.5-2'/%3E%3C/svg%3E")}.bereich [data-icon=zurueck]{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14L4 9l5-5M4 9h11a5 5 0 0 1 0 10h-3'/%3E%3C/svg%3E")}.bereich .balken{background:var(--linie);border-radius:999px;height:18px;position:relative;overflow:hidden}.bereich .balken>span{border-radius:999px;transition:width .4s;position:absolute;top:0;bottom:0;left:0}.bereich .balken .offen{background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--sonne) 70%, #fff) 0 6px, color-mix(in srgb, var(--sonne) 40%, #fff) 6px 12px)}.bereich .balken .bestaetigt{background:var(--gruen)}.bereich .status-marke{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.12rem .5rem;font-size:.72rem;font-weight:800;display:inline-block}.bereich .standort-marke{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--koe);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:800;display:inline-block}.bereich .standort-marke.kastell{background:var(--kastell)}.bereich .gruppe-marke{border:1.5px solid var(--linie);color:var(--text-leise);border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.bereich .status-marke.offen{background:color-mix(in srgb, var(--sonne) 30%, #fff);color:#8a6400}.bereich .status-marke.bestaetigt{background:color-mix(in srgb, var(--gruen) 18%, #fff);color:#23731f}.bereich .status-marke.abgelehnt{background:color-mix(in srgb, var(--rot) 14%, #fff);color:#a3211b}.bereich select{font:inherit;border:1.5px solid var(--feldrand);background:#fff;border-radius:10px;padding:.55rem .85rem}.bereich .zeile2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.bereich label>:is(input,select,textarea){min-width:0;max-width:100%}.bereich .zeile2>*,.bereich form>*{min-width:0}.bereich .zeile2 select{width:100%}@media (width<=600px){.bereich .zeile2{grid-template-columns:1fr}}.bereich .dialog{border:1px solid var(--rahmen);border-radius:16px;width:min(480px,100vw - 2rem);padding:1.75rem 2rem;box-shadow:0 20px 60px #00000040}.bereich .dialog::backdrop{background:#163f6e59}.bereich .dialog h2{margin-top:0}.bereich .knoepfe{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.bereich .nur-druck{display:none}@media print{body>header,body>footer,.bereich .nicht-drucken,.bereich .meldung{display:none!important}.bereich .nur-druck{display:block!important}body{background:#fff}}.bereich .formular-felder{gap:1.1rem;display:grid}.bereich .frage{border:1px solid var(--rahmen);background:#faf6ec;border-radius:14px;gap:.55rem;min-width:0;margin:0;padding:1rem 1.1rem 1.1rem;display:grid}.bereich .frage legend{float:left;width:100%;color:var(--blau-dunkel);margin-bottom:.1rem;padding:0;font-size:1.05rem;font-weight:800}.bereich .frage legend+*{clear:both}.bereich .frage .pflicht{color:var(--rot)}.bereich .frage .hilfe{color:var(--text-leise);margin:0;font-size:.88rem}.bereich .frage label{font-weight:600}.bereich .frage input[type=radio],.bereich .frage input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--blau);flex:none;margin:0}.bereich .pillen{grid-template-columns:repeat(2,minmax(0,9rem));gap:.6rem;display:grid}.bereich .pille{border:2px solid color-mix(in srgb, var(--blau) 22%, #fff);cursor:pointer;color:var(--blau-dunkel);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-weight:800;transition:background .15s,border-color .15s,transform .15s;display:flex}.bereich .pille:hover{border-color:var(--blau);transform:translateY(-1px)}.bereich .pille:has(input[value=ja]:checked){border-color:var(--gruen);background:color-mix(in srgb, var(--gruen) 16%, #fff);color:#1d5e19}.bereich .pille:has(input[value=nein]:checked){border-color:var(--rot);background:color-mix(in srgb, var(--rot) 12%, #fff);color:#a3211b}.bereich .pille input[value=ja]{accent-color:var(--gruen)}.bereich .pille input[value=nein]{accent-color:var(--rot)}.bereich .auswahl{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.5rem;display:grid}.bereich .option{border:2px solid color-mix(in srgb, var(--blau) 22%, #fff);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:.6rem;padding:.65rem .8rem;transition:background .15s,border-color .15s,transform .15s;display:flex}.bereich .option:hover:not(:has(input:disabled)){border-color:var(--blau);transform:translateY(-1px)}.bereich .option:has(input:checked){border-color:var(--blau);background:color-mix(in srgb, var(--blau) 12%, #fff);color:var(--blau-dunkel);font-weight:800}.bereich .option:has(input:disabled){opacity:.5;cursor:not-allowed;background:0 0;border-style:dashed}.bereich .option small{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;margin-left:auto;padding:.1rem .45rem;font-size:.72rem;font-weight:800}.bereich .option small.frei{color:#23731f;background:color-mix(in srgb, var(--gruen) 15%, #fff)}.bereich .option small.voll{color:#a3211b;background:color-mix(in srgb, var(--rot) 12%, #fff)}.bereich .zahl-zeile{color:var(--text-leise);align-items:center;gap:.6rem;font-weight:700;display:flex}.bereich .zahl-zeile input{max-width:8rem;color:var(--blau-dunkel);font-size:1.15rem;font-weight:800}.bereich .frage input[type=text],.bereich .frage input[type=number],.bereich .frage textarea{border-color:color-mix(in srgb, var(--blau) 22%, #fff)}.bereich .frage:disabled .pille,.bereich .frage:disabled .option{cursor:default;transform:none}.bereich .auswertung{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.bereich .auswertung-karte{--farbe:var(--blau);border:1px solid var(--rahmen);box-shadow:var(--schatten);background:#fff;border-radius:16px;align-content:start;gap:.55rem;padding:1.1rem 1.25rem 1.25rem;display:grid}.bereich .auswertung-karte.typ-zahl{--farbe:var(--orange)}.bereich .auswertung-karte.typ-auswahl,.bereich .auswertung-karte.typ-mehrfach{--farbe:var(--gruen)}.bereich .auswertung-karte.typ-text{--farbe:var(--rot)}.bereich .a-kopf{border-bottom:1px solid color-mix(in srgb, var(--blau-dunkel) 10%, #fff);align-items:center;gap:.7rem;margin:0 -1.25rem .35rem;padding:0 1.25rem .8rem;display:flex}.bereich .a-klecks{background:color-mix(in srgb, var(--farbe) 16%, #fff);width:34px;height:34px;color:var(--farbe);border-radius:58% 42% 63% 37%/45% 55%;flex:none;place-items:center;font-size:1.1rem;font-weight:900;display:grid}.bereich .auswertung-karte h3{margin:0;font-size:1.02rem}.bereich .a-zeile{grid-template-columns:minmax(0,1.2fr) 1fr 2.2rem;align-items:center;gap:.6rem;font-size:.92rem;display:grid}.bereich .a-text{overflow-wrap:anywhere}.bereich .a-zeile strong{text-align:right;color:var(--blau-dunkel)}.bereich .a-balken{background:var(--linie);border-radius:999px;height:10px;overflow:hidden}.bereich .a-balken span{background:var(--farbe);border-radius:999px;height:100%;transition:width .4s;display:block}.bereich .a-janein{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.bereich .a-janein div{border-radius:14px;justify-items:center;padding:.55rem .5rem .6rem;display:grid}.bereich .a-janein strong{font-size:2rem;font-weight:900;line-height:1.1}.bereich .a-janein span{font-size:.85rem;font-weight:700}.bereich .a-janein .ja{background:color-mix(in srgb, var(--gruen) 12%, #fff);color:#23731f}.bereich .a-janein .nein{background:color-mix(in srgb, var(--rot) 9%, #fff);color:#a3211b}.bereich .a-summe{color:var(--text-leise);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;font-size:.9rem;display:flex}.bereich .a-summe strong{color:var(--farbe);font-size:2.6rem;font-weight:900;line-height:1}.bereich .a-klein{color:var(--text-leise);margin:0;font-size:.85rem}.bereich .a-texte{gap:.35rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.bereich .a-texte li{background:var(--papier);border-radius:10px;padding:.45rem .7rem}.bereich .status-marke.entwurf{background:var(--linie);color:var(--text-leise)}.bereich .status-marke.geschlossen{background:color-mix(in srgb, var(--blau) 12%, #fff);color:var(--blau-dunkel)}@media (prefers-reduced-motion:reduce){.bereich .pille,.bereich .option,.bereich .a-balken span{transition:none}}.bereich .speicherleiste{z-index:15;background:var(--blau-dunkel);color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:.75rem 1rem .75rem 1.25rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 12px 30px -8px #163f6e80}.bereich .speicherleiste strong{color:#fff}.bereich .sl-knoepfe{gap:.5rem;display:flex}.bereich .speicherleiste .knopf{padding:.45rem 1.1rem;font-size:.95rem}.bereich .speicherleiste .knopf.leise{color:#fff;background:0 0;border-color:#fff9}.bereich .zeile-vorgemerkt,.bereich .konto.geaendert{background:color-mix(in srgb, var(--sonne) 12%, #fff);box-shadow:inset 4px 0 0 var(--sonne)}.bereich .marke-vorgemerkt{text-transform:uppercase;letter-spacing:.04em;background:var(--sonne);color:#5c4300;border-radius:999px;padding:.1rem .45rem;font-size:.7rem;font-weight:800}.bereich .zeile-entfernen{background:color-mix(in srgb, var(--rot) 7%, #fff);box-shadow:inset 4px 0 0 var(--rot)}.bereich .zeile-entfernen .wer strong,.bereich .zeile-entfernen .wer .leise{opacity:.6;text-decoration:line-through}.bereich .zeile-entfernen .marke-vorgemerkt{background:var(--rot);color:#fff}.bereich .suchwahl{min-width:0;position:relative}.bereich .suchwahl input{width:100%}.bereich .suchwahl ul{z-index:30;border:1px solid var(--rahmen);background:#fff;border-radius:12px;width:max-content;min-width:100%;max-width:min(26rem,90vw);max-height:17rem;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow:auto;box-shadow:0 10px 30px #0000001f}.bereich .suchwahl li{cursor:pointer;border-radius:8px;padding:.4rem .6rem;font-size:.88rem;line-height:1.3;display:grid}.bereich .suchwahl li small{font-size:.76rem}.bereich .suchwahl li.aktiv{background:color-mix(in srgb, var(--blau) 10%, #fff)}.bereich .suchwahl li[aria-selected=true] span{color:var(--blau);font-weight:800}.bereich .suchwahl li.gruppe{cursor:default;letter-spacing:.05em;text-transform:uppercase;color:var(--text-leise);padding:.5rem .6rem .2rem;font-size:.72rem;font-weight:800}.bereich .suchwahl li.leer{cursor:default;color:var(--text-leise)}
