/* Marketing Schmiede – V219 final targeted corrections only */

/* Mobile menu: keep exactly one plus and remove the stray line below the menu button. */
.msu-mobile{border-bottom:0!important}
.msu-mobile summary::after{content:none!important;display:none!important}

/* Video-ad heading: give the final word enough room on desktop. */
body.meta-home.ms-polish-v213 #video-beispiele .section-head{
  width:100%!important;
  max-width:1080px!important;
  padding-inline:20px!important;
  overflow:visible!important;
}
body.meta-home.ms-polish-v213 #video-beispiele .section-head h2{
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(44px,4.9vw,72px)!important;
  overflow:visible!important;
  text-wrap:balance!important;
}

@media (max-width:760px){
  /* Remove the small hero kicker and close the resulting space. */
  body.meta-home #start .kicker{display:none!important}
  body.meta-home #start.hero{padding-top:14px!important}
  body.meta-home #start .hero-contact-compact{margin-bottom:8px!important}
  body.meta-home #start h1{
    margin-top:0!important;
    font-size:clamp(35px,9.2vw,40px)!important;
    line-height:.95!important;
    letter-spacing:-.052em!important;
    overflow:visible!important;
  }

  /* Exact mobile line order:
     Mehr qualifizierte
     Anfragen.
     Weniger Arbeit.
     Mehr Abschlüsse. */
  body.meta-home #start .v202-hero-line{
    display:block!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  body.meta-home #start .v202-hero-line-primary,
  body.meta-home #start .v202-hero-line-secondary{
    white-space:nowrap!important;
  }
  body.meta-home #start .v202-hero-line-primary .mobile-break-word,
  body.meta-home #start .v202-hero-line-secondary .mobile-break-word,
  body.meta-home #start .mobile-line-break{
    display:block!important;
    white-space:nowrap!important;
  }
  body.meta-home #start .v202-hero-line-secondary{margin-top:8px!important}

  /* Video-ad cards around 20–25% smaller on mobile. */
  body.meta-home #video-beispiele .ms-video-showcase-grid > .ms-video-ad-card,
  body.meta-home #video-beispiele .ms-video-showcase-grid > .ms-video-ad-card:last-child{
    flex:0 0 min(66vw,286px)!important;
    width:min(66vw,286px)!important;
    min-width:min(66vw,286px)!important;
    max-width:min(66vw,286px)!important;
    scroll-snap-align:start!important;
  }
}

/* "Für wen das passt": icons in the industry cards slightly larger. */
body.meta-home #branchen .industry .icon{
  width:58px!important;
  height:58px!important;
  font-size:25px!important;
  line-height:1!important;
}


/* Marketing Schmiede – V220 mobile-only refinements */
@media (max-width:760px){
  /* Hero headline: slightly tighter with smaller final line so "Mehr Abschlüsse." stays on one line. */
  body.meta-home #start h1{
    font-size:clamp(32px,8.7vw,35px)!important;
    line-height:.89!important;
    letter-spacing:-.056em!important;
  }
  body.meta-home #start .v202-hero-line-secondary{margin-top:5px!important}
  body.meta-home #start .v202-hero-line-secondary .mobile-break-word{
    font-size:.86em!important;
    letter-spacing:-.04em!important;
  }

  /* Video examples: keep the cards fully inside the mobile slider with air above/below and correct first-card offset. */
  body.meta-home #video-beispiele,
  body.meta-home #video-beispiele .wrap,
  body.meta-home #video-beispiele .section-wrap{
    overflow:visible!important;
  }
  body.meta-home #video-beispiele .section-head{margin-bottom:12px!important}
  body.meta-home #video-beispiele .ms-video-showcase-grid{
    padding:10px 18px 18px!important;
    gap:14px!important;
    scroll-padding-left:18px!important;
    scroll-padding-right:18px!important;
    align-items:stretch!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.meta-home #video-beispiele .ms-video-showcase-grid > .ms-video-ad-card,
  body.meta-home #video-beispiele .ms-video-showcase-grid > .ms-video-ad-card:last-child{
    flex:0 0 min(70vw,298px)!important;
    width:min(70vw,298px)!important;
    min-width:min(70vw,298px)!important;
    max-width:min(70vw,298px)!important;
    scroll-snap-align:start!important;
    margin:0!important;
  }
  body.meta-home #video-beispiele .ms-video-showcase-grid > .ms-video-ad-card:first-child{
    margin-left:0!important;
  }
  body.meta-home #video-beispiele .ms-video-ad-card{
    border-radius:28px!important;
    overflow:hidden!important;
  }
  body.meta-home #video-beispiele .ms-video-ad-brand{padding:14px 16px 12px!important}
  body.meta-home #video-beispiele .ms-video-ad-copy{padding:14px 16px 18px!important}
  body.meta-home #video-beispiele .ms-video-ad-player,
  body.meta-home #video-beispiele .ms-video-ad-poster,
  body.meta-home #video-beispiele .ms-video-ad-poster img{
    display:block!important;
    width:100%!important;
  }
  body.meta-home #video-beispiele .ms-video-ad-poster img{
    height:auto!important;
    object-fit:cover!important;
  }

  /* "Kurz erklärt" section: show the MS logo where requested. */
  body.meta-home #video .video-copy{
    position:relative!important;
  }
  body.meta-home #video .ms-mini-logo.left{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    margin:0 auto 12px!important;
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  body.meta-home #video .ms-mini-logo.left img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
}