/* Shared test-area design master, 12 September 2026. */
html { scroll-behavior: auto !important; }
html body#top.design-master {
  --master-gap: 1cm;
  --master-header-h: 98px;
  --master-stack-h: 98px;
  --master-hero-height: 307px;
  --master-image-width: 60%;
  --cites-gap: 1cm;
  padding-top: var(--master-stack-h) !important;
  padding-bottom: 0 !important;
  overflow-anchor: none !important;
  background: var(--gerbeth-blue-gradient) !important;
}
html body#top.design-master > .site-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 1000 !important;
}
html body#top.design-master .master-nav {
  position: fixed !important;
  top: var(--master-nav-top, var(--master-header-h)) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: block !important;
  z-index: 940 !important;
  transition: none !important;
  background: rgba(230,238,243,.50) !important;
  backdrop-filter: blur(14px) saturate(105%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(105%) !important;
}
html body#top.design-master .master-nav[data-master-nav-level="0"] {
  background: rgba(230,238,243,.72) !important;
}
html body#top.design-master .master-nav > div {
  width: var(--frame-width) !important;
  max-width: var(--frame-max,1120px) !important;
  margin: 0 auto !important;
  min-height: 48px !important;
  align-content: center !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body#top.design-master main {
  overflow-anchor: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  background: transparent !important;
  min-width: 0;
}
html body#top.design-master .master-hero {
  position: relative !important;
  z-index: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  color: #edf2f5 !important;
  background: transparent !important;
}
html body#top.design-master .master-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: calc(-1 * var(--master-stack-h)) 0 0 !important;
  z-index: -1 !important;
  background: var(--gerbeth-blue-gradient) !important;
  pointer-events: none !important;
}
html body#top.design-master .master-hero::after { display: none !important; }
html body#top.design-master .master-hero .master-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 1cm !important;
  align-items: start !important;
  width: var(--frame-width) !important;
  max-width: var(--frame-max,1120px) !important;
  margin: 0 auto !important;
  padding: 1cm 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  box-sizing: border-box !important;
}
html body#top.design-master .master-hero .master-hero-with-image {
  grid-template-columns: minmax(0,1fr) min(40%,460px) !important;
}
html body#top.design-master .master-hero .master-hero-copy {
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: start !important;
  text-align: left !important;
}
html body#top.design-master .master-hero h1 {
  font-size: clamp(2rem,3.5vw,3.25rem) !important;
  line-height: 1.12 !important;
  color: #fff !important;
  margin: 0 !important;
  max-width: none !important;
  overflow-wrap: anywhere;
}
html body#top.design-master .master-hero .eyebrow { display:none !important; }
html body#top.design-master .master-hero .master-hero-copy > :first-child { margin-top:0 !important; }
html body#top.design-master .master-hero .master-hero-copy p,
html body#top.design-master .master-hero .master-hero-copy h2 {
  color: rgba(237,242,245,.82) !important;
  margin-bottom: 0 !important;
}
html body#top.design-master .master-hero .master-hero-figure {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  justify-self: end !important;
  align-self: start !important;
  overflow: visible !important;
  transform: none !important;
}
html body#top.design-master .master-hero .master-hero-figure img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: var(--master-hero-height) !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
  margin: 0 0 0 auto !important;
}
html body#top.design-master .master-section {
  height: auto !important;
  min-height: 0 !important;
  padding-top: 1cm !important;
  padding-bottom: 1cm !important;
  scroll-margin-top: calc(var(--master-stack-h) + 1cm);
}
html body#top.design-master .master-section.tone-dark {
  background: var(--gerbeth-blue-gradient) !important;
}
html body#top.design-master .master-section > :is(.study-making-inner,.travel-content-inner),
html body#top.design-master .content-section > :is(.legacy-content,.current-newsletter,.newsletter-page-intro) {
  width: var(--frame-width) !important;
  max-width: var(--frame-max,1120px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
html body#top.design-master .study-section-content,
html body#top.design-master .study-media-stack,
html body#top.design-master .study-gallery {
  gap: 1cm !important;
}
html body#top.design-master .master-pair {
  display: grid !important;
  grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr) !important;
  gap: 1cm !important;
  width: 100% !important;
  align-items: start !important;
}
html body#top.design-master .master-pair.media-left { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) !important; }
html body#top.design-master .master-pair > * {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: static !important;
  grid-row: 1 !important;
  order: initial !important;
}
html body#top.design-master .master-pair > .master-pair-copy {
  width: 100% !important;
  grid-column: 1 !important;
  overflow-wrap: anywhere;
}
html body#top.design-master .master-pair > .master-pair-media {
  width: 100% !important;
  grid-column: 2 !important;
}
html body#top.design-master .master-pair.media-left > .master-pair-copy { grid-column:2 !important; }
html body#top.design-master .master-pair.media-left > .master-pair-media { grid-column:1 !important; }
html body#top.design-master .master-media:not(.master-pair-media) {
  width: var(--master-image-width) !important;
  max-width: 100% !important;
}
html body#top.design-master .master-figure {
  display: block !important;
  width: var(--master-image-width) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  height: auto !important;
  max-height: none !important;
  box-sizing: border-box !important;
}
html body#top.design-master :is(.master-media,.master-pair-media,.study-gallery) > .master-figure {
  width: 100% !important;
}
html body#top.design-master .master-content-image {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
}
/* Override legacy chapter-ID rules that padded the image element itself. */
html body#top.design-master .master-section .master-figure .master-content-image {
  padding:0 !important;
  border:0 !important;
}
html body#top.design-master [data-image-placement] {
  margin-left: var(--image-placement-left,auto) !important;
  margin-right: var(--image-placement-right,auto) !important;
  justify-self: var(--image-placement-self,center) !important;
}
html body#top.design-master [data-image-placement="left"] {
  --image-placement-left:0; --image-placement-right:auto; --image-placement-self:start;
}
html body#top.design-master [data-image-placement="right"] {
  --image-placement-left:auto; --image-placement-right:0; --image-placement-self:end;
}
html body#top.design-master [data-image-placement="center"] {
  --image-placement-left:auto; --image-placement-right:auto; --image-placement-self:center;
}
html body#top.design-master figcaption {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
html body#top.design-master .master-layout-table,
html body#top.design-master .master-layout-table > :is(tbody,thead,tfoot),
html body#top.design-master .master-layout-table > :is(tbody,thead,tfoot) > tr,
html body#top.design-master .master-layout-table > tr,
html body#top.design-master .master-layout-table td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html body#top.design-master .legacy-content { overflow-wrap: anywhere; }
html body#top.design-master .master-image-inline { margin-top: 1cm; margin-bottom: 1cm; }
html body#top.design-master :is(.master-section,.study-making-article) > :last-child { margin-bottom:0; }
html body#top.design-master .page-top-wrap {
  margin: 0 !important;
  padding: 1cm max(18px,calc((100% - 1120px)/2)) !important;
  background: var(--gerbeth-blue-gradient) !important;
}
html body#top.design-master .bow-full-view-main { width:100% !important; max-width:none !important; }
html body#top.design-master :is(.bow-full-view-nav,.bow-full-image-scroll) {
  width: var(--frame-width) !important;
  max-width:1120px !important;
  margin:1cm auto !important;
}
html body#top.design-master .bow-full-image-scroll { overflow:visible !important; min-width:0 !important; padding:0 !important; border:0 !important; background:transparent !important; }
html body#top.design-master .bow-full-image-scroll a { width:100% !important; max-width:100% !important; min-width:0 !important; }
html body#top.design-master .bow-full-view-title { border:0 !important; background:transparent !important; }
html body#top.design-master .bow-full-view-title > * { text-align:left !important; }
html body#top.design-master .home-section { background-attachment:scroll !important; }
html body#top.design-master .home-hero { margin:0 !important; padding:1cm 0 !important; height:auto !important; min-height:0 !important; }
html body#top.design-master .home-hero-inner { padding-top:0 !important; padding-bottom:0 !important; min-height:0 !important; height:auto !important; }
html body#top.design-master .home-hero .welcome-grid,
html body#top.design-master .home-hero .welcome-card {
  opacity:1 !important; transform:none !important; animation:none !important; transition:none !important;
}
html body#top.design-master .home-welcome-strip { opacity:1 !important; transform:none !important; }
html body#top.design-master:not([data-master-effects]) :is(.home-welcome-strip,.home-section,.home-section-copy,.home-section-visual) {
  animation:none !important; transition:none !important; opacity:1 !important; transform:none !important;
}
html body#top.design-master .master-section:last-child {
  padding-bottom: max(1cm,var(--fixed-footer-h,30px)) !important;
}
@media (max-width:980px) {
  html body#top.design-master .master-hero .master-hero-with-image { grid-template-columns:minmax(0,1fr) !important; }
  html body#top.design-master .master-hero .master-hero-figure { width:min(95%,368.48px) !important; }
  html body#top.design-master .master-nav {
    height:48px !important;
    min-height:48px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
  }
  html body#top.design-master .master-nav > div {
    display:flex !important;
    flex-wrap:nowrap !important;
    width:max-content !important;
    min-width:100% !important;
    max-width:none !important;
    height:48px !important;
    gap:0 !important;
    padding:0 18px !important;
    align-items:center !important;
    box-sizing:border-box !important;
  }
  html body#top.design-master .master-nav a {
    flex:0 0 auto !important;
    width:auto !important;
    white-space:nowrap !important;
    padding:12px !important;
  }
}
@media (min-width:981px) {
  html body#top.design-master .master-section.effect-section {
    padding-bottom: calc(1cm + var(--effect-tail-extra,0px)) !important;
  }
}
@media (max-width:900px) { html body#top.design-master { --master-image-width:95%; } }
@media (min-width:701px) and (max-width:1366px) {
  html body#top.design-master .master-pair[class] { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
}
@media (max-width:700px) {
  html body#top.design-master .master-pair[class] { grid-template-columns:minmax(0,1fr) !important; }
  html body#top.design-master .master-pair[class] > .master-pair-copy { grid-column:1 !important; grid-row:1 !important; }
  html body#top.design-master .master-pair[class] > .master-pair-media { grid-column:1 !important; grid-row:2 !important; width:95% !important; }
  html body#top.design-master .study-gallery { grid-template-columns:minmax(0,1fr) !important; }
  html body#top.design-master .study-gallery > .master-figure { width:95% !important; }
  html body#top.design-master [data-image-placement] {
    --image-placement-left:auto; --image-placement-right:auto; --image-placement-self:center;
  }
}
@media (prefers-reduced-motion:reduce) {
  html body#top.design-master * { scroll-behavior:auto !important; }
}

/* Homepage exception: one screen per welcome/overview, centered as a unit.
   Natural-flow content allows short screens and enlarged text to grow safely. */
html body#top.design-master.home-page :is(.home-hero,.home-section) {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:var(--master-home-height,calc(100dvh - var(--master-stack-h) - var(--fixed-footer-h,30px))) !important;
  height:auto !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
html body#top.design-master.home-page .home-hero .home-hero-inner {
  position:static !important;
  inset:auto !important;
  transform:none !important;
  margin:0 auto !important;
  padding:0 !important;
  width:min(980px,var(--frame-width)) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  flex:0 0 auto !important;
}
html body#top.design-master.home-page .home-section > .home-section-inner {
  width:var(--frame-width) !important;
  max-width:var(--frame-max,1120px) !important;
  margin:0 auto !important;
  padding:0 !important;
  min-height:0 !important;
  height:auto !important;
  box-sizing:border-box !important;
  flex:0 0 auto !important;
}
html body#top.design-master.home-page .home-section-layout {
  padding:0 !important;
  margin:0 !important;
  align-items:center !important;
}
html body#top.design-master.home-page .home-section-visual {
  aspect-ratio:auto !important;
  overflow:visible !important;
}
html body#top.design-master.home-page .home-section-visual-link { height:auto !important; }

/* Article overview previews use a title-image envelope, not the 150% cap. */
html body#top.design-master.article-editorial-page .master-white-mat .master-content-image {
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 2 !important;
  object-fit:contain !important;
  background:#fff !important;
}
html body#top.design-master.article-editorial-page :is(#kolophonium,#neuerungen) .study-pair {
  display:block !important;
  width:100% !important;
  max-width:none !important;
}
html body#top.design-master.article-editorial-page :is(#kolophonium,#neuerungen) .study-prose {
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Current news closes on the same light field as its content. */
html body#top.design-master.info-current-page {
  background:var(--gerbeth-grey-gradient) !important;
}
html body#top.design-master.info-current-page .content-section { background:transparent !important; }
html body#top.design-master.info-current-page .page-top-wrap {
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  padding:0 0 max(1cm,var(--fixed-footer-h,30px)) !important;
  background:transparent !important;
}
html body#top.design-master.info-current-page .page-return-top {
  display:block !important;
  width:var(--frame-width) !important;
  max-width:var(--frame-max,1120px) !important;
  margin:0 auto !important;
  padding:0 !important;
  white-space:nowrap !important;
  text-align:left !important;
}
@media (min-width:981px) {
  html body#top.design-master.ipci-editorial-page .effect-section {
    padding-top:0 !important;
  }
  html body#top.design-master.ipci-editorial-page .effect-section > .study-making-inner {
    padding-top:1cm !important;
    box-sizing:border-box !important;
  }
}
/* Review: predictable gallery alignment, landscape home previews and full diagrams. */
html body#top.design-master.bow-detail-page .master-figure {
  margin-left:auto !important; margin-right:auto !important; justify-self:center !important;
}
html body#top.design-master.home-page .home-section-visual {
  justify-self:end !important; margin-left:auto !important; margin-right:0 !important;
}
html body#top.design-master.home-page .media-left .home-section-visual {
  justify-self:start !important; margin-left:0 !important; margin-right:auto !important;
}
html body#top.design-master.home-page .home-section-visual img {
  aspect-ratio:3/2 !important; object-fit:cover !important;
}
@media (max-width:600px) {
  html body#top.design-master.home-page .home-section-visual {
    justify-self:center !important; margin-left:auto !important; margin-right:auto !important;
  }
}
html body#top.design-master .master-full-graphic {width:100% !important;max-width:none !important;margin-left:0 !important;margin-right:0 !important;}
.master-zoom-trigger {display:block;width:100%;border:0;padding:0;background:transparent;cursor:zoom-in;}
.master-zoom-trigger:focus-visible {outline:3px solid #597d98;outline-offset:4px;}
body.master-zoom-open {overflow:hidden;}
.master-image-dialog {box-sizing:border-box;width:96vw;max-width:96vw;max-height:94dvh;padding:44px 12px 12px;border:0;background:#fff;}
.master-image-dialog::backdrop {background:rgba(10,25,38,.85);backdrop-filter:blur(8px);}
.master-image-dialog img {display:block;width:100%;height:auto;max-height:calc(94dvh - 56px);object-fit:contain;}
.master-image-dialog button {position:absolute;right:12px;top:4px;background:transparent;border:0;font-size:32px;cursor:pointer;}
html body#top.design-master.bow-full-view-page .bow-full-image-scroll {
  width:var(--frame-width) !important;max-width:var(--frame-max,1120px) !important;
  margin:1cm auto !important;padding:0 !important;overflow-x:auto !important;overflow-y:hidden !important;
  overscroll-behavior-x:contain;touch-action:pan-x pan-y;box-sizing:border-box;
}
html body#top.design-master.bow-full-view-page .bow-full-image-scroll .master-figure {
  margin:0 !important;max-width:none !important;
}
html body#top.design-master.bow-full-view-page img.bow-full-image {
  height:var(--master-hero-height) !important;max-height:none !important;
  width:auto !important;max-width:none !important;object-fit:contain !important;
}
html body#top.design-master .page-top-wrap {
  width:100% !important;max-width:none !important;box-sizing:border-box !important;
}
html body#top.design-master .page-return-top {display:block !important;white-space:nowrap !important;width:auto !important;}
html body#top.design-master.info-price-page .page-top-wrap {display:none !important;}
html body#top.design-master.info-price-page #preise {padding-bottom:1cm !important;}
html body#top.design-master.info-price-page :is(.study-making-inner,.overview-section-content,.embedded-category-content,.price-list-wrap,.price-gallery-link) {
  margin-bottom:0 !important;padding-bottom:0 !important;
}
/* Decorative welcome layers must not widen the tablet viewport. */
html:has(body.design-master.home-page) {overflow-x:clip;}
html body#top.design-master.home-page {overflow-x:clip;}
html body#top.design-master.ipci-editorial-page .ipci-publication-note {
  position:relative;z-index:2;background:var(--gerbeth-grey-gradient);
}
/* Round two: explicit full-frame article text, including the standalone pages. */
html body#top.design-master.master-full-text-article .article-detail-copy {
  width:var(--frame-width) !important;max-width:var(--frame-max,1120px) !important;
  margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;
}
html body#top.design-master.master-full-text-article .article-detail-copy > :is(div,p,table) {
  width:100% !important;max-width:none !important;box-sizing:border-box !important;
}
@media (max-width:1200px) {
  html body#top.design-master.history-editorial-page .master-hero .master-hero-with-image {
    grid-template-columns:minmax(0,1fr) !important;gap:1cm !important;
  }
  html body#top.design-master.history-editorial-page .master-hero-figure {
    width:min(95%,368.48px) !important;
  }
}
/* Contact title uses the common landscape envelope without cropping the portrait. */
html body#top.design-master.contact-overview-page .master-hero .master-hero-figure img {
  width:100% !important;height:auto !important;aspect-ratio:3/2 !important;
  object-fit:contain !important;object-position:right center !important;
  max-height:var(--master-hero-height) !important;
}
html body#top.design-master.contact-overview-page .master-hero-inner {
  padding-block:1cm !important;gap:1cm !important;
}
/* CITES title format is the single reference for every title and article preview. */
html body#top.design-master .master-hero .master-hero-figure img,
html body#top.design-master.article-editorial-page .master-article-preview .master-content-image {
  width:100% !important;height:auto !important;aspect-ratio:3/2 !important;
  object-fit:contain !important;object-position:right center !important;
}
@media (min-width:701px) {
  html body#top.design-master.article-editorial-page .editorial-index-pair.master-pair {
    grid-template-columns:minmax(0,1fr) var(--master-title-width) !important;
  }
  html body#top.design-master.article-editorial-page .editorial-index-pair.master-pair.media-left {
    grid-template-columns:var(--master-title-width) minmax(0,1fr) !important;
  }
}
@media (min-width:981px) and (max-width:1200px) {
  html body#top.design-master.history-editorial-page .master-hero .master-hero-figure {
    width:var(--master-title-width) !important;
  }
}
html body#top.design-master.article-editorial-page .master-white-mat .master-content-image {
  object-position:center !important;
}