.auth{height:100vh;width:100%;overflow:hidden;background:#fff}.auth-card{position:relative;width:100%;height:100vh;background:#fff;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.auth-side{padding:56px 48px 22vh;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .35s ease}.auth-side>*{width:100%;max-width:340px}.auth-side--signup{grid-column:1}.auth-side--signin{grid-column:2}.auth-card[data-modus=signin] .auth-side--signup,.auth-card[data-modus=signup] .auth-side--signin{opacity:0;pointer-events:none}.auth-panel{position:absolute;top:-1px;bottom:-1px;left:-34px;width:calc(55% - 22px);background:var(--farbe-rot-panel);color:#fff;border-radius:34px;padding:56px clamp(44px,6vw,96px);display:flex;flex-direction:column;justify-content:center;transition:transform .6s cubic-bezier(.4,0,.2,1);z-index:2}.auth-card[data-modus=signup] .auth-panel{transform:translate(100%)}.auth-panel__inner{position:relative;max-width:400px}.auth-panel__slide{transition:opacity .3s ease}.auth-card[data-modus=signin] .auth-panel__slide--signup,.auth-card[data-modus=signup] .auth-panel__slide--signin{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.auth-panel h2{margin:0 0 clamp(64px,13vh,128px);font-size:clamp(30px,3.4vw,44px);line-height:1.18;font-weight:700;letter-spacing:-.01em}.auth-panel p{margin:0 0 30px;font-size:13px;font-weight:600;opacity:.95}.auth-panel__btn{align-items:self-start;padding:14px 44px;border:2px solid #fff;border-radius:10px;background:transparent;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.auth-panel__btn:hover{background:#fff;color:var(--farbe-rot-panel)}.auth-side h1{margin:0 0 8px;text-align:center;font-size:clamp(28px,3.1vw,40px);font-weight:700;letter-spacing:-.01em}.auth-side__hinweis{margin:0 0 40px;text-align:center;font-size:12px;color:var(--farbe-text-schwach)}.auth-feld{width:100%;box-sizing:border-box;padding:15px 18px;margin-bottom:16px;border:1px solid transparent;border-radius:10px;background:var(--farbe-feld);font-family:inherit;font-size:14px}.auth-feld:focus{outline:none;border-color:var(--farbe-rot);background:#fff}.auth-submit{width:100%;margin-top:40px;padding:15px 18px;border:none;border-radius:10px;background:var(--farbe-rot);color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease}.auth-submit:hover:not(:disabled){background:var(--farbe-rot-dunkel)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-fehler{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:#fdecea;color:var(--farbe-rot-dunkel);font-size:13px;text-align:center}.auth-footer{margin-top:48px;text-align:center;font-size:11px;color:var(--farbe-text-schwach)}.auth-wechsel{display:none;margin-top:20px;text-align:center;font-size:13px;color:var(--farbe-text-schwach)}.auth-wechsel button{border:none;background:none;color:var(--farbe-rot);font-family:inherit;font-weight:700;cursor:pointer}@media (max-width: 720px){.auth,.auth-card{height:auto;min-height:100vh}.auth-card{grid-template-columns:1fr}.auth-panel{display:none}.auth-side{grid-column:1!important;padding:48px 24px}.auth-card[data-modus=signin] .auth-side--signup,.auth-card[data-modus=signup] .auth-side--signin{display:none}.auth-card[data-modus=signin] .auth-side--signin,.auth-card[data-modus=signup] .auth-side--signup{opacity:1}.auth-submit{margin-top:28px}.auth-footer{margin-top:32px}.auth-wechsel{display:block}}:root{--farbe-rot: #da291c;--farbe-rot-dunkel: #b81f14;--farbe-rot-panel: #e0574a;--farbe-hintergrund: #f5f6f8;--farbe-feld: #eceef1;--farbe-text: #1a1a1a;--farbe-text-schwach: #8a8f98;--radius-gross: 16px;--radius-klein: 8px}*{box-sizing:border-box}body{margin:0;background:var(--farbe-hintergrund);color:var(--farbe-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-laden{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--farbe-text-schwach)}.dash__header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#fff;border-bottom:1px solid #e6e8eb}.dash__marke{font-weight:800;color:var(--farbe-rot)}.dash__user{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--farbe-text-schwach)}.dash__user button{padding:8px 16px;border:1px solid var(--farbe-rot);border-radius:var(--radius-klein);background:#fff;color:var(--farbe-rot);font-weight:700;cursor:pointer}.dash__user button:hover{background:var(--farbe-rot);color:#fff}.dash__main{max-width:720px;margin:0 auto;padding:48px 28px}.dash__main h1{font-size:26px}