/* 20.10 release: charcoal surfaces, clear white copy, restrained orange.
   No scroll geometry, camera paths, map data, images or video sources change. */
:root {
  color-scheme: dark;
  --night:#080909;
  --ink:#fff;
  --muted:rgba(255,255,255,.68);
  --dws-akzent:#fc4e03;
  --flotte-akzent:#fc4e03;
  --release-panel:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025) 42%,rgba(0,0,0,.22)),rgba(12,13,14,.86);
  --release-edge:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(255,255,255,.035),0 22px 64px rgba(0,0,0,.3);
}
html,body,.bg-dark-blue,.loader {
  background-color:#080909!important;
}
body { background-image:none!important; }
.bg-dark-blue\/90 { background-color:rgba(8,9,9,.94)!important; }
/* Large sheets receive material blur only; never an SVG backdrop filter. */
.bg-off-blue,.theme-light[data-v-ba815286] {
  background:var(--release-panel)!important;
  box-shadow:var(--release-edge);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.bg-off-blue\/5,.cardBackground[data-v-e42651b4] {
  background:linear-gradient(135deg,#ffffff0d,#ffffff03)!important;
}
.solid-light[data-v-acc11dbd],.solid-dark[data-v-acc11dbd],
.transparent[data-v-acc11dbd],.transparent__background[data-v-acc11dbd],
.glass-control,.dws-media-toggle,.pill,.activate,.menu-button,#menu-toggle,
.model-controls button {
  color:#fff!important;
  background:linear-gradient(145deg,#ffffff20,#ffffff07 48%,#00000035),rgba(17,18,19,.7)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:inset 0 1px 0 #ffffff42,inset 0 -1px 0 #0008,0 8px 24px #0003;
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.glass-control:hover,.pill:hover,.menu-button:hover,#menu-toggle:hover,
.model-controls button:hover {
  background-color:rgba(52,52,52,.78)!important;
  border-color:rgba(255,255,255,.5)!important;
}
.glass-control:focus-visible,.pill:focus-visible,.menu-button:focus-visible,
#menu-toggle:focus-visible,a:focus-visible,button:focus-visible {
  outline:2px solid #fc4e03;
  outline-offset:4px;
}
/* Readable menu copy and no injected Flotte-link collision with the previous line. */
footer[data-variant="menu"] { color:#fff!important; }
footer[data-variant="menu"] .opacity-30,
footer[data-variant="menu"] .opacity-40 { opacity:.72!important; }
footer a[aria-label^="DWS auf"] { opacity:.8!important; }
footer a[aria-label^="DWS auf"]:hover { opacity:1!important; }
/* Legal copy must remain readable even when the export's split-text reveal stalls. */
html:is([data-dws-route="impressum"],[data-dws-route="datenschutz"],[data-dws-route="agb"])
  .js-page-scroll .font-light [class*="splittext-fix-"] {
  opacity:1!important;
  transform:none!important;
}
[data-flotte-nav] { line-height:1.15; }
.dws-menu-links>[data-flotte-nav] { margin-top:8px; }
.dws-menu-links { row-gap:8px!important; }
footer>.dws-footer-brand {
  position:static!important;
  margin:18px 24px 24px;
  align-self:flex-start;
}
/* Clear the desktop's fixed bottom bar after the in-flow footer logo. */
@media(min-width:701px) {
  footer[data-variant="default"] { padding-bottom:52px; }
}
/* Keep the photographic material; make its framing and veils neutral. */
#dws-hero-flight,#dws-network-film,#dws-cleaning-film { background-color:#080909!important; }
/* journey.css's generic film span rule must not move an accent out of its h2. */
#dws-cleaning-film h2 span {
  position:static;inset:auto;font-size:inherit;line-height:inherit;
}
#dws-hero-flight::after {
  background:linear-gradient(180deg,#0003,transparent 36%,#0009)!important;
}
#dws-network-film::after { background:linear-gradient(180deg,#0002,#0004 50%,#000b)!important; }
.dws-fog { filter:grayscale(1); }
.dws-flight-logo { filter:drop-shadow(0 4px 22px #ffffff20)!important; }
.dws-release-scene { filter:saturate(.16) brightness(.75); }
html[data-dws-route="contact"] .dws-contact-background {
  background:linear-gradient(180deg,#0008,#000c),url('/dws-extension/hero-flight-r3b.jpg') center/cover no-repeat!important;
}
#dws-journey { --ink:#fff;--blue:#fff;--teal:#fc4e03; }
.journey-scene:before {
  background:radial-gradient(ellipse at 60% 45%,#ffffff06,transparent 60%),linear-gradient(90deg,#080909ef,#08090930 70%,#080909a0)!important;
}
.system-orbit:before,.finale-path:before {
  background:linear-gradient(90deg,transparent,#ffffff60,#ffffff20,transparent)!important;
  box-shadow:0 0 18px #ffffff12!important;
}
.main-film,.film-preview,.journey-dialog,.dws-media-dialog,
.dws-page-film,.dws-media-proof,.glass,#dws-email-contact {
  background:var(--release-panel)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:var(--release-edge)!important;
}
.journey-dialog,.dws-media-dialog { -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px); }
.journey-dialog::backdrop,.dws-media-dialog::backdrop { background:rgba(0,0,0,.88)!important; }
.main-film video { background:#080909!important; }
.main-film figcaption { background:linear-gradient(transparent,#080909ee)!important; }
.dws-page-film figcaption,.dws-media-proof figcaption,.glass figcaption {
  background:linear-gradient(125deg,#ffffff0d,#ffffff03)!important;
  border-color:#ffffff20!important;
}
.journey-network .city-story { background-color:transparent!important; }
html body #dws-journey .journey-network .network-heading h2 em,
html body #dws-journey .journey-network .network-heading h2 em *,
html body #dws-journey .journey-network .city-story h3,
html body #dws-journey .journey-network .city-story strong,
.journey-finale h2 em { color:#fff!important; }
.network-map-source { color:rgba(255,255,255,.75)!important; }
/* Small orange accents; whole-page contact title stays white. */
html[data-dws-route="contact"] .js-page-scroll>div>div h2 .dws-akzent,
html[data-dws-route="contact"] .js-page-scroll h1 .dws-akzent { color:#fff!important; }
#dws-email-contact { border-radius:22px!important;padding:clamp(24px,4vw,44px)!important; }
#dws-email-contact a { text-decoration-color:#fc4e03!important;text-underline-offset:7px; }
/* Fleet: the existing layout and asset family remain unchanged. */
.site-head,html[data-dws-route="mobile"] body>header {
  background:linear-gradient(140deg,#ffffff09,#ffffff02),rgba(8,9,9,.88)!important;
  border-color:#ffffff20!important;
  box-shadow:inset 0 1px 0 #ffffff1c,0 10px 36px #0002;
}
.site-head nav.open,html[data-dws-route="mobile"] body>nav {
  background:var(--release-panel)!important;
  border-color:#ffffff30!important;
  box-shadow:var(--release-edge);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
.model-stage { background:radial-gradient(ellipse at 50% 50%,#282a2b,#0c0d0e 72%)!important; }
.site-footer { background:transparent!important;border-color:#ffffff20!important; }
.dot,.small-square { background:#fc4e03!important; }
html[data-dws-route="flotte"] .hero #titel>.dws-akzent { color:#080909!important; }
/* Separate mobile path receives the same material and restrained framing. */
html[data-dws-route="mobile"] #visual {
  background-color:#080909!important;
}
html[data-dws-route="mobile"] #visual:after {
  background:linear-gradient(#0005,#0005 35%,#080909ed 90%)!important;
}
html[data-dws-route="mobile"] .film,
html[data-dws-route="mobile"] .cta,
html[data-dws-route="mobile"] dialog {
  background:var(--release-panel)!important;border-color:#ffffff35!important;box-shadow:var(--release-edge);
}
html[data-dws-route="mobile"] footer { background:#080909!important; }
/* Optical distortion is confined to a 3px edge of small Chromium controls.
   Other engines retain the material, clear text, and specular edge. */
.dws-release-control { position:relative;isolation:isolate;scale:var(--glass-scale,1); }
.dws-release-control:after {
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  box-shadow:inset 0 1px 0 #ffffff52,inset 0 -1px 0 #ffffff0b;
}
/* Replace the older, stronger edge so one small control never gets two filters. */
.dws-refraction .glass-control:before { backdrop-filter:none; }
.dws-release-optics .dws-release-control:after {
  backdrop-filter:url("#dws-release-edge");
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,3px 3px,3px calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 3px,3px 3px);
}
@media(max-width:700px) {
  .journey-scene:before { background:linear-gradient(145deg,#111314ee,#080909f2)!important; }
  .city-story { background:linear-gradient(transparent,#080909)!important; }
  .bg-off-blue { -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px); }
  footer>.dws-footer-brand { margin:16px 20px; }
}
@media(min-width:701px) and (max-width:1000px) and (max-height:500px) {
  /* Keep the landscape map and copy between the existing header and bottom bar. */
  html body #dws-journey .journey-network { inset:90px 32px 70px!important; }
  html body #dws-journey .journey-network .network-heading { top:0; }
  html body #dws-journey .journey-network .network-heading h2 { font-size:20px; }
}
@media(prefers-reduced-motion:reduce) {
  .dws-release-control { scale:1!important; }
  .dws-release-optics .dws-release-control:after { backdrop-filter:none; }
}

/* Existing access systems: readable glass buttons, two destinations only. */
[data-dws-login] .dws-login-options { margin:64px 0 16px;gap:10px; }
[data-dws-login] .solid-light {
  color:#fff!important;
  background:linear-gradient(145deg,#ffffff20,#ffffff07 48%,#00000035),rgba(17,18,19,.7)!important;
  border:1px solid #ffffff48;
  box-shadow:inset 0 1px 0 #ffffff38,0 8px 24px #0003;
}
[data-dws-login] a:hover .solid-light { border-color:#ffffff88;background-color:#ffffff20!important; }
@media(max-width:767px) {
  [data-dws-login] .dws-login-options { margin:auto 0; }
}