/* ========================================================================
 * Wasserverband Nord – Unterseiten- und Modulbasis 1.5.1
 * PG01/PG02 + CB01–CB04, abgeleitet aus dem XD-Stand 06.10.2026.
 * ===================================================================== */

.wvn-page-hero {
    position: relative;
    min-height: clamp(620px, 50vw, 960px);
    overflow: hidden;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-page-hero__image,
.wvn-page-hero > picture,
.wvn-page-hero > picture > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-page-hero__image {
    object-position: center center;
}

.wvn-page-hero__shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0, 41, 83, .24) 0%, rgba(0, 41, 83, .06) 55%, rgba(0, 41, 83, .12) 100%);
}

.wvn-page-hero__inner {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: clamp(620px, 50vw, 960px);
    align-items: center;
    padding-top: clamp(100px, 8vw, 155px);
    padding-bottom: clamp(70px, 7vw, 135px);
}

.wvn-page-hero__title {
    max-width: 1180px;
    margin: 0;
    font-size: clamp(64px, 6.25vw, 120px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: .98;
    text-transform: uppercase;
    text-wrap: balance;
}

.wvn-page-lead {
    background: #fff;
    color: var(--wvn-blue);
}

.wvn-page-lead__inner {
    padding-top: var(--wvn-space-lead-top);
    padding-bottom: var(--wvn-space-lead-bottom);
}

.wvn-breadcrumb {
    margin: 0 0 clamp(72px, 6vw, 116px);
    font-size: clamp(15px, .9375vw, 18px);
    font-weight: 500;
}

.wvn-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.wvn-breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 14px;
}

.wvn-breadcrumb li:not(:last-child)::after {
    content: ">";
    opacity: .75;
}

.wvn-breadcrumb a:hover,
.wvn-breadcrumb a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 4px;
}

.wvn-breadcrumb .is-current {
    font-weight: 700;
}

.wvn-page-lead__content {
    max-width: 1520px;
}

.wvn-page-lead__title,
.wvn-module-title {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(46px, 3.90625vw, 75px);
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.05;
    text-transform: uppercase;
    text-wrap: balance;
}

/* WV-Nord Typografie: große mehrteilige Headlines folgen dem XD-Prinzip
 * Source Sans 3 Medium für den Einstieg, Source Sans 3 Black für die Betonung. */
.wvn-heading-split__intro,
.wvn-heading-split__emphasis {
    font: inherit;
}

.wvn-heading-split__intro {
    font-weight: 500;
}

.wvn-heading-split__emphasis {
    font-weight: 900;
}

.wvn-page-lead__text,
.wvn-module-copy {
    max-width: 1400px;
    margin-top: var(--wvn-space-copy-top);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 500;
    line-height: 1.45;
}

.wvn-page-lead__text > :first-child,
.wvn-module-copy > :first-child,
.wvn-teaser-card__copy > :first-child,
.wvn-process-step__copy > :first-child,
.wvn-info-card__copy > :first-child {
    margin-top: 0;
}

.wvn-page-lead__text > :last-child,
.wvn-module-copy > :last-child,
.wvn-teaser-card__copy > :last-child,
.wvn-process-step__copy > :last-child,
.wvn-info-card__copy > :last-child {
    margin-bottom: 0;
}

.wvn-default-page__content {
    position: relative;
}

.wvn-module {
    position: relative;
    padding-block: var(--wvn-space-section-y);
    color: var(--wvn-blue);
}

.wvn-module-header {
    max-width: 1400px;
    margin-bottom: var(--wvn-space-section-header);
}

/* CB01 – Bild/Text-Section ------------------------------------------------ */
.wvn-split {
    padding: 0;
}

.wvn-split__inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: clamp(620px, 43vw, 825px);
}

.wvn-split__media,
.wvn-split__content {
    min-width: 0;
}

.wvn-split__media {
    min-height: clamp(520px, 43vw, 825px);
    background: var(--wvn-light-blue);
}

.wvn-split__media img,
.wvn-split__media picture,
.wvn-split__media picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-split__media-placeholder {
    width: 100%;
    height: 100%;
    min-height: inherit;
    background:
        linear-gradient(135deg, rgba(3, 73, 145, .08), rgba(3, 73, 145, .02)),
        var(--wvn-light-blue);
}

.wvn-split__content {
    display: flex;
    align-items: center;
    padding: clamp(70px, 6.8vw, 130px) var(--wvn-page-padding);
    background: #fff;
}

.wvn-split__content-inner {
    width: min(100%, 690px);
}

.wvn-split__content .wvn-button {
    margin-top: clamp(34px, 2.6vw, 50px);
}

.wvn-split--image-right-white .wvn-split__media,
.wvn-split--image-right-blue .wvn-split__media,
.wvn-split--image-right-yellow .wvn-split__media {
    grid-column: 2;
    grid-row: 1;
}

.wvn-split--image-right-white .wvn-split__content,
.wvn-split--image-right-blue .wvn-split__content,
.wvn-split--image-right-yellow .wvn-split__content {
    grid-column: 1;
    grid-row: 1;
}

.wvn-split--image-left-blue .wvn-split__content,
.wvn-split--image-right-blue .wvn-split__content {
    background: var(--wvn-light-blue);
}

.wvn-split--image-left-yellow .wvn-split__content,
.wvn-split--image-right-yellow .wvn-split__content {
    background: var(--wvn-yellow);
}

/* CB02 – Teaser-Grid ----------------------------------------------------- */
.wvn-teaser-grid {
    background: #fff;
}

.wvn-teaser-grid__items {
    display: grid;
    gap: clamp(24px, 2vw, 38px);
}

.wvn-teaser-grid__items--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wvn-teaser-grid__items--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wvn-teaser-grid__items--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.wvn-teaser-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    overflow: hidden;
    background: var(--wvn-light-blue);
}

.wvn-teaser-card__media {
    aspect-ratio: 1.7 / 1;
    overflow: hidden;
    background: #d9e9f9;
}

.wvn-teaser-card__media img,
.wvn-teaser-card__media picture,
.wvn-teaser-card__media picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s ease;
}

.wvn-teaser-card:hover .wvn-teaser-card__media img {
    transform: scale(1.025);
}

.wvn-teaser-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(28px, 2.6vw, 50px);
}

.wvn-teaser-card__icon {
    width: auto;
    height: clamp(58px, 5vw, 96px);
    margin-bottom: 26px;
    object-fit: contain;
}

.wvn-teaser-card h3,
.wvn-info-card h3,
.wvn-process-step h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(28px, 2.604167vw, 50px);
    font-weight: 900;
    letter-spacing: .065em;
    line-height: 1.08;
    text-transform: uppercase;
}

.wvn-teaser-card__copy,
.wvn-info-card__copy,
.wvn-process-step__copy {
    margin-top: 24px;
    font-size: clamp(18px, 1.041667vw, 20px);
    line-height: 1.45;
}

.wvn-teaser-card__link,
.wvn-info-card__link,
.wvn-process-step__link {
    display: inline-flex;
    margin-top: auto;
    padding-top: 30px;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* CB03 – Schrittfolge / Prozess ----------------------------------------- */
.wvn-process {
    background: var(--wvn-light-blue);
}

.wvn-process__steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
    gap: clamp(28px, 2.4vw, 46px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.wvn-process-step {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.wvn-process-step__number {
    padding: 26px 32px 0;
    color: var(--wvn-yellow);
    font-size: clamp(62px, 5.2vw, 100px);
    font-weight: 900;
    letter-spacing: .04em;
    line-height: 1;
    text-shadow: 1px 0 var(--wvn-blue), -1px 0 var(--wvn-blue), 0 1px var(--wvn-blue), 0 -1px var(--wvn-blue);
}

.wvn-process-step__media {
    aspect-ratio: 1.65 / 1;
    margin-top: 22px;
    overflow: hidden;
}

.wvn-process-step__media img,
.wvn-process-step__media picture,
.wvn-process-step__media picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-process-step__content {
    padding: 34px 32px 42px;
}

.wvn-process--timeline .wvn-process__steps {
    display: block;
    max-width: 1280px;
}

.wvn-process--timeline .wvn-process-step {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    margin-bottom: 3px;
    background: #fff;
}

.wvn-process--timeline .wvn-process-step__number {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 20px;
    background: var(--wvn-blue);
    color: var(--wvn-yellow);
    text-shadow: none;
}

.wvn-process--timeline .wvn-process-step__media {
    display: none;
}

/* CB04 – Info-/Icon-Grid ------------------------------------------------ */
.wvn-info-grid {
    background: #fff;
}

.wvn-info-grid__items {
    display: grid;
    gap: clamp(24px, 2vw, 38px);
}

.wvn-info-grid__items--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wvn-info-grid__items--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wvn-info-grid__items--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.wvn-info-card {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(32px, 3.1vw, 60px);
    border-top: 7px solid var(--wvn-yellow);
    background: var(--wvn-light-blue);
}

.wvn-info-card__icon {
    width: auto;
    height: clamp(62px, 5.2vw, 100px);
    max-width: 130px;
    margin-bottom: 30px;
    object-fit: contain;
}

@media (max-width: 1199px) {
    .wvn-teaser-grid__items--4,
    .wvn-info-grid__items--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wvn-teaser-grid__items--3,
    .wvn-info-grid__items--3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    :root {
        --wvn-space-section-y: 76px;
        --wvn-space-section-header: 58px;
        --wvn-space-lead-top: 34px;
        --wvn-space-lead-bottom: 78px;
        --wvn-space-copy-top: 28px;
    }
    .wvn-page-hero,
    .wvn-page-hero__inner {
        min-height: clamp(520px, 145vw, 690px);
    }

    .wvn-page-hero__inner {
        align-items: flex-end;
        padding-top: 135px;
        padding-bottom: 64px;
    }

    .wvn-page-hero__title {
        max-width: 100%;
        font-size: clamp(46px, 14vw, 68px);
        letter-spacing: .065em;
    }

    .wvn-page-lead__inner {
        padding-top: var(--wvn-space-lead-top);
        padding-bottom: var(--wvn-space-lead-bottom);
    }

    .wvn-breadcrumb {
        margin-bottom: 58px;
        font-size: 15px;
    }

    .wvn-page-lead__title,
    .wvn-module-title {
        font-size: clamp(38px, 11vw, 54px);
        letter-spacing: .055em;
    }

    .wvn-page-lead__text,
    .wvn-module-copy {
        font-size: 19px;
    }

    .wvn-module {
        padding-block: var(--wvn-space-section-y);
    }

    .wvn-split__inner {
        display: flex;
        min-height: 0;
        flex-direction: column;
    }

    .wvn-split__media,
    .wvn-split--image-right-white .wvn-split__media,
    .wvn-split--image-right-blue .wvn-split__media,
    .wvn-split--image-right-yellow .wvn-split__media {
        min-height: 62vw;
        order: 1;
    }

    .wvn-split__content,
    .wvn-split--image-right-white .wvn-split__content,
    .wvn-split--image-right-blue .wvn-split__content,
    .wvn-split--image-right-yellow .wvn-split__content {
        order: 2;
        padding: 68px var(--wvn-page-padding) 78px;
    }

    .wvn-teaser-grid__items--2,
    .wvn-teaser-grid__items--3,
    .wvn-teaser-grid__items--4,
    .wvn-info-grid__items--2,
    .wvn-info-grid__items--3,
    .wvn-info-grid__items--4 {
        grid-template-columns: 1fr;
    }

    .wvn-process__steps {
        grid-template-columns: 1fr;
    }

    .wvn-process--timeline .wvn-process-step {
        grid-template-columns: 88px minmax(0, 1fr);
    }

    .wvn-process--timeline .wvn-process-step__number {
        padding-inline: 10px;
        font-size: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wvn-teaser-card__media img {
        transition: none;
    }
}

/* Project-wide img rule sets height:auto; these module images deliberately use fixed visual frames. */
.wvn-site .wvn-page-hero__image {
    width: 100%;
    height: 100%;
}
.wvn-site .wvn-teaser-card__icon,
.wvn-site .wvn-info-card__icon {
    width: auto;
    height: clamp(58px, 5vw, 96px);
}
.wvn-site .wvn-info-card__icon {
    height: clamp(62px, 5.2vw, 100px);
}

/* ========================================================================
 * Wasserverband Nord – generische Unterseitenmodule 1.5.0
 * CB05, CB06, CB09, CB10, CB12
 * ===================================================================== */

/* CB05 – Kennzahlen / Fakten -------------------------------------------- */
.wvn-facts {
    background: var(--wvn-light-blue);
}

.wvn-facts__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
    gap: clamp(20px, 1.8vw, 34px);
}

.wvn-fact {
    min-width: 0;
    padding: clamp(32px, 3.1vw, 60px);
    border-top: 7px solid var(--wvn-yellow);
    background: #fff;
}

.wvn-fact__value {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 16px;
    margin: 0 0 26px;
    color: var(--wvn-blue);
    font-weight: 900;
    line-height: .92;
    text-transform: uppercase;
}

.wvn-fact__value > span {
    font-size: clamp(58px, 5.2vw, 100px);
    letter-spacing: .03em;
}

.wvn-fact__value > small {
    font-size: clamp(22px, 1.8vw, 34px);
    letter-spacing: .06em;
}

.wvn-fact h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(23px, 1.65vw, 32px);
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.12;
    text-transform: uppercase;
}

.wvn-fact__text {
    margin: 18px 0 0;
    font-size: clamp(17px, 1.041667vw, 20px);
    line-height: 1.45;
}

.wvn-facts--highlight .wvn-facts__items {
    grid-template-columns: 1fr;
}

.wvn-facts--highlight .wvn-fact {
    display: grid;
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
    gap: clamp(32px, 5vw, 96px);
    align-items: center;
    border-top: 0;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-facts--highlight .wvn-fact__value,
.wvn-facts--highlight .wvn-fact h3 {
    color: #fff;
}

.wvn-facts--highlight .wvn-fact__value {
    margin: 0;
    color: var(--wvn-yellow);
}

/* CB06 – FAQ / Akkordeon ------------------------------------------------ */
.wvn-faq {
    background: #fff;
}

.wvn-faq__items {
    border-top: 2px solid rgba(3, 73, 145, .22);
}

.wvn-faq-item {
    border-bottom: 2px solid rgba(3, 73, 145, .22);
}

.wvn-faq-item summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px;
    gap: 24px;
    align-items: center;
    padding: clamp(25px, 2.1vw, 40px) 0;
    color: var(--wvn-blue);
    cursor: pointer;
    font-size: clamp(22px, 1.5625vw, 30px);
    font-weight: 700;
    line-height: 1.2;
    list-style: none;
}

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

.wvn-faq-item summary:focus-visible {
    outline: 3px solid var(--wvn-yellow);
    outline-offset: 8px;
}

.wvn-faq-item__icon {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--wvn-yellow);
}

.wvn-faq-item__icon::before,
.wvn-faq-item__icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 3px;
    border-radius: 2px;
    background: var(--wvn-blue);
    content: "";
    transform: translate(-50%, -50%);
    transition: transform .2s ease;
}

.wvn-faq-item__icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.wvn-faq-item[open] .wvn-faq-item__icon::after {
    transform: translate(-50%, -50%) rotate(0deg);
}

.wvn-faq-item__answer {
    max-width: 1220px;
    padding: 0 70px clamp(30px, 2.8vw, 54px) 0;
    font-size: clamp(18px, 1.145833vw, 22px);
    line-height: 1.55;
}

.wvn-faq-item__answer > :first-child { margin-top: 0; }
.wvn-faq-item__answer > :last-child { margin-bottom: 0; }

.wvn-faq-item__link {
    display: inline-flex;
    margin-top: 12px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

/* CB09 – Ansprechpartner ------------------------------------------------- */
.wvn-contacts {
    background: var(--wvn-light-blue);
}

.wvn-contacts__items {
    display: grid;
    gap: clamp(24px, 2vw, 38px);
}

.wvn-contacts__items--1 { grid-template-columns: minmax(0, 1fr); }
.wvn-contacts__items--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wvn-contacts__items--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.wvn-contact-card {
    display: grid;
    grid-template-columns: minmax(150px, 34%) minmax(0, 1fr);
    min-height: 100%;
    overflow: hidden;
    background: #fff;
}

.wvn-contacts__items--3 .wvn-contact-card,
.wvn-contact-card:not(:has(.wvn-contact-card__media)) {
    grid-template-columns: 1fr;
}

.wvn-contact-card__media {
    min-height: 320px;
    overflow: hidden;
    background: #d9e9f9;
}

.wvn-contact-card__media img,
.wvn-contact-card__media picture,
.wvn-contact-card__media picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-contact-card__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: clamp(30px, 3vw, 58px);
}

.wvn-contact-card h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(27px, 2.083333vw, 40px);
    font-weight: 900;
    letter-spacing: .055em;
    line-height: 1.05;
    text-transform: uppercase;
}

.wvn-contact-card__role {
    margin: 12px 0 0;
    font-size: clamp(17px, 1.041667vw, 20px);
    font-weight: 700;
}

.wvn-contact-card__note {
    margin: 24px 0 0;
    font-size: clamp(16px, .9375vw, 18px);
    line-height: 1.5;
}

.wvn-contact-card__links {
    display: grid;
    gap: 10px;
    margin-top: 28px;
    font-style: normal;
    font-size: clamp(17px, 1.041667vw, 20px);
    font-weight: 700;
}

.wvn-contact-card__links a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

/* CB10 – CTA / Kontaktbanner -------------------------------------------- */
.wvn-cta-banner {
    overflow: hidden;
}

.wvn-cta-banner--yellow { background: var(--wvn-yellow); }
.wvn-cta-banner--blue { background: var(--wvn-blue); color: #fff; }
.wvn-cta-banner--lightblue { background: var(--wvn-light-blue); }

.wvn-cta-banner__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: clamp(40px, 6vw, 116px);
    align-items: center;
}

.wvn-cta-banner__content {
    max-width: 1040px;
}

.wvn-cta-banner--blue .wvn-module-title,
.wvn-cta-banner--blue .wvn-module-copy,
.wvn-cta-banner--blue .wvn-eyebrow {
    color: #fff;
}

.wvn-cta-banner__button {
    margin-top: clamp(30px, 2.4vw, 46px);
}

.wvn-cta-banner--blue .wvn-cta-banner__button {
    background: var(--wvn-yellow);
    color: var(--wvn-navy);
}

.wvn-cta-banner__media {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wvn-cta-banner__media img {
    display: block;
    width: min(100%, 650px);
    max-height: 520px;
    object-fit: contain;
}

.wvn-cta-banner:not(:has(.wvn-cta-banner__media)) .wvn-cta-banner__inner {
    grid-template-columns: 1fr;
}

/* CB12 – Vergleich / Feature-Spalten ------------------------------------ */
.wvn-feature-columns--white { background: #fff; }
.wvn-feature-columns--lightblue { background: var(--wvn-light-blue); }

.wvn-feature-columns__items {
    display: grid;
    gap: clamp(3px, .25vw, 5px);
}

.wvn-feature-columns__items--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wvn-feature-columns__items--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wvn-feature-columns__items--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.wvn-feature-column {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(34px, 3.2vw, 62px);
    background: #fff;
}

.wvn-feature-columns--white .wvn-feature-column {
    background: var(--wvn-light-blue);
}

.wvn-feature-column__icon {
    width: auto;
    height: clamp(64px, 5.4vw, 104px);
    max-width: 140px;
    margin-bottom: 34px;
    object-fit: contain;
}

.wvn-feature-column h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(28px, 2.3vw, 44px);
    font-weight: 900;
    letter-spacing: .055em;
    line-height: 1.08;
    text-transform: uppercase;
}

.wvn-feature-column__copy {
    margin-top: 24px;
    font-size: clamp(17px, 1.041667vw, 20px);
    line-height: 1.5;
}

.wvn-feature-column__copy > :first-child { margin-top: 0; }
.wvn-feature-column__copy > :last-child { margin-bottom: 0; }

.wvn-feature-column__link {
    display: inline-flex;
    margin-top: auto;
    padding-top: 30px;
    font-size: clamp(17px, 1.145833vw, 22px);
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .wvn-contacts__items--3,
    .wvn-feature-columns__items--3,
    .wvn-feature-columns__items--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .wvn-facts--highlight .wvn-fact {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .wvn-faq-item summary {
        grid-template-columns: minmax(0, 1fr) 38px;
        gap: 16px;
    }

    .wvn-faq-item__icon {
        width: 36px;
        height: 36px;
    }

    .wvn-faq-item__answer {
        padding-right: 0;
    }

    .wvn-contacts__items--1,
    .wvn-contacts__items--2,
    .wvn-contacts__items--3,
    .wvn-feature-columns__items--2,
    .wvn-feature-columns__items--3,
    .wvn-feature-columns__items--4 {
        grid-template-columns: 1fr;
    }

    .wvn-contact-card {
        grid-template-columns: 1fr;
    }

    .wvn-contact-card__media {
        min-height: 70vw;
        max-height: 520px;
    }

    .wvn-cta-banner__inner {
        grid-template-columns: 1fr;
        gap: 48px;
    }

    .wvn-cta-banner__media {
        justify-content: flex-start;
    }

    .wvn-cta-banner__media img {
        width: min(100%, 470px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wvn-faq-item__icon::before,
    .wvn-faq-item__icon::after {
        transition: none;
    }
}

/* ========================================================================
 * Wasserverband Nord – Editorial- und Downloadmodule 1.5.1
 * CB08, CB14
 * ===================================================================== */

/* CB08 – Download-CTA --------------------------------------------------- */
.wvn-download-cta {
    overflow: hidden;
}

.wvn-download-cta--lightblue { background: var(--wvn-light-blue); }
.wvn-download-cta--yellow { background: var(--wvn-yellow); }
.wvn-download-cta--blue { background: var(--wvn-blue); color: #fff; }

.wvn-download-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) auto;
    gap: clamp(50px, 7vw, 135px);
    align-items: end;
}

.wvn-download-cta__content {
    max-width: 1120px;
}

.wvn-download-cta__title {
    max-width: 980px;
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(44px, 3.9vw, 75px);
    font-weight: 900;
    letter-spacing: .065em;
    line-height: 1.05;
    text-transform: uppercase;
    text-wrap: balance;
}

.wvn-download-cta__copy {
    max-width: 960px;
    margin-top: var(--wvn-space-copy-top);
    font-size: clamp(18px, 1.15vw, 22px);
    line-height: 1.5;
}

.wvn-download-cta__copy > :first-child { margin-top: 0; }
.wvn-download-cta__copy > :last-child { margin-bottom: 0; }

.wvn-download-cta__action {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.wvn-download-cta--blue .wvn-download-cta__title,
.wvn-download-cta--blue .wvn-download-cta__copy,
.wvn-download-cta--blue .wvn-eyebrow {
    color: #fff;
}

.wvn-download-cta--blue .wvn-download-cta__button {
    background: var(--wvn-yellow);
    color: var(--wvn-navy);
}

/* CB14 – Editorial Section --------------------------------------------- */
.wvn-editorial {
    overflow: hidden;
    background: #fff;
}

.wvn-editorial__section-title {
    max-width: 1260px;
    margin: 0 0 clamp(70px, 7vw, 135px);
    color: var(--wvn-blue);
    font-size: clamp(46px, 3.90625vw, 75px);
    font-weight: 900;
    letter-spacing: .075em;
    line-height: 1.05;
    text-transform: uppercase;
    text-wrap: balance;
}

.wvn-editorial__layout {
    position: relative;
}

.wvn-editorial__intro-title,
.wvn-editorial-item h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(30px, 2.604167vw, 50px);
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1.06;
    text-transform: uppercase;
    text-wrap: balance;
}

.wvn-editorial__intro-copy,
.wvn-editorial-item__copy {
    margin-top: clamp(24px, 2vw, 38px);
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 500;
    line-height: 1.48;
}

.wvn-editorial__intro-copy > :first-child,
.wvn-editorial-item__copy > :first-child { margin-top: 0; }
.wvn-editorial__intro-copy > :last-child,
.wvn-editorial-item__copy > :last-child { margin-bottom: 0; }

.wvn-editorial__media {
    min-width: 0;
    overflow: hidden;
    background: var(--wvn-light-blue);
}

.wvn-editorial__media img,
.wvn-editorial__media picture,
.wvn-editorial__media picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-editorial__highlight {
    position: relative;
    z-index: 3;
    display: flex;
    width: min(100%, 460px);
    min-height: 330px;
    flex-direction: column;
    justify-content: center;
    padding: clamp(38px, 3.4vw, 66px);
    background: var(--wvn-yellow);
    color: var(--wvn-blue);
    box-shadow: 0 24px 55px rgba(0, 41, 83, .08);
    transform: rotate(-4deg);
    transform-origin: center;
}

.wvn-editorial__highlight-eyebrow {
    display: block;
    margin-bottom: 10px;
    font-size: clamp(18px, 1.3vw, 25px);
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wvn-editorial__highlight-title {
    display: block;
    font-size: clamp(48px, 5.2vw, 100px);
    font-weight: 900;
    letter-spacing: .035em;
    line-height: .95;
    text-transform: uppercase;
}

.wvn-editorial__highlight p {
    margin: 26px 0 0;
    font-size: clamp(18px, 1.3vw, 25px);
    font-weight: 500;
    line-height: 1.35;
}

/* Story: Intro links, Bild rechts, danach bewusst versetzte Textblöcke. */
.wvn-editorial--story .wvn-editorial__layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    grid-template-areas:
        "intro media"
        "items items";
    gap: clamp(70px, 6.5vw, 125px) clamp(60px, 7vw, 135px);
    align-items: start;
}

.wvn-editorial--story .wvn-editorial__intro {
    grid-area: intro;
    align-self: center;
    padding-block: clamp(20px, 4vw, 70px);
}

.wvn-editorial--story .wvn-editorial__media {
    grid-area: media;
    min-height: clamp(530px, 42vw, 800px);
}

.wvn-editorial--story .wvn-editorial__items {
    grid-area: items;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(70px, 7vw, 135px) clamp(60px, 7vw, 135px);
}

.wvn-editorial--story .wvn-editorial-item {
    max-width: 720px;
}

.wvn-editorial--story .wvn-editorial-item:nth-child(odd) {
    grid-column: 2;
}

.wvn-editorial--story .wvn-editorial-item:nth-child(even) {
    grid-column: 1;
}

.wvn-editorial--story .wvn-editorial__highlight {
    grid-area: media;
    align-self: end;
    justify-self: end;
    margin: 0 clamp(-75px, -3.9vw, -35px) clamp(-90px, -4.7vw, -45px) 0;
}

/* List: Intro links, große Themenliste rechts, Highlight überlagert die Liste. */
.wvn-editorial--list {
    background: var(--wvn-light-blue);
}

.wvn-editorial--list .wvn-editorial__layout {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    grid-template-areas:
        "intro items";
    gap: clamp(60px, 8vw, 155px);
    align-items: start;
}

.wvn-editorial--list .wvn-editorial__intro {
    grid-area: intro;
    position: sticky;
    top: 140px;
}

.wvn-editorial--list .wvn-editorial__items {
    grid-area: items;
    display: grid;
    gap: 0;
    padding-bottom: clamp(140px, 12vw, 230px);
}

.wvn-editorial--list .wvn-editorial-item {
    padding: clamp(28px, 2.6vw, 50px) 0;
    border-top: 2px solid rgba(3, 73, 145, .22);
}

.wvn-editorial--list .wvn-editorial-item:last-child {
    border-bottom: 2px solid rgba(3, 73, 145, .22);
}

.wvn-editorial--list .wvn-editorial-item__copy {
    max-width: 900px;
}

.wvn-editorial--list .wvn-editorial__media {
    display: none;
}

.wvn-editorial--list .wvn-editorial__highlight {
    grid-area: items;
    align-self: end;
    justify-self: end;
    margin: 0 clamp(-65px, -3.4vw, -25px) clamp(-25px, -1.3vw, -10px) 0;
}

@media (max-width: 1199px) {
    .wvn-editorial--story .wvn-editorial__layout,
    .wvn-editorial--list .wvn-editorial__layout {
        gap: 70px 56px;
    }

    .wvn-editorial--story .wvn-editorial__highlight,
    .wvn-editorial--list .wvn-editorial__highlight {
        margin-right: 0;
    }
}

@media (max-width: 767px) {
    .wvn-download-cta__inner {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .wvn-download-cta__action {
        justify-content: flex-start;
    }

    .wvn-editorial__section-title {
        margin-bottom: 62px;
        font-size: clamp(38px, 11vw, 54px);
        letter-spacing: .055em;
    }

    .wvn-editorial--story .wvn-editorial__layout,
    .wvn-editorial--list .wvn-editorial__layout {
        display: flex;
        flex-direction: column;
        gap: 58px;
    }

    .wvn-editorial--story .wvn-editorial__intro,
    .wvn-editorial--list .wvn-editorial__intro {
        position: static;
        padding: 0;
    }

    .wvn-editorial--story .wvn-editorial__media {
        width: calc(100% + (2 * var(--wvn-page-padding)));
        min-height: 68vw;
        margin-inline: calc(-1 * var(--wvn-page-padding));
    }

    .wvn-editorial--story .wvn-editorial__items,
    .wvn-editorial--list .wvn-editorial__items {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
        width: 100%;
        padding-bottom: 0;
    }

    .wvn-editorial--story .wvn-editorial-item,
    .wvn-editorial--story .wvn-editorial-item:nth-child(odd),
    .wvn-editorial--story .wvn-editorial-item:nth-child(even) {
        grid-column: auto;
        max-width: none;
        padding: 34px 0;
        border-top: 2px solid rgba(3, 73, 145, .18);
    }

    .wvn-editorial--story .wvn-editorial-item:last-child {
        border-bottom: 2px solid rgba(3, 73, 145, .18);
    }

    .wvn-editorial__highlight,
    .wvn-editorial--story .wvn-editorial__highlight,
    .wvn-editorial--list .wvn-editorial__highlight {
        width: min(92%, 430px);
        min-height: 280px;
        align-self: center;
        margin: 10px auto 10px;
        transform: rotate(-3deg);
    }
}

/* ========================================================================
 * WV-Nord 1.5.4 – Grundwasserschutz: XD-nahe Seitenkomposition
 * Die Fotos sind Vorschau-Fallbacks aus der XD und werden von FAL-Bildern
 * automatisch überlagert, sobald finale Motive im Backend gepflegt sind.
 * ===================================================================== */

/* PG01 – Grundwasserschutz Hero --------------------------------------- */
.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/Groundwater/groundwater-hero-placeholder.jpg");
    background-position: center 48%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/Groundwater/groundwater-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/Groundwater/groundwater-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 48%;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: clamp(58px, 3.8vw, 73px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero__title {
    max-width: 1120px;
}

/* PG02 – Breadcrumb/Lead --------------------------------------------- */
.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: clamp(-64px, -3.33vw, -40px);
    overflow: hidden;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__inner {
    position: relative;
    min-height: clamp(760px, 48.6vw, 934px);
    padding-top: 0;
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 clamp(100px, 6.6vw, 127px);
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-breadcrumb ol {
    justify-content: flex-end;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__content {
    position: relative;
    z-index: 2;
    width: min(674px, 48vw);
    max-width: 674px;
    margin-left: clamp(0px, 7.1875vw, 138px);
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__title {
    max-width: 674px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__text {
    max-width: 674px;
    margin-top: clamp(34px, 2.7vw, 52px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead::after {
    position: absolute;
    z-index: 1;
    top: clamp(165px, 10vw, 192px);
    right: clamp(80px, 9.58vw, 184px);
    width: min(34.64vw, 665px);
    aspect-ratio: 665 / 550;
    background: url("../Images/Pages/Groundwater/groundwater-lead-decoration.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

/* CB14 – Story: exakte Grundwasserschutz-Komposition ---------------- */
.wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] {
    position: relative;
    z-index: 1;
    min-height: clamp(1620px, 121.9vw, 2340px);
    margin-top: clamp(-110px, -5.7vw, -70px);
    padding: 0;
    overflow: hidden;
    background-color: transparent;
    background-image:
        url("../Images/Pages/Groundwater/groundwater-story-top.svg"),
        linear-gradient(var(--wvn-light-blue), var(--wvn-light-blue));
    background-position: center top, center 319px;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 320px, 100% calc(100% - 319px);
}

.wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"]::after {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: min(27.2vw, 522px);
    background: url("../Images/Pages/Groundwater/groundwater-story-bottom.svg") center bottom / 100% 100% no-repeat;
    content: "";
    pointer-events: none;
}

.wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] > .wvn-shell {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (min-width: 1200px) {
    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__section-title {
        position: absolute;
        z-index: 2;
        top: 15.52%;
        left: 14.48vw;
        width: min(760px, 40vw);
        margin: 0;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__layout {
        position: static;
        display: block;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__intro {
        position: absolute;
        z-index: 2;
        top: 29.5%;
        left: 14.48vw;
        width: min(674px, 35.1vw);
        padding: 0;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__media {
        position: absolute;
        z-index: 1;
        top: 6.4%;
        right: 0;
        width: min(42.396vw, 814px);
        height: min(60.42vw, 1160px);
        min-height: 0;
        background: var(--wvn-light-blue) url("../Images/Pages/Groundwater/groundwater-story-placeholder.jpg") center / cover no-repeat;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__media img,
    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__media picture,
    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__media picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__items {
        display: contents;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial-item {
        position: absolute;
        z-index: 2;
        width: min(674px, 35.1vw);
        max-width: none;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial-item:nth-child(1) {
        top: 59.57%;
        left: 57.60vw;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial-item:nth-child(2) {
        top: 73.59%;
        left: 14.48vw;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__highlight {
        position: absolute;
        z-index: 3;
        top: 44.96%;
        left: 15.05vw;
        width: min(30.36vw, 583px);
        min-height: min(27.66vw, 531px);
        margin: 0;
        transform: rotate(-6deg);
    }
}

/* CB14 – Alltag: weißer Bereich mit XD-Dekorationen ----------------- */
.wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] {
    position: relative;
    min-height: clamp(1860px, 140.68vw, 2701px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] > .wvn-shell {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
}

.wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::before {
    position: absolute;
    z-index: 0;
    top: 8.9%;
    left: 64.9vw;
    width: min(19.54vw, 375px);
    aspect-ratio: 375 / 518;
    background: url("../Images/Pages/Groundwater/groundwater-large-drop.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

.wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::after {
    position: absolute;
    z-index: 1;
    top: 52.35%;
    left: 28.85vw;
    width: min(20.57vw, 395px);
    aspect-ratio: 395 / 364;
    background: url("../Images/Pages/Groundwater/groundwater-drop-card.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

@media (min-width: 1200px) {
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__section-title {
        position: absolute;
        z-index: 2;
        top: 10.07%;
        left: 14.48vw;
        width: min(900px, 47vw);
        margin: 0;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__layout {
        position: static;
        display: block;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__intro {
        position: absolute;
        z-index: 2;
        top: 25.88%;
        left: 14.48vw;
        width: min(674px, 35.1vw);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__items {
        position: absolute;
        z-index: 2;
        top: 42.43%;
        left: 57.60vw;
        display: grid;
        width: min(674px, 35.1vw);
        gap: clamp(55px, 3.7vw, 72px);
        padding: 0;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial-item,
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial-item:last-child {
        padding: 0;
        border: 0;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__media {
        display: none;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight {
        position: absolute;
        z-index: 3;
        top: 62.42%;
        left: 15.42vw;
        width: min(22.15vw, 425px);
        min-height: min(18.28vw, 351px);
        margin: 0;
        transform: rotate(-6deg);
    }
}

/* CB08 – Downloads laut XD: gelbe Abschlussfläche ------------------- */
.wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
    position: relative;
    height: clamp(470px, 30.21vw, 580px);
    padding: 0;
    background: var(--wvn-yellow);
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner {
    position: relative;
    display: block;
    height: 100%;
    padding-top: clamp(80px, 5.94vw, 114px);
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__content {
    max-width: min(815px, 46vw);
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__title {
    max-width: 815px;
    font-size: clamp(42px, 2.604vw, 50px);
    line-height: 1.2;
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-eyebrow {
    display: none;
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__action {
    position: absolute;
    bottom: clamp(82px, 5.99vw, 115px);
    left: 0;
    display: block;
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__button {
    display: inline-flex;
    min-width: 222px;
    min-height: 63px;
    align-items: center;
    justify-content: center;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
    position: absolute;
    z-index: 1;
    top: 35.5%;
    left: 51.15%;
    width: min(8.8vw, 169px);
    aspect-ratio: 1;
    background: url("../Images/Pages/Groundwater/groundwater-download-icon.svg") center / contain no-repeat;
    pointer-events: none;
}


/* ========================================================================
 * WV-Nord 1.5.6 – Grundwasserschutz: XD-Feinabgleich
 * - Alltag überlappt die untere Story-Welle wie im 1920px-Artboard.
 * - Gelbe Hinweiskarten verwenden die getrennten Typohierarchien der XD.
 * ===================================================================== */
@media (min-width: 1200px) {
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] {
        /* XD: weißer Folgeabschnitt beginnt bei y=3936, während die Story-
         * Komposition bis ca. y=4300 reicht. Die Bereiche überlappen bewusst. */
        margin-top: calc(-1 * min(18.958333vw, 364px));
        z-index: 2;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__highlight {
        width: min(27.916667vw, 536px);
        min-height: min(24.895833vw, 478px);
        justify-content: flex-start;
        padding: min(1.25vw, 24px) min(3.229167vw, 62px) min(2.083333vw, 40px);
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__highlight-eyebrow {
        margin: 0;
        font-size: min(5.208333vw, 100px);
        font-weight: 900;
        letter-spacing: .035em;
        line-height: .92;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__highlight-title {
        margin: 0;
        font-size: clamp(42px, 2.604167vw, 50px);
        letter-spacing: .035em;
        line-height: 1;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__highlight p {
        margin-top: min(2.604167vw, 50px);
        font-size: clamp(19px, 1.302083vw, 25px);
        font-weight: 700;
        line-height: 1.25;
        white-space: pre-line;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight {
        width: min(20.572917vw, 395px);
        min-height: min(16.197917vw, 311px);
        justify-content: flex-start;
        padding: min(2.5vw, 48px) min(2.135417vw, 41px) min(1.5625vw, 30px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight-eyebrow {
        margin: 0 0 min(.729167vw, 14px);
        font-size: clamp(19px, 1.302083vw, 25px);
        font-weight: 700;
        line-height: 1;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight-title {
        margin: 0;
        font-size: clamp(42px, 2.604167vw, 50px);
        letter-spacing: .035em;
        line-height: .95;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight p {
        margin-top: min(1.5625vw, 30px);
        font-size: clamp(19px, 1.302083vw, 25px);
        font-weight: 500;
        line-height: 1.25;
    }
}

/* Tablet/mobile: spezielle absolute XD-Komposition in normalen Flow überführen. */
@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead::after {
        width: min(42vw, 520px);
        opacity: .72;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__content {
        width: min(70%, 674px);
        margin-left: 0;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] {
        min-height: 0;
        margin-top: -40px;
        padding: clamp(220px, 22vw, 300px) var(--wvn-page-padding) clamp(180px, 19vw, 250px);
        background-size: 100% 220px, 100% calc(100% - 219px);
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"]::after {
        height: 180px;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] > .wvn-shell,
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] > .wvn-shell {
        width: 100%;
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial__media {
        background: var(--wvn-light-blue) url("../Images/Pages/Groundwater/groundwater-story-placeholder.jpg") center / cover no-repeat;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] {
        min-height: 0;
        padding: var(--wvn-space-section-y) var(--wvn-page-padding);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::before,
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::after {
        display: none;
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        height: auto;
        min-height: 470px;
    }
}

@media (max-width: 767px) {
    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-hero__inner {
        padding-top: 55px;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead {
        margin-top: -30px;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__inner {
        min-height: 0;
        padding-bottom: 90px;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-breadcrumb {
        justify-content: flex-start;
        margin-bottom: 64px;
        font-size: 14px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-breadcrumb ol {
        justify-content: flex-start;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead__content {
        width: 100%;
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead::after {
        top: 80px;
        right: -110px;
        width: 310px;
        opacity: .18;
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        min-height: 520px;
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__content {
        max-width: none;
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__action {
        position: static;
        margin-top: 42px;
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
        top: auto;
        right: 24px;
        bottom: 36px;
        left: auto;
        width: 105px;
        opacity: .55;
    }
}

/* ========================================================================
 * WV-Nord 1.5.7 – Grundwasserschutz: finaler Desktop-Feinlayout-Pass
 * Reiner Layout-Override. Keine Daten-/Schemaänderungen.
 * ===================================================================== */
@media (min-width: 1200px) {
    /* PG02: Illustration etwas ruhiger und weiter aus dem Textbereich ziehen. */
    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead::after {
        top: clamp(175px, 9.65vw, 185px);
        right: clamp(95px, 7.3vw, 140px);
        width: min(30vw, 576px);
    }

    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-breadcrumb {
        margin-bottom: clamp(82px, 5.2vw, 100px);
        font-size: 16px;
    }

    /* Story: Abschluss-Text etwas höher, damit er nicht in die Welle gedrückt wird. */
    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] .wvn-editorial-item:nth-child(2) {
        top: 69.8%;
    }

    /* Alltag: XD-Komposition kompakter und enger verzahnt. */
    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] {
        min-height: clamp(1660px, 118vw, 2265px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::before {
        top: 7.2%;
        left: 66.1vw;
        width: min(16.25vw, 312px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"]::after {
        top: 45.5%;
        left: 29.3vw;
        width: min(18.25vw, 350px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__section-title {
        top: 8.3%;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__intro {
        top: 22.2%;
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__items {
        top: 34.2%;
        gap: clamp(40px, 2.75vw, 53px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] .wvn-editorial__highlight {
        top: 54.1%;
        left: 15.15vw;
    }

    /* Download-Abschluss etwas kompakter, Inhalt stärker als Einheit lesen lassen. */
    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        height: clamp(440px, 27.1vw, 520px);
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner {
        padding-top: clamp(72px, 4.7vw, 90px);
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__action {
        bottom: clamp(66px, 4.55vw, 88px);
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
        top: 33%;
        left: 50.3%;
        width: min(8.1vw, 155px);
    }
}

/* Tablet: dieselbe visuelle Richtung, ohne die absolute Desktop-Komposition zu erzwingen. */
@media (min-width: 768px) and (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/grundwasserschutz"] .wvn-page-lead::after {
        right: -10px;
        width: min(36vw, 430px);
    }

    .wvn-editorial--story[data-editorial-heading="WAS WIR FÜR UNSER GRUND-WASSER TUN"] {
        padding-bottom: clamp(150px, 16vw, 205px);
    }

    .wvn-editorial--list[data-editorial-heading="GRUNDWASSER-SCHUTZ BEGINNT IM ALLTAG"] {
        padding-top: clamp(85px, 9vw, 120px);
        padding-bottom: clamp(90px, 10vw, 135px);
    }

    .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        min-height: 440px;
    }
}


/* ========================================================================
 * WV-Nord 1.6.0 – SP10 Dokumente / Downloads
 * ===================================================================== */
.wvn-documents {
    background: #fff;
}

.wvn-documents__items {
    display: grid;
    gap: clamp(18px, 1.5vw, 28px);
}

.wvn-document-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(24px, 2vw, 40px);
    align-items: center;
    padding: clamp(28px, 2.6vw, 50px);
    border-radius: 20px;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-document-card h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(28px, 2.1vw, 40px);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.08;
    text-transform: uppercase;
}

.wvn-document-card__edition,
.wvn-document-card__description,
.wvn-document-card__meta {
    margin: 10px 0 0;
}

.wvn-document-card__edition {
    font-size: clamp(20px, 1.3vw, 25px);
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.wvn-document-card__description,
.wvn-document-card__meta {
    font-size: clamp(17px, 1.05vw, 20px);
    line-height: 1.4;
}

.wvn-document-download {
    display: inline-flex;
    min-width: 260px;
    align-items: center;
    gap: 18px;
    padding: 22px 28px;
    border: 1px solid rgba(0, 41, 83, .4);
    border-radius: 10px;
    background: #fff;
    color: var(--wvn-blue);
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.1;
    text-transform: uppercase;
}

.wvn-document-download:hover,
.wvn-document-download:focus-visible {
    color: var(--wvn-blue);
    transform: translateY(-1px);
}

.wvn-document-download.is-disabled {
    cursor: default;
    opacity: .62;
}

.wvn-document-download__icon {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    background:
        linear-gradient(var(--wvn-blue), var(--wvn-blue)) center bottom / 32px 4px no-repeat,
        linear-gradient(var(--wvn-blue), var(--wvn-blue)) center 5px / 4px 25px no-repeat;
    position: relative;
}

.wvn-document-download__icon::before,
.wvn-document-download__icon::after {
    position: absolute;
    top: 21px;
    width: 18px;
    height: 4px;
    background: var(--wvn-blue);
    content: "";
}

.wvn-document-download__icon::before {
    left: 5px;
    transform: rotate(45deg);
}

.wvn-document-download__icon::after {
    right: 5px;
    transform: rotate(-45deg);
}

.wvn-documents__empty {
    margin: 0;
    padding: 28px 32px;
    background: var(--wvn-light-blue);
    font-size: 18px;
}

/* ========================================================================
 * WV-Nord 1.6.0 – Wasserqualität / XD 09.10.2026
 * ===================================================================== */
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/WaterQuality/waterquality-hero-placeholder.jpg");
    background-position: center 49%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/WaterQuality/waterquality-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WaterQuality/waterquality-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 49%;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: clamp(58px, 3.8vw, 73px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__title {
    max-width: 1180px;
    font-size: clamp(58px, 6.25vw, 120px);
    line-height: 1.08;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: clamp(-64px, -3.33vw, -40px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__inner {
    min-height: clamp(800px, 56vw, 1075px);
    padding-top: 0;
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 clamp(105px, 6.6vw, 127px);
    color: #808080;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-breadcrumb ol {
    justify-content: flex-end;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__content {
    width: min(720px, 48vw);
    max-width: 720px;
    margin-left: clamp(0px, 7.1875vw, 138px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__title {
    max-width: 720px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__text {
    max-width: 700px;
    margin-top: clamp(34px, 2.7vw, 52px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

/* Analysekarte liegt im XD vor dem Härte-Text und überlappt den Folgebereich. */
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality {
    z-index: 6;
    height: 0;
    padding: 0;
    background: transparent;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-shell {
    position: relative;
    height: 0;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-documents__items {
    position: absolute;
    right: 0;
    bottom: clamp(-150px, -7.8vw, -110px);
    width: min(31.6667vw, 608px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card {
    display: block;
    min-height: min(23.3854vw, 449px);
    padding: clamp(38px, 3vw, 58px) clamp(32px, 2.3vw, 44px);
    border-radius: 20px;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card h3,
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__edition,
.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__meta {
    font-size: clamp(19px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__action {
    margin-top: clamp(28px, 2vw, 38px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-download {
    min-width: 0;
    width: min(100%, 330px);
    padding: 24px 30px;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] {
    z-index: 2;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__inner {
    min-height: clamp(1120px, 69vw, 1325px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__media {
    min-height: inherit;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__media-placeholder {
    background: url("../Images/Pages/WaterQuality/waterquality-hardness-placeholder.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__content {
    align-items: flex-start;
    padding-top: clamp(300px, 18vw, 350px);
    padding-right: clamp(100px, 7.2vw, 138px);
    padding-bottom: clamp(90px, 6vw, 115px);
    padding-left: clamp(80px, 7.2vw, 138px);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-module-title {
    margin: 0 0 28px;
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.2;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-module-copy h3 {
    margin: 0 0 clamp(48px, 4vw, 76px);
    color: var(--wvn-blue);
    font-size: clamp(48px, 3.90625vw, 75px);
    font-weight: 900;
    letter-spacing: .035em;
    line-height: 1.07;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-module-copy p {
    margin: 0 0 30px;
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-water-quality-values {
    margin-bottom: clamp(35px, 2.6vw, 50px);
    color: var(--wvn-blue);
    font-size: clamp(26px, 1.8vw, 35px);
    line-height: 1.25;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-module-copy h4 {
    margin: clamp(58px, 4.5vw, 86px) 0 20px;
    color: var(--wvn-blue);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.2;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
    height: clamp(520px, 33vw, 634px);
    background: var(--wvn-yellow);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
    top: 18%;
    right: 3%;
    bottom: auto;
    left: auto;
    width: min(39.6vw, 760px);
    height: min(21.875vw, 420px);
    background: url("../Images/Pages/WaterQuality/waterquality-download-documents.svg") center / contain no-repeat;
    opacity: 1;
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__content {
    max-width: 820px;
}

@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality {
        height: auto;
        padding: 0 var(--wvn-page-padding) 70px;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-shell {
        height: auto;
        padding: 0;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-documents__items {
        position: static;
        width: 100%;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__content {
        padding-top: clamp(75px, 8vw, 110px);
    }
}

@media (max-width: 767px) {
    .wvn-document-card {
        grid-template-columns: 1fr;
    }
    .wvn-document-download {
        min-width: 0;
        width: 100%;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__title {
        font-size: clamp(44px, 12vw, 72px);
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead {
        margin-top: -30px;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__inner {
        min-height: 0;
        padding-bottom: 80px;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-breadcrumb {
        justify-content: flex-start;
        margin-bottom: 60px;
        font-size: 14px;
        text-align: left;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-breadcrumb ol {
        justify-content: flex-start;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__content {
        width: 100%;
        margin-left: 0;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__inner {
        min-height: 0;
    }
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
        right: -70px;
        bottom: 20px;
        top: auto;
        width: 300px;
        opacity: .18;
    }
}

/* ========================================================================
 * WV-Nord 1.6.3 – Wasserqualität / finaler XD-Feinabgleich
 * Artboard: 1920 × 4820, Stand 09.10.2026
 * ===================================================================== */

/* project.css enthält mit `.wvn-site a { color: inherit; }` einen
 * spezifischeren Link-Selektor. Dadurch war die Beschriftung im weißen
 * Analyse-Button weiß auf weiß. */
.wvn-site .wvn-document-download,
.wvn-site .wvn-document-download:hover,
.wvn-site .wvn-document-download:focus-visible {
    color: var(--wvn-blue);
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__edition::before {
    content: "(";
}

.wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__edition::after {
    content: ")";
}

@media (min-width: 1200px) {
    /* PG01: Im XD beginnt der Hero nach dem 184px-Header und ist 870px hoch.
     * Der Titel startet 196px unterhalb des Hero-Anfangs. */
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__inner {
        padding-top: min(10.208333vw, 196px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-hero__title {
        width: min(68.59375vw, 1317px);
        max-width: none;
        line-height: 1.083333;
        text-wrap: wrap;
    }

    /* PG02: Breadcrumb im XD bei y=1113; der Hero endet bei y=1054.
     * Danach folgen 127px Abstand bis zur Eyebrow bei y=1270. */
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead {
        margin-top: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__inner {
        min-height: min(60.416667vw, 1160px);
        padding-top: min(3.072917vw, 59px);
        padding-bottom: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-breadcrumb {
        margin-bottom: min(6.614583vw, 127px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__content {
        width: min(35.104167vw, 674px);
        max-width: 674px;
        margin-left: min(7.1875vw, 138px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__title,
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-page-lead__text {
        max-width: 674px;
    }

    /* SP10: Analysekarte – XD x=1366, y=1931, 608×449px.
     * Die Karte ragt rechts bewusst 194px über die 1640px-Shell hinaus und
     * überlappt den folgenden Wasserhärte-Bereich um 166px. */
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-documents__items {
        right: calc(-1 * min(10.104167vw, 194px));
        bottom: calc(-1 * min(8.645833vw, 166px));
        width: min(31.666667vw, 608px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card {
        width: 100%;
        min-height: 0;
        height: min(23.385417vw, 449px);
        padding: min(3.072917vw, 59px) min(1.927083vw, 37px) min(1.927083vw, 37px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__content {
        max-width: min(20.729167vw, 398px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card h3,
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__edition,
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__meta {
        font-size: clamp(19px, 1.302083vw, 25px);
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card h3 {
        max-width: min(20.729167vw, 398px);
        margin: 0;
        letter-spacing: .05em;
        text-wrap: wrap;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__edition {
        margin: 0;
        font-weight: 700;
        letter-spacing: .05em;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__meta {
        margin: min(1.822917vw, 35px) 0 0;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-card__action {
        margin-top: min(2.8125vw, 54px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-download {
        width: min(17.1875vw, 330px);
        height: min(6.458333vw, 124px);
        padding: 0 min(1.5625vw, 30px);
        gap: min(.9375vw, 18px);
        font-size: clamp(19px, 1.302083vw, 25px);
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-documents--water-quality .wvn-document-download.is-disabled {
        opacity: 1;
    }

    /* CB01: Wasserhärte – XD-Bereich y=2214…3563 (1349px).
     * Das Foto selbst ist nur 1160px hoch; darunter bleiben 189px Weißraum. */
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__inner {
        min-height: min(70.260417vw, 1349px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__media {
        min-height: 0;
        height: min(60.416667vw, 1160px);
        align-self: start;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-split__content {
        padding-top: min(13.229167vw, 254px);
        padding-right: min(7.291667vw, 140px);
        padding-bottom: min(4.6875vw, 90px);
        padding-left: min(7.604167vw, 146px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-module-title {
        margin-bottom: min(1.614583vw, 31px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-split[data-split-heading="WIE HART IST UNSER WASSER?"] .wvn-water-quality-values {
        font-size: clamp(19px, 1.302083vw, 25px);
        line-height: 1.4;
    }

    /* CB08: XD y=3563…4143, exakt 580px hoch. */
    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        height: min(30.208333vw, 580px);
        padding: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner {
        height: 100%;
        padding-top: min(5.9375vw, 114px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__action {
        bottom: min(5.989583vw, 115px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__content {
        max-width: min(42.447917vw, 815px);
    }

    .wvn-default-page[data-page-slug$="/wasserqualitaet"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__title {
        max-width: min(42.447917vw, 815px);
        font-size: clamp(42px, 2.604167vw, 50px);
        line-height: 1.2;
        letter-spacing: .1em;
        text-wrap: wrap;
    }
}

/* ========================================================================
 * WV-Nord 1.7.1 – Wassergewinnung & Aufbereitung / XD 09.10.2026
 * Artboard: 1920 × 9561
 * ===================================================================== */
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/WaterProduction/waterproduction-hero-placeholder.jpg");
    background-position: center 50%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/WaterProduction/waterproduction-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WaterProduction/waterproduction-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 50%;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: min(10.208333vw, 196px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero__title {
    width: min(54.791667vw, 1052px);
    max-width: none;
    font-size: clamp(58px, 6.25vw, 120px);
    line-height: 1.083333;
    text-wrap: wrap;
}

/* PG02 – y=1054…2049 im XD. */
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: 0;
    overflow: hidden;
}

/* XD Lead-Dekoration: hellblauer Keil plus Wasserkreislauf-Icon rechts neben dem Lead.
 * Das SVG stammt direkt aus der gelieferten XD-Ebene/Referenzgrafik. */
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead::after {
    position: absolute;
    z-index: 1;
    top: min(13.072917vw, 251px);
    right: min(9.583333vw, 184px);
    width: min(34.635417vw, 665px);
    aspect-ratio: 665 / 550;
    background: url("../Images/Pages/WaterProduction/waterproduction-lead-icon.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__inner {
    min-height: min(51.822917vw, 995px);
    padding-top: min(3.072917vw, 59px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 min(6.614583vw, 127px);
    color: #808080;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-breadcrumb ol {
    justify-content: flex-end;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__content {
    position: relative;
    z-index: 2;
    width: min(35.104167vw, 674px);
    max-width: 674px;
    margin-left: min(7.1875vw, 138px);
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__title {
    max-width: 674px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__text {
    max-width: 674px;
    margin-top: min(2.604167vw, 50px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

/* CB14 / Teil 1 – Vom Regen zum Grundwasser, XD y=2049…3640. */
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] {
    position: relative;
    height: min(82.864583vw, 1591px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] > .wvn-shell,
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] > .wvn-shell,
.wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] > .wvn-shell {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (min-width: 1200px) {
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__section-title {
        position: absolute;
        top: min(7.135417vw, 137px);
        left: min(14.479167vw, 278px);
        width: min(35.104167vw, 674px);
        margin: 0;
        font-size: 25px;
        line-height: 1.2;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__layout,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__layout {
        position: static;
        display: block;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__intro {
        position: absolute;
        top: min(10.3125vw, 198px);
        left: min(14.479167vw, 278px);
        width: min(35.104167vw, 674px);
        padding: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__intro-title,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__intro-title {
        font-size: 75px;
        line-height: 1.0667;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__intro-copy,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__intro-copy {
        margin-top: min(2.083333vw, 40px);
        font-size: 25px;
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__media {
        position: absolute;
        top: min(14.166667vw, 272px);
        left: min(57.604167vw, 1106px);
        width: min(42.395833vw, 814px);
        height: min(60.416667vw, 1160px);
        min-height: 0;
        background: var(--wvn-light-blue) url("../Images/Pages/WaterProduction/waterproduction-cycle.jpg") center / cover no-repeat;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial__items {
        position: absolute;
        top: min(50.416667vw, 968px);
        left: min(14.479167vw, 278px);
        display: grid;
        grid-template-columns: repeat(2, min(13.541667vw, 260px));
        gap: min(8.020833vw, 154px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial-item,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial-item:nth-child(odd),
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial-item:nth-child(even) {
        grid-column: auto;
        max-width: 260px;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial-item h3 {
        font-size: 50px;
        line-height: 1;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"] .wvn-editorial-item__copy {
        margin-top: 18px;
        font-size: 25px;
        line-height: 1.4;
    }

    /* CB14 / Teil 2 – Wassergewinnung, XD y=3640…4841. */
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] {
        position: relative;
        height: min(62.552083vw, 1201px);
        padding: 0;
        overflow: hidden;
        background: #fff;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__section-title {
        position: absolute;
        top: min(1.25vw, 24px);
        left: min(57.604167vw, 1106px);
        width: min(35.104167vw, 674px);
        margin: 0;
        font-size: 25px;
        line-height: 1.2;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__intro {
        position: absolute;
        top: min(4.21875vw, 81px);
        left: min(57.604167vw, 1106px);
        width: min(35.104167vw, 674px);
        padding: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__media {
        position: absolute;
        top: 0;
        left: min(7.1875vw, 138px);
        width: min(42.395833vw, 814px);
        height: min(36.458333vw, 700px);
        min-height: 0;
        background: #fff url("../Images/Pages/WaterProduction/waterproduction-extraction.png") center / cover no-repeat;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial__items {
        position: absolute;
        top: min(43.75vw, 840px);
        left: min(14.479167vw, 278px);
        display: grid;
        grid-template-columns: repeat(2, min(27.916667vw, 536px));
        gap: min(15.208333vw, 292px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial-item,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial-item:nth-child(odd),
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial-item:nth-child(even) {
        grid-column: auto;
        max-width: 536px;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial-item h3 {
        font-size: 100px;
        line-height: .95;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"] .wvn-editorial-item__copy {
        margin-top: 6px;
        font-size: 50px;
        font-weight: 900;
        letter-spacing: .05em;
        line-height: 1.08;
        text-transform: uppercase;
    }

    /* CB01 – dunkelblauer Block y=4841…5949. */
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] {
        height: min(57.760417vw, 1109px);
        background: var(--wvn-blue);
        color: #fff;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-split__inner {
        min-height: 0;
        height: 100%;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-split__content {
        align-items: flex-start;
        padding: min(14.270833vw, 274px) min(7.291667vw, 140px) 60px min(14.479167vw, 278px);
        background: var(--wvn-blue);
        color: #fff;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-eyebrow,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-title,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-copy,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-copy h3 {
        color: #fff;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-title {
        font-size: 75px;
        line-height: 1.0667;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-copy h3 {
        margin: 52px 0 30px;
        font-size: 50px;
        font-weight: 900;
        letter-spacing: .06em;
        line-height: 1.08;
        text-transform: uppercase;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-module-copy p {
        font-size: 25px;
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-split__media,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] .wvn-split__media-placeholder {
        height: 100%;
        min-height: 0;
        background: var(--wvn-blue) url("../Images/Pages/WaterProduction/waterproduction-treatment-diagram.jpg") center / cover no-repeat;
    }

    /* CB03 – Foto links, drei Aufbereitungsschritte rechts. */
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment {
        position: relative;
        height: min(64.895833vw, 1246px);
        padding: 0;
        overflow: hidden;
        background: #fff;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment::before {
        position: absolute;
        top: min(13.28125vw, 255px);
        left: 0;
        width: min(42.395833vw, 814px);
        height: min(36.458333vw, 700px);
        background: url("../Images/Pages/WaterProduction/waterproduction-treatment-photo.jpg") center / cover no-repeat;
        content: "";
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment > .wvn-shell {
        width: 100%;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-module-header {
        display: none;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process__steps {
        display: block;
        width: 50%;
        margin: 0 0 0 50%;
        padding: min(12.083333vw, 232px) min(7.291667vw, 140px) 0 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step {
        display: grid;
        grid-template-columns: min(7.447917vw, 143px) minmax(0, 1fr);
        column-gap: min(6.927083vw, 133px);
        margin: 0 0 min(5.208333vw, 100px);
        background: transparent;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step__number {
        padding: 0;
        color: var(--wvn-blue);
        font-size: 100px;
        line-height: 1;
        text-shadow: none;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step__media {
        display: none;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step__content {
        padding: 20px 0 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step h3 {
        font-size: 50px;
        line-height: 1.08;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step__copy {
        margin-top: 28px;
        font-size: 25px;
        line-height: 1.4;
    }

    /* CB14 / Abschluss – XD y=7195…8238. */
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] {
        position: relative;
        height: min(54.322917vw, 1043px);
        padding: 0;
        background: var(--wvn-light-blue);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__section-title {
        display: none;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__layout {
        position: static;
        display: block;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__items {
        position: absolute;
        top: min(5.078125vw, 97px);
        width: min(27.916667vw, 536px);
        padding: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__intro {
        left: min(14.479167vw, 278px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__items {
        left: min(57.604167vw, 1106px);
        display: block;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__intro-title,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial-item h3 {
        font-size: 50px;
        line-height: 1.08;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial__intro-copy,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial-item__copy {
        margin-top: 28px;
        font-size: 25px;
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial-item,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"] .wvn-editorial-item:last-child {
        padding: 0;
        border: 0;
    }

    /* CB08 – gelber Abschluss, XD ca. y=8303…8883. */
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
        height: min(30.208333vw, 580px);
        padding: 0;
        background: var(--wvn-yellow);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner {
        height: 100%;
        padding-top: min(5.9375vw, 114px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__content {
        max-width: min(42.447917vw, 815px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__title {
        max-width: min(42.447917vw, 815px);
        font-size: 50px;
        line-height: 1.2;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
        top: 18%;
        right: 3%;
        bottom: auto;
        left: auto;
        width: min(39.6vw, 760px);
        height: min(21.875vw, 420px);
        background: url("../Images/Pages/WaterProduction/waterproduction-download-documents.svg") center / contain no-repeat;
        opacity: 1;
    }
}

@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="VOM REGEN ZUM GRUNDWASSER"],
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--story[data-editorial-heading="WASSERGEWINNUNG"],
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-editorial--list[data-editorial-heading="ABSCHLUSS WASSERAUFBEREITUNG"],
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment,
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-split[data-split-heading="AUS GRUND-WASSER WIRD TRINKWASSER"] {
        height: auto;
        min-height: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment {
        padding-block: var(--wvn-space-section-y);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment::before {
        position: static;
        display: block;
        width: 100%;
        height: 55vw;
        max-height: 620px;
        background-position: center;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment > .wvn-shell {
        width: min(calc(100% - (2 * var(--wvn-page-padding))), var(--wvn-content-width));
        height: auto;
        margin-inline: auto;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process__steps {
        width: 100%;
        margin: 0;
        padding: 70px 0 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step {
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 40px;
        margin-bottom: 60px;
    }
}

@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead::after {
        top: 150px;
        right: -5vw;
        width: min(48vw, 560px);
        opacity: .38;
    }
}

@media (max-width: 767px) {
    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead::after {
        top: 165px;
        right: -145px;
        width: 330px;
        opacity: .14;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-hero__title {
        width: 100%;
        font-size: clamp(44px, 12vw, 72px);
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__inner {
        min-height: 0;
        padding-bottom: 80px;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-breadcrumb {
        justify-content: flex-start;
        margin-bottom: 60px;
        font-size: 14px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-breadcrumb ol {
        justify-content: flex-start;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-page-lead__content {
        width: 100%;
        margin-left: 0;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 22px;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-process--treatment .wvn-process-step__number {
        font-size: 64px;
    }

    .wvn-default-page[data-page-slug*="/wassergewinnung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__decoration {
        right: -70px;
        bottom: 20px;
        top: auto;
        width: 300px;
        opacity: .18;
    }
}

/* ========================================================================
 * WV-Nord 1.8.0 – Wasserwissen / XD 09.10.2026
 * Artboard: 1920 × 12630
 * ===================================================================== */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/WaterKnowledge/waterknowledge-hero.jpg");
    background-position: center 50%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/WaterKnowledge/waterknowledge-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WaterKnowledge/waterknowledge-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 50%;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: min(10.208333vw, 196px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero__title {
    width: min(66vw, 1260px);
    max-width: none;
    font-size: clamp(58px, 6.25vw, 120px);
    line-height: 1.083333;
}

/* PG02 – Breadcrumb + Lead, XD y≈1054…1956. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: 0;
    overflow: hidden;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead::after {
    position: absolute;
    z-index: 1;
    top: min(13.072917vw, 251px);
    right: min(9.583333vw, 184px);
    width: min(34.635417vw, 665px);
    aspect-ratio: 665 / 550;
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-lead-icon.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__inner {
    min-height: min(46.979167vw, 902px);
    padding-top: min(3.072917vw, 59px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 min(6.614583vw, 127px);
    color: #808080;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-breadcrumb ol { justify-content: flex-end; }

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__content {
    position: relative;
    z-index: 2;
    width: min(35.104167vw, 674px);
    max-width: 674px;
    margin-left: min(7.1875vw, 138px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__title {
    max-width: 674px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__text {
    max-width: 674px;
    margin-top: min(2.604167vw, 50px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

/* CB14 – „Gut zu wissen“, XD y≈1956…3879. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] {
    position: relative;
    height: min(100.15625vw, 1923px);
    padding: 0;
    overflow: visible;
    background: var(--wvn-light-blue);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."]::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: min(-10.208333vw, -196px);
    left: 0;
    height: min(25.885417vw, 497px);
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-knowledge-wave.svg") center / 100% 100% no-repeat;
    content: "";
    pointer-events: none;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] > .wvn-shell {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (min-width: 1200px) {
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__section-title {
        position: absolute;
        z-index: 2;
        top: min(7.96875vw, 153px);
        left: min(14.479167vw, 278px);
        width: min(35.104167vw, 674px);
        margin: 0;
        font-size: 75px;
        line-height: 1.0667;
    }

    /* XD: „GUT ZU“ und „WISSEN.“ sind zwei bewusst getrennte Zeilen. */
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__section-title .wvn-heading-split__intro,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__section-title .wvn-heading-split__emphasis {
        display: block;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__layout {
        position: static;
        display: block;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__highlight {
        display: none;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__media {
        position: absolute;
        z-index: 2;
        top: min(16.666667vw, 320px);
        left: min(57.604167vw, 1106px);
        width: min(42.395833vw, 814px);
        height: min(60.416667vw, 1160px);
        min-height: 0;
        background: url("../Images/Pages/WaterKnowledge/waterknowledge-brown-water.jpg") center / cover no-repeat;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__items {
        position: absolute;
        z-index: 2;
        top: min(23.90625vw, 459px);
        left: min(14.479167vw, 278px);
        display: block;
        width: min(39.84375vw, 765px);
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial-item {
        width: 100%;
        max-width: none;
        margin: 0 0 min(4.84375vw, 93px);
        padding: 0;
        border: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial-item h3 {
        max-width: 765px;
        margin: 0;
        font-size: 50px;
        line-height: 1.2;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial-item__copy {
        max-width: 765px;
        margin-top: 24px;
        font-size: 25px;
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial-item__link {
        display: inline-flex;
        margin-top: 24px;
        padding: 13px 58px 14px;
        border-radius: 999px;
        background: var(--wvn-blue);
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1;
        text-transform: uppercase;
    }
}

/* CB04 – „Wissenswert.“ + vollbreites Bild, XD y≈3879…5896. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] {
    position: relative;
    height: min(105.052083vw, 2017px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] > .wvn-shell {
    position: static;
    width: 100%;
    max-width: none;
    margin: 0;
}

@media (min-width: 1200px) {
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-module-header {
        position: absolute;
        z-index: 3;
        top: min(5.833333vw, 112px);
        left: min(14.479167vw, 278px);
        width: min(35.104167vw, 674px);
        margin: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-module-title {
        margin: 0;
        font-size: 75px;
        line-height: 1.0667;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-grid__items {
        position: absolute;
        z-index: 3;
        top: min(14.817708vw, 284px);
        left: min(14.479167vw, 278px);
        display: grid;
        width: min(78.645833vw, 1510px);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: min(4.166667vw, 80px);
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card {
        min-height: 0;
        padding: 0;
        border: 0;
        background: transparent;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card h3 {
        max-width: 650px;
        font-size: 50px;
        line-height: 1.2;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card__copy {
        max-width: 680px;
        margin-top: 24px;
        font-size: 25px;
        line-height: 1.4;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card__link {
        display: inline-flex;
        margin-top: 28px;
        padding: 13px 58px 14px;
        border-radius: 999px;
        background: var(--wvn-blue);
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        letter-spacing: .08em;
        line-height: 1;
        text-transform: uppercase;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-grid__section-media {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: min(55.677083vw, 1069px);
        background: url("../Images/Pages/WaterKnowledge/waterknowledge-faq-bridge.jpg") center / cover no-repeat;
    }
}

/* CB06 – FAQ, XD y≈5896…7613. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] {
    padding: 0;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] > .wvn-shell {
    width: 100%;
    max-width: none;
    padding: min(4.84375vw, 93px) min(19.375vw, 372px) min(12.395833vw, 238px) min(14.479167vw, 278px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-module-header {
    max-width: 900px;
    margin-bottom: min(5.729167vw, 110px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-module-title {
    font-size: 75px;
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq__items {
    width: min(71.041667vw, 1364px);
    border: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item {
    margin-bottom: 20px;
    border: 0;
    background: var(--wvn-light-blue);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item summary {
    min-height: 63px;
    padding: 12px 22px 12px 31px;
    font-size: 25px;
    line-height: 1.25;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item__icon {
    width: 34px;
    height: 34px;
    background: transparent;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] {
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] summary,
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] .wvn-faq-item__answer,
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] .wvn-faq-item__link {
    color: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] .wvn-faq-item__answer {
    max-width: 100%;
    padding: 22px 31px 34px;
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

/* CB01 – Werksführung, XD y≈7613…8313. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] {
    height: min(36.458333vw, 700px);
    padding: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__inner {
    height: 100%;
    grid-template-columns: 1fr 1fr;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__media {
    height: 100%;
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-tour.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__media-placeholder { display: none; }

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__content {
    min-height: 0;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__content-inner {
    max-width: 674px;
    padding: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-module-title {
    font-size: 75px;
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-module-copy {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.45;
}

/* CB01 – Wasserstoff / Kohlendioxid, XD y≈8433…9712. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] {
    position: relative;
    height: min(66.614583vw, 1279px);
    padding: min(6.458333vw, 124px) 0 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__inner {
    height: min(60.15625vw, 1155px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__content {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    padding: 0;
    align-items: stretch;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__media {
    grid-column: 2;
    grid-row: 1;
    height: 100%;
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-gases.jpg") 69% center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__media-placeholder { display: none; }

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__content-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: min(13.177083vw, 253px) min(2.604167vw, 50px) 0 min(7.239583vw, 139px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-eyebrow { color: var(--wvn-light-blue); }

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-module-title {
    color: #fff;
    font-size: clamp(72px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-module-copy {
    max-width: 771px;
    margin-top: 38px;
    color: #fff;
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-button {
    margin-top: 32px;
    background: #fff;
    color: var(--wvn-blue);
}

/* CB02 – Trinkwasserschutz / PFAS, XD y≈9712…11280. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] {
    height: min(81.666667vw, 1568px);
    padding: 0;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] > .wvn-shell {
    width: 100%;
    max-width: none;
    margin: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-module-header { display: none; }

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-grid__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card {
    display: block;
    min-height: 0;
    overflow: visible;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__media {
    display: block;
    height: min(36.458333vw, 700px);
    aspect-ratio: auto;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card:first-child .wvn-teaser-card__media {
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-protection.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__media {
    background: url("../Images/Pages/WaterKnowledge/waterknowledge-pfas.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__body {
    display: block;
    padding: min(4.895833vw, 94px) min(7.239583vw, 139px) 0;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card h3 {
    margin-top: 18px;
    font-size: 75px;
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__copy {
    margin-top: 32px;
    font-size: 20px;
    line-height: 1.45;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__link {
    display: inline-flex;
    margin-top: 34px;
    padding: 0;
    color: var(--wvn-blue);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

/* CB10 – Wasserzeitung, XD y≈11280…11950. */
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] {
    height: min(34.895833vw, 670px);
    padding: 0;
    background: var(--wvn-yellow);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__inner {
    position: relative;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: min(4.479167vw, 86px) 0 0 min(7.291667vw, 140px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__content {
    max-width: min(42.447917vw, 815px);
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-module-title {
    font-size: 50px;
    line-height: 1.2;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-module-copy {
    margin-top: 32px;
    font-size: 25px;
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__button {
    margin-top: 36px;
}

/* Generische Medien-Platzhalter nur anzeigen, wenn tatsächlich befüllt oder für die Wasserwissen-Sonderdarstellung benötigt. */
.wvn-teaser-card__media:empty { display: none; }
.wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__media:empty { display: block; }

@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead::after {
        top: 150px;
        right: -5vw;
        width: min(48vw, 560px);
        opacity: .32;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."],
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."],
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"],
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"],
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"],
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] {
        height: auto;
        min-height: 0;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] {
        padding: 80px 0 160px;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."]::after { bottom: -90px; height: 180px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__media {
        min-height: 520px;
        background: url("../Images/Pages/WaterKnowledge/waterknowledge-brown-water.jpg") center / cover no-repeat;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial-item__link,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card__link {
        display: inline-flex;
        margin-top: 24px;
        padding: 12px 30px;
        border-radius: 999px;
        background: var(--wvn-blue);
        color: #fff;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] { padding: 150px 0 0; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-card { border: 0; background: transparent; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-grid__section-media {
        height: 56vw;
        min-height: 440px;
        margin-top: 70px;
        background: url("../Images/Pages/WaterKnowledge/waterknowledge-faq-bridge.jpg") center / cover no-repeat;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] > .wvn-shell {
        width: min(calc(100% - (2 * var(--wvn-page-padding))), var(--wvn-content-width));
        padding: var(--wvn-space-section-y) 0;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq__items { width: 100%; }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__media {
        min-height: 52vw;
    }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] {
        padding-top: 70px;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__inner { height: auto; grid-template-columns: 1fr 1fr; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__content-inner { padding: 70px 50px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-module-title { font-size: clamp(54px, 5.208333vw, 72px); }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__media { height: 38vw; min-height: 340px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__body { padding: 60px 50px 80px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card h3 { font-size: clamp(44px, 5vw, 68px); }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__inner {
        width: min(calc(100% - (2 * var(--wvn-page-padding))), var(--wvn-content-width));
        padding: 80px 0;
    }
}

@media (max-width: 767px) {
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-hero__title { width: 100%; font-size: clamp(44px, 12vw, 72px); }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__inner { min-height: 0; padding-bottom: 80px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-breadcrumb { justify-content: flex-start; margin-bottom: 60px; font-size: 14px; text-align: left; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-breadcrumb ol { justify-content: flex-start; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead__content { width: 100%; margin-left: 0; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-page-lead::after { top: 170px; right: -145px; width: 330px; opacity: .12; }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] { padding: 65px 0 120px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-editorial[data-editorial-heading="GUT ZU WISSEN."] .wvn-editorial__media { min-height: 380px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] { padding-top: 100px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-grid__items { grid-template-columns: 1fr; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-info-grid[data-info-heading="Wissenswert."] .wvn-info-grid__section-media { min-height: 330px; }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-module-title { font-size: clamp(46px, 12vw, 64px); }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item summary { font-size: 20px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-faq[data-faq-heading="WASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] .wvn-faq-item__answer { font-size: 19px; }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__inner,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__inner {
        display: flex;
        flex-direction: column;
    }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WASSER VOR ORT ERLEBEN"] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__media { min-height: 360px; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-split__content-inner { padding: 60px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-split[data-split-heading="WAS HABEN GASE MIT WASSER ZU TUN?"] .wvn-module-title { font-size: clamp(48px, 13vw, 70px); }

    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-grid__items { grid-template-columns: 1fr; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__media { min-height: 330px; height: 60vw; }
    .wvn-default-page[data-page-slug$="/wasserwissen"] .wvn-teaser-grid[data-teaser-heading="WISSENSTHEMEN"] .wvn-teaser-card__body { padding: 50px var(--wvn-page-padding) 70px; }
}

/* ========================================================================
 * CB15 – Versorgungsgebiet
 * ===================================================================== */
.wvn-service-area {
    background: #fff;
}

.wvn-service-area__header {
    color: var(--wvn-blue);
}

.wvn-service-area__map img,
.wvn-service-area__map picture,
.wvn-service-area__map picture img {
    display: block;
    width: 100%;
    height: auto;
}

.wvn-service-area__map--fallback {
    aspect-ratio: 2000 / 1414;
    background: #fff url("../Images/Pages/WaterOverview/water-overview-service-area.png") center / contain no-repeat;
}

.wvn-service-area__check {
    display: grid;
    align-items: start;
}

.wvn-service-area__copy h3 {
    margin: 0;
    color: var(--wvn-blue);
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}

.wvn-service-area__search input,
.wvn-service-area__search button {
    width: 100%;
    min-height: 63px;
    box-sizing: border-box;
    border-radius: 999px;
    font: inherit;
}

.wvn-service-area__search input {
    border: 3px solid #bdcde3;
    outline: 0;
    background: var(--wvn-light-blue);
    color: var(--wvn-blue);
    font-weight: 700;
    letter-spacing: .05em;
    text-align: center;
}

.wvn-service-area__search input::placeholder {
    color: #bdcde3;
    opacity: 1;
}

.wvn-service-area__search input:focus {
    border-color: var(--wvn-blue);
}

.wvn-service-area__search button {
    border: 0;
    background: var(--wvn-blue);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* ========================================================================
 * WV-Nord 1.9.0 – Unser Wasser / Wasser-Landingpage / XD 09.10.2026
 * Artboard-Breite: 1920 px
 * ===================================================================== */

/* PG01 – Hero --------------------------------------------------------- */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/WaterOverview/water-overview-hero.jpg");
    background-position: center 50%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/WaterOverview/water-overview-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WaterOverview/water-overview-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 50%;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: min(3.854167vw, 74px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero__title {
    width: min(66vw, 1260px);
    max-width: none;
    font-size: clamp(58px, 6.25vw, 120px);
    line-height: 1.083333;
}

/* PG02 – hellblauer Introbereich ------------------------------------ */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: 0;
    overflow: hidden;
    background: #eff6ff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__inner {
    position: relative;
    min-height: min(46.875vw, 900px);
    padding-top: min(3.072917vw, 59px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 min(2.34375vw, 45px);
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-breadcrumb ol {
    justify-content: flex-end;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__content {
    position: relative;
    z-index: 2;
    width: min(35.104167vw, 674px);
    max-width: 674px;
    margin-left: min(7.1875vw, 138px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__title {
    max-width: 674px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__text {
    max-width: 536px;
    margin-top: min(1.302083vw, 25px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead::after {
    position: absolute;
    z-index: 1;
    top: min(5.729167vw, 110px);
    right: min(7.291667vw, 140px);
    width: min(37.291667vw, 716px);
    aspect-ratio: 716 / 570;
    background: url("../Images/Pages/WaterOverview/water-overview-lead-decoration.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

/* CB15 – Versorgungsgebiet, XD y≈2087…3922. ------------------------- */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER VERSORGT."] {
    padding: min(7.135417vw, 137px) 0 min(7.8125vw, 150px);
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER VERSORGT."] > .wvn-shell {
    width: 100%;
    max-width: none;
    padding-inline: min(7.291667vw, 140px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__header {
    width: min(49.635417vw, 953px);
    margin: 0 0 min(4.84375vw, 93px) auto;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__header .wvn-module-title {
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__header .wvn-heading-split__intro,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__header .wvn-heading-split__emphasis {
    display: block;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__map {
    width: min(84.427083vw, 1621px);
    margin: 0;
    overflow: hidden;
    background-color: #fff;
}

/* XD: the map is not a plain rectangle. It is a 1621 x 1115 compound shape
 * with a top cut-out and a shorter lower-right edge. Reproduce that geometry
 * directly instead of showing the unmasked 2000 x 1414 source screenshot. */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__map--fallback {
    aspect-ratio: 1621 / 1115;
    background-image: url("../Images/Pages/WaterOverview/water-overview-service-area.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(
        83.16% 100%,
        0 100%,
        0 0,
        66.07% 0,
        66.07% 10.49%,
        89.14% 10.49%,
        89.14% 0,
        100% 0,
        100% 86.28%,
        83.16% 86.28%
    );
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__map img {
    aspect-ratio: 2000 / 1414;
    object-fit: contain;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__check {
    grid-template-columns: minmax(0, 674px) minmax(420px, 578px);
    justify-content: space-between;
    gap: min(8vw, 155px);
    margin-top: min(3.645833vw, 70px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__copy {
    max-width: 674px;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__copy h3 {
    font-size: clamp(20px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__copy .wvn-module-copy {
    max-width: 673px;
    margin-top: min(1.5625vw, 30px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search {
    width: min(30.104167vw, 578px);
    margin-top: min(1.770833vw, 34px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search input,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search button {
    min-height: 63px;
    font-size: clamp(18px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search button {
    width: min(25.520833vw, 490px);
    margin: min(1.875vw, 36px) auto 0;
}

/* CB02 – Wasserqualität / Grundwasserschutz ------------------------- */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] {
    padding: 0;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] > .wvn-shell {
    width: 100%;
    max-width: none;
    padding: 0;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-module-header {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card {
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__media {
    height: min(36.458333vw, 700px);
    aspect-ratio: auto;
}

/* Die Landingpage verwendet für diese beiden XD-Bildflächen bewusst
 * CSS-Hintergrundbilder. Der globale CB02-Fallback blendet leere
 * Mediencontainer sonst aus und würde die 700px-Bildzeile entfernen. */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__media:empty {
    display: block;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card:first-child .wvn-teaser-card__media {
    background: url("../Images/Pages/WaterOverview/water-overview-quality.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__media {
    background: url("../Images/Pages/WaterOverview/water-overview-groundwater.jpg") center 39% / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__body {
    min-height: min(37.395833vw, 718px);
    box-sizing: border-box;
    padding: min(4.010417vw, 77px) min(7.291667vw, 140px) min(4.166667vw, 80px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__body {
    padding-left: min(7.5vw, 144px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-eyebrow {
    max-width: 680px;
    margin-bottom: min(1.510417vw, 29px);
    color: var(--wvn-blue);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 700;
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card h3 {
    max-width: 760px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__copy {
    max-width: 808px;
    margin-top: min(1.666667vw, 32px);
    color: var(--wvn-blue);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 500;
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__link {
    min-height: 63px;
    box-sizing: border-box;
    justify-content: center;
    margin-top: auto;
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-yellow);
    color: var(--wvn-navy);
    font-size: clamp(18px, 1.302083vw, 25px);
    line-height: 1.2;
    text-align: center;
}

/* CB01 – Wassergewinnung & Aufbereitung ------------------------------
 * XD geometry (1920px artboard):
 * - complete stage: 1016px high
 * - illustration: x=674, y=0, 1247x1016
 * - blue panel: x=0, y=33, 960x983
 * The 286px horizontal overlap is intentional: the blue panel masks the
 * left side of the illustration. A regular 50/50 grid cannot reproduce it. */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] {
    position: relative;
    height: min(52.916667vw, 1016px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__inner {
    position: relative;
    display: block;
    height: 100%;
    min-height: 0;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__media {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: min(64.947917vw, 1247px);
    height: 100%;
    min-height: 0;
    /* Exact XD image transform: source 1920x1746 at scale .86449 inside
     * the 1247x1016 frame. This is intentionally much tighter than cover. */
    background-image: url("../Images/Pages/WaterOverview/water-overview-production.jpg");
    background-repeat: no-repeat;
    background-size: 133.12% 148.52%;
    background-position: 8.7% 40.5%;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__content {
    position: absolute;
    z-index: 2;
    top: min(1.71875vw, 33px);
    left: 0;
    width: 50%;
    height: calc(100% - min(1.71875vw, 33px));
    min-height: 0;
    margin: 0;
    padding: 0;
    align-items: stretch;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__media-placeholder {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__content-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: min(9.375vw, 180px) min(3.125vw, 60px) 0 min(7.291667vw, 140px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-eyebrow,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-module-title,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-module-copy {
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-eyebrow {
    font-size: clamp(19px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-module-title {
    max-width: 760px;
    margin-top: 20px;
    font-size: clamp(64px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-module-copy {
    max-width: 677px;
    margin-top: min(2.083333vw, 40px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-button {
    min-height: 63px;
    margin-top: min(2.083333vw, 40px);
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-navy);
    color: #fff;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* CB01 – Wasserwissen ------------------------------------------------ */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] {
    position: relative;
    height: min(56.5625vw, 1086px);
    margin-top: max(-2.708333vw, -52px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__inner {
    position: relative;
    display: block;
    height: 100%;
}

/* Real XD artboard coordinates: image x=-287 / w=1247 / h=1086;
 * blue panel x=960 / y=52 / w=960 / h=1034. */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__media {
    position: absolute;
    z-index: 1;
    top: 0;
    left: max(-14.947917vw, -287px);
    width: min(64.947917vw, 1247px);
    height: 100%;
    min-height: 0;
    background: url("../Images/Pages/WaterOverview/water-overview-knowledge.jpg") 49% center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__media-placeholder {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__content {
    position: absolute;
    z-index: 2;
    top: min(2.708333vw, 52px);
    left: 50%;
    width: 50%;
    height: calc(100% - min(2.708333vw, 52px));
    min-height: 0;
    margin: 0;
    padding: 0;
    align-items: stretch;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__content-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: min(5.416667vw, 104px) min(4.166667vw, 80px) 0 min(7.604167vw, 146px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-eyebrow,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-module-title,
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-module-copy {
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-eyebrow {
    font-size: clamp(19px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-module-title {
    max-width: 771px;
    margin-top: 20px;
    font-size: clamp(64px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-module-copy {
    max-width: 674px;
    margin-top: min(2.083333vw, 40px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-button {
    min-height: 63px;
    margin-top: min(2.083333vw, 40px);
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-navy);
    color: #fff;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* CB08 – Social Media ------------------------------------------------ */
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social {
    min-height: 0;
    padding: min(5.208333vw, 100px) 0 min(5.729167vw, 110px);
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social h2 {
    margin-bottom: min(3.645833vw, 70px);
    text-align: left;
}

.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social__gallery img:nth-child(1) { content: url("../Images/Pages/WaterOverview/water-overview-social-1.png"); }
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social__gallery img:nth-child(2) { content: url("../Images/Pages/WaterOverview/water-overview-social-2.png"); }
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social__gallery img:nth-child(3) { content: url("../Images/Pages/WaterOverview/water-overview-social-3.png"); }
.wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social__gallery img:nth-child(4) { content: url("../Images/Pages/WaterOverview/water-overview-social-4.png"); }


/* WV-Nord 1.9.6 – Korrektur nach direkter Auswertung des echten XD-Artboards
 * (WV-Nord Hauptseite Wasser, 1920px):
 * quality images x=0/960; production image x=673.716, blue x=0;
 * waterknowledge image x=-287, blue x=960; regular text axis x≈140. */

/* Responsive --------------------------------------------------------- */
@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead::after {
        right: -8vw;
        width: min(50vw, 600px);
        opacity: .3;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__check {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
        gap: 50px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__body {
        padding: 60px 56px 70px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__content-inner,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__content-inner {
        padding-left: 64px;
        padding-right: 48px;
    }
}

@media (max-width: 767px) {
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        background-position: center center;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-hero__title {
        width: 100%;
        font-size: clamp(44px, 12vw, 72px);
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__inner {
        min-height: 0;
        padding-bottom: 90px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-breadcrumb {
        justify-content: flex-start;
        margin-bottom: 55px;
        font-size: 14px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-breadcrumb ol {
        justify-content: flex-start;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__content {
        width: 100%;
        margin-left: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead__text {
        max-width: none;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-page-lead::after {
        top: 155px;
        right: -170px;
        width: 350px;
        opacity: .11;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER VERSORGT."] {
        padding: 75px 0 90px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER VERSORGT."] > .wvn-shell {
        padding-inline: var(--wvn-page-padding);
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__header {
        width: 100%;
        margin-bottom: 50px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__map {
        width: 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__check {
        grid-template-columns: 1fr;
        gap: 45px;
        margin-top: 50px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search {
        width: 100%;
        margin-top: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-service-area__search button {
        width: 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-grid__items {
        grid-template-columns: 1fr;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__media {
        height: 62vw;
        min-height: 320px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card__body,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-teaser-grid[data-teaser-heading="WASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__body {
        min-height: 0;
        padding: 55px var(--wvn-page-padding) 75px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."],
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] {
        height: auto;
        margin-top: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__inner,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__inner {
        display: flex;
        height: auto;
        flex-direction: column;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__media {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        order: 1;
        height: 66vw;
        min-height: 360px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__content,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        order: 2;
        margin-top: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-split__content-inner,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-split__content-inner {
        padding: 65px var(--wvn-page-padding) 75px;
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="AUS DER TIEFE. FÜR HIER."] .wvn-module-title,
    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-split[data-split-heading="WASSER? DA GEHT NOCH MEHR."] .wvn-module-title {
        font-size: clamp(48px, 12vw, 76px);
    }

    .wvn-default-page[data-page-slug$="/unser-wasser"] .wvn-social h2 {
        text-align: center;
    }
}


/* ========================================================================
 * WV-Nord 1.10.0 – Unser Abwasser / Abwasser-Landingpage / XD 09.10.2026
 * Artboard: „WV-Nord Hauptseite Abwasser“, 1920 x 9540 px
 * ===================================================================== */

/* PG01 – Hero --------------------------------------------------------- */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background-color: #fff;
    background-image: url("../Images/Pages/WastewaterOverview/wastewater-overview-hero.jpg");
    background-position: center 54%;
    background-size: cover;
    -webkit-mask-image: url("../Images/Pages/WastewaterOverview/wastewater-overview-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WastewaterOverview/wastewater-overview-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero > picture > img {
    height: 100%;
    object-position: center 54%;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero__inner {
    min-height: 0;
    height: 100%;
    align-items: flex-start;
    padding-top: min(3.854167vw, 74px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero__title {
    width: min(54.791667vw, 1052px);
    max-width: none;
    font-size: clamp(58px, 6.25vw, 120px);
    line-height: 1.083333;
}

/* PG02 – hellblauer Introbereich ------------------------------------ */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead {
    position: relative;
    z-index: 2;
    margin-top: 0;
    overflow: hidden;
    background: #eff6ff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__inner {
    position: relative;
    min-height: min(46.875vw, 900px);
    padding-top: min(3.072917vw, 59px);
    padding-bottom: 0;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-breadcrumb {
    display: flex;
    min-height: 30px;
    justify-content: flex-end;
    margin: 0 0 min(2.34375vw, 45px);
    color: #808080;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-breadcrumb ol {
    justify-content: flex-end;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__content {
    position: relative;
    z-index: 2;
    width: min(35.104167vw, 674px);
    max-width: 674px;
    margin-left: min(7.1875vw, 138px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__title {
    max-width: 674px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__text {
    max-width: 674px;
    margin-top: min(1.302083vw, 25px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

/* Die XD-Landingpage verwendet rechts ein großes Abwasser-Signet. */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead::after {
    position: absolute;
    z-index: 1;
    top: min(5.729167vw, 110px);
    right: min(7.291667vw, 140px);
    width: min(31.25vw, 600px);
    aspect-ratio: 350 / 278.66928;
    background: url("../Icons/WvNord/wastewater.svg") center / contain no-repeat;
    content: "";
    pointer-events: none;
}

/* CB15 – Zuständigkeits-/Entsorgungsgebiet --------------------------- */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER ZUSTÄNDIG."] {
    padding: min(7.135417vw, 137px) 0 min(7.8125vw, 150px);
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER ZUSTÄNDIG."] > .wvn-shell {
    width: 100%;
    max-width: none;
    padding-inline: min(7.291667vw, 140px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header {
    width: min(49.635417vw, 953px);
    margin: 0 0 min(4.84375vw, 93px) auto;
    text-align: right;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header .wvn-module-title {
    font-size: clamp(54px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header .wvn-heading-split__intro,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header .wvn-heading-split__emphasis {
    display: block;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__map {
    width: min(85.416667vw, 1640px);
    margin: 0 auto;
    overflow: hidden;
    background-color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__map--fallback {
    aspect-ratio: 1640 / 1148;
    background-image: url("../Images/Pages/WastewaterOverview/wastewater-overview-service-area.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__map img {
    width: 100%;
    height: auto;
    aspect-ratio: 2000 / 1414;
    object-fit: contain;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__check {
    grid-template-columns: minmax(0, 674px) minmax(420px, 578px);
    justify-content: space-between;
    gap: min(8vw, 155px);
    margin-top: min(3.645833vw, 70px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__copy {
    max-width: 674px;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__copy h3 {
    font-size: clamp(20px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__copy .wvn-module-copy {
    max-width: 674px;
    margin-top: min(1.5625vw, 30px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search {
    width: min(30.104167vw, 578px);
    margin-top: min(1.770833vw, 34px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search input,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search button {
    min-height: 63px;
    font-size: clamp(18px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search button {
    width: min(25.520833vw, 490px);
    margin: min(1.875vw, 36px) auto 0;
}

/* CB02 – Abwasserbeseitigung / Hauskläranlagen ---------------------- */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] {
    padding: 0;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] > .wvn-shell {
    width: 100%;
    max-width: none;
    padding: 0;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-module-header {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-grid__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card {
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__media {
    display: block;
    height: min(36.458333vw, 700px);
    aspect-ratio: auto;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__media:empty {
    display: block;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card:first-child .wvn-teaser-card__media {
    background: url("../Images/Pages/WastewaterOverview/wastewater-overview-disposal.jpg") center 46% / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__media {
    background: url("../Images/Pages/WastewaterOverview/wastewater-overview-septic.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__body {
    min-height: min(53.645833vw, 1030px);
    box-sizing: border-box;
    padding: min(4.010417vw, 77px) min(7.291667vw, 140px) min(4.166667vw, 80px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__body {
    padding-left: min(7.5vw, 144px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-eyebrow {
    max-width: 680px;
    margin-bottom: min(1.510417vw, 29px);
    color: var(--wvn-blue);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 700;
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card h3 {
    max-width: 676px;
    font-size: clamp(48px, 3.90625vw, 75px);
    line-height: 1.0667;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__copy {
    max-width: 676px;
    margin-top: min(1.666667vw, 32px);
    color: var(--wvn-blue);
    font-size: clamp(19px, 1.302083vw, 25px);
    font-weight: 500;
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__link {
    min-height: 63px;
    box-sizing: border-box;
    justify-content: center;
    margin-top: auto;
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-yellow);
    color: var(--wvn-navy);
    font-size: clamp(18px, 1.302083vw, 25px);
    line-height: 1.2;
    text-align: center;
}

/* CB01 – Niederschlagswasser ---------------------------------------- */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] {
    position: relative;
    height: min(52.916667vw, 1016px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__inner {
    position: relative;
    display: block;
    height: 100%;
    min-height: 0;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__media {
    position: absolute;
    z-index: 1;
    top: 0;
    left: min(35.089583vw, 673.72px);
    width: min(64.947917vw, 1247px);
    height: 100%;
    min-height: 0;
    background: url("../Images/Pages/WastewaterOverview/wastewater-overview-rainwater.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__media-placeholder {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__content {
    position: absolute;
    z-index: 2;
    top: min(1.71875vw, 33px);
    left: 0;
    width: 50%;
    height: calc(100% - min(1.71875vw, 33px));
    min-height: 0;
    margin: 0;
    padding: 0;
    align-items: stretch;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__content-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: min(9.375vw, 180px) min(3.125vw, 60px) 0 min(7.291667vw, 140px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-eyebrow,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-module-title,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-module-copy {
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-eyebrow {
    color: #bdcde3;
    font-size: clamp(19px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-module-title {
    max-width: 760px;
    margin-top: 20px;
    font-size: clamp(64px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-module-copy {
    max-width: 677px;
    margin-top: min(2.083333vw, 40px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-button {
    min-height: 63px;
    margin-top: min(2.083333vw, 40px);
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-navy);
    color: #fff;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* CB01 – Abwasserwissen --------------------------------------------- */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] {
    position: relative;
    height: min(64.6875vw, 1242px);
    margin-top: max(-2.708333vw, -52px);
    padding: 0;
    overflow: hidden;
    background: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__inner {
    position: relative;
    display: block;
    height: 100%;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__media {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    min-height: 0;
    background: url("../Images/Pages/WastewaterOverview/wastewater-overview-knowledge.jpg") center / cover no-repeat;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__media-placeholder {
    display: none;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__content {
    position: absolute;
    z-index: 2;
    top: min(2.708333vw, 52px);
    left: 50%;
    width: 50%;
    height: min(59.270833vw, 1138px);
    min-height: 0;
    margin: 0;
    padding: 0;
    align-items: stretch;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__content-inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    padding: min(5.416667vw, 104px) min(4.166667vw, 80px) 0 min(7.604167vw, 146px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-eyebrow,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-module-title,
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-module-copy {
    color: #fff;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-eyebrow {
    color: #bdcde3;
    font-size: clamp(19px, 1.302083vw, 25px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-module-title {
    max-width: 771px;
    margin-top: 20px;
    font-size: clamp(64px, 5.208333vw, 100px);
    line-height: 1.1;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-module-copy {
    max-width: 674px;
    margin-top: min(2.083333vw, 40px);
    font-size: clamp(19px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-button {
    min-height: 63px;
    margin-top: min(2.083333vw, 40px);
    padding: 13px 28px;
    border-radius: 999px;
    background: var(--wvn-navy);
    color: #fff;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

/* CB08 – Social Media ------------------------------------------------ */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social {
    min-height: 0;
    padding: min(5.208333vw, 100px) 0 min(5.729167vw, 110px);
}

.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social h2 {
    margin-bottom: min(3.645833vw, 70px);
    text-align: left;
}

/* Reihenfolge exakt nach dem Abwasser-Artboard. */
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social__gallery img:nth-child(1) { content: url("../Images/Pages/WastewaterOverview/wastewater-overview-social-4.png"); }
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social__gallery img:nth-child(2) { content: url("../Images/Pages/WastewaterOverview/wastewater-overview-social-2.png"); }
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social__gallery img:nth-child(3) { content: url("../Images/Pages/WastewaterOverview/wastewater-overview-social-3.png"); }
.wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social__gallery img:nth-child(4) { content: url("../Images/Pages/WastewaterOverview/wastewater-overview-social-1.png"); }

/* Responsive --------------------------------------------------------- */
@media (max-width: 1199px) {
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead::after {
        right: -6vw;
        width: min(42vw, 520px);
        opacity: .55;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__check {
        grid-template-columns: minmax(0, 1fr) minmax(340px, .8fr);
        gap: 55px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__body {
        padding-inline: 7vw;
    }
}

@media (max-width: 767px) {
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero {
        height: 68vw;
        min-height: 430px;
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-hero__title {
        width: 100%;
        font-size: clamp(42px, 11vw, 68px);
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__inner {
        min-height: 0;
        padding-bottom: 90px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-breadcrumb {
        justify-content: flex-start;
        margin-bottom: 55px;
        font-size: 14px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-breadcrumb ol {
        justify-content: flex-start;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead__content {
        width: 100%;
        margin-left: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-page-lead::after {
        top: 210px;
        right: -130px;
        width: 300px;
        opacity: .13;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER ZUSTÄNDIG."] {
        padding: 80px 0;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area[data-service-area-heading="HIER ZUHAUSE. HIER ZUSTÄNDIG."] > .wvn-shell {
        padding-inline: 24px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header {
        width: 100%;
        margin-bottom: 55px;
        text-align: left;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__header .wvn-module-title {
        font-size: clamp(44px, 12vw, 70px);
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__map {
        width: 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__check {
        grid-template-columns: 1fr;
        gap: 35px;
        margin-top: 45px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search {
        width: 100%;
        margin-top: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-service-area__search button {
        width: 100%;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-grid__items {
        grid-template-columns: 1fr;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__media {
        height: 72vw;
        min-height: 310px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card__body,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__body {
        min-height: 0;
        padding: 60px 24px 75px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-teaser-grid[data-teaser-heading="ABWASSERBEREICHE"] .wvn-teaser-card h3 {
        font-size: clamp(44px, 12vw, 70px);
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"],
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] {
        height: auto;
        min-height: 0;
        margin-top: 0;
        overflow: visible;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__inner,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__inner {
        display: flex;
        flex-direction: column;
        height: auto;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__media {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        height: 72vw;
        min-height: 330px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__content,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__content {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        min-height: 0;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-split__content-inner,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-split__content-inner {
        padding: 65px 24px 75px;
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WENN AUS REGEN MEHR WIRD"] .wvn-module-title,
    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-split[data-split-heading="WAS RUNTER GEHT, IST NICHT IMMER WEG."] .wvn-module-title {
        font-size: clamp(46px, 13vw, 72px);
    }

    .wvn-default-page[data-page-slug$="/unser-abwasser"] .wvn-social {
        padding: 70px 0 80px;
    }
}

/* ========================================================================
 * WV-Nord 1.11.0 – Abwasserbeseitigung / XD 09.10.2026
 * Artboard: 1920 × 8961
 * ===================================================================== */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero {
    min-height: 0;
    height: clamp(560px, 45.3125vw, 870px);
    background: #fff url("../Images/Pages/WastewaterDisposal/wastewater-disposal-hero.jpg") center 50% / cover no-repeat;
    -webkit-mask-image: url("../Images/Pages/WastewaterDisposal/wastewater-disposal-hero-mask.svg");
    -webkit-mask-position: center top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url("../Images/Pages/WastewaterDisposal/wastewater-disposal-hero-mask.svg");
    mask-position: center top;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero > picture > img { height:100%; object-position:center 50%; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero__inner {
    min-height:0; height:100%; align-items:flex-start; padding-top:min(10.208333vw,196px); padding-bottom:0;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero__title {
    width:min(68.59375vw,1317px); max-width:none; font-size:clamp(58px,6.25vw,120px); line-height:1.083333;
}

/* PG02 – XD y≈1054…2028 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead { position:relative; z-index:2; margin-top:0; overflow:hidden; background:#fff; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__inner { min-height:min(50.729167vw,974px); padding-top:min(3.072917vw,59px); padding-bottom:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-breadcrumb { display:flex; min-height:30px; justify-content:flex-end; margin:0 0 min(6.614583vw,127px); color:#808080; font-size:18px; line-height:30px; text-align:right; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-breadcrumb ol { justify-content:flex-end; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__content { width:min(35.104167vw,674px); max-width:674px; margin-left:min(7.1875vw,138px); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__title { max-width:674px; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__text { max-width:674px; margin-top:min(1.145833vw,22px); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }

/* CB14 – Eine Aufgabe. Zwei Modelle. / XD y≈2028…3100 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] {
    position:relative; height:min(55.833333vw,1072px); padding:0; overflow:visible; background:transparent;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."]::before {
    position:absolute; z-index:0; inset:0; background:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-model-wave.svg") center top / 100% 100% no-repeat; content:""; pointer-events:none;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."]::after {
    position:absolute; z-index:1; top:min(-9.010417vw,-173px); right:min(9.583333vw,184px); width:min(34.635417vw,665px); aspect-ratio:665/550; background:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-model-deco.svg") center/contain no-repeat; content:""; pointer-events:none;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] > .wvn-shell { position:relative; z-index:2; width:100%; max-width:none; height:100%; margin:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__section-title { position:absolute; top:min(11.145833vw,214px); left:min(14.479167vw,278px); width:min(39.84375vw,765px); margin:0; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__intro { position:absolute; top:min(7.708333vw,148px); left:min(14.479167vw,278px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__intro-title { margin:0 0 min(13.645833vw,262px); font-size:25px; line-height:1.4; font-weight:700; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__intro-copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__items { position:absolute; top:min(31.822917vw,611px); left:min(14.479167vw,278px); display:grid; grid-template-columns:min(35.104167vw,674px) min(35.104167vw,674px); gap:min(8.020833vw,154px); width:auto; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial-item h3 { margin:0 0 min(2.083333vw,40px); font-size:clamp(34px,2.604167vw,50px); line-height:1.3; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial-item__copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__media,
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__highlight { display:none; }

/* CB14 – Technik / Bildtrenner + Leistungsraster, XD y≈3100…5293 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] {
    position:relative; height:min(114.21875vw,2193px); padding:0; overflow:hidden; background:#fff;
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."]::before {
    position:absolute; z-index:0; top:0; right:0; left:0; height:min(55.677083vw,1069px); background:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-technical.jpg") center/cover no-repeat; -webkit-mask:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-technical-mask.svg") center/100% 100% no-repeat; mask:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-technical-mask.svg") center/100% 100% no-repeat; content:"";
}
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] > .wvn-shell { position:relative; z-index:1; width:100%; max-width:none; height:100%; margin:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__section-title { position:absolute; top:min(60.729167vw,1166px); left:min(14.479167vw,278px); width:min(39.84375vw,765px); margin:0; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__intro { position:absolute; top:min(57.291667vw,1100px); left:min(14.479167vw,278px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__intro-title { margin:0; font-size:25px; line-height:1.4; font-weight:700; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__intro-copy,
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__media,
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__highlight { display:none; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__items { position:absolute; top:min(75.520833vw,1450px); left:min(14.479167vw,278px); display:grid; grid-template-columns:min(35.104167vw,674px) min(35.104167vw,674px); column-gap:min(8.020833vw,154px); row-gap:min(3.645833vw,70px); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial-item h3 { min-height:min(8.4375vw,162px); margin:0 0 min(1.302083vw,25px); font-size:clamp(34px,2.604167vw,50px); line-height:1.3; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial-item__copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }

/* 24/7-Störungs-CTA, XD y≈5293…6075 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] { position:relative; height:min(40.729167vw,782px); padding:0; background:#fff; color:var(--wvn-blue); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__decoration { display:none; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__inner { position:relative; display:block; width:100%; max-width:none; height:100%; margin:0; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__content { position:absolute; top:0; left:min(14.479167vw,278px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__title { margin:0 0 min(1.614583vw,31px); color:var(--wvn-blue); font-size:clamp(34px,2.604167vw,50px); line-height:1.32; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__copy { width:min(27.916667vw,536px); color:var(--wvn-blue); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__action { position:absolute; top:min(13.125vw,252px); left:min(60.104167vw,1154px); margin:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__button { min-width:min(35.104167vw,674px); min-height:92px; display:flex; align-items:center; justify-content:center; background:var(--wvn-blue); color:#fff; border-color:var(--wvn-blue); font-size:clamp(24px,2.604167vw,50px); }

/* CB01 – Administrative Betreuung, XD y≈6075…7702 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] { position:relative; height:min(84.739583vw,1627px); padding:0; background:#fff; overflow:hidden; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__inner { position:relative; display:block; height:100%; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__media { position:absolute; top:min(5.104167vw,98px); left:min(7.291667vw,140px); width:min(42.395833vw,814px); height:min(60.416667vw,1160px); background:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-admin.jpg") center/cover no-repeat; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__media-placeholder { display:none; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__content { position:absolute; top:0; left:min(57.604167vw,1106px); width:min(35.104167vw,674px); height:auto; padding:0; background:#fff; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__content-inner { max-width:none; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-eyebrow { margin:0 0 min(1.875vw,36px); font-size:25px; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-module-title { margin:0 0 min(1.875vw,36px); font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-module-copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-module-copy h3 { margin:min(2.604167vw,50px) 0 min(1.302083vw,25px); font-family:"Source Sans 3", "Source Sans Pro", Arial, sans-serif; font-size:clamp(34px,2.604167vw,50px); line-height:1.3; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-button { margin-top:min(2.604167vw,50px); background:var(--wvn-blue); color:#fff; }

/* CB10 – gelber Downloadabschluss, XD y≈7702…8290 */
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] { min-height:min(30.625vw,588px); padding:0; background:var(--wvn-yellow); }
.wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner { min-height:min(30.625vw,588px); align-items:center; }

@media (max-width:1199px) {
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."],
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."],
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"],
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] { height:auto; min-height:0; }

    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] { padding:100px 0 120px; background:var(--wvn-light-blue); }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."]::before,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."]::after { display:none; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] > .wvn-shell { width:min(100% - 2 * var(--wvn-page-padding), var(--wvn-shell)); height:auto; margin-inline:auto; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__items,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__items { position:static; width:auto; margin:0 0 50px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__intro-title { margin-bottom:25px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__items,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__items { display:grid; grid-template-columns:1fr 1fr; gap:50px; }

    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] { padding:0 0 120px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."]::before { position:relative; display:block; height:55vw; margin-bottom:80px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] > .wvn-shell { width:min(100% - 2 * var(--wvn-page-padding), var(--wvn-shell)); height:auto; margin-inline:auto; }

    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] { padding:90px 0; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__inner { display:grid; grid-template-columns:1fr auto; gap:60px; width:min(100% - 2 * var(--wvn-page-padding), var(--wvn-shell)); height:auto; margin-inline:auto; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__content,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__action { position:static; width:auto; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__button { min-width:0; font-size:24px; }

    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__inner { display:grid; grid-template-columns:1fr 1fr; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__content { position:static; width:auto; height:auto; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__media { min-height:720px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__content { padding:80px 60px; }
}

@media (max-width:767px) {
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero { height:68vw; min-height:430px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-hero__title { width:100%; font-size:clamp(42px,11vw,70px); }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__inner { min-height:0; padding-bottom:80px; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-breadcrumb { justify-content:flex-start; margin-bottom:60px; font-size:14px; text-align:left; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-breadcrumb ol { justify-content:flex-start; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-page-lead__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="EINE AUFGABE. ZWEI MODELLE."] .wvn-editorial__items,
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-editorial[data-editorial-heading="TECHNIK, DIE LÄUFT."] .wvn-editorial__items { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-download-cta[data-download-heading="WENN’S NICHT LÄUFT, SIND WIR DA 24/7/365"] .wvn-download-cta__inner { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__inner { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__media { min-height:75vw; }
    .wvn-default-page[data-page-slug$="/abwasserbeseitigung"] .wvn-split[data-split-heading="UND AUCH HINTER DEN KULISSEN LÄUFT EINIGES."] .wvn-split__content { padding:60px var(--wvn-page-padding); }
}

/* ========================================================================
 * WV-Nord 1.12.0 – Hauskläranlagen / XD 09.10.2026
 * Artboard: „WV-Nord Unterseite Abwasser Hauskläranlagen“ (1920 × 8423)
 * ====================================================================== */

/* PG01 – Hero ----------------------------------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero {
    height:min(54.895833vw,1054px);
    min-height:0;
    background:#fff url("../Images/Pages/SepticSystems/septic-hero.jpg") center 52% / cover no-repeat;
    -webkit-mask-image:url("../Images/Pages/SepticSystems/septic-hero-mask.svg");
    -webkit-mask-size:100% 100%;
    -webkit-mask-repeat:no-repeat;
    mask-image:url("../Images/Pages/SepticSystems/septic-hero-mask.svg");
    mask-size:100% 100%;
    mask-repeat:no-repeat;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero > picture > img { height:100%; object-position:center 52%; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero__inner {
    display:flex; align-items:flex-start; width:100%; max-width:none; height:100%; padding:0; margin:0;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero__title {
    width:min(68.59375vw,1317px); max-width:none; margin:min(19.791667vw,380px) 0 0 min(7.291667vw,140px);
    font-size:clamp(58px,6.25vw,120px); line-height:1.083333;
}

/* PG02 – Lead ----------------------------------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead {
    position:relative; z-index:2; height:min(56.354167vw,1082px); margin-top:0; overflow:hidden; background:#fff;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__inner {
    min-height:100%; padding-top:min(3.072917vw,59px); padding-bottom:0;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-breadcrumb {
    display:flex; min-height:30px; justify-content:flex-end; margin:0 0 min(6.614583vw,127px);
    color:#808080; font-size:18px; line-height:30px; text-align:right;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-breadcrumb ol { justify-content:flex-end; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__content {
    position:relative; z-index:2; width:min(42.291667vw,812px); max-width:812px; margin-left:min(7.1875vw,138px);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__title {
    max-width:812px; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__text {
    width:min(35.104167vw,674px); max-width:674px; margin-top:min(1.875vw,36px);
    font-size:clamp(19px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead::after {
    position:absolute; z-index:1; top:min(13.072917vw,251px); right:min(9.583333vw,184px);
    width:min(34.635417vw,665px); aspect-ratio:665/550;
    background:url("../Icons/WvNord/wastewater.svg") center / 52% auto no-repeat, #fff9aa;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,50% 50%);
    content:""; pointer-events:none;
}

/* CB14 – Entleerung & Entsorgung -------------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] {
    position:relative; height:min(86.40625vw,1659px); padding:0; overflow:hidden; background:#eff6ff;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"]::before {
    position:absolute; z-index:0; inset:0; background:url("../Images/Pages/WastewaterDisposal/wastewater-disposal-model-wave.svg") center top / 100% 100% no-repeat; content:""; pointer-events:none;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"]::after {
    position:absolute; z-index:0; right:-4%; bottom:-1px; left:-4%; height:min(12.5vw,240px); background:#fff; border-radius:50% 50% 0 0 / 40% 40% 0 0; content:""; pointer-events:none;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] > .wvn-shell {
    position:relative; z-index:1; width:100%; max-width:none; height:100%; margin:0;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__section-title {
    position:absolute; top:min(12.864583vw,247px); left:min(14.479167vw,278px); width:min(39.84375vw,765px); margin:0;
    font-size:clamp(48px,3.90625vw,75px); line-height:1.0667;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__intro {
    position:absolute; top:min(9.427083vw,181px); left:min(14.479167vw,278px); width:min(35.104167vw,674px);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__intro-title {
    margin:0 0 min(10.416667vw,200px); font-size:25px; line-height:1.4; font-weight:700;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__intro-copy {
    font-size:clamp(19px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__items {
    position:absolute; top:min(36.666667vw,704px); left:min(14.479167vw,278px); display:grid;
    grid-template-columns:min(35.104167vw,674px) min(35.104167vw,674px); column-gap:min(8.020833vw,154px); row-gap:min(3.645833vw,70px); width:auto;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial-item h3 {
    min-height:min(6.666667vw,128px); margin:0 0 min(1.302083vw,25px); font-size:clamp(32px,2.604167vw,50px); line-height:1.2;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial-item__copy {
    font-size:clamp(18px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__media,
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__highlight { display:none; }

/* CB01 – Kosten + Wartung ---------------------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] {
    position:relative; height:min(114.791667vw,2204px); padding:0; overflow:hidden; background:#fff;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"]::after {
    position:absolute; z-index:0; top:min(40.416667vw,776px); right:0; width:min(49.0625vw,942px); height:min(56.666667vw,1088px);
    background:#eff6ff; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 18%); content:"";
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__inner {
    position:relative; z-index:1; display:block; width:100%; height:100%;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__media {
    position:absolute; z-index:2; top:0; left:min(57.604167vw,1106px); width:min(42.395833vw,814px); height:min(60.416667vw,1160px);
    background:url("../Images/Pages/SepticSystems/septic-maintenance.jpg") center / cover no-repeat;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__media-placeholder { display:none; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__content {
    position:absolute; z-index:3; top:0; left:min(14.479167vw,278px); width:min(35.104167vw,674px); height:auto; padding:0; background:transparent;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__content-inner { max-width:none; padding:0; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-title {
    width:min(39.84375vw,765px); margin:0 0 min(1.614583vw,31px); font-size:clamp(48px,3.90625vw,75px); line-height:1.0667;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-copy {
    font-size:clamp(19px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-button {
    margin-top:min(2.083333vw,40px); background:var(--wvn-blue); color:#fff;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-copy h3 {
    margin:min(13.020833vw,250px) 0 min(1.302083vw,25px); font-family:"Source Sans 3","Source Sans Pro",Arial,sans-serif;
    font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; font-weight:500; letter-spacing:.04em; text-transform:uppercase;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-copy h3 strong { font-weight:900; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-copy h4 {
    margin:min(5.208333vw,100px) 0 min(1.302083vw,25px); font-family:"Source Sans 3","Source Sans Pro",Arial,sans-serif;
    font-size:clamp(30px,2.604167vw,50px); line-height:1.2; font-weight:900; letter-spacing:.05em; text-transform:uppercase;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-septic-downloads {
    display:grid; grid-template-columns:1fr; gap:18px; margin-top:min(3.125vw,60px);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-septic-downloads span {
    display:inline-flex; width:max-content; max-width:100%; padding:10px 22px; border-radius:999px; background:var(--wvn-blue); color:#fff;
    font-size:16px; line-height:1.2; font-weight:900; letter-spacing:.08em; text-transform:uppercase;
}

/* CB14 – Ansprechpartner ----------------------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] {
    position:relative; height:min(60.833333vw,1168px); padding:0; overflow:hidden; background:#eff6ff;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"]::before {
    position:absolute; z-index:0; top:min(37.604167vw,722px); left:min(14.479167vw,278px); width:min(27.916667vw,536px); height:min(16.927083vw,325px); background:#ffaade; content:"";
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] > .wvn-shell {
    position:relative; z-index:1; width:100%; max-width:none; height:100%; margin:0;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__section-title {
    position:absolute; top:min(18.802083vw,361px); left:min(14.583333vw,280px); width:min(42.291667vw,812px); margin:0;
    font-size:clamp(48px,3.90625vw,75px); line-height:1.0667;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__intro {
    position:absolute; top:min(29.895833vw,574px); left:min(14.583333vw,280px); width:min(35.104167vw,674px);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__intro-title { display:none; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__intro-copy {
    font-size:clamp(19px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__items {
    position:absolute; top:min(37.604167vw,722px); left:min(45.572917vw,875px); width:min(37.760417vw,725px);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial-item h3 {
    margin:0 0 min(.78125vw,15px); font-size:clamp(34px,2.604167vw,50px); line-height:1.2;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial-item__copy {
    font-size:clamp(19px,1.302083vw,25px); line-height:1.4;
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__media,
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__highlight { display:none; }

/* Standard gelber Download-Abschluss ---------------------------------- */
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] {
    min-height:min(30.208333vw,580px); padding:0; background:var(--wvn-yellow);
}
.wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner {
    min-height:min(30.208333vw,580px); align-items:center;
}

@media (max-width:1199px) {
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead::after { right:-9vw; width:min(48vw,560px); opacity:.55; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"],
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"],
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] { height:auto; min-height:0; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] { padding:110px 0 130px; background:#eff6ff; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"]::after { display:none; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] > .wvn-shell,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] > .wvn-shell { width:min(100% - 2 * var(--wvn-page-padding), var(--wvn-shell)); height:auto; margin-inline:auto; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__items,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] .wvn-editorial__items { position:static; width:auto; margin:0 0 45px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__intro-title { margin-bottom:25px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__items { display:grid; grid-template-columns:1fr 1fr; gap:55px; }

    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] { padding-bottom:110px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"]::after { display:none; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__inner { display:grid; grid-template-columns:1fr 1fr; height:auto; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__content { position:static; width:auto; height:auto; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__media { min-height:720px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__content { padding:90px 65px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-module-copy h3 { margin-top:100px; }

    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"] { padding:110px 0; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="FRAGEN ZUR HAUSKLÄRANLAGE?"]::before { position:relative; top:auto; left:auto; display:block; width:calc(100% - 2 * var(--wvn-page-padding)); max-width:536px; height:325px; margin:45px var(--wvn-page-padding); }
}

@media (max-width:767px) {
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero { height:68vw; min-height:430px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-hero__title { width:100%; margin-left:var(--wvn-page-padding); font-size:clamp(42px,11vw,70px); }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead { height:auto; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__inner { min-height:0; padding-bottom:80px; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-breadcrumb { justify-content:flex-start; margin-bottom:60px; font-size:14px; text-align:left; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-breadcrumb ol { justify-content:flex-start; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead__text { width:100%; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-page-lead::after { top:180px; right:-140px; width:330px; opacity:.16; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-editorial[data-editorial-heading="WIR KÜMMERN UNS DRUM"] .wvn-editorial__items { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__inner { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__media { min-height:70vw; order:0; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-split[data-split-heading="WAS KOSTET DIE ENTSORGUNG?"] .wvn-split__content { padding:65px var(--wvn-page-padding); order:1; }
    .wvn-default-page[data-page-slug$="/hausklaeranlagen"] .wvn-septic-downloads span { width:100%; justify-content:center; text-align:center; }
}

/* ========================================================================
 * WV-Nord 1.13.0 – Niederschlagswasser / XD 09.10.2026
 * Artboard: 1920 × 7105
 * ===================================================================== */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero {
    min-height:0; height:min(54.895833vw,1054px);
    background:#bdcde3 url("../Images/Pages/Rainwater/rainwater-hero.jpg") center 47% / cover no-repeat;
    -webkit-mask:url("../Images/Pages/Rainwater/rainwater-hero-mask.svg") center top / 100% 100% no-repeat;
    mask:url("../Images/Pages/Rainwater/rainwater-hero-mask.svg") center top / 100% 100% no-repeat;
}
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero > picture > img { height:100%; opacity:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero__inner { min-height:0; height:100%; align-items:flex-start; padding-top:min(19.791667vw,380px); padding-bottom:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero__title { width:min(68.59375vw,1317px); max-width:none; font-size:clamp(58px,6.25vw,120px); line-height:1.083333; }

/* PG02 – y≈1054…2139 */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead { position:relative; z-index:2; height:min(56.510417vw,1085px); margin-top:0; overflow:hidden; background:#fff; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__inner { min-height:100%; padding-top:min(3.072917vw,59px); padding-bottom:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-breadcrumb { display:flex; min-height:30px; justify-content:flex-end; margin:0 0 min(6.614583vw,127px); color:#808080; font-size:18px; line-height:30px; text-align:right; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-breadcrumb ol { justify-content:flex-end; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__content { position:relative; z-index:2; width:min(35.104167vw,674px); max-width:674px; margin-left:min(7.1875vw,138px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__title { max-width:674px; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__text { max-width:674px; margin-top:min(1.875vw,36px); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead::after {
    position:absolute; z-index:1; top:min(23.958333vw,460px); right:min(9.583333vw,184px); width:min(34.635417vw,665px); aspect-ratio:665/550;
    background:url("../Icons/WvNord/wastewater.svg") center / 48% auto no-repeat, #fff9aa;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,50% 50%); content:""; pointer-events:none;
}

/* CB01 – Was zählt als versiegelte Fläche? / y≈2139…3520 */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] {
    position:relative; height:min(71.927083vw,1381px); padding:0; overflow:hidden; background:#eff6ff;
}
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"]::before {
    position:absolute; z-index:0; top:-90px; right:-4%; left:-4%; height:180px; border-radius:0 0 50% 50% / 0 0 100% 100%; background:#fff; content:""; pointer-events:none;
}
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__inner { position:relative; z-index:1; display:block; width:100%; height:100%; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__media {
    position:absolute; top:min(7.083333vw,136px); left:min(57.604167vw,1106px); width:min(42.395833vw,814px); height:min(60.416667vw,1160px);
    background:url("../Images/Pages/Rainwater/rainwater-drain.jpg") 68% center / cover no-repeat;
}
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__media-placeholder { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__content { position:absolute; top:min(8.385417vw,161px); left:min(14.479167vw,278px); width:min(39.84375vw,765px); padding:0; background:transparent; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__content-inner { max-width:none; padding:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-module-title { margin:0 0 min(2.083333vw,40px); font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-module-copy { width:min(27.916667vw,536px); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts { display:grid; grid-template-columns:1fr 1fr; gap:min(3.125vw,60px); margin-top:min(4.427083vw,85px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts h3 { margin:0 0 min(1.041667vw,20px); font-size:clamp(30px,2.604167vw,50px); line-height:1.2; text-transform:uppercase; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts p { margin:0; font-size:clamp(22px,1.822917vw,35px); line-height:2.14; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts > div:first-child p { padding-left:78px; background:radial-gradient(circle at 8px 20px,#ffef2c 0 13px,transparent 14px) 0 0/100% 75px repeat-y; }

/* CB14 – Gebührenberechnung / y≈3520…4697 */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] { position:relative; height:min(61.302083vw,1177px); padding:0; overflow:hidden; background:#fff; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] > .wvn-shell { position:relative; width:100%; max-width:none; height:100%; margin:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__section-title { position:absolute; top:min(10.364583vw,199px); left:min(15.104167vw,290px); width:min(39.84375vw,765px); margin:0; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__intro { position:absolute; top:min(26.40625vw,507px); left:min(15.104167vw,290px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__intro-title { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__intro-copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__intro-copy .wvn-button { display:inline-flex; margin-top:min(2.604167vw,50px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__items,
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__media { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__highlight { position:absolute; top:min(19.010417vw,365px); left:min(59.973958vw,1151.5px); display:flex; width:min(27.916667vw,536px); height:min(24.895833vw,478px); align-items:center; justify-content:center; padding:min(2.604167vw,50px); background:#ffef2c; text-align:center; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__highlight-title { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__highlight p { margin:0; white-space:pre-line; font-size:clamp(30px,2.604167vw,50px); line-height:1.2; font-weight:900; text-transform:uppercase; }

/* CB14 – Fragebogen / y≈4697…5849 */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] { position:relative; height:min(60vw,1152px); padding:0; overflow:hidden; background:#fff; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] > .wvn-shell { position:relative; width:100%; max-width:none; height:100%; margin:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__layout { display:block; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__section-title { position:absolute; top:min(12.03125vw,231px); left:min(14.479167vw,278px); width:min(36.614583vw,703px); margin:0; font-size:clamp(34px,2.604167vw,50px); line-height:1.2; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro { position:absolute; top:0; left:min(14.479167vw,278px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro-title { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro-copy { font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro-copy .wvn-button { display:inline-flex; margin-top:min(9.895833vw,190px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__items { display:block; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item:first-child { position:absolute; top:min(31.40625vw,603px); left:min(14.479167vw,278px); width:min(35.104167vw,674px); }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item:first-child h3 { margin:0 0 min(2.083333vw,40px); font-size:clamp(34px,2.604167vw,50px); line-height:1.2; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item:nth-child(2) { position:absolute; top:0; left:min(57.604167vw,1106px); width:min(35.104167vw,674px); height:min(42.291667vw,812px); padding:min(4.114583vw,79px) min(4.84375vw,93px); background:#034991; color:#fff; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item:nth-child(2) h3 { margin:0 0 min(2.083333vw,40px); color:#fff; font-size:clamp(34px,2.604167vw,50px); line-height:1.2; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item:nth-child(2) .wvn-editorial-item__copy { color:#fff; font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__media,
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__highlight { display:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-button--static { pointer-events:none; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-button--light { background:#fff; color:#034991; }

/* Download-Abschluss – y≈5849…6425 */
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] { min-height:min(30.208333vw,580px); padding:0; background:#ffef2c; }
.wvn-default-page[data-page-slug*="/niederschlag"] .wvn-download-cta[data-download-heading^="Berichte, Analysen"] .wvn-download-cta__inner { min-height:min(30.208333vw,580px); align-items:center; }

@media (max-width:1199px) {
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead { height:auto; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__inner { min-height:0; padding-bottom:100px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead::after { right:-9vw; width:min(48vw,560px); opacity:.35; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"],
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"],
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] { height:auto; min-height:0; padding:100px 0; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__inner { display:grid; grid-template-columns:1fr 1fr; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__media,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__content { position:static; width:auto; height:auto; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__content { padding:70px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__media { min-height:720px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-module-copy { width:auto; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] > .wvn-shell,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] > .wvn-shell { width:min(100% - 2 * var(--wvn-page-padding),var(--wvn-shell)); height:auto; margin-inline:auto; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__highlight,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro,
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial-item { position:static !important; width:auto !important; height:auto !important; margin:0 0 55px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="UND WIE WIRD DIE GEBÜHR BERECHNET?"] .wvn-editorial__highlight { max-width:536px; min-height:360px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-editorial[data-editorial-heading="NIEDERSCHLAGSWASSER-FRAGEBOGEN"] .wvn-editorial__intro-copy .wvn-button { margin-top:35px; }
}

@media (max-width:767px) {
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero { height:68vw; min-height:430px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero__inner { padding-top:120px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-hero__title { width:100%; margin-left:var(--wvn-page-padding); font-size:clamp(42px,11vw,70px); }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-breadcrumb { justify-content:flex-start; margin-bottom:60px; font-size:14px; text-align:left; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-breadcrumb ol { justify-content:flex-start; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-page-lead::after { top:180px; right:-140px; width:330px; opacity:.14; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__inner { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__media { min-height:72vw; order:0; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-split[data-split-heading="WAS ZÄHLT ALS VERSIEGELTE FLÄCHE?"] .wvn-split__content { order:1; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts { grid-template-columns:1fr; gap:45px; }
    .wvn-default-page[data-page-slug*="/niederschlag"] .wvn-rainwater-counts p { font-size:25px; line-height:1.8; }
}

/* ========================================================================
   WV-Nord – Abwasserwissen / XD 09.10.2026 / SitePackage 1.14.0
   Artboard: "WV-Nord Unterseite Abwasser Abwasserwissen" (1920 × 9248)
   ======================================================================== */

/* PG01 – Hero --------------------------------------------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero {
    min-height: 0;
    height: min(54.895833vw, 1054px);
    background: #bdcde3 url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-hero.jpg") 48% 51% / cover no-repeat;
    -webkit-mask: url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-hero-mask.svg") center top / 100% 100% no-repeat;
    mask: url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-hero-mask.svg") center top / 100% 100% no-repeat;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero > picture > img { height:100%; opacity:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero__inner {
    min-height:0; height:100%; align-items:flex-start; padding-top:min(19.791667vw,380px); padding-bottom:0;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero__title {
    width:min(62.5vw,1200px); max-width:none; font-size:clamp(58px,6.25vw,120px); line-height:1.083333;
}

/* PG02 – Intro / y≈1054…1969 --------------------------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead {
    position:relative; z-index:2; height:min(47.65625vw,915px); margin-top:0; overflow:hidden; background:#fff;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__inner { min-height:100%; padding-top:min(3.072917vw,59px); padding-bottom:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-breadcrumb {
    display:flex; min-height:30px; justify-content:flex-end; margin:0 0 min(6.614583vw,127px); color:#808080; font-size:18px; line-height:30px; text-align:right;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-breadcrumb ol { justify-content:flex-end; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__content {
    position:relative; z-index:2; width:min(35.104167vw,674px); max-width:674px; margin-left:min(7.1875vw,138px);
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__title { max-width:674px; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__text { max-width:674px; margin-top:min(1.875vw,36px); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead::after {
    position:absolute; z-index:1; top:min(41.666667vw,800px); right:min(9.583333vw,184px); width:min(34.635417vw,665px); aspect-ratio:665/550;
    background:url("../Icons/WvNord/wastewater.svg") center / 50% auto no-repeat, #fff9aa;
    clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%,50% 50%); content:""; pointer-events:none;
}

/* CB14 – Nicht für die Toilette / y≈1969…3594 ---------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] {
    position:relative; height:min(84.635417vw,1625px); padding:0; overflow:hidden; background:#eff6ff;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"]::before {
    position:absolute; z-index:0; top:-105px; right:-4%; left:-4%; height:180px; border-radius:0 0 50% 50% / 0 0 100% 100%; background:#fff; content:"";
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"]::after {
    position:absolute; z-index:0; right:-4%; bottom:-85px; left:-4%; height:170px; border-radius:50% 50% 0 0 / 100% 100% 0 0; background:#fff; content:"";
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] > .wvn-shell {
    position:relative; z-index:1; width:100%; max-width:none; height:100%; margin:0; padding:0;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__section-title {
    position:absolute; top:min(8.59375vw,165px); left:min(14.479167vw,278px); width:min(52.083333vw,1000px); margin:0; font-size:clamp(48px,3.90625vw,75px); line-height:1.067;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__layout { display:block; height:100%; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__intro,
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__media,
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__highlight { display:none; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__items {
    position:absolute; top:min(25.15625vw,483px); left:min(21.666667vw,416px); display:grid; grid-template-columns:minmax(0,536px) minmax(0,536px); column-gap:min(15.208333vw,292px); row-gap:min(4.166667vw,80px); width:min(71.041667vw,1364px);
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial-item { border:0; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial-item h3 { margin:0; font-size:clamp(28px,2.604167vw,50px); line-height:1.08; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial-item__copy { margin-top:25px; font-size:clamp(18px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial-item__link {
    display:inline-flex; margin-top:26px; color:var(--wvn-blue); font-size:clamp(18px,1.302083vw,25px); font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}

/* CB06 – FAQ / y≈3594…4988 ----------------------------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] {
    height:min(72.604167vw,1394px); padding:0; background:#fff;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] > .wvn-shell { width:100%; max-width:none; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-module-header {
    width:min(68.75vw,1320px); margin-left:min(14.479167vw,278px); padding-top:min(14.947917vw,287px);
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-module-title { margin:0; font-size:clamp(48px,3.90625vw,75px); line-height:1.067; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq__items {
    width:min(67.708333vw,1300px); margin:min(3.645833vw,70px) 0 0 min(16.09375vw,309px);
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item { margin:0 0 8px; border:0; background:#eff6ff; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item summary { min-height:74px; padding:18px 28px; font-size:clamp(18px,1.302083vw,25px); font-weight:700; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] { background:var(--wvn-blue); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] summary,
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item[open] .wvn-faq-item__answer { color:#fff; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item__answer { padding:0 28px 24px; font-size:clamp(18px,1.302083vw,25px); line-height:1.4; }

/* CB01 – Neues aus der Abwasserwelt / y≈4988…6318 ------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] {
    position:relative; height:min(69.270833vw,1330px); padding:0; overflow:hidden; background:#fff;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__inner { position:relative; display:block; width:100%; height:100%; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__media {
    position:absolute; z-index:1; top:min(5.260417vw,101px); left:min(35.104167vw,674px); width:min(64.947917vw,1247px); height:min(64.010417vw,1229px); min-height:0;
    background:url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-underground.jpg") 57% center / cover no-repeat;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__media-placeholder { display:none; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content {
    position:absolute; z-index:2; top:min(6.979167vw,134px); left:0; width:50%; height:min(62.291667vw,1196px); min-height:0; padding:0; background:var(--wvn-blue); color:#fff;
}
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content-inner { width:100%; max-width:none; box-sizing:border-box; padding:min(9.895833vw,190px) min(4.166667vw,80px) 0 min(7.291667vw,140px); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-eyebrow { color:#bdcde3; font-size:clamp(18px,1.302083vw,25px); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-module-title { max-width:770px; margin-top:18px; color:#fff; font-size:clamp(58px,5.208333vw,100px); line-height:1.1; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-module-copy { max-width:675px; margin-top:45px; color:#fff; font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-button { margin-top:55px; background:var(--wvn-navy); color:#fff; }

/* CB02 – Fremdwasser / Klärschlamm / y≈6318…7900 ------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] { height:min(82.395833vw,1582px); padding:0; background:#fff; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] > .wvn-shell { width:100%; max-width:none; padding:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-module-header { display:none; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-grid__items { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card { border:0; background:#fff; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__media { display:block; height:min(36.458333vw,700px); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card:first-child .wvn-teaser-card__media { background:url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-infiltration.jpg") center / cover no-repeat; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card:nth-child(2) .wvn-teaser-card__media { background:url("../Images/Pages/WastewaterKnowledge/wastewaterknowledge-sludge.jpg") 46% center / cover no-repeat; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__body { padding:min(4.479167vw,86px) min(7.291667vw,140px) 0; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-eyebrow { color:var(--wvn-blue); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card h3 { margin-top:24px; font-size:clamp(46px,3.90625vw,75px); line-height:1.067; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__copy { margin-top:35px; font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__link { display:inline-flex; margin-top:35px; color:var(--wvn-blue); font-size:clamp(18px,1.302083vw,25px); font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

/* CB10 – Wasserzeitung / y≈7900…8570 ------------------------------- */
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] { min-height:min(34.895833vw,670px); padding:0; background:#ffef2c; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__inner { min-height:min(34.895833vw,670px); align-items:center; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__content { width:min(48.958333vw,940px); margin-left:min(7.291667vw,140px); }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-module-title { font-size:clamp(34px,2.604167vw,50px); line-height:1.1; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-module-copy { max-width:900px; margin-top:28px; font-size:clamp(18px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__button { margin-top:35px; }

@media (max-width:1199px) {
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead::after { right:-9vw; width:min(48vw,560px); opacity:.4; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"],
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."],
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"],
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] { height:auto; min-height:0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] { padding:130px 0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__section-title,
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__items,
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-module-header,
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq__items { position:static; width:min(100% - 2 * var(--wvn-page-padding), var(--wvn-shell)); margin-inline:auto; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__items { margin-top:70px; grid-template-columns:1fr 1fr; gap:70px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] { padding:120px 0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-module-header { padding-top:0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__inner { display:grid; grid-template-columns:1fr 1fr; height:auto; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__media,
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content { position:static; width:auto; height:auto; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__media { min-height:720px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content-inner { padding:80px 55px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__body { padding:65px 50px 90px; }
}

@media (max-width:767px) {
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero { height:68vw; min-height:430px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero__inner { padding-top:150px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-hero__title { width:100%; font-size:clamp(42px,11vw,70px); }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead { height:auto; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__inner { min-height:0; padding-bottom:90px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-breadcrumb { justify-content:flex-start; margin-bottom:60px; font-size:14px; text-align:left; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-breadcrumb ol { justify-content:flex-start; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-page-lead::after { top:185px; right:-145px; width:330px; opacity:.14; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"] .wvn-editorial__items { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"]::before,
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-editorial[data-editorial-heading="NICHT FÜR DIE TOILETTE"]::after { display:none; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-faq[data-faq-heading="ABWASSERFRAGEN? KLÄREN WIR."] .wvn-faq-item summary { font-size:20px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__inner { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__media { min-height:70vw; order:0; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content { order:1; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-split__content-inner { padding:65px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-split[data-split-heading="WAS PASSIERT EIGENTLICH UNTER UNSEREN FÜSSEN?"] .wvn-module-title { font-size:clamp(46px,12vw,70px); }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-grid__items { grid-template-columns:1fr; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__media { height:60vw; min-height:330px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-teaser-grid[data-teaser-heading="ABWASSERTHEMEN"] .wvn-teaser-card__body { padding:50px var(--wvn-page-padding) 75px; }
    .wvn-default-page[data-page-slug$="/abwasserwissen"] .wvn-cta-banner[data-cta-heading="NOCH MEHR WASSER? GIBT’S ZUM LESEN."] .wvn-cta-banner__content { width:100%; margin-left:0; }
}

/* ========================================================================
 * WV-Nord 1.15.0 – Hauptseite Service / XD 09.10.2026
 * Artboard: „WV-Nord Hauptseite Service“, 1920 x 7256 px
 * ===================================================================== */

.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero {
    min-height:0;
    height:clamp(560px,45.3125vw,870px);
    background-color:#fff;
    background-image:url("../Images/Pages/ServiceOverview/service-overview-hero.jpg");
    background-position:center 44%;
    background-size:cover;
    -webkit-mask-image:url("../Images/Pages/ServiceOverview/service-overview-hero-mask.svg");
    -webkit-mask-position:center top;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    mask-image:url("../Images/Pages/ServiceOverview/service-overview-hero-mask.svg");
    mask-position:center top;
    mask-repeat:no-repeat;
    mask-size:100% 100%;
}
.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__image,
.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero > picture,
.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero > picture > img { height:100%; object-position:center 44%; }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__inner { min-height:0; height:100%; align-items:flex-start; padding-top:min(3.854167vw,74px); padding-bottom:0; }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__title { width:min(54.791667vw,1052px); max-width:none; font-size:clamp(58px,6.25vw,120px); line-height:1.083333; }

.wvn-default-page[data-page-slug$="/service"] .wvn-page-lead { position:relative; z-index:2; margin-top:0; overflow:hidden; background:#eff6ff; }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__inner { position:relative; min-height:min(59.895833vw,1150px); padding-top:min(3.072917vw,59px); padding-bottom:0; }
.wvn-default-page[data-page-slug$="/service"] .wvn-breadcrumb { display:flex; min-height:30px; justify-content:flex-end; margin:0 0 min(2.34375vw,45px); color:#808080; font-size:18px; line-height:30px; text-align:right; }
.wvn-default-page[data-page-slug$="/service"] .wvn-breadcrumb ol { justify-content:flex-end; }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__content { width:min(35.104167vw,674px); max-width:674px; margin-left:min(7.1875vw,138px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__title { max-width:674px; font-size:clamp(48px,3.90625vw,75px); line-height:1.0667; }
.wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__text { max-width:674px; margin-top:min(2.083333vw,40px); font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }

/* CB04 – Direkt zum Ziel */
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] { padding:min(3.125vw,60px) 0 min(6.25vw,120px); background:#fff; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] > .wvn-shell { width:min(calc(100% - 2 * var(--wvn-page-padding)),1640px); max-width:1640px; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-module-header { margin:0 0 min(5.208333vw,100px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-module-title { font-family:var(--wvn-font); font-size:clamp(48px,3.90625vw,75px); font-weight:500; line-height:1.067; text-transform:none; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-grid__items { grid-template-columns:1fr 1fr; gap:min(4.166667vw,80px) min(8.333333vw,160px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-card { min-height:min(19.270833vw,370px); padding:0; border:0; background:transparent; box-shadow:none; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-card h3 { max-width:650px; margin:0; font-size:clamp(34px,2.604167vw,50px); line-height:1.08; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-card__copy { max-width:650px; margin-top:25px; font-size:clamp(18px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-card__link { display:inline-flex; min-height:63px; align-items:center; justify-content:center; margin-top:30px; padding:14px 30px; border-radius:999px; background:#034991; color:#fff; font-size:clamp(15px,1.041667vw,20px); font-weight:800; letter-spacing:.08em; text-transform:uppercase; }

/* CB10 – roter Störungsbanner */
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] { min-height:min(12.5vw,240px); padding:0; background:#b10000; color:#fff; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__inner { min-height:min(12.5vw,240px); display:grid; grid-template-columns:minmax(260px,420px) 1fr auto; gap:55px; align-items:center; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__content { display:contents; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-module-title { margin:0; color:#fff; font-size:clamp(30px,2.604167vw,50px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-module-copy { max-width:760px; margin:0; color:#fff; font-size:clamp(18px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-module-copy strong { font-size:clamp(28px,2.083333vw,40px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__button { margin:0; background:#fff; color:#b10000; }

/* CB10 – Mein WV-Nord */
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] { position:relative; min-height:min(59.322917vw,1139px); padding:0; overflow:hidden; background:#002953; color:#fff; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__inner { min-height:min(59.322917vw,1139px); align-items:flex-start; padding-top:min(9.895833vw,190px); }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__content { width:min(39vw,750px); margin-left:min(7.291667vw,140px); position:relative; z-index:2; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-eyebrow { color:#bdcde3; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-module-title { max-width:600px; margin-top:25px; color:#ffef2c; font-size:clamp(52px,3.90625vw,75px); line-height:1.067; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-module-copy { max-width:670px; margin-top:45px; color:#fff; font-size:clamp(19px,1.302083vw,25px); line-height:1.4; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-module-copy p:last-child { margin-top:28px; color:#ffef2c; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__button { margin-top:38px; background:#ffef2c; color:#002953; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::after { position:absolute; right:min(8.333333vw,160px); top:min(10.416667vw,200px); width:min(39.583333vw,760px); height:min(32.291667vw,620px); border:18px solid #034991; border-radius:24px; background:linear-gradient(135deg,#eff6ff 0 55%,#bdcde3 55% 100%); box-shadow:0 30px 0 -10px #034991; content:""; opacity:.95; }
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::before { position:absolute; z-index:1; right:min(17.708333vw,340px); top:min(19.791667vw,380px); width:min(17.708333vw,340px); height:min(9.375vw,180px); border:10px solid #034991; border-radius:16px; background:#fff; content:""; }

/* CB13 – Downloads */
.wvn-default-page[data-page-slug$="/service"] .wvn-download-cta[data-download-heading^="BERICHTE, ANALYSEN"] { min-height:min(30.208333vw,580px); padding:0; background:#ffef2c; }
.wvn-default-page[data-page-slug$="/service"] .wvn-download-cta[data-download-heading^="BERICHTE, ANALYSEN"] .wvn-download-cta__inner { min-height:min(30.208333vw,580px); align-items:center; }
.wvn-default-page[data-page-slug$="/service"] .wvn-download-cta[data-download-heading^="BERICHTE, ANALYSEN"] .wvn-download-cta__content { width:min(46vw,880px); margin-left:min(7.291667vw,140px); }

@media (max-width:1199px) {
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__inner { min-height:0; padding-bottom:120px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-grid__items { gap:70px 70px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__inner { grid-template-columns:1fr 1fr; padding:55px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__button { grid-column:2; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::after { right:-18vw; opacity:.35; }
}
@media (max-width:767px) {
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero { height:68vw; min-height:430px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__inner { padding-top:150px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__title { width:100%; font-size:clamp(42px,11vw,70px); }
    .wvn-default-page[data-page-slug$="/service"] .wvn-breadcrumb { justify-content:flex-start; margin-bottom:60px; font-size:14px; text-align:left; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-breadcrumb ol { justify-content:flex-start; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-lead__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] { padding:80px 0; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-grid__items { grid-template-columns:1fr; gap:60px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-info-grid[data-info-heading="DIREKT ZUM ZIEL"] .wvn-info-card { min-height:0; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__inner { display:flex; min-height:0; padding:60px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__content { display:block; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-module-copy { margin-top:25px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__button { margin-top:30px; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] { min-height:0; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__inner { min-height:0; padding:80px var(--wvn-page-padding); }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__content { width:100%; margin-left:0; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::before,
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::after { display:none; }
    .wvn-default-page[data-page-slug$="/service"] .wvn-download-cta[data-download-heading^="BERICHTE, ANALYSEN"] .wvn-download-cta__content { width:100%; margin-left:0; }
}

/* ========================================================================
 * WV-Nord 1.15.1 – Service Layout Hotfix
 * ===================================================================== */
@media (min-width:768px) {
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero {
        width:100vw;
        max-width:none;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
    }
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__inner {
        width:min(calc(100% - (2 * var(--wvn-page-padding))), var(--wvn-content-width));
        margin-inline:auto;
    }
    .wvn-default-page[data-page-slug$="/service"] .wvn-page-hero__title {
        overflow:visible;
        text-wrap:initial;
    }
}

.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="STÖRUNG MELDEN"] .wvn-cta-banner__button {
    min-width:300px;
    color:#b10000 !important;
    font-weight:800;
}

.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"] .wvn-cta-banner__button {
    color:#002953 !important;
}

.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::after {
    top:min(16.770833vw,322px);
    right:min(17.447917vw,335px);
    width:min(26.041667vw,500px);
    height:min(28.125vw,540px);
    border:0;
    border-radius:0;
    background:url("../Images/Pages/ServiceOverview/service-portal-illustration.svg") center / contain no-repeat;
    box-shadow:none;
    opacity:1;
}
.wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::before {
    display:none;
}

@media (max-width:1199px) and (min-width:768px) {
    .wvn-default-page[data-page-slug$="/service"] .wvn-cta-banner[data-cta-heading="VIELES GEHT AUCH DIREKT ONLINE"]::after {
        right:-4vw;
        width:min(36vw,500px);
        height:min(39vw,540px);
        opacity:.35;
    }
}