/* == fonts-local.css == */
/* Locally hosted typefaces. No request to Google Fonts is made at page load. */
@font-face {
  font-family: "League Spartan";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/league-spartan-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin.woff2") format("woff2");
}

/* == landing-effects-v212.css == */
\n/* V212 subtle background enhancement */\nbody:has(main) main>section{isolation:isolate}body:has(main) main>section:nth-of-type(3n+2)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url('/assets/ms-structure-lines-v212.svg') right top/min(760px,65vw) auto no-repeat;opacity:.10}body:has(main) main>section:nth-of-type(3n+2)>*{position:relative;z-index:1}\n
/* == ms-polish-v213.css == */

:root{
  --ms-p213-ink:#111326;
  --ms-p213-soft:#5d647d;
  --ms-p213-accent:#7b00ff;
  --ms-p213-accent-2:#b78bff;
  --ms-p213-line:rgba(123,0,255,.14);
  --ms-p213-bg:#f7f5fb;
  --ms-p213-card:rgba(255,255,255,.88);
  --ms-p213-shadow:0 24px 72px rgba(44,31,90,.10);
}
html{scroll-behavior:smooth;background:#f7f5fb!important}
body.ms-polish-v213{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 10% 10%, rgba(154,117,255,.12), transparent 20%),
    radial-gradient(circle at 88% 14%, rgba(183,139,255,.12), transparent 22%),
    radial-gradient(circle at 82% 78%, rgba(123,0,255,.06), transparent 20%),
    linear-gradient(180deg,#fbfbfe 0%, #f6f5fa 36%, #faf9fd 100%)!important;
  color:var(--ms-p213-ink)!important;
}
body.ms-polish-v213::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    url('/assets/ms-structure-lines-v212.svg') center 120px / min(1700px, 150vw) auto no-repeat,
    radial-gradient(circle at 18% 20%, rgba(183,139,255,.11), transparent 16%),
    radial-gradient(circle at 80% 14%, rgba(123,0,255,.10), transparent 18%),
    radial-gradient(circle at 82% 86%, rgba(123,0,255,.08), transparent 18%);
  opacity:.42;
}
body.ms-polish-v213::after{
  content:"";
  position:fixed;
  right:max(-40px, -1vw);
  top:20%;
  width:clamp(140px, 18vw, 280px);
  aspect-ratio:1/1;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  opacity:.9;
  background:
    radial-gradient(circle at 35% 35%, rgba(255,255,255,.78), rgba(255,255,255,.12) 36%, transparent 58%),
    radial-gradient(circle at 55% 55%, rgba(170,126,255,.28), rgba(123,0,255,.09) 58%, transparent 70%);
  box-shadow:0 0 0 1px rgba(123,0,255,.10), 0 0 0 18px rgba(123,0,255,.035), 0 25px 80px rgba(123,0,255,.10);
  animation:msP213Float 16s ease-in-out infinite;
}
@keyframes msP213Float{
  0%,100%{transform:translateY(0) translateX(0) rotate(0deg)}
  35%{transform:translateY(-14px) translateX(-10px) rotate(6deg)}
  70%{transform:translateY(8px) translateX(6px) rotate(-4deg)}
}
body.ms-polish-v213 header,
body.ms-polish-v213 main,
body.ms-polish-v213 footer,
body.ms-polish-v213 .sticky-mobile,
body.ms-polish-v213 .msu-header,
body.ms-polish-v213 .topline,
body.ms-polish-v213 .announcement,
body.ms-polish-v213 .msu-announcement{position:relative;z-index:1}
body.ms-polish-v213 .main-section,
body.ms-polish-v213 .section,
body.ms-polish-v213 .hero,
body.ms-polish-v213 .trust,
body.ms-polish-v213 .proof-strip,
body.ms-polish-v213 .packages,
body.ms-polish-v213 .paper,
body.ms-polish-v213 .v202-section,
body.ms-polish-v213 .v106-page-wrap > section,
body.ms-polish-v213 .msu-directory-section{background:transparent!important;overflow:visible!important}
body.ms-polish-v213 h1,
body.ms-polish-v213 h2,
body.ms-polish-v213 h3,
body.ms-polish-v213 h4{color:var(--ms-p213-ink)!important}
body.ms-polish-v213 p,
body.ms-polish-v213 li,
body.ms-polish-v213 .sub,
body.ms-polish-v213 .lead,
body.ms-polish-v213 .hero-copy,
body.ms-polish-v213 .section-sub,
body.ms-polish-v213 .hero p,
body.ms-polish-v213 .v106-page-hero p,
body.ms-polish-v213 .v106-page-card p,
body.ms-polish-v213 .v106-page-card li,
body.ms-polish-v213 .trust-item span,
body.ms-polish-v213 .micro span,
body.ms-polish-v213 .faq-body,
body.ms-polish-v213 .legal-card p,
body.ms-polish-v213 .msu-directory-head p{color:var(--ms-p213-soft)!important}
body.ms-polish-v213 .hero,
body.ms-polish-v213 .hero-card,
body.ms-polish-v213 .panel,
body.ms-polish-v213 .card,
body.ms-polish-v213 .faq,
body.ms-polish-v213 .trust-item,
body.ms-polish-v213 .benefit,
body.ms-polish-v213 .v106-page-hero,
body.ms-polish-v213 .v106-page-card,
body.ms-polish-v213 .v106-page-faq details,
body.ms-polish-v213 .msu-directory-card,
body.ms-polish-v213 .legal-card,
body.ms-polish-v213 .legal-full,
body.ms-polish-v213 .contact-card,
body.ms-polish-v213 .proof-card,
body.ms-polish-v213 .system,
body.ms-polish-v213 .faq-item,
body.ms-polish-v213 .step,
body.ms-polish-v213 .pill-card{
  background:var(--ms-p213-card)!important;
  border:1px solid var(--ms-p213-line)!important;
  box-shadow:var(--ms-p213-shadow)!important;
  backdrop-filter:blur(12px);
}
body.ms-polish-v213 .hero,
body.ms-polish-v213 .v106-page-hero,
body.ms-polish-v213 .hero-card,
body.ms-polish-v213 .panel,
body.ms-polish-v213 .msu-directory-card,
body.ms-polish-v213 .legal-full{border-radius:32px!important}
body.ms-polish-v213 .card,
body.ms-polish-v213 .v106-page-card,
body.ms-polish-v213 .v106-page-faq details,
body.ms-polish-v213 .trust-item,
body.ms-polish-v213 .benefit,
body.ms-polish-v213 .faq-item,
body.ms-polish-v213 .proof-card,
body.ms-polish-v213 .system,
body.ms-polish-v213 .step{border-radius:24px!important}
body.ms-polish-v213 .hero,
body.ms-polish-v213 .v106-page-hero,
body.ms-polish-v213 .hero.watermark-section,
body.ms-polish-v213 .section.white.watermark-section,
body.ms-polish-v213 .hero-card,
body.ms-polish-v213 .panel{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 0%, rgba(183,139,255,.14), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(123,0,255,.09), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(249,247,255,.88) 100%)!important;
}
body.ms-polish-v213 .hero::before,
body.ms-polish-v213 .v106-page-hero::before,
body.ms-polish-v213 .hero-card::before,
body.ms-polish-v213 .panel::before,
body.ms-polish-v213 .msu-directory-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 84% 18%, rgba(123,0,255,.09), transparent 18%),
    linear-gradient(135deg, rgba(255,255,255,.45), transparent 42%);
  z-index:0;
}
body.ms-polish-v213 .hero > *,
body.ms-polish-v213 .v106-page-hero > *,
body.ms-polish-v213 .hero-card > *,
body.ms-polish-v213 .panel > *,
body.ms-polish-v213 .msu-directory-card > *{position:relative;z-index:1}
body.ms-polish-v213 .hero .kicker,
body.ms-polish-v213 .hero .eyebrow,
body.ms-polish-v213 .section-head .eyebrow,
body.ms-polish-v213 .section-title .eyebrow,
body.ms-polish-v213 .msu-directory-head .eyebrow,
body.ms-polish-v213 .v106-page-hero .eyebrow,
body.ms-polish-v213 .hero-local{
  color:var(--ms-p213-accent)!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
}
body.ms-polish-v213 .hero h1,
body.ms-polish-v213 .v106-page-hero h1,
body.ms-polish-v213 .section-head h2,
body.ms-polish-v213 .section-title h2,
body.ms-polish-v213 .msu-directory-head h2{
  letter-spacing:-.055em!important;
  line-height:.94!important;
}
body.ms-polish-v213 .ms-headline-gold,
body.ms-polish-v213 .hero h1 span,
body.ms-polish-v213 .section-head h2 span,
body.ms-polish-v213 .section-title h2 span,
body.ms-polish-v213 .metric b,
body.ms-polish-v213 .icon,
body.ms-polish-v213 .mark,
body.ms-polish-v213 .step-index,
body.ms-polish-v213 .benefit-icon,
body.ms-polish-v213 .hero-offer-note strong,
body.ms-polish-v213 .v106-breadcrumb a{background:linear-gradient(92deg,#6d20ff 0%,#8b39ff 46%,#b78bff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
body.ms-polish-v213 .btn:not(.ghost),
body.ms-polish-v213 a.btn:not(.ghost),
body.ms-polish-v213 button.btn:not(.ghost),
body.ms-polish-v213 .msu-btn,
body.ms-polish-v213 .nav-cta,
body.ms-polish-v213 .sticky-mobile a{
  color:#fff!important;
  background:linear-gradient(110deg,#4b12d8 0%,#650dff 46%,#8a36ff 100%)!important;
  border:1px solid rgba(123,0,255,.58)!important;
  box-shadow:0 18px 44px rgba(123,0,255,.18), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
body.ms-polish-v213 .btn.ghost,
body.ms-polish-v213 a.btn.ghost,
body.ms-polish-v213 button.btn.ghost{
  color:#5522d9!important;
  background:rgba(123,0,255,.05)!important;
  border:1px solid rgba(123,0,255,.18)!important;
  box-shadow:none!important;
}
body.ms-polish-v213 .tags span,
body.ms-polish-v213 .chip,
body.ms-polish-v213 .badge,
body.ms-polish-v213 .pill,
body.ms-polish-v213 .micro span,
body.ms-polish-v213 .hero-contact a,
body.ms-polish-v213 .hero-local,
body.ms-polish-v213 .v106-breadcrumb{
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(123,0,255,.14)!important;
  color:#575f7a!important;
  box-shadow:0 12px 24px rgba(40,30,82,.05)!important;
}
body.ms-polish-v213 .hero-local span{background:var(--ms-p213-accent)!important;box-shadow:0 0 0 6px rgba(123,0,255,.08)!important}
body.ms-polish-v213 .v106-page-wrap{max-width:1160px!important;padding:112px 20px 68px!important}
body.ms-polish-v213 .v106-page-grid{gap:20px!important}
body.ms-polish-v213 .v106-page-card ul{margin:.4rem 0 0;padding-left:1.15rem}
body.ms-polish-v213 .v106-page-card p,
body.ms-polish-v213 .v106-page-card li{font-weight:700!important}
body.ms-polish-v213 .msu-directory-head{max-width:920px;margin:0 auto 28px;text-align:center}
body.ms-polish-v213 .msu-directory-head h2{font-size:clamp(42px,6vw,86px)!important}
body.ms-polish-v213 .msu-directory-head p{max-width:760px;margin:16px auto 0;font-size:clamp(16px,2vw,22px)!important;line-height:1.55!important}
body.ms-polish-v213 .msu-directory-grid{gap:16px!important}
body.ms-polish-v213 .msu-directory-card{padding:24px 22px!important}
body.ms-polish-v213 .msu-directory-card h3{margin:0 0 14px!important;font-size:14px!important;letter-spacing:-.02em!important;text-transform:uppercase!important}
body.ms-polish-v213 .msu-directory-card a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-height:46px!important;padding:6px 0!important;border-top:1px solid rgba(123,0,255,.10)!important;color:#232743!important;font-weight:800!important;text-decoration:none!important}
body.ms-polish-v213 .msu-directory-card a:first-of-type{border-top:0!important}
body.ms-polish-v213 .msu-directory-card a::after{content:"→";color:var(--ms-p213-accent)!important;font-weight:900!important;flex:0 0 auto}
body.ms-polish-v213 .msu-directory-card a:hover{color:var(--ms-p213-accent)!important;transform:translateX(2px)}
body.ms-polish-v213 .section-head,
body.ms-polish-v213 .section-title,
body.ms-polish-v213 .msu-directory-head,
body.ms-polish-v213 .hero-center,
body.ms-polish-v213 .v106-page-hero,
body.ms-polish-v213 .hero .reveal:first-child{position:relative}
body.ms-polish-v213 .ms-title-watermark{display:flex;justify-content:center;align-items:center;margin:0 auto 16px;pointer-events:none;opacity:1}
body.ms-polish-v213 .ms-title-watermark img{display:block;width:min(160px,28vw);height:auto;filter:drop-shadow(0 12px 34px rgba(123,0,255,.08))}
body.ms-polish-v213 .section-head .ms-title-watermark,
body.ms-polish-v213 .section-title .ms-title-watermark,
body.ms-polish-v213 .msu-directory-head .ms-title-watermark{margin-bottom:12px}
body.ms-polish-v213 .hero .ms-title-watermark,
body.ms-polish-v213 .v106-page-hero .ms-title-watermark,
body.ms-polish-v213 .hero-center .ms-title-watermark{margin-bottom:18px}
body.ms-polish-v213 .section-head,
body.ms-polish-v213 .section-title,
body.ms-polish-v213 .msu-directory-head,
body.ms-polish-v213 .hero-center,
body.ms-polish-v213 .v106-page-hero{text-align:center!important}
body.ms-polish-v213 .hero-actions,
body.ms-polish-v213 .v106-page-actions,
body.ms-polish-v213 .micro,
body.ms-polish-v213 .tags,
body.ms-polish-v213 .hero-contact{justify-content:center!important}
body.ms-polish-v213 .hero-copy,
body.ms-polish-v213 .lead,
body.ms-polish-v213 .v106-page-hero p{max-width:860px!important;margin-left:auto!important;margin-right:auto!important}
body.ms-polish-v213 .trust-grid,
body.ms-polish-v213 .grid,
body.ms-polish-v213 .v106-page-grid{position:relative;z-index:1}
body.ms-polish-v213 .trust-item strong,
body.ms-polish-v213 .benefit h3,
body.ms-polish-v213 .card h3,
body.ms-polish-v213 .v106-page-card h2,
body.ms-polish-v213 .v106-page-card h3{font-size:clamp(22px,2.4vw,28px)!important;line-height:1.08!important;letter-spacing:-.04em!important}
body.ms-polish-v213 footer{background:linear-gradient(180deg, rgba(16,19,38,.98) 0%, rgba(13,15,32,.98) 100%)!important}
body.ms-polish-v213 footer p,
body.ms-polish-v213 footer a,
body.ms-polish-v213 footer b,
body.ms-polish-v213 footer span{color:#eef0fa!important}
body.ms-polish-v213 .msu-header,
body.ms-polish-v213 header{background:rgba(10,13,32,.96)!important;border-bottom:1px solid rgba(123,0,255,.12)!important;backdrop-filter:blur(14px)!important}
body.ms-polish-v213 .topline{background:linear-gradient(90deg,#7b00ff,#b78bff,#7b00ff)!important;box-shadow:0 0 18px rgba(123,0,255,.20)!important}
@media (max-width:980px){
  body.ms-polish-v213 .v106-page-wrap{padding:100px 18px 52px!important}
  body.ms-polish-v213 .msu-directory-card{padding:20px 18px!important}
}
@media (max-width:760px){
  body.ms-polish-v213::before{background-position:center 90px!important;background-size:1400px auto, auto, auto, auto!important;opacity:.36}
  body.ms-polish-v213::after{right:-40px;top:18%;width:160px}
  body.ms-polish-v213 .hero,
  body.ms-polish-v213 .v106-page-hero,
  body.ms-polish-v213 .hero-card,
  body.ms-polish-v213 .panel,
  body.ms-polish-v213 .msu-directory-card,
  body.ms-polish-v213 .legal-full{border-radius:26px!important}
  body.ms-polish-v213 .hero .ms-title-watermark img,
  body.ms-polish-v213 .v106-page-hero .ms-title-watermark img,
  body.ms-polish-v213 .hero-center .ms-title-watermark img,
  body.ms-polish-v213 .section-head .ms-title-watermark img,
  body.ms-polish-v213 .section-title .ms-title-watermark img,
  body.ms-polish-v213 .msu-directory-head .ms-title-watermark img{width:min(110px,34vw)!important}
  body.ms-polish-v213 .msu-directory-card a{font-size:15px!important;min-height:44px!important}
  body.ms-polish-v213 .hero-actions .btn,
  body.ms-polish-v213 .v106-page-actions .btn{width:100%;justify-content:center}
}


/* V214 – Logos in voller Farbe; Hero-Titel bleiben bewusst ohne Logo */
body.ms-polish-v213 .ms-title-watermark{opacity:1!important}
body.ms-polish-v213 .ms-title-watermark img{opacity:1!important;filter:drop-shadow(0 12px 30px rgba(18,19,35,.12))!important}
body.ms-polish-v213.ms-no-hero-logo-v214 .hero .ms-title-watermark,
body.ms-polish-v213.ms-no-hero-logo-v214 .v106-page-hero .ms-title-watermark,
body.ms-polish-v213.ms-no-hero-logo-v214 .hero-center .ms-title-watermark{display:none!important}
body.ms-polish-v213 :is(.msu-brand img,.brand img,.brand-mark,.proof-founder-brand img,.footer-brand img,.msu-footer-brand img){opacity:1!important}


/* V215 – Hauptseite mit Landingpage-Hintergrund wie Meta-Ads-Unterseite */
body.meta-home.ms-polish-v213{
  background:#f3f2f7!important;
}
body.meta-home.ms-polish-v213::before{
  opacity:.52!important;
  background:
    url('/assets/ms-orbit-v212.svg') right -40px top 150px / min(760px,54vw) auto no-repeat,
    url('/assets/ms-structure-lines-v212.svg') center 120px / min(1900px,160vw) auto no-repeat,
    radial-gradient(circle at 12% 14%, rgba(123,0,255,.05), transparent 14%),
    radial-gradient(circle at 88% 18%, rgba(123,0,255,.10), transparent 21%),
    radial-gradient(circle at 16% 80%, rgba(123,0,255,.05), transparent 16%);
}
body.meta-home.ms-polish-v213::after{
  right:max(-28px,-1vw)!important;
  top:24%!important;
  width:clamp(180px,23vw,340px)!important;
  opacity:.95!important;
  background:
    radial-gradient(circle at 38% 38%, rgba(255,255,255,.82), rgba(255,255,255,.20) 36%, transparent 56%),
    radial-gradient(circle at 58% 58%, rgba(187,145,255,.26), rgba(123,0,255,.08) 58%, transparent 72%)!important;
  box-shadow:0 0 0 1px rgba(123,0,255,.08), 0 0 0 24px rgba(123,0,255,.03), 0 32px 92px rgba(123,0,255,.12)!important;
}
body.meta-home.ms-polish-v213 .hero,
body.meta-home.ms-polish-v213 .v202-section,
body.meta-home.ms-polish-v213 .watermark-section,
body.meta-home.ms-polish-v213 .main-section,
body.meta-home.ms-polish-v213 main > section{
  background:transparent!important;
}
body.meta-home.ms-polish-v213 .hero::before,
body.meta-home.ms-polish-v213 .hero::after{
  display:none!important;
}
body.meta-home.ms-polish-v213 .hero-card,
body.meta-home.ms-polish-v213 .panel,
body.meta-home.ms-polish-v213 .card,
body.meta-home.ms-polish-v213 .trust-item,
body.meta-home.ms-polish-v213 .faq-item,
body.meta-home.ms-polish-v213 .proof-card,
body.meta-home.ms-polish-v213 .system,
body.meta-home.ms-polish-v213 .step,
body.meta-home.ms-polish-v213 .pill-card{
  background:rgba(255,255,255,.90)!important;
}


/* V216 – Restore package/team/instagram section styling + compact hero contacts */
body.meta-home.ms-polish-v213 .hero-contact-compact{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  margin:0 auto 18px;max-width:900px;
}
body.meta-home.ms-polish-v213 .hero-contact-compact a{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;
  background:rgba(255,255,255,.78)!important;border:1px solid rgba(123,0,255,.16)!important;
  color:#58607b!important;font-size:13px;font-weight:800;letter-spacing:.01em;
  box-shadow:0 14px 32px rgba(18,19,35,.06)!important;backdrop-filter:blur(10px);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, color .22s ease;
}
body.meta-home.ms-polish-v213 .hero-contact-compact a:hover{
  transform:translateY(-2px);border-color:rgba(123,0,255,.32)!important;
  color:#3c24b8!important;box-shadow:0 18px 36px rgba(123,0,255,.12)!important;
}

body.meta-home.ms-polish-v213 #pakete,
body.meta-home.ms-polish-v213 #team,
body.meta-home.ms-polish-v213 #instagram{
  position:relative;overflow:hidden;background:transparent!important;
}
body.meta-home.ms-polish-v213 #pakete::before,
body.meta-home.ms-polish-v213 #team::before,
body.meta-home.ms-polish-v213 #instagram::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
}
body.meta-home.ms-polish-v213 #pakete > *,
body.meta-home.ms-polish-v213 #team > *,
body.meta-home.ms-polish-v213 #instagram > *{position:relative;z-index:1}

body.meta-home.ms-polish-v213 #pakete{
  color:#fff!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(132,53,247,.24),rgba(132,53,247,0) 30%),
    radial-gradient(circle at 88% 80%,rgba(186,126,255,.18),rgba(186,126,255,0) 28%),
    linear-gradient(145deg,#0c1020 0%,#17162d 52%,#0d1020 100%)!important;
}
body.meta-home.ms-polish-v213 #pakete::before{
  background:linear-gradient(112deg,transparent 26%,rgba(157,91,255,.12) 49%,transparent 72%);
  filter:blur(58px);
}
body.meta-home.ms-polish-v213 #pakete .section-head h2,
body.meta-home.ms-polish-v213 #pakete .section-title h2,
body.meta-home.ms-polish-v213 #pakete h2,
body.meta-home.ms-polish-v213 #pakete h3,
body.meta-home.ms-polish-v213 #pakete strong,
body.meta-home.ms-polish-v213 #pakete b{color:#fff!important}
body.meta-home.ms-polish-v213 #pakete .sub,
body.meta-home.ms-polish-v213 #pakete p,
body.meta-home.ms-polish-v213 #pakete li{color:rgba(255,255,255,.84)!important}
body.meta-home.ms-polish-v213 #pakete .eyebrow,
body.meta-home.ms-polish-v213 #pakete .kicker,
body.meta-home.ms-polish-v213 #pakete .v95-price-card>span:first-child{color:#c690ff!important}
body.meta-home.ms-polish-v213 #pakete .ms-headline-gold{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#b966ff!important}
body.meta-home.ms-polish-v213 #pakete .v95-price-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.22)!important;
}
body.meta-home.ms-polish-v213 #pakete .v95-price-card.featured{
  border-color:rgba(158,78,255,.50)!important;
  box-shadow:0 25px 70px rgba(116,24,246,.22)!important;
}
body.meta-home.ms-polish-v213 #pakete .price{color:#b966ff!important;text-shadow:0 8px 28px rgba(122,23,245,.26)!important}
body.meta-home.ms-polish-v213 #pakete .v98-setup-cost{background:rgba(255,255,255,.97)!important;color:#111321!important;border-radius:12px!important}
body.meta-home.ms-polish-v213 #pakete .v95-package-note{background:var(--ms-p213-accent)!important;color:#fff!important;border:none!important;box-shadow:0 18px 42px rgba(123,0,255,.22)!important}
body.meta-home.ms-polish-v213 #pakete .v95-package-note b,
body.meta-home.ms-polish-v213 #pakete .v95-package-note span{color:#fff!important}

body.meta-home.ms-polish-v213 #team{
  color:#fff!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(132,53,247,.22),rgba(132,53,247,0) 28%),
    radial-gradient(circle at 86% 78%,rgba(186,126,255,.18),rgba(186,126,255,0) 30%),
    linear-gradient(145deg,#0d1121 0%,#17172e 52%,#101322 100%)!important;
}
body.meta-home.ms-polish-v213 #team::before{
  background:linear-gradient(112deg,transparent 24%,rgba(157,91,255,.11) 49%,transparent 74%);
  filter:blur(58px);
}
body.meta-home.ms-polish-v213 #team .team-trust-card{
  padding:20px 0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;
}
body.meta-home.ms-polish-v213 #team .team-head h2,
body.meta-home.ms-polish-v213 #team .team-head .sub,
body.meta-home.ms-polish-v213 #team .team-head .eyebrow{ text-align:center; }
body.meta-home.ms-polish-v213 #team .team-head h2{color:#fff!important}
body.meta-home.ms-polish-v213 #team .team-head .sub{color:#c2c3cb!important}
body.meta-home.ms-polish-v213 #team .team-head .eyebrow{color:#c690ff!important}
body.meta-home.ms-polish-v213 #team .ms-headline-gold{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#a84cff!important}
body.meta-home.ms-polish-v213 #team .person-card{
  background:#fff!important;color:#111321!important;border:1px solid rgba(17,19,33,.08)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.18)!important;border-radius:24px!important;
}
body.meta-home.ms-polish-v213 #team .person-card :is(h3,p,.person-kicker,.person-points span){color:#111321!important}
body.meta-home.ms-polish-v213 #team .person-content p{color:#424758!important}
body.meta-home.ms-polish-v213 #team .person-kicker{color:#7b00ff!important}
body.meta-home.ms-polish-v213 #team .person-points span{background:#fff!important;border:1px solid rgba(17,19,33,.10)!important}
body.meta-home.ms-polish-v213 #team .team-conversion-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:1px;margin-top:16px!important;
  background:rgba(255,255,255,.32)!important;border:none!important;border-radius:18px!important;
  box-shadow:0 16px 40px rgba(123,0,255,.18)!important;overflow:hidden!important;
}
body.meta-home.ms-polish-v213 #team .team-conversion-strip>div{display:grid;gap:7px;padding:18px;background:var(--ms-p213-accent)!important}
body.meta-home.ms-polish-v213 #team .team-conversion-strip b{display:block;color:#fff!important;font-size:13px}
body.meta-home.ms-polish-v213 #team .team-conversion-strip span{display:block;color:rgba(255,255,255,.84)!important;font-size:11px;line-height:1.5}

body.meta-home.ms-polish-v213 #instagram{
  padding:50px 0 56px!important;color:#fff!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(132,53,247,.30),rgba(132,53,247,0) 31%),
    radial-gradient(circle at 88% 82%,rgba(186,126,255,.20),rgba(186,126,255,0) 30%),
    linear-gradient(145deg,#0c1020 0%,#17162d 52%,#0d1020 100%)!important;
}
body.meta-home.ms-polish-v213 #instagram::before{
  background:linear-gradient(112deg,transparent 26%,rgba(157,91,255,.16) 49%,transparent 72%);
  filter:blur(58px);
}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-head h2{color:#fff!important}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-head p:not(.eyebrow){color:rgba(255,255,255,.74)!important}
body.meta-home.ms-polish-v213 #instagram .eyebrow{color:#c690ff!important}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-card{
  border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.055)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.26)!important;border-radius:19px!important;
}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-card:hover{
  transform:translateY(-4px)!important;border-color:rgba(203,158,255,.38)!important;
  box-shadow:0 26px 56px rgba(0,0,0,.33),0 0 32px rgba(130,52,245,.12)!important;
}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-copy strong{color:#fff!important}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-copy span{color:rgba(255,255,255,.70)!important}
body.meta-home.ms-polish-v213 #instagram .v209-instagram-copy a{color:#c58cff!important}

@media (max-width: 980px){
  body.meta-home.ms-polish-v213 .hero-contact-compact{gap:10px;margin-bottom:16px}
  body.meta-home.ms-polish-v213 .hero-contact-compact a{font-size:12px;min-height:42px;padding:0 16px}
  body.meta-home.ms-polish-v213 #team .team-conversion-strip{grid-template-columns:1fr!important}
}
@media (max-width: 760px){
  body.meta-home.ms-polish-v213 .hero-contact-compact{flex-direction:column;align-items:stretch;max-width:100%;padding-inline:6px}
  body.meta-home.ms-polish-v213 .hero-contact-compact a{width:100%;font-size:12px;line-height:1.35;padding:12px 14px;min-height:unset}
  body.meta-home.ms-polish-v213 #pakete .v95-price-card,
  body.meta-home.ms-polish-v213 #team .person-card,
  body.meta-home.ms-polish-v213 #instagram .v209-instagram-card{border-radius:18px!important}
}


/* V217 – compact hero, stable slow motion background and three-video showcase */
body.meta-home.ms-polish-v213 #start{
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:auto!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(255,255,255,.96),rgba(248,246,253,.90) 48%,rgba(247,245,251,.94) 100%)!important;
}
body.meta-home.ms-polish-v213 #start .v202-atmo-hero{display:none!important}
body.meta-home.ms-polish-v213 #start::before{
  content:""!important;display:block!important;position:absolute!important;
  inset:-12% -8%!important;z-index:0!important;pointer-events:none!important;border-radius:0!important;
  background:
    url('/assets/v210-orbit-lines.svg') left -190px top 70px / 760px 760px no-repeat,
    url('/assets/ms-orbit-v212.svg') right -150px top 90px / 570px 570px no-repeat,
    url('/assets/v210-structure-lines.svg') center 120px / 1500px auto no-repeat,
    radial-gradient(circle at 22% 26%,rgba(132,53,247,.10),transparent 18%),
    radial-gradient(circle at 82% 24%,rgba(171,111,255,.11),transparent 16%)!important;
  opacity:.76!important;
  transform:translate3d(0,0,0) scale(1.025)!important;
  animation:msHeroBackgroundDrift 34s ease-in-out infinite alternate!important;
  will-change:transform!important;
}
body.meta-home.ms-polish-v213 #start::after{
  content:""!important;display:block!important;position:absolute!important;
  inset:-15% -10%!important;z-index:0!important;pointer-events:none!important;border-radius:0!important;
  background:
    linear-gradient(112deg,transparent 24%,rgba(154,92,255,.075) 49%,transparent 75%),
    radial-gradient(circle at 72% 42%,rgba(123,0,255,.09),transparent 12%),
    radial-gradient(circle at 31% 68%,rgba(183,139,255,.07),transparent 16%)!important;
  filter:blur(10px)!important;opacity:.68!important;
  transform:translate3d(0,0,0)!important;
  animation:msHeroLightSweep 42s ease-in-out infinite alternate!important;
  will-change:transform,opacity!important;
}
body.meta-home.ms-polish-v213 #start .hero-inner{
  position:relative!important;z-index:2!important;
  min-height:auto!important;padding-top:12px!important;padding-bottom:58px!important;
}
body.meta-home.ms-polish-v213 #start .hero-center{position:relative!important;z-index:2!important}
body.meta-home.ms-polish-v213 #start .hero-contact-compact{margin:0 auto 14px!important}
body.meta-home.ms-polish-v213 #start .kicker{margin-bottom:18px!important}
@keyframes msHeroBackgroundDrift{
  0%{transform:translate3d(-1.2%,.5%,0) scale(1.025)}
  50%{transform:translate3d(1.1%,-.8%,0) scale(1.045)}
  100%{transform:translate3d(.2%,1.2%,0) scale(1.03)}
}
@keyframes msHeroLightSweep{
  0%{transform:translate3d(-2%,0,0);opacity:.52}
  50%{transform:translate3d(1.5%,-1%,0);opacity:.72}
  100%{transform:translate3d(2.5%,1%,0);opacity:.58}
}

body.meta-home.ms-polish-v213 .ms-video-showcase{
  position:relative!important;overflow:hidden!important;padding-top:82px!important;padding-bottom:88px!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(123,0,255,.06),transparent 20%),
    radial-gradient(circle at 92% 74%,rgba(183,139,255,.09),transparent 20%),
    linear-gradient(180deg,rgba(250,249,253,.98),rgba(246,244,251,.98))!important;
}
body.meta-home.ms-polish-v213 .ms-video-showcase-atmo{
  position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    url('/assets/ms-structure-lines-v212.svg') center 40% / min(1600px,145vw) auto no-repeat,
    url('/assets/ms-orbit-v212.svg') right -170px center / 520px 520px no-repeat;
  opacity:.34!important;
}
body.meta-home.ms-polish-v213 .ms-video-showcase .section-wrap{position:relative!important;z-index:2!important}
body.meta-home.ms-polish-v213 .ms-video-showcase .section-head{max-width:880px!important;margin-bottom:36px!important}
body.meta-home.ms-polish-v213 .ms-video-showcase .section-head h2{font-size:clamp(46px,5.5vw,78px)!important;color:#111326!important}
body.meta-home.ms-polish-v213 .ms-video-showcase .section-head .sub{max-width:760px!important;color:#646b82!important}
body.meta-home.ms-polish-v213 .ms-video-showcase-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;max-width:1050px!important;margin:0 auto!important;align-items:start!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-card{
  overflow:hidden!important;border-radius:24px!important;background:#fff!important;
  border:1px solid rgba(17,19,38,.10)!important;box-shadow:0 24px 58px rgba(30,24,61,.14)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-card:hover{
  transform:translateY(-7px)!important;border-color:rgba(123,0,255,.24)!important;
  box-shadow:0 34px 74px rgba(30,24,61,.19),0 0 34px rgba(123,0,255,.07)!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-brand{
  display:flex!important;align-items:center!important;gap:10px!important;padding:14px 15px!important;
  color:#111326!important;background:#fff!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-brand img{width:42px!important;height:34px!important;object-fit:contain!important;flex:0 0 42px!important}
body.meta-home.ms-polish-v213 .ms-video-ad-brand strong{display:block!important;color:#111326!important;font-size:12px!important;line-height:1.1!important}
body.meta-home.ms-polish-v213 .ms-video-ad-brand span{display:block!important;margin-top:3px!important;color:#73798d!important;font-size:9px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
body.meta-home.ms-polish-v213 .ms-video-ad-player{
  position:relative!important;display:block!important;width:100%!important;aspect-ratio:9/16!important;
  overflow:hidden!important;background:#111326!important;border-radius:0!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-player iframe{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:1!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-player.is-playing iframe{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:5!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-poster{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;
  border:0!important;background:#111326!important;cursor:pointer!important;z-index:3!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-poster img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
  transition:transform .55s ease,filter .35s ease!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-card:hover .ms-video-ad-poster img{transform:scale(1.035)!important;filter:saturate(1.04) contrast(1.02)!important}
body.meta-home.ms-polish-v213 .ms-video-ad-player.is-playing .ms-video-ad-poster{display:none!important}
body.meta-home.ms-polish-v213 .ms-video-ad-poster::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,8,18,.22));pointer-events:none;
}
body.meta-home.ms-polish-v213 .ms-video-ad-play{
  position:absolute!important;left:50%!important;top:50%!important;z-index:4!important;
  display:grid!important;place-items:center!important;width:64px!important;height:64px!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;
  color:#fff!important;background:linear-gradient(135deg,#5b0ee8,#9a35ff)!important;
  box-shadow:0 18px 48px rgba(75,16,216,.40),0 0 0 10px rgba(255,255,255,.15)!important;
  font-size:23px!important;padding-left:4px!important;
}
body.meta-home.ms-polish-v213 .ms-video-ad-copy{display:grid!important;gap:6px!important;padding:17px 18px 19px!important;background:#fff!important}
body.meta-home.ms-polish-v213 .ms-video-ad-copy strong{color:#111326!important;font-size:19px!important;line-height:1.08!important;letter-spacing:-.025em!important}
body.meta-home.ms-polish-v213 .ms-video-ad-copy span{color:#656b7f!important;font-size:12px!important;line-height:1.55!important}
body.meta-home.ms-polish-v213 .ms-video-showcase-cta{display:flex!important;justify-content:center!important;margin-top:28px!important}

@media(max-width:980px){
  body.meta-home.ms-polish-v213 .ms-video-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:720px!important}
  body.meta-home.ms-polish-v213 .ms-video-ad-card:last-child{grid-column:1/-1!important;max-width:349px!important;justify-self:center!important;width:100%!important}
}
@media(max-width:760px){
  body.meta-home.ms-polish-v213 #start::before{background-size:560px 560px,420px 420px,1100px auto,auto,auto!important;background-position:left -230px top 110px,right -190px top 170px,center 110px,center,center!important;opacity:.66!important}
  body.meta-home.ms-polish-v213 #start .hero-inner{padding-top:8px!important;padding-bottom:42px!important}
  body.meta-home.ms-polish-v213 #start .hero-contact-compact{margin-bottom:12px!important}
  body.meta-home.ms-polish-v213 .ms-video-showcase{padding-top:58px!important;padding-bottom:62px!important}
  body.meta-home.ms-polish-v213 .ms-video-showcase-grid{
    display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;
    max-width:none!important;margin-inline:-16px!important;padding:4px 16px 22px!important;
    scroll-snap-type:x mandatory!important;scrollbar-width:none!important;
  }
  body.meta-home.ms-polish-v213 .ms-video-showcase-grid::-webkit-scrollbar{display:none!important}
  body.meta-home.ms-polish-v213 .ms-video-ad-card,
  body.meta-home.ms-polish-v213 .ms-video-ad-card:last-child{
    flex:0 0 82vw!important;width:82vw!important;max-width:340px!important;grid-column:auto!important;justify-self:auto!important;scroll-snap-align:center!important;
  }
  body.meta-home.ms-polish-v213 .ms-video-showcase-cta{margin-top:10px!important}
  body.meta-home.ms-polish-v213 .ms-video-showcase-cta .btn{width:100%!important;max-width:360px!important}
}
@media(prefers-reduced-motion:reduce){
  body.meta-home.ms-polish-v213 #start::before,
  body.meta-home.ms-polish-v213 #start::after{animation:none!important}
}

/* == ms-v230-mobile-only.css == */
/* Marketing Schmiede V232
   Ausschließlich mobile Korrekturen. Ab 761px greifen keinerlei Regeln aus dieser Datei.
   Desktop und größere Tablet-/Laptop-Ansichten bleiben exakt im V227-Originalzustand. */

@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  /* Allgemeiner Schutz gegen horizontales Abschneiden auf schmalen Smartphones. */
  main,
  section,
  header,
  footer,
  .wrap,
  .section-wrap,
  .hero-inner,
  .hero-center,
  .card,
  .form-card,
  .form-layout,
  .form-grid,
  .cta-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  img,
  video,
  iframe,
  canvas,
  svg {
    max-width: 100% !important;
  }

  /* Header: Logo/Schrift und Menü bekommen feste, getrennte Bereiche. */
  .msu-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .msu-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
    gap: 8px !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .msu-brand {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 128px) !important;
    gap: 7px !important;
    overflow: hidden !important;
  }

  .msu-brand img {
    flex: 0 0 auto !important;
    width: clamp(43px, 13vw, 51px) !important;
    height: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }

  .msu-brand-type {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 108px !important;
    overflow: hidden !important;
    line-height: .82 !important;
  }

  .msu-brand-type strong {
    display: block !important;
    max-width: 100% !important;
    font-size: clamp(12px, 3.9vw, 15px) !important;
    line-height: .82 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .msu-brand-type small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 6px !important;
    font-size: clamp(6px, 1.8vw, 7px) !important;
    line-height: 1 !important;
    letter-spacing: clamp(.13em, .55vw, .22em) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .msu-mobile {
    display: block !important;
    flex: 0 0 clamp(116px, 35vw, 128px) !important;
    width: clamp(116px, 35vw, 128px) !important;
    min-width: 0 !important;
    max-width: 128px !important;
  }

  .msu-mobile summary {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 48px !important;
    padding: 10px 13px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    font-size: clamp(14px, 4vw, 17px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  .msu-mobile summary > span:first-child {
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  .msu-mobile summary .msu-mobile-plus {
    flex: 0 0 auto !important;
    font-size: 24px !important;
  }

  .msu-mobile-panel {
    position: fixed !important;
    top: calc(env(safe-area-inset-top, 0px) + 76px) !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: calc(100dvh - env(safe-area-inset-top, 0px) - 92px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    overscroll-behavior: contain !important;
  }

  .msu-mobile-panel a {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  /* Startseiten-Hero: keine abgeschnittenen Wörter oder überbreiten Zeilen. */
  body.meta-home #start.hero {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body.meta-home #start .hero-inner {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.meta-home #start .hero-center,
  body.meta-home #start .hero-center > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.meta-home #start .hero-contact-compact {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.meta-home #start .hero-contact-compact a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    font-size: clamp(9.5px, 2.8vw, 11.5px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  body.meta-home #start h1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    font-size: clamp(28px, 8.55vw, 34px) !important;
    line-height: .91 !important;
    letter-spacing: -.052em !important;
    text-align: center !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body.meta-home #start h1 .v202-hero-line,
  body.meta-home #start h1 .v202-hero-line-primary,
  body.meta-home #start h1 .v202-hero-line-secondary {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  body.meta-home #start .mobile-line-break,
  body.meta-home #start .mobile-break-word {
    display: block !important;
  }

  body.meta-home #start .mobile-break-word {
    width: 100% !important;
    max-width: 100% !important;
    white-space: nowrap !important;
  }

  body.meta-home #start .v202-hero-line-secondary {
    margin-top: 6px !important;
  }

  body.meta-home #start .v202-hero-line-secondary .mobile-break-word {
    font-size: .86em !important;
    letter-spacing: -.04em !important;
  }

  body.meta-home #start .hero-video-card,
  body.meta-home #start .hero-video-top,
  body.meta-home #start .ms-vimeo-wrap,
  body.meta-home #start .hero-video-caption,
  body.meta-home #start .hero-copy,
  body.meta-home #start .hero-offer-note,
  body.meta-home #start .micro {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.meta-home #start .hero-video-top {
    gap: 8px !important;
  }

  body.meta-home #start .hero-video-top small,
  body.meta-home #start .hero-video-top b {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  /* Formulare und Buttons bleiben innerhalb der Smartphone-Breite. */
  .form-layout,
  .form-grid,
  .form-row,
  .field {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  input,
  select,
  textarea,
  button,
  a.btn,
  .btn {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  a.btn,
  button.btn,
  input[type="submit"].btn {
    height: auto !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
  }

  /* Fix nur mobil: die Danke-Seite darf nicht in mehrere schmale Spalten gepresst werden. */
  body.ms-thankyou-page {
    display: block !important;
    align-items: initial !important;
    justify-content: initial !important;
    padding: 0 !important;
    min-height: 100vh !important;
  }

  body.ms-thankyou-page > main.wrap {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 20px auto !important;
  }

  /* Untere mobile CTA berücksichtigt iPhone-Safe-Areas. */
  .sticky-mobile {
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .sticky-mobile .btn {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 340px) {
  .msu-nav {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 6px !important;
  }

  .msu-brand {
    max-width: calc(100% - 116px) !important;
    gap: 5px !important;
  }

  .msu-brand img {
    width: 40px !important;
    height: 41px !important;
  }

  .msu-brand-type strong {
    font-size: 11.5px !important;
  }

  .msu-mobile {
    flex-basis: 110px !important;
    width: 110px !important;
  }

  .msu-mobile summary {
    padding-left: 11px !important;
    padding-right: 11px !important;
    font-size: 13px !important;
  }

  body.meta-home #start h1 {
    font-size: clamp(26px, 8.45vw, 29px) !important;
  }
}

/* V232: Nur extrem schmale Smartphone-Displays (z. B. 280 px).
   Verhindert, dass „Mehr Abschlüsse.“ rechts abgeschnitten wird. */
@media (max-width: 300px) {
  body.meta-home #start .v202-hero-line-secondary .mobile-break-word {
    font-size: clamp(18px, 7vw, 20px) !important;
    letter-spacing: -.055em !important;
  }
}

/* V232 QA 1: Die mobile Abschlussleiste bleibt innerhalb der Displayränder.
   Die ursprüngliche Polish-Datei setzt sie global auf position:relative;
   dieser Fix stellt nur auf Smartphones die vorgesehene feste Leiste wieder her. */
@media (max-width: 760px) {
  body .sticky-mobile {
    position: fixed !important;
    left: max(10px, env(safe-area-inset-left, 0px)) !important;
    right: max(10px, env(safe-area-inset-right, 0px)) !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
    min-width: 0 !important;
  }
}

/* V232 QA 2: FAQ-Raster darf auf sehr schmalen Smartphones nicht durch
   die Mindestbreite langer Überschriften oder Fragen verbreitert werden. */
@media (max-width: 340px) {
  body .faq-layout {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .faq-layout > *,
  body .faq-layout details,
  body .faq-layout summary,
  body .faq-layout h2,
  body .faq-layout p {
    min-width: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* V232 QA 3: Paketkarten dürfen auf 280–340 px nicht durch intrinsische
   Mindestbreiten breiter als der sichtbare Inhaltsbereich werden. */
@media (max-width: 340px) {
  body.meta-home .v95-pricing-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.meta-home .v95-price-card,
  body.meta-home .v95-price-card > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.meta-home .v95-price-card {
    width: 100% !important;
  }
}

/* V232 QA 4: Der Instagram-Kopf bleibt auch auf 280–340 px innerhalb
   des Inhaltsbereichs; die bestehende Einzeilen-Regel wird dort aufgehoben. */
@media (max-width: 340px) {
  body.meta-home .v209-instagram-shell,
  body.meta-home .v209-instagram-head {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.meta-home .v209-instagram-head > *,
  body.meta-home .v209-instagram-head h2,
  body.meta-home .v209-instagram-head p,
  body.meta-home .v209-instagram-head .btn {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.meta-home .v209-instagram-head h2 {
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}

/* V232 QA 5: Zweispaltige Statement-Blöcke werden auf sehr schmalen
   Geräten als wirklich schrumpfbare Einspalte geführt. */
@media (max-width: 340px) {
  body .statement {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .statement > *,
  body .statement h2,
  body .statement .statement-copy,
  body .statement .statement-copy p,
  body .statement .statement-copy strong {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* V232 QA 6: Servicekarten behalten auf extrem schmalen Displays keine
   durch Text erzwungene Mindestspaltenbreite. */
@media (max-width: 340px) {
  body .services {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body .services > *,
  body .services .service,
  body .services .service > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* V232 QA 7: Der Statement-Block nutzt auf allen Smartphonebreiten eine
   schrumpfbare Einzelspalte. Dies erweitert ausschließlich den mobilen Fix. */
@media (max-width: 760px) {
  body .statement {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .statement > *,
  body .statement h2,
  body .statement .statement-copy,
  body .statement .statement-copy p,
  body .statement .statement-copy strong {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* V232 QA 8: Rechtliche Seiten bleiben auch auf kleinen Handys im
   Querformat vollständig sichtbar. Das dekorative Wappen wird dort kleiner,
   ohne die Desktop- oder normale Tabletansicht anzutasten. */
@media (max-width: 620px) and (orientation: landscape) {
  body .legal-hero .hero-grid {
    grid-template-columns: minmax(0, 1fr) minmax(72px, 112px) !important;
    gap: 14px !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .legal-hero .hero-grid > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body .legal-hero .hero-mark {
    width: 112px !important;
    max-width: 100% !important;
    height: auto !important;
    justify-self: end !important;
  }
}

/* V232 QA 9: Das absolut positionierte Wappen der Rechtsseiten hatte im
   kleinen Querformat einen negativen rechten Versatz. */
@media (max-width: 620px) and (orientation: landscape) {
  body .legal-hero .hero-mark {
    left: auto !important;
    right: 0 !important;
  }
}

/* V232 QA 10: Derselbe negative Versatz trat auch auf größeren Handys im
   Querformat auf. Der Fix bleibt bis 760 px vollständig mobil gekapselt. */
@media (max-width: 760px) and (orientation: landscape) {
  body .legal-hero .hero-mark {
    left: auto !important;
    right: 0 !important;
    width: clamp(96px, 18vw, 150px) !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* V232 QA 11: Auch bei 760 px im Hochformat lag das dekorative Wappen
   durch den ursprünglichen negativen Versatz außerhalb des Viewports. */
@media (max-width: 760px) {
  body .legal-hero .hero-mark {
    left: auto !important;
    right: 0 !important;
    width: clamp(96px, 18vw, 150px) !important;
    max-width: 100% !important;
    height: auto !important;
  }
}

/* V232 QA 12: Höhere Spezifität als die nachgeladene Original-Polish-Datei,
   damit „Mehr Abschlüsse.“ auf 280-px-Geräten tatsächlich vollständig passt. */
@media (max-width: 300px) {
  html body.meta-home.v202 #start.hero .hero-inner .hero-center h1
  span.v202-hero-line.v202-hero-line-secondary span.mobile-break-word {
    font-size: clamp(22px, 8vw, 24px) !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }
}

/* V232 QA 13: Auch 320-px-Geräte benötigen für die Abschlusszeile eine
   leicht reduzierte, aber weiterhin deutlich hervorgehobene Schriftgröße. */
@media (max-width: 340px) {
  html body.meta-home.v202 #start.hero .hero-inner .hero-center h1
  span.v202-hero-line.v202-hero-line-secondary span.mobile-break-word {
    font-size: clamp(22px, 8.5vw, 28px) !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }
}

/* == ms-proof-transformation-v1.css == */
/* Marketing Schmiede: Referenzlogos, Vorher/Nachher und Conversion-Optimierung */
.ms-proof-system,
.ms-proof-system * {
  box-sizing: border-box;
}

.ms-proof-system {
  --ms-proof-navy: #111221;
  --ms-proof-navy-soft: #1a1b31;
  --ms-proof-purple: #7000d9;
  --ms-proof-purple-bright: #9250ff;
  --ms-proof-gold: #d9b979;
  --ms-proof-ink: #171822;
  --ms-proof-muted: #686977;
  --ms-proof-paper: #f7f5fa;
  font-family: inherit;
}

body.ms-polish-v213 main > section.ms-proof-system.ms-client-proof,
.ms-client-proof {
  position: relative;
  z-index: 2;
  overflow: hidden;
  contain: paint;
  isolation: isolate;
  padding: 25px 0 28px;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(146, 80, 255, .25), transparent 34%),
    radial-gradient(circle at 88% 130%, rgba(112, 0, 217, .3), transparent 38%),
    linear-gradient(112deg, #0d0e1a 0%, #15162a 56%, #1d1037 100%) !important;
  border-top: 1px solid rgba(255, 255, 255, .08);
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ms-client-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .35;
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(90deg, transparent, #000 25%, #000 75%, transparent);
}

.ms-client-proof__head {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: rgba(255, 255, 255, .72);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: .16em;
  text-align: center;
  text-transform: uppercase;
}

.ms-client-proof__head::before,
.ms-client-proof__head::after {
  content: "";
  width: 46px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(217, 185, 121, .75));
}

.ms-client-proof__head::after {
  transform: rotate(180deg);
}

.ms-logo-marquee {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 74px;
  max-width: 100%;
  contain: inline-size layout paint;
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.ms-logo-track {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: stretch;
  width: max-content;
  will-change: transform;
  animation: msLogoFlow 48s linear infinite;
}

.ms-logo-set {
  display: flex;
  align-items: stretch;
  gap: 16px;
  padding-right: 16px;
}

.ms-logo-item {
  position: relative;
  flex: 0 0 216px;
  height: 74px;
  display: grid;
  place-items: center;
  padding: 13px 24px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 16px;
  background: rgba(255, 255, 255, .055);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), 0 12px 30px rgba(0, 0, 0, .13);
  transition: transform .28s ease, border-color .28s ease, background .28s ease;
}

.ms-logo-item[href]::after {
  content: "↗";
  position: absolute;
  top: 8px;
  right: 10px;
  color: rgba(255, 255, 255, .34);
  font-size: 10px;
  opacity: 0;
  transform: translate(-3px, 3px);
  transition: opacity .25s ease, transform .25s ease;
}

.ms-logo-item img {
  display: block;
  width: auto;
  max-width: 170px;
  height: auto;
  max-height: 45px;
  object-fit: contain;
  filter: none;
}

.ms-logo-item--static {
  cursor: default;
}

.ms-logo-item--iso img {
  max-width: 86px;
  max-height: 48px;
}

.ms-logo-item--toscan img {
  max-width: 194px;
  max-height: 55px;
  filter: drop-shadow(0 1px 5px rgba(255, 255, 255, .16));
}

.ms-logo-item--forgatsch,
.ms-logo-item--toscan,
.ms-logo-item--glam,
.ms-logo-item--mery,
.ms-logo-item--sysprom,
.ms-logo-item--enop,
.ms-logo-item--zahnpark {
  padding-inline: 12px;
}

.ms-logo-item--sv img {
  max-width: 170px;
  max-height: 42px;
}

.ms-logo-item--kss {
  padding: 7px 22px;
}

.ms-logo-item--kss img {
  max-width: 76px;
  max-height: 58px;
}

.ms-logo-item--leistung img {
  max-width: 78px;
  max-height: 58px;
}

.ms-logo-item--forgatsch img {
  max-width: 184px;
  max-height: 57px;
}

.ms-logo-item--glam img {
  width: auto;
  height: auto;
  max-width: 190px;
  max-height: 54px;
  object-fit: contain;
}

.ms-logo-item--mery img {
  max-width: 158px;
  max-height: 52px;
}

.ms-logo-item--sysprom img {
  max-width: 192px;
  max-height: 56px;
}

.ms-logo-item--sysprom {
  padding-block: 8px;
}

.ms-logo-item--zahnpark img {
  max-width: 188px;
  max-height: 47px;
}

.ms-logo-item--salesarena {
  padding-block: 7px;
}

.ms-logo-item--salesarena img {
  max-width: 42px;
  max-height: 60px;
  filter: drop-shadow(0 4px 10px rgba(217, 185, 121, .2));
}

.ms-logo-item--enop img {
  max-width: 158px;
  max-height: 48px;
  filter: brightness(0) invert(1) drop-shadow(0 2px 9px rgba(255, 255, 255, .12));
  opacity: .96;
}

@media (hover: hover) {
  .ms-logo-marquee:hover .ms-logo-track {
    animation-play-state: paused;
  }

  .ms-logo-item:hover {
    z-index: 2;
    transform: translateY(-4px);
    border-color: rgba(217, 185, 121, .55);
    background: rgba(255, 255, 255, .095);
  }

  .ms-logo-item[href]:hover::after {
    opacity: 1;
    transform: translate(0, 0);
  }

  .ms-logo-item--static:hover {
    transform: none;
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .055);
  }
}

@keyframes msLogoFlow {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.ms-transformation {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: clamp(48px, 5vw, 68px) 0;
  color: var(--ms-proof-ink);
  background:
    radial-gradient(circle at 85% 18%, rgba(112, 0, 217, .08), transparent 31%),
    radial-gradient(circle at 4% 96%, rgba(217, 185, 121, .12), transparent 29%),
    var(--ms-proof-paper);
}

.ms-transformation::before {
  content: "";
  position: absolute;
  width: 440px;
  height: 440px;
  top: 75px;
  left: 50%;
  border: 1px solid rgba(112, 0, 217, .07);
  border-radius: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

.ms-transformation__inner {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.ms-transformation__head {
  max-width: 850px;
  margin: 0 auto 30px;
  text-align: center;
}

.ms-transformation__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--ms-proof-purple);
  font-size: 10px;
  font-weight: 900;
  line-height: 1.3;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ms-transformation__eyebrow::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ms-proof-purple-bright);
  box-shadow: 0 0 0 5px rgba(146, 80, 255, .12);
}

.ms-transformation h2 {
  max-width: none;
  margin: 0;
  color: var(--ms-proof-ink);
  font-family: inherit;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.ms-transformation h2 span {
  color: var(--ms-proof-purple);
}

.ms-transformation__intro {
  max-width: 720px;
  margin: 17px auto 0;
  color: var(--ms-proof-muted);
  font-size: 15px;
  line-height: 1.72;
  text-wrap: pretty;
}

.ms-compare-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.ms-compare-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: clamp(28px, 4vw, 46px);
  border-radius: 27px;
  box-shadow: 0 25px 70px rgba(18, 19, 35, .1);
}

.ms-compare-card--before {
  color: #252630;
  border: 1px solid rgba(18, 19, 35, .1);
  background: rgba(255, 255, 255, .86);
}

.ms-compare-card--before::after {
  content: "";
  position: absolute;
  inset: auto -60px -90px auto;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(95, 97, 112, .06);
}

.ms-compare-card--after {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle at 100% 0%, rgba(146, 80, 255, .55), transparent 38%),
    linear-gradient(145deg, #121323 0%, #191a31 58%, #281047 100%);
}

.ms-compare-card--after::after {
  content: "";
  position: absolute;
  right: -46px;
  bottom: -60px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255, 255, 255, .025), 0 0 0 60px rgba(255, 255, 255, .018);
}

.ms-compare-card__label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 11px;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.ms-compare-card--before .ms-compare-card__label {
  color: #6d4850;
  background: #f4e9eb;
}

.ms-compare-card--after .ms-compare-card__label {
  color: #f1e8ff;
  border: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .08);
}

.ms-compare-card h3 {
  position: relative;
  z-index: 1;
  margin: 20px 0 23px;
  color: inherit;
  font-family: inherit;
  font-size: clamp(25px, 3vw, 36px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -.035em;
}

.ms-proof-system .ms-compare-card--before h3 {
  color: #252630 !important;
  -webkit-text-fill-color: #252630 !important;
}

.ms-proof-system .ms-compare-card--after h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.ms-compare-list {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ms-compare-list li {
  position: relative;
  margin: 0;
  padding: 0 0 0 31px;
  color: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.ms-compare-list li::before {
  position: absolute;
  left: 0;
  top: .12em;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 900;
}

.ms-compare-card--before .ms-compare-list li::before {
  content: "−";
  color: #8d5962;
  background: #f2e7e9;
}

.ms-compare-card--after .ms-compare-list li::before {
  content: "✓";
  color: #16172a;
  background: linear-gradient(135deg, #fff, #d8c0ff);
  box-shadow: 0 5px 16px rgba(146, 80, 255, .28);
}

.ms-proof-system .ms-compare-card--before .ms-compare-list li {
  color: #4f515d !important;
  -webkit-text-fill-color: #4f515d !important;
}

.ms-proof-system .ms-compare-card--after .ms-compare-list li {
  color: rgba(255, 255, 255, .82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .82) !important;
}

.ms-compare-result {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 27px;
  padding-top: 21px;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

.ms-compare-result span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 999px;
  color: rgba(255, 255, 255, .84);
  background: rgba(255, 255, 255, .06);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.ms-compare-arrow {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 5px solid var(--ms-proof-paper);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--ms-proof-purple), var(--ms-proof-purple-bright));
  box-shadow: 0 12px 28px rgba(112, 0, 217, .28);
  font-size: 20px;
  transform: translate(-50%, -50%);
  animation: msComparePulse 3.8s ease-in-out infinite;
}

@keyframes msComparePulse {
  0%, 100% {
    box-shadow: 0 12px 28px rgba(112, 0, 217, .28), 0 0 0 0 rgba(146, 80, 255, .15);
  }
  50% {
    box-shadow: 0 15px 34px rgba(112, 0, 217, .38), 0 0 0 9px rgba(146, 80, 255, 0);
  }
}

.ms-guarantee {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  margin-top: 24px;
  padding: clamp(25px, 4vw, 39px);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 25px;
  color: #fff;
  background:
    radial-gradient(circle at 95% 12%, rgba(217, 185, 121, .2), transparent 28%),
    linear-gradient(120deg, #111221 0%, #1b1730 60%, #23113e 100%);
  box-shadow: 0 24px 65px rgba(18, 19, 35, .14);
}

.ms-guarantee::after {
  content: "30";
  position: absolute;
  right: 23px;
  bottom: -24px;
  color: rgba(255, 255, 255, .035);
  font-size: 130px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.08em;
  pointer-events: none;
}

.ms-guarantee__icon {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(217, 185, 121, .4);
  border-radius: 22px;
  color: #f1d9a6;
  background: rgba(217, 185, 121, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.ms-guarantee__icon svg {
  width: 34px;
  height: 34px;
}

.ms-guarantee__copy {
  position: relative;
  z-index: 1;
}

.ms-guarantee__badge {
  display: inline-flex;
  margin-bottom: 8px;
  color: #f1d9a6;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ms-proof-system .ms-guarantee h3 {
  margin: 0;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: inherit;
  font-size: clamp(23px, 3vw, 34px);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -.035em;
}

.ms-proof-system .ms-guarantee p {
  max-width: 860px;
  margin: 11px 0 0;
  color: rgba(255, 255, 255, .82) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .82) !important;
  font-size: 13px;
  line-height: 1.65;
}

.ms-proof-system .ms-guarantee small {
  display: block;
  max-width: 940px;
  margin-top: 10px;
  color: rgba(255, 255, 255, .63) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, .63) !important;
  font-size: 10px;
  line-height: 1.55;
}

/* Hauptseite: weniger Text im Hero, kompaktere Abschnitte und klare Sicherheitssignale. */
body.meta-home.ms-polish-v213 #start .hero-copy {
  max-width: 690px !important;
  margin-top: 17px !important;
  font-size: clamp(15px, 1.45vw, 17px) !important;
  line-height: 1.55 !important;
}

body.meta-home.ms-polish-v213 #start .btn {
  margin-top: 22px !important;
}

.hero-trust-row {
  width: min(780px, 100%);
  margin: 17px auto 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

.hero-trust-row > span,
.hero-trust-row__guarantee {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 9px 14px;
  border: 1px solid rgba(18, 19, 35, .09);
  border-radius: 13px;
  color: #464854;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 10px 26px rgba(18, 19, 35, .055);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  text-decoration: none;
}

.hero-trust-row__guarantee {
  border-color: rgba(112, 0, 217, .26);
  color: #fff;
  background:
    radial-gradient(circle at 100% 0%, rgba(146, 80, 255, .55), transparent 45%),
    linear-gradient(135deg, #111221, #24103f);
  box-shadow: 0 13px 31px rgba(112, 0, 217, .2);
  font-size: 12px;
  letter-spacing: -.01em;
  transition: transform .25s ease, box-shadow .25s ease;
}

.hero-trust-row__guarantee::before {
  content: "✓";
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #151626;
  background: linear-gradient(135deg, #fff, #e8d5ff);
  font-size: 11px;
  font-weight: 900;
}

.hero-trust-row__guarantee small {
  color: #f1d9a6;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (hover: hover) {
  .hero-trust-row__guarantee:hover {
    transform: translateY(-2px);
    box-shadow: 0 17px 38px rgba(112, 0, 217, .28);
  }
}

body.meta-home.ms-polish-v213 .main-section {
  padding-top: clamp(62px, 6.5vw, 82px) !important;
  padding-bottom: clamp(62px, 6.5vw, 82px) !important;
}

body.meta-home.ms-polish-v213 .main-section.compact-section,
body.meta-home.ms-polish-v213 .main-section.tight {
  padding-top: clamp(50px, 5.2vw, 66px) !important;
  padding-bottom: clamp(50px, 5.2vw, 66px) !important;
}

body.meta-home.ms-polish-v213 .main-section .section-head,
body.meta-home.ms-polish-v213 .main-section .section-title {
  margin-bottom: clamp(27px, 3.2vw, 39px) !important;
}

/* Kompakter, animierter Übergang zwischen den beiden Erklärvideo-Bereichen. */
.ms-process-ribbon {
  position: relative;
  z-index: 3;
  overflow: hidden;
  padding: 19px 0;
  color: #fff;
  background:
    radial-gradient(circle at 18% 0%, rgba(146, 80, 255, .34), transparent 34%),
    linear-gradient(110deg, #10111f 0%, #17182b 55%, #25103f 100%);
  border-block: 1px solid rgba(255, 255, 255, .08);
}

.ms-process-ribbon::before {
  content: "";
  position: absolute;
  top: -90%;
  bottom: -90%;
  left: -25%;
  width: 22%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(217, 185, 121, .17), rgba(146, 80, 255, .22), transparent);
  filter: blur(5px);
  transform: skewX(-18deg);
  animation: msRibbonSweep 6.5s ease-in-out infinite;
}

.ms-process-ribbon__inner {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(190px, .7fr) minmax(0, 1.8fr);
  align-items: center;
  gap: 28px;
}

.ms-process-ribbon__label {
  display: grid;
  gap: 3px;
}

.ms-process-ribbon__label small {
  color: #d9b979;
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ms-process-ribbon__label strong {
  color: #fff;
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.ms-process-ribbon__steps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.ms-process-ribbon__step {
  position: relative;
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 999px;
  color: rgba(255, 255, 255, .83);
  background: rgba(255, 255, 255, .055);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.ms-process-ribbon__step i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #a66aff;
  box-shadow: 0 0 0 0 rgba(166, 106, 255, .36);
  animation: msStepPulse 3.2s ease-in-out infinite;
}

.ms-process-ribbon__step:nth-of-type(2) i { animation-delay: .6s; }
.ms-process-ribbon__step:nth-of-type(3) i { animation-delay: 1.2s; }
.ms-process-ribbon__step:nth-of-type(4) i { animation-delay: 1.8s; }

.ms-process-ribbon__arrow {
  color: rgba(217, 185, 121, .72);
  font-size: 14px;
}

@keyframes msRibbonSweep {
  0%, 18% { transform: translateX(0) skewX(-18deg); opacity: 0; }
  35% { opacity: 1; }
  72%, 100% { transform: translateX(700%) skewX(-18deg); opacity: 0; }
}

@keyframes msStepPulse {
  0%, 100% { background: #a66aff; box-shadow: 0 0 0 0 rgba(166, 106, 255, .35); }
  50% { background: #f1d9a6; box-shadow: 0 0 0 7px rgba(166, 106, 255, 0); }
}

/* Ausführliche Garantie bewusst weiter unten und deutlich kompakter. */
.ms-guarantee-section {
  position: relative;
  padding: 30px 0;
  background: #f7f5fa;
}

.ms-guarantee-section__inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

.ms-guarantee--compact {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 18px;
  margin: 0;
  padding: 21px 24px;
  border-radius: 20px;
}

.ms-guarantee--compact .ms-guarantee__icon {
  width: 54px;
  height: 54px;
  border-radius: 17px;
}

.ms-guarantee--compact .ms-guarantee__icon svg {
  width: 28px;
  height: 28px;
}

.ms-proof-system .ms-guarantee--compact h3 {
  font-size: clamp(20px, 2.5vw, 28px);
}

.ms-proof-system .ms-guarantee--compact p {
  margin-top: 7px;
  line-height: 1.5;
}

.ms-guarantee--compact .ms-guarantee__cta {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  border: 1px solid rgba(217, 185, 121, .38);
  border-radius: 13px;
  color: #171822;
  background: linear-gradient(135deg, #f5e5bf, #d9b979);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .04em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (max-width: 780px) {
  .ms-client-proof {
    padding: 21px 0 24px;
  }

  .ms-client-proof__head {
    width: calc(100% - 28px);
    margin-bottom: 14px;
    font-size: 8px;
    letter-spacing: .13em;
  }

  .ms-logo-marquee {
    height: 64px;
    mask-image: linear-gradient(90deg, transparent 0, #000 3%, #000 97%, transparent 100%);
  }

  .ms-logo-set {
    gap: 10px;
    padding-right: 10px;
  }

  .ms-logo-item {
    flex-basis: 168px;
    height: 64px;
    padding: 11px 18px;
    border-radius: 14px;
  }

  .ms-logo-item--forgatsch,
  .ms-logo-item--toscan,
  .ms-logo-item--glam,
  .ms-logo-item--mery,
  .ms-logo-item--sysprom,
  .ms-logo-item--enop,
  .ms-logo-item--zahnpark {
    padding-inline: 10px;
  }

  .ms-logo-item--salesarena {
    padding-block: 6px;
  }

  .ms-logo-item img {
    max-width: 132px;
    max-height: 37px;
  }

  .ms-logo-item--iso img {
    max-width: 70px;
    max-height: 39px;
  }

  .ms-logo-item--toscan img {
    max-width: 148px;
    max-height: 42px;
  }

  .ms-logo-item--forgatsch img,
  .ms-logo-item--glam img,
  .ms-logo-item--sysprom img,
  .ms-logo-item--enop img,
  .ms-logo-item--zahnpark img {
    max-width: 145px;
    max-height: 42px;
  }

  .ms-logo-item--mery img {
    max-width: 128px;
    max-height: 42px;
  }

  .ms-logo-item--salesarena img {
    max-width: 35px;
    max-height: 52px;
  }

  .ms-transformation {
    padding: 48px 0 52px;
  }

  .ms-transformation__inner {
    width: min(100% - 28px, 600px);
  }

  .ms-transformation__head {
    margin-bottom: 27px;
  }

  .ms-transformation h2 {
    font-size: clamp(31px, 10vw, 46px);
    line-height: 1;
  }

  .ms-transformation__intro {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.65;
  }

  .ms-compare-grid {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .ms-compare-card {
    padding: 28px 24px;
    border-radius: 22px;
  }

  .ms-compare-card h3 {
    margin: 17px 0 20px;
    font-size: 27px;
  }

  .ms-compare-list li {
    padding-left: 29px;
    font-size: 13px;
  }

  .ms-compare-arrow {
    top: 50%;
    width: 40px;
    height: 40px;
    border-width: 4px;
    font-size: 18px;
    transform: translate(-50%, -50%) rotate(90deg);
  }

  .ms-guarantee {
    grid-template-columns: 1fr;
    gap: 15px;
    padding: 25px 23px;
    border-radius: 22px;
  }

  .ms-guarantee__icon {
    width: 56px;
    height: 56px;
    border-radius: 17px;
  }

  .ms-guarantee__icon svg {
    width: 29px;
    height: 29px;
  }

  .ms-proof-system .ms-guarantee p {
    font-size: 12px;
  }

  .ms-proof-system .ms-guarantee small {
    font-size: 9px;
  }

  .hero-trust-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: 14px;
  }

  .hero-trust-row__guarantee {
    grid-column: 1 / -1;
    min-height: 46px;
    font-size: 11px;
  }

  .hero-trust-row > span {
    min-height: 40px;
    padding: 8px 9px;
    font-size: 8px;
    text-align: center;
  }

  body.meta-home.ms-polish-v213 .main-section,
  body.meta-home.ms-polish-v213 .main-section.compact-section,
  body.meta-home.ms-polish-v213 .main-section.tight {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .ms-process-ribbon {
    padding: 18px 0;
  }

  .ms-process-ribbon__inner {
    width: calc(100% - 28px);
    grid-template-columns: 1fr;
    gap: 13px;
    text-align: center;
  }

  .ms-process-ribbon__steps {
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
  }

  .ms-process-ribbon__step {
    min-height: 32px;
    padding: 7px 9px;
    font-size: 8px;
  }

  .ms-process-ribbon__arrow {
    display: none;
  }

  .ms-guarantee-section {
    padding: 22px 0;
  }

  .ms-guarantee-section__inner {
    width: calc(100% - 28px);
  }

  .ms-guarantee--compact {
    grid-template-columns: auto minmax(0, 1fr);
    padding: 19px;
  }

  .ms-guarantee--compact .ms-guarantee__cta {
    grid-column: 1 / -1;
    width: 100%;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ms-logo-track {
    animation: none;
  }

  .ms-logo-set[aria-hidden="true"] {
    display: none;
  }

  .ms-logo-marquee {
    overflow-x: auto;
    scrollbar-width: thin;
  }

  .ms-compare-arrow {
    animation: none;
  }

  .ms-process-ribbon::before,
  .ms-process-ribbon__step i {
    animation: none;
  }
}

/* == ms-unified-v212.css == */

/* Marketing Schmiede V212 – unified landing-page system */
:root{--ms-navy:#121323;--ms-navy2:#191a2c;--ms-purple:#7b00ff;--ms-purple2:#5600e8;--ms-paper:#f2f2f0;--ms-white:#fff;--ms-ink:#11121f;--ms-muted:#61636e;--ms-line:#dedee2;--ms-wrap:min(1180px,calc(100% - 32px));--ms-shadow:0 24px 70px rgba(18,19,35,.13)}
html{scroll-behavior:smooth;scroll-padding-top:112px}body{overflow-x:hidden}.msu-page{margin:0;background:var(--ms-paper);color:var(--ms-ink);font-family:Montserrat,Arial,sans-serif}.msu-page *{box-sizing:border-box}.msu-page img,.msu-page svg{max-width:100%}.msu-page .wrap,.msu-page .container{width:var(--ms-wrap);max-width:none;margin-inline:auto}.msu-page a{text-decoration:none}
.msu-announcement{min-height:37px;display:flex;align-items:center;justify-content:center;padding:8px 16px;background:linear-gradient(90deg,#5600e8,#8d00ff,#5600e8);background-size:200% 100%;animation:msuAnnouncement 9s linear infinite;color:#fff;font-size:12px;font-weight:800;letter-spacing:.055em;text-align:center;text-transform:uppercase}.msu-header{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(18,19,35,.97)!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(16px);box-shadow:none!important}.msu-nav{width:var(--ms-wrap);min-height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.msu-brand{display:flex;align-items:center;gap:12px;color:#fff!important;min-width:0}.msu-brand img{width:62px;height:50px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.28))}.msu-brand-type{font-family:"League Spartan",Arial,sans-serif;line-height:.83;text-transform:uppercase}.msu-brand-type strong{display:block;font-size:18px;font-weight:800;letter-spacing:-.03em}.msu-brand-type small{display:block;margin-top:8px;font-size:8px;font-weight:700;letter-spacing:.26em;color:#c7c7ce}.msu-links{display:flex;align-items:center;gap:23px;color:#ececf0;font-size:13px;font-weight:700}.msu-links>a:not(.msu-btn):hover{color:#fff}.msu-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 21px;border-radius:999px;background:linear-gradient(90deg,var(--ms-purple2),var(--ms-purple));color:#fff!important;font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;box-shadow:0 13px 30px rgba(123,0,255,.28);transition:.22s ease}.msu-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 17px 38px rgba(123,0,255,.37)}.msu-mobile{display:none;position:relative;color:#fff}.msu-mobile summary{cursor:pointer;list-style:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 15px;font-weight:800}.msu-mobile summary::-webkit-details-marker{display:none}.msu-mobile-panel{position:absolute;right:0;top:51px;min-width:265px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#17182a;box-shadow:0 20px 50px rgba(0,0,0,.28)}.msu-mobile-panel a{display:block;padding:12px 13px;border-radius:10px;color:#fff;font-weight:700}.msu-mobile-panel a:hover{background:rgba(255,255,255,.08)}
.msu-page h1,.msu-page h2,.msu-page h3{font-family:"League Spartan",Arial,sans-serif;text-transform:uppercase;letter-spacing:-.045em}.msu-page h1{font-weight:900}.msu-page h2{font-weight:900}.msu-page h3{font-weight:800}.msu-page main>section{position:relative;overflow:hidden}.msu-page main>section:not(.dark):not(.purple):not(.final):not(.v202-dark):not(.v202-purple){background-color:var(--ms-paper)}.msu-page main>section.white,.msu-page main>section.v202-light,.msu-page main>section.paper{background-color:#fff}.msu-page main>section.dark,.msu-page main>section.v202-dark{background-color:var(--ms-navy);color:#fff}.msu-page main>section.purple,.msu-page main>section.v202-purple,.msu-page main>section.final{background:linear-gradient(135deg,#4d00c8,#7b00ff);color:#fff}.msu-page main>section::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url('/assets/ms-structure-lines-v212.svg');background-repeat:no-repeat;background-position:right top;background-size:min(820px,70vw) auto;opacity:.22;z-index:0}.msu-page main>section:nth-of-type(even)::after{transform:scaleX(-1);background-position:left top;opacity:.16}.msu-page main>section.dark::after,.msu-page main>section.v202-dark::after,.msu-page main>section.purple::after,.msu-page main>section.v202-purple::after,.msu-page main>section.final::after{filter:brightness(1.8);opacity:.18}.msu-page main>section>*{position:relative;z-index:2}.msu-page .card,.msu-page .service-card,.msu-page .feature-card,.msu-page .step,.msu-page .faq-item,.msu-page .faq-card,.msu-page article{border-radius:20px}.msu-page .card,.msu-page .service-card,.msu-page .feature-card,.msu-page .step{box-shadow:0 18px 52px rgba(18,19,35,.09)}
.ms-orbit-decor{position:absolute!important;z-index:1!important;width:clamp(280px,42vw,620px);aspect-ratio:1;right:clamp(-300px,-14vw,-100px);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.56;background:url('/assets/ms-orbit-v212.svg') center/contain no-repeat;animation:msuOrbitFloat 12s ease-in-out infinite}.ms-orbit-decor::after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;left:50%;top:50%;background:#8f2cff;box-shadow:0 0 24px rgba(123,0,255,.65);transform-origin:-205px 0;animation:msuOrbRound 10s linear infinite}.msu-page main>section:nth-of-type(3n)>.ms-orbit-decor{left:clamp(-300px,-14vw,-100px);right:auto;transform:translateY(-50%) scaleX(-1)}
.msu-directory-section{padding:92px 0;background:#fff!important;border-block:1px solid var(--ms-line)}.msu-directory-head{max-width:850px;margin:0 auto 42px;text-align:center}.msu-directory-head .eyebrow{color:var(--ms-purple);font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.msu-directory-head h2{margin:12px 0 13px;font-size:clamp(42px,5vw,70px);line-height:.9;color:var(--ms-navy)}.msu-directory-head p{margin:0;color:var(--ms-muted);font-size:17px;line-height:1.65}.msu-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.msu-directory-card{padding:24px;border:1px solid var(--ms-line);border-radius:20px;background:#fff;box-shadow:0 14px 40px rgba(18,19,35,.07)}.msu-directory-card h3{margin:0 0 13px;font-size:21px;color:var(--ms-navy)}.msu-directory-card a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #ececf0;color:#353744;font-size:13px;font-weight:700}.msu-directory-card a:first-of-type{border-top:0}.msu-directory-card a::after{content:"→";color:var(--ms-purple);font-size:17px;transition:transform .2s}.msu-directory-card a:hover{color:var(--ms-purple)}.msu-directory-card a:hover::after{transform:translateX(4px)}
.meta-ads-visual-section{position:relative;padding:86px 0 92px;background:#fff!important;border-top:1px solid var(--ms-line);border-bottom:1px solid var(--ms-line);overflow:hidden}.meta-ads-visual-section::before{content:"";position:absolute;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(123,0,255,.075),transparent 68%);filter:blur(10px);pointer-events:none}.meta-ads-title{position:relative;z-index:2;max-width:860px;margin:0 auto 48px;text-align:center}.meta-ads-title h2{margin:0;font-size:clamp(44px,5vw,70px);line-height:.9;color:var(--ms-navy)}.meta-ads-title p{max-width:660px;margin:18px auto 0;color:var(--ms-muted);font-size:16px;line-height:1.65}.meta-ads-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;perspective:1400px}.meta-ad-card{position:relative;border-radius:22px;background:#fff;box-shadow:0 24px 54px rgba(18,19,35,.13),0 4px 12px rgba(18,19,35,.06);overflow:hidden;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease;animation:metaAdFloat 7s ease-in-out infinite;will-change:transform}.meta-ad-card:nth-child(2){animation-delay:-2.2s}.meta-ad-card:nth-child(3){animation-delay:-4.4s}.meta-ad-card::after{content:"";position:absolute;inset:-30% -70%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.42) 49%,transparent 56%);transform:translateX(-52%) rotate(5deg);animation:metaAdShine 8s ease-in-out infinite;pointer-events:none}.meta-ad-card:nth-child(2)::after{animation-delay:-2.6s}.meta-ad-card:nth-child(3)::after{animation-delay:-5.2s}.meta-ad-card img{display:block;width:100%;height:auto;aspect-ratio:413/618;object-fit:cover}.meta-ad-card:hover{transform:translateY(-12px) rotateX(1.5deg) rotateY(-1.5deg);box-shadow:0 34px 72px rgba(18,19,35,.18),0 8px 18px rgba(18,19,35,.08)}
.msu-footer{position:relative;background:var(--ms-navy);color:#c9cad2;border-top:1px solid rgba(255,255,255,.08);padding:58px 0 24px}.msu-footer-grid{width:var(--ms-wrap);margin:auto;display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.msu-footer-brand{display:flex;gap:12px;align-items:center;color:#fff}.msu-footer-brand img{width:68px;height:56px;object-fit:contain}.msu-footer p{max-width:360px;font-size:13px;line-height:1.7}.msu-footer-col b{display:block;margin-bottom:12px;color:#fff;font-family:"League Spartan",Arial,sans-serif;font-size:17px;text-transform:uppercase}.msu-footer-col a{display:block;padding:5px 0;color:#c9cad2;font-size:12px;line-height:1.45}.msu-footer-col a:hover{color:#fff}.msu-legal{width:var(--ms-wrap);margin:36px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px}.msu-legal a{color:#d9d9e0}
@keyframes msuAnnouncement{to{background-position:200% 0}}@keyframes msuOrbitFloat{0%,100%{margin-top:-8px}50%{margin-top:10px}}@keyframes msuOrbRound{to{transform:rotate(360deg)}}@keyframes metaAdFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes metaAdShine{0%,100%,60%{transform:translateX(-58%) rotate(5deg);opacity:0}12%{opacity:.85}34%{transform:translateX(58%) rotate(5deg);opacity:0}}
@media(max-width:980px){.msu-links{display:none}.msu-mobile{display:block}.msu-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msu-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.msu-footer-grid>div:first-child{grid-column:1/-1}.meta-ads-grid{grid-template-columns:repeat(3,minmax(270px,1fr));gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 2px 24px;-webkit-overflow-scrolling:touch}.meta-ad-card{scroll-snap-align:center;animation:none}.meta-ad-card:hover{transform:none}}
@media(max-width:680px){html{scroll-padding-top:90px}.msu-announcement{font-size:10px;line-height:1.35}.msu-nav{min-height:67px}.msu-brand img{width:51px;height:43px}.msu-brand-type strong{font-size:15px}.msu-brand-type small{font-size:7px;margin-top:6px}.msu-directory-section,.meta-ads-visual-section{padding:64px 0}.msu-directory-grid{grid-template-columns:1fr}.msu-directory-card{padding:20px}.msu-footer-grid{grid-template-columns:1fr}.msu-footer-grid>div:first-child{grid-column:auto}.msu-legal{display:block;line-height:1.7}.ms-orbit-decor{opacity:.28}.meta-ads-title{margin-bottom:30px}.meta-ads-title h2{font-size:clamp(35px,10.2vw,44px)}.meta-ads-grid{grid-template-columns:repeat(3,minmax(82vw,1fr))}.msu-page main>section::after{background-size:700px auto;opacity:.12}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* V212 legacy detail-page normalization to the landing-page visual system */
.msu-page.v128-legal-page main>.hero{background:var(--ms-paper)!important;color:var(--ms-ink)!important;border-bottom:1px solid var(--ms-line)!important;min-height:auto!important}.msu-page.v128-legal-page main>.hero h1,.msu-page.v128-legal-page main>.hero h2{color:var(--ms-navy)!important}.msu-page.v128-legal-page main>.hero .lead,.msu-page.v128-legal-page main>.hero p{color:#4f515c!important}.msu-page.v128-legal-page .ms-headline-gold{color:var(--ms-purple)!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:var(--ms-purple)!important}.msu-page.v128-legal-page .kicker,.msu-page.v128-legal-page .eyebrow{color:var(--ms-purple)!important}.msu-page.v128-legal-page .hero-card{background:#fff!important;color:var(--ms-ink)!important;border:1px solid var(--ms-line)!important;box-shadow:var(--ms-shadow)!important}.msu-page.v128-legal-page .hero-card h2{color:var(--ms-navy)!important}.msu-page.v128-legal-page .hero-card .metric{background:#f4f1fa!important;border:1px solid #e4d8f8!important;color:var(--ms-ink)!important}.msu-page.v128-legal-page .hero-card .metric b{color:var(--ms-purple)!important}.msu-page.v128-legal-page .hero-card .terminal{background:var(--ms-navy)!important;color:#fff!important}.msu-page.v128-legal-page .tags span{background:#fff!important;color:#4b4d58!important;border-color:#d9c8f5!important}.msu-page.v128-legal-page main>.section:nth-of-type(2){background:#fff!important;color:var(--ms-ink)!important}.msu-page.v128-legal-page main>.section:nth-of-type(3){background:var(--ms-navy)!important;color:#fff!important}.msu-page.v128-legal-page main>.section:nth-of-type(4){background:var(--ms-paper)!important;color:var(--ms-ink)!important}.msu-page.v128-legal-page main>.section:nth-of-type(5){background:#fff!important;color:var(--ms-ink)!important}.msu-page.v128-legal-page main>.section:nth-of-type(6){background:linear-gradient(135deg,#4d00c8,#7b00ff)!important;color:#fff!important}.msu-page.v128-legal-page main>.section:nth-of-type(2) h2,.msu-page.v128-legal-page main>.section:nth-of-type(4) h2,.msu-page.v128-legal-page main>.section:nth-of-type(5) h2{color:var(--ms-navy)!important}.msu-page.v128-legal-page main>.section:nth-of-type(3) h2,.msu-page.v128-legal-page main>.section:nth-of-type(6) h2{color:#fff!important}.msu-page.v128-legal-page main>.section:nth-of-type(2) .card,.msu-page.v128-legal-page main>.section:nth-of-type(4) .panel,.msu-page.v128-legal-page main>.section:nth-of-type(4) .step,.msu-page.v128-legal-page main>.section:nth-of-type(5) .faq details{background:#fff!important;color:var(--ms-ink)!important;border:1px solid var(--ms-line)!important;box-shadow:0 16px 42px rgba(18,19,35,.08)!important}.msu-page.v128-legal-page main>.section:nth-of-type(3) .service-detail-v63{background:rgba(255,255,255,.07)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}.msu-page.v128-legal-page main>.section:nth-of-type(6) .cta{background:rgba(18,19,35,.18)!important;border:1px solid rgba(255,255,255,.18)!important}.msu-page.v128-legal-page .btn{border-radius:999px!important;background:linear-gradient(90deg,var(--ms-purple2),var(--ms-purple))!important;color:#fff!important;border:0!important}.msu-page.v128-legal-page .btn.ghost{background:#fff!important;color:var(--ms-navy)!important;border:1px solid var(--ms-line)!important}
@supports(content-visibility:auto){.msu-page main>section:nth-of-type(n+3){content-visibility:auto;contain-intrinsic-size:850px}}

/* == ms-v218.css == */
/* 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}
}

/* == ms-final-v234.css == */
/* Marketing Schmiede · final public-profile, guarantee and spacing polish · v234 */

:root {
  --ms-v234-purple: #8f2fff;
  --ms-v234-purple-dark: #6d18dc;
  --ms-v234-ink: #121323;
  --ms-v234-muted: #737486;
  --ms-v234-line: rgba(18, 19, 35, .10);
  --ms-v234-star: #fbbc04;
}

html {
  scroll-padding-top: 104px;
}

#geld-zurueck-garantie,
#google-bewertungen {
  scroll-margin-top: 112px;
}

/* Compact keyword link in every hero. */
.ms-hero-guarantee-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: fit-content;
  max-width: 100%;
  margin: 14px 0 0;
  padding: 9px 14px;
  border: 1px solid rgba(143, 47, 255, .24);
  border-radius: 999px;
  background: rgba(143, 47, 255, .075);
  color: var(--ms-v234-purple) !important;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: .025em;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(110, 24, 220, .08);
  transition: transform .22s ease, background-color .22s ease, border-color .22s ease;
}

.ms-hero-guarantee-link::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  background: var(--ms-v234-purple);
  color: #fff;
  font-size: 11px;
}

.ms-hero-guarantee-link small {
  color: currentColor;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .72;
}

.hero-center > .ms-hero-guarantee-link {
  margin-right: auto;
  margin-left: auto;
}

.hero-actions + .ms-hero-guarantee-link {
  margin-top: 13px;
}

@media (hover: hover) and (pointer: fine) {
  .ms-hero-guarantee-link:hover {
    transform: translateY(-2px);
    border-color: rgba(143, 47, 255, .45);
    background: rgba(143, 47, 255, .12);
  }
}

/* Real rating values and stars in existing public-profile cards. */
.regional-proof-grid.ms-google-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}

body.meta-home .regional-proof-grid.ms-google-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.regional-proof-grid.ms-google-grid .proof-card {
  min-width: 0;
}

.regional-proof-grid.ms-google-grid .proof-value {
  color: var(--ms-v234-ink);
  font-size: clamp(27px, 2vw, 36px);
  font-weight: 900;
  letter-spacing: -.045em;
}

.regional-proof-grid.ms-google-grid .proof-max {
  color: var(--ms-v234-muted);
  font-size: 11px;
  font-weight: 800;
}

.regional-proof-grid.ms-google-grid .proof-stars,
.ms-rating-stars {
  color: var(--ms-v234-star) !important;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .075em;
  text-shadow: 0 4px 15px rgba(251, 188, 4, .18);
}

.regional-proof-grid.ms-google-grid .proof-stars {
  font-size: clamp(15px, 1.25vw, 19px);
  white-space: nowrap;
}

.regional-proof-grid.ms-google-grid .proof-count {
  color: var(--ms-v234-ink);
  font-weight: 850;
}

.ms-google-proof-source {
  margin: 18px 0 0;
  color: #858696;
  font-size: 10px;
  line-height: 1.5;
  text-align: center;
}

/* Shared rating section for landing pages that did not yet have one. */
.ms-google-proof {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(50px, 5.2vw, 72px) 20px;
  background:
    radial-gradient(circle at 12% 0%, rgba(143, 47, 255, .12), transparent 34%),
    radial-gradient(circle at 90% 70%, rgba(143, 47, 255, .09), transparent 34%),
    #f8f5ff;
}

.ms-google-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: .34;
  background-image:
    linear-gradient(rgba(143, 47, 255, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(143, 47, 255, .08) 1px, transparent 1px);
  background-size: 58px 58px;
  mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}

.ms-google-proof__inner {
  width: min(1240px, 100%);
  margin: 0 auto;
}

.ms-google-proof__head {
  width: min(780px, 100%);
  margin: 0 auto 26px;
  text-align: center;
}

.ms-google-proof__eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  color: var(--ms-v234-purple);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.ms-google-proof__head h2 {
  margin: 0;
  color: var(--ms-v234-ink);
  font-size: clamp(32px, 4.4vw, 58px);
  line-height: .98;
  letter-spacing: -.052em;
}

.ms-google-proof__head h2 span {
  color: var(--ms-v234-purple);
}

.ms-google-proof__head p {
  max-width: 720px;
  margin: 15px auto 0;
  color: var(--ms-v234-muted);
  font-size: 14px;
  line-height: 1.62;
}

.ms-google-proof__summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 0 14px;
  overflow: hidden;
  border: 1px solid rgba(143, 47, 255, .12);
  border-radius: 20px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 18px 50px rgba(50, 30, 86, .07);
}

.ms-google-proof__summary > div {
  min-width: 0;
  padding: 17px 20px;
  text-align: center;
}

.ms-google-proof__summary > div + div {
  border-left: 1px solid var(--ms-v234-line);
}

.ms-google-proof__summary strong,
.ms-google-proof__summary span {
  display: block;
}

.ms-google-proof__summary strong {
  color: var(--ms-v234-ink);
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -.035em;
}

.ms-google-proof__summary span {
  margin-top: 4px;
  color: var(--ms-v234-muted);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ms-google-proof .proof-card {
  display: flex;
  min-height: 350px;
  flex-direction: column;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(18, 19, 35, .085);
  border-radius: 25px;
  background: rgba(255, 255, 255, .94);
  color: var(--ms-v234-ink);
  box-shadow: 0 24px 58px rgba(50, 30, 86, .09);
}

.ms-google-proof .proof-top,
.ms-google-proof .proof-brand,
.ms-google-proof .proof-rating,
.ms-google-proof .proof-location,
.ms-google-proof .proof-link {
  display: flex;
  align-items: center;
}

.ms-google-proof .proof-top {
  justify-content: space-between;
  gap: 10px;
}

.ms-google-proof .proof-brand {
  gap: 10px;
}

.ms-google-proof .proof-mark {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  padding: 6px;
  border: 1px solid var(--ms-v234-line);
  border-radius: 12px;
  background: #fff;
}

.ms-google-proof .proof-mark svg {
  width: 100%;
  height: 100%;
}

.ms-google-proof .proof-brand-copy strong,
.ms-google-proof .proof-brand-copy span {
  display: block;
}

.ms-google-proof .proof-brand-copy strong {
  font-size: 12px;
  font-weight: 900;
}

.ms-google-proof .proof-brand-copy span,
.ms-google-proof .proof-status {
  color: #90919d;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.ms-google-proof .proof-status {
  color: var(--ms-v234-purple);
}

.ms-google-proof .proof-card h3 {
  margin: 22px 0 5px;
  color: var(--ms-v234-ink);
  font-size: clamp(20px, 1.55vw, 25px);
  line-height: .98;
  letter-spacing: -.045em;
  text-transform: uppercase;
}

.ms-google-proof .proof-meta {
  min-height: 27px;
  color: #8b8c99;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ms-google-proof .proof-rating {
  justify-content: space-between;
  gap: 12px;
  margin: 18px 0 8px;
  padding: 14px;
  border: 1px solid rgba(18, 19, 35, .065);
  border-radius: 15px;
  background: #fafafd;
}

.ms-google-proof .proof-score {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.ms-google-proof .proof-count {
  margin-bottom: 15px;
  font-size: 12px;
  line-height: 1.4;
}

.ms-google-proof .proof-location {
  gap: 7px;
  margin-top: auto;
  padding-top: 13px;
  border-top: 1px solid var(--ms-v234-line);
  color: #858692;
  font-size: 10px;
}

.ms-google-proof .proof-location svg {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

.ms-google-proof .proof-link {
  justify-content: space-between;
  gap: 10px;
  margin-top: 13px;
  color: #287df3;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .07em;
  text-decoration: none;
  text-transform: uppercase;
}

.ms-google-proof .proof-link svg {
  width: 16px;
  height: 16px;
}

/* Rating presentation in the expandable homepage proof. */
.company-row .company-rating .ms-rating-stars {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
  line-height: 1;
}

.company-row .company-rating b {
  display: inline-block;
  margin-right: 5px;
}

.company-row .company-rating small {
  display: block;
}

/* The same complete service navigation used on the homepage. */
.msu-header .msu-links a[aria-current="page"],
.msu-header .msu-mobile-panel a[aria-current="page"] {
  color: #fff !important;
}

.msu-header .msu-mobile {
  border-bottom: 0 !important;
}

.msu-header .msu-mobile summary::after {
  content: none !important;
  display: none !important;
}

.msu-header .msu-links a[aria-current="page"]:not(.msu-btn) {
  position: relative;
}

.msu-header .msu-links a[aria-current="page"]:not(.msu-btn)::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9b979, #923cff);
  box-shadow: 0 0 14px rgba(146, 60, 255, .48);
}

.msu-header .msu-mobile-panel a[aria-current="page"] {
  background: rgba(146, 60, 255, .18);
}

/* Small branded transition from references into the comparison. */
.ms-proof-bridge {
  position: relative;
  z-index: 12;
  width: 100%;
  height: 0;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.ms-proof-bridge__seal {
  position: relative;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  overflow: visible;
  border: 1px solid rgba(217, 185, 121, .42);
  border-radius: 50%;
  background: linear-gradient(145deg, #151626, #24103f);
  box-shadow: 0 12px 34px rgba(18, 19, 35, .28), 0 0 0 7px rgba(247, 245, 250, .92);
  transform: translateY(-50%);
}

.ms-proof-bridge__seal::before {
  content: "";
  position: absolute;
  inset: -5px;
  z-index: -1;
  border-radius: inherit;
  background: conic-gradient(from 0deg, transparent 0 24%, rgba(217, 185, 121, .8) 34%, rgba(146, 80, 255, .86) 48%, transparent 62% 100%);
  opacity: .72;
  animation: msProofSealOrbit 7s linear infinite;
}

.ms-proof-bridge__seal img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  filter: drop-shadow(0 5px 9px rgba(0, 0, 0, .32));
}

@keyframes msProofSealOrbit {
  to { transform: rotate(360deg); }
}

/* Make the positive state the visual destination on every page. */
.ms-compare-card--after {
  isolation: isolate;
  box-shadow: 0 30px 78px rgba(44, 15, 86, .22), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}

.ms-compare-card--after::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -75%;
  width: 42%;
  pointer-events: none;
  background: linear-gradient(105deg, transparent, rgba(255, 255, 255, .13), transparent);
  transform: skewX(-17deg);
}

.ms-compare-card--after.is-active::before {
  animation: msAfterSweep 5.8s 1.1s ease-in-out infinite;
}

.ms-compare-card--after .ms-compare-card__label {
  border-color: rgba(217, 185, 121, .4) !important;
  color: #f5dfb0 !important;
  background: rgba(217, 185, 121, .1) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .14);
}

.ms-compare-card--after h3 {
  max-width: 94%;
  text-shadow: 0 8px 30px rgba(0, 0, 0, .3);
}

.ms-compare-card--after h3::after {
  content: "";
  display: block;
  width: 78px;
  height: 3px;
  margin-top: 15px;
  border-radius: 999px;
  background: linear-gradient(90deg, #d9b979, #a873ff, transparent);
  transform-origin: left center;
}

.ms-compare-card--after .ms-compare-result span {
  border-color: rgba(217, 185, 121, .3);
  color: #fff;
  background: linear-gradient(135deg, rgba(217, 185, 121, .15), rgba(146, 80, 255, .12));
}

.ms-after-enhanced .ms-compare-card__label,
.ms-after-enhanced h3,
.ms-after-enhanced h3::after,
.ms-after-enhanced .ms-compare-list li,
.ms-after-enhanced .ms-compare-result {
  opacity: 0;
  transform: translateY(15px);
  transition: opacity .62s ease, transform .62s cubic-bezier(.2, .72, .2, 1);
}

.ms-after-enhanced h3::after {
  transform: scaleX(.12);
}

.ms-after-enhanced .ms-compare-list li:nth-child(1) { transition-delay: .16s; }
.ms-after-enhanced .ms-compare-list li:nth-child(2) { transition-delay: .24s; }
.ms-after-enhanced .ms-compare-list li:nth-child(3) { transition-delay: .32s; }
.ms-after-enhanced .ms-compare-list li:nth-child(4) { transition-delay: .40s; }
.ms-after-enhanced .ms-compare-result { transition-delay: .48s; }

.ms-after-enhanced.is-active .ms-compare-card__label,
.ms-after-enhanced.is-active h3,
.ms-after-enhanced.is-active .ms-compare-list li,
.ms-after-enhanced.is-active .ms-compare-result {
  opacity: 1;
  transform: translateY(0);
}

.ms-after-enhanced.is-active h3::after {
  opacity: 1;
  transform: scaleX(1);
}

@keyframes msAfterSweep {
  0%, 16% { left: -75%; opacity: 0; }
  28% { opacity: 1; }
  60%, 100% { left: 135%; opacity: 0; }
}

/* Reduce the oversized gaps without flattening the design rhythm. */
body.meta-home main > section.section:not(.final),
body:not(.meta-home) main > section.section {
  padding-top: clamp(48px, 4.8vw, 70px) !important;
  padding-bottom: clamp(48px, 4.8vw, 70px) !important;
}

main > section.ms-transformation {
  padding-top: clamp(46px, 4.6vw, 64px) !important;
  padding-bottom: clamp(46px, 4.6vw, 64px) !important;
}

main > section.ms-client-proof {
  padding-top: clamp(24px, 3vw, 38px) !important;
  padding-bottom: clamp(24px, 3vw, 38px) !important;
}

@media (max-width: 1240px) {
  .regional-proof-grid.ms-google-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.meta-home .regional-proof-grid.ms-google-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 82px;
  }

  #geld-zurueck-garantie,
  #google-bewertungen {
    scroll-margin-top: 88px;
  }

  .ms-hero-guarantee-link {
    width: auto;
    margin-top: 11px;
    padding: 9px 12px;
    font-size: 11px;
  }

  .ms-hero-guarantee-link small {
    font-size: 8px;
  }

  .regional-proof-grid.ms-google-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .ms-google-proof {
    padding: 40px 14px;
  }

  .ms-proof-bridge__seal {
    width: 48px;
    height: 48px;
    box-shadow: 0 10px 28px rgba(18, 19, 35, .25), 0 0 0 5px rgba(247, 245, 250, .94);
  }

  .ms-proof-bridge__seal img {
    width: 31px;
    height: 31px;
  }

  .ms-google-proof__head {
    margin-bottom: 20px;
  }

  .ms-google-proof__head h2 {
    font-size: clamp(30px, 9vw, 42px);
  }

  .ms-google-proof__summary {
    grid-template-columns: 1fr;
    border-radius: 17px;
  }

  .ms-google-proof__summary > div {
    padding: 13px 15px;
  }

  .ms-google-proof__summary > div + div {
    border-top: 1px solid var(--ms-v234-line);
    border-left: 0;
  }

  .ms-google-proof .proof-card {
    min-height: 0;
    padding: 19px;
  }

  body.meta-home main > section.section:not(.final),
  body:not(.meta-home) main > section.section,
  main > section.ms-transformation {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  main > section.ms-client-proof {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (max-width: 430px) {
  .ms-hero-guarantee-link {
    flex-wrap: wrap;
    gap: 5px 8px;
    text-align: center;
  }

  .ms-hero-guarantee-link small {
    flex: 1 0 calc(100% - 28px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ms-hero-guarantee-link {
    transition: none;
  }

  .ms-proof-bridge__seal::before,
  .ms-compare-card--after::before {
    animation: none !important;
  }

  .ms-after-enhanced .ms-compare-card__label,
  .ms-after-enhanced h3,
  .ms-after-enhanced h3::after,
  .ms-after-enhanced .ms-compare-list li,
  .ms-after-enhanced .ms-compare-result {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* == ms-final-v236.css == */
/* Marketing Schmiede · fixed showcase order and final video rhythm · v237 */

.msu-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  overflow: visible !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .09) !important;
  background: rgba(18, 19, 35, .97) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.msu-nav {
  display: flex;
  width: min(1240px, calc(100% - 32px));
  min-height: 76px;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.msu-brand {
  display: flex !important;
  min-width: 0;
  align-items: center;
  gap: 11px;
  color: #fff !important;
  text-decoration: none !important;
}

.msu-brand img {
  width: 60px;
  height: 48px;
  flex: 0 0 60px;
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .28));
}

.msu-brand-type {
  line-height: .84;
  text-transform: uppercase;
}

.msu-brand-type strong,
.msu-brand-type small {
  display: block;
}

.msu-brand-type strong {
  color: #fff;
  font-family: "League Spartan", Montserrat, Arial, sans-serif;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.03em;
  white-space: nowrap;
}

.msu-brand-type small {
  margin-top: 7px;
  color: #c7c7ce;
  font-size: 7px;
  font-weight: 750;
  letter-spacing: .27em;
}

.msu-links {
  display: flex;
  align-items: center;
  gap: clamp(13px, 1.45vw, 22px);
  color: #ececf0;
  font-size: 12px;
  font-weight: 750;
}

.msu-links > a {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}

.msu-links > a:not(.msu-btn):hover {
  color: #fff;
}

.msu-contact-btn {
  padding-left: 15px;
  border-left: 1px solid rgba(255, 255, 255, .14);
}

.msu-btn {
  display: inline-flex !important;
  min-height: 44px;
  padding: 0 18px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: linear-gradient(90deg, #5b00e6, #8f2fff);
  color: #fff !important;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .045em;
  text-transform: uppercase;
  box-shadow: 0 12px 29px rgba(123, 0, 255, .27);
}

.msu-mobile {
  position: relative;
  display: none;
  color: #fff;
}

.msu-mobile summary {
  display: flex;
  min-height: 43px;
  padding: 0 14px;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  cursor: pointer;
  list-style: none;
  font-size: 11px;
  font-weight: 850;
}

.msu-mobile summary::-webkit-details-marker {
  display: none;
}

.msu-mobile-plus {
  color: #b98aff;
  font-size: 18px;
  line-height: 1;
}

.msu-mobile-panel {
  position: absolute;
  top: 52px;
  right: 0;
  display: grid;
  width: min(310px, calc(100vw - 28px));
  max-height: calc(100dvh - 112px);
  padding: 10px;
  gap: 4px;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 18px;
  background: #17182a;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .34);
}

.msu-mobile-panel a {
  display: flex;
  min-height: 42px;
  padding: 9px 12px;
  align-items: center;
  border-radius: 10px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 750;
  text-decoration: none !important;
}

.msu-mobile-panel a:hover {
  background: rgba(255, 255, 255, .08);
}

/* The visible action stays centred, light and deliberately small. */
html body .ms-vimeo-poster .ms-vimeo-play,
html body .film-video-poster .film-play,
html body .website-video-poster .website-video-play,
html body .ms-video-ad-poster .ms-video-ad-play {
  position: absolute !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  display: grid !important;
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, .42) !important;
  border-radius: 50% !important;
  background: rgba(112, 21, 232, .84) !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  text-indent: 2px;
  transform: translate(-50%, -50%) !important;
  box-shadow: 0 12px 32px rgba(14, 8, 31, .34), 0 0 0 7px rgba(143, 47, 255, .10) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  pointer-events: none;
  animation: msV236PlayBreath 2.9s ease-in-out infinite;
  transition: transform .24s ease, background-color .24s ease, box-shadow .24s ease !important;
}

html body :is(.ms-vimeo-poster, .film-video-poster, .website-video-poster, .ms-video-ad-poster):hover :is(.ms-vimeo-play, .film-play, .website-video-play, .ms-video-ad-play) {
  background: rgba(126, 31, 246, .94) !important;
  transform: translate(-50%, -50%) scale(1.065) !important;
  box-shadow: 0 16px 38px rgba(14, 8, 31, .39), 0 0 0 9px rgba(143, 47, 255, .13) !important;
}

html body :is(.ms-vimeo-title, .film-play-label, .website-video-label) {
  right: auto !important;
  bottom: 9px !important;
  left: 50% !important;
  width: max-content !important;
  max-width: calc(100% - 22px) !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
  border-radius: 999px !important;
  background: rgba(10, 10, 20, .55) !important;
  color: rgba(255, 255, 255, .92) !important;
  font-size: 8px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .065em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  transform: translateX(-50%) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.ms-story-vimeo-head .story-play {
  display: none !important;
}

html body #rezensionen .ms-vimeo-poster .ms-vimeo-play {
  display: grid !important;
}

@keyframes msV236PlayBreath {
  0%, 100% { box-shadow: 0 12px 32px rgba(14, 8, 31, .34), 0 0 0 6px rgba(143, 47, 255, .08); }
  50% { box-shadow: 0 14px 36px rgba(14, 8, 31, .38), 0 0 0 10px rgba(143, 47, 255, .13); }
}

/* Homepage hero video now uses the same premium frame language as the film page. */
body.meta-home #start .hero-video-card {
  width: min(1020px, 100%) !important;
  max-width: 1020px !important;
  margin: 22px auto 0 !important;
  padding: 7px !important;
  overflow: visible !important;
  border: 1px solid rgba(143, 47, 255, .28) !important;
  border-radius: 27px !important;
  background: linear-gradient(145deg, #151625, #0d0e19) !important;
  box-shadow: 0 28px 76px rgba(18, 19, 35, .25), 0 0 58px rgba(123, 0, 255, .13) !important;
  text-align: left !important;
}

body.meta-home #start .hero-video-top {
  margin: 0 !important;
  padding: 8px 11px 7px !important;
  color: rgba(255, 255, 255, .57) !important;
}

body.meta-home #start .hero-video-top b {
  color: #c99bff !important;
}

body.meta-home #start .hero-video-card .ms-vimeo-wrap {
  overflow: hidden !important;
  aspect-ratio: 1280 / 549 !important;
  max-height: none !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 20px !important;
  background: #080913 !important;
  box-shadow: none !important;
}

body.meta-home #start .hero-video-caption {
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr) !important;
  margin-top: 6px !important;
  padding: 12px 14px 10px !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: rgba(255, 255, 255, .62) !important;
}

body.meta-home #start .hero-video-caption strong {
  color: #fff !important;
}

body.meta-home #start .hero-video-caption a {
  color: #d5b2ff !important;
}

/* The third social card keeps the exact geometry of the two Instagram cards. */
body.meta-home #instagram .v209-instagram-feed {
  align-items: stretch !important;
}

body.meta-home #instagram .v209-instagram-card {
  display: grid !important;
  grid-template-rows: 318px minmax(0, 1fr) !important;
}

body.meta-home #instagram .v209-instagram-media,
body.meta-home #instagram .v209-instagram-card--marketing .ms-vimeo-wrap {
  width: 100% !important;
  height: 318px !important;
  min-height: 318px !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.meta-home #instagram .v209-instagram-card--marketing .ms-vimeo-poster,
body.meta-home #instagram .v209-instagram-card--marketing .ms-vimeo-poster img,
body.meta-home #instagram .v209-instagram-card--marketing iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
}

body.meta-home #instagram .v209-instagram-card--marketing .ms-vimeo-poster img {
  object-fit: cover !important;
  object-position: center 38% !important;
}

body.meta-home #instagram .v209-instagram-copy {
  align-content: start;
}

/* Keep examples immediately after the guarantee-led comparison on service pages. */
body:not(.meta-home) main > .ms-priority-showcase {
  padding-top: clamp(42px, 4.2vw, 58px) !important;
  padding-bottom: clamp(42px, 4.2vw, 58px) !important;
}

body:not(.meta-home) main > .ms-transformation + .ms-priority-showcase {
  border-top: 1px solid rgba(18, 19, 35, .08);
}

body:not(.meta-home) main > section.section,
body.meta-home main > section.section:not(.final) {
  padding-top: clamp(42px, 4.35vw, 62px) !important;
  padding-bottom: clamp(42px, 4.35vw, 62px) !important;
}

main > section.ms-transformation {
  padding-top: clamp(42px, 4.1vw, 58px) !important;
  padding-bottom: clamp(42px, 4.1vw, 58px) !important;
}

main > section.ms-client-proof {
  padding-top: clamp(20px, 2.4vw, 30px) !important;
  padding-bottom: clamp(20px, 2.4vw, 30px) !important;
}

.ms-google-proof {
  padding-top: clamp(42px, 4.4vw, 60px) !important;
  padding-bottom: clamp(42px, 4.4vw, 60px) !important;
}

@media (max-width: 1120px) {
  .msu-links {
    display: none;
  }

  .msu-mobile {
    display: block;
  }
}

@media (max-width: 760px) {
  .msu-nav {
    width: calc(100% - 24px);
    min-height: 66px;
  }

  .msu-brand img {
    width: 50px;
    height: 41px;
    flex-basis: 50px;
  }

  .msu-brand-type strong {
    font-size: 14px;
  }

  .msu-brand-type small {
    margin-top: 6px;
    font-size: 6px;
  }

  html body .ms-vimeo-poster .ms-vimeo-play,
  html body .film-video-poster .film-play,
  html body .website-video-poster .website-video-play,
  html body .ms-video-ad-poster .ms-video-ad-play {
    width: 46px !important;
    height: 46px !important;
    font-size: 15px !important;
    box-shadow: 0 10px 26px rgba(14, 8, 31, .34), 0 0 0 5px rgba(143, 47, 255, .10) !important;
  }

  html body :is(.film-play-label, .website-video-label) {
    display: none !important;
  }

  body.meta-home #start .hero-video-card {
    margin-top: 16px !important;
    padding: 5px !important;
    border-radius: 20px !important;
  }

  body.meta-home #start .hero-video-card .ms-vimeo-wrap {
    aspect-ratio: 16 / 9 !important;
    border-radius: 15px !important;
  }

  body.meta-home #start .hero-video-caption {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 9px 10px 8px !important;
  }

  body.meta-home #instagram .v209-instagram-card {
    grid-template-rows: 286px minmax(0, 1fr) !important;
  }

  body.meta-home #instagram .v209-instagram-media,
  body.meta-home #instagram .v209-instagram-card--marketing .ms-vimeo-wrap {
    height: 286px !important;
    min-height: 286px !important;
  }

  body:not(.meta-home) main > section.section,
  body.meta-home main > section.section:not(.final),
  body:not(.meta-home) main > .ms-priority-showcase,
  main > section.ms-transformation {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  main > section.ms-client-proof {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body :is(.ms-vimeo-play, .film-play, .website-video-play, .ms-video-ad-play) {
    animation: none !important;
  }
}

/* == ms-final-v238.css == */
/* Marketing Schmiede V238 — final layout, contrast and consistency pass */

:root {
  --ms238-navy: #111224;
  --ms238-purple: #7b20f7;
  --ms238-purple-bright: #a85cff;
  --ms238-line: rgba(18, 19, 35, .11);
}

/* The cinematic caption must stay readable regardless of older page styles. */
body.meta-home #start .hero-video-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(145deg, #080914, #15162a) !important;
  border: 1px solid rgba(180, 112, 255, .28) !important;
  box-shadow: 0 26px 74px rgba(19, 12, 39, .22), 0 0 0 1px rgba(255, 255, 255, .04) inset !important;
}

body.meta-home #start .hero-video-card::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -42%;
  bottom: -42%;
  left: -22%;
  width: 14%;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .11), transparent);
  transform: skewX(-18deg) translateX(-240%);
  animation: ms238CinemaSweep 8.5s ease-in-out infinite;
}

body.meta-home #start .hero-video-card > * {
  position: relative;
  z-index: 2;
}

body.meta-home #start .hero-video-caption {
  display: grid !important;
  grid-template-columns: minmax(190px, .72fr) minmax(0, 1.28fr) !important;
  gap: 8px 22px !important;
  align-items: start !important;
  margin: 6px 0 0 !important;
  padding: 14px 16px 13px !important;
  background: linear-gradient(110deg, #111224, #1b1630) !important;
  border: 1px solid rgba(255, 255, 255, .075) !important;
  border-radius: 13px !important;
  color: #e7e5ed !important;
  text-align: left !important;
}

body.meta-home #start .hero-video-caption strong {
  color: #fff !important;
  font-size: clamp(14px, 1.25vw, 19px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.015em !important;
}

body.meta-home #start .hero-video-caption > span {
  color: #ded9e8 !important;
  font-size: 11px !important;
  line-height: 1.48 !important;
}

body.meta-home #start .hero-video-caption .ms-vimeo-privacy {
  grid-column: 1 / -1 !important;
  color: #b9b5c6 !important;
  font-size: 9px !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
}

body.meta-home #start .hero-video-caption a {
  color: #d8b7ff !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
}

/* All service pages expose the same complete navigation, including the active page. */
.msu-header .msu-links a[aria-current="page"]:not(.msu-btn),
.msu-header .msu-mobile-panel a[aria-current="page"] {
  color: #c99bff !important;
}

.msu-header .msu-links a[aria-current="page"]:not(.msu-btn)::after {
  transform: scaleX(1) !important;
}

/* Examples first, public Google proof directly afterwards. */
body:not(.meta-home) main > .ms-priority-showcase + :is(.ms-google-proof, .regional-proof) {
  border-top: 1px solid var(--ms238-line) !important;
}

body:not(.meta-home) main > :is(.ms-google-proof, .regional-proof) {
  padding-top: clamp(44px, 4.5vw, 64px) !important;
  padding-bottom: clamp(46px, 4.8vw, 68px) !important;
}

body:not(.meta-home) main > .ms-priority-showcase {
  padding-bottom: clamp(44px, 4.5vw, 62px) !important;
}

body:not(.meta-home) main > section.section:not(.form-section):not(.final-cta) {
  padding-top: clamp(48px, 5.2vw, 74px);
  padding-bottom: clamp(48px, 5.2vw, 74px);
}

/* The first two Instagram posts use the same filled visual language as card three. */
body.meta-home #instagram .v209-instagram-feed {
  align-items: stretch !important;
}

body.meta-home #instagram .v209-instagram-card {
  height: 100% !important;
  overflow: hidden !important;
}

body.meta-home #instagram .v209-instagram-media {
  position: relative !important;
  overflow: hidden !important;
  background: #0e1020 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
}

body.meta-home #instagram .v209-instagram-poster-link {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #0e1020 !important;
}

body.meta-home #instagram .v209-instagram-poster-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(7, 8, 18, .02), rgba(7, 8, 18, .18) 58%, rgba(7, 8, 18, .72));
  pointer-events: none;
}

body.meta-home #instagram .v209-instagram-poster-link .v209-instagram-fallback {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: saturate(1.04) contrast(1.04) !important;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .35s ease !important;
}

body.meta-home #instagram .v209-instagram-poster-link:hover .v209-instagram-fallback {
  transform: scale(1.035) !important;
  filter: saturate(1.08) contrast(1.06) brightness(1.02) !important;
}

body.meta-home #instagram .v209-instagram-play {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .42);
  border-radius: 999px;
  background: rgba(117, 30, 236, .89);
  box-shadow: 0 13px 34px rgba(8, 4, 20, .36), 0 0 0 7px rgba(159, 79, 255, .10);
  color: #fff;
  font-size: 17px;
  line-height: 1;
  transform: translate(-50%, -50%);
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
}

body.meta-home #instagram .v209-instagram-poster-link:hover .v209-instagram-play {
  background: #8b32f6;
  box-shadow: 0 16px 38px rgba(8, 4, 20, .42), 0 0 0 10px rgba(159, 79, 255, .13);
  transform: translate(-50%, -50%) scale(1.06);
}

body.meta-home #instagram .v209-instagram-media-label {
  position: absolute;
  z-index: 4;
  right: 14px;
  bottom: 12px;
  left: 14px;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  text-align: center;
  text-transform: uppercase;
}

body.meta-home #instagram .v209-instagram-copy {
  min-height: 118px !important;
}

/* Subtle connective polish without adding another text-heavy section. */
body.meta-home #cinematische-werbefilme .ms-cinematic-offer-card {
  border: 1px solid rgba(129, 53, 236, .15);
  box-shadow: 0 26px 72px rgba(18, 19, 35, .11);
}

@keyframes ms238CinemaSweep {
  0%, 62% { transform: skewX(-18deg) translateX(-240%); opacity: 0; }
  70% { opacity: .75; }
  84%, 100% { transform: skewX(-18deg) translateX(940%); opacity: 0; }
}

@media (max-width: 900px) {
  body.meta-home #start .hero-video-caption {
    grid-template-columns: 1fr !important;
    gap: 5px !important;
    padding: 11px 12px 10px !important;
  }

  body.meta-home #start .hero-video-caption .ms-vimeo-privacy {
    grid-column: auto !important;
  }

  body:not(.meta-home) main > section.section:not(.form-section):not(.final-cta),
  body:not(.meta-home) main > :is(.ms-google-proof, .regional-proof),
  body:not(.meta-home) main > .ms-priority-showcase {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }
}

@media (max-width: 640px) {
  body.meta-home #start .hero-video-caption strong {
    font-size: 14px !important;
  }

  body.meta-home #start .hero-video-caption > span {
    font-size: 10px !important;
  }

  body.meta-home #instagram .v209-instagram-play {
    width: 48px;
    height: 48px;
    font-size: 15px;
  }

  body.meta-home #instagram .v209-instagram-copy {
    min-height: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.meta-home #start .hero-video-card::after {
    display: none !important;
    animation: none !important;
  }

  body.meta-home #instagram .v209-instagram-poster-link .v209-instagram-fallback,
  body.meta-home #instagram .v209-instagram-play {
    transition: none !important;
  }
}

/* == ms-v240-mobile.css == */
/* Marketing Schmiede V240: compact mobile rhythm + touch-first content rails */
.ms-section-logo-v240{
  position:relative;
  display:grid;
  width:74px;
  height:74px;
  place-items:center;
  margin:0 auto 16px;
  border:1px solid rgba(123,0,255,.16);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,240,255,.92));
  box-shadow:0 15px 38px rgba(40,13,75,.12);
  isolation:isolate;
}
.ms-section-logo-v240::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-7px;
  border:1px solid rgba(123,0,255,.14);
  border-radius:27px;
  animation:msV240LogoPulse 3.2s ease-in-out infinite;
}
.ms-section-logo-v240 img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(55,33,0,.18))}
.ms-swipe-hint{display:none}

@keyframes msV240LogoPulse{
  0%,100%{opacity:.4;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.04)}
}

@media(max-width:720px){
  html{scroll-padding-top:92px}
  body{overflow-x:hidden}

  body main .section{padding-top:52px!important;padding-bottom:52px!important}
  body main .ms-proof-system,
  body main .ms-client-proof{padding-top:50px!important;padding-bottom:50px!important}
  body main .section-head{margin-bottom:28px!important}
  body main .section-head .eyebrow,
  body main .section-head .kicker{margin-bottom:13px!important}
  body main .section-head p{margin-top:15px!important;line-height:1.55!important}

  .ms-section-logo-v240{width:62px;height:62px;margin-bottom:13px;border-radius:19px}
  .ms-section-logo-v240::before{inset:-5px;border-radius:23px}
  .ms-section-logo-v240 img{width:49px;height:49px}

  .ms-swipe-hint{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    width:100%;
    margin:0 0 10px;
    color:#6c4b90;
    font-size:9px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .dark .ms-swipe-hint,
  .section.dark .ms-swipe-hint{color:#d8c1f6}
  .ms-swipe-hint__gesture{
    display:grid;
    width:26px;
    height:26px;
    place-items:center;
    border:1px solid rgba(123,0,255,.18);
    border-radius:999px;
    background:rgba(123,0,255,.09);
    color:#7b00ff;
    font-size:14px;
    animation:msV240SwipeCue 1.8s ease-in-out infinite;
  }
  .dark .ms-swipe-hint__gesture,
  .section.dark .ms-swipe-hint__gesture{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.09);color:#fff}

  body .ms-mobile-swipe{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:unset!important;
    align-items:stretch!important;
    gap:13px!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:3px 2px 15px!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory;
    scroll-padding-left:2px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:rgba(123,0,255,.38) transparent;
  }
  html body .ms-mobile-swipe.ms-mobile-swipe{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-flow:unset!important;
  }
  body .ms-mobile-swipe::-webkit-scrollbar{height:3px}
  body .ms-mobile-swipe::-webkit-scrollbar-track{background:transparent}
  body .ms-mobile-swipe::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(123,0,255,.38)}
  body .ms-mobile-swipe:focus-visible{outline:2px solid rgba(123,0,255,.55);outline-offset:4px}
  body .ms-mobile-swipe > *{
    flex:0 0 min(82vw,330px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin-top:0!important;
    margin-bottom:0!important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  body .ms-mobile-swipe--wide > *{flex-basis:min(87vw,390px)!important}
  body .ms-mobile-swipe--compact > *{flex-basis:min(76vw,286px)!important}

  body .ms-mobile-swipe > .ms-compare-arrow,
  body .ms-mobile-swipe > .compare-arrow,
  body .ms-mobile-swipe > .kss-arrow,
  body .ms-compare-arrow,
  body .compare-arrow{display:none!important}
  body .ms-mobile-swipe > .ms-compare-card--after{order:0}
  body .ms-mobile-swipe > .ms-compare-card--before{order:1}
  body .process-card::before{display:none!important}

  body .ms-mobile-swipe .reveal{opacity:1!important;visibility:visible!important;transform:none!important}
  body .film-reference-grid.ms-mobile-swipe{grid-template-columns:none!important}
  body .film-reference-grid.ms-mobile-swipe .film-reference-card:last-child{grid-column:auto!important}
}

@media(max-width:420px){
  body main .section{padding-top:46px!important;padding-bottom:46px!important}
  body main .ms-proof-system,
  body main .ms-client-proof{padding-top:44px!important;padding-bottom:44px!important}
  body .ms-mobile-swipe > *{flex-basis:84vw!important}
  body .ms-mobile-swipe--wide > *{flex-basis:88vw!important}
  body .ms-mobile-swipe--compact > *{flex-basis:78vw!important}
}

@keyframes msV240SwipeCue{
  0%,100%{transform:translateX(2px)}
  50%{transform:translateX(-4px)}
}

@media(prefers-reduced-motion:reduce){
  .ms-section-logo-v240::before,
  .ms-swipe-hint__gesture{animation:none!important}
  body .ms-mobile-swipe{scroll-behavior:auto!important}
}

/* == seo-v241.css == */
/* Marketing Schmiede V241 – kompakte SEO-/Local-SEO-Themenmodule */
.seo-v241{position:relative;padding:76px 0;background:#fff;border-top:1px solid rgba(18,19,35,.08);border-bottom:1px solid rgba(18,19,35,.08);color:#121323;overflow:hidden}
.seo-v241::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-280px;top:-250px;background:radial-gradient(circle,rgba(123,0,255,.09),transparent 68%);pointer-events:none}
.seo-v241-wrap{position:relative;z-index:1;width:min(1160px,calc(100% - 40px));margin:0 auto}
.seo-v241-head{max-width:900px;margin:0 auto 32px;text-align:center}
.seo-v241-kicker{display:inline-block;margin-bottom:12px;color:#7200f5;font-size:11px;line-height:1.35;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.seo-v241 h2{margin:0;font-family:"League Spartan",Arial,sans-serif;font-size:clamp(34px,4.5vw,58px);line-height:.98;font-weight:900;letter-spacing:-.038em;text-transform:uppercase;text-wrap:balance;color:#121323}
.seo-v241-head p{max-width:820px;margin:17px auto 0;color:#555865;font-size:16px;line-height:1.7}
.seo-v241-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.seo-v241-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.seo-v241-card{display:flex;min-height:150px;flex-direction:column;justify-content:center;padding:24px;border:1px solid rgba(18,19,35,.1);border-radius:20px;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 14px 32px rgba(18,19,35,.055);color:#121323;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.seo-v241-card:hover{transform:translateY(-4px);border-color:rgba(123,0,255,.3);box-shadow:0 20px 42px rgba(18,19,35,.09)}
.seo-v241-card strong{font-family:"League Spartan",Arial,sans-serif;font-size:21px;line-height:1.05;font-weight:850;text-transform:uppercase;letter-spacing:-.025em}
.seo-v241-card span{display:block;margin-top:10px;color:#60626d;font-size:13px;line-height:1.55}
.seo-v241-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:24px}
.seo-v241-links a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid rgba(123,0,255,.17);border-radius:999px;background:#fff;color:#4d168c;font-size:12px;font-weight:750;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.seo-v241-links a:hover{background:#f8f2ff;border-color:rgba(123,0,255,.36);transform:translateY(-1px)}
.seo-v241-area{max-width:900px;margin:22px auto 0;padding-top:18px;border-top:1px solid rgba(18,19,35,.08);color:#666874;font-size:12px;line-height:1.6;text-align:center}
.seo-v241-area strong{color:#121323}
.seo-v241-swipe-note{display:none;margin:0 0 9px;color:#6b6d77;font-size:11px;font-weight:750;text-align:right}
@media(max-width:960px){.seo-v241-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.seo-v241{padding:50px 0}.seo-v241-wrap{width:min(100% - 28px,1160px)}.seo-v241-head{margin-bottom:22px}.seo-v241 h2{font-size:clamp(31px,10vw,43px)}.seo-v241-head p{font-size:14px;line-height:1.62}.seo-v241-swipe-note{display:block}.seo-v241-grid,.seo-v241-grid-four{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.seo-v241-grid::-webkit-scrollbar{height:4px}.seo-v241-grid::-webkit-scrollbar-thumb{background:rgba(123,0,255,.25);border-radius:999px}.seo-v241-card{flex:0 0 min(82vw,315px);min-height:142px;scroll-snap-align:start;padding:21px}.seo-v241-card strong{font-size:19px}.seo-v241-links{justify-content:flex-start}.seo-v241-area{text-align:left}}

/* == consent.min.css == */
:root{--msc-bg:#0b0b0c;--msc-panel:#121214;--msc-text:#fff8e8;--msc-muted:#c9c0ad;--msc-gold:#e1bd67;--msc-line:rgba(255,255,255,.14)}.ms-consent-banner,.ms-consent-modal{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--msc-text)}.ms-consent-banner{position:fixed;z-index:2147483000;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));max-width:920px;margin:auto;background:rgba(11,11,12,.98);border:1px solid rgba(225,189,103,.34);border-radius:20px;box-shadow:0 24px 90px rgba(0,0,0,.65);padding:18px}.ms-consent-banner h2,.ms-consent-modal h2{margin:0 0 8px;font-size:clamp(18px,3.8vw,24px);line-height:1.15;color:#fff}.ms-consent-banner p,.ms-consent-modal p{margin:0;color:var(--msc-muted);font-size:14px;line-height:1.55}.ms-consent-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.ms-consent-btn{appearance:none;border:1px solid var(--msc-line);border-radius:999px;padding:11px 16px;font:800 13px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;background:#1a1a1d;color:#fff;min-height:42px}.ms-consent-btn.primary{background:linear-gradient(135deg,#f2d98f,#c89631);color:#171208;border-color:transparent}.ms-consent-btn:hover{transform:translateY(-1px)}.ms-consent-links{margin-top:10px;font-size:12px}.ms-consent-links a{color:#f0d78e;text-decoration:underline}.ms-consent-backdrop{position:fixed;z-index:2147483001;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px}.ms-consent-modal{width:min(620px,100%);max-height:min(760px,calc(100dvh - 32px));overflow:auto;background:var(--msc-panel);border:1px solid rgba(225,189,103,.35);border-radius:22px;padding:20px;box-shadow:0 30px 110px rgba(0,0,0,.7)}.ms-consent-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--msc-line)}.ms-consent-row:first-of-type{margin-top:14px}.ms-consent-row strong{display:block;margin-bottom:4px}.ms-consent-row small{display:block;color:var(--msc-muted);line-height:1.45}.ms-consent-switch{width:48px;height:28px;position:relative}.ms-consent-switch input{position:absolute;opacity:0}.ms-consent-switch span{position:absolute;inset:0;border-radius:999px;background:#3c3c42;transition:.2s}.ms-consent-switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.ms-consent-switch input:checked+span{background:#c89631}.ms-consent-switch input:checked+span:after{transform:translateX(20px)}.ms-consent-switch input:disabled+span{opacity:.65}.ms-consent-link{appearance:none;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;padding:0}@media(max-width:560px){.ms-consent-banner{padding:15px;border-radius:17px}.ms-consent-actions{display:grid;grid-template-columns:1fr}.ms-consent-btn{width:100%}.ms-consent-modal{padding:17px}.ms-consent-row{grid-template-columns:1fr auto}}
/* == ms-v219-final.css == */
/* 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;
}

/* == ms-v222-contrast-spacing.css == */
/* Marketing Schmiede V222 – targeted contrast + mobile spacing fixes only */

/* Subpages use the light V213 surface. Force inherited legacy white/grey copy back to dark. */
body.ms-polish-v213:not(.meta-home){
  --ink:#11121f!important;
  --soft:#4f566a!important;
  --muted:#5e606b!important;
  --muted2:#6a6f80!important;
  color:#11121f!important;
}

body.ms-polish-v213:not(.meta-home) main .hero :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .hero-card :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main :is(.section-head,.section-title,.form-intro,.final-inner,.faq-layout,.legal-head,.v106-page-hero,.msu-directory-head) :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .section.dark :is(.section-head,.statement,.form-intro) :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .section.purple :is(.section-head,.statement,.form-intro) :is(h1,h2,h3,h4){
  color:#11121f!important;
  -webkit-text-fill-color:#11121f!important;
}

body.ms-polish-v213:not(.meta-home) main :is(.hero-copy,.lead,.sub),
body.ms-polish-v213:not(.meta-home) main .hero p,
body.ms-polish-v213:not(.meta-home) main .hero-card p,
body.ms-polish-v213:not(.meta-home) main :is(.section-head,.section-title,.form-intro,.final-inner,.faq-layout,.legal-head,.v106-page-hero,.msu-directory-head) p,
body.ms-polish-v213:not(.meta-home) main .section.dark :is(.section-head,.statement-copy,.form-intro) p,
body.ms-polish-v213:not(.meta-home) main .section.purple :is(.section-head,.statement-copy,.form-intro) p{
  color:#50566a!important;
  -webkit-text-fill-color:#50566a!important;
  opacity:1!important;
}

body.ms-polish-v213:not(.meta-home) main .section.dark,
body.ms-polish-v213:not(.meta-home) main .section.purple,
body.ms-polish-v213:not(.meta-home) main .final{
  background:transparent!important;
  color:#11121f!important;
}

body.ms-polish-v213:not(.meta-home) main .section.dark :is(.kicker,.eyebrow),
body.ms-polish-v213:not(.meta-home) main .section.purple :is(.kicker,.eyebrow),
body.ms-polish-v213:not(.meta-home) main .final :is(.kicker,.eyebrow){
  color:#7b00ff!important;
  -webkit-text-fill-color:#7b00ff!important;
}

body.ms-polish-v213:not(.meta-home) main .section.dark .statement-copy strong,
body.ms-polish-v213:not(.meta-home) main .section.purple .statement-copy strong,
body.ms-polish-v213:not(.meta-home) main .final strong,
body.ms-polish-v213:not(.meta-home) main summary{
  color:#11121f!important;
  -webkit-text-fill-color:#11121f!important;
}


/* Remaining legacy service blocks that became light through the V213 surface. */
body.msu-page.v128-legal-page.ms-polish-v213:not(.meta-home) main > .section .service-detail-v63 :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .service-detail-v63 :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .section.dark article.service :is(h1,h2,h3,h4),
body.ms-polish-v213:not(.meta-home) main .section.purple article.service :is(h1,h2,h3,h4){
  color:#11121f!important;
  -webkit-text-fill-color:#11121f!important;
}

body.ms-polish-v213:not(.meta-home) main .service-detail-v63 p,
body.ms-polish-v213:not(.meta-home) main .section.dark article.service p,
body.ms-polish-v213:not(.meta-home) main .section.purple article.service p{
  color:#50566a!important;
  -webkit-text-fill-color:#50566a!important;
  opacity:1!important;
}

/* Keep intended gradient accent words purple. */
body.ms-polish-v213:not(.meta-home) main :is(.ms-headline-gold,.gold-text,.gradient-text,.text-gradient),
body.ms-polish-v213:not(.meta-home) main .hero h1 > span{
  -webkit-text-fill-color:transparent!important;
}

/* Homepage mobile only: remove oversized gaps before the two logo/headline blocks shown. */
@media(max-width:760px){
  body.meta-home.v211 #roi-rechner{
    padding-bottom:10px!important;
  }
  body.meta-home #video{
    padding-top:14px!important;
  }
  body.meta-home #video .video-card{
    padding-top:0!important;
  }
  body.meta-home #video .video-copy .ms-title-watermark,
  body.meta-home #video .video-copy .ms-mini-logo,
  body.meta-home #video .video-copy .ms-mini-logo-image{
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  body.meta-home #video .video-copy .eyebrow{
    margin-top:0!important;
  }

  body.meta-home #authority{
    padding-bottom:10px!important;
  }
  body.meta-home #proof-brands{
    padding-top:16px!important;
  }
  body.meta-home #proof-brands .compact-proof-card{
    padding-top:0!important;
  }
  body.meta-home #proof-brands .compact-proof-head .ms-title-watermark,
  body.meta-home #proof-brands .compact-proof-head .ms-mini-logo,
  body.meta-home #proof-brands .compact-proof-head .ms-mini-logo-image{
    margin-top:0!important;
    margin-bottom:8px!important;
  }
  body.meta-home #proof-brands .compact-proof-head{
    margin-top:0!important;
    padding-top:0!important;
  }
}

/* V227 – legal hero contrast: dark purple backgrounds require light copy. */
body.ms-polish-v213 .legal-hero :is(h1,h2,h3,h4){
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
}
body.ms-polish-v213 .legal-hero p{
  color:#e9e9f2!important;
  -webkit-text-fill-color:#e9e9f2!important;
  opacity:1!important;
}
body.ms-polish-v213 .legal-hero .eyebrow{
  color:#d8bdff!important;
  -webkit-text-fill-color:#d8bdff!important;
  opacity:1!important;
}

/* == v247 a11y == */.team-trust-card .ms-context-link{color:#5b21b6!important}.ms-consent-banner p{color:#c6cadb!important}@media(pointer:coarse){footer a,.ms-consent-banner a{display:inline-block;padding:6px 4px;min-height:24px}}