:root{--grund:#0d0f11;--flaeche:#15181b;--flaeche-2:#1c2025;--linie:#262b31;--linie-hell:#343a42;--schrift:#f2f4f6;--schrift-2:#9aa3ad;--schrift-3:#6b747e;--cobalt:#3b6bf5;--gruen:#2f9e74;--rot:#e06b5e;--r:10px}*,:before,:after{box-sizing:border-box}html,body{background:var(--grund);color:var(--schrift);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Archivo,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.1}p{margin:0}button,input,select,textarea{font-family:inherit}a{color:inherit}::selection{background:#3b6bf54d}:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:4px}.marke{letter-spacing:.14em;text-transform:uppercase;color:var(--schrift-3);margin-bottom:9px;font-size:10.5px;font-weight:600;display:block}.feld{border:1px solid var(--linie);background:var(--flaeche-2);width:100%;color:var(--schrift);border-radius:8px;outline:none;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.feld:focus{border-color:var(--cobalt);box-shadow:0 0 0 3px #3b6bf52e}.feld::placeholder{color:var(--schrift-3)}select.feld{cursor:pointer}input[type=date].feld{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.k{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform 80ms;display:inline-flex}.k:active{transform:translateY(1px)}.k-voll{background:var(--cobalt);color:#fff}.k-voll:hover{background:#2f5ad8}.k-voll:disabled{color:#8c98b4;cursor:default;background:#2b3a60}.k-linie{background:var(--flaeche-2);color:var(--schrift);border-color:var(--linie)}.k-linie:hover{border-color:var(--linie-hell)}.k-still{color:var(--schrift-2);background:0 0}.k-still:hover{color:var(--schrift);background:#ffffff0f}.k-gefahr{color:var(--rot);background:0 0;border-color:#4a2f2c}.k-gefahr:hover{background:#e06b5e1a}.k-breit{width:100%}.karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r)}.schiene{background:var(--grund);border:1px solid var(--linie);border-radius:8px;padding:3px;display:flex}.schiene button{cursor:pointer;color:var(--schrift-2);background:0 0;border:0;border-radius:6px;flex:1;padding:8px 6px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.schiene button.an{background:var(--flaeche-2);color:var(--schrift)}.farbreihe{flex-wrap:wrap;gap:9px;display:flex}.farbkreis{cursor:pointer;width:26px;height:26px;box-shadow:0 0 0 1px var(--linie);border:2px solid #0000;border-radius:99px;padding:0;transition:transform .12s}.farbkreis:hover{transform:scale(1.08)}.farbkreis.an{border-color:var(--grund);box-shadow:0 0 0 2px var(--schrift)}@keyframes atmen{0%,to{opacity:1}50%{opacity:.4}}.laedt{background:var(--flaeche-2);animation:1.5s ease-in-out infinite atmen}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.studio-raster{grid-template-columns:324px 1fr;align-items:start;gap:24px;display:grid}.karten-raster{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.kal-huelle{-webkit-overflow-scrolling:touch;overflow-x:auto}.kal-innen{min-width:0}@media (max-width:1100px){.karten-raster{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){body{font-size:15px}.studio-raster{grid-template-columns:1fr;gap:18px}.studio-raster>aside{position:static!important;top:auto!important}.karten-raster{grid-template-columns:1fr;gap:16px}.kopf{flex-wrap:wrap;gap:10px!important;height:auto!important;padding:10px 14px!important}.kopf .mail{display:none}.kopf-aktion{flex-wrap:wrap;gap:8px;width:100%;display:flex}.kopf-aktion .k{flex:1;min-width:0}.inhalt{padding:14px!important}.kal-innen{min-width:720px}.login-raster{grid-template-columns:1fr!important}.login-bild{order:-1;padding:28px 20px!important}.login-bild h2{font-size:26px!important}.login-bild .zahlen{display:none}.fenster{max-height:92vh;grid-template-columns:1fr!important}}@media (max-width:420px){.kopf nav a{padding:6px 8px!important;font-size:10px!important}}