/* DE/EN hero context: share hero-lead typography, without a box. */
html body#design-preview-v52 .home-visual-v410 .hero-compliance-note{
  position:relative;
  z-index:4;
  box-sizing:border-box;
  width:max-content;
  max-width:min(1200px,calc(100vw - 64px)) !important;
  margin:12px 0 0 !important;
  left:50%;
  transform:translateX(-50%);
}
.hero-content .hero-compliance-label{color:inherit;font-weight:600}
@media(max-width:860px){
  html body#design-preview-v52 .home-visual-v410 .hero-compliance-note{
    width:auto;
    max-width:100% !important;
    margin:12px auto 0 !important;
    left:auto;
    transform:none;
  }
}

.deploy-band .deploy-closing{margin:24px 0 0;font-size:inherit;line-height:1.6;color:inherit}

/* EN operating heading: use available desktop width; text unchanged. */
@media(min-width:1100px){
  html[lang="en"] body#design-preview-v52 #betrieb .deploy-title{max-width:1180px}
}

/* Home only: continue the visible header grid, including its line tone/fade.
   Values come from the actual header pseudo-element; existing page grids stay intact. */
html body#design-preview-v52 .home-visual-v410 > section.hero > .hero-grid-lines{
  background-image:var(--home-header-grid-image,linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px)) !important;
  background-size:var(--home-header-grid-size,46px 46px) !important;
  opacity:var(--home-header-grid-opacity,1) !important;
  mask-image:var(--home-header-grid-mask,linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)) !important;
  -webkit-mask-image:var(--home-header-grid-mask,linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)) !important;
}

/* Home mobile: contain the contact button's absolute paint layers.
   A static flex item otherwise anchors those layers to the entire nav row. */
@media(max-width:860px){
  html body#design-preview-v52 .site-header .nav > .qc-trigger.qc-header{
    position:relative !important;
    inset:auto !important;
  }
  /* Keep the requested subdued logo independently of the contact backdrop. */
  html body#design-preview-v52 .site-header .logo .brand-logo-img{opacity:.25}
  html body#design-preview-v52.nav-open .site-header .logo .brand-logo-img{opacity:1}
}
