/* One opening screen: header + introduction + customer logos. Content may grow
   on very short viewports or with enlarged text; never clip essential content. */
.au-opening{--au-header-height:94px;position:relative;isolation:isolate;background:#dfe6dc}
.au-intro{min-height:calc(100vh - var(--au-header-height));min-height:calc(100dvh - var(--au-header-height));display:flex;flex-direction:column;background:var(--au-paper);transform-origin:50% 25%;position:relative;z-index:0}
.au-intro .au-hero{flex:1;display:flex;align-items:center;padding:clamp(16px,3dvh,48px) 0}
.au-intro .au-hero-grid{gap:clamp(30px,5vw,74px)}
.au-intro .au-hero h1{font-size:clamp(36px,min(5vw,6.5dvh),76px);line-height:1.04;margin-bottom:clamp(12px,1.8dvh,24px)}
.au-intro .au-hero .au-eyebrow{margin-bottom:clamp(10px,1.6dvh,20px)!important}
.au-intro .au-lead{font-size:clamp(15px,1.9dvh,18px);line-height:1.55;margin-bottom:12px}
.au-intro .au-coverage{font-size:12px;line-height:1.5;margin-bottom:12px}
.au-intro .au-actions{gap:18px;margin:clamp(12px,2dvh,24px) 0 12px}
.au-intro .au-actions .au-button{padding:14px 20px;font-size:15px}
.au-intro .au-actions .au-textlink{font-size:14px}
.au-intro .au-hero-grid>div>p:last-child{margin-bottom:0}
.au-intro .au-portrait-scene{padding:0}
.au-intro .au-portrait{height:clamp(220px,calc(100dvh - 470px),580px)}
.au-intro .au-portrait-note{display:none}
.au-intro .au-portrait-contact{margin-top:12px;padding-top:12px}
.au-intro .au-portrait-contact strong{font-size:22px}
.au-intro .au-client-showcase{flex:none;position:relative;padding:56px 0}
.au-intro .au-client-heading{position:absolute;inset:16px 0 auto;margin-bottom:0}
.au-intro .au-logo-item{height:84px}
.au-intro .au-logo-item img{max-height:68px}
.au-intro .au-logo-item.au-logo-yoga img{width:76px;max-height:76px}
.au-opening>:is(#check-beispiel,#moeglichkeiten){position:relative;z-index:1;scroll-margin-top:0}
.au-opening.is-cinematic .au-intro{position:sticky;top:var(--au-sticky-top,var(--au-header-height));will-change:transform,opacity}
.au-opening.is-cinematic>:is(#check-beispiel,#moeglichkeiten){box-shadow:0 -24px 70px -36px #152c2866}
@media(max-width:1100px){.au-intro .au-hero-grid{gap:30px}.au-intro .au-actions{gap:12px}.au-intro .au-actions .au-button{font-size:14px;padding:12px 16px}.au-intro .au-actions .au-textlink{font-size:12px}}
@media(max-width:850px){.au-opening{--au-header-height:76px}.au-intro .au-hero-grid{grid-template-columns:1.15fr 1fr;gap:24px}.au-intro .au-hero h1{font-size:clamp(32px,min(5.5vw,6dvh),48px)}.au-intro .au-portrait figcaption{left:20px;right:12px;bottom:20px}.au-intro .au-portrait figcaption strong{font-size:18px}.au-intro .au-portrait figcaption span{font-size:11px}.au-intro .au-portrait-contact strong{font-size:20px}}
@media(max-width:600px){
  .au-opening{--au-header-height:70px}
  .au-intro .au-hero{padding:16px 0}
  .au-intro .au-hero-grid{grid-template-columns:1fr;gap:26px}
  .au-intro .au-hero h1{font-size:clamp(30px,min(9.3vw,4.5dvh),42px);line-height:1.04;margin-bottom:12px}
  .au-intro .au-lead{font-size:14px;line-height:1.5;margin-bottom:10px}
  .au-intro .au-coverage{font-size:11px;line-height:1.45;margin-bottom:10px}
  .au-intro .au-actions{margin:12px 0 10px;gap:10px 16px}
  .au-intro .au-actions .au-button{font-size:13px;padding:11px 15px}
  .au-intro .au-actions .au-textlink{font-size:12px}
  .au-intro .au-hero-grid>div>p:last-child{font-size:10px;line-height:1.5}
  .au-intro .au-portrait-scene{display:block;max-width:none;width:100%}
  .au-intro .au-portrait{display:block;height:clamp(280px,86vw,370px);border-radius:76px 12px 12px 12px}
  .au-intro .au-portrait>img{width:100%;height:100%;border-radius:0;object-position:50% 24%}
  .au-intro .au-portrait:after{display:block}
  .au-intro .au-portrait figcaption{position:absolute;left:22px;right:18px;bottom:20px;color:#fff}
  .au-intro .au-portrait figcaption strong{font-size:21px}
  .au-intro .au-portrait figcaption span{font-size:12px;color:#dbe2d9;display:block;line-height:1.5}
  .au-intro .au-portrait-contact{border-top:1px solid var(--au-line);padding:12px 0 0;margin:12px 0 0}
  .au-intro .au-portrait-contact-label{display:block;font-size:12px}
  .au-intro .au-portrait-contact strong{font-size:23px}
  .au-intro .au-client-showcase{padding:42px 0}
  .au-intro .au-client-heading{top:10px}
  .au-intro .au-logo-item{height:62px}
  .au-intro .au-logo-item img{max-height:48px;max-width:190px}
  .au-intro .au-logo-item.au-logo-yoga img{width:54px;max-height:54px}
}
@media(min-width:601px) and (max-height:800px){
  .au-intro .au-hero{padding:10px 0}
  .au-intro .au-hero h1{font-size:clamp(32px,min(4.4vw,5.8dvh),48px);margin-bottom:12px}
  .au-intro .au-hero .au-eyebrow{margin-bottom:8px!important}
  .au-intro .au-coverage{font-size:11px;margin-bottom:8px}
  .au-intro .au-actions{margin:10px 0}
  .au-intro .au-logo-item{height:68px}
  .au-intro .au-logo-item img{max-height:54px}
  .au-intro .au-logo-item.au-logo-yoga img{width:62px;max-height:62px}
}
@media(max-width:600px) and (max-height:740px){
  .au-intro .au-hero{padding:10px 0}
  .au-intro .au-hero-grid{gap:22px}
  .au-intro .au-hero .au-eyebrow{margin-bottom:6px!important}
  .au-intro .au-hero h1{font-size:30px;margin-bottom:8px}
  .au-intro .au-lead,.au-intro .au-coverage{margin-bottom:8px}
  .au-intro .au-actions{margin:8px 0}
  .au-intro .au-client-showcase{padding:38px 0}
  .au-intro .au-client-heading{top:8px}
  .au-intro .au-logo-item{height:62px}
  .au-intro .au-logo-item img{max-height:48px;max-width:190px}
  .au-intro .au-logo-item.au-logo-yoga img{width:54px;max-height:54px}
}
@media(prefers-reduced-motion:reduce){.au-opening.is-cinematic .au-intro{position:relative;top:auto;transform:none!important;filter:none!important;opacity:1!important;will-change:auto}.au-opening>:is(#check-beispiel,#moeglichkeiten){border-radius:0!important;box-shadow:none!important}}
