:root{--farbe-primaer:#1e3a5f;--farbe-primaer-hell:#2d5583;--farbe-akzent:#f4a83c;--farbe-gefahr:#b3261e;--farbe-erfolg:#2e7d32;--farbe-hintergrund:#f5f6f8;--farbe-flaeche:#fff;--farbe-text:#1a1d21;--farbe-text-schwach:#6b7280;--farbe-rand:#e2e5ea;--radius:12px;--bottom-nav-hoehe:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--farbe-hintergrund:#14171a;--farbe-flaeche:#1e2227;--farbe-text:#f0f1f3;--farbe-text-schwach:#9aa1ab;--farbe-rand:#2c3138;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;height:100%}body{background:var(--farbe-hintergrund);color:var(--farbe-text);-webkit-tap-highlight-color:transparent;overflow-wrap:break-word;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}h1,h2{margin:0 0 12px}.verwaltungs-links{flex-wrap:wrap;gap:8px 16px;margin:-8px 0 16px;display:flex}.app-layout{flex-direction:column;height:100dvh;display:flex}.app-kopfzeile{z-index:10;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));background:var(--farbe-primaer);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-titel{color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none}.app-kopfzeile-aktionen{gap:8px;display:flex}.icon-button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:1.3rem}.icon-button:active{background:#ffffff26}.pull-to-refresh-anzeige{color:var(--farbe-text-schwach);justify-content:center;align-items:center;font-size:.85rem;transition:height .15s ease-out;display:flex;overflow:hidden}.app-inhalt{min-height:0;padding:16px;padding-bottom:calc(16px + var(--bottom-nav-hoehe) + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;align-self:center;width:100%;max-width:640px;margin:0 auto;overflow-y:auto}@media (width>=900px){.app-inhalt{max-width:1100px}}.bottom-nav{z-index:10;background:var(--farbe-flaeche);border-top:1px solid var(--farbe-rand);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-shrink:0;display:flex;position:sticky;bottom:0}.bottom-nav-eintrag{color:var(--farbe-text-schwach);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 4px 6px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.bottom-nav-icon{font-size:1.4rem;line-height:1}.bottom-nav-eintrag.active{color:var(--farbe-primaer)}.zentrierte-seite{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);flex-direction:column;gap:8px;margin-bottom:12px;padding:16px;display:flex}.karte-link{color:inherit;text-decoration:none}.karte-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.karten-liste{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}@media (width>=900px){.karten-liste{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;display:grid}}.kategorie-zeile{flex-direction:row;justify-content:space-between;align-items:center}.aufgabe-zeile{flex-direction:row;align-items:center;gap:12px}.aufgabe-checkbox{background:var(--farbe-flaeche);border:2px solid var(--farbe-text-schwach);width:28px;height:28px;min-height:0;color:var(--farbe-erfolg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.9rem;display:flex}.aufgabe-checkbox:active{background:var(--farbe-rand)}.aufgabe-checkbox-laedt{opacity:.6}.aufgabe-details{flex-direction:column;gap:2px;min-width:0;display:flex}.aufgabe-ueberfaellig{color:var(--farbe-gefahr);font-weight:600}.aufgabe-heute{color:var(--farbe-primaer);font-weight:600}label{color:var(--farbe-text-schwach);margin-top:4px;font-size:.85rem}input,select{border:1px solid var(--farbe-rand);background:var(--farbe-flaeche);color:var(--farbe-text);border-radius:8px;width:100%;padding:10px 12px}.checkbox-zeile{flex-direction:row;align-items:center;gap:8px;display:flex}.checkbox-zeile input{width:auto}button{background:var(--farbe-primaer);color:#fff;cursor:pointer;border:none;border-radius:8px;min-height:44px;padding:12px 16px;font-weight:600}button:active{background:var(--farbe-primaer-hell)}button:disabled{opacity:.6;cursor:not-allowed}button.sekundaer{color:var(--farbe-primaer);border:1px solid var(--farbe-primaer);background:0 0}button.gefahr{color:var(--farbe-gefahr);border:1px solid var(--farbe-gefahr);background:0 0}.formular-aktionen{flex-wrap:wrap;gap:8px;display:flex}.formular-aktionen>*{flex:1}.badge{background:var(--farbe-rand);color:var(--farbe-text-schwach);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.75rem;display:inline-block}.badge-warnung{color:#7a4a00;background:#fdecc8}.status-aktiv{color:var(--farbe-erfolg);background:#d9f2d9}.status-rueckfrage_ausstehend{color:#7a4a00;background:#fdecc8}.status-ausgelaufen,.status-gekuendigt{background:var(--farbe-rand)}.rueckfrage-box{background:#fdecc8;border-radius:8px;padding:12px}.hinweistext{color:var(--farbe-text-schwach);margin:0;font-size:.9rem}.fehlertext{color:var(--farbe-gefahr);font-size:.9rem}.tab-leiste{border-bottom:1px solid var(--farbe-rand);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.tab-leiste::-webkit-scrollbar{display:none}.tab-leiste a{color:var(--farbe-text-schwach);white-space:nowrap;border-bottom:2px solid #0000;padding:10px;scroll-margin-inline:16px;text-decoration:none}.tab-leiste a.active{color:var(--farbe-primaer);border-bottom-color:var(--farbe-primaer);font-weight:600}.kennzahlen-reihe{gap:12px;margin-bottom:16px;display:flex}.kennzahl-karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-rand);border-radius:var(--radius);flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.kennzahl-wert{font-size:1.4rem;font-weight:700}.seite-lade-hinweis{min-height:100vh;color:var(--farbe-text-schwach);justify-content:center;align-items:center;display:flex}.analyse-karte{background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.analyse-felder{grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:.9rem;display:grid}.analyse-felder dt{color:var(--farbe-text-schwach)}.analyse-felder dd{margin:0}.totp-secret{letter-spacing:.08em;background:var(--farbe-hintergrund);border:1px solid var(--farbe-rand);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem}.geraeteliste{flex-direction:column;gap:12px;margin:0 0 16px;padding:0;list-style:none;display:flex}.geraeteliste li{border:1px solid var(--farbe-rand);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.geraeteliste li>div{flex:1;min-width:0}.geraeteliste .badge{margin-left:8px}.geraeteliste p{margin:4px 0 0}.karte-trenner{border:none;border-top:1px solid var(--farbe-rand);margin:20px 0 16px}.gliederung-gruppe{margin-bottom:8px}.gruppen-titel{text-transform:uppercase;letter-spacing:.04em;color:var(--farbe-text-schwach);align-items:center;gap:8px;margin:20px 0 8px;font-size:.95rem;display:flex}
