/* Showroom-Motiv und neutrale, kühle Plattformfarben. */
.access-shell{--access-ink:#202a35;--access-muted:#737d88;--access-accent:#3e617d;display:grid;grid-template-columns:minmax(0,1.48fr) minmax(390px,1fr);min-height:100svh;background:#f8f9fa;color:var(--access-ink)}
.access-showroom{position:relative;isolation:isolate;overflow:hidden;min-height:780px;background:#111a23;color:#f6f8fa;display:flex;flex-direction:column;padding:42px 48px 28px}
.access-brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:13px;align-self:flex-start;font-size:23px;font-weight:600;letter-spacing:-.8px}
.access-brand img{width:36px;height:36px}.access-brand-light{font-weight:350;margin-left:5px;color:#c7cfd7}
.access-artwork{position:absolute;z-index:-1;inset:90px 0 150px;display:flex;align-items:center;justify-content:center}
.access-artwork img{width:100%;height:auto;display:block;max-height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 78%,transparent 100%)}
.access-caption{margin-top:auto;position:relative;padding-top:470px;padding-bottom:40px;pointer-events:none}
.access-overline{display:block;font-size:9px;letter-spacing:2.2px;color:#aebdcb;font-weight:550;margin-bottom:17px}
.access-caption h1{font-size:clamp(27px,2.5vw,40px);font-weight:450;line-height:1.22;letter-spacing:-1.25px}
.access-caption p{margin-top:17px;color:#a5b2bf;font-size:12px;line-height:1.6}
.access-showroom-footer{display:flex;justify-content:space-between;gap:20px;padding-top:21px;border-top:1px solid #ffffff20;color:#8a99a8;font-size:10px;line-height:1.5}
.access-form-area{display:flex;flex-direction:column;justify-content:space-between;padding:48px clamp(32px,4.6vw,78px) 30px;min-width:0;background:#f8f9fa}
.access-form-top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#89939e;font-size:8px;font-weight:550;letter-spacing:1.4px}
.access-card{width:100%;max-width:380px;margin:85px auto}
.access-welcome{font-size:9px;font-weight:600;letter-spacing:1.7px;color:var(--access-accent);margin-bottom:18px}
.access-card h2{font-size:clamp(26px,2.3vw,34px);font-weight:500;line-height:1.2;letter-spacing:-1.1px}
.access-card>p{color:var(--access-muted);font-size:12px;margin:16px 0 38px}
.access-field{margin-bottom:22px}.access-field label{display:block;font-weight:550;font-size:12px;margin-bottom:10px;color:#37424e}
.access-field input{width:100%;height:51px;max-width:100%;padding:0 15px;border:1px solid #d7dee5;border-radius:5px;background:#fff;color:var(--access-ink);font-size:14px;outline:none;box-shadow:0 1px 2px #15233403}
.access-field input::placeholder{color:#a4acb5}.access-field input:focus{border-color:#68849c;outline:3px solid #68849c1c;outline-offset:1px}
.access-submit{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #263a4a;border-radius:5px;background:#263a4a;color:#fff;padding:15px 17px;font-size:12px;font-weight:550;min-height:51px;margin-top:29px;transition:background .15s}
.access-submit:hover{background:#3e617d;border-color:#3e617d}.access-shell a:focus-visible,.access-submit:focus-visible{outline:3px solid #8caec9;outline-offset:4px}
.access-help{margin-top:31px;padding-top:24px;border-top:1px solid #e0e5ea;font-size:11px;line-height:1.9;color:#485866}.access-help span{color:#86909a}
.access-form-footer{text-align:center;font-size:10px;color:#969fa8;line-height:1.6}
.access-card .errorlist{list-style:none;margin:0 0 20px;padding:12px 14px;border:1px solid #e4c2c2;border-radius:5px;background:#fbf0f0;color:#913d3d;font-size:12px;line-height:1.6}.access-field .errorlist{margin-top:8px}
@media(min-width:1700px){.access-showroom{padding:52px 64px 32px}.access-artwork{inset:100px 0 190px}.access-caption{padding-top:520px;padding-bottom:46px}.access-caption h1{font-size:44px}}
@media(max-width:1050px){.access-shell{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)}.access-showroom{padding:34px 30px 25px}.access-caption h1{font-size:29px}.access-showroom-footer span:last-child{display:none}.access-form-area{padding:40px 32px 25px}.access-brand{font-size:21px}}
@media(max-width:760px){.access-shell{grid-template-columns:1fr}.access-showroom{min-height:0;height:390px;padding:24px}.access-brand{font-size:19px;gap:10px}.access-brand img{width:29px;height:29px}.access-artwork{inset:55px 0 40px}.access-artwork img{max-width:620px;height:100%;object-fit:contain}.access-caption{padding:0;margin-top:auto}.access-caption .access-overline,.access-caption p,.access-showroom-footer{display:none}.access-caption h1{font-size:22px;line-height:1.2;letter-spacing:-.6px;text-shadow:0 2px 18px #111a23}.access-form-area{padding:30px 26px 24px}.access-form-top{max-width:440px;width:100%;margin:auto}.access-card{max-width:440px;margin:44px auto}.access-card h2{font-size:29px}.access-card>p{margin-bottom:29px}.access-form-footer{font-size:9px}}
@media(max-width:420px){.access-showroom{height:315px}.access-artwork{inset:45px 0 45px}.access-caption h1{font-size:20px}.access-form-top{font-size:7px;letter-spacing:1.1px}.access-card{margin:36px auto}.access-card h2{font-size:26px}}
/* Freigegebenes Motiv als dezenter Videoloop, Layout und Standbild erhalten. */
.access-artwork{display:grid;place-items:center}
.access-artwork>img,.access-artwork>video{grid-area:1/1;display:block;width:100%;height:auto;max-height:100%;object-fit:contain;mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 78%,transparent 100%)}
.access-artwork>video{opacity:0;transition:opacity .35s ease}
.access-artwork.is-playing>video{opacity:1}.access-artwork.is-playing>img{opacity:0}
.access-motion-toggle{position:absolute;z-index:3;top:100px;right:30px;background:#111a2399;color:#b9c5d0;border:1px solid #ffffff26;border-radius:20px;font-size:9px;padding:7px 10px;backdrop-filter:blur(8px)}
.access-motion-toggle:hover{color:#fff;border-color:#ffffff66}.access-motion-toggle[hidden]{display:none}
@media(max-width:760px){.access-artwork>video{max-width:620px;height:100%}.access-motion-toggle{top:65px;right:20px;font-size:8px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){.access-artwork>video{display:none;transition:none}.access-artwork.is-playing>img{opacity:1}}