:root{--flaeche: #f6f7f9;--karte: #ffffff;--linie: #e3e6ea;--tinte: #1b2430;--tinte-2: #55606e;--tinte-3: #8a94a1;--tinte-leise: #616a7e;--akzent: #0d4468;--akzent-tinte: #ffffff;--akzent-ton: #0d4468;--marke: #0d4468;--positiv: #1a7f37;--negativ: #c03434;--warn-flaeche: #fdf3e0;--warn-tinte: #8a5a00;}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--flaeche: #10151d;--karte: #171e28;--linie: #2a3442;--tinte: #e8ecf1;--tinte-2: #a8b3c0;--tinte-3: #6d7885;--tinte-leise: #8d99a8;--akzent: #7cc0ec;--akzent-tinte: #0a2133;--akzent-ton: #7cc0ec;--marke: #e8ecf1;--positiv: #4bc46f;--negativ: #f07d7d;--warn-flaeche: #3a2f14;--warn-tinte: #eac368;}}:root[data-theme="dark"]{--flaeche: #10151d;--karte: #171e28;--linie: #2a3442;--tinte: #e8ecf1;--tinte-2: #a8b3c0;--tinte-3: #6d7885;--tinte-leise: #8d99a8;--akzent: #7cc0ec;--akzent-tinte: #0a2133;--akzent-ton: #7cc0ec;--marke: #e8ecf1;--positiv: #4bc46f;--negativ: #f07d7d;--warn-flaeche: #3a2f14;--warn-tinte: #eac368;}*{box-sizing: border-box;}html,body{margin: 0;height: 100%;}body{font: 14px/1.45 "Segoe UI",system-ui,-apple-system,sans-serif;background: var(--flaeche);color: var(--tinte);}h1{font-size: 20px;margin: 0 0 4px;}h2{font-size: 15px;margin: 24px 0 10px;}a{color: var(--akzent);}.untertitel{color: var(--tinte-2);font-size: 13px;margin-bottom: 20px;}.laden{color: var(--tinte-leise);padding: 40px;text-align: center;}.hinweis{background: var(--warn-flaeche);color: var(--warn-tinte);border-radius: 8px;padding: 10px 12px;font-size: 13px;}.status-ok{color: var(--positiv);}.status-fehler{color: var(--negativ);}input[type="text"],input[type="date"],input[type="password"],input[type="email"]{font: inherit;color: var(--tinte);background: var(--flaeche);border: 1px solid var(--linie);border-radius: 8px;padding: 6px 10px;}input:focus{outline: 2px solid var(--akzent);outline-offset: 0;border-color: transparent;}button{font: inherit;font-weight: 600;cursor: pointer;background: var(--akzent);color: var(--akzent-tinte);border: 0;border-radius: 8px;padding: 7px 14px;transition: filter .12s,background-color .12s;}button:hover{filter: brightness(1.08);}button:focus-visible,a:focus-visible{outline: 2px solid var(--akzent);outline-offset: 2px;}button:disabled{opacity: .5;cursor: default;}#auth-wrap{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--flaeche);padding: 20px;}.auth-buehne{display: flex;align-items: stretch;gap: 0;max-width: 860px;width: 100%;background: var(--karte);border: 1px solid var(--linie);border-radius: 18px;box-shadow: 0 12px 40px rgba(16,24,40,.12);overflow: hidden;}.auth-marke{flex: 1 1 55%;padding: 48px 44px;background: linear-gradient(160deg,color-mix(in srgb,var(--akzent-ton) 14%,var(--karte)),color-mix(in srgb,var(--akzent-ton) 4%,var(--karte)));border-right: 1px solid var(--linie);}.auth-marke h1{font-size: 34px;margin: 14px 0 2px;letter-spacing: .5px;color: var(--marke);}.auth-marke h1 svg{display: block;height: 30px;width: auto;margin: 6px 0 8px;}.auth-claim{color: var(--tinte-2);font-size: 15px;margin: 0 0 26px;text-wrap: balance;}.auth-punkte{list-style: none;padding: 0;margin: 0;display: grid;gap: 12px;}.auth-punkte li{padding-left: 26px;position: relative;color: var(--tinte-2);font-size: 13.5px;line-height: 1.5;}.auth-punkte li::before{content: '✓';position: absolute;left: 0;top: 0;color: var(--akzent);font-weight: 700;}.auth-karte{flex: 1 1 45%;padding: 48px 40px;display: flex;flex-direction: column;justify-content: center;text-align: left;}.auth-karte h2{margin: 0 0 4px;font-size: 20px;}.auth-karte input{display: block;width: 100%;margin: 10px 0;padding: 11px 13px;font-size: 14px;}.auth-karte .auth-merken input{display: inline-block;width: auto;flex: 0 0 auto;margin: 0;padding: 0;}.auth-start{width: 100%;margin-top: 14px;padding: 13px;font-size: 15px;font-weight: 650;display: flex;align-items: center;justify-content: center;gap: 10px;border-radius: 10px;box-shadow: 0 6px 18px color-mix(in srgb,var(--akzent) 35%,transparent);transition: transform .12s,box-shadow .12s;}.auth-start:hover{transform: translateY(-1px);box-shadow: 0 9px 24px color-mix(in srgb,var(--akzent) 45%,transparent);}.auth-pfeil{transition: transform .12s;}.auth-start:hover .auth-pfeil{transform: translateX(3px);}.auth-fuss{color: var(--tinte-2);font-size: 11.5px;margin: 14px 0 0;}.auth-karte .hinweis{text-align: left;margin: 8px 0;}.auth-karte input[hidden],.auth-karte button[hidden]{display: none;}.auth-form{display: flex;flex-direction: column;}.auth-link{align-self: flex-start;margin: 12px 0 0;padding: 0;background: none;border: 0;box-shadow: none;color: var(--akzent);font-size: 13px;font-weight: 500;cursor: pointer;text-decoration: underline;text-underline-offset: 2px;}.auth-link:hover{background: none;color: var(--tinte);}.auth-ohne-skript{text-align: center;color: var(--tinte-2);}@media (max-width: 720px){.auth-buehne{flex-direction: column;}.auth-marke{border-right: 0;border-bottom: 1px solid var(--linie);padding: 32px 28px;}.auth-karte{padding: 28px;}}@media (max-width: 480px){#auth-wrap{padding: 12px;align-items: flex-start;}.auth-marke{padding: 22px 22px 18px;}.auth-marke img{width: 48px;height: 48px;}.auth-marke h1{font-size: 26px;margin-top: 8px;}.auth-marke h1 svg{height: 22px;margin: 4px 0 6px;}.auth-claim{margin-bottom: 0;}.auth-punkte{display: none;}.auth-karte{padding: 22px;}}.uebergabe{max-width: 520px;margin: 0 auto;padding: 48px 16px;}.pl-weiter{display: flex;flex-wrap: wrap;gap: 6px 20px;}.uebergabe .ue-feld{display: flex;flex-direction: column;gap: 4px;margin: 0 0 12px;font-size: 14px;}.re-aktionen{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 14px;margin-top: 12px;}.zf-schritte{margin: 0 0 12px;padding-left: 20px;font-size: 14px;line-height: 1.5;}.zf-schritte li{margin-bottom: 6px;}.zf-schluessel{display: inline-block;margin: 4px 0;padding: 4px 8px;font-size: 15px;letter-spacing: 1px;word-break: break-all;user-select: all;}.zf-qr{display: block;margin: 8px 0;width: 200px;max-width: 100%;height: auto;}.zf-ersatz-liste{columns: 2;padding-left: 1.4em;font-size: 15px;letter-spacing: 1px;}.auth-merken{display: flex;gap: 6px;align-items: center;margin: 6px 0;font-size: 14px;}