/* Öffentlicher Einstieg und dauerhaft erreichbarer Rückweg zur Hauptwebsite. */
.website-return-form{margin:0;flex-shrink:0}
.website-return{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:11px;font-weight:650;white-space:nowrap;line-height:1.4}
.website-return:hover{border-color:#b49aca;background:#f9f6ff}
.website-return .icon{width:16px;height:16px}
.public-demo-app .topbar-right{gap:15px}
.public-demo-app .breadcrumb{font-size:11px}
.demo-connection-warning,.demo-noscript{padding:12px 20px;background:#fff0da;color:#6e4200;font-size:12px;text-align:center}
.demo-session-ended .app-shell{visibility:hidden}
.public-demo-entry{background:radial-gradient(ellipse at 50% 0,#f0eaff 0,transparent 60%),#f7f7fb;min-height:100vh}
.entry-topbar{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:32px 40px;gap:16px}
.entry-topbar .brand{color:#21192f;padding:0}
.entry-topbar .wordmark{font-size:27px}
.entry-topbar .brand-product{color:#81728e;font-size:8px;letter-spacing:.19em;margin-top:8px}
.entry-main{max-width:1100px;margin:auto;padding:20px 40px 36px;min-height:72vh}
.entry-intro{text-align:center;max-width:710px;margin:4px auto 38px}
.entry-kicker{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#745994;margin-bottom:20px}
.entry-intro h1{font-size:clamp(34px,4.4vw,54px);line-height:1.1;letter-spacing:-.045em;margin-bottom:22px}
.entry-intro h1 span{color:#713bff}
.entry-intro p{font-size:14px;max-width:565px;line-height:1.85;margin:0 auto}
.demo-login-form{max-width:930px;margin:auto}
.demo-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.demo-role-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5dff0;border-radius:19px;padding:30px;box-shadow:0 13px 45px #21113606;transition:border-color .15s,box-shadow .15s}
.demo-role-card:focus-within,.demo-role-card:hover{border-color:#a683e5;box-shadow:0 14px 45px #6d3dd210}
.role-icon{display:grid;place-items:center;width:48px;height:48px;background:#f0eaff;border:1px solid #e5d9fb;border-radius:13px;color:#713bff;margin-bottom:23px}
.role-icon .icon{width:24px;height:24px}
.garage-role-card .role-icon{background:#24202f;border-color:#353044;color:#cfb4ff}
.demo-role-card h2{font-size:27px;margin:9px 0 13px}
.demo-role-card>p{font-size:13px;line-height:1.8;margin-bottom:24px;max-width:340px}
.demo-role-card .eyebrow{font-size:9px;letter-spacing:.13em}
.role-features{display:grid;gap:10px;margin-bottom:27px;color:#5d516c;font-size:12px}
.role-features>span{display:flex;gap:9px;align-items:flex-start}
.role-features .icon{width:15px;height:15px;color:#7b4db6;margin-top:3px}
.demo-role-card button{margin-top:auto;font-size:12px;justify-content:space-between;min-height:47px}
.demo-acknowledgement{display:flex;align-items:flex-start;gap:12px;padding:19px 24px;margin-top:19px;background:#f0edf6;border:1px solid #e3deed;border-radius:12px;font-size:12px;color:#675a76;line-height:1.75;cursor:pointer}
.demo-acknowledgement input{accent-color:#713bff;width:17px;height:17px;flex-shrink:0;margin-top:2px}
.entry-explainer{max-width:930px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:34px auto 0;padding:26px 0 0;border-top:1px solid #e3deed}
.entry-explainer>div>.icon{width:19px;height:19px;color:#9677b8;margin-bottom:9px}
.entry-explainer h3{font-size:13px;margin-bottom:8px}
.entry-explainer p{font-size:11px;line-height:1.75;margin:0}
.entry-smallprint{max-width:830px;text-align:center;margin:25px auto 0;font-size:10px;line-height:1.8;color:#898090}
.entry-smallprint a{text-decoration:underline;text-underline-offset:3px}
.entry-footer{display:flex;justify-content:space-between;gap:15px;max-width:1100px;margin:0 auto;padding:23px 40px 28px;color:#85788f;font-size:10px;border-top:1px solid #e6e0ec}
.entry-footer a{font-weight:600}
.entry-notice{max-width:930px;margin:0 auto 20px}
.public-demo-entry .prose{max-width:930px;margin:auto}
@media(max-width:1100px){.public-demo-app .topbar-right{gap:9px}.public-demo-app .breadcrumb{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-demo-app .account-link>span:last-child{display:none}.public-demo-app .tour-launch>span{display:none}}
@media(max-width:760px){.entry-topbar{padding:23px 22px}.entry-main{padding:15px 22px 28px}.entry-intro{margin:6px auto 29px}.entry-intro h1{font-size:38px}.entry-intro p{font-size:13px}.demo-role-card{padding:24px}.entry-explainer{gap:20px}.entry-footer{padding:22px}.public-demo-app .breadcrumb{display:none}.public-demo-app .topbar-right{gap:10px}.public-demo-app .website-return{padding:9px 10px;font-size:10px}.public-demo-app .topbar{gap:10px;padding:15px 17px}.public-demo-app .garage-perspective-label{font-size:10px}.website-return .icon{width:15px;height:15px}}
@media(max-width:560px){.demo-role-grid{grid-template-columns:1fr;gap:16px}.role-icon{margin-bottom:18px}.demo-role-card>p{max-width:none;margin-bottom:20px}.demo-role-card h2{font-size:25px}.demo-acknowledgement{padding:16px;font-size:11px}.entry-explainer{grid-template-columns:1fr;gap:18px}.entry-explainer>div{padding-left:29px;position:relative}.entry-explainer>div>.icon{position:absolute;left:0;top:1px}.entry-topbar .wordmark{font-size:23px}.entry-topbar .brand-product{font-size:7px}.entry-topbar .website-return{font-size:10px;padding:9px 10px}.entry-intro h1{font-size:34px}.entry-kicker{font-size:8px}.entry-intro p{font-size:12px}.entry-footer{font-size:9px}.public-demo-app .topbar-right{gap:8px}.public-demo-app .user-avatar{width:31px;height:31px}.public-demo-app .website-return .icon{display:none}.public-demo-app .website-return{font-size:10px}.entry-smallprint{text-align:left;font-size:10px}}
@media(prefers-reduced-motion:reduce){.demo-role-card{transition:none}}
/* Der Rückweg bleibt auch beim Scrollen in der Kopfzeile erreichbar. */
.public-demo-app .topbar{position:sticky;top:0;z-index:35}
.entry-topbar{position:sticky;top:0;z-index:45;background:#f7f7fbf5;backdrop-filter:blur(10px)}

.demo-use-notice { margin:0 0 22px; padding:12px 16px; border:1px solid #d8cbec; border-radius:10px; color:#514260; background:#faf7ff; font-size:12px; line-height:1.6; }