.banner[data-v-ac50df65]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.625rem 1rem;padding-top:calc(.625rem + env(safe-area-inset-top));font-size:.875rem;font-weight:600}.banner span[data-v-ac50df65]{flex:1;min-width:12rem}.banner--warnung[data-v-ac50df65]{background:var(--farbe-warnung-hell);color:var(--farbe-warnung)}.banner--info[data-v-ac50df65]{background:var(--farbe-marke-hell);color:var(--farbe-marke-dunkel)}:root{--farbe-marke: #1d1b54;--farbe-marke-dunkel: #131132;--farbe-marke-hell: #ecebf3;--farbe-akzent: #fab51d;--farbe-akzent-hell: #fef3d9;--farbe-text: #1c2531;--farbe-text-schwach: #5a6779;--farbe-flaeche: #ffffff;--farbe-hintergrund: #f2f4f7;--farbe-rand: #d9dee6;--farbe-erfolg: #1c7a4a;--farbe-erfolg-hell: #e4f4ec;--farbe-warnung: #9a5b00;--farbe-warnung-hell: #fdf1dd;--farbe-fehler: #b3261e;--farbe-fehler-hell: #fdeceb;--radius: .75rem;--radius-klein: .5rem;--abstand: 1rem;--touch: 3rem;--schatten: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 10%);--kopf-hoehe: 3.5rem;--fuss-hoehe: 4rem;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:var(--farbe-text);background:var(--farbe-hintergrund);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3{margin:0;line-height:1.25;font-weight:650}h1{font-size:1.25rem}h2{font-size:1.0625rem}h3{font-size:.9375rem}p{margin:0}a{color:var(--farbe-marke)}:focus-visible{outline:3px solid var(--farbe-marke);outline-offset:2px;border-radius:4px}.app-huelle{min-height:100dvh;display:flex;flex-direction:column}.inhalt{flex:1;width:100%;max-width:60rem;margin:0 auto;padding:var(--abstand);padding-bottom:calc(var(--fuss-hoehe) + env(safe-area-inset-bottom) + 1rem);display:flex;flex-direction:column;gap:var(--abstand)}.kopfzeile{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;min-height:var(--kopf-hoehe);padding:0 .5rem;padding-top:env(safe-area-inset-top);background:var(--farbe-marke);color:#fff;border-bottom:3px solid var(--farbe-akzent)}.kopfzeile__logo{width:2rem;height:2rem;flex-shrink:0;border-radius:.375rem}.kopfzeile__titel{flex:1;min-width:0;font-size:1.0625rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopfzeile__untertitel{display:block;font-size:.75rem;font-weight:400;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--touch);padding:0 1.25rem;border:1px solid transparent;border-radius:var(--radius);background:var(--farbe-marke);color:#fff;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease}.knopf:active{background:var(--farbe-marke-dunkel)}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf--zweitrangig{background:var(--farbe-flaeche);color:var(--farbe-marke);border-color:var(--farbe-rand)}.knopf--zweitrangig:active{background:var(--farbe-marke-hell)}.knopf--gefahr{background:var(--farbe-flaeche);color:var(--farbe-fehler);border-color:var(--farbe-rand)}.knopf--breit{width:100%}.knopf--klein{min-height:2.5rem;padding:0 .875rem;font-size:.875rem}.knopf--symbol{min-width:var(--touch);padding:0;background:transparent;color:inherit;border:0;font-size:1.375rem}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);box-shadow:var(--schatten);overflow:hidden}.karte__kopf{display:flex;align-items:center;gap:.75rem;padding:.875rem var(--abstand);border-bottom:1px solid var(--farbe-rand)}.karte__koerper{padding:var(--abstand);display:flex;flex-direction:column;gap:.875rem}.karte__titel{flex:1;min-width:0}.feld{display:flex;flex-direction:column;gap:.375rem}.feld__beschriftung{font-size:.875rem;font-weight:600;color:var(--farbe-text-schwach)}.feld__hinweis{font-size:.8125rem;color:var(--farbe-text-schwach)}.feld__fehler{font-size:.8125rem;color:var(--farbe-fehler);font-weight:600}input[type=text],input[type=tel],input[type=password],input[type=search],input[type=number],select,textarea{width:100%;min-height:var(--touch);padding:.625rem .75rem;border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);background:var(--farbe-flaeche);color:var(--farbe-text);font:inherit;font-size:1rem}textarea{min-height:5.5rem;resize:vertical;line-height:1.5}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%235a6779' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:.75rem;padding-right:2.5rem}input:disabled,textarea:disabled,select:disabled{background:var(--farbe-hintergrund);color:var(--farbe-text-schwach)}.auswahl{display:flex;flex-wrap:wrap;gap:.5rem}.auswahl__option{flex:1 1 auto;min-width:5rem;min-height:var(--touch);display:inline-flex;align-items:center;justify-content:center;padding:0 .875rem;border:1px solid var(--farbe-rand);border-radius:var(--radius-klein);background:var(--farbe-flaeche);font-weight:600;font-size:.9375rem;cursor:pointer;text-align:center}.auswahl__option--aktiv{background:var(--farbe-marke);border-color:var(--farbe-marke);color:#fff}.auswahl__eingabe{position:absolute;opacity:0;pointer-events:none}.auswahl__option:has(.auswahl__eingabe:focus-visible){outline:3px solid var(--farbe-marke);outline-offset:2px}.umschalter{display:flex;align-items:center;gap:.625rem;min-height:var(--touch);padding:.5rem .75rem;background:var(--farbe-hintergrund);border-radius:var(--radius-klein);font-size:.9375rem;font-weight:600;cursor:pointer}.umschalter input{width:1.5rem;height:1.5rem;accent-color:var(--farbe-marke);flex-shrink:0}.liste{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.listeneintrag{display:block;padding:.875rem var(--abstand);background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);box-shadow:var(--schatten);color:inherit;text-decoration:none}.listeneintrag:active{background:var(--farbe-marke-hell)}.kennzeichen{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;border-radius:999px;font-size:.75rem;font-weight:650;white-space:nowrap;background:var(--farbe-hintergrund);color:var(--farbe-text-schwach)}.kennzeichen--erfolg{background:var(--farbe-erfolg-hell);color:var(--farbe-erfolg)}.kennzeichen--warnung{background:var(--farbe-warnung-hell);color:var(--farbe-warnung)}.kennzeichen--fehler{background:var(--farbe-fehler-hell);color:var(--farbe-fehler)}.kennzeichen--marke{background:var(--farbe-marke-hell);color:var(--farbe-marke)}.meldung{display:flex;gap:.625rem;padding:.75rem var(--abstand);border-radius:var(--radius-klein);font-size:.9375rem;border:1px solid transparent}.meldung--info{background:var(--farbe-marke-hell);border-color:#c3d8ec;color:var(--farbe-marke-dunkel)}.meldung--warnung{background:var(--farbe-warnung-hell);border-color:#f0d5a8;color:var(--farbe-warnung)}.meldung--fehler{background:var(--farbe-fehler-hell);border-color:#f3c4c1;color:var(--farbe-fehler)}.meldung--erfolg{background:var(--farbe-erfolg-hell);border-color:#b7dfc9;color:var(--farbe-erfolg)}.stapel{display:flex;flex-direction:column;gap:.75rem}.reihe{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.reihe--eng{gap:.375rem}.abstand-oben{margin-top:.5rem}.schwach{color:var(--farbe-text-schwach);font-size:.875rem}.zahl{font-variant-numeric:tabular-nums}.gross{font-size:1.125rem;font-weight:650}.nur-fuer-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.leer-hinweis{padding:2rem 1rem;text-align:center;color:var(--farbe-text-schwach)}.aktionsleiste{position:sticky;bottom:0;z-index:15;display:flex;gap:.75rem;padding:.75rem var(--abstand);padding-bottom:calc(.75rem + env(safe-area-inset-bottom));margin:0 calc(var(--abstand) * -1) calc(var(--abstand) * -1);background:color-mix(in srgb,var(--farbe-hintergrund) 92%,transparent);backdrop-filter:blur(8px);border-top:1px solid var(--farbe-rand)}.aktionsleiste .knopf{flex:1}.raster{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:30rem){.raster--zwei{grid-template-columns:1fr 1fr}}@media(min-width:48rem){.raster--kacheln{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}h1{font-size:1.5rem}}.raster--kacheln{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}