.mplw,
.mplw *,
.mplw *::before,
.mplw *::after {
    box-sizing: border-box;
}

.mplw {
    --mplw-bg: #fff;
    --mplw-surface: #fff;
    --mplw-text: #0b315d;
    --mplw-muted: #5e6f82;
    --mplw-accent: #ef3038;
    --mplw-dark: #052f5d;
    --mplw-light-accent: #f2f7fb;
    --mplw-line: #dbe6ef;
    --mplw-heading-font: Inter, Arial, sans-serif;
    --mplw-body-font: Inter, Arial, sans-serif;
    --mplw-heading-weight: 750;
    --mplw-body-weight: 400;
    --mplw-title-desktop: 48px;
    --mplw-title-tablet: 40px;
    --mplw-title-mobile: 31px;
    --mplw-body-desktop: 16px;
    --mplw-body-mobile: 15px;
    --mplw-container-large: 1760px;
    --mplw-container-laptop: 1260px;
    --mplw-section-space: 88px;
    --mplw-radius: 16px;
    --mplw-button-radius: 7px;
    --mplw-service-columns: 3;
    --mplw-image-ratio: 16 / 10;
    --mplw-image-position: center center;
    --mplw-service-row-large: 430px;
    --mplw-service-row-laptop: 360px;
    --mplw-service-image-tablet: 300px;
    --mplw-service-image-mobile: 220px;
    --mplw-animation-duration: 650ms;
    --mplw-animation-stagger: 80ms;
    width: 100%;
    overflow: clip;
    color: var(--mplw-text);
    background: var(--mplw-bg);
    font-family: var(--mplw-body-font);
    font-size: var(--mplw-body-desktop);
    font-weight: var(--mplw-body-weight);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.mplw img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.mplw a {
    color: inherit;
    text-decoration: none;
}

.mplw h1,
.mplw h2,
.mplw h3,
.mplw p,
.mplw ul,
.mplw blockquote {
    margin: 0;
}

.mplw h1,
.mplw h2,
.mplw h3 {
    color: var(--mplw-text);
    font-family: var(--mplw-heading-font);
    font-weight: var(--mplw-heading-weight);
    line-height: 1.12;
    letter-spacing: -0.025em;
}

.mplw__container {
    width: min(calc(100% - 64px), var(--mplw-container-large));
    margin-inline: auto;
}

.mplw__eyebrow {
    margin-bottom: 14px !important;
    color: #3c89d3;
    font-size: 0.76em;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.4;
    text-transform: uppercase;
}

.mplw__tabs {
    display: flex;
    justify-content: center;
    gap: clamp(24px, 4vw, 72px);
    min-height: 64px;
    border-bottom: 1px solid var(--mplw-line);
}

.mplw__tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 0 6px;
    color: var(--mplw-muted);
    font-size: 0.86em;
    font-weight: 650;
    white-space: nowrap;
    transition: color 220ms ease;
}

.mplw__tab::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -1px;
    left: 50%;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--mplw-accent);
    transition: right 240ms ease, left 240ms ease;
}

.mplw__tab:hover,
.mplw__tab.is-active {
    color: var(--mplw-accent);
}

.mplw__tab:hover::after,
.mplw__tab.is-active::after {
    right: 0;
    left: 0;
}

.mplw__intro {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: clamp(64px, 7vw, 118px) clamp(44px, 5vw, 76px);
    text-align: center;
}

.mplw__title {
    max-width: 980px;
    font-size: var(--mplw-title-desktop);
}

.mplw__intro-text {
    max-width: 780px;
    margin-top: 22px !important;
    color: var(--mplw-muted);
    font-size: 1.04em;
}

.mplw__meta {
    margin-top: 24px !important;
    color: var(--mplw-text);
    font-size: 0.78em;
    font-weight: 650;
    letter-spacing: 0.02em;
}

.mplw__benefits {
    border-block: 1px solid var(--mplw-line);
    background: var(--mplw-surface);
    box-shadow: 0 12px 38px rgba(6, 42, 78, 0.035);
}

.mplw__benefits-inner {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 112px;
}

.mplw__benefit {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    padding: 26px clamp(20px, 2.4vw, 44px);
}

.mplw__benefit + .mplw__benefit {
    border-left: 1px solid var(--mplw-line);
}

.mplw__benefit-icon,
.mplw__service-icon,
.mplw__audience-icon,
.mplw__feature-icon,
.mplw__offer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #3489da;
    font-family: var(--mplw-heading-font);
    font-size: 25px;
    line-height: 1;
}

.mplw__feature-icon-image {
    display: block !important;
    width: 70% !important;
    height: 70% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: none !important;
}

.mplw__feature-icon--custom {
    overflow: hidden;
}

.mplw__benefit-icon {
    width: 42px;
    height: 42px;
    border: 1px solid #bcd9f3;
    border-radius: 50%;
    background: #f7fbff;
}

.mplw__benefit h3 {
    margin-bottom: 2px;
    font-size: 0.92em;
    letter-spacing: -0.012em;
}

.mplw__benefit p {
    color: var(--mplw-muted);
    font-size: 0.74em;
    line-height: 1.45;
}

.mplw__services {
    display: grid;
    grid-template-columns: repeat(var(--mplw-service-columns), minmax(0, 1fr));
    gap: clamp(22px, 2vw, 34px);
    padding-block: var(--mplw-section-space);
}

.mplw__service {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--mplw-line);
    border-radius: var(--mplw-radius);
    background: var(--mplw-surface);
    box-shadow: 0 14px 35px rgba(6, 43, 80, 0.055);
}

.mplw__service-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: var(--mplw-image-ratio);
    background: var(--mplw-light-accent);
}

.mplw__service-image,
.mplw__quality-image,
.mplw__audience-image,
.mplw__trust-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--mplw-image-position);
    transition: transform 620ms cubic-bezier(.2,.72,.24,1);
}

.mplw__service-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-height: 210px;
    padding: clamp(24px, 2.2vw, 36px);
}

.mplw__service-heading {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    width: 100%;
}

.mplw__service-icon {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: #eef7ff;
    font-size: 18px;
}

.mplw__service h3 {
    font-size: clamp(19px, 1.45vw, 25px);
    line-height: 1.2;
}

.mplw__service-content > p {
    margin-top: 16px !important;
    color: var(--mplw-muted);
    font-size: 0.89em;
    line-height: 1.62;
}

.mplw__number {
    position: absolute;
    right: 20px;
    bottom: 15px;
    color: rgba(5, 47, 93, 0.09);
    font-size: 52px;
    font-weight: 800;
    line-height: 1;
}

.mplw__text-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: auto;
    padding-top: 22px;
    color: #2376c4;
    font-size: 0.8em;
    font-weight: 750;
}

.mplw__text-link span:last-child {
    transition: transform 220ms ease;
}

.mplw__text-link:hover span:last-child {
    transform: translateX(4px);
}

.mplw-layout-alternating .mplw__services {
    display: block;
    padding-bottom: var(--mplw-section-space);
}

.mplw-layout-alternating .mplw__service {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    min-height: 390px;
    margin-bottom: 24px;
}

.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-media {
    order: 2;
}

.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-content {
    order: 1;
}

.mplw-layout-alternating .mplw__service-media {
    aspect-ratio: auto;
    min-height: 390px;
}

.mplw-layout-alternating .mplw__service-content {
    justify-content: center;
    min-height: 390px;
    padding: clamp(42px, 5vw, 82px);
}

.mplw-layout-alternating .mplw__service h3 {
    font-size: clamp(26px, 2.2vw, 38px);
}

.mplw__image-placeholder {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    min-height: 190px;
    overflow: hidden;
    background: linear-gradient(135deg, #e9f2f9 0%, #f7fbfe 52%, #e5eff7 100%);
}

.mplw__image-placeholder::before {
    content: "Bild auswählen";
    position: relative;
    z-index: 2;
    color: #6c88a2;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mplw__image-placeholder span {
    position: absolute;
    border-radius: 50%;
    background: rgba(52, 137, 218, .08);
}

.mplw__image-placeholder span:nth-child(1) { width: 190px; height: 190px; top: -70px; right: -50px; }
.mplw__image-placeholder span:nth-child(2) { width: 120px; height: 120px; bottom: -30px; left: 8%; }
.mplw__image-placeholder span:nth-child(3) { width: 70px; height: 70px; right: 22%; bottom: 18%; }

.mplw__quality {
    background: linear-gradient(90deg, var(--mplw-light-accent) 0%, #ffffff 50%, #ffffff 100%);
}

.mplw__quality-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(410px, .95fr);
    align-items: stretch;
    min-height: 610px;
}

.mplw__quality-media {
    position: relative;
    min-height: 610px;
    overflow: hidden;
}

.mplw__quality-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(56px, 7vw, 118px);
    background: var(--mplw-surface);
}

.mplw__quality-copy h2 {
    max-width: 620px;
    font-size: clamp(34px, 3.2vw, 56px);
}

.mplw__quality-text {
    max-width: 660px;
    margin-top: 24px !important;
    color: var(--mplw-muted);
}

.mplw__checklist {
    display: grid;
    gap: 13px;
    margin-top: 28px !important;
    padding: 0;
    list-style: none;
}

.mplw__checklist li {
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.mplw__checklist li > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-top: 1px;
    border: 1px solid #7eb8ec;
    border-radius: 50%;
    color: #2f88d5;
    font-size: 12px;
    font-weight: 800;
}

.mplw__checklist strong {
    display: block;
    color: var(--mplw-text);
    font-size: 0.9em;
}

.mplw__checklist small {
    display: block;
    margin-top: 2px;
    color: var(--mplw-muted);
    font-size: 0.76em;
}

.mplw__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 48px;
    margin-top: 30px;
    padding: 13px 22px;
    border: 1px solid var(--mplw-accent);
    border-radius: var(--mplw-button-radius);
    color: #fff !important;
    background: var(--mplw-accent);
    box-shadow: 0 10px 24px rgba(239, 48, 56, 0.2);
    font-size: 0.83em;
    font-weight: 750;
    line-height: 1;
    transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
}

.mplw__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(239, 48, 56, 0.28);
    filter: brightness(.96);
}

.mplw__button--light {
    margin-top: 24px;
    border-color: #fff;
    color: var(--mplw-dark) !important;
    background: #fff;
    box-shadow: none;
}

.mplw__audience {
    padding-block: var(--mplw-section-space);
}

.mplw__audience > h2,
.mplw__offer > h2 {
    margin-bottom: clamp(30px, 4vw, 52px);
    text-align: center;
    font-size: clamp(30px, 3vw, 48px);
}

.mplw__audience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 40px);
}

.mplw__audience-card {
    position: relative;
    min-height: 410px;
    overflow: hidden;
    border-radius: var(--mplw-radius);
    background: var(--mplw-dark);
    box-shadow: 0 18px 42px rgba(6, 42, 78, .12);
}

.mplw__audience-bg,
.mplw__audience-bg::after {
    position: absolute;
    inset: 0;
}

.mplw__audience-bg::after {
    content: "";
    background: linear-gradient(90deg, rgba(3, 37, 72, .96) 0%, rgba(3, 37, 72, .78) 44%, rgba(3, 37, 72, .25) 100%);
}

.mplw__audience-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: min(72%, 560px);
    min-height: 410px;
    padding: clamp(34px, 4vw, 64px);
}

.mplw__audience-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 12px;
    color: #fff;
    font-size: 25px;
}

.mplw__audience h3 {
    color: #fff;
    font-size: clamp(26px, 2.4vw, 40px);
}

.mplw__audience p {
    margin-top: 16px !important;
    color: rgba(255,255,255,.82);
    font-size: .9em;
}

.mplw__offer {
    padding-bottom: var(--mplw-section-space);
}

.mplw__offer-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.mplw__offer-step {
    position: relative;
    display: grid;
    grid-template-columns: 66px 44px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    min-height: 150px;
    padding: 28px clamp(24px, 3vw, 48px);
}

.mplw__offer-step + .mplw__offer-step {
    border-left: 1px solid var(--mplw-line);
}

.mplw__offer-step + .mplw__offer-step::before {
    content: "→";
    position: absolute;
    top: 50%;
    left: -10px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 28px;
    color: #2f83cf;
    background: var(--mplw-bg);
    transform: translateY(-50%);
}

.mplw__offer-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border: 6px solid #e7f1fa;
    border-radius: 50%;
    color: #fff;
    background: var(--mplw-dark);
    font-size: 1.05em;
    font-weight: 800;
}

.mplw__offer-icon {
    font-size: 31px;
}

.mplw__offer-step h3 {
    margin-bottom: 7px;
    font-size: 1em;
}

.mplw__offer-step p {
    color: var(--mplw-muted);
    font-size: .78em;
    line-height: 1.55;
}

.mplw__trust {
    padding-block: clamp(48px, 6vw, 86px);
    color: #fff;
    background: linear-gradient(120deg, #063866 0%, var(--mplw-dark) 62%, #03264a 100%);
}

.mplw__trust-inner {
    display: grid;
    grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.25fr) minmax(210px, .55fr);
    gap: clamp(26px, 4vw, 62px);
    align-items: stretch;
}

.mplw__trust h2 {
    max-width: 420px;
    color: #fff;
    font-size: clamp(30px, 3vw, 46px);
}

.mplw__trust-copy > p {
    max-width: 430px;
    margin-top: 18px !important;
    color: rgba(255,255,255,.72);
    font-size: .88em;
}

.mplw__review,
.mplw__trust-seal {
    min-height: 220px;
    border-radius: calc(var(--mplw-radius) - 2px);
    background: #fff;
    box-shadow: 0 18px 40px rgba(0,0,0,.12);
}

.mplw__review {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(28px, 3.4vw, 48px);
    color: var(--mplw-text);
}

.mplw__stars {
    margin-bottom: 18px;
    color: #ffb000;
    font-size: 1.15em;
    letter-spacing: .12em;
}

.mplw__review p {
    font-size: .96em;
    font-weight: 600;
}

.mplw__review cite {
    margin-top: 20px;
    color: var(--mplw-muted);
    font-size: .76em;
    font-style: normal;
    font-weight: 650;
}

.mplw__trust-seal {
    overflow: hidden;
    padding: 14px;
}

.mplw__trust-seal .mplw__image-placeholder {
    min-height: 192px;
    border-radius: calc(var(--mplw-radius) - 6px);
}

.mplw__trust-image {
    object-fit: contain;
    background: #fff;
}

.mplw__features {
    background: var(--mplw-light-accent);
}

.mplw__features-inner {
    display: grid;
    grid-template-columns: minmax(230px, .8fr) minmax(0, 3.2fr);
    gap: clamp(40px, 6vw, 110px);
    align-items: center;
    min-height: 300px;
    padding-block: 50px;
}

.mplw__features-inner > h2 {
    max-width: 360px;
    font-size: clamp(28px, 2.6vw, 44px);
}

.mplw__feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mplw__feature {
    min-height: 160px;
    padding: 20px clamp(20px, 2.4vw, 42px);
}

.mplw__feature + .mplw__feature {
    border-left: 1px solid #cbdce9;
}

.mplw__feature-icon {
    justify-content: flex-start;
    margin-bottom: 18px;
    font-size: 29px;
}

.mplw__feature h3 {
    margin-bottom: 8px;
    font-size: .94em;
}

.mplw__feature p {
    color: var(--mplw-muted);
    font-size: .75em;
    line-height: 1.55;
}

.mplw__cta {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    gap: 48px;
    align-items: center;
    margin-block: var(--mplw-section-space);
    padding: clamp(38px, 5vw, 72px);
    border: 1px solid var(--mplw-line);
    border-radius: var(--mplw-radius);
    background: linear-gradient(135deg, #f8fbfd 0%, #fff 62%);
    box-shadow: 0 18px 50px rgba(6, 42, 78, .06);
}

.mplw__cta h2 {
    max-width: 680px;
    font-size: clamp(31px, 3.3vw, 54px);
}

.mplw__cta > div:first-child > p:last-child {
    max-width: 690px;
    margin-top: 18px !important;
    color: var(--mplw-muted);
}

.mplw__cta-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.mplw__cta-actions .mplw__button {
    width: 100%;
    margin-top: 16px;
}

.mplw__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 52px;
    border: 1px solid var(--mplw-line);
    border-radius: var(--mplw-button-radius);
    color: var(--mplw-text) !important;
    background: #fff;
    font-size: 1.04em;
    font-weight: 800;
}

.mplw__phone span {
    color: #2e85d2;
}

.mplw__faq {
    display: grid;
    grid-template-columns: minmax(270px, .75fr) minmax(0, 1.65fr);
    gap: clamp(50px, 8vw, 150px);
    align-items: start;
    padding-bottom: var(--mplw-section-space);
}

.mplw__faq-heading {
    position: sticky;
    top: 34px;
}

.mplw__faq-heading h2 {
    max-width: 440px;
    font-size: clamp(32px, 3.3vw, 52px);
}

.mplw__faq-list {
    border-top: 1px solid var(--mplw-line);
}

.mplw__faq-item {
    border-bottom: 1px solid var(--mplw-line);
}

.mplw__faq-item summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 30px;
    align-items: center;
    min-height: 76px;
    padding: 18px 0;
    color: var(--mplw-text);
    cursor: pointer;
    list-style: none;
    font-size: .94em;
    font-weight: 700;
}

.mplw__faq-item summary::-webkit-details-marker { display: none; }

.mplw__faq-plus {
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid #9bb6cc;
    border-radius: 50%;
    transition: transform 240ms ease, background-color 240ms ease;
}

.mplw__faq-plus::before,
.mplw__faq-plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.mplw__faq-plus::after { transform: translate(-50%, -50%) rotate(90deg); }

.mplw__faq-item[open] .mplw__faq-plus {
    color: #fff;
    background: var(--mplw-dark);
    transform: rotate(45deg);
}

.mplw__faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 320ms ease, opacity 240ms ease;
}

.mplw__faq-answer > p {
    overflow: hidden;
    max-width: 78ch;
    padding-right: 50px;
    color: var(--mplw-muted);
    font-size: .88em;
}

.mplw__faq-item[open] .mplw__faq-answer {
    grid-template-rows: 1fr;
    opacity: 1;
}

.mplw__faq-item[open] .mplw__faq-answer > p {
    padding-bottom: 26px;
}

/* Hover effects */
.mplw-hover-lift .mplw__service,
.mplw-hover-lift .mplw__audience-card,
.mplw-hover-lift .mplw__feature,
.mplw-hover-glow .mplw__service,
.mplw-hover-glow .mplw__audience-card,
.mplw-hover-glow .mplw__feature {
    transition: transform 360ms cubic-bezier(.2,.72,.24,1), box-shadow 360ms ease, border-color 360ms ease;
}

.mplw-hover-lift .mplw__service:hover,
.mplw-hover-lift .mplw__audience-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 26px 58px rgba(5, 47, 93, .15);
}

.mplw-hover-lift .mplw__feature:hover { transform: translateY(-5px); }

.mplw-hover-lift .mplw__service:hover .mplw__service-image,
.mplw-hover-lift .mplw__audience-card:hover .mplw__audience-image,
.mplw-hover-zoom .mplw__service:hover .mplw__service-image,
.mplw-hover-zoom .mplw__audience-card:hover .mplw__audience-image,
.mplw-hover-zoom .mplw__quality-media:hover .mplw__quality-image {
    transform: scale(1.055);
}

.mplw-hover-glow .mplw__service:hover,
.mplw-hover-glow .mplw__audience-card:hover {
    border-color: #8cc4f3;
    box-shadow: 0 0 0 3px rgba(52, 137, 218, .12), 0 26px 58px rgba(5, 47, 93, .13);
}

/* Entrance animation: visible by default; JS adds initial state. */
.mplw.mplw-js [data-mplw-animate] {
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: var(--mplw-animation-duration);
    transition-delay: var(--mplw-delay, 0ms);
    transition-timing-function: cubic-bezier(.2,.72,.24,1);
}

.mplw.mplw-js.mplw-entrance-fade-up [data-mplw-animate] { transform: translate3d(0, 32px, 0); }
.mplw.mplw-js.mplw-entrance-fade-left [data-mplw-animate] { transform: translate3d(-36px, 0, 0); }
.mplw.mplw-js.mplw-entrance-fade-right [data-mplw-animate] { transform: translate3d(36px, 0, 0); }
.mplw.mplw-js.mplw-entrance-scale [data-mplw-animate] { transform: scale(.97); }

.mplw.mplw-js [data-mplw-animate].is-visible,
.mplw.mplw-js.mplw-entrance-none [data-mplw-animate] {
    opacity: 1;
    transform: none;
}

@media (max-width: 1599px) {
    .mplw__container { width: min(calc(100% - 48px), var(--mplw-container-laptop)); }
    .mplw__services { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .mplw__quality-inner { grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr); }
    .mplw__quality-copy { padding: clamp(48px, 5vw, 82px); }
    .mplw__audience-card,
    .mplw__audience-content { min-height: 370px; }
    .mplw__offer-step { grid-template-columns: 58px 38px minmax(0, 1fr); padding-inline: 28px; }
    .mplw__offer-number { width: 56px; height: 56px; border-width: 5px; }
}

@media (max-width: 1199px) {
    .mplw__title { font-size: var(--mplw-title-tablet); }
    .mplw__benefits-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mplw__benefit:nth-child(3) { border-left: 0; border-top: 1px solid var(--mplw-line); }
    .mplw__benefit:nth-child(4) { border-top: 1px solid var(--mplw-line); }
    .mplw__services { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mplw__quality-inner { grid-template-columns: 1fr; }
    .mplw__quality-media { min-height: 460px; aspect-ratio: 16 / 8; }
    .mplw__quality-copy { padding: 64px clamp(34px, 7vw, 82px); }
    .mplw-layout-alternating .mplw__service { min-height: 340px; }
    .mplw-layout-alternating .mplw__service-media,
    .mplw-layout-alternating .mplw__service-content { min-height: 340px; }
    .mplw__audience-content { width: 78%; }
    .mplw__offer-grid { grid-template-columns: 1fr; }
    .mplw__offer-step { grid-template-columns: 64px 44px minmax(0, 1fr); }
    .mplw__offer-step + .mplw__offer-step { border-top: 1px solid var(--mplw-line); border-left: 0; }
    .mplw__offer-step + .mplw__offer-step::before { display: none; }
    .mplw__trust-inner { grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr); }
    .mplw__trust-seal { grid-column: 1 / -1; min-height: 160px; }
    .mplw__trust-seal .mplw__image-placeholder { min-height: 132px; }
    .mplw__features-inner { grid-template-columns: 1fr; }
    .mplw__features-inner > h2 { max-width: 620px; }
    .mplw__cta { grid-template-columns: 1fr; }
    .mplw__cta-actions { max-width: 430px; }
}

@media (max-width: 899px) {
    .mplw { font-size: var(--mplw-body-mobile); }
    .mplw__container { width: min(calc(100% - 36px), 820px); }
    .mplw__tabs { justify-content: flex-start; overflow-x: auto; padding-inline: 18px; scrollbar-width: thin; }
    .mplw__tab { min-width: 150px; }
    .mplw__intro { padding-block: 58px 42px; }
    .mplw__audience-grid { grid-template-columns: 1fr; }
    .mplw__audience-card,
    .mplw__audience-content { min-height: 360px; }
    .mplw__trust-inner { grid-template-columns: 1fr; }
    .mplw__review,
    .mplw__trust-seal { min-height: 190px; }
    .mplw__feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mplw__feature:nth-child(3) { border-left: 0; border-top: 1px solid #cbdce9; }
    .mplw__feature:nth-child(4) { border-top: 1px solid #cbdce9; }
    .mplw__faq { grid-template-columns: 1fr; gap: 34px; }
    .mplw__faq-heading { position: static; }
}

@media (max-width: 639px) {
    .mplw__container { width: min(calc(100% - 24px), 560px); }
    .mplw__title { font-size: var(--mplw-title-mobile); }
    .mplw__intro-text { font-size: .96em; }
    .mplw__meta { font-size: .71em; line-height: 1.65; }
    .mplw__benefits-inner { grid-template-columns: 1fr; }
    .mplw__benefit,
    .mplw__benefit + .mplw__benefit,
    .mplw__benefit:nth-child(3),
    .mplw__benefit:nth-child(4) { border-top: 1px solid var(--mplw-line); border-left: 0; }
    .mplw__benefit:first-child { border-top: 0; }
    .mplw__services { grid-template-columns: 1fr; gap: 18px; padding-block: 52px; }
    .mplw__service-content { min-height: 0; padding: 24px 22px 28px; }
    .mplw__service h3 { font-size: 20px; }
    .mplw-layout-alternating .mplw__services { width: 100%; }
    .mplw-layout-alternating .mplw__service,
    .mplw-layout-alternating .mplw__service.is-reverse { grid-template-columns: 1fr; border-radius: 0; }
    .mplw-layout-alternating .mplw__service .mplw__service-media,
    .mplw-layout-alternating .mplw__service.is-reverse .mplw__service-media { order: 1; min-height: 0; aspect-ratio: var(--mplw-image-ratio); }
    .mplw-layout-alternating .mplw__service .mplw__service-content,
    .mplw-layout-alternating .mplw__service.is-reverse .mplw__service-content { order: 2; min-height: 0; padding: 30px 22px 36px; }
    .mplw__quality-media { min-height: 320px; aspect-ratio: 4 / 3; }
    .mplw__quality-copy { padding: 46px 22px 54px; }
    .mplw__quality-copy h2 { font-size: 31px; }
    .mplw__audience { padding-block: 54px; }
    .mplw__audience-card,
    .mplw__audience-content { min-height: 390px; }
    .mplw__audience-content { width: 100%; padding: 32px 24px; }
    .mplw__audience-bg::after { background: linear-gradient(0deg, rgba(3, 37, 72, .98) 0%, rgba(3, 37, 72, .82) 56%, rgba(3, 37, 72, .28) 100%); }
    .mplw__audience h3 { font-size: 28px; }
    .mplw__offer { padding-bottom: 54px; }
    .mplw__offer-step { grid-template-columns: 56px minmax(0, 1fr); gap: 14px; padding: 24px 10px; }
    .mplw__offer-icon { display: none; }
    .mplw__offer-number { width: 52px; height: 52px; }
    .mplw__trust { padding-block: 48px; }
    .mplw__review { padding: 28px 24px; }
    .mplw__features-inner { padding-block: 48px; }
    .mplw__feature-grid { grid-template-columns: 1fr; }
    .mplw__feature,
    .mplw__feature + .mplw__feature,
    .mplw__feature:nth-child(3),
    .mplw__feature:nth-child(4) { border-top: 1px solid #cbdce9; border-left: 0; }
    .mplw__feature:first-child { border-top: 0; }
    .mplw__cta { width: calc(100% - 24px); margin-block: 54px; padding: 34px 22px; }
    .mplw__cta h2 { font-size: 31px; }
    .mplw__faq { padding-bottom: 54px; }
    .mplw__faq-item summary { gap: 16px; min-height: 70px; }
    .mplw__faq-answer > p { padding-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
    .mplw-respect-motion *,
    .mplw-respect-motion *::before,
    .mplw-respect-motion *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ========================================================================
   1.2.0 – Bild-1-Aufbau im klaren Blau-Rot-Seitendesign
   ======================================================================== */
.mplw-format-split-clean {
    background:
        radial-gradient(circle at 8% 8%, color-mix(in srgb, var(--mplw-light-accent) 68%, transparent) 0, transparent 24%),
        var(--mplw-bg);
}

.mplw-format-split-clean .mplw__container {
    width: min(calc(100% - 72px), var(--mplw-container-large));
}

.mplw-format-split-clean .mplw__eyebrow {
    color: #3586cf;
    font-size: .72em;
    font-weight: 800;
    letter-spacing: .16em;
}

.mplw-format-split-clean .mplw__tabs {
    justify-content: flex-start;
    gap: clamp(34px, 5vw, 86px);
    min-height: 66px;
    border-bottom-color: var(--mplw-line);
}

.mplw-format-split-clean .mplw__tab {
    min-height: 66px;
    padding-inline: 0;
    font-size: .8em;
    font-weight: 700;
}

.mplw-format-split-clean .mplw__tab::after {
    height: 4px;
    background: var(--mplw-accent);
}

.mplw-format-split-clean .mplw__intro {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr);
    grid-template-areas:
        "eyebrow introtext"
        "title introtext"
        "title meta";
    column-gap: clamp(70px, 9vw, 160px);
    row-gap: 12px;
    align-items: end;
    padding-block: clamp(62px, 7vw, 108px) clamp(46px, 5vw, 72px);
    text-align: left;
}

.mplw-format-split-clean .mplw__intro > .mplw__eyebrow { grid-area: eyebrow; margin-bottom: 0 !important; }
.mplw-format-split-clean .mplw__title { grid-area: title; max-width: 720px; }
.mplw-format-split-clean .mplw__intro-text {
    grid-area: introtext;
    align-self: end;
    max-width: 720px;
    margin-top: 0 !important;
    color: var(--mplw-muted);
    font-size: 1em;
    line-height: 1.75;
}
.mplw-format-split-clean .mplw__meta {
    grid-area: meta;
    align-self: start;
    margin-top: 14px !important;
    color: var(--mplw-text);
    font-size: .75em;
    font-weight: 750;
}

/* Wechselraster: Layout wie Bild 1, visuelle Sprache wie Bild 2 */
.mplw-format-split-clean.mplw-layout-alternating .mplw__services {
    display: block;
    padding-block: 0;
    overflow: hidden;
    border: 1px solid var(--mplw-line);
    border-radius: var(--mplw-radius);
    background: var(--mplw-surface);
    box-shadow: 0 24px 70px rgba(5, 47, 93, .075);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: clamp(260px, 20vw, 340px);
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: var(--mplw-surface);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service + .mplw__service {
    border-top: 1px solid var(--mplw-line);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media,
.mplw-format-split-clean.mplw-layout-alternating .mplw__service-content {
    min-height: clamp(260px, 20vw, 340px);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media {
    aspect-ratio: auto;
    background: var(--mplw-light-accent);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-content {
    justify-content: center;
    padding: clamp(36px, 4.4vw, 74px);
    background:
        linear-gradient(135deg, rgba(242, 247, 251, .42), transparent 45%),
        var(--mplw-surface);
    transition: background-color 280ms ease;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-heading {
    grid-template-columns: clamp(58px, 5vw, 78px) minmax(0, 1fr);
    gap: clamp(18px, 2vw, 32px);
    align-items: start;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-icon {
    width: auto;
    height: auto;
    justify-content: flex-start;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #2e78bc;
    font-size: clamp(27px, 2.4vw, 42px);
    font-weight: 500;
    letter-spacing: -.04em;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service h3 {
    max-width: 520px;
    font-size: clamp(22px, 1.65vw, 30px);
    line-height: 1.16;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-content > p {
    max-width: 560px;
    margin-top: 15px !important;
    padding-left: calc(clamp(58px, 5vw, 78px) + clamp(18px, 2vw, 32px));
    color: var(--mplw-muted);
    font-size: .85em;
    line-height: 1.62;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link {
    position: relative;
    width: max-content;
    margin-top: 15px;
    margin-left: calc(clamp(58px, 5vw, 78px) + clamp(18px, 2vw, 32px));
    padding-top: 0;
    padding-right: 46px;
    color: var(--mplw-text);
    font-size: .72em;
    font-weight: 800;
    transition: color 280ms ease;
}

/* Ruhige Pfeilkontur und darüberliegende Farbfüllung. Die Akzentfarbe
   zeichnet sich beim Hover von links nach rechts in den Pfeil ein. */
.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link::before,
.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 36px;
    height: 14px;
    pointer-events: none;
    clip-path: polygon(0 43%, 72% 43%, 72% 12%, 100% 50%, 72% 88%, 72% 57%, 0 57%);
    transform: translateY(-50%);
    transform-origin: left center;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link::before {
    background: var(--mplw-accent);
    opacity: .18;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link::after {
    background: var(--mplw-accent);
    opacity: 1;
    transform: translateY(-50%) scaleX(0);
    transition: transform 430ms cubic-bezier(.22,.75,.2,1);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link:hover,
.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link:focus-visible {
    color: var(--mplw-accent);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link:hover::after,
.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link:focus-visible::after {
    transform: translateY(-50%) scaleX(1);
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__text-link > span:last-child { display: none; }

.mplw-format-split-clean.mplw-layout-alternating .mplw__number {
    right: 24px;
    bottom: 16px;
    color: color-mix(in srgb, var(--mplw-text) 8%, transparent);
}

.mplw-format-split-clean.mplw-layout-alternating.mplw-hover-lift .mplw__service:hover,
.mplw-format-split-clean.mplw-layout-alternating.mplw-hover-glow .mplw__service:hover {
    transform: none;
    box-shadow: none;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service:hover .mplw__service-content {
    background-color: color-mix(in srgb, var(--mplw-light-accent) 72%, var(--mplw-surface));
}

/* Dunkle Leiste nach den Leistungen */
.mplw-format-split-clean .mplw__benefits {
    margin-top: clamp(44px, 5vw, 74px);
    border: 0;
    border-top: 4px solid var(--mplw-accent);
    background: linear-gradient(105deg, var(--mplw-dark), color-mix(in srgb, var(--mplw-dark) 82%, #0d5a98));
    box-shadow: 0 22px 60px rgba(5, 47, 93, .18);
}

.mplw-format-split-clean .mplw__benefits-inner {
    display: grid;
    grid-template-columns: minmax(190px, 1.25fr) repeat(6, minmax(125px, 1fr));
    min-height: 154px;
}

.mplw-format-split-clean .mplw__benefits-lead {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    padding: 30px clamp(20px, 2.4vw, 42px) 30px 0;
}

.mplw-format-split-clean .mplw__benefits-lead > span {
    display: block;
    width: 42px;
    height: 3px;
    border-radius: 3px;
    background: var(--mplw-accent);
}

.mplw-format-split-clean .mplw__benefits-lead p {
    color: #fff;
    font-family: var(--mplw-heading-font);
    font-size: clamp(18px, 1.45vw, 25px);
    font-weight: var(--mplw-heading-weight);
    line-height: 1.18;
}

.mplw-format-split-clean .mplw__benefit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    padding: 28px clamp(14px, 1.5vw, 26px);
    border-left: 1px solid rgba(255,255,255,.13);
}

.mplw-format-split-clean .mplw__benefit-icon {
    width: 38px;
    height: 38px;
    border: 1px solid rgba(255,255,255,.3);
    background: rgba(255,255,255,.08);
    color: #fff;
    font-size: 20px;
}

.mplw-format-split-clean .mplw__benefit h3 { color: #fff; font-size: .76em; line-height: 1.35; }
.mplw-format-split-clean .mplw__benefit p { color: rgba(255,255,255,.68); font-size: .66em; }

/* Ablaufbereich im Bild-1-Aufbau */
.mplw-format-split-clean .mplw__quality {
    padding-block: var(--mplw-section-space);
    background: #fff;
}

.mplw-format-split-clean .mplw__quality-inner {
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
    gap: clamp(38px, 6vw, 100px);
    align-items: center;
    min-height: 0;
}

.mplw-format-split-clean .mplw__quality-media {
    order: 2;
    min-height: clamp(360px, 31vw, 510px);
    overflow: hidden;
    border-radius: var(--mplw-radius);
    box-shadow: 0 22px 58px rgba(5,47,93,.14);
}

.mplw-format-split-clean .mplw__quality-media::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.36);
    border-radius: inherit;
    pointer-events: none;
}

.mplw-format-split-clean .mplw__quality-copy {
    order: 1;
    padding: 0;
    background: transparent;
}

.mplw-format-split-clean .mplw__quality-copy h2 {
    max-width: 660px;
    font-size: clamp(34px, 3.25vw, 56px);
}

.mplw-format-split-clean .mplw__quality-text { max-width: 720px; }

.mplw-format-split-clean .mplw__checklist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 38px !important;
    border-block: 1px solid var(--mplw-line);
}

.mplw-format-split-clean .mplw__checklist li {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    padding: 24px clamp(14px, 2vw, 28px) 24px 0;
}

.mplw-format-split-clean .mplw__checklist li + li {
    padding-left: clamp(14px, 2vw, 28px);
    border-left: 1px solid var(--mplw-line);
}

.mplw-format-split-clean .mplw__checklist li > span {
    width: 42px;
    height: 42px;
    border: 4px solid #dceaf6;
    background: var(--mplw-dark);
    color: #fff;
    font-size: 12px;
}

.mplw-format-split-clean .mplw__checklist strong { font-size: .82em; }
.mplw-format-split-clean .mplw__checklist small { margin-top: 5px; font-size: .67em; line-height: 1.45; }

.mplw-format-split-clean .mplw__button {
    min-height: 48px;
    margin-top: 30px;
    padding-inline: 22px;
    border-radius: var(--mplw-button-radius);
    background: var(--mplw-accent);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--mplw-accent) 23%, transparent);
}

.mplw-format-split-clean .mplw__button:hover {
    box-shadow: 0 16px 34px color-mix(in srgb, var(--mplw-accent) 30%, transparent);
}

/* Qualitätsmerkmale */
.mplw-format-split-clean .mplw__features {
    border-block: 1px solid var(--mplw-line);
    background: linear-gradient(100deg, color-mix(in srgb, var(--mplw-light-accent) 86%, #fff), #fff);
}

.mplw-format-split-clean .mplw__features-inner {
    grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr);
    gap: clamp(30px, 5vw, 80px);
    padding-block: clamp(44px, 5vw, 70px);
}

.mplw-format-split-clean .mplw__features-inner > h2 {
    font-size: clamp(25px, 2.3vw, 38px);
}

.mplw-format-split-clean .mplw__feature-grid { border: 0; }
.mplw-format-split-clean .mplw__feature {
    padding: 14px clamp(16px, 2vw, 30px);
    background: transparent;
}
.mplw-format-split-clean .mplw__feature + .mplw__feature { border-left-color: #cbddeb; }
.mplw-format-split-clean .mplw__feature-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 14px;
    border: 1px solid #a9cde9;
    border-radius: 10px;
    background: #fff;
    color: #2f82c8;
    font-size: 20px;
}
.mplw-format-split-clean .mplw__feature h3 { font-size: .82em; }
.mplw-format-split-clean .mplw__feature p { font-size: .69em; line-height: 1.55; }

/* FAQ */
.mplw-format-split-clean .mplw__faq {
    gap: clamp(48px, 7vw, 120px);
    padding-top: clamp(66px, 7vw, 110px);
}
.mplw-format-split-clean .mplw__faq-heading h2 { font-size: clamp(31px, 3vw, 48px); }
.mplw-format-split-clean .mplw__faq-item summary { min-height: 70px; font-size: .88em; }
.mplw-format-split-clean .mplw__faq-plus { border-color: #98b8d2; color: var(--mplw-text); }
.mplw-format-split-clean .mplw__faq-item[open] .mplw__faq-plus { background: var(--mplw-accent); border-color: var(--mplw-accent); }

/* Optional zugeschaltete Bereiche behalten die gleiche Designsprache. */
.mplw-format-split-clean .mplw__audience-card,
.mplw-format-split-clean .mplw__review,
.mplw-format-split-clean .mplw__trust-seal,
.mplw-format-split-clean .mplw__cta {
    border-radius: var(--mplw-radius);
}

@media (max-width: 1599px) {
    .mplw-format-split-clean .mplw__container { width: min(calc(100% - 48px), var(--mplw-container-laptop)); }
    .mplw-format-split-clean .mplw__benefits-inner { grid-template-columns: minmax(180px, 1.15fr) repeat(6, minmax(112px, 1fr)); }
    .mplw-format-split-clean .mplw__benefit { padding-inline: 16px; }
}

@media (max-width: 1199px) {
    .mplw-format-split-clean .mplw__intro {
        grid-template-columns: minmax(0, .95fr) minmax(300px, 1.05fr);
        column-gap: 54px;
    }
    .mplw-format-split-clean .mplw__benefits-inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .mplw-format-split-clean .mplw__benefits-lead { grid-column: 1 / -1; padding: 28px 0 20px; }
    .mplw-format-split-clean .mplw__benefit { min-height: 118px; border-top: 1px solid rgba(255,255,255,.13); }
    .mplw-format-split-clean .mplw__quality-inner { grid-template-columns: 1fr 1fr; gap: 44px; }
    .mplw-format-split-clean .mplw__checklist { grid-template-columns: 1fr; }
    .mplw-format-split-clean .mplw__checklist li + li { padding-left: 0; border-top: 1px solid var(--mplw-line); border-left: 0; }
}

@media (max-width: 899px) {
    .mplw-format-split-clean .mplw__container { width: min(calc(100% - 36px), 820px); }
    .mplw-format-split-clean .mplw__tabs { width: 100%; padding-inline: 18px; }
    .mplw-format-split-clean .mplw__intro {
        grid-template-columns: 1fr;
        grid-template-areas: "eyebrow" "title" "introtext" "meta";
        gap: 14px;
        padding-block: 54px 42px;
    }
    .mplw-format-split-clean .mplw__intro-text { margin-top: 14px !important; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse { grid-template-columns: 1fr; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service .mplw__service-media,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-media { order: 1; min-height: 0; aspect-ratio: 16 / 9; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service .mplw__service-content,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-content { order: 2; min-height: 240px; }
    .mplw-format-split-clean .mplw__quality-inner { grid-template-columns: 1fr; }
    .mplw-format-split-clean .mplw__quality-media { order: 1; min-height: 380px; aspect-ratio: 16 / 10; }
    .mplw-format-split-clean .mplw__quality-copy { order: 2; }
    .mplw-format-split-clean .mplw__features-inner { grid-template-columns: 1fr; }
}

@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__container { width: min(calc(100% - 24px), 560px); }
    .mplw-format-split-clean .mplw__tabs { padding-inline: 12px; }
    .mplw-format-split-clean .mplw__intro { padding-block: 44px 34px; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__services { width: calc(100% - 24px); border-radius: 11px; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service-content { min-height: 0 !important; padding: 30px 22px 34px !important; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service-heading { grid-template-columns: 48px minmax(0, 1fr); gap: 14px; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service-icon { font-size: 27px; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service h3 { font-size: 21px; }
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service-content > p,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__text-link { margin-left: 62px; padding-left: 0; }
    .mplw-format-split-clean .mplw__benefits { margin-top: 42px; }
    .mplw-format-split-clean .mplw__benefits-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mplw-format-split-clean .mplw__benefits-lead { padding-inline: 0; }
    .mplw-format-split-clean .mplw__benefit { min-height: 138px; padding: 22px 14px; border-top: 1px solid rgba(255,255,255,.13) !important; }
    .mplw-format-split-clean .mplw__benefit:nth-of-type(odd) { border-left: 0; }
    .mplw-format-split-clean .mplw__quality { padding-block: 54px; }
    .mplw-format-split-clean .mplw__quality-media { min-height: 280px; }
    .mplw-format-split-clean .mplw__quality-copy h2 { font-size: 31px; }
    .mplw-format-split-clean .mplw__checklist { margin-top: 28px !important; }
    .mplw-format-split-clean .mplw__features-inner { padding-block: 46px; }
    .mplw-format-split-clean .mplw__faq { padding-top: 54px; }
}


/* ========================================================================
   1.2.1 – Einheitliche Bildgrößen unabhängig vom Ausgangsformat
   ======================================================================== */
/* WordPress- oder Theme-Regeln dürfen die Bildfläche nicht mehr verändern. */
.mplw .mplw__service-media {
    position: relative;
    min-width: 0;
}

.mplw .mplw__service-media > .mplw__service-image,
.mplw .mplw__service-media > picture,
.mplw .mplw__service-media > picture > .mplw__service-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: var(--mplw-image-position) !important;
}

/* Im Wechselraster ist jede Desktop-Zeile exakt gleich hoch. */
.mplw-format-split-clean.mplw-layout-alternating .mplw__service {
    height: var(--mplw-service-row-large);
    min-height: 0;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media,
.mplw-format-split-clean.mplw-layout-alternating .mplw__service-content {
    height: 100%;
    min-height: 0;
}

.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media > .mplw__service-image,
.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media > picture,
.mplw-format-split-clean.mplw-layout-alternating .mplw__service-media > picture > .mplw__service-image {
    position: absolute;
    inset: 0;
}

@media (max-width: 1599px) {
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service {
        height: var(--mplw-service-row-laptop);
    }
}

/* Auf Tablet und Mobil wird nur die Bildfläche fixiert; der Text darf mitwachsen. */
@media (max-width: 899px) {
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse {
        height: auto;
        min-height: 0;
    }

    .mplw-format-split-clean.mplw-layout-alternating .mplw__service .mplw__service-media,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-media {
        width: 100%;
        height: var(--mplw-service-image-tablet);
        min-height: var(--mplw-service-image-tablet);
        aspect-ratio: auto;
    }

    .mplw-format-split-clean.mplw-layout-alternating .mplw__service .mplw__service-content,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-content {
        height: auto;
    }
}

@media (max-width: 639px) {
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service .mplw__service-media,
    .mplw-format-split-clean.mplw-layout-alternating .mplw__service.is-reverse .mplw__service-media {
        height: var(--mplw-service-image-mobile);
        min-height: var(--mplw-service-image-mobile);
    }
}


/* ========================================================================
   1.2.2 – Einleitungstext auf Desktop zuverlässig in der rechten Spalte
   ======================================================================== */
@media (min-width: 900px) {
    .mplw-format-split-clean .mplw__intro {
        display: grid !important;
        grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr) !important;
        grid-template-rows: auto auto auto !important;
        column-gap: clamp(70px, 9vw, 160px) !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__eyebrow {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__title {
        grid-column: 1 !important;
        grid-row: 2 / span 2 !important;
        justify-self: start !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-text {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        align-self: end !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 720px !important;
        margin: 0 !important;
        text-align: left !important;
        float: none !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__meta {
        grid-column: 2 !important;
        grid-row: 3 !important;
        align-self: start !important;
        justify-self: stretch !important;
        width: 100% !important;
        max-width: 720px !important;
        margin: 14px 0 0 !important;
        text-align: left !important;
        float: none !important;
    }
}


/* ========================================================================
   1.2.3 – Rechte Einleitungsspalte bündig am rechten Container-Rand
   ======================================================================== */
.mplw-format-split-clean .mplw__intro-main,
.mplw-format-split-clean .mplw__intro-side {
    min-width: 0;
}

@media (min-width: 900px) {
    .mplw-format-split-clean .mplw__intro {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(420px, 620px) !important;
        grid-template-areas: "main side" !important;
        column-gap: clamp(72px, 8vw, 170px) !important;
        align-items: center !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-main {
        grid-area: main !important;
        align-self: center !important;
        justify-self: start !important;
        width: 100% !important;
        max-width: 760px !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-side {
        grid-area: side !important;
        align-self: center !important;
        justify-self: end !important;
        width: min(100%, 620px) !important;
        max-width: 620px !important;
        margin-left: auto !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro-main > .mplw__eyebrow,
    .mplw-format-split-clean .mplw__intro-main > .mplw__title,
    .mplw-format-split-clean .mplw__intro-side > .mplw__intro-text,
    .mplw-format-split-clean .mplw__intro-side > .mplw__meta {
        width: 100% !important;
        max-width: none !important;
        float: none !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro-main > .mplw__eyebrow {
        margin-bottom: 14px !important;
    }

    .mplw-format-split-clean .mplw__intro-side > .mplw__intro-text {
        margin: 0 !important;
    }

    .mplw-format-split-clean .mplw__intro-side > .mplw__meta {
        margin: 22px 0 0 !important;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__intro {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 500px) !important;
        column-gap: 54px !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-side {
        width: min(100%, 500px) !important;
        max-width: 500px !important;
    }
}

@media (max-width: 899px) {
    .mplw-format-split-clean .mplw__intro {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-areas: "main" "side" !important;
        gap: 22px !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-main,
    .mplw-format-split-clean .mplw__intro > .mplw__intro-side {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-main { grid-area: main !important; }
    .mplw-format-split-clean .mplw__intro > .mplw__intro-side { grid-area: side !important; }

    .mplw-format-split-clean .mplw__intro-side > .mplw__intro-text {
        margin: 0 !important;
    }

    .mplw-format-split-clean .mplw__intro-side > .mplw__meta {
        margin: 18px 0 0 !important;
    }
}

/* ========================================================================
   1.2.5 – Einzeilige Hauptüberschrift und kompakterer rechter Einführungstext
   ======================================================================== */
@media (min-width: 1200px) {
    .mplw-format-split-clean .mplw__intro > .mplw__intro-main {
        max-width: none !important;
    }

    .mplw-format-split-clean .mplw__intro-main > .mplw__title {
        width: auto !important;
        max-width: none !important;
        white-space: nowrap !important;
        font-size: clamp(34px, 2.55vw, var(--mplw-title-desktop)) !important;
        letter-spacing: -0.03em;
    }

    .mplw-format-split-clean .mplw__intro-side > .mplw__intro-text {
        font-size: .88em !important;
        line-height: 1.68 !important;
    }

    .mplw-format-split-clean .mplw__intro-side > .mplw__meta {
        font-size: .71em !important;
    }
}

/* Typische 14-Zoll-/Laptopbreiten: mehr Platz für die einzeilige Überschrift. */
@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__intro {
        grid-template-columns: minmax(0, 1fr) minmax(340px, 420px) !important;
        column-gap: clamp(38px, 4vw, 58px) !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-side {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
    }

    .mplw-format-split-clean .mplw__intro-main > .mplw__title {
        font-size: clamp(34px, 2.55vw, 38px) !important;
    }
}

/* Große Monitore: ausgewogenes Verhältnis bei weiterhin bündiger rechter Spalte. */
@media (min-width: 1500px) {
    .mplw-format-split-clean .mplw__intro {
        grid-template-columns: minmax(0, 1fr) minmax(420px, 520px) !important;
        column-gap: clamp(68px, 6vw, 128px) !important;
    }

    .mplw-format-split-clean .mplw__intro > .mplw__intro-side {
        width: min(100%, 520px) !important;
        max-width: 520px !important;
    }
}

/* ========================================================================
   1.2.6 – Ablauf und Qualitätsmerkmale im kompakten Referenz-Layout
   Nur die Anordnung wurde verändert; Farben, Schriften und Effekte bleiben.
   ======================================================================== */
@media (min-width: 1200px) {
    /* Oben: Titel links, drei Schritte daneben, Bild rechts. */
    .mplw-format-split-clean .mplw__quality-inner {
        grid-template-columns: minmax(0, 1.78fr) minmax(420px, .92fr) !important;
        gap: clamp(36px, 3.6vw, 70px) !important;
        align-items: center !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        display: grid !important;
        grid-template-columns: minmax(230px, .82fr) minmax(0, 2.18fr) !important;
        grid-template-rows: auto auto auto auto !important;
        column-gap: clamp(34px, 4vw, 76px) !important;
        row-gap: 0 !important;
        align-content: center !important;
        align-items: start !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__eyebrow {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        grid-column: 1 !important;
        grid-row: 2 !important;
        max-width: 360px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        grid-column: 1 !important;
        grid-row: 3 !important;
        max-width: 390px !important;
        margin-top: 20px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist {
        grid-column: 2 !important;
        grid-row: 1 / span 4 !important;
        align-self: center !important;
        width: 100% !important;
        margin: 0 !important;
        border-block: 0 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__button {
        grid-column: 1 !important;
        grid-row: 4 !important;
        justify-self: start !important;
        width: auto !important;
        margin-top: 28px !important;
    }

    .mplw-format-split-clean .mplw__checklist li {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
        min-width: 0 !important;
        min-height: 184px !important;
        padding: 16px clamp(18px, 1.8vw, 32px) !important;
    }

    .mplw-format-split-clean .mplw__checklist li:first-child {
        padding-left: 0 !important;
    }

    .mplw-format-split-clean .mplw__checklist li + li {
        border-left: 1px solid var(--mplw-line) !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        min-height: clamp(360px, 27vw, 500px) !important;
    }

    /* Unten: Überschrift als erste Spalte, danach vier gleichmäßige Merkmale. */
    .mplw-format-split-clean .mplw__features-inner {
        grid-template-columns: minmax(260px, .92fr) minmax(0, 3.08fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
        min-height: 286px !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        align-self: center !important;
        max-width: 350px !important;
        padding-right: clamp(28px, 3.5vw, 66px) !important;
    }

    .mplw-format-split-clean .mplw__feature-grid {
        align-items: stretch !important;
        height: 100% !important;
    }

    .mplw-format-split-clean .mplw__feature {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 190px !important;
        padding: 26px clamp(24px, 2.25vw, 44px) !important;
        border-left: 1px solid #cbddeb !important;
    }
}

/* 14-Zoll-/kleinere Desktopbreiten: gleiche Anordnung, aber kompakter. */
@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__quality-inner {
        grid-template-columns: minmax(0, 1.7fr) minmax(360px, .88fr) !important;
        gap: 38px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        grid-template-columns: minmax(205px, .78fr) minmax(0, 2.22fr) !important;
        column-gap: 30px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        font-size: clamp(31px, 2.65vw, 42px) !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        font-size: .88em !important;
    }

    .mplw-format-split-clean .mplw__checklist li {
        min-height: 168px !important;
        padding-inline: 16px !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        min-height: 390px !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        grid-template-columns: minmax(230px, .82fr) minmax(0, 3.18fr) !important;
    }

    .mplw-format-split-clean .mplw__feature {
        padding-inline: 22px !important;
    }
}

/* Tablet: Bild oben, darunter Titel und Schritte; Merkmale zweispaltig. */
@media (min-width: 640px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__quality-copy {
        display: grid !important;
        grid-template-columns: minmax(210px, .8fr) minmax(0, 2.2fr) !important;
        column-gap: clamp(28px, 5vw, 58px) !important;
        padding: 54px clamp(28px, 6vw, 64px) !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__eyebrow,
    .mplw-format-split-clean .mplw__quality-copy > h2,
    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text,
    .mplw-format-split-clean .mplw__quality-copy > .mplw__button {
        grid-column: 1 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist {
        grid-column: 2 !important;
        grid-row: 1 / span 4 !important;
        margin: 0 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__button {
        justify-self: start !important;
        width: auto !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        gap: 28px !important;
    }

    .mplw-format-split-clean .mplw__feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobil: klare vertikale Reihenfolge ohne gequetschte Spalten. */
@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__quality-copy {
        display: flex !important;
        flex-direction: column !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__button {
        align-self: flex-start !important;
        width: auto !important;
    }
}

/* Tablet-Korrektur: Der Ablaufbereich wird nicht in zwei schmale Hauptspalten gequetscht. */
@media (min-width: 640px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__quality-inner {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        order: 1 !important;
        min-height: clamp(340px, 50vw, 470px) !important;
        aspect-ratio: 16 / 9 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        order: 2 !important;
    }
}

/* ========================================================================
   1.2.7 – Ablauf- und Merkmalsbereich auf etwa halbe Desktop-Höhe verdichtet
   Aufbau, Farben und Grunddesign bleiben unverändert.
   ======================================================================== */
@media (min-width: 1200px) {
    /* Oberer Ablaufbereich: deutlich weniger Außenraum und kompakteres Bild. */
    .mplw-format-split-clean .mplw__quality {
        padding-block: clamp(14px, 1.45vw, 24px) !important;
    }

    .mplw-format-split-clean .mplw__quality-inner {
        min-height: 0 !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        height: clamp(235px, 14.5vw, 275px) !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        align-content: center !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__eyebrow {
        margin-bottom: 7px !important;
        font-size: .68em !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        max-width: 310px !important;
        font-size: clamp(31px, 2.1vw, 40px) !important;
        line-height: 1.08 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        max-width: 340px !important;
        margin-top: 12px !important;
        font-size: .78em !important;
        line-height: 1.48 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__button {
        min-height: 40px !important;
        margin-top: 16px !important;
        padding-inline: 18px !important;
        font-size: .76em !important;
    }

    .mplw-format-split-clean .mplw__checklist li {
        min-height: 104px !important;
        gap: 8px !important;
        padding: 8px clamp(14px, 1.45vw, 24px) !important;
    }

    .mplw-format-split-clean .mplw__checklist li > span {
        width: 34px !important;
        height: 34px !important;
        border-width: 3px !important;
        font-size: 10px !important;
    }

    .mplw-format-split-clean .mplw__checklist strong {
        font-size: .74em !important;
        line-height: 1.3 !important;
    }

    .mplw-format-split-clean .mplw__checklist small {
        margin-top: 3px !important;
        font-size: .60em !important;
        line-height: 1.42 !important;
    }

    /* Unterer Merkmalsbereich: ungefähr halb so hoch wie zuvor. */
    .mplw-format-split-clean .mplw__features-inner {
        min-height: 142px !important;
        padding-block: 12px !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        max-width: 300px !important;
        padding-right: clamp(22px, 2.5vw, 46px) !important;
        font-size: clamp(24px, 1.7vw, 31px) !important;
        line-height: 1.08 !important;
    }

    .mplw-format-split-clean .mplw__feature {
        min-height: 112px !important;
        padding: 10px clamp(18px, 1.65vw, 30px) !important;
    }

    .mplw-format-split-clean .mplw__feature-icon {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 8px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        margin-bottom: 4px !important;
        font-size: .72em !important;
        line-height: 1.3 !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        font-size: .60em !important;
        line-height: 1.42 !important;
    }
}

/* 14-Zoll-Bereich noch etwas kompakter, ohne Inhalte abzuschneiden. */
@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__quality-media {
        height: 235px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        font-size: 31px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        font-size: .74em !important;
    }

    .mplw-format-split-clean .mplw__checklist li {
        min-height: 98px !important;
        padding-inline: 12px !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        min-height: 136px !important;
    }

    .mplw-format-split-clean .mplw__feature {
        min-height: 106px !important;
        padding-inline: 17px !important;
    }
}

/* Tablet und Mobil werden nur moderat verdichtet, damit nichts gequetscht wird. */
@media (min-width: 640px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__quality {
        padding-block: 36px !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        min-height: 300px !important;
        height: 300px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        padding-block: 38px !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        padding-block: 32px !important;
    }
}

@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__quality {
        padding-block: 38px !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        min-height: 240px !important;
        height: 240px !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        padding-block: 34px !important;
    }
}

/* v1.2.9 – Qualitätsmerkmale optisch wie Referenz: größere, freiere Icons und besser lesbare Typo */
.mplw-format-split-clean .mplw__feature-grid {
    align-items: stretch;
}

.mplw-format-split-clean .mplw__feature {
    justify-content: center !important;
    align-items: flex-start !important;
}

.mplw-format-split-clean .mplw__feature-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #9aa9b7 !important;
    font-size: 34px !important;
    line-height: 1 !important;
    box-shadow: none !important;
}

.mplw-format-split-clean .mplw__feature-icon--custom {
    width: 44px !important;
    height: 44px !important;
}

.mplw-format-split-clean .mplw__feature-icon-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

.mplw-format-split-clean .mplw__feature h3 {
    margin-bottom: 10px !important;
    color: var(--mplw-text) !important;
    font-size: clamp(15px, 1.02vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.26 !important;
    letter-spacing: -0.02em !important;
}

.mplw-format-split-clean .mplw__feature p {
    max-width: 18ch !important;
    color: color-mix(in srgb, var(--mplw-text) 68%, #8ea0b0) !important;
    font-size: clamp(12px, .76vw, 16px) !important;
    line-height: 1.55 !important;
}

@media (min-width: 1200px) {
    .mplw-format-split-clean .mplw__feature {
        min-height: 118px !important;
        padding: 14px clamp(28px, 2.1vw, 40px) !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        min-height: 148px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__feature {
        min-height: 112px !important;
        padding-inline: 20px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon {
        width: 38px !important;
        height: 38px !important;
        margin-bottom: 12px !important;
        font-size: 28px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 38px !important;
        height: 38px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        margin-bottom: 7px !important;
        font-size: clamp(14px, .92vw, 18px) !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        font-size: clamp(11px, .70vw, 14px) !important;
    }
}

@media (min-width: 640px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__feature-icon {
        width: 36px !important;
        height: 36px !important;
        margin-bottom: 12px !important;
        font-size: 26px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 36px !important;
        height: 36px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        font-size: 15px !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        font-size: 12px !important;
        max-width: none !important;
    }
}

@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__feature {
        padding-block: 18px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 10px !important;
        font-size: 24px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 34px !important;
        height: 34px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        font-size: 15px !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        font-size: 12px !important;
        max-width: none !important;
    }
}


/* v1.2.10 – Merkmalsleiste um ca. 1/3 in der Höhe reduziert */
@media (min-width: 1200px) {
    .mplw-format-split-clean .mplw__features-inner {
        min-height: 102px !important;
        padding-block: 8px !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        max-width: 260px !important;
        font-size: clamp(22px, 1.5vw, 28px) !important;
        line-height: 1.06 !important;
    }

    .mplw-format-split-clean .mplw__feature {
        min-height: 82px !important;
        padding: 8px clamp(24px, 1.8vw, 34px) !important;
    }

    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 8px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon {
        font-size: 25px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        margin-bottom: 6px !important;
        font-size: clamp(14px, .88vw, 18px) !important;
        line-height: 1.18 !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        font-size: clamp(11px, .68vw, 14px) !important;
        line-height: 1.4 !important;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__features-inner {
        min-height: 96px !important;
    }

    .mplw-format-split-clean .mplw__feature {
        min-height: 78px !important;
        padding-inline: 18px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 32px !important;
        height: 32px !important;
        margin-bottom: 7px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon {
        font-size: 23px !important;
    }
}

/* ========================================================================
   1.3.0 – Premium-Kombibereich 1:1 nach der neuen Referenz
   Dunkle Vorteilsleiste, großzügiger Ablauf mit schwebender Infokarte und
   abgerundete Merkmalskarte. Diese Regeln stehen bewusst am Dateiende.
   ======================================================================== */
.mplw-format-split-clean .mplw__process-card,
.mplw-format-split-clean .mplw__process-actions,
.mplw-format-split-clean .mplw__process-trust,
.mplw-format-split-clean .mplw__step-head,
.mplw-format-split-clean .mplw__step-icon,
.mplw-format-split-clean .mplw__step-number {
    box-sizing: border-box;
}

.mplw-format-split-clean .mplw__step-icon svg,
.mplw-format-split-clean .mplw__process-card-icon svg,
.mplw-format-split-clean .mplw__process-trust svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (min-width: 1200px) {
    /* Dunkle Leiste – sechs gleichwertige Vorteile ohne zusätzliche Titelspalte. */
    .mplw-format-split-clean .mplw__benefits {
        position: relative !important;
        width: min(calc(100% - 24px), var(--mplw-container-large)) !important;
        margin: clamp(38px, 4vw, 68px) auto 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        background: linear-gradient(112deg, #09294d 0%, #08284c 52%, #0d3968 100%) !important;
        box-shadow: 0 20px 54px rgba(8, 40, 76, .22) !important;
    }

    .mplw-format-split-clean .mplw__benefits::before {
        content: "";
        position: absolute;
        z-index: 3;
        top: 0;
        left: 50%;
        width: 158px;
        height: 4px;
        border-radius: 0 0 6px 6px;
        background: #187bff;
        transform: translateX(-50%);
        box-shadow: 0 0 18px rgba(24, 123, 255, .72);
    }

    .mplw-format-split-clean .mplw__benefits-inner {
        width: 100% !important;
        max-width: none !important;
        min-height: 150px !important;
        margin: 0 !important;
        padding: 0 clamp(28px, 2.2vw, 44px) !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    .mplw-format-split-clean .mplw__benefits-lead {
        display: none !important;
    }

    .mplw-format-split-clean .mplw__benefit {
        display: grid !important;
        grid-template-columns: 56px minmax(0, 1fr) !important;
        align-content: center !important;
        align-items: center !important;
        gap: 16px !important;
        min-width: 0 !important;
        min-height: 150px !important;
        padding: 24px clamp(18px, 1.55vw, 30px) !important;
        border: 0 !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__benefit + .mplw__benefit {
        border-left: 1px solid rgba(255, 255, 255, .12) !important;
    }

    .mplw-format-split-clean .mplw__benefit-icon {
        width: 56px !important;
        height: 56px !important;
        border: 1px solid rgba(93, 157, 228, .28) !important;
        border-radius: 50% !important;
        background: rgba(255, 255, 255, .075) !important;
        color: #fff !important;
        font-size: 27px !important;
        box-shadow: inset 0 0 22px rgba(72, 139, 218, .08) !important;
    }

    .mplw-format-split-clean .mplw__benefit h3 {
        margin: 0 0 7px !important;
        color: #fff !important;
        font-size: clamp(13px, .82vw, 16px) !important;
        font-weight: 720 !important;
        line-height: 1.28 !important;
        letter-spacing: -.012em !important;
    }

    .mplw-format-split-clean .mplw__benefit p {
        color: rgba(255, 255, 255, .73) !important;
        font-size: clamp(11px, .7vw, 14px) !important;
        line-height: 1.55 !important;
    }

    /* Ablaufbereich als großzügige, zusammenhängende Premium-Fläche. */
    .mplw-format-split-clean .mplw__quality {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px 34px !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__quality-inner {
        position: relative !important;
        width: min(100%, var(--mplw-container-large)) !important;
        max-width: none !important;
        min-height: 610px !important;
        margin: 0 auto !important;
        padding: clamp(38px, 3.4vw, 58px) clamp(42px, 3.9vw, 70px) clamp(40px, 3.6vw, 62px) !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(520px, .92fr) !important;
        gap: clamp(54px, 5vw, 92px) !important;
        align-items: center !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background:
            radial-gradient(circle at 88% 14%, rgba(37, 126, 238, .075), transparent 28%),
            linear-gradient(115deg, #ffffff 0%, #fbfdff 56%, #f4f9fe 100%) !important;
        box-shadow: 0 24px 58px rgba(10, 52, 96, .075) !important;
    }

    .mplw-format-split-clean .mplw__quality-copy {
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        align-content: initial !important;
        min-width: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__eyebrow {
        order: 1 !important;
        margin: 0 0 18px !important;
        color: #1474dc !important;
        font-size: clamp(11px, .72vw, 14px) !important;
        font-weight: 800 !important;
        letter-spacing: .18em !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        order: 2 !important;
        max-width: 610px !important;
        margin: 0 !important;
        color: #0a315f !important;
        font-size: clamp(41px, 3.25vw, 58px) !important;
        line-height: 1.08 !important;
        letter-spacing: -.035em !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        order: 3 !important;
        max-width: 590px !important;
        margin: 22px 0 0 !important;
        color: #53677d !important;
        font-size: clamp(14px, .98vw, 18px) !important;
        line-height: 1.65 !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist {
        order: 4 !important;
        width: 100% !important;
        margin: 34px 0 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: clamp(22px, 2.4vw, 38px) !important;
        border: 0 !important;
    }

    .mplw-format-split-clean .mplw__checklist li,
    .mplw-format-split-clean .mplw__checklist li:first-child,
    .mplw-format-split-clean .mplw__checklist li + li {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 13px !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__step-head {
        display: flex !important;
        align-items: center !important;
        gap: 15px !important;
        min-height: 44px !important;
    }

    .mplw-format-split-clean .mplw__step-number {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        flex: 0 0 34px !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #1879f2 !important;
        color: #fff !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        box-shadow: 0 8px 20px rgba(24, 121, 242, .22) !important;
    }

    .mplw-format-split-clean .mplw__step-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
        padding: 10px !important;
        border-radius: 50% !important;
        background: #f5f9fe !important;
        color: #0a3769 !important;
        box-shadow: 0 8px 22px rgba(15, 64, 113, .055) !important;
    }

    .mplw-format-split-clean .mplw__checklist strong {
        display: block !important;
        margin: 0 0 6px !important;
        color: #0a315f !important;
        font-size: clamp(14px, .94vw, 17px) !important;
        font-weight: 760 !important;
        line-height: 1.32 !important;
    }

    .mplw-format-split-clean .mplw__checklist small {
        display: block !important;
        margin: 0 !important;
        color: #53677d !important;
        font-size: clamp(11px, .76vw, 14px) !important;
        line-height: 1.55 !important;
    }

    .mplw-format-split-clean .mplw__process-actions {
        order: 5 !important;
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
        margin-top: 34px !important;
    }

    .mplw-format-split-clean .mplw__process-actions > .mplw__button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        width: auto !important;
        min-width: 210px !important;
        min-height: 50px !important;
        margin: 0 !important;
        padding: 6px 7px 6px 23px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: linear-gradient(105deg, #1472ed, #167dff) !important;
        color: #fff !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        box-shadow: 0 13px 28px rgba(21, 117, 244, .24) !important;
    }

    .mplw-format-split-clean .mplw__process-actions > .mplw__button > span:last-child {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        border: 1px solid rgba(255, 255, 255, .72) !important;
        border-radius: 50% !important;
        font-size: 19px !important;
        line-height: 1 !important;
        transition: transform .25s ease, background-color .25s ease !important;
    }

    .mplw-format-split-clean .mplw__process-actions > .mplw__button:hover > span:last-child {
        background: rgba(255,255,255,.14) !important;
        transform: translateX(3px) !important;
    }

    .mplw-format-split-clean .mplw__process-trust {
        display: inline-flex !important;
        align-items: center !important;
        gap: 11px !important;
        color: #52677e !important;
    }

    .mplw-format-split-clean .mplw__process-trust > span {
        display: inline-flex !important;
        width: 26px !important;
        height: 26px !important;
        padding: 2px !important;
        color: #153e6b !important;
    }

    .mplw-format-split-clean .mplw__process-trust p {
        font-size: clamp(11px, .78vw, 14px) !important;
        line-height: 1.35 !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        position: relative !important;
        order: 2 !important;
        width: 100% !important;
        height: clamp(470px, 36vw, 565px) !important;
        min-height: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        border-radius: 18px !important;
        background: transparent !important;
        box-shadow: none !important;
        isolation: isolate !important;
    }

    .mplw-format-split-clean .mplw__quality-media::after {
        content: "" !important;
        position: absolute !important;
        z-index: 3 !important;
        right: -20px !important;
        bottom: -18px !important;
        left: auto !important;
        top: auto !important;
        width: 132px !important;
        height: 82px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background-image: radial-gradient(circle, #2887f4 1.5px, transparent 1.7px) !important;
        background-size: 15px 15px !important;
        opacity: .62 !important;
        pointer-events: none !important;
    }

    .mplw-format-split-clean .mplw__quality-image,
    .mplw-format-split-clean .mplw__quality-media > img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 18px !important;
        box-shadow: 0 24px 58px rgba(8, 45, 82, .16) !important;
    }

    .mplw-format-split-clean .mplw__process-card {
        position: absolute !important;
        z-index: 4 !important;
        top: 50% !important;
        left: -96px !important;
        width: 240px !important;
        min-height: 350px !important;
        padding: 32px 34px !important;
        border: 1px solid rgba(210, 222, 234, .7) !important;
        border-radius: 18px !important;
        background: rgba(255,255,255,.97) !important;
        color: #0a315f !important;
        box-shadow: 0 25px 55px rgba(12, 52, 91, .18) !important;
        transform: translateY(-50%) !important;
        backdrop-filter: blur(10px) !important;
    }

    .mplw-format-split-clean .mplw__process-card-icon {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 58px !important;
        height: 58px !important;
        margin-bottom: 22px !important;
        padding: 15px !important;
        border-radius: 50% !important;
        background: #f1f7ff !important;
        color: #126fdd !important;
    }

    .mplw-format-split-clean .mplw__process-card h3 {
        margin: 0 !important;
        color: #0a315f !important;
        font-size: clamp(16px, 1.14vw, 20px) !important;
        font-weight: 720 !important;
        line-height: 1.38 !important;
        letter-spacing: -.02em !important;
    }

    .mplw-format-split-clean .mplw__process-card ul {
        margin: 28px 0 0 !important;
        padding: 26px 0 0 !important;
        list-style: none !important;
        border-top: 1px solid #dce7f0 !important;
    }

    .mplw-format-split-clean .mplw__process-card li {
        display: grid !important;
        grid-template-columns: 18px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 10px !important;
        margin: 0 !important;
        color: #53677d !important;
        font-size: clamp(11px, .76vw, 14px) !important;
        line-height: 1.5 !important;
    }

    .mplw-format-split-clean .mplw__process-card li + li {
        margin-top: 17px !important;
    }

    .mplw-format-split-clean .mplw__process-card li > span {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 15px !important;
        height: 15px !important;
        margin-top: 2px !important;
        border-radius: 50% !important;
        background: #1679f2 !important;
        color: #fff !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }

    /* Untere Merkmalskarte. */
    .mplw-format-split-clean .mplw__features {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 12px 34px !important;
        border: 0 !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        position: relative !important;
        width: min(100%, var(--mplw-container-large)) !important;
        max-width: none !important;
        min-height: 210px !important;
        margin: 0 auto !important;
        padding: 22px 34px !important;
        display: grid !important;
        grid-template-columns: minmax(250px, .92fr) minmax(0, 3.08fr) !important;
        gap: 0 !important;
        align-items: stretch !important;
        overflow: hidden !important;
        border: 1px solid rgba(224, 232, 240, .72) !important;
        border-radius: 18px !important;
        background: linear-gradient(108deg, rgba(255,255,255,.98), rgba(248,251,255,.94)) !important;
        box-shadow: 0 18px 45px rgba(12, 52, 91, .075) !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        position: relative !important;
        align-self: stretch !important;
        display: flex !important;
        align-items: center !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 36px clamp(34px, 3vw, 58px) 36px 0 !important;
        color: #0a315f !important;
        font-size: clamp(25px, 2vw, 35px) !important;
        line-height: 1.12 !important;
        letter-spacing: -.035em !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2::before {
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 34px;
        height: 3px;
        border-radius: 3px;
        background: #1679f2;
    }

    .mplw-format-split-clean .mplw__features-inner > h2::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -4px;
        width: 98px;
        height: 62px;
        background-image: radial-gradient(circle, #3c91f1 1.4px, transparent 1.6px);
        background-size: 14px 14px;
        opacity: .32;
    }

    .mplw-format-split-clean .mplw__feature-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        height: 100% !important;
        border: 0 !important;
    }

    .mplw-format-split-clean .mplw__feature,
    .mplw-format-split-clean .mplw__feature + .mplw__feature {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 164px !important;
        padding: 22px clamp(25px, 2.1vw, 40px) !important;
        border: 0 !important;
        border-left: 1px solid #d8e4ee !important;
        background: transparent !important;
    }

    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 58px !important;
        height: 58px !important;
        flex: 0 0 58px !important;
        margin: 0 0 18px !important;
        padding: 14px !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: #fff !important;
        color: #1474df !important;
        font-size: 29px !important;
        box-shadow: 0 10px 28px rgba(22, 91, 158, .10) !important;
    }

    .mplw-format-split-clean .mplw__feature-icon-image {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .mplw-format-split-clean .mplw__feature h3 {
        margin: 0 0 8px !important;
        color: #0a315f !important;
        font-size: clamp(14px, .95vw, 17px) !important;
        font-weight: 760 !important;
        line-height: 1.28 !important;
        letter-spacing: -.018em !important;
    }

    .mplw-format-split-clean .mplw__feature p {
        max-width: 22ch !important;
        margin: 0 !important;
        color: #53677d !important;
        font-size: clamp(11px, .78vw, 14px) !important;
        line-height: 1.55 !important;
    }
}

/* 14-Zoll-/Laptopbreite: gleiche Gestaltung, proportional kompakter. */
@media (min-width: 1200px) and (max-width: 1499px) {
    .mplw-format-split-clean .mplw__benefits-inner,
    .mplw-format-split-clean .mplw__benefit {
        min-height: 126px !important;
    }

    .mplw-format-split-clean .mplw__benefits-inner {
        padding-inline: 20px !important;
    }

    .mplw-format-split-clean .mplw__benefit {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        gap: 12px !important;
        padding-inline: 15px !important;
    }

    .mplw-format-split-clean .mplw__benefit-icon {
        width: 46px !important;
        height: 46px !important;
        font-size: 22px !important;
    }

    .mplw-format-split-clean .mplw__benefit h3 { font-size: 12px !important; }
    .mplw-format-split-clean .mplw__benefit p { font-size: 10.5px !important; }

    .mplw-format-split-clean .mplw__quality-inner {
        min-height: 490px !important;
        padding: 34px 42px 38px !important;
        grid-template-columns: minmax(0, 1.08fr) minmax(430px, .92fr) !important;
        gap: 54px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > h2 {
        font-size: clamp(35px, 3vw, 43px) !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text {
        margin-top: 15px !important;
        font-size: 13px !important;
    }

    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist {
        margin-top: 25px !important;
        gap: 18px !important;
    }

    .mplw-format-split-clean .mplw__step-head { gap: 10px !important; }
    .mplw-format-split-clean .mplw__step-number { width: 30px !important; height: 30px !important; flex-basis: 30px !important; }
    .mplw-format-split-clean .mplw__step-icon { width: 38px !important; height: 38px !important; flex-basis: 38px !important; padding: 9px !important; }
    .mplw-format-split-clean .mplw__checklist strong { font-size: 13px !important; }
    .mplw-format-split-clean .mplw__checklist small { font-size: 10.5px !important; }
    .mplw-format-split-clean .mplw__process-actions { margin-top: 25px !important; gap: 18px !important; }

    .mplw-format-split-clean .mplw__quality-media {
        height: 410px !important;
    }

    .mplw-format-split-clean .mplw__process-card {
        left: -68px !important;
        width: 198px !important;
        min-height: 292px !important;
        padding: 25px 26px !important;
    }

    .mplw-format-split-clean .mplw__process-card-icon {
        width: 48px !important;
        height: 48px !important;
        margin-bottom: 16px !important;
        padding: 12px !important;
    }

    .mplw-format-split-clean .mplw__process-card h3 { font-size: 15px !important; }
    .mplw-format-split-clean .mplw__process-card ul { margin-top: 20px !important; padding-top: 20px !important; }
    .mplw-format-split-clean .mplw__process-card li { font-size: 10.5px !important; }
    .mplw-format-split-clean .mplw__process-card li + li { margin-top: 12px !important; }

    .mplw-format-split-clean .mplw__features-inner {
        min-height: 174px !important;
        grid-template-columns: minmax(220px, .86fr) minmax(0, 3.14fr) !important;
        padding: 18px 26px !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        padding-right: 32px !important;
        font-size: 25px !important;
    }

    .mplw-format-split-clean .mplw__feature,
    .mplw-format-split-clean .mplw__feature + .mplw__feature {
        min-height: 138px !important;
        padding: 18px 24px !important;
    }

    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom {
        width: 48px !important;
        height: 48px !important;
        flex-basis: 48px !important;
        margin-bottom: 13px !important;
        padding: 12px !important;
        font-size: 24px !important;
    }

    .mplw-format-split-clean .mplw__feature h3 { font-size: 13px !important; }
    .mplw-format-split-clean .mplw__feature p { font-size: 10.5px !important; }
}

/* Tablet */
@media (min-width: 640px) and (max-width: 1199px) {
    .mplw-format-split-clean .mplw__benefits {
        position: relative !important;
        width: min(calc(100% - 24px), 980px) !important;
        margin: 42px auto 0 !important;
        overflow: hidden !important;
        border: 0 !important;
        border-radius: 16px 16px 0 0 !important;
        background: linear-gradient(112deg, #09294d, #0d3968) !important;
    }

    .mplw-format-split-clean .mplw__benefits::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 120px;
        height: 4px;
        background: #187bff;
        transform: translateX(-50%);
    }

    .mplw-format-split-clean .mplw__benefits-lead { display: none !important; }
    .mplw-format-split-clean .mplw__benefits-inner {
        width: 100% !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 14px 22px !important;
    }
    .mplw-format-split-clean .mplw__benefit {
        display: grid !important;
        grid-template-columns: 46px 1fr !important;
        gap: 12px !important;
        min-height: 105px !important;
        padding: 18px !important;
        border-left: 1px solid rgba(255,255,255,.12) !important;
    }
    .mplw-format-split-clean .mplw__benefit-icon { width: 46px !important; height: 46px !important; color:#fff !important; background:rgba(255,255,255,.08) !important; }
    .mplw-format-split-clean .mplw__benefit h3 { color:#fff !important; font-size:12px !important; }
    .mplw-format-split-clean .mplw__benefit p { color:rgba(255,255,255,.72) !important; font-size:10.5px !important; }

    .mplw-format-split-clean .mplw__quality { padding: 0 12px 28px !important; }
    .mplw-format-split-clean .mplw__quality-inner {
        width: min(100%, 980px) !important;
        margin: 0 auto !important;
        padding: 46px 42px !important;
        grid-template-columns: 1fr !important;
        gap: 42px !important;
        background: linear-gradient(115deg, #fff, #f5faff) !important;
    }
    .mplw-format-split-clean .mplw__quality-copy { order: 1 !important; display:flex !important; flex-direction:column !important; padding:0 !important; }
    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist { display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:22px !important; border:0 !important; margin-top:28px !important; }
    .mplw-format-split-clean .mplw__checklist li,
    .mplw-format-split-clean .mplw__checklist li + li { display:flex !important; flex-direction:column !important; min-height:0 !important; padding:0 !important; border:0 !important; gap:12px !important; }
    .mplw-format-split-clean .mplw__step-head { display:flex !important; align-items:center !important; gap:10px !important; }
    .mplw-format-split-clean .mplw__step-number { display:flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; border-radius:50% !important; background:#1879f2 !important; color:#fff !important; font-size:10px !important; font-weight:800 !important; }
    .mplw-format-split-clean .mplw__step-icon { display:flex !important; width:38px !important; height:38px !important; padding:9px !important; border-radius:50% !important; background:#f3f8fe !important; color:#0a3769 !important; }
    .mplw-format-split-clean .mplw__process-actions { display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:18px !important; margin-top:28px !important; }
    .mplw-format-split-clean .mplw__process-actions > .mplw__button { margin:0 !important; border-radius:999px !important; background:#1679f2 !important; }
    .mplw-format-split-clean .mplw__process-trust { display:flex !important; align-items:center !important; gap:9px !important; }
    .mplw-format-split-clean .mplw__process-trust > span { width:24px !important; height:24px !important; color:#153e6b !important; }
    .mplw-format-split-clean .mplw__quality-media { order:2 !important; position:relative !important; height:430px !important; min-height:0 !important; overflow:visible !important; border-radius:18px !important; }
    .mplw-format-split-clean .mplw__quality-image,
    .mplw-format-split-clean .mplw__quality-media > img { height:100% !important; object-fit:cover !important; border-radius:18px !important; }
    .mplw-format-split-clean .mplw__process-card { position:absolute !important; left:28px !important; bottom:24px !important; top:auto !important; width:220px !important; min-height:0 !important; padding:24px !important; border-radius:16px !important; background:rgba(255,255,255,.96) !important; box-shadow:0 18px 40px rgba(12,52,91,.18) !important; transform:none !important; }
    .mplw-format-split-clean .mplw__process-card-icon { display:flex !important; width:46px !important; height:46px !important; padding:11px !important; border-radius:50% !important; background:#f1f7ff !important; color:#126fdd !important; }
    .mplw-format-split-clean .mplw__process-card h3 { margin:14px 0 0 !important; font-size:15px !important; }
    .mplw-format-split-clean .mplw__process-card ul { margin:18px 0 0 !important; padding:18px 0 0 !important; border-top:1px solid #dce7f0 !important; list-style:none !important; }
    .mplw-format-split-clean .mplw__process-card li { display:grid !important; grid-template-columns:16px 1fr !important; gap:8px !important; font-size:11px !important; }
    .mplw-format-split-clean .mplw__process-card li + li { margin-top:10px !important; }
    .mplw-format-split-clean .mplw__process-card li > span { display:flex !important; align-items:center !important; justify-content:center !important; width:14px !important; height:14px !important; border-radius:50% !important; background:#1679f2 !important; color:#fff !important; font-size:8px !important; }

    .mplw-format-split-clean .mplw__features { padding:0 12px 28px !important; border:0 !important; background:transparent !important; }
    .mplw-format-split-clean .mplw__features-inner { width:min(100%,980px) !important; margin:0 auto !important; padding:26px 32px !important; grid-template-columns:1fr !important; gap:18px !important; min-height:0 !important; border-radius:18px !important; background:#fff !important; box-shadow:0 16px 40px rgba(12,52,91,.08) !important; }
    .mplw-format-split-clean .mplw__features-inner > h2 { max-width:480px !important; padding:10px 0 22px !important; font-size:28px !important; }
    .mplw-format-split-clean .mplw__feature-grid { display:grid !important; grid-template-columns:repeat(2,1fr) !important; }
    .mplw-format-split-clean .mplw__feature,
    .mplw-format-split-clean .mplw__feature + .mplw__feature { min-height:150px !important; padding:22px 26px !important; border-left:1px solid #d8e4ee !important; border-top:1px solid #d8e4ee !important; }
    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom { width:50px !important; height:50px !important; padding:12px !important; border-radius:50% !important; background:#fff !important; color:#1474df !important; box-shadow:0 8px 24px rgba(22,91,158,.1) !important; }
}

/* Mobil */
@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__benefits {
        position:relative !important;
        width:calc(100% - 20px) !important;
        margin:34px auto 0 !important;
        overflow:hidden !important;
        border:0 !important;
        border-radius:14px 14px 0 0 !important;
        background:linear-gradient(112deg,#09294d,#0d3968) !important;
    }
    .mplw-format-split-clean .mplw__benefits::before { content:""; position:absolute; top:0; left:50%; width:90px; height:3px; background:#187bff; transform:translateX(-50%); }
    .mplw-format-split-clean .mplw__benefits-lead { display:none !important; }
    .mplw-format-split-clean .mplw__benefits-inner { width:100% !important; padding:14px 18px !important; grid-template-columns:1fr !important; }
    .mplw-format-split-clean .mplw__benefit { display:grid !important; grid-template-columns:44px 1fr !important; gap:13px !important; min-height:82px !important; padding:16px 4px !important; border:0 !important; }
    .mplw-format-split-clean .mplw__benefit + .mplw__benefit { border-top:1px solid rgba(255,255,255,.12) !important; }
    .mplw-format-split-clean .mplw__benefit-icon { width:44px !important; height:44px !important; color:#fff !important; background:rgba(255,255,255,.08) !important; }
    .mplw-format-split-clean .mplw__benefit h3 { color:#fff !important; font-size:13px !important; }
    .mplw-format-split-clean .mplw__benefit p { color:rgba(255,255,255,.72) !important; font-size:11px !important; }

    .mplw-format-split-clean .mplw__quality { padding:0 10px 22px !important; }
    .mplw-format-split-clean .mplw__quality-inner { width:100% !important; margin:0 !important; padding:34px 22px 28px !important; display:flex !important; flex-direction:column !important; gap:30px !important; background:linear-gradient(115deg,#fff,#f5faff) !important; }
    .mplw-format-split-clean .mplw__quality-copy { order:1 !important; display:flex !important; flex-direction:column !important; padding:0 !important; }
    .mplw-format-split-clean .mplw__quality-copy > h2 { font-size:34px !important; }
    .mplw-format-split-clean .mplw__quality-copy > .mplw__quality-text { margin-top:15px !important; font-size:14px !important; }
    .mplw-format-split-clean .mplw__quality-copy > .mplw__checklist { display:grid !important; grid-template-columns:1fr !important; gap:20px !important; margin-top:26px !important; border:0 !important; }
    .mplw-format-split-clean .mplw__checklist li,
    .mplw-format-split-clean .mplw__checklist li + li { display:grid !important; grid-template-columns:auto 1fr !important; gap:14px !important; min-height:0 !important; padding:0 !important; border:0 !important; }
    .mplw-format-split-clean .mplw__step-head { display:flex !important; align-items:center !important; gap:7px !important; }
    .mplw-format-split-clean .mplw__step-number { display:flex !important; align-items:center !important; justify-content:center !important; width:28px !important; height:28px !important; border-radius:50% !important; background:#1879f2 !important; color:#fff !important; font-size:9px !important; font-weight:800 !important; }
    .mplw-format-split-clean .mplw__step-icon { display:flex !important; width:36px !important; height:36px !important; padding:9px !important; border-radius:50% !important; background:#f3f8fe !important; color:#0a3769 !important; }
    .mplw-format-split-clean .mplw__process-actions { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:16px !important; margin-top:27px !important; }
    .mplw-format-split-clean .mplw__process-actions > .mplw__button { width:100% !important; margin:0 !important; border-radius:999px !important; background:#1679f2 !important; }
    .mplw-format-split-clean .mplw__process-trust { display:flex !important; align-items:center !important; justify-content:center !important; gap:9px !important; }
    .mplw-format-split-clean .mplw__process-trust > span { width:23px !important; height:23px !important; color:#153e6b !important; }
    .mplw-format-split-clean .mplw__quality-media { order:2 !important; position:relative !important; height:auto !important; min-height:0 !important; overflow:visible !important; }
    .mplw-format-split-clean .mplw__quality-image,
    .mplw-format-split-clean .mplw__quality-media > img { width:100% !important; height:270px !important; object-fit:cover !important; border-radius:16px !important; }
    .mplw-format-split-clean .mplw__process-card { position:relative !important; top:auto !important; left:auto !important; width:calc(100% - 26px) !important; min-height:0 !important; margin:-64px auto 0 !important; padding:23px !important; border-radius:16px !important; background:#fff !important; box-shadow:0 18px 38px rgba(12,52,91,.18) !important; transform:none !important; }
    .mplw-format-split-clean .mplw__process-card-icon { display:flex !important; width:44px !important; height:44px !important; padding:11px !important; border-radius:50% !important; background:#f1f7ff !important; color:#126fdd !important; }
    .mplw-format-split-clean .mplw__process-card h3 { margin:13px 0 0 !important; font-size:16px !important; }
    .mplw-format-split-clean .mplw__process-card ul { margin:17px 0 0 !important; padding:17px 0 0 !important; border-top:1px solid #dce7f0 !important; list-style:none !important; }
    .mplw-format-split-clean .mplw__process-card li { display:grid !important; grid-template-columns:16px 1fr !important; gap:8px !important; font-size:12px !important; }
    .mplw-format-split-clean .mplw__process-card li + li { margin-top:10px !important; }
    .mplw-format-split-clean .mplw__process-card li > span { display:flex !important; align-items:center !important; justify-content:center !important; width:14px !important; height:14px !important; border-radius:50% !important; background:#1679f2 !important; color:#fff !important; font-size:8px !important; }

    .mplw-format-split-clean .mplw__features { padding:0 10px 24px !important; border:0 !important; background:transparent !important; }
    .mplw-format-split-clean .mplw__features-inner { width:100% !important; margin:0 !important; padding:28px 22px !important; display:block !important; min-height:0 !important; border-radius:16px !important; background:#fff !important; box-shadow:0 16px 38px rgba(12,52,91,.08) !important; }
    .mplw-format-split-clean .mplw__features-inner > h2 { max-width:300px !important; margin-bottom:22px !important; font-size:27px !important; }
    .mplw-format-split-clean .mplw__feature-grid { display:grid !important; grid-template-columns:1fr !important; }
    .mplw-format-split-clean .mplw__feature,
    .mplw-format-split-clean .mplw__feature + .mplw__feature { min-height:0 !important; padding:22px 0 !important; border:0 !important; border-top:1px solid #d8e4ee !important; }
    .mplw-format-split-clean .mplw__feature-icon,
    .mplw-format-split-clean .mplw__feature-icon--custom { width:50px !important; height:50px !important; margin-bottom:14px !important; padding:12px !important; border-radius:50% !important; background:#fff !important; color:#1474df !important; box-shadow:0 8px 24px rgba(22,91,158,.1) !important; }
}

/* 1.3.1 – Vertrauenshinweis unterhalb des Prozess-Buttons */
@media (min-width: 640px) {
    .mplw-format-split-clean .mplw__process-actions {
        flex-direction: column !important;
        align-items: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
    }

    .mplw-format-split-clean .mplw__process-trust {
        width: auto !important;
        margin: 0 !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__process-actions {
        flex-direction: column !important;
    }

    .mplw-format-split-clean .mplw__process-trust {
        order: 2 !important;
        margin-top: 0 !important;
    }
}


/* 1.3.2 – eigene und optional ausblendbare Icons in den drei Prozessschritten */
.mplw-format-split-clean .mplw__step-icon--custom {
    overflow: hidden !important;
}

.mplw-format-split-clean .mplw__step-icon-image {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    box-shadow: none !important;
}


/* v1.3.3 – blaue Punktdekoration im Qualitätsmerkmale-Bereich entfernt */
.mplw-format-split-clean .mplw__features-inner > h2::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    opacity: 0 !important;
}


/* v1.3.4 – blaues Punktmuster am Ablauf-/Bildbereich vollständig entfernt */
.mplw-format-split-clean .mplw__quality-media::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* v1.3.5 – Mobile: Infokarte bleibt vollständig im Dokumentfluss und verdeckt keine Texte */
@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__quality-inner {
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 14px !important;
        height: auto !important;
        min-height: 0 !important;
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__quality-image,
    .mplw-format-split-clean .mplw__quality-media > img {
        flex: 0 0 auto !important;
        width: 100% !important;
        height: 270px !important;
        margin: 0 !important;
    }

    .mplw-format-split-clean .mplw__process-card {
        position: relative !important;
        inset: auto !important;
        z-index: 1 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    .mplw-format-split-clean .mplw__features {
        position: relative !important;
        z-index: 0 !important;
        clear: both !important;
        margin-top: 0 !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2,
    .mplw-format-split-clean .mplw__feature h3,
    .mplw-format-split-clean .mplw__feature p {
        position: relative !important;
        z-index: 1 !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }
}

/* v1.3.6 – Mobile: Bildkarte und Merkmalsbereich strikt im Dokumentfluss halten */
@media (max-width: 639px) {
    .mplw-format-split-clean .mplw__quality {
        position: relative !important;
        overflow: visible !important;
        padding-bottom: 30px !important;
    }

    .mplw-format-split-clean .mplw__quality-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-items: start !important;
        gap: 30px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        contain: layout !important;
    }

    .mplw-format-split-clean .mplw__quality-copy,
    .mplw-format-split-clean .mplw__quality-media {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__quality-media {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        align-items: start !important;
        gap: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
        aspect-ratio: auto !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .mplw-format-split-clean .mplw__quality-image,
    .mplw-format-split-clean .mplw__quality-media > img {
        position: static !important;
        grid-row: 1 !important;
        display: block !important;
        width: 100% !important;
        height: 270px !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
    }

    .mplw-format-split-clean .mplw__process-card {
        position: static !important;
        inset: auto !important;
        grid-row: 2 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        transform: none !important;
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__features {
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        clear: both !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__features-inner {
        position: relative !important;
        z-index: 1 !important;
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .mplw-format-split-clean .mplw__features-inner > h2 {
        position: relative !important;
        z-index: 2 !important;
        display: block !important;
        width: 100% !important;
        max-width: 310px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        transform: none !important;
        clip-path: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .mplw-format-split-clean .mplw__feature-grid {
        position: relative !important;
        z-index: 1 !important;
        display: grid !important;
        overflow: visible !important;
    }

    /* Mobile Eingangsanimation darf keine Inhalte außerhalb des sichtbaren
       Bereichs festhalten oder den Folgebereich überdecken. */
    .mplw-format-split-clean.mplw-js [data-mplw-animate] {
        transform: none !important;
    }
}