:root{--petrol: #335c67;--creme: #fff3b0;--ocker: #e09f3e;--rot: #9e2a2b;--dunkel: #540b0e;--auf-hell: var(--dunkel);--auf-dunkel: var(--creme);--weiss: #ffffff;--grau-50: #fafafa;--grau-100: #f2f2f2;--grau-200: #e6e6e6;--grau-300: #d4d4d4;--grau-500: #8a8a8a;--grau-700: #4f4f4f;--grau-900: #232323;--flaeche: var(--weiss);--flaeche-ruhig: var(--grau-50);--rahmen: var(--grau-300);--text: var(--grau-900);--text-leise: var(--grau-700);--a1: 4px;--a2: 8px;--a3: 12px;--a4: 16px;--a5: 20px;--a6: 24px;--a8: 32px;--a10: 40px;--radius: 8px;--radius-gross: 12px;--rahmenstaerke: 1px;--trefferflaeche: 44px;--schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--schatten: 0 1px 2px rgb(0 0 0 / 8%);--schatten-hoch: 0 8px 24px rgb(0 0 0 / 18%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--schrift);font-size:16px;line-height:1.5;color:var(--text);background:var(--flaeche-ruhig);-webkit-tap-highlight-color:transparent}h1,h2,h3{margin:0;font-weight:600;line-height:1.25}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}p{margin:0 0 var(--a3)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--petrol);outline-offset:2px}.auf-farbe :focus-visible,.kopf :focus-visible{outline-color:var(--creme)}.boot{padding:var(--a8);text-align:center;color:var(--text-leise)}.leise{color:var(--text-leise)}.klein{font-size:14px}.halbfett{font-weight:600}.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}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.kopf{position:sticky;top:0;z-index:10;background:var(--petrol);color:var(--auf-dunkel);padding:var(--a2) var(--a4);padding-top:calc(var(--a2) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--a2);min-height:var(--trefferflaeche)}.kopf h1{flex:1;min-width:0;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kopf .unterzeile{display:block;font-size:13px;font-weight:400;opacity:.85}.inhalt{flex:1;padding:var(--a4);padding-bottom:calc(var(--a10) + env(safe-area-inset-bottom));max-width:900px;width:100%;margin:0 auto}.reiter{display:flex;gap:var(--a1);overflow-x:auto;background:var(--petrol);padding:0 var(--a2) var(--a2);scrollbar-width:none}.reiter::-webkit-scrollbar{display:none}.reiter a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 var(--a3);border-radius:var(--radius);color:var(--auf-dunkel);text-decoration:none;font-size:15px;white-space:nowrap}.reiter a[aria-current=page]{background:var(--creme);color:var(--auf-hell);font-weight:600}.abschnitt{margin-bottom:var(--a6)}.abschnitt>h2{margin-bottom:var(--a3)}.zeile{display:flex;align-items:center;gap:var(--a2)}.zeile-umbruch{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a2)}.zwischen{justify-content:space-between}.wachsen{flex:1;min-width:0}.werkzeugleiste{display:flex;flex-wrap:wrap;gap:var(--a2);margin-bottom:var(--a4)}.leer{padding:var(--a8) var(--a4);text-align:center;color:var(--text-leise);background:var(--flaeche);border:var(--rahmenstaerke) dashed var(--rahmen);border-radius:var(--radius)}.tabellenrahmen{overflow-x:auto;background:var(--flaeche);border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius)}.knopf{display:inline-flex;align-items:center;justify-content:center;gap:var(--a2);min-height:var(--trefferflaeche);min-width:var(--trefferflaeche);padding:0 var(--a4);font-size:16px;font-weight:600;border:var(--rahmenstaerke) solid var(--petrol);border-radius:var(--radius);background:var(--flaeche);color:var(--petrol);cursor:pointer;text-decoration:none;transition:background-color .12s ease}.knopf:hover:not(:disabled){background:var(--grau-100)}.knopf:active:not(:disabled){background:var(--grau-200)}.knopf:disabled{opacity:.5;cursor:default}.knopf--haupt{background:var(--petrol);color:var(--auf-dunkel)}.knopf--haupt:hover:not(:disabled),.knopf--haupt:active:not(:disabled){background:#2a4d56}.knopf--warnung{border-color:var(--rot);color:var(--rot)}.knopf--warnung-voll{background:var(--rot);border-color:var(--rot);color:var(--auf-dunkel)}.knopf--leise{border-color:var(--rahmen);color:var(--text-leise);font-weight:400}.knopf--klein{min-height:36px;padding:0 var(--a3);font-size:15px}.kopf .knopf{background:transparent;border-color:#ffffff73;color:var(--auf-dunkel)}.kopf .knopf:hover:not(:disabled){background:#ffffff1f}.karte{background:var(--flaeche);border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius);padding:var(--a4);margin-bottom:var(--a3);box-shadow:var(--schatten)}.karte--hinweis{background:var(--creme);border-color:var(--ocker);color:var(--auf-hell)}.karte--handlungsbedarf{border-left:4px solid var(--rot)}.karte--bald{border-left:4px solid var(--ocker)}.liste{list-style:none;margin:0;padding:0;background:var(--flaeche);border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius);overflow:hidden}.liste>li+li{border-top:var(--rahmenstaerke) solid var(--grau-200)}.listeneintrag{display:flex;align-items:center;gap:var(--a3);min-height:var(--trefferflaeche);padding:var(--a2) var(--a3)}a.listeneintrag{color:inherit;text-decoration:none}a.listeneintrag:hover{background:var(--grau-100)}.listeneintrag .titel{font-weight:600}.erfassungszeile{display:flex;flex-wrap:wrap;align-items:center;gap:var(--a2);padding:var(--a2) var(--a3);min-height:var(--trefferflaeche)}.erfassungszeile .name{flex:1 1 130px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.erfassungszeile .name.inaktiv{color:var(--text-leise);text-decoration:line-through}.buttonleiste{display:flex;flex-wrap:wrap;gap:var(--a1);justify-content:flex-end}.ereignisknopf{--ereignisfarbe: var(--petrol);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--trefferflaeche);height:var(--trefferflaeche);padding:0;font-size:20px;line-height:1;background:transparent;border:2px solid var(--ereignisfarbe);border-radius:var(--radius);cursor:pointer;transition:background-color .12s ease,opacity .12s ease}.ereignisknopf[aria-pressed=true]{background:var(--ereignisfarbe)}.ereignisknopf[aria-pressed=true]:after{content:"";position:absolute;inset:auto 3px 3px auto;width:6px;height:6px;border-radius:50%;background:var(--creme)}.ereignisknopf[data-speichert=true]{opacity:.55}.ereignisknopf .anzahl{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;border-radius:9px;background:var(--dunkel);color:var(--creme)}.feld{display:block;margin-bottom:var(--a3)}.feld>span{display:block;margin-bottom:var(--a1);font-size:14px;font-weight:600;color:var(--text-leise)}.feld input,.feld select,.feld textarea{width:100%;min-height:var(--trefferflaeche);padding:var(--a2) var(--a3);font-size:16px;background:var(--flaeche);border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius)}.feld textarea{min-height:120px;resize:vertical}.feld--nebeneinander{display:flex;gap:var(--a3)}.feld--nebeneinander>*{flex:1}.wahl{display:flex;align-items:center;gap:var(--a2);min-height:var(--trefferflaeche);cursor:pointer}.wahl input{width:22px;height:22px;flex:0 0 auto}.segmente{display:inline-flex;border:var(--rahmenstaerke) solid var(--petrol);border-radius:var(--radius);overflow:hidden}.segmente button{min-height:36px;padding:0 var(--a3);font-size:15px;background:var(--flaeche);color:var(--petrol);border:0;cursor:pointer}.segmente button+button{border-left:var(--rahmenstaerke) solid var(--petrol)}.segmente button[aria-pressed=true]{background:var(--petrol);color:var(--auf-dunkel);font-weight:600}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:var(--a2) var(--a3);text-align:left;border-bottom:var(--rahmenstaerke) solid var(--grau-200);white-space:nowrap}thead th{position:sticky;top:0;background:var(--grau-100);font-weight:600;z-index:1}.matrix td:first-child,.matrix th:first-child{position:sticky;left:0;background:var(--flaeche);z-index:2}.matrix thead th:first-child{background:var(--grau-100);z-index:3}.zahl{text-align:right;font-variant-numeric:tabular-nums}.zahl-knopf{min-width:36px;min-height:32px;padding:0 var(--a2);background:transparent;border:var(--rahmenstaerke) solid transparent;border-radius:var(--radius);font-variant-numeric:tabular-nums;cursor:pointer}.zahl-knopf:hover{border-color:var(--rahmen);background:var(--grau-100)}.notenfeld{width:56px;min-height:40px;padding:var(--a1) var(--a2);font-size:16px;text-align:center;font-variant-numeric:tabular-nums;background:var(--flaeche);border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius)}.notenfeld[data-speichert=true]{opacity:.55}.marke{display:inline-flex;align-items:center;gap:var(--a1);padding:2px var(--a2);border-radius:999px;font-size:13px;font-weight:600;background:var(--grau-100);color:var(--text-leise)}.marke--achtung{background:var(--ocker);color:var(--auf-hell)}.marke--faellig{background:var(--rot);color:var(--auf-dunkel)}.marke--ruhig{background:var(--petrol);color:var(--auf-dunkel)}.dialog-hintergrund{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--a4);background:#2323238c}.dialog{width:min(520px,100%);max-height:90vh;overflow-y:auto;padding:var(--a5);background:var(--flaeche);border-radius:var(--radius-gross);box-shadow:var(--schatten-hoch)}.dialog h2{margin-bottom:var(--a3)}.dialog-knoepfe{display:flex;justify-content:flex-end;gap:var(--a2);margin-top:var(--a5)}.dialog-fehler{padding:var(--a2) var(--a3);margin-bottom:var(--a3);border-radius:var(--radius);background:var(--rot);color:var(--auf-dunkel)}.toasts{position:fixed;left:50%;bottom:calc(var(--a4) + env(safe-area-inset-bottom));z-index:200;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--a2);width:min(420px,calc(100vw - var(--a8)));pointer-events:none}.toast{display:flex;align-items:center;gap:var(--a3);padding:var(--a3) var(--a4);border-radius:var(--radius);background:var(--petrol);color:var(--auf-dunkel);box-shadow:var(--schatten-hoch);pointer-events:auto}.toast--fehler{background:var(--rot)}.toast button{min-height:36px;padding:0 var(--a2);background:transparent;border:var(--rahmenstaerke) solid rgb(255 255 255 / 50%);border-radius:var(--radius);color:inherit;font-weight:600;cursor:pointer}.balken{height:6px;border-radius:3px;background:var(--grau-200);overflow:hidden}.balken>div{height:100%;background:var(--petrol)}.notenmatrix th.hochkant{padding:var(--a1);vertical-align:bottom;height:150px}.notenmatrix th.hochkant>button,.notenmatrix th.hochkant>span{writing-mode:vertical-rl;transform:rotate(180deg);padding:var(--a2) var(--a1);max-height:142px;border:0;background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notenmatrix th.hochkant>span{display:inline-block}.notenmatrix th.hochkant>button:hover{background:var(--grau-200);border-radius:var(--radius)}.notenmatrix th.hochkant .klein{font-weight:400;color:var(--text-leise)}.notenmatrix td.note{padding:2px;text-align:center}.notenfeld{width:2.9rem;min-height:36px;padding:var(--a1);text-align:center;font-variant-numeric:tabular-nums;border:var(--rahmenstaerke) solid var(--rahmen);border-radius:var(--radius);background:var(--flaeche)}.notenfeld:focus{border-color:var(--petrol)}.notenfeld[aria-invalid=true]{border-color:var(--rot);border-width:2px}.notenfeld[data-speichert=true]{opacity:.5}.notenmatrix .ergebnis{background:var(--grau-100);text-align:center;border-left:var(--rahmenstaerke) solid var(--rahmen);white-space:nowrap}.notenmatrix thead th.ergebnis{background:var(--grau-200)}.notenmatrix.wenige th.hochkant{height:auto}.notenmatrix.wenige th.hochkant>button,.notenmatrix.wenige th.hochkant>span{writing-mode:horizontal-tb;transform:none;text-align:right;max-height:none}@media(max-width:379px){.inhalt{padding:var(--a3)}.erfassungszeile .name{flex-basis:100%}.buttonleiste{justify-content:flex-start;width:100%}}@media(max-height:450px)and (orientation:landscape){.kopf{padding-top:calc(var(--a1) + env(safe-area-inset-top));padding-bottom:var(--a1)}.kopf h1{font-size:16px}.kopf .unterzeile{display:none}}@media(min-width:600px){.inhalt{padding:var(--a6)}.kopf{padding-left:var(--a6);padding-right:var(--a6)}.kopf h1{font-size:20px}.reiter{padding-left:var(--a5);padding-right:var(--a5);gap:var(--a2)}.kachelraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--a3)}.kachelraster .karte{margin-bottom:0}.feld--nebeneinander{flex-direction:row}.ereignisknopf{width:48px;height:48px;font-size:22px}.dialog{width:min(600px,100%)}}@media(min-width:900px){.inhalt{max-width:1100px;padding:var(--a8) var(--a6)}.kopf{padding-left:max(var(--a6),calc((100vw - 1100px)/2));padding-right:max(var(--a6),calc((100vw - 1100px)/2))}.reiter{padding-left:max(var(--a5),calc((100vw - 1100px) / 2 - var(--a1)));padding-right:max(var(--a5),calc((100vw - 1100px) / 2 - var(--a1)))}.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:var(--a6);align-items:start}.drittel{display:grid;grid-template-columns:2fr 1fr;gap:var(--a6);align-items:start}}@media(min-width:1280px){.inhalt{max-width:1200px}.kopf{padding-left:max(var(--a6),calc((100vw - 1200px)/2));padding-right:max(var(--a6),calc((100vw - 1200px)/2))}.reiter{padding-left:max(var(--a5),calc((100vw - 1200px) / 2 - var(--a1)));padding-right:max(var(--a5),calc((100vw - 1200px) / 2 - var(--a1)))}}@media(hover:none){.knopf:hover:not(:disabled),.knopf--haupt:hover:not(:disabled),a.listeneintrag:hover,.zahl-knopf:hover{background:inherit}}@media(hover:hover)and (pointer:fine){.liste .listeneintrag,th,td{padding:var(--a2) var(--a4)}}@media(display-mode:standalone){.inhalt{padding-bottom:calc(var(--a10) + env(safe-area-inset-bottom))}}@media print{.kopf,.reiter,.werkzeugleiste,.toasts{display:none!important}body{background:var(--weiss)}.inhalt{max-width:none;padding:0}.karte,.liste,.tabellenrahmen{box-shadow:none;break-inside:avoid}}