/* Marketing Schmiede – V218 targeted refinements */

/* Global header cleanup */
.msu-announcement{display:none!important}
body.msu-page .msu-header{top:0!important}
body.msu-page .msu-header .scroll-progress{display:none!important}
.msu-nav{min-height:78px!important}
.msu-links{gap:16px!important}
.msu-contact-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  min-height:44px;padding:0 18px;border-radius:999px;
  border:1px solid rgba(123,0,255,.22);background:rgba(255,255,255,.045);
  color:#f7f7fb!important;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px rgba(10,14,36,.12);
}
.msu-contact-btn:hover{background:rgba(123,0,255,.10);border-color:rgba(123,0,255,.38)}
.msu-mobile summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-width:164px;padding:12px 18px!important;border-radius:999px!important;
  background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.14)!important;
}
.msu-mobile summary .msu-mobile-plus{font-size:26px;line-height:1;color:#7b00ff;font-weight:500}
.msu-mobile-panel a.msu-mobile-contact-call,
.msu-mobile-panel a.msu-mobile-contact-mail{
  display:flex!important;align-items:center;justify-content:center;
  border:1px solid rgba(123,0,255,.18);background:rgba(255,255,255,.035);margin-bottom:8px;
}
.msu-mobile-panel a.msu-mobile-contact-call{background:linear-gradient(112deg,#4a00c8 0%,#5600e8 24%,#7b00ff 49%,#9b38ff 72%,#7b00ff 100%);color:#fff!important;border-color:rgba(123,0,255,.52)}

/* Hero tightening */
body.meta-home #start.hero{padding-top:34px!important}
body.meta-home #start .hero-inner{padding-top:0!important}
body.meta-home #start .hero-center{max-width:1020px!important}
body.meta-home #start .hero-contact-compact{margin:0 auto 12px!important;gap:10px!important}
body.meta-home #start .hero-contact-compact a{
  min-height:40px!important;padding:0 16px!important;border-radius:999px!important;
  font-size:13px!important;font-weight:800!important;box-shadow:none!important;
  background:rgba(255,255,255,.72)!important;border:1px solid rgba(123,0,255,.16)!important;color:#4f5368!important;
}
body.meta-home #start .hero-contact-compact a:hover{background:#fff!important;color:#25283a!important}
body.meta-home #start .kicker{margin-top:2px!important}
body.meta-home #start h1{margin-top:8px!important}
body.meta-home #start .hero-copy{margin-top:18px!important}
.mobile-line-break{display:none}
.mobile-break-word{display:inline}

/* Swipe helpers */
.ms-mobile-hint-inline{display:none;text-align:center;margin:0 0 14px;color:#6f7388;font-size:11px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.ms-mobile-hint-inline span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(123,0,255,.14);background:rgba(255,255,255,.55)}

/* Buttons under reference sections */
.ms-section-cta{margin-top:28px;text-align:center}
.ms-section-cta .btn{min-width:280px;justify-content:center}

/* Footer contact emphasis */
.msu-footer-contact-box{
  margin-top:18px;display:grid;gap:10px;max-width:360px
}
.msu-footer-contact-box a{
  display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);
  color:#fff!important;font-weight:800;font-size:15px;letter-spacing:-.01em
}
.msu-footer-col .msu-footer-phone,.msu-footer-col .msu-footer-mail{font-size:15px!important;font-weight:800!important;color:#fff!important}

/* To top button logo */
.to-top{
  font-size:0!important;color:transparent!important;text-indent:-9999px;overflow:hidden;
  background:#0a0f24 url('/assets/ms-logo-header-v212.webp') center/62% no-repeat!important;
  border:1px solid rgba(123,0,255,.18)!important;box-shadow:0 14px 34px rgba(10,14,36,.24)!important
}

@media (max-width:980px){
  .msu-nav{min-height:74px!important}
  .msu-mobile{display:block!important}
}

@media (max-width:760px){
  body.meta-home #start.hero{padding-top:18px!important;padding-bottom:20px!important}
  body.meta-home #start .hero-contact-compact{
    display:grid!important;grid-template-columns:1fr!important;gap:7px!important;
    width:min(100%,420px)!important;padding-inline:0!important;margin:0 auto 8px!important
  }
  body.meta-home #start .hero-contact-compact a{
    min-height:0!important;padding:9px 12px!important;font-size:11.5px!important;
    line-height:1.25!important;border-radius:18px!important;justify-content:center!important
  }
  body.meta-home #start .kicker{margin-top:6px!important;font-size:10px!important;padding:6px 10px!important}
  body.meta-home #start h1{font-size:clamp(45px,10.4vw,58px)!important;line-height:.92!important;letter-spacing:-.05em!important}
  .mobile-line-break{display:block}
  .mobile-break-word{display:block}
  body.meta-home #start .hero-video-card{margin-top:14px!important}

  /* Practice videos, video ads, industries, authority, automation refs and website refs swipe one-by-one */
  #rezensionen .review-video-grid,
  #video-beispiele .ms-video-showcase-grid,
  #branchen .industry-grid,
  #authority .authority-grid,
  #ki-automatisierung-beispiele .website-reference-grid,
  #website-beispiele .website-reference-grid{
    display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;
    padding:4px 4vw 12px!important;scrollbar-width:none!important
  }
  #rezensionen .review-video-grid::-webkit-scrollbar,
  #video-beispiele .ms-video-showcase-grid::-webkit-scrollbar,
  #branchen .industry-grid::-webkit-scrollbar,
  #authority .authority-grid::-webkit-scrollbar,
  #ki-automatisierung-beispiele .website-reference-grid::-webkit-scrollbar,
  #website-beispiele .website-reference-grid::-webkit-scrollbar{display:none}

  #rezensionen .review-video-grid > *,
  #video-beispiele .ms-video-showcase-grid > *,
  #branchen .industry-grid > *,
  #authority .authority-grid > *,
  #ki-automatisierung-beispiele .website-reference-grid > *,
  #website-beispiele .website-reference-grid > *{
    flex:0 0 86vw!important;width:86vw!important;max-width:86vw!important;min-width:86vw!important;scroll-snap-align:start!important
  }
  #branchen .industry-grid > *{min-height:100%!important}
  #authority .authority-item{min-height:100%!important}
  #authority .authority-warning,#authority .authority-cta{margin-top:16px!important}
  #video-beispiele .ms-video-showcase-cta,
  #ki-automatisierung-beispiele .ms-section-cta,
  #website-beispiele .ms-section-cta{margin-top:18px!important}
  .ms-mobile-hint-inline{display:block}
  #branchen .section-title{margin-bottom:14px!important}
  #authority .authority-head{margin-bottom:14px!important}

  .msu-footer-contact-box a,
  .msu-footer-col .msu-footer-phone,
  .msu-footer-col .msu-footer-mail{font-size:14px!important}
}