:root{--orange: #F4A805;--orange-dunkel: #C98A00;--grau: #9E9FA1;--hg: #F6F6F4;--flaeche: #FFFFFF;--text: #1F2023;--text-2: #5C5E63;--linie: #E3E3E0;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--hg)}@media(prefers-color-scheme:dark){:root{--hg: #151618;--flaeche: #1F2023;--text: #F2F2F0;--text-2: #A9AAAD;--linie: #33353A}.anmelden-logo,.kopf-logo{background:#fff;border-radius:8px;padding:4px}}*{box-sizing:border-box}body{margin:0;background:var(--hg);-webkit-font-smoothing:antialiased}h1{font-size:1.6rem;margin:0 0 .25rem}h2{font-size:1.05rem;margin:0}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.8rem 1rem;background:var(--orange);color:#1f2023;font-weight:600;min-height:48px}button:hover{background:var(--orange-dunkel)}button:disabled{opacity:.6}button.leise{background:transparent;color:var(--text-2);min-height:40px;padding:.4rem .7rem;font-weight:500}button.leise:hover{color:var(--text)}input{font:inherit;width:100%;padding:.8rem;border:1px solid var(--linie);border-radius:10px;background:var(--flaeche);color:var(--text);min-height:48px}input:focus{outline:2px solid var(--orange);border-color:transparent}label{display:block;font-size:.9rem;color:var(--text-2);margin-bottom:.35rem}.laden{min-height:100vh;display:grid;place-items:center}.laden img{width:72px;opacity:.8}.anmelden{min-height:100vh;display:grid;place-items:center;padding:16px}.anmelden-karte{width:100%;max-width:380px;background:var(--flaeche);border-radius:var(--radius);padding:2rem 1.5rem;box-shadow:0 1px 3px #00000014;border-top:4px solid var(--orange)}.anmelden-logo{display:block;width:140px;margin:0 auto 1rem}.anmelden h1{text-align:center;font-size:1.25rem;margin-bottom:1.5rem}.anmelden form{display:grid;gap:.75rem}.hinweis{background:#fef6e2;color:#5a4300;padding:.9rem;border-radius:10px;line-height:1.45}.fehler{color:#b3261e;margin:0}.klein{font-size:.8rem;color:var(--text-2);text-align:center;margin:1.25rem 0 0}.kopf{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:1.5rem;padding:.5rem 24px;background:var(--flaeche);border-bottom:3px solid var(--orange)}.kopf-logo{height:44px}.nav-oben{display:flex;gap:.25rem;flex:1}.nav-oben a,.nav-unten a{color:var(--text-2);text-decoration:none;padding:.55rem .9rem;border-radius:8px;font-weight:500}.nav-oben a:hover{color:var(--text);background:var(--hg)}.nav-oben a.active{color:var(--text);background:#fef1cc}.kopf-rechts{display:flex;align-items:center;gap:.5rem}.kopf-name{color:var(--text-2);font-size:.9rem}.inhalt{max-width:1200px;margin:0 auto;padding:24px}.unterzeile{color:var(--text-2);margin:0 0 1.25rem}.raster{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--radius);padding:1rem 1.1rem}.karte p{color:var(--text-2);margin:.5rem 0 0;line-height:1.45}.karte-kopf{display:flex;justify-content:space-between;gap:.5rem;align-items:start}.marke{font-size:.72rem;background:var(--hg);color:var(--text-2);padding:.15rem .5rem;border-radius:99px;white-space:nowrap}.nav-unten{display:none}@media(prefers-color-scheme:dark){.nav-oben a.active,.nav-unten a.active{background:#4a3a10}.hinweis{background:#3a2f10;color:#f7e2a8}}@media(max-width:760px){.kopf{padding:.5rem 16px;gap:.75rem}.kopf-logo{height:36px}.nav-oben,.kopf-name{display:none}.kopf-rechts{margin-left:auto}.inhalt{padding:16px 16px 96px}.nav-unten{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:5;background:var(--flaeche);border-top:1px solid var(--linie);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around}.nav-unten a{flex:1;text-align:center;font-size:.78rem;padding:.7rem .2rem}.nav-unten a.active{color:var(--text);background:#fef1cc}}
