:root{--nachtblau:#0e2a4a;--nachtblau-tief:#081c33;--kartenblau:#16375c;--petrol:#3fbfa8;--blau:#2596d1;--text-hell:#eaf1f8;--text-gedeckt:#93a9c1;--koralle:#e08a72;--linie:rgba(255,255,255,0.08)}*{box-sizing:border-box}body,html{min-height:100%;margin:0;background:var(--nachtblau-tief);color:var(--text-hell);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.appRahmen{min-height:100dvh;padding:18px;background:radial-gradient(circle at 50% 0,rgba(63,191,168,.16),transparent 34rem),linear-gradient(180deg,var(--nachtblau),var(--nachtblau-tief))}.loginFlaeche,.zentriert{display:grid;place-items:center}.loginFlaeche{min-height:calc(100dvh - 36px);gap:22px}.marke{display:flex;align-items:center;gap:14px;width:min(100%,430px)}.logoMarke{display:grid;width:56px;height:56px;place-items:center;border-radius:8px;background:linear-gradient(135deg,var(--blau),var(--petrol));color:white;font-size:34px;font-weight:800}h1,h2,p{margin:0}.marke h1{font-size:30px}.aktivitaeten p,.kopf p,.kurzListe p,.loginKarte p,.marke p,.standortKarte p{color:var(--text-gedeckt)}.aktivitaeten,.infoKarte,.kurzListe,.loginKarte,.standortKarte{border:1px solid var(--linie);border-radius:8px;background:rgba(22,55,92,.72);box-shadow:0 18px 60px rgba(0,0,0,.22)}.loginKarte{display:grid;grid-gap:16px;gap:16px;width:min(100%,430px);padding:22px}.aktivitaeten h2,.kurzListe h2,.loginKarte h2,.standortKarte h2{font-size:18px}label{display:grid;grid-gap:7px;gap:7px;color:var(--text-gedeckt);font-size:14px}input{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(8,28,51,.9);color:var(--text-hell);outline:none;padding:13px 14px}input:focus{border-color:var(--petrol)}.checkboxZeile{display:flex;align-items:center;gap:10px}.checkboxZeile input{width:18px;height:18px}.iconKnopf,.modulKnopf,.primaerKnopf,.radarKnopf,.sekundaerKnopf{border:0;cursor:pointer;color:white}.primaerKnopf{min-height:48px;border-radius:8px;background:linear-gradient(135deg,var(--blau),var(--petrol));font-weight:700}.primaerKnopf:disabled{cursor:wait;opacity:.7}.sekundaerKnopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:8px;background:rgba(63,191,168,.18)}.fehler{border:1px solid rgba(224,138,114,.35);border-radius:8px;padding:12px;background:rgba(224,138,114,.12);color:#ffd1c5}.apiHinweis{font-size:12px;word-break:break-word}.dashboard{display:grid;grid-gap:16px;gap:16px;width:min(100%,980px);margin:0 auto}.kopf,.standortKarte{display:flex;align-items:center;justify-content:space-between;gap:16px}.kopf{padding-top:4px}.kopf h1{font-size:clamp(26px,6vw,42px)}.klein{color:var(--petrol);font-size:13px;font-weight:700;text-transform:uppercase}.iconKnopf{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:8px;background:rgba(255,255,255,.08)}.listeZwei,.zahlenRaster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.infoKarte{display:flex;align-items:center;gap:14px;min-height:88px;padding:16px}.infoKarte svg{color:var(--petrol)}.infoKarte span{color:var(--text-gedeckt);font-size:13px}.infoKarte strong{display:block;font-size:30px}.radarFeld{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;grid-gap:16px;gap:16px;min-height:260px}.radarKnopf{position:relative;display:grid;width:min(70vw,260px);aspect-ratio:1;place-items:center;border-radius:50%;margin:auto;background:conic-gradient(from 20deg,transparent,rgba(63,191,168,.8),transparent 38%),radial-gradient(circle,#174a78 0 34%,#0a233f 35% 100%);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 42px rgba(63,191,168,.2)}.radarKnopf svg{filter:drop-shadow(0 0 12px rgba(63,191,168,.7))}.modulRaster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.modulKnopf{display:flex;align-items:center;gap:10px;min-height:56px;border-radius:8px;background:rgba(255,255,255,.07);padding:0 13px;text-align:left}.modulKnopf svg{color:var(--petrol);flex:0 0 auto}.aktivitaet span,.listenZeile,.modulKnopf span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aktivitaeten,.kurzListe,.standortKarte{padding:16px}.kurzListe{display:grid;grid-gap:10px;gap:10px;min-height:144px}.aktivitaet,.listenZeile{min-width:0;border-top:1px solid var(--linie);padding-top:10px}.standortKarte{align-items:flex-start}.aktivitaeten{display:grid;grid-gap:10px;gap:10px}.aktivitaet{display:flex;align-items:center;gap:9px;color:var(--text-gedeckt)}.aktivitaet svg{color:var(--petrol);flex:0 0 auto}.ladepunkt{width:46px;height:46px;border:4px solid rgba(255,255,255,.16);border-top:4px solid var(--petrol);border-radius:50%;animation:drehen .8s linear infinite}@keyframes drehen{to{transform:rotate(1turn)}}@media (max-width:720px){.appRahmen{padding:14px}.listeZwei,.radarFeld,.zahlenRaster{grid-template-columns:1fr}.radarFeld{min-height:0}.modulRaster{grid-template-columns:repeat(2,minmax(0,1fr))}.modulKnopf span{font-size:13px}.standortKarte{display:grid}}