/* Screenshot review: shared flow coordinates and fully visible mobile media. */
.application-flow{position:relative;height:90px;margin:16px 0 14px}
.application-flow .flow-lines{position:absolute;inset:0 auto 0 0;width:45%;height:100%;max-width:none;z-index:auto;opacity:.55}
.application-flow .flow-lines svg{display:block;width:100%;height:100%}
.application-flow .direction-line{position:absolute;left:45%;right:16px;top:50%;width:auto;height:0;margin:0}
.application-flow .direction-line::after{right:0;top:-10px;width:18px;height:18px}
.company-heading-main,.company-heading-detail{display:block;margin-inline:auto;text-wrap:balance}
.company-heading-main{max-width:24ch}
.company-heading-detail{max-width:35ch;margin-top:.35em;font-size:.78em;line-height:1.3;font-weight:600}
@media(max-width:680px){
  .hero,.hero.product-hero,.hero.about-hero{min-height:0;background-color:#eaf3f8}
  .hero .hero-video,.hero .about-hero-image{inset:78px 0 auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;max-width:none}
  .hero .hero-inner{min-height:0;display:block;padding-top:calc(78px + 56.25vw + 26px);padding-bottom:104px}
  .hero .hero-shade{background:none}
  .hero .hero-copy{padding-top:0;padding-bottom:0;background:transparent}
  .hero .ai-generated-label{top:88px}
  .hero .video-control{top:calc(78px + 56.25vw - 52px);bottom:auto;right:12px}
  .hero h1{font-size:clamp(29px,8vw,40px);line-height:1.12;text-wrap:balance}
  .hero .hero-copy p{font-size:clamp(20px,5.3vw,24px);line-height:1.3}
  .application-flow{height:72px;margin:14px 0 20px}
  .company-heading-main{max-width:23ch}
  .company-heading-detail{max-width:29ch;margin-top:.6em;font-size:.84em}
}
@media(max-width:780px){
  .contact-hero .contact-hero-grid{gap:32px;align-content:center;padding-top:52px;padding-bottom:100px}
  .contact-hero .contact-symbol{--contact-symbol-opacity:1;position:relative;display:grid;inset:auto;width:110px;height:110px;margin:0 auto;opacity:1}
  .contact-hero .contact-symbol svg{width:52px}
  .contact-hero .contact-symbol-ring{inset:16px}
}
@media(max-width:680px) and (prefers-reduced-motion:reduce){
  .hero{background-size:100% auto;background-position:center 78px;background-repeat:no-repeat}
  .hero.product-hero{background-image:url("../media/produkte-mobile-poster.webp")}
  .hero.about-hero{background-image:none}
}
@media(max-width:680px){
  html[data-a11y-motion="1"] .hero{background-size:100% auto;background-position:center 78px;background-repeat:no-repeat}
  html[data-a11y-motion="1"] .hero.product-hero{background-image:url("../media/produkte-mobile-poster.webp")}
  html[data-a11y-motion="1"] .hero.about-hero{background-image:none}
}