:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #dd9e22}.werk-beta{--grund:#f2f5f7;--flaeche:#fff;--text:#162d3f;--leise:#526c7b;--linie:#d7e1e7;--blau:#005597;--akzent:#e8f0f6;background:var(--grund);min-height:100vh;color:var(--text);line-height:1.5}.werk-beta[data-design=dunkel]{--grund:#111d27;--flaeche:#1a2c39;--text:#ecf3f8;--leise:#a9bfcc;--linie:#354c5c;--blau:#72b9ef;--akzent:#263e50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.werk-beta[data-design=system]{--grund:#111d27;--flaeche:#1a2c39;--text:#ecf3f8;--leise:#a9bfcc;--linie:#354c5c;--blau:#72b9ef;--akzent:#263e50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.beta-kopf{color:#fff;background:#005597}.beta-kopf-innen{align-items:center;gap:28px;max-width:1240px;min-height:104px;margin:auto;padding:22px 32px;display:flex}.beta-logo{width:190px;height:auto;display:block}.beta-marke{letter-spacing:.08em;border-left:1px solid #fff5;padding-left:28px;font-size:30px;font-weight:750;line-height:1.1}.beta-marke span{letter-spacing:.12em;text-transform:uppercase;margin-top:7px;font-size:12px;font-weight:400;display:block}.beta-design{letter-spacing:.02em;margin-left:auto;font-size:11px}.beta-design select{color:#fff;background:#005597;border:1px solid #fff7;border-radius:5px;margin-top:4px;padding:5px 10px;display:block}.beta-abmelden{color:#fff;background:0 0;border:1px solid #fff7;border-radius:5px;padding:8px 13px}.beta-testband{color:#254b63;text-align:center;letter-spacing:.045em;background:#dae7ef;padding:8px 20px;font-size:11px;font-weight:650}.beta-inhalt{max-width:1240px;margin:auto;padding:40px 32px 28px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;margin-bottom:14px;font-size:36px;line-height:1.18}h2{letter-spacing:-.015em;font-size:22px}h3{margin:8px 0;font-size:19px;line-height:1.35}p{color:var(--leise)}.beta-ueberzeile{letter-spacing:.14em;color:var(--blau);margin-bottom:12px;font-size:11px;font-weight:750}.beta-anmeldung{grid-template-columns:1.15fr 1fr;align-items:center;gap:90px;padding:45px 0;display:grid}.beta-anmeldung h1{max-width:450px;font-size:48px}.beta-anmeldung p{max-width:500px;font-size:17px}.beta-anmeldung ul{color:var(--leise);margin-top:28px;padding:0;list-style:none}.beta-anmeldung li{margin:12px 0}.beta-anmeldung li:before{content:"✓";color:var(--blau);margin-right:12px;font-weight:700}.beta-loginbox{background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;padding:32px;box-shadow:0 12px 35px #002d4d09}.beta-loginbox p{font-size:14px}.werk-beta label{font-size:13px;font-weight:600;display:block}.werk-beta input,.werk-beta select{border:1px solid var(--linie);background:var(--flaeche);width:100%;color:var(--text);border-radius:6px;min-height:42px;margin:6px 0 16px;padding:10px 12px}.werk-beta .beta-design select{color:#fff;background:#005597;border-color:#fff6;min-height:32px;margin:4px 0 0;padding:3px 9px}.werk-beta button{color:#fff;background:#005597;border:0;border-radius:6px;padding:10px 17px;font-weight:650}.beta-loginbox button{width:100%;margin:6px 0 16px}.werk-beta small{color:var(--leise);font-size:11px;font-weight:400;display:block}.beta-titelzeile{justify-content:space-between;align-items:center;gap:25px;margin-bottom:26px;display:flex}.beta-titelzeile h1{margin-bottom:8px}.beta-titelzeile p{margin-bottom:0}.beta-stand{border:1px solid var(--linie);background:var(--flaeche);border-radius:8px;min-width:200px;padding:14px 20px;font-size:12px}.beta-stand span,.beta-stand strong{display:block}.beta-stand span{color:var(--leise)}.beta-stand strong{margin:2px 0;font-size:17px}.werk-beta .beta-link{color:var(--blau);background:0 0;padding:3px 0;font-size:12px}.beta-werkzeug{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;display:flex}.beta-werkzeug nav{align-self:stretch;align-items:end;gap:10px;display:flex}.beta-werkzeug nav button{color:var(--leise);background:0 0;border-bottom:3px solid #0000;border-radius:0;padding:14px 12px}.beta-werkzeug nav button.ausgewaehlt{color:var(--blau);border-color:var(--blau)}.beta-werkzeug label{width:210px;font-size:11px}.beta-werkzeug select{margin-bottom:10px}.beta-abschnitt{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.beta-abschnitt h2{margin:0}.beta-abschnitt h2 span{background:var(--akzent);vertical-align:middle;border-radius:20px;margin-left:8px;padding:3px 9px;font-size:12px;display:inline-block}.beta-abschnitt p{margin:0}.beta-suche{width:280px}.beta-suche input{margin-bottom:0}.beta-projektraster,.beta-teamraster{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.beta-projekt,.beta-teamkarte{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;padding:23px;box-shadow:0 2px 6px #002d4d04}.beta-kostenstelle{letter-spacing:.06em;color:var(--blau);justify-content:space-between;gap:8px;font-size:11px;font-weight:750;display:flex}.beta-kostenstelle span{letter-spacing:0;color:var(--leise);font-weight:400}.beta-teamname{color:var(--leise);margin-bottom:26px;font-size:12px}.beta-zuordnung strong{color:var(--text);margin-top:4px;font-weight:600;display:block}.beta-zuordnung{border-bottom:1px solid var(--linie);margin-bottom:17px;padding-bottom:19px}.beta-hinweis{color:var(--leise);background:var(--grund);border-radius:5px;margin:0;padding:10px 12px;font-size:12px}.werk-beta .beta-sekundaer{background:var(--akzent);color:var(--blau);width:100%;margin-bottom:10px}.beta-formhinweis{line-height:1.5}.beta-teamkarte ul{margin-bottom:0;padding:0;list-style:none}.beta-teamkarte li{border-top:1px solid var(--linie);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.beta-teamkarte li span{color:var(--blau);font-size:11px}.beta-verwaltung{background:var(--flaeche);border:1px solid var(--linie);border-radius:10px;max-width:780px;padding:28px}.beta-verwaltung form{margin-top:24px}.werk-beta .beta-gefahr{background:#a63232}.beta-fehler,.beta-meldung{border-radius:7px;margin-bottom:24px;padding:14px 18px;font-size:14px}.beta-fehler{color:#842626;background:#ffeded;border:1px solid #e8aaaa}.beta-meldung{color:#285b35;background:#eaf4ec;border:1px solid #b8d4bd}.beta-fuss{border-top:1px solid var(--linie);color:var(--leise);margin-top:35px;padding-top:18px;font-size:11px}.beta-leer{text-align:center;background:var(--flaeche);border-radius:8px;padding:35px}@media (width<=960px){.beta-projektraster,.beta-teamraster{grid-template-columns:repeat(2,minmax(0,1fr))}.beta-anmeldung{gap:35px}.beta-anmeldung h1{font-size:38px}.beta-kopf-innen{padding:20px 24px}.beta-inhalt{padding:30px 24px}.beta-logo{width:155px}}@media (width<=640px){.beta-kopf-innen{flex-wrap:wrap;gap:15px;padding:18px}.beta-logo{width:135px}.beta-marke{padding-left:15px;font-size:24px}.beta-design,.beta-abmelden{margin-left:auto}.beta-inhalt{padding:25px 18px}.beta-anmeldung{grid-template-columns:1fr;gap:25px;padding:15px 0}.beta-anmeldung h1{font-size:36px}.beta-loginbox{padding:23px}.beta-titelzeile{flex-direction:column;align-items:start}.beta-stand{width:100%}.beta-werkzeug{flex-direction:column;align-items:stretch;gap:12px}.beta-werkzeug nav{align-items:stretch;gap:0}.beta-werkzeug nav button{padding:12px 9px;font-size:12px}.beta-werkzeug label{width:100%}.beta-abschnitt{flex-direction:column;align-items:stretch}.beta-suche{width:100%}.beta-projektraster,.beta-teamraster{grid-template-columns:1fr}h1{font-size:31px}.beta-testband{font-size:9px}}.beta-projekt,.beta-teamkarte{border-top-width:4px}[data-teamfarbe=\#005597]{border-top-color:#005597}[data-teamfarbe=\#D3AD16]{border-top-color:#d3ad16}[data-teamfarbe=\#448A4A]{border-top-color:#448a4a}[data-teamfarbe=\#B73C3C]{border-top-color:#b73c3c}[data-teamfarbe=\#A0A0A0]{border-top-color:#a0a0a0}[data-teamfarbe=\#444444]{border-top-color:#444}
