.auth{--ink:var(--beige);--ink2:var(--paper);--line:#d5cfc3;--txt:#2f2e2d;--mut:#6b6863;--mut2:#9a948a;--orange:#e84c15;--orange2:var(--orange-tief);--blue:var(--petrol);--display:"Saira","Eurostile",system-ui,sans-serif;--sans:"Barlow",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;background:var(--ink);min-height:100vh;color:var(--txt);font-family:var(--sans);isolation:isolate;place-items:center;padding:28px 18px;display:grid;position:relative;overflow:hidden}.auth:before{content:"";z-index:-3;background:radial-gradient(70% 60% at 65% 40%,#00678a29,transparent 70%), radial-gradient(50% 50% at 10% 90%,#e84c1524,transparent 70%),var(--ink);position:absolute;inset:0}.auth:after{content:"";z-index:-2;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}.auth .scan{z-index:-2;pointer-events:none;background:repeating-linear-gradient(#2f2e2d08 0 1px,#0000 1px 4px);position:absolute;inset:0}.auth .box{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:6px;width:min(410px,100%);overflow:hidden;box-shadow:0 30px 70px #00000029}.auth .streifen{background:repeating-conic-gradient(var(--orange) 0% 25%,#fff 0% 50%);background-size:12px 12px;height:6px}.auth .inner{padding:30px 28px 26px}.auth .marke{align-items:center;gap:10px;margin-bottom:20px;display:flex}.auth .marke img{width:38px;height:38px}.auth .marke b{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--orange);font-size:16px;font-weight:600}.auth .marke span{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mut2);margin-top:3px;font-size:9.5px;display:block}.auth h1{font-family:var(--display);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(24px,4.4vw,32px);font-weight:800;line-height:1.05}.auth h1 em{color:var(--orange);font-style:normal}.auth .lead{color:var(--mut);margin-bottom:20px;font-size:13.5px;line-height:1.55}.auth label{margin-bottom:14px;display:block}.auth label span{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);margin-bottom:6px;font-size:9.5px;display:block}.auth input{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);color:var(--txt);background:#fff;border-radius:3px;padding:12px 14px;font-size:16px}.auth input::placeholder{color:var(--mut2)}.auth input:focus{border-color:var(--orange);outline:none;box-shadow:0 0 0 3px #e84c152e}.auth button{width:100%;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:3px;padding:14px;font-size:13px;font-weight:700;transition:background .2s}.auth button:hover{background:var(--orange2)}.auth .meldung{border-radius:3px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.auth .meldung i{border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}.auth .meldung b{font-family:var(--display);margin-bottom:2px;font-size:13.5px;display:block}.auth .meldung.ok{color:#1f5c43;background:#147a5724;border-left:2px solid #2e8b62}.auth .meldung.ok i{background:#2e8b62}.auth .meldung.fehler{color:#7a2414;background:#a8331b29;border-left:2px solid #c4472a}.auth .meldung.fehler i{background:#c4472a}.auth .fuss{border-top:1px solid var(--line);color:var(--mut2);margin-top:20px;padding-top:16px;font-size:11.5px;line-height:1.6}.auth .fuss a{color:var(--orange2);text-decoration:none}.auth .fuss a:hover{text-decoration:underline}.auth .zurueck{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--mut2);align-items:center;gap:6px;margin-top:18px;font-size:11.5px;text-decoration:none;display:inline-flex}.auth .zurueck:hover{color:var(--txt)}.auth .trenner{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut2);align-items:center;gap:12px;margin:22px 0 18px;font-size:9.5px;display:flex}.auth .trenner:before,.auth .trenner:after{content:"";background:var(--line);flex:1;height:1px}.auth button.zweit{border:1px solid var(--line);color:var(--txt);background:0 0}.auth button.zweit:hover{border-color:var(--mut2);background:#0000000a}.auth .fuss .zeile{margin-top:8px;display:block}.auth .warten p{font-family:var(--sans);color:var(--txt);margin:0 0 14px;font-size:14px;line-height:1.6}.auth .warten b{color:var(--orange2);font-weight:600}.auth .warten ul{margin:0 0 18px;padding:0;list-style:none}.auth .warten li{color:var(--mut2);margin-bottom:5px;padding-left:16px;font-size:12.5px;line-height:1.6;position:relative}.auth .warten li:before{content:"";background:var(--line);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.auth .warten li b{color:var(--mut);font-weight:600}.auth .warten .nochmal{font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--txt);border-radius:3px;padding:11px 18px;font-size:12px;font-weight:700;text-decoration:none;display:inline-block}.auth .warten .nochmal:hover{border-color:var(--mut2)}.auth .zweispalt{grid-template-columns:minmax(0,1fr) 410px;align-items:start;gap:clamp(28px,5vw,64px);width:min(1080px,100%);display:grid}.auth .zweispalt>div:last-child{justify-self:end;width:min(410px,100%)}@media (max-width:900px){.auth .zweispalt{grid-template-columns:1fr}.auth .zweispalt>div:last-child{order:-1;justify-self:stretch;width:100%;max-width:410px;margin:0 auto}}
