/* A single photographic setting per subpage, shared by its DE/NL versions.
   Foreground artwork, interactive states and modal surfaces remain independent. */
body[data-page-scene][data-page][data-locale] {
  position:relative;
  isolation:isolate;
  background:#211c17;
  --page-surface:#211b16a8;
  --page-line:#fff3d526;
  --page-radius:12px;
  --page-section-space:clamp(40px,5vw,72px);
}
body[data-page-scene][data-page][data-locale] > .page-atmosphere {
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
  background:#211c17;
}
.page-atmosphere > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--page-scene-position,65% 50%);
  filter:saturate(.82);
}
.page-atmosphere::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#100e0ce0 0%,#14110db5 38%,#15120e70 75%,#12100d78),
    linear-gradient(180deg,#17120c30,transparent 32%,#17130f68 100%);
}
/* Original market photos stay a quiet, feathered part of the same canvas.
   Their portrait format is never stretched across a wide desktop viewport. */
body[data-page-scene="market-life"][data-page][data-locale] > .page-atmosphere,
body[data-page-scene="team"][data-page][data-locale] > .page-atmosphere {
  background:radial-gradient(ellipse at 68% 38%,#545146,#282925 66%,#232622);
}
body:is([data-page-scene="market-life"],[data-page-scene="team"]) > .page-atmosphere > img {
  position:absolute;
  inset:0 0 0 auto;
  width:min(70vw,960px);
  mask-image:linear-gradient(90deg,transparent,#000 28%);
}
body[data-page-scene="learning"] {--page-scene-position-mobile:73% 50%}
body[data-page-scene="finder"] {--page-scene-position-mobile:77% 50%}
body[data-page-scene="giveaways"] {--page-scene-position-mobile:78% 50%}
body[data-page-scene="career"] {--page-scene-position-mobile:73% 50%}
@media(max-width:760px) {
  body:is([data-page-scene="market-life"],[data-page-scene="team"]) > .page-atmosphere > img {
    width:100%;
    mask-image:linear-gradient(90deg,#0008,#000 60%);
  }
}
/* Removing credit captions must not fade the base of the actual recipe glass. */
body[data-page-scene][data-page][data-locale] .reference-content [data-editorial-intro] [data-preserve-intro-media] {
  mask-image:none!important;
}
body[data-page-scene][data-page][data-locale] .reference-content [data-intro-media][data-generated-cocktail] {
  max-width:600px;
}
body[data-page^="/cocktails"] .reference-content [data-learning] [data-cocktail-photo][data-generated-cocktail] img {
  display:block;
  width:100%;
  height:100%;
  /* The new landscape photos leave room beside the centered, complete glass.
     Fill portrait cards by trimming only that background at the sides. */
  object-fit:cover!important;
}
body[data-page-scene][data-page][data-locale] > main.reference-content,
body[data-page-scene][data-page][data-locale] > main.missing-page {
  background:transparent!important;
}

/* Large layout wrappers never paint a second rectangle over the photograph. */
body[data-page-scene][data-page][data-locale] .reference-content :is(
  .public-page,.public-subpage,.catalog-ideas,.tool-workspace,
  [data-tool],[data-service],[data-learning],[data-collection],
  .collection-module__i7JOCq__section,.collection-module__i7JOCq__brandStories,
  .transaction-module__6Ba58q__body,.transaction-module__6Ba58q__section,
  .learning-module__G3kcDG__body,.learning-module__G3kcDG__related,
  .learning-module__G3kcDG__lesson,.learning-module__G3kcDG__lessonText,
  .current-module__7aznxW__section,.brand-world-module__SQmp2W__world,
  .brand-world-module__SQmp2W__readingEnd,.regional-page
) {
  background:transparent!important;
  box-shadow:none;
}

/* The scene begins behind the header and continues through the content.
   Existing landscape hero images are still in the document, but the shared
   full-page version supplies their pixels without a second image boundary. */
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro] {
  background:transparent!important;
  border:0;
  box-shadow:none;
}
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro][data-has-media][data-media-fit]:not([hidden]) [data-intro-light] {
  display:none!important;
}
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro][data-media-fit="cover"][data-has-media="true"]:not([hidden]) [data-intro-media]:not(:has(figcaption)):not([data-preserve-intro-media]),
body[data-page-scene][data-page][data-locale]:is([data-page="/partyplaner"],[data-page="/vermietung"]) .reference-content [data-editorial-intro] [data-intro-media] {
  opacity:0;
  pointer-events:none;
}
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro][data-media-fit="cover"][data-has-media="true"]:not([hidden]),
body[data-page-scene][data-page][data-locale]:is([data-page="/partyplaner"],[data-page="/vermietung"]) .reference-content [data-editorial-intro][data-media-fit="contain"][data-has-media="true"]:not([hidden]),
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro]:not([data-has-media="true"]):not([hidden]) {
  display:flex!important;
  align-items:center;
  min-height:clamp(530px,75svh,750px)!important;
  margin-top:calc(-1 * var(--landing-header-space))!important;
  padding-top:calc(var(--landing-header-space) + 60px)!important;
  padding-bottom:70px!important;
}
body[data-page-scene][data-page][data-locale]:is([data-page="/partyplaner"],[data-page="/vermietung"]) .reference-content [data-editorial-intro] [data-intro-media] {
  position:absolute!important;
  inset:0!important;
}
body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro] :is(h1,[class*="__description"]) {
  text-shadow:0 2px 22px #0007;
}
body[data-page-scene][data-page][data-locale][data-page*="/lektion/"] .reference-content [data-editorial-intro][data-has-media][data-media-fit]:not([hidden]) {
  min-height:0!important;
  padding-top:calc(var(--landing-header-space) + 48px)!important;
  padding-bottom:48px!important;
}

/* Editorial cards read as content on one canvas rather than separate black boxes. */
body[data-page-scene][data-page][data-locale] .reference-content :is(
  .learning-module__G3kcDG__card,.learning-module__G3kcDG__cardBody,
  .collection-module__i7JOCq__offer,.catalog-idea-card,
  .transaction-module__6Ba58q__rentalCard,
  .transaction-module__6Ba58q__jobCard,.transaction-module__6Ba58q__contactGroup,
  .giveaways-module__F262KW__card,.giveaways-module__F262KW__handoverCard,
  .party-game-launcher,.collection-module__i7JOCq__story
) {
  background:linear-gradient(180deg,#21190f08,#17120dc4)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body[data-page-scene][data-page][data-locale] .reference-content :is(
  .learning-module__G3kcDG__cardBody,
  .collection-module__i7JOCq__offerText,
  .collection-module__i7JOCq__portraitGrid figcaption
) {background:transparent!important}
body[data-page-scene][data-page][data-locale] .reference-content .learning-module__G3kcDG__card[data-featured] {
  background:linear-gradient(90deg,transparent,#17120dc4)!important;
}
body[data-page-scene][data-page][data-locale] .reference-content :is(
  .current-module__7aznxW__flyer,.collection-module__i7JOCq__flyer,
  .current-module__7aznxW__cover,.learning-module__G3kcDG__photoFrame
) {background:transparent!important;border-color:transparent!important;box-shadow:none!important}

/* Retain identifiable, readable controls and result surfaces. No selected,
   validation, answer-state or dialog backgrounds are overridden here. */
body[data-page-scene][data-page][data-locale] .reference-content :is(
  #planner-results,.product-facts,.academy-storage-choice,.academy-progress-readout,
  .learning-module__G3kcDG__progress,.learning-module__G3kcDG__ingredients,
  .learning-module__G3kcDG__navigation,.transaction-module__6Ba58q__summary
) {
  background:#201a14bd!important;
  border-color:var(--page-line)!important;
  box-shadow:none!important;
}
body[data-page-scene][data-page][data-locale] .reference-content :is(.tool-counter,.tool-stats>div,.tool-choices>.tool-panel) {
  background:#201a148c!important;
  border-color:var(--page-line)!important;
}
body[data-page-scene][data-page][data-locale] .reference-content :is(
  .transaction-module__6Ba58q__legal,.learning-module__G3kcDG__reading
) {background:transparent!important}
body[data-page-scene][data-page][data-locale]:is([data-page="/impressum"],[data-page="/datenschutz"],[data-page="/agb"],[data-page*="/lektion/"]) .page-atmosphere::after {
  background:linear-gradient(90deg,#14110ded 0%,#15120ddd 48%,#15120d98),linear-gradient(180deg,#17120c22,#17120c55);
}

/* Connect custom editorial scenes to the same canvas without black bookends. */
body[data-page-scene][data-page][data-locale] .brand-world-module__SQmp2W__collectionHero {
  background:transparent!important;
}
body[data-page-scene][data-page][data-locale] .brand-world-module__SQmp2W__collectionHero :is(.brand-world-module__SQmp2W__heroScene,.brand-world-module__SQmp2W__heroLight) {
  opacity:0;
}

body[data-page-scene][data-page][data-locale] .regional-page .regional-backdrop,
body[data-page-scene][data-page][data-locale] .regional-page .regional-opening::after {display:none}
body[data-page-scene][data-page][data-locale] .regional-page .regional-opening__inner {min-height:660px}
body[data-page-scene][data-page][data-locale] .brand-world-module__SQmp2W__heroLight {
  background:linear-gradient(90deg,#16110c99,transparent 70%)!important;
}
body[data-page-scene][data-page][data-locale] .brand-world-module__SQmp2W__stageScene {
  filter:brightness(.68) saturate(.9);
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
}
body[data-page-scene][data-page][data-locale] .brand-world-module__SQmp2W__stageLight {
  mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent);
  background:linear-gradient(90deg,#16110c33,#16110c66 48%,#16110cb5)!important;
}
body[data-page-scene][data-page][data-locale] .reference-content .solero-feature {background:transparent}
body[data-page-scene][data-page][data-locale] .solero-feature__scenery {
  mask-image:linear-gradient(180deg,transparent,#000 15%,#000 82%,transparent);
}
body[data-page-scene][data-page][data-locale] .solero-feature::after {
  background:linear-gradient(90deg,#18100ce8 0%,#18100cd9 32%,#22110d66 58%,#27101922 78%,#09090966);
}

/* Brand-coloured closing grows out of the photograph; no black gap before it. */
body[data-page-scene][data-page][data-locale] > .visit-section {
  margin-top:0;
  padding-top:clamp(110px,12vw,160px);
  background:linear-gradient(180deg,#86152200,#a01c29e8 150px,#861522 100%)!important;
}
body[data-page-scene][data-page][data-locale][data-locale="nl"] > .visit-section {
  background:linear-gradient(180deg,#64270600,#af4e10e8 150px,#642706 100%)!important;
}
body[data-page-scene][data-page][data-locale][data-locale="nl"] > .site-footer {background:#642706}

@media(max-width:760px) {
  .page-atmosphere > img {object-position:var(--page-scene-position-mobile,var(--page-scene-position,65% 50%))}
  .page-atmosphere::after {
    background:linear-gradient(90deg,#14100bd4,#14100bb0),linear-gradient(180deg,#17120c15,transparent 35%,#17120c55);
  }
  body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro][data-media-fit="cover"][data-has-media="true"]:not([hidden]),
  body[data-page-scene][data-page][data-locale]:is([data-page="/partyplaner"],[data-page="/vermietung"]) .reference-content [data-editorial-intro][data-media-fit="contain"][data-has-media="true"]:not([hidden]),
  body[data-page-scene][data-page][data-locale]:not([data-page="/"]) .reference-content [data-editorial-intro]:not([data-has-media="true"]):not([hidden]) {
    min-height:calc(var(--landing-header-space) + 340px)!important;
    padding-top:calc(var(--landing-header-space) + 38px)!important;
    padding-bottom:48px!important;
  }
  /* Keep lessons compact after the equally specific mobile cover rule. */
  body[data-page-scene][data-page][data-locale][data-page*="/lektion/"] .reference-content [data-editorial-intro][data-has-media][data-media-fit]:not([hidden]) {
    min-height:0!important;
  }
  body[data-page-scene][data-page][data-locale] .regional-page .regional-opening__inner {min-height:0}
  body[data-page-scene][data-page][data-locale] .solero-feature::after {
    background:linear-gradient(180deg,#20100bc9,#21100b66 62%,#21100b44),linear-gradient(90deg,#09090955,transparent,#210d1755);
  }
}

@media print {
  .page-atmosphere {display:none!important}
}