/* R3.26: Richard and Susen's review, 3 November 2026, notes 35–44. */
/* Keep the existing visible desktop logo size across screen sizes. */
body .header .brand {
  width: 204px !important; flex: 0 0 204px !important; max-width: none !important;
}
body .header .brand img {
  width: 204px !important; height: auto !important; max-height: none !important;
  aspect-ratio: 165.67086 / 35.0536 !important; object-fit: contain;
  transform: none; transition: none;
}
#P001 .home-hero.oc-r321-startfilm { border-bottom: 1px solid #445a68; }
/* The complaints artwork meets an uninterrupted blue surface on every edge. */
body #P010 .page-hero.oc-r317-hero,
body #P010 .page-hero.oc-r317-hero + .oc-navigator-panel {
  background: #233949; color: #fff; border-inline: 0; width: 100%; margin-inline: 0;
}
body #P010 .page-hero.oc-r317-hero > .hero-image { background: #233949; }
body #P010 .page-hero.oc-r317-hero .hero-grid,
body #P010 .page-hero.oc-r317-hero .hero-copy { background: transparent; }
body #P010 .page-hero.oc-r317-hero .hero-copy :is(h1,.eyebrow,.lead,a) { color: #fff; }
/* A clear pause after the navigator before the page contents. */
#P010 > .oc-navigator-panel + .page-nav { margin-top: clamp(2rem, 4vw, 3.5rem); }
#P010--termin-ende.oc-r326-reception {
  display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(14rem, .85fr);
  gap: 1.5rem 2rem !important; align-items: center !important;
}
#P010--termin-ende.oc-r326-reception > div { min-width: 0; }
#P010--termin-ende.oc-r326-reception > .btn { grid-column: 1; justify-self: start; }
#P010--termin-ende .oc-r326-reception-photo {
  grid-column: 2; grid-row: 1 / span 2; margin: 0; width: 100%;
}
#P010--termin-ende .oc-r326-reception-photo img {
  display: block; width: 100%; height: auto; border-radius: .5rem;
}
@media screen and (max-width: 48rem) and (orientation: portrait) {
  /* Deliberate exception: white type directly on the dark mobile artwork. */
  body article#P010.page .page-hero.oc-r317-hero.oc-r322-portrait > .hero-image::after {
    content: none !important; display: none !important; background: none !important;
  }
  body #P010 .page-hero.oc-r317-hero.oc-r322-portrait > .hero-image img { opacity: .28; }
}
@media (max-width: 23rem) {
  body .header .menu-toggle { position: static; margin-left: auto; }
}
@media (max-width: 40rem) {
  #P010--termin-ende.oc-r326-reception { grid-template-columns: minmax(0, 1fr); }
  #P010--termin-ende .oc-r326-reception-photo { grid-column: 1; grid-row: auto; }
  #P010--termin-ende.oc-r326-reception > .btn { grid-column: 1; }
}
@media print {
  body #P010 .page-hero.oc-r317-hero { background: #fff; color: #000; }
  body #P010 .page-hero.oc-r317-hero .hero-copy :is(h1,.eyebrow,.lead,a) { color: #000; }
}