:root{--famuli-petrol:#0d505c;--famuli-petrol-dunkel:#08363f;--famuli-bernstein:#c46a10;--famuli-bernstein-hell:#f0a93b;--famuli-zinkweiss:#eff4f5;--famuli-weiss:#fff;--famuli-tinte:#14282d;--famuli-gruen:#0b7a5a;--famuli-signalrot:#b3261e;--famuli-schrift:"Fira Sans", system-ui, sans-serif;--famuli-grundschrift-mobil:17px;--famuli-erklaertext-min:15px;--famuli-zeilenabstand:1.5;--famuli-touch-target:56px}
@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fira-sans-latin-400.0-_5xnda7xfb5.woff2)format("woff2");unicode-range:U+??,U+100-2AF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+2020,U+2074,U+20A0-20AB,U+20AC,U+20AD-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fira-sans-cyrillic-400.02souvz28v98h.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+460-52F,U+490-491,U+4B0-4B1,U+1C80-1C88,U+20B4,U+2116,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fira-sans-greek-400.1xwih73mh810v.woff2)format("woff2");unicode-range:U+370-3FF,U+1F??}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fira-sans-latin-500.40cmxf9c_ri9h.woff2)format("woff2");unicode-range:U+??,U+100-2AF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+2020,U+2074,U+20A0-20AB,U+20AC,U+20AD-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fira-sans-cyrillic-500.1hf-wdd_xkm0x.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+460-52F,U+490-491,U+4B0-4B1,U+1C80-1C88,U+20B4,U+2116,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fira-sans-greek-500.44-17thtywm41.woff2)format("woff2");unicode-range:U+370-3FF,U+1F??}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fira-sans-latin-600.0jlevj2d552me.woff2)format("woff2");unicode-range:U+??,U+100-2AF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2000-206F,U+2020,U+2074,U+20A0-20AB,U+20AC,U+20AD-20C0,U+2113,U+2122,U+2191,U+2193,U+2212,U+2215,U+2C60-2C7F,U+A720-A7FF,U+FEFF,U+FFFD}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fira-sans-cyrillic-600.1q6vzoeyt9vdc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+460-52F,U+490-491,U+4B0-4B1,U+1C80-1C88,U+20B4,U+2116,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fira-sans-greek-600.1p-mo4qov57s-.woff2)format("woff2");unicode-range:U+370-3FF,U+1F??}
:root{--grund:var(--famuli-zinkweiss);--flaeche:var(--famuli-weiss);--linie:color-mix(in srgb, var(--famuli-tinte) 18%, var(--famuli-weiss));--text:var(--famuli-tinte);--text-leise:color-mix(in srgb, var(--famuli-tinte) 70%, var(--famuli-weiss));--akzent:var(--famuli-petrol);--akzent-dunkel:var(--famuli-petrol-dunkel);--akzent-text:var(--famuli-weiss);--fehler:var(--famuli-signalrot);--fehler-flaeche:color-mix(in srgb, var(--famuli-signalrot) 10%, var(--famuli-weiss));--hinweis:var(--famuli-petrol);--hinweis-flaeche:color-mix(in srgb, var(--famuli-petrol) 10%, var(--famuli-weiss));--warnung:var(--famuli-bernstein);--warnung-flaeche:color-mix(in srgb, var(--famuli-bernstein) 12%, var(--famuli-weiss));--erledigt:var(--famuli-gruen);--ziel:var(--famuli-touch-target);--radius:4px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--grund);color:var(--text);font-family:var(--famuli-schrift);font-size:18px;line-height:var(--famuli-zeilenabstand);font-variant-numeric:tabular-nums}main{max-width:34rem;margin:0 auto;padding:2rem 1.25rem 4rem}h1{margin:0 0 .4rem;font-size:1.65rem;line-height:1.2}h2{margin:2rem 0 .6rem;font-size:1.15rem}p{color:var(--text-leise);margin:0 0 1rem}label{margin-bottom:.35rem;font-weight:600;display:block}input,select{width:100%;min-height:var(--ziel);color:var(--text);background:var(--flaeche);border:2px solid var(--linie);border-radius:var(--radius);padding:0 .9rem;font-size:1.05rem;display:block}input[type=checkbox],input[type=radio]{width:1.6rem;height:1.6rem;min-height:0;accent-color:var(--akzent);margin:0;padding:0;display:inline-block}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--akzent);outline-offset:2px}select{padding-right:2.5rem;font-family:inherit}.feld{margin-bottom:1.25rem}.hilfe{color:var(--text-leise);margin:.35rem 0 0;font-size:.9rem}button{min-height:var(--ziel);width:100%;color:var(--akzent-text);background:var(--akzent);border-radius:var(--radius);cursor:pointer;border:none;padding:0 1.2rem;font-family:inherit;font-size:1.05rem;font-weight:600}button:hover{background:var(--akzent-dunkel)}button[disabled]{opacity:.6;cursor:default}.knopf-leise{color:var(--akzent);border:2px solid var(--linie);background:0 0}.knopf-leise:hover{background:var(--hinweis-flaeche)}.fehler{background:var(--fehler-flaeche);border-left:4px solid var(--fehler);color:var(--fehler);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.25rem;padding:.85rem 1rem}.hinweis{background:var(--hinweis-flaeche);border-left:4px solid var(--hinweis);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:1.25rem;padding:.85rem 1rem}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);margin-bottom:.75rem;padding:1.1rem 1.25rem}.marke{letter-spacing:.155em;font-size:.95rem;font-weight:600}.logo-kopf{margin:0 0 1.5rem}.leiste{background:var(--flaeche);border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.leiste-marke{align-items:center;min-height:44px;display:inline-flex}.leiste-marke img{display:block}.leiste form{margin:0}.leiste-nav{flex-wrap:wrap;gap:.25rem 1rem;margin-right:auto;display:flex}.leiste-nav a{color:var(--text-leise);align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.leiste-nav a:hover{color:var(--text)}.leiste button{width:auto;min-height:44px;color:var(--text-leise);border:1px solid var(--linie);background:0 0;font-size:.95rem}dl{margin:0}dt{color:var(--text-leise);font-size:.9rem;font-weight:500}dd{margin:.1rem 0 0;font-size:1.2rem;font-weight:600}.zeile{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.zeile-3{grid-template-columns:1fr 1fr 1fr;gap:.75rem;display:grid}.zeile-aufgehoben{opacity:.6}.zaehler{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.zaehler-knoepfe{align-items:center;gap:.5rem;display:flex}.zaehler-knoepfe button{width:var(--ziel);padding:0;font-size:1.4rem}.zaehler-wert{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:1.2rem;font-weight:600}.schalter{min-height:var(--ziel);align-items:center;gap:.75rem;font-weight:600;display:flex}.schalter-mehrzeilig{align-items:flex-start;padding:.5rem 0}.schalter-mehrzeilig input{margin-top:.2rem}.vorschlag{background:var(--hinweis-flaeche);border:1px dashed var(--hinweis);border-radius:var(--radius);margin-bottom:.75rem;padding:.85rem 1rem}.knopf-klein{width:auto;min-height:44px;margin-top:.5rem;font-size:.95rem}.warnung{background:var(--warnung-flaeche);border-left:4px solid var(--warnung);color:var(--text);border-radius:0 var(--radius) var(--radius) 0;margin-bottom:.75rem;padding:.85rem 1rem}.durchgestrichen{color:var(--text-leise);text-decoration:line-through}.kopf-daten{grid-template-columns:1fr 1fr;gap:.75rem 1.5rem;display:grid}.abschnitt{margin-top:2rem}.abschnitt h2{margin-top:0}.kette{margin:0 0 1rem;font-size:.95rem}a.karte{color:inherit;text-decoration:none;display:block}a.karte:hover{border-color:var(--akzent)}.knopfzeile{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.knopfzeile button{flex:12rem;width:auto}.logo-vorschau{border:1px solid var(--linie);border-radius:var(--radius);background:var(--flaeche);width:auto;max-width:173px;max-height:59px;padding:.5rem}.pflicht-zeile{border-bottom:1px solid var(--linie);padding:.75rem 0}.pflicht-zeile:last-child{border-bottom:none}.pflicht-menge{font-variant-numeric:tabular-nums;font-weight:600}.fehler-inline{color:var(--fehler);margin:.35rem 0 0;font-size:.9rem}.tabelle{border-collapse:collapse;width:100%;font-size:.95rem}.tabelle th,.tabelle td{text-align:left;border-bottom:1px solid var(--linie);vertical-align:top;padding:.5rem}.tabelle th{color:var(--text-leise);font-weight:500}.tabelle-rahmen{width:min(72rem,100vw - 2.5rem);margin-left:50%;overflow-x:auto;transform:translate(-50%)}.tabelle-in-karte{overflow-x:auto}.status{border:1px solid var(--linie);color:var(--text-leise);border-radius:999px;padding:.1rem .5rem;font-size:.85rem;display:inline-block}.status-offen{color:var(--text);border-color:var(--text-leise)}.qr{width:min(240px,100%);margin:1rem 0}.link-kasten{word-break:break-all;border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.wochen-nav{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.wochen-nav a{align-items:center;min-height:44px;display:inline-flex}.timeline-eintrag{border-bottom:1px solid var(--linie);grid-template-columns:4.5rem 1fr;gap:.75rem;padding:.5rem 0;display:grid}.timeline-zeit{color:var(--text-leise);font-variant-numeric:tabular-nums}.timeline-typ{color:var(--text-leise);font-size:.85rem}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.inline-form .feld{flex:12rem;margin:0}.inline-form button{width:auto}