/* Tablet/phone layout fixes; normal images retain their intrinsic ratio. */
@media(max-width:1100px) and (orientation:portrait), (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:fit-content!important;max-width:100%!important;align-items:center!important;
  margin-left:auto!important;margin-right:auto!important;justify-self:center!important;
 }
 html body#top.design-master .master-hero .master-hero-figure > img {
  position:static!important;width:auto!important;height:auto!important;
  max-width:100%!important;max-height:360px!important;margin:0 auto!important;
  aspect-ratio:auto!important;object-position:center!important;
 }
 html body#top.design-master .master-hero .master-hero-figure:has(.title-video-frame) {
  width:min(100%,540px)!important;
 }
 html body#top.design-master .study-centered-figure:has(img[src*="rohling-zuschnitt"]),
 html body#top.design-master .study-schematic-bending,
 html body#top.design-master .study-centered-figure:has(img[src*="rohling-zuschnitt"]) > figure,
 html body#top.design-master .study-schematic-bending > figure {
  width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;
 }
 html body#top.design-master :is(.study-schematic-bending,.study-centered-figure:has(img[src*="rohling-zuschnitt"])) img {
  width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;
 }
}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame {
 display:block!important;position:relative!important;width:100%!important;aspect-ratio:3/2!important;
 height:auto!important;overflow:hidden!important;line-height:0!important;
}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame > :is(img,video) {
 position:absolute!important;inset:0!important;display:block!important;
 width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
 margin:0!important;object-fit:contain!important;aspect-ratio:auto!important;
}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame > img {z-index:0!important;}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame > video {z-index:1!important;}
html body#top.design-master .publication-pair {column-gap:1cm!important;row-gap:1cm!important;}
html body#top.design-master .publication-pair .publication-media {width:100%!important;max-width:100%!important;margin:0!important;}
html body#top.design-master .publication-pair.media-left .publication-cover {margin-left:auto!important;margin-right:0!important;justify-self:end!important;align-self:flex-end!important;}
html body#top.design-master .publication-pair.media-right .publication-cover {margin-left:0!important;margin-right:auto!important;justify-self:start!important;align-self:flex-start!important;}
html body#top.design-master .publication-cover > a {display:block!important;width:100%!important;}
html body#top.design-master .publication-cover img {display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;}
/* Conservative tonal enhancement of the three original documentary photos. */
html body#top.design-master .article-detail-copy img:is([src$="fachar3.jpg"],[src$="fachar5.jpg"],[src$="fachar7.jpg"]) {
 filter:brightness(1.08) contrast(1.07) saturate(1.04);
}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame > video {opacity:1!important;}
html body#top.design-master .master-hero .master-hero-figure .title-video-frame.is-unavailable > video {opacity:0!important;}

@media(max-width:700px) {
 html body#top.design-master .publication-pair:is(.media-left,.media-right) .publication-cover {margin-left:auto!important;margin-right:auto!important;}
}