/* == 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");
}

/* == 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}}
/* == 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}}