/* Scoped to the fly-through section; the existing store and hero retain their design. */
.flythrough{--flight-top:98px;background:var(--navy);color:white;margin:0 22px;border-radius:12px}
.flight-track{height:calc(var(--flight-travel, 0vh) + 100svh - var(--flight-top));position:relative}.flight-stage{position:sticky;top:var(--flight-top);height:calc(100svh - var(--flight-top));min-height:540px;overflow:hidden;background:var(--navy);isolation:isolate}.flight-still .flight-track{height:auto}.flight-still .flight-stage{position:relative;top:auto;height:min(760px,calc(100svh - var(--flight-top)))}
.flight-poster,.flight-canvas,.flight-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.flight-poster{object-fit:cover}.flight-canvas{opacity:0}.has-frame .flight-canvas{opacity:1}.flight-still .flight-canvas{display:none}.flight-shade{background:linear-gradient(90deg,#071222e8 0%,#071222b3 25%,#07122233 56%,#07122208 78%),linear-gradient(0deg,#071222f5 0%,#07122226 35%,transparent 70%,#07122288)}
.flight-tools{position:absolute;top:26px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;z-index:3}.flight-tools>div.flight-lead{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.flight-kicker{color:#dae4f3}.flight-kicker .section-number{color:#9fb0d0}.flight-hint{font-size:12px;letter-spacing:1.4px;color:#d6e1f5}.flight-tools>div{display:flex;align-items:center;gap:24px}.flight-motion,.flight-skip{font-size:14px;color:#e2ebff;background:#10172780;border:1px solid #a9bff74d;border-radius:5px;padding:10px 13px;min-height:40px}.flight-motion:hover,.flight-skip:hover{background:var(--navy)}.flight-motion:disabled{opacity:.7;cursor:default}.flight-skip{background:none;border-color:transparent}
.flight-intro,.flight-outro,.flight-chapter{position:absolute;left:5%;top:24%;width:37%;max-width:500px;z-index:2}.flight-intro,.flight-outro{width:42%;max-width:570px}.flight-stage .eyebrow{font-size:12px;letter-spacing:1.6px;line-height:1.6;color:var(--blue);font-weight:600}.flight-stage h3{font-size:clamp(30px,2.7vw,44px);line-height:1.13;font-weight:600;letter-spacing:-1.8px;white-space:pre-line;margin:19px 0}.flight-stage .flight-intro h3,.flight-stage .flight-outro h3{font-size:clamp(38px,4.5vw,68px)}.flight-intro>p:last-of-type,.flight-outro>p:last-of-type,.flight-description{font-size:14px;line-height:1.8;color:#e0e7f3;max-width:380px}.flight-start{margin-top:24px;background:var(--blue);color:var(--navy);border-radius:5px;padding:15px 18px;font-weight:700;font-size:13px}.flight-start span{margin-left:25px}.flight-outro .button{margin-top:24px}
.flight-app{position:absolute;left:var(--x);top:var(--y);translate:-50% calc(-50% + var(--flight-drift, 0px));background:none;color:white;border:0;display:flex;flex-direction:column;align-items:center;max-width:240px;z-index:2;padding:12px;min-height:44px;min-width:44px}.flight-app img{width:clamp(90px,9vw,142px);height:clamp(90px,9vw,142px);filter:drop-shadow(0 16px 9px #0008);transform:perspective(500px) rotateY(-12deg) rotateZ(-5deg);transition:transform .2s}.flight-app:nth-child(2) img{width:clamp(75px,7vw,118px);height:clamp(75px,7vw,118px);transform:perspective(500px) rotateY(12deg) rotateZ(7deg)}.flight-app:nth-child(3) img{transform:perspective(500px) rotateY(10deg) rotateZ(-3deg)}.flight-app>.flight-label{background:#101727ee;border:1px solid #a9bff780;border-radius:5px;box-shadow:0 5px 20px #0003;padding:10px 12px;margin-top:4px;font-size:12px;font-weight:600;line-height:1.4}.flight-app b{margin-left:6px;font-weight:400;color:var(--blue)}.flight-app:hover img,.flight-app:focus-visible img{transform:scale(1.08)}.flight-app:hover>.flight-label{background:#e9edf5;color:var(--navy)}.flight-app:hover b{color:var(--navy)}.flight-app.emerald>span{border-color:#90d8bf80}.flight-app.violet>span{border-color:#b7a0e680}
.flight-caption{position:absolute;bottom:104px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:12px;color:#dae4f3;letter-spacing:.5px}.flight-caption>span:last-child{font-size:12px;color:#b8c6e8}.flight-nav{position:absolute;bottom:14px;left:4%;right:4%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;z-index:3}.flight-nav button{background:none;border:0;border-top:1px solid #ffffff50;color:#c3d0e6;padding:16px 0 12px;text-align:left;font-size:13px;min-height:60px}.flight-nav button>span{display:block;font-size:12px;letter-spacing:2px;color:#a0b0cd;margin-bottom:7px}.flight-nav button[aria-current=true]{border-color:var(--blue);color:white;font-weight:700}.flight-nav button[aria-current=true]>span{color:var(--blue)}.flight-nav button:hover{color:white;border-color:white}.flight-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff20}.flight-progress span{display:block;height:100%;background:var(--blue);width:0}.flight-still .flight-progress{display:none}.flight-stage [hidden]{display:none!important}.flythrough button:focus-visible,.flythrough a:focus-visible{outline:3px solid #c1d0f8;outline-offset:4px}.flight-unavailable{padding:30px var(--space)}.flight-unavailable a{text-decoration:underline}
html:has(#product-dialog[open]){overflow:hidden}html{scrollbar-gutter:stable}
@media(max-width:1000px){.flight-chapter{width:38%;top:24%}.flight-stage h3{font-size:33px}.flight-description{font-size:14px}.flight-app>.flight-label{font-size:12px}.flight-tools>div{gap:8px}.flight-hint{font-size:12px}}
@media(max-width:850px){.flythrough{--flight-top:82px}}
@media(max-width:600px){.flythrough{--flight-top:76px;margin:0 12px;border-radius:9px}.flight-track{height:calc(var(--flight-travel) * .82 + 100svh - var(--flight-top))}.flight-stage{min-height:580px}.flight-still .flight-stage{height:690px;min-height:580px;max-height:none}.flight-shade{background:linear-gradient(0deg,#071222fc,#07122280 36%,#07122290 80%,#071222b0)}.flight-tools{top:13px;left:5%;right:5%;align-items:start}.flight-hint{max-width:95px;line-height:1.5;letter-spacing:.5px}.flight-tools>div{gap:0;align-items:end;flex-direction:column}.flight-motion,.flight-skip{font-size:14px;min-height:36px;padding:8px 10px}.flight-chapter,.flight-intro,.flight-outro{left:6%;top:100px;width:88%;max-width:400px}.flight-stage h3{font-size:29px;letter-spacing:-1px;margin:13px 0}.flight-stage .flight-intro h3,.flight-stage .flight-outro h3{font-size:42px}.flight-stage .eyebrow{letter-spacing:1px}.flight-description{font-size:14px;line-height:1.75;max-width:310px}.flight-intro>p:last-of-type,.flight-outro>p:last-of-type{font-size:14px}.flight-apps{position:absolute;left:3%;right:3%;top:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.flight-app{position:relative;left:auto;top:auto;translate:none;max-width:none;min-width:0;padding:6px 1px}.flight-app img,.flight-app:nth-child(2) img{width:79px;height:79px}.flight-app>.flight-label{font-size:12px;padding:8px 5px;text-align:center;max-width:100%;overflow-wrap:anywhere}.flight-app b{display:none}.flight-caption{bottom:104px;left:6%;right:6%;font-size:12px;gap:12px}.flight-instruction{max-width:140px}.flight-caption>span:last-child{font-size:12px;max-width:100px;text-align:right}.flight-nav{left:6%;right:6%;gap:12px;bottom:10px;grid-template-columns:repeat(5,minmax(104px,1fr));overflow-x:auto;scrollbar-width:thin}.flight-nav button{font-size:13px;white-space:nowrap;line-height:1.4;min-height:68px}.flight-nav button>span{font-size:12px}}
@media(max-height:700px) and (min-width:601px){.flight-stage{min-height:510px}.flight-stage h3{font-size:30px}.flight-chapter{top:20%}.flight-description{font-size:14px}.flight-app img,.flight-app:nth-child(2) img{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){.flight-app img{transition:none;transform:none!important}}
/* Keep all five stations above the site's floating puzzle shortcut on phones. */
@media(max-width:600px){.flight-nav{bottom:68px}.flight-caption{bottom:162px}}
.flight-selected{display:flex;align-items:center;margin:18px 0 -10px}.flight-selected img{width:72px;height:72px;filter:drop-shadow(0 8px 6px #0005)}.flight-selected img+img{margin-left:-12px}.flight-selected img:nth-child(even){translate:0 6px;rotate:5deg}@media(max-width:600px){.flight-selected img{width:57px;height:57px}.flight-selected img+img{margin-left:-10px}}

/* Extruded original silhouettes: coloured side walls, a raised face and a bevel highlight. */
.flight-app{--piece-edge:#446db1;--piece-light:#b6d5ff;--piece-rx:17deg;--piece-ry:-28deg;--piece-rz:-7deg}
.flight-app.emerald{--piece-edge:#276853;--piece-light:#a1efd1}
.flight-app.violet{--piece-edge:#63418d;--piece-light:#dbc2ff}
.flight-app:nth-child(2){--piece-rx:13deg;--piece-ry:27deg;--piece-rz:8deg}
.flight-app:nth-child(3){--piece-rx:20deg;--piece-ry:-22deg;--piece-rz:-4deg}
.flight-piece{display:block;position:relative;width:clamp(110px,10vw,160px);height:clamp(110px,10vw,160px);margin:0 0 8px;transform-style:preserve-3d;transform:perspective(650px) rotateX(var(--piece-rx)) rotateY(var(--piece-ry)) rotateZ(var(--piece-rz));transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.flight-app:nth-child(2) .flight-piece{width:clamp(100px,9vw,145px);height:clamp(100px,9vw,145px)}
.flight-piece-depth,.flight-piece-gloss{position:absolute;inset:0;display:block;mask:var(--piece-mask) center/contain no-repeat;-webkit-mask:var(--piece-mask) center/contain no-repeat}
.flight-piece-depth{background:linear-gradient(135deg,var(--piece-light),var(--piece-edge) 45%,#183b43 90%);transform:translateZ(calc(var(--layer) * 1.5px))}
.flight-piece-depth:first-child{filter:drop-shadow(0 18px 10px #0009)}
.flight-app .flight-piece img.flight-piece-face{position:absolute;inset:0;width:100%;height:100%;filter:brightness(1.35);transform:translateZ(21px);transition:none}
.flight-piece-gloss{transform:translateZ(21.2px);background:linear-gradient(135deg,#e5fff94d,transparent 40%,transparent 68%,#c8e7ff1a);opacity:.85}
.flight-app:hover .flight-piece,.flight-app:focus-visible .flight-piece{transform:perspective(650px) translateY(-5px) rotateX(8deg) rotateY(-10deg) rotateZ(-2deg)}
@media(max-width:600px){.flight-piece,.flight-app:nth-child(2) .flight-piece{width:85px;height:85px;margin-bottom:5px}.flight-piece-depth{transform:translateZ(calc(var(--layer) * .65px))}.flight-app .flight-piece img.flight-piece-face{transform:translateZ(9px)}.flight-piece-gloss{transform:translateZ(9.2px)}}
@media(prefers-reduced-motion:reduce){.flight-piece{transition:none}.flight-app:hover .flight-piece,.flight-app:focus-visible .flight-piece{transform:perspective(650px) rotateX(var(--piece-rx)) rotateY(var(--piece-ry)) rotateZ(var(--piece-rz))}.flight-app .flight-piece img.flight-piece-face{transform:translateZ(21px)!important}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.flight-app .flight-piece img.flight-piece-face{transform:translateZ(9px)!important}}

/* Vorerst mobil abgeschaltet: Abstaende und der Kameraflug ueberlagern sich dort.
   tour.js steigt unter 600px frueh aus, damit keine Bilddaten geladen werden.
   Der Navigationspunkt zeigt hierher und waere sonst ein Link ins Nichts. */
@media(max-width:600px){.flythrough{display:none}.nav a[href="#autohaus"]{display:none}}