/* ==========================================================
   RECLAMEHUYS SITE SYSTEM — DESIGNLAYER V1.0.1
   Rustige B2B-stijl met Sora, veel witruimte en kleurvlakken
   uitsluitend als bewuste tekst-/CTA-accenten.
   ========================================================== */

:root {
    --cw-brand-navy: #111111;
    --cw-brand-yellow: #CD3337;
    --cw-brand-cyan: #CD3337;
    --cw-brand-grey: #E8E8EA;
    --cw-brand-purple: #111111;
    --cw-brand-red: #CD3337;
    --cw-brand-white: #FFFFFF;
    --cw-brand-ink: #111111;
    --cw-brand-muted: #111111;
    --cw-brand-line: rgba(65,67,85, .14);
    --cw-brand-soft: #F7F7F8;
    --cw-brand-radius-sm: 12px;
    --cw-brand-radius: 20px;
    --cw-brand-radius-lg: 28px;
    --cw-brand-pill: 999px;
    --cw-brand-shadow: 0 18px 48px rgba(65,67,85, .08);
}

/* ==========================================================
   TYPOGRAFIE
   ========================================================== */
.cw-site-style-active,
.cw-site-style-active button,
.cw-site-style-active input,
.cw-site-style-active select,
.cw-site-style-active textarea,
.cw-site-style-active .cw-header,
.cw-site-style-active .cw-footer,
.cw-site-style-active .cwhome,
.cw-site-style-active .cwemb,
.cw-site-style-active .cwabout,
.cw-site-style-active .cw-contact-page,
.cw-site-style-active .cw-portal,
.cw-site-style-active #cwso-app,
.cw-site-style-active [class^="cwq-"],
.cw-site-style-active [class*=" cwq-"],
.cw-site-style-active [class^="cwqo-"],
.cw-site-style-active [class*=" cwqo-"] {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
}

.cw-site-style-active .cwhome h1,
.cw-site-style-active .cwhome h2,
.cw-site-style-active .cwhome h3,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cwabout h3,
.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-section-title,
.cw-site-style-active .cw-contact-form-head h3,
.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-portal h1,
.cw-site-style-active .cw-portal h2,
.cw-site-style-active .cw-portal h3 {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    letter-spacing: -.045em !important;
}

.cw-site-style-active .cwhome h1,
.cw-site-style-active .cwhome h2,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-section-title,
.cw-site-style-active .cw-contact-end h2 {
    font-weight: 650 !important;
}

.cw-site-style-active .cwhome h3,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h3 {
    font-weight: 600 !important;
}

/* Eén accent per kop: geen cyan + geel tegelijk. */
.cw-site-style-active .cwhome h1 span,
.cw-site-style-active .cwhome h2 span,
.cw-site-style-active .cwemb h1 span,
.cw-site-style-active .cwemb h2 span,
.cw-site-style-active .cwabout h1 span,
.cw-site-style-active .cwabout h2 span {
    color: inherit !important;
    background: linear-gradient(
        transparent 75%,
        rgba(230,164,79, .82) 75%
    ) !important;
}

.cw-site-style-active .cwhome-kicker,
.cw-site-style-active .cwemb-kicker,
.cw-site-style-active .cwabout-kicker,
.cw-site-style-active .cw-contact-kicker,
.cw-site-style-active .cw-contact-section-kicker {
    color: #CD3337 !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
}

/* ==========================================================
   HEADER
   ========================================================== */
.cw-site-style-active .cw-header__bar {
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid rgba(65,67,85, .09) !important;
    box-shadow: none !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
}

.cw-site-style-active .cw-nav > a,
.cw-site-style-active .cw-header__login {
    font-family: "Sora", Arial, sans-serif !important;
    letter-spacing: 0 !important;
}

.cw-site-style-active .cw-nav > a {
    color: var(--cw-brand-navy) !important;
    font-weight: 600 !important;
}

.cw-site-style-active .cw-nav > a:not(.cw-nav__login-mobile)::after {
    background: var(--cw-brand-yellow) !important;
    height: 3px !important;
    border-radius: var(--cw-brand-pill) !important;
}

.cw-site-style-active .cw-header__login {
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: var(--cw-brand-pill) !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cw-header__login:hover,
.cw-site-style-active .cw-header__login:focus-visible {
    background: var(--cw-brand-navy) !important;
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-header.is-scrolled .cw-header__bar {
    box-shadow: 0 10px 28px rgba(65,67,85, .06) !important;
}

/* ==========================================================
   KNOPPEN
   ========================================================== */
.cw-site-style-active .cwhome-btn,
.cw-site-style-active .cwemb-btn,
.cw-site-style-active .cwabout-btn,
.cw-site-style-active .cw-contact-btn,
.cw-site-style-active .cw-contact-submit,
.cw-site-style-active .cw-footer__button,
.cw-site-style-active .cw-button,
.cw-site-style-active [class*="cwq-"] button,
.cw-site-style-active [class*="cwqo-"] button {
    border-radius: var(--cw-brand-pill) !important;
    font-family: "Sora", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    font-weight: 650 !important;
}

.cw-site-style-active .cwhome-btn--yellow,
.cw-site-style-active .cwemb-btn--yellow,
.cw-site-style-active .cwabout-btn--yellow,
.cw-site-style-active .cw-contact-btn-primary,
.cw-site-style-active .cw-footer__button {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-btn--yellow:hover,
.cw-site-style-active .cwemb-btn--yellow:hover,
.cw-site-style-active .cwabout-btn--yellow:hover,
.cw-site-style-active .cw-contact-btn-primary:hover,
.cw-site-style-active .cw-footer__button:hover {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: var(--cw-brand-white) !important;
}

/* ==========================================================
   HOMEPAGE
   Foto's blijven losse beeldblokken op wit/neutraal.
   Kleur wordt alleen voor tekst-/CTA-vlakken gebruikt.
   ========================================================== */
.cw-site-style-active .cwhome {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-ink) !important;
}

.cw-site-style-active .cwhome-hero {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-ink) !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
}

.cw-site-style-active .cwhome-hero__shade {
    display: none !important;
}

.cw-site-style-active .cwhome-hero__media {
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: var(--cw-brand-shadow) !important;
}

.cw-site-style-active .cwhome-hero__box {
    background: transparent !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.cw-site-style-active .cwhome-hero h1,
.cw-site-style-active .cwhome-hero__box > p {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-hero__box > p {
    opacity: .72 !important;
}

.cw-site-style-active .cwhome-hero .cwhome-btn--ghost {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border-color: rgba(65,67,85, .18) !important;
}

.cw-site-style-active .cwhome-band {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 0 !important;
}

.cw-site-style-active .cwhome-band__grid {
    gap: 14px !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    background: var(--cw-brand-soft) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-band__iconchip,
.cw-site-style-active .cwhome-stepicon {
    background: #CD3337 !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 14px !important;
}

.cw-site-style-active .cwhome-band__icon,
.cw-site-style-active .cwhome-stepno {
    color: #CD3337 !important;
}

.cw-site-style-active .cwhome-intro,
.cw-site-style-active .cwhome-about,
.cw-site-style-active .cwhome-process {
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cwhome-services {
    background: var(--cw-brand-soft) !important;
}

.cw-site-style-active .cwhome-card,
.cw-site-style-active .cwhome-card:nth-child(1),
.cw-site-style-active .cwhome-card:nth-child(2),
.cw-site-style-active .cwhome-card:nth-child(3) {
    background: var(--cw-brand-white) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(1) .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(2) .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(3) .cwhome-card__body {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-steps {
    gap: 14px !important;
    border: 0 !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

/* Portal: losse foto + één duidelijk gekleurd tekstvlak. */
.cw-site-style-active .cwhome-portal {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto 92px !important;
    padding: 0 !important;
    gap: 28px !important;
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-portal__media {
    border-radius: var(--cw-brand-radius-lg) !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-portal__content {
    padding: clamp(38px, 5vw, 68px) !important;
    background: var(--cw-brand-purple) !important;
    color: var(--cw-brand-white) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwhome-portal__content h2,
.cw-site-style-active .cwhome-portal__content p,
.cw-site-style-active .cwhome-portal .cwhome-lead {
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cwhome-portal__content h2 span {
    color: inherit !important;
    background: linear-gradient(
        transparent 75%,
        rgba(230,164,79, .95) 75%
    ) !important;
}

/* ==========================================================
   BORDUREN
   ========================================================== */
.cw-site-style-active .cwemb {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-hero {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-hero__shade {
    display: none !important;
}

.cw-site-style-active .cwemb-hero__media {
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: var(--cw-brand-shadow) !important;
}

.cw-site-style-active .cwemb-hero__copy {
    background: transparent !important;
    color: var(--cw-brand-navy) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwemb-hero h1,
.cw-site-style-active .cwemb-hero__copy > p {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-techniques,
.cw-site-style-active .cwemb-workflow {
    background: var(--cw-brand-soft) !important;
}

.cw-site-style-active .cwemb-card,
.cw-site-style-active .cwemb-card:nth-child(1),
.cw-site-style-active .cwemb-card:nth-child(2),
.cw-site-style-active .cwemb-card:nth-child(3) {
    background: var(--cw-brand-white) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(1) .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(2) .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(3) .cwemb-card__body {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

/* Groot kleurvlak met tekst, zonder foto erin. */
.cw-site-style-active .cwemb-quality {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwemb-quality h2,
.cw-site-style-active .cwemb-quality p,
.cw-site-style-active .cwemb-quality strong,
.cw-site-style-active .cwemb-quality small {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-application-grid article,
.cw-site-style-active .cwemb-application-grid article:nth-child(1),
.cw-site-style-active .cwemb-application-grid article:nth-child(2),
.cw-site-style-active .cwemb-application-grid article:nth-child(3),
.cw-site-style-active .cwemb-application-grid article:nth-child(4),
.cw-site-style-active .cwemb-steps article {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
}

.cw-site-style-active .cwemb-portal {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto 92px !important;
    padding: 0 !important;
    gap: 28px !important;
    background: var(--cw-brand-white) !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwemb-portal__media {
    border-radius: var(--cw-brand-radius-lg) !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-portal__content {
    padding: clamp(38px, 5vw, 68px) !important;
    background: var(--cw-brand-cyan) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwemb-portal__content h2,
.cw-site-style-active .cwemb-portal__content p,
.cw-site-style-active .cwemb-portal .cwemb-lead {
    color: var(--cw-brand-navy) !important;
}

/* ==========================================================
   OVER ONS
   ========================================================== */
.cw-site-style-active .cwabout {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-hero {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 28px auto 0 !important;
    padding: 0 !important;
    gap: 28px !important;
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwabout-hero__media {
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwabout-hero__content {
    padding: clamp(38px, 5vw, 68px) !important;
    background: var(--cw-brand-navy) !important;
    color: var(--cw-brand-white) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwabout-hero h1,
.cw-site-style-active .cwabout-hero__content > p {
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cwabout-hero h1 span {
    color: inherit !important;
}

.cw-site-style-active .cwabout-statement {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-statement .cwabout-shell {
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwabout-values-section {
    background: var(--cw-brand-soft) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-values article,
.cw-site-style-active .cwabout-values article:nth-child(1),
.cw-site-style-active .cwabout-values article:nth-child(2),
.cw-site-style-active .cwabout-values article:nth-child(3) {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
}

.cw-site-style-active .cwabout-values h3,
.cw-site-style-active .cwabout-values p {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-image {
    border-radius: var(--cw-brand-radius-lg) !important;
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cwabout-cta {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto 92px !important;
    padding: clamp(58px, 7vw, 92px) !important;
    background: var(--cw-brand-cyan) !important;
    color: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cwabout-cta h2,
.cw-site-style-active .cwabout-cta__side > p {
    color: var(--cw-brand-navy) !important;
}

/* ==========================================================
   CONTACT
   ========================================================== */
.cw-site-style-active .cw-contact-page {
    --cw-radius: 16px !important;
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-hero {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-hero::before,
.cw-site-style-active .cw-contact-hero-accent {
    display: none !important;
}

.cw-site-style-active .cw-contact-hero-media {
    border-radius: var(--cw-brand-radius-lg) !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel {
    padding: clamp(38px, 5vw, 68px) !important;
    background: var(--cw-brand-navy) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-hero-copy {
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-contact-hero-note {
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 18px !important;
}

.cw-site-style-active .cw-contact-band {
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-contact-band-grid {
    gap: 14px !important;
}

.cw-site-style-active .cw-contact-band-item,
.cw-site-style-active .cw-contact-band-item:nth-child(1),
.cw-site-style-active .cw-contact-band-item:nth-child(2),
.cw-site-style-active .cw-contact-band-item:nth-child(3),
.cw-site-style-active .cw-contact-band-item:nth-child(4) {
    background: var(--cw-brand-soft) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
}

.cw-site-style-active .cw-contact-main {
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-contact-form-shell {
    background: var(--cw-brand-soft) !important;
    border: 0 !important;
    border-radius: var(--cw-brand-radius-lg) !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-contact-field input,
.cw-site-style-active .cw-contact-field select,
.cw-site-style-active .cw-contact-field textarea {
    border-radius: 14px !important;
    border-color: rgba(65,67,85, .18) !important;
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-contact-field input:focus,
.cw-site-style-active .cw-contact-field select:focus,
.cw-site-style-active .cw-contact-field textarea:focus {
    border-color: var(--cw-brand-navy) !important;
    box-shadow: 0 0 0 3px rgba(65,67,85, .10) !important;
}

.cw-site-style-active .cw-contact-end {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto 92px !important;
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
}

.cw-site-style-active .cw-contact-end::before,
.cw-site-style-active .cw-contact-end-photo::after {
    display: none !important;
}

.cw-site-style-active .cw-contact-end-content-wrap {
    margin-right: 28px !important;
    padding: clamp(48px, 6vw, 78px) !important;
    background: var(--cw-brand-purple) !important;
    border-radius: var(--cw-brand-radius-lg) !important;
}

.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-contact-end p {
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-contact-end-photo {
    border-radius: var(--cw-brand-radius-lg) !important;
    overflow: hidden !important;
}

/* ==========================================================
   PORTAL / CALCULATOR / ORDERFLOW
   Rustig en functioneel. Geen regenboog-dashboard.
   ========================================================== */
.cw-site-style-active .cw-portal {
    background: var(--cw-brand-soft) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-portal-title,
.cw-site-style-active .cw-auth-title,
.cw-site-style-active .cw-dashboard-title {
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, sans-serif !important;
    letter-spacing: -.04em !important;
}

.cw-site-style-active .cw-auth-card,
.cw-site-style-active .cw-dashboard-card,
.cw-site-style-active .cw-list-row,
.cw-site-style-active .cw-quote-card,
.cw-site-style-active .cw-order-card {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 18px !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-dashboard-card:nth-child(4n+1),
.cw-site-style-active .cw-dashboard-card:nth-child(4n+2),
.cw-site-style-active .cw-dashboard-card:nth-child(4n+3),
.cw-site-style-active .cw-dashboard-card:nth-child(4n+4) {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-auth-card-dark {
    background: var(--cw-brand-navy) !important;
    color: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-auth-card-light {
    background: var(--cw-brand-white) !important;
}

.cw-site-style-active .cw-portal input,
.cw-site-style-active .cw-portal select,
.cw-site-style-active .cw-portal textarea,
.cw-site-style-active [class*="cwq-"] input,
.cw-site-style-active [class*="cwq-"] select,
.cw-site-style-active [class*="cwq-"] textarea,
.cw-site-style-active [class*="cwqo-"] input,
.cw-site-style-active [class*="cwqo-"] select,
.cw-site-style-active [class*="cwqo-"] textarea {
    border-radius: 14px !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media (max-width: 1000px) {
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cw-contact-end {
        width: min(100% - 36px, 860px) !important;
    }

    .cw-site-style-active .cwhome-portal__content,
    .cw-site-style-active .cwemb-portal__content,
    .cw-site-style-active .cwabout-hero__content {
        padding: 46px !important;
    }

    .cw-site-style-active .cw-contact-end-content-wrap {
        margin-right: 0 !important;
        margin-bottom: 24px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active .cwhome-hero,
    .cw-site-style-active .cwemb-hero {
        padding-top: 20px !important;
    }

    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cw-contact-end {
        width: calc(100% - 28px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .cw-site-style-active .cwhome-portal__content,
    .cw-site-style-active .cwemb-portal__content,
    .cw-site-style-active .cwabout-hero__content,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cw-contact-hero-copy-panel,
    .cw-site-style-active .cw-contact-end-content-wrap {
        padding: 30px !important;
        border-radius: 20px !important;
    }
}

/* ==========================================================
   V1.0.2 — RUSTIGE RECLAMEHUYS-RICHTING
   - Sora overal
   - wit + navy + geel als hoofdpalet
   - geen paarse/cyaan achtergronden
   - geen gele markerstrepen door koppen
   - foto's los op de pagina, tekst los eronder
   - geen goedkope icoonkaarten
   - USP-/procesblokken als één vlak met dunne scheidingslijnen
   ========================================================== */

/* Geen highlight-/markerstrepen meer in koppen. */
.cw-site-style-active .cwhome h1 span,
.cw-site-style-active .cwhome h2 span,
.cw-site-style-active .cwemb h1 span,
.cw-site-style-active .cwemb h2 span,
.cw-site-style-active .cwabout h1 span,
.cw-site-style-active .cwabout h2 span,
.cw-site-style-active .cwhome-portal__content h2 span {
    color: inherit !important;
    background: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Rustiger basispalet: geen paars/cyaan als sectieachtergrond. */
.cw-site-style-active .cwhome,
.cw-site-style-active .cwemb,
.cw-site-style-active .cwabout,
.cw-site-style-active .cw-contact-page {
    --cw-page-bg: #FFFFFF;
    --cw-panel-dark: #111111;
    --cw-accent: #CD3337;
    --cw-neutral: #F7F7F8;
    --cw-rule: rgba(65,67,85, .14);
}

/* ==========================================================
   HOME — USP-BALK ZONDER ICONEN/KAARTEN
   ========================================================== */
.cw-site-style-active .cwhome-band {
    padding: 28px 0 34px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-band__grid {
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid var(--cw-rule) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    min-height: 118px !important;
    padding: 28px 30px !important;
    gap: 12px !important;
    background: transparent !important;
    color: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-right: 1px solid var(--cw-rule) !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwhome-band__item:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cwhome-band__iconchip {
    display: none !important;
}

.cw-site-style-active .cwhome-band__badge {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 26px !important;
}

.cw-site-style-active .cwhome-band__icon {
    width: auto !important;
    height: auto !important;
    display: block !important;
    border: 0 !important;
    background: none !important;
    color: #CD3337 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

/* ==========================================================
   HOME — FOTO'S LOS, TEKST LOS ERONDER
   ========================================================== */
.cw-site-style-active .cwhome-services {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-services__grid {
    gap: clamp(24px, 3vw, 42px) !important;
}

.cw-site-style-active .cwhome-card,
.cw-site-style-active .cwhome-card:nth-child(1),
.cw-site-style-active .cwhome-card:nth-child(2),
.cw-site-style-active .cwhome-card:nth-child(3) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-card__media {
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-card__media img {
    border-radius: 24px !important;
}

.cw-site-style-active .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(1) .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(2) .cwhome-card__body,
.cw-site-style-active .cwhome-card:nth-child(3) .cwhome-card__body {
    padding: 24px 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--cw-brand-navy) !important;
}

/* ==========================================================
   HOME — PRODUCTIEROUTE ALS ÉÉN NAVY VLAK
   ========================================================== */
.cw-site-style-active .cwhome-process {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    background: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    min-height: 250px !important;
    padding: 38px 32px !important;
    background: transparent !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-steps article:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cwhome-stepicon {
    display: none !important;
}

.cw-site-style-active .cwhome-stepbadge {
    width: auto !important;
    height: auto !important;
    margin-bottom: 52px !important;
    background: none !important;
    border: 0 !important;
}

.cw-site-style-active .cwhome-stepno {
    color: var(--cw-brand-yellow) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cwhome-steps h3 {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-steps p {
    color: rgba(255, 255, 255, .76) !important;
}

/* Portal op home: foto los + navy tekstvlak, geen paars. */
.cw-site-style-active .cwhome-portal__content {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-portal__content h2,
.cw-site-style-active .cwhome-portal__content p,
.cw-site-style-active .cwhome-portal .cwhome-lead {
    color: #FFFFFF !important;
}

/* ==========================================================
   BORDUREN — ZELFDE EDITORIALE HOME-STIJL
   ========================================================== */
.cw-site-style-active .cwemb-techniques,
.cw-site-style-active .cwemb-workflow,
.cw-site-style-active .cwemb-applications {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwemb-cards {
    gap: clamp(24px, 3vw, 42px) !important;
}

.cw-site-style-active .cwemb-card,
.cw-site-style-active .cwemb-card:nth-child(1),
.cw-site-style-active .cwemb-card:nth-child(2),
.cw-site-style-active .cwemb-card:nth-child(3) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwemb-card__media {
    border-radius: 24px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-card__media img {
    border-radius: 24px !important;
}

.cw-site-style-active .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(1) .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(2) .cwemb-card__body,
.cw-site-style-active .cwemb-card:nth-child(3) .cwemb-card__body {
    padding: 24px 4px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

.cw-site-style-active .cwemb-card__icon,
.cw-site-style-active .cwemb-app__icon,
.cw-site-style-active .cwemb-stepicon {
    display: none !important;
}

/* Toepassingen: één rustige tekstbalk, geen losse cards. */
.cw-site-style-active .cwemb-application-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid var(--cw-rule) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-application-grid article,
.cw-site-style-active .cwemb-application-grid article:nth-child(1),
.cw-site-style-active .cwemb-application-grid article:nth-child(2),
.cw-site-style-active .cwemb-application-grid article:nth-child(3),
.cw-site-style-active .cwemb-application-grid article:nth-child(4) {
    padding: 34px 30px !important;
    background: transparent !important;
    color: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-right: 1px solid var(--cw-rule) !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwemb-application-grid article:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cwemb-app__badge {
    width: auto !important;
    height: auto !important;
    margin-bottom: 38px !important;
    background: none !important;
    border: 0 !important;
}

/* Workflow Borduren = navy tekstvlak met lijnen. */
.cw-site-style-active .cwemb-steps {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 0 !important;
    background: var(--cw-brand-navy) !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-steps article {
    min-height: 250px !important;
    padding: 38px 32px !important;
    background: transparent !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwemb-steps article:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cwemb-stepbadge {
    width: auto !important;
    height: auto !important;
    margin-bottom: 50px !important;
    background: none !important;
    border: 0 !important;
}

.cw-site-style-active .cwemb-stepbadge > span:last-child {
    color: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cwemb-steps h3 {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-steps p {
    color: rgba(255, 255, 255, .76) !important;
}

/* Tekst-only kwaliteitsvlak; navy i.p.v. fel gekleurd. */
.cw-site-style-active .cwemb-quality {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-quality h2,
.cw-site-style-active .cwemb-quality p,
.cw-site-style-active .cwemb-quality strong,
.cw-site-style-active .cwemb-quality small {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-portal__content {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-portal__content h2,
.cw-site-style-active .cwemb-portal__content p,
.cw-site-style-active .cwemb-portal .cwemb-lead {
    color: #FFFFFF !important;
}

/* ==========================================================
   OVER ONS — ZELFDE HOME-TAAL
   ========================================================== */
.cw-site-style-active .cwabout-hero__content,
.cw-site-style-active .cwabout-cta {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwabout-cta h2,
.cw-site-style-active .cwabout-cta__side > p {
    color: #FFFFFF !important;
}

/* Waarden als één navy tekstvlak met dunne lijnen, zonder iconen/cards. */
.cw-site-style-active .cwabout-values-section {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-values {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwabout-values article,
.cw-site-style-active .cwabout-values article:nth-child(1),
.cw-site-style-active .cwabout-values article:nth-child(2),
.cw-site-style-active .cwabout-values article:nth-child(3) {
    min-height: 250px !important;
    padding: 40px 34px !important;
    background: transparent !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwabout-values article:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cwabout-valueicon {
    display: none !important;
}

.cw-site-style-active .cwabout-valuebadge {
    width: auto !important;
    height: auto !important;
    margin-bottom: 50px !important;
    background: none !important;
    border: 0 !important;
}

.cw-site-style-active .cwabout-valuebadge > span:last-child {
    color: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cwabout-values h3 {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwabout-values p {
    color: rgba(255, 255, 255, .76) !important;
}

.cw-site-style-active .cwabout-image {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    border-radius: 26px !important;
    overflow: hidden !important;
}

/* Proceslijst: geen icoontjes, alleen typografie + dunne regels. */
.cw-site-style-active .cwabout-process__icon {
    display: none !important;
}

.cw-site-style-active .cwabout-process__badge {
    background: none !important;
    border: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* ==========================================================
   CONTACT — ZELFDE HOME-TAAL
   ========================================================== */
.cw-site-style-active .cw-contact-hero-copy-panel,
.cw-site-style-active .cw-contact-end-content-wrap {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-contact-end p {
    color: #FFFFFF !important;
}

/* Contactgegevens als USP-balk, geen losse kaarten. */
.cw-site-style-active .cw-contact-band {
    padding: 28px 0 34px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-band-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: #FFFFFF !important;
    border: 1px solid var(--cw-rule) !important;
    border-radius: 24px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-band-item,
.cw-site-style-active .cw-contact-band-item:nth-child(1),
.cw-site-style-active .cw-contact-band-item:nth-child(2),
.cw-site-style-active .cw-contact-band-item:nth-child(3),
.cw-site-style-active .cw-contact-band-item:nth-child(4) {
    min-height: 108px !important;
    padding: 26px 30px !important;
    background: transparent !important;
    color: var(--cw-brand-navy) !important;
    border: 0 !important;
    border-right: 1px solid var(--cw-rule) !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cw-contact-band-item:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cw-contact-side-photo,
.cw-site-style-active .cw-contact-end-photo {
    border: 0 !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-form-shell {
    background: #FFFFFF !important;
    border: 1px solid var(--cw-rule) !important;
    border-radius: 24px !important;
}

/* ==========================================================
   RESPONSIVE V1.0.2
   ========================================================== */
@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwemb-application-grid,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwemb-steps,
    .cw-site-style-active .cwabout-values,
    .cw-site-style-active .cw-contact-band-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwemb-application-grid article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwemb-steps article:nth-child(2),
    .cw-site-style-active .cw-contact-band-item:nth-child(2) {
        border-right: 0 !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(-n+2),
    .cw-site-style-active .cwemb-application-grid article:nth-child(-n+2),
    .cw-site-style-active .cwhome-steps article:nth-child(-n+2),
    .cw-site-style-active .cwemb-steps article:nth-child(-n+2),
    .cw-site-style-active .cw-contact-band-item:nth-child(-n+2) {
        border-bottom: 1px solid var(--cw-rule) !important;
    }

    .cw-site-style-active .cwhome-steps article:nth-child(-n+2),
    .cw-site-style-active .cwemb-steps article:nth-child(-n+2) {
        border-bottom-color: rgba(255, 255, 255, .22) !important;
    }
}

@media (max-width: 640px) {
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwemb-application-grid,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwemb-steps,
    .cw-site-style-active .cwabout-values,
    .cw-site-style-active .cw-contact-band-grid {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwemb-application-grid article,
    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwemb-steps article,
    .cw-site-style-active .cwabout-values article,
    .cw-site-style-active .cw-contact-band-item {
        min-height: auto !important;
        border-right: 0 !important;
        border-bottom: 1px solid var(--cw-rule) !important;
    }

    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwemb-steps article,
    .cw-site-style-active .cwabout-values article {
        border-bottom-color: rgba(255, 255, 255, .22) !important;
    }

    .cw-site-style-active .cwhome-band__item:last-child,
    .cw-site-style-active .cwemb-application-grid article:last-child,
    .cw-site-style-active .cwhome-steps article:last-child,
    .cw-site-style-active .cwemb-steps article:last-child,
    .cw-site-style-active .cwabout-values article:last-child,
    .cw-site-style-active .cw-contact-band-item:last-child {
        border-bottom: 0 !important;
    }
}

/* ==========================================================
   V1.0.3 — KLEURRITME & EDITORIALE VERFIJNING
   - geen achtergrondkleur achter footer-CTA
   - USP-balk zonder kaarten of iconen
   - home productieroute full-width paars
   - nummers los, zonder cirkel
   - scheidingslijnen 70% van balkhoogte
   - borduren intro: geel afgerond tekstvlak
   - borduren kwaliteit: zacht aqua/mint i.p.v. navy
   - minder navy; geel, mint en paars bewust afgewisseld
   ========================================================== */

:root {
    --cw-brand-mint: #CD3337;
    --cw-brand-mint-soft: #CD3337;
    --cw-brand-purple-soft: #111111;
}

/* ----------------------------------------------------------
   FOOTER CTA — GEEN GEKLEURDE ACHTERGROND
   ---------------------------------------------------------- */
.cw-site-style-active .cw-footer__cta {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-footer__cta h2,
.cw-site-style-active .cw-footer__cta-side p {
    color: var(--cw-brand-navy) !important;
}

/* ----------------------------------------------------------
   HOME USP-BALK — GEEN KAARTEN, GEEN ICONEN
   ---------------------------------------------------------- */
.cw-site-style-active .cwhome-band {
    padding: 22px 0 34px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-band__grid {
    position: relative !important;
    min-height: 96px !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    position: relative !important;
    min-height: 96px !important;
    padding: 18px 30px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-band__item::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 20% !important;
    width: 1px !important;
    height: 60% !important;
    background: rgba(65,67,85, .18) !important;
}

.cw-site-style-active .cwhome-band__item:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwhome-band__iconchip {
    display: none !important;
}

.cw-site-style-active .cwhome-band__badge {
    width: auto !important;
    min-width: 24px !important;
    margin: 0 !important;
}

.cw-site-style-active .cwhome-band__icon {
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #CD3337 !important;
}

/* ----------------------------------------------------------
   HOME PRODUCTIEROUTE — FULL-WIDTH PAARS
   ---------------------------------------------------------- */
.cw-site-style-active .cwhome-process {
    background: #FFFFFF !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-steps {
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    margin-top: 54px !important;
    padding: 26px clamp(28px, 5vw, 86px) !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: var(--cw-brand-purple-soft) !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    position: relative !important;
    min-height: 300px !important;
    padding: 54px clamp(24px, 3vw, 48px) !important;
    background: transparent !important;
    color: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-steps article::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 15% !important;
    width: 1px !important;
    height: 70% !important;
    background: rgba(255, 255, 255, .34) !important;
}

.cw-site-style-active .cwhome-steps article:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwhome-stepicon {
    display: none !important;
}

.cw-site-style-active .cwhome-stepbadge {
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 52px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.cw-site-style-active .cwhome-stepno {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--cw-brand-yellow) !important;
    font-size: 12px !important;
    line-height: 1 !important;
}

.cw-site-style-active .cwhome-steps h3 {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-steps p {
    color: rgba(255, 255, 255, .82) !important;
}

/* Home klantportaal: mint i.p.v. opnieuw navy. */
.cw-site-style-active .cwhome-portal__content {
    background: var(--cw-brand-mint) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-portal__content h2,
.cw-site-style-active .cwhome-portal__content p,
.cw-site-style-active .cwhome-portal .cwhome-lead {
    color: var(--cw-brand-navy) !important;
}

/* ----------------------------------------------------------
   BORDUREN INTRO — RECHTER TEKST IN GEEL AFGEROND VLAK
   ---------------------------------------------------------- */
.cw-site-style-active .cwemb-intro {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwemb-intro .cwemb-copy {
    padding: clamp(34px, 4vw, 54px) !important;
    background: var(--cw-brand-yellow) !important;
    color: #111111 !important;
    border-radius: 28px !important;
}

.cw-site-style-active .cwemb-intro .cwemb-copy p,
.cw-site-style-active .cwemb-intro .cwemb-copy .cwemb-lead {
    color: #111111 !important;
}

/* ----------------------------------------------------------
   BORDUREN KWALITEIT — MINT/AQUA I.P.V. DONKERBLAUW
   ---------------------------------------------------------- */
.cw-site-style-active .cwemb-quality {
    width: min(1360px, calc(100% - 48px)) !important;
    margin: 0 auto !important;
    padding-top: clamp(72px, 7vw, 106px) !important;
    padding-bottom: clamp(72px, 7vw, 106px) !important;
    background: var(--cw-brand-mint) !important;
    color: var(--cw-brand-navy) !important;
    border-radius: 30px !important;
}

.cw-site-style-active .cwemb-quality h2,
.cw-site-style-active .cwemb-quality p,
.cw-site-style-active .cwemb-quality strong,
.cw-site-style-active .cwemb-quality small {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-quality .cwemb-kicker {
    color: #426E67 !important;
}

.cw-site-style-active .cwemb-checks {
    border-top-color: rgba(65,67,85, .42) !important;
}

.cw-site-style-active .cwemb-checks > div {
    border-bottom-color: rgba(65,67,85, .22) !important;
}

/* Borduren portal houdt één donker ankerpunt. */
.cw-site-style-active .cwemb-portal__content {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

/* ----------------------------------------------------------
   OVER ONS — MINDER NAVY, ZELFDE KLEURRITME
   ---------------------------------------------------------- */
.cw-site-style-active .cwabout-hero__content {
    background: var(--cw-brand-mint) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-hero h1,
.cw-site-style-active .cwabout-hero__content > p {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-values {
    background: var(--cw-brand-purple-soft) !important;
}

.cw-site-style-active .cwabout-cta {
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-cta h2,
.cw-site-style-active .cwabout-cta__side > p {
    color: var(--cw-brand-navy) !important;
}

/* ----------------------------------------------------------
   CONTACT — ÉÉN NAVY HERO, AFSLUITING MINT
   ---------------------------------------------------------- */
.cw-site-style-active .cw-contact-end-content-wrap {
    background: var(--cw-brand-mint) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-contact-end p {
    color: var(--cw-brand-navy) !important;
}

/* ----------------------------------------------------------
   RESPONSIVE V1.0.3
   ---------------------------------------------------------- */
@media (max-width: 900px) {
    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr 1fr !important;
        padding: 22px 24px !important;
    }

    .cw-site-style-active .cwhome-steps article::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-steps article {
        min-height: 240px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .28) !important;
    }

    .cw-site-style-active .cwhome-steps article:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, .28) !important;
    }

    .cw-site-style-active .cwhome-steps article:nth-last-child(-n+2) {
        border-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-quality {
        width: min(100% - 36px, 860px) !important;
    }
}

@media (max-width: 640px) {
    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        right: 0 !important;
        left: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 1px !important;
        background: rgba(65,67,85, .14) !important;
    }

    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr !important;
        padding: 18px 20px !important;
    }

    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(odd) {
        min-height: auto !important;
        padding: 36px 8px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .28) !important;
    }

    .cw-site-style-active .cwhome-steps article:last-child {
        border-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-intro .cwemb-copy {
        padding: 28px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cwemb-quality {
        width: calc(100% - 28px) !important;
        border-radius: 22px !important;
    }
}


/* ==========================================================
   V1.0.4 — BREEDTE/TONALITEIT VERFIJNING
   - bands op vaste contentbreedte van 1210px
   - USP-band mint
   - productieroute inhoud even breed als fotogrid
   - klantportaalblok wit met donkere knop
   - footer-CTA als geel afgerond blok
   - headline spans exact dezelfde grootte/dikte als overige regels
   ========================================================== */

:root {
    --cw-content-max: 1210px;
}

/* Headline-regels exact gelijk; geen visuele afwijking op regel 2/3. */
.cw-site-style-active .cwhome h1,
.cw-site-style-active .cwhome h2,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cw-footer h2,
.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-section-title,
.cw-site-style-active .cw-contact-end h2 {
    font-weight: 700 !important;
    line-height: .96 !important;
    text-wrap: balance;
}

.cw-site-style-active .cwhome h1 span,
.cw-site-style-active .cwhome h2 span,
.cw-site-style-active .cwemb h1 span,
.cw-site-style-active .cwemb h2 span,
.cw-site-style-active .cwabout h1 span,
.cw-site-style-active .cwabout h2 span,
.cw-site-style-active .cw-footer h2 span,
.cw-site-style-active .cw-contact-title span,
.cw-site-style-active .cw-contact-section-title span,
.cw-site-style-active .cw-contact-end h2 span {
    background: none !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

/* Zelfde contentbreedte als de fotosecties. */
.cw-site-style-active .cwhome-band__grid,
.cw-site-style-active .cwhome-process__head,
.cw-site-style-active .cwhome-steps,
.cw-site-style-active .cwhome-portal,
.cw-site-style-active .cw-footer__cta-grid {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* USP-band in mint, geen losse kaarten. */
.cw-site-style-active .cwhome-band {
    background: transparent !important;
    padding: 22px 0 34px !important;
}

.cw-site-style-active .cwhome-band__grid {
    min-height: 112px !important;
    padding: 0 18px !important;
    background: var(--cw-brand-mint-soft) !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    min-height: 112px !important;
    padding: 24px 26px !important;
    align-items: flex-start !important;
}

.cw-site-style-active .cwhome-band__item::after {
    top: 15% !important;
    height: 70% !important;
}

/* Productieroute: paarse balk, maar niet breder dan het grid eronder. */
.cw-site-style-active .cwhome-steps {
    left: auto !important;
    right: auto !important;
    max-width: var(--cw-content-max) !important;
    margin: 54px auto 0 !important;
    padding: 0 !important;
    background: #111111 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    min-height: 284px !important;
    padding: 52px 42px !important;
}

.cw-site-style-active .cwhome-steps article::after {
    top: 15% !important;
    height: 70% !important;
}

/* Home klantportaal: wit vlak met donkere knop. */
.cw-site-style-active .cwhome-portal {
    background: transparent !important;
    gap: 28px !important;
    padding-top: 22px !important;
}

.cw-site-style-active .cwhome-portal__media,
.cw-site-style-active .cwhome-portal__media img {
    border-radius: 30px !important;
}

.cw-site-style-active .cwhome-portal__content {
    background: #FFFFFF !important;
    border: 1px solid rgba(65,67,85, .10) !important;
    border-radius: 30px !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-portal__content h2,
.cw-site-style-active .cwhome-portal__content p,
.cw-site-style-active .cwhome-portal .cwhome-lead,
.cw-site-style-active .cwhome-portal__content .cwhome-kicker {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-portal__content .cwhome-btn,
.cw-site-style-active .cwhome-portal__content .cwhome-btn--yellow {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-portal__content .cwhome-btn:hover,
.cw-site-style-active .cwhome-portal__content .cwhome-btn:focus-visible {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

/* Footer-CTA: geel afgerond blok. */
.cw-site-style-active .cw-footer__cta {
    background: transparent !important;
    padding: 78px 0 62px !important;
}

.cw-site-style-active .cw-footer__cta-grid {
    padding: clamp(34px, 4vw, 56px) !important;
    background: var(--cw-brand-yellow) !important;
    border-radius: 30px !important;
}

.cw-site-style-active .cw-footer__cta h2,
.cw-site-style-active .cw-footer__cta-side p,
.cw-site-style-active .cw-footer__kicker {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-footer__button {
    background: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
}

.cw-site-style-active .cw-footer__button:hover,
.cw-site-style-active .cw-footer__button:focus-visible {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

/* Mobiel/tablet */
@media (max-width: 1000px) {
    .cw-site-style-active .cwhome-portal {
        width: min(var(--cw-content-max), calc(100% - 32px)) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cw-footer__cta-grid {
        width: min(var(--cw-content-max), calc(100% - 32px)) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: 1fr !important;
        padding: 0 16px !important;
    }

    .cw-site-style-active .cwhome-band__item {
        min-height: auto !important;
        padding: 18px 8px !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 1px !important;
    }

    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr !important;
        padding: 0 !important;
    }

    .cw-site-style-active .cwhome-steps article {
        min-height: auto !important;
        padding: 34px 24px !important;
        border-bottom: 1px solid rgba(255, 255, 255, .28) !important;
    }

    .cw-site-style-active .cwhome-steps article::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-portal {
        gap: 18px !important;
    }
}


/* ==========================================================
   V1.0.5 — AQUA CORRECTIE & LAYOUT AANSLUITING
   - aqua/cyan terug naar inspiratiekleur #CD3337
   - balken op identieke contentbreedte
   - CTA op witte achtergrond met dunne scheidslijn
   - uitlijning bij verticale scheiders strakker
   - responsive verfijning voor tablet/mobiel
   ========================================================== */

:root {
    --cw-brand-aqua: #CD3337;
    --cw-brand-aqua-soft: #CD3337;
    --cw-content-max: 1210px;
}

/* Hoofdcontainer breedtes netjes gelijk. */
.cw-site-style-active .cwhome-shell,
.cw-site-style-active .cw-footer__shell,
.cw-site-style-active .cwemb-shell,
.cw-site-style-active .cwabout-shell,
.cw-site-style-active .cw-contact-shell {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Exacte aqua-richting op alle zachte aqua vlakken. */
.cw-site-style-active .cwhome-band__grid,
.cw-site-style-active .cwemb-quality,
.cw-site-style-active .cwabout-hero__content,
.cw-site-style-active .cw-contact-end-content-wrap {
    background: var(--cw-brand-aqua-soft) !important;
}

/* USP-balk: tekst uitlijnen vanaf het verticale ritme. */
.cw-site-style-active .cwhome-band {
    background: #FFFFFF !important;
    padding: 24px 0 40px !important;
}

.cw-site-style-active .cwhome-band__grid {
    min-height: 118px !important;
    padding: 0 24px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
    min-height: 118px !important;
    padding: 28px 30px !important;
}

.cw-site-style-active .cwhome-band__badge {
    width: 30px !important;
    min-width: 30px !important;
    align-self: start !important;
}

.cw-site-style-active .cwhome-band__item strong,
.cw-site-style-active .cwhome-band__item small {
    text-align: left !important;
}

.cw-site-style-active .cwhome-band__item::after {
    top: 14% !important;
    height: 72% !important;
    background: rgba(65,67,85, .14) !important;
}

/* Productieroute: zelfde breedte als erboven + subtiele scheidslijn. */
.cw-site-style-active .cwhome-process {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-process__head {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-bottom: 32px !important;
    border-bottom: 1px solid rgba(65,67,85, .12) !important;
}

.cw-site-style-active .cwhome-steps {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin: 34px auto 0 !important;
    background: #111111 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 280px !important;
    padding: 48px 40px !important;
}

.cw-site-style-active .cwhome-steps article::after {
    top: 15% !important;
    height: 70% !important;
}

.cw-site-style-active .cwhome-stepbadge {
    margin: 0 0 38px !important;
}

/* Home klantportaal blijft wit; knop donker. */
.cw-site-style-active .cwhome-portal {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin: 0 auto !important;
    background: transparent !important;
    gap: 28px !important;
}

.cw-site-style-active .cwhome-portal__content {
    background: #FFFFFF !important;
    border: 1px solid rgba(65,67,85, .10) !important;
}

/* Over ons / contentblokken: zelfde ritme en geen kleurbreuk. */
.cw-site-style-active .cwhome-about {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwhome-about__grid {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Footer: geel blok op witte achtergrond, niet op zwart. */
.cw-site-style-active .cw-footer {
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-footer__cta {
    position: relative !important;
    background: #FFFFFF !important;
    padding: 42px 0 60px !important;
}

.cw-site-style-active .cw-footer__cta::before {
    content: "" !important;
    display: block !important;
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    height: 1px !important;
    margin: 0 auto 40px !important;
    background: rgba(65,67,85, .12) !important;
}

.cw-site-style-active .cw-footer__cta-grid {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin: 0 auto !important;
    padding: clamp(34px, 4vw, 56px) !important;
    background: var(--cw-brand-yellow) !important;
    border-radius: 30px !important;
}

.cw-site-style-active .cw-footer__main {
    background: #111111 !important;
}

/* Knoppen: geel op wit, geen donkere omlijsting eromheen. */
.cw-site-style-active .cwhome-btn--yellow,
.cw-site-style-active .cwemb-btn--yellow,
.cw-site-style-active .cwabout-btn--yellow,
.cw-site-style-active .cw-contact-btn--yellow {
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-yellow) !important;
}

/* Responsive verfijning. */
@media (max-width: 900px) {
    .cw-site-style-active .cwhome-shell,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cwemb-shell,
    .cw-site-style-active .cwabout-shell,
    .cw-site-style-active .cw-contact-shell,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwhome-about__grid,
    .cw-site-style-active .cw-footer__cta-grid,
    .cw-site-style-active .cw-footer__cta::before {
        width: min(var(--cw-content-max), calc(100% - 32px)) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: min(var(--cw-content-max), calc(100% - 32px)) !important;
        grid-template-columns: 1fr !important;
        padding: 0 16px !important;
    }

    .cw-site-style-active .cwhome-band__item {
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 14px !important;
        min-height: auto !important;
        padding: 18px 8px !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 1px !important;
    }

    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwhome-steps article {
        min-height: auto !important;
        padding: 32px 24px !important;
    }

    .cw-site-style-active .cwhome-steps article::after {
        display: none !important;
    }

    .cw-site-style-active .cw-footer__cta-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }
}


/* ==========================================================
   V1.0.6 — TYPOGRAFIE & LIJNEN FINETUNE
   ========================================================== */
:root {
    --cw-brand-yellow: #CD3337;
    --cw-brand-purple: #111111;
    --cw-brand-navy: #111111;
    --cw-brand-grey: #E8E8E8;
    --cw-brand-aqua: #CD3337;
    --cw-brand-aqua-soft: #CD3337;
}

/* Algemeen: geen geforceerde kapitalen in stijl. */
.cw-site-style-active .cwhome-kicker,
.cw-site-style-active .cwemb-kicker,
.cw-site-style-active .cwabout-kicker,
.cw-site-style-active .cw-footer__kicker,
.cw-site-style-active .cwhome-btn,
.cw-site-style-active .cwemb-btn,
.cw-site-style-active .cwabout-btn,
.cw-site-style-active .cw-contact-btn,
.cw-site-style-active .cw-footer__button,
.cw-site-style-active .cwhome-textlink,
.cw-site-style-active .cw-footer__column h3,
.cw-site-style-active .cw-footer__bottom,
.cw-site-style-active .cw-header__actions a,
.cw-site-style-active .cwhome-band__item strong,
.cw-site-style-active .cwhome-card__body h3,
.cw-site-style-active .cwhome-steps h3 {
    text-transform: none !important;
}

/* USP aqua balk: verticaal gecentreerd. */
.cw-site-style-active .cwhome-band__grid {
    background: var(--cw-brand-aqua-soft) !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    align-items: center !important;
    min-height: 132px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.cw-site-style-active .cwhome-band__badge,
.cw-site-style-active .cwhome-band__item > div:last-child {
    align-self: center !important;
}

.cw-site-style-active .cwhome-band__item::after {
    top: 16% !important;
    height: 68% !important;
}

/* Lijn tussen intro- en services-teksten. */
.cw-site-style-active .cwhome-services {
    border-top: 1px solid rgba(65,67,85, .12) !important;
    margin-top: 16px !important;
    padding-top: 44px !important;
}

/* Productieroute: lijn boven de paarse balk weghalen. */
.cw-site-style-active .cwhome-process__head {
    border-bottom: 0 !important;
    padding-bottom: 10px !important;
}

.cw-site-style-active .cwhome-steps {
    background: var(--cw-brand-purple) !important;
}

/* Footer CTA: lijn weg, witte buitenruimte. */
.cw-site-style-active .cw-footer__cta::before {
    display: none !important;
}

.cw-site-style-active .cw-footer__cta {
    background: #FFFFFF !important;
    padding-top: 28px !important;
}

.cw-site-style-active .cw-footer__cta-grid {
    background: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cw-footer__main {
    margin-top: 0 !important;
}

/* Geen extra lijn in home about/slotstuk. */
.cw-site-style-active .cwhome-about,
.cw-site-style-active .cw-footer {
    border-top: 0 !important;
}

/* Koppen iets rustiger en gelijkmatiger renderen. */
.cw-site-style-active .cwhome h1,
.cw-site-style-active .cwhome h2,
.cw-site-style-active .cwhome h3,
.cw-site-style-active .cw-footer h2,
.cw-site-style-active .cw-footer h3,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cwabout h3 {
    letter-spacing: -0.04em !important;
    font-weight: 700 !important;
}

/* Buttons en CTA's in juiste kleurstelling. */
.cw-site-style-active .cwhome-btn--yellow,
.cw-site-style-active .cwemb-btn--yellow,
.cw-site-style-active .cwabout-btn--yellow,
.cw-site-style-active .cw-contact-btn--yellow,
.cw-site-style-active .cw-footer__button {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-btn--yellow:hover,
.cw-site-style-active .cwemb-btn--yellow:hover,
.cw-site-style-active .cwabout-btn--yellow:hover,
.cw-site-style-active .cw-contact-btn--yellow:hover,
.cw-site-style-active .cw-footer__button:hover {
    background: #FFFFFF !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

/* Responsive. */
@media (max-width: 1024px) {
    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: 110px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-services {
        margin-top: 8px !important;
        padding-top: 32px !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        background: var(--cw-brand-aqua-soft) !important;
    }

    .cw-site-style-active .cwhome-band__item {
        align-items: center !important;
        min-height: auto !important;
        padding: 18px 8px !important;
    }

    .cw-site-style-active .cw-footer__cta {
        padding-top: 16px !important;
    }
}


/* ==========================================================
   V1.0.7 — PROCESS BALK VERTICAAL CENTREREN
   ========================================================== */
.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    justify-content: center !important;
    min-height: 320px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.cw-site-style-active .cwhome-stepbadge {
    margin: 0 0 26px !important;
}

.cw-site-style-active .cwhome-steps h3 {
    margin: 0 0 16px !important;
}

.cw-site-style-active .cwhome-steps p {
    margin: 0 !important;
}

@media (max-width: 1024px) {
    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-steps article:nth-child(4) {
        min-height: 260px !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-steps article:nth-child(4) {
        min-height: auto !important;
        padding-top: 26px !important;
        padding-bottom: 26px !important;
    }
}


/* ==========================================================
   V1.0.8 — AQUA BALK / LIJNBREEDTES / CTA BUTTON FIX
   ========================================================== */

/* Capability band: juiste aqua kleur, nummers/iconen weg, zelfde breedte als content. */
.cw-site-style-active .cwhome-band {
    background: transparent !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.cw-site-style-active .cwhome-band__grid {
    width: min(1210px, calc(100% - 48px)) !important;
    max-width: 1210px !important;
    margin: 0 auto !important;
    background: #CD3337 !important;
    border-radius: 34px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-band__badge,
.cw-site-style-active .cwhome-band__iconchip,
.cw-site-style-active .cwhome-band__icon {
    display: none !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    min-height: 124px !important;
    padding: 24px 36px !important;
    background: transparent !important;
    align-items: center !important;
    justify-content: center !important;
}

.cw-site-style-active .cwhome-band__item > div:last-child {
    width: 100% !important;
    align-self: center !important;
}

.cw-site-style-active .cwhome-band__item strong,
.cw-site-style-active .cwhome-band__item small {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-band__item strong {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.cw-site-style-active .cwhome-band__item small {
    display: block !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

.cw-site-style-active .cwhome-band__item::after {
    top: 18% !important;
    height: 64% !important;
    background: rgba(65,67,85, .14) !important;
}

/* Lijnen niet full width maar binnen contentbreedte. */
.cw-site-style-active .cwhome-services {
    border-top: 0 !important;
    margin-top: 16px !important;
    padding-top: 0 !important;
}

.cw-site-style-active .cwhome-services > .cwhome-shell::before {
    content: "" !important;
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    margin: 0 0 44px !important;
    background: rgba(65,67,85, .12) !important;
}

.cw-site-style-active .cw-footer__cta::before {
    display: none !important;
}

/* Geel blok: button donkerblauw, niet geel op geel. */
.cw-site-style-active .cw-footer__button {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-footer__button:hover,
.cw-site-style-active .cw-footer__button:focus-visible {
    background: #FFFFFF !important;
    border-color: var(--cw-brand-navy) !important;
    color: var(--cw-brand-navy) !important;
}

@media (max-width: 1024px) {
    .cw-site-style-active .cwhome-band__grid {
        width: min(1210px, calc(100% - 32px)) !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        padding: 22px 28px !important;
        min-height: 112px !important;
    }

    .cw-site-style-active .cwhome-services > .cwhome-shell::before {
        margin-bottom: 36px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: auto !important;
        padding: 22px 24px !important;
        justify-content: center !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-services > .cwhome-shell::before {
        margin-bottom: 30px !important;
    }
}


/* ==========================================================
   V1.0.9 — HEADER ROND + HOME UITLIJNING / BALANS
   ========================================================== */

/* De home gebruikt overal exact dezelfde 1210px inhoudsmaat. */
.cw-site-style-active .cwhome {
    --cw-max: 1210px !important;
}

/* HERO: rechterzijde exact gelijk met de aqua- en procesbalk. */
.cw-site-style-active .cwhome-hero__media {
    right: max(24px, calc((100vw - 1210px) / 2)) !important;
}

/* AQUA USP-BALK: exacte cyan, geen nummers, witte tekst en evenredige vakken. */
.cw-site-style-active .cwhome-band__grid {
    width: min(1210px, calc(100% - 48px)) !important;
    max-width: 1210px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    background: #CD3337 !important;
}

.cw-site-style-active .cwhome-band__badge,
.cw-site-style-active .cwhome-band__iconchip,
.cw-site-style-active .cwhome-band__icon {
    display: none !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 126px !important;
    padding: 26px 34px !important;
    background: transparent !important;
}

.cw-site-style-active .cwhome-band__item > div:last-child {
    width: 100% !important;
    align-self: auto !important;
}

.cw-site-style-active .cwhome-band__item strong,
.cw-site-style-active .cwhome-band__item small {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-band__item strong {
    margin: 0 0 7px !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
}

.cw-site-style-active .cwhome-band__item small {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    opacity: .92 !important;
}

.cw-site-style-active .cwhome-band__item::after {
    top: 18% !important;
    height: 64% !important;
    background: rgba(255, 255, 255, .30) !important;
}

/* Productieroute-head: grijze verticale lijn tussen beide tekstblokken. */
.cw-site-style-active .cwhome-process__head {
    position: relative !important;
    width: min(1210px, calc(100% - 48px)) !important;
    max-width: 1210px !important;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr) !important;
    column-gap: 72px !important;
    align-items: center !important;
}

.cw-site-style-active .cwhome-process__head > p {
    position: relative !important;
    padding-left: 42px !important;
}

.cw-site-style-active .cwhome-process__head > p::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 8% !important;
    width: 1px !important;
    height: 84% !important;
    background: rgba(65,67,85, .18) !important;
}

/* Paarse procesbalk: geen nummers, minder hoog, tekst verticaal gecentreerd. */
.cw-site-style-active .cwhome-steps {
    width: min(1210px, calc(100% - 48px)) !important;
    max-width: 1210px !important;
    background: #111111 !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.cw-site-style-active .cwhome-stepbadge,
.cw-site-style-active .cwhome-stepicon,
.cw-site-style-active .cwhome-stepno {
    display: none !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    min-height: 220px !important;
    padding: 34px 38px !important;
    justify-content: center !important;
}

.cw-site-style-active .cwhome-steps h3 {
    margin: 0 0 12px !important;
    color: #FFFFFF !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
}

.cw-site-style-active .cwhome-steps p {
    margin: 0 !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

.cw-site-style-active .cwhome-steps article::after {
    top: 15% !important;
    height: 70% !important;
    background: rgba(255,255,255,.30) !important;
}

/* HEADER: net als de afgeronde footer-CTA een vrijstaand afgerond vlak. */
.cw-site-style-active .cw-header {
    padding: 12px 14px 0 !important;
    pointer-events: none !important;
}

.cw-site-style-active .cw-header__bar {
    width: min(1600px, calc(100vw - 28px)) !important;
    margin: 0 auto !important;
    border: 1px solid rgba(65,67,85, .10) !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(65,67,85, .06) !important;
    pointer-events: auto !important;
}

.cw-site-style-active .cw-header__inner {
    border-radius: inherit !important;
}

.cw-site-style-active .cw-header.is-scrolled .cw-header__bar {
    box-shadow: 0 12px 34px rgba(65,67,85, .10) !important;
}

/* Spacer compenseert de extra bovenmarge van de zwevende header. */
.cw-site-style-active .cw-header-spacer {
    height: calc(var(--cw-height, 104px) + 12px) !important;
    flex-basis: calc(var(--cw-height, 104px) + 12px) !important;
}

@media (max-width: 1100px) {
    .cw-site-style-active .cw-header {
        padding: 8px 10px 0 !important;
    }

    .cw-site-style-active .cw-header__bar {
        width: calc(100vw - 20px) !important;
        border-radius: 18px !important;
    }

    .cw-site-style-active .cw-header-spacer {
        height: calc(var(--cw-height, 82px) + 8px) !important;
        flex-basis: calc(var(--cw-height, 82px) + 8px) !important;
    }

    .cw-site-style-active .cw-nav {
        top: calc(var(--cw-height) + 8px) !important;
        left: 10px !important;
        right: 10px !important;
        width: auto !important;
        border-radius: 0 0 18px 18px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps {
        width: calc(100% - 32px) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: 106px !important;
        padding: 22px 24px !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process__head {
        grid-template-columns: 1fr !important;
        row-gap: 28px !important;
    }

    .cw-site-style-active .cwhome-process__head > p {
        padding-left: 0 !important;
        padding-top: 24px !important;
    }

    .cw-site-style-active .cwhome-process__head > p::before {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 1px !important;
    }

    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr 1fr !important;
    }

    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-steps article:nth-child(4) {
        min-height: 180px !important;
        padding: 28px 24px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active .cwhome-hero__media {
        right: 20px !important;
    }

    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: auto !important;
        padding: 20px 22px !important;
        border-bottom: 1px solid rgba(255,255,255,.24) !important;
    }

    .cw-site-style-active .cwhome-band__item:last-child {
        border-bottom: 0 !important;
    }

    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-steps article:nth-child(4) {
        min-height: auto !important;
        padding: 28px 22px !important;
        border-bottom: 1px solid rgba(255,255,255,.24) !important;
    }
}


/* ==========================================================
   V1.0.11 — CONSISTENTE WITRUIMTE / BREEDTE / CASE / KLEUR
   - 1210px contentbreedte overal gelijk
   - home proceskop + scheidslijn exact gecentreerd
   - procesbalk even breed als omliggende content
   - borduren krijgt één rood accentvlak i.p.v. twee blauwe tonen
   - over-ons hero 50/50, proceskaarten 2x2 zonder nummers
   - over-ons CTA rood zodat hij niet concurreert met de gele footer-CTA
   - contact uitgelijnd met home
   ========================================================== */
:root {
    --cw-content-max: 1210px;
    --cw-space-lg: 88px;
    --cw-space-md: 64px;
}

.cw-site-style-active .cwhome-shell,
.cw-site-style-active .cwemb-shell,
.cw-site-style-active .cwabout-shell,
.cw-site-style-active .cw-contact-inner,
.cw-site-style-active .cw-footer__shell {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- HOME ---------- */
.cw-site-style-active .cwhome-process,
.cw-site-style-active .cwhome-about {
    padding-top: var(--cw-space-lg) !important;
    padding-bottom: var(--cw-space-lg) !important;
}

.cw-site-style-active .cwhome-process__head {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-bottom: 24px !important;
    align-items: center !important;
    column-gap: 72px !important;
}

.cw-site-style-active .cwhome-process__head > p {
    display: flex !important;
    align-items: center !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding-left: 42px !important;
}

.cw-site-style-active .cwhome-process__head > p::before {
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 74px !important;
}

.cw-site-style-active .cwhome-steps {
    width: 100% !important;
    max-width: none !important;
    margin: 28px 0 0 !important;
    background: var(--cw-brand-red) !important;
}

.cw-site-style-active .cwhome-steps article,
.cw-site-style-active .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-steps article:nth-child(4) {
    min-height: 210px !important;
    padding: 34px 36px !important;
}

.cw-site-style-active .cwhome-steps article::after {
    background: rgba(255, 255, 255, .26) !important;
}

.cw-site-style-active .cwhome-portal,
.cw-site-style-active .cwemb-portal,
.cw-site-style-active .cwabout-hero,
.cw-site-style-active .cwabout-cta,
.cw-site-style-active .cw-contact-end {
    width: min(var(--cw-content-max), calc(100% - 48px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- BORDUREN ---------- */
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cwabout h3,
.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-section-title,
.cw-site-style-active .cw-contact-end h2 {
    text-transform: none !important;
}

.cw-site-style-active .cwemb-quality {
    background: var(--cw-brand-red) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-quality h2,
.cw-site-style-active .cwemb-quality p,
.cw-site-style-active .cwemb-quality strong,
.cw-site-style-active .cwemb-quality small,
.cw-site-style-active .cwemb-quality .cwemb-kicker,
.cw-site-style-active .cwemb-quality .cwemb-lead,
.cw-site-style-active .cwemb-quality .cwemb-checks span {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-quality .cwemb-checks > div {
    border-color: rgba(255, 255, 255, .24) !important;
}

.cw-site-style-active .cwemb-portal__content {
    background: var(--cw-brand-white) !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid rgba(65,67,85, .10) !important;
}

.cw-site-style-active .cwemb-portal__content h2,
.cw-site-style-active .cwemb-portal__content p,
.cw-site-style-active .cwemb-portal__content .cwemb-kicker,
.cw-site-style-active .cwemb-portal__content .cwemb-lead {
    color: var(--cw-brand-navy) !important;
}

/* ---------- OVER ONS ---------- */
.cw-site-style-active .cwabout-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 28px !important;
}

.cw-site-style-active .cwabout-hero__media,
.cw-site-style-active .cwabout-hero__content {
    min-height: 540px !important;
    height: 100% !important;
}

.cw-site-style-active .cwabout-hero__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.cw-site-style-active .cwabout-process__grid {
    align-items: start !important;
    column-gap: 42px !important;
}

.cw-site-style-active .cwabout-process__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.cw-site-style-active .cwabout-process__list article {
    display: block !important;
    padding: 28px 30px !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 20px !important;
    background: var(--cw-brand-white) !important;
    min-height: 0 !important;
}

.cw-site-style-active .cwabout-process__badge,
.cw-site-style-active .cwabout-process__icon,
.cw-site-style-active .cwabout-process__badge span:last-child {
    display: none !important;
}

.cw-site-style-active .cwabout-process__list article h3 {
    margin: 0 0 12px !important;
}

.cw-site-style-active .cwabout-cta {
    background: transparent !important;
    padding-top: var(--cw-space-lg) !important;
    padding-bottom: var(--cw-space-lg) !important;
}

.cw-site-style-active .cwabout-cta__grid {
    padding: clamp(34px, 4vw, 56px) !important;
    background: var(--cw-brand-red) !important;
    color: #FFFFFF !important;
    border-radius: 30px !important;
}

.cw-site-style-active .cwabout-cta h2,
.cw-site-style-active .cwabout-cta p,
.cw-site-style-active .cwabout-cta .cwabout-kicker {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwabout-cta .cwabout-btn--yellow {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwabout-cta .cwabout-btn--ghost {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255, 255, 255, .42) !important;
}

.cw-site-style-active .cwabout-cta .cwabout-btn--ghost:hover,
.cw-site-style-active .cwabout-cta .cwabout-btn--ghost:focus-visible {
    background: #FFFFFF !important;
    color: var(--cw-brand-red) !important;
}

/* ---------- CONTACT ---------- */
.cw-site-style-active .cw-contact-hero,
.cw-site-style-active .cw-contact-band,
.cw-site-style-active .cw-contact-main,
.cw-site-style-active .cw-contact-end {
    padding-top: var(--cw-space-lg) !important;
    padding-bottom: var(--cw-space-lg) !important;
}

.cw-site-style-active .cw-contact-band {
    padding-top: 24px !important;
    padding-bottom: 40px !important;
}

.cw-site-style-active .cw-contact-band-grid,
.cw-site-style-active .cw-contact-main-grid,
.cw-site-style-active .cw-contact-hero-grid {
    width: 100% !important;
    max-width: none !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel {
    background: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-end-content-wrap {
    background: var(--cw-brand-aqua-soft) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-contact-end p,
.cw-site-style-active .cw-contact-end .cw-contact-kicker {
    color: var(--cw-brand-navy) !important;
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px) {
    .cw-site-style-active .cwhome-shell,
    .cw-site-style-active .cwemb-shell,
    .cw-site-style-active .cwabout-shell,
    .cw-site-style-active .cw-contact-inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cw-contact-end {
        width: min(var(--cw-content-max), calc(100% - 32px)) !important;
    }

    .cw-site-style-active .cwhome-process__head {
        column-gap: 42px !important;
    }

    .cw-site-style-active .cwabout-hero__media,
    .cw-site-style-active .cwabout-hero__content {
        min-height: 460px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process,
    .cw-site-style-active .cwhome-about,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cw-contact-hero,
    .cw-site-style-active .cw-contact-main,
    .cw-site-style-active .cw-contact-end {
        padding-top: var(--cw-space-md) !important;
        padding-bottom: var(--cw-space-md) !important;
    }

    .cw-site-style-active .cwhome-process__head {
        grid-template-columns: 1fr !important;
        row-gap: 24px !important;
    }

    .cw-site-style-active .cwhome-process__head > p {
        min-height: 0 !important;
        padding-left: 0 !important;
        padding-top: 24px !important;
    }

    .cw-site-style-active .cwhome-process__head > p::before {
        top: 0 !important;
        transform: none !important;
        width: 100% !important;
        height: 1px !important;
    }

    .cw-site-style-active .cwhome-steps {
        grid-template-columns: 1fr 1fr !important;
    }

    .cw-site-style-active .cwabout-hero {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwabout-process__list {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active .cwhome-shell,
    .cw-site-style-active .cwemb-shell,
    .cw-site-style-active .cwabout-shell,
    .cw-site-style-active .cw-contact-inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cw-contact-end {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwabout-process__list {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwhome-steps article,
    .cw-site-style-active .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-steps article:nth-child(4),
    .cw-site-style-active .cwabout-process__list article {
        min-height: auto !important;
        padding: 26px 22px !important;
    }

    .cw-site-style-active .cwabout-hero__media,
    .cw-site-style-active .cwabout-hero__content {
        min-height: 0 !important;
        height: auto !important;
    }
}


.cw-site-style-active .cw-contact-btn-outline {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border-color: rgba(65,67,85, .18) !important;
}

.cw-site-style-active .cw-contact-btn-outline:hover,
.cw-site-style-active .cw-contact-btn-outline:focus-visible {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    border-color: var(--cw-brand-navy) !important;
}

/* ==========================================================
   V1.0.13 — 1210PX GRID + CONTACT HERBOUW
   - één vaste 1210px contentlijn voor alle publieke pagina's
   - gelijke desktop gutters en rustige verticale witruimte
   - contactpagina opnieuw in balans: compacte foto, gelijkwaardige
     kolommen, geen brede/uitlopende nested container en geen
     enorme lege vlakken onder het formulier
   ========================================================== */
:root {
    --cw-content-max: 1210px;
    --cw-page-gutter: 32px;
    --cw-page-gutter-tablet: 20px;
    --cw-page-gutter-mobile: 15px;
    --cw-section-y: 84px;
}

/* ---------- ÉÉN CENTRALE CONTENTLIJN ---------- */
.cw-site-style-active .cwhome-shell,
.cw-site-style-active .cwemb-shell,
.cw-site-style-active .cwabout-shell,
.cw-site-style-active .cw-contact-inner,
.cw-site-style-active .cw-footer__shell,
.cw-site-style-active .cwhome-band__grid,
.cw-site-style-active .cwhome-process__head,
.cw-site-style-active .cwhome-steps,
.cw-site-style-active .cwhome-portal,
.cw-site-style-active .cwhome-about__grid,
.cw-site-style-active .cwemb-portal,
.cw-site-style-active .cwabout-hero,
.cw-site-style-active .cwabout-cta,
.cw-site-style-active .cwabout-image,
.cw-site-style-active .cw-contact-end-grid,
.cw-site-style-active .cw-footer__cta-grid {
    width: min(var(--cw-content-max), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Oude 1180/1280 laptopvarianten mogen de pagina niet meer versmallen. */
.cw-site-style-active .cwhome,
.cw-site-style-active .cwemb,
.cw-site-style-active .cwabout,
.cw-site-style-active .cw-contact-page,
.cw-site-style-active .cw-footer {
    --cw-max: 1210px !important;
}

/* Header sluit visueel op dezelfde 1210px lijn aan. */
.cw-site-style-active .cw-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cw-site-style-active .cw-header__bar {
    width: min(var(--cw-content-max), calc(100vw - 64px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cw-header__inner {
    width: 100% !important;
}

/* Rustige, consistente verticale ruimte tussen hoofdsecties. */
.cw-site-style-active .cwhome-section,
.cw-site-style-active .cwemb-section,
.cw-site-style-active .cwabout-section {
    padding-top: var(--cw-section-y) !important;
    padding-bottom: var(--cw-section-y) !important;
}

.cw-site-style-active .cwhome-band,
.cw-site-style-active .cw-contact-band {
    padding-top: 28px !important;
    padding-bottom: 34px !important;
}

/* Directe tweekolomsblokken: geen viewport-afhankelijke binnenpadding meer. */
.cw-site-style-active .cwhome-portal,
.cw-site-style-active .cwemb-portal {
    gap: 28px !important;
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

.cw-site-style-active .cwhome-portal__content,
.cw-site-style-active .cwemb-portal__content {
    padding: 48px !important;
}

/* Over-ons fotografie volgt nu dezelfde contentlijn. */
.cw-site-style-active .cwabout-image {
    height: 520px !important;
    min-height: 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

/* Footer: CTA en footerinhoud exact gelijk met de pagina's. */
.cw-site-style-active .cw-footer__cta-grid,
.cw-site-style-active .cw-footer__shell {
    max-width: var(--cw-content-max) !important;
}

/* ---------- CONTACT: STRUCTURELE HERBOUW ---------- */
.cw-site-style-active .cw-contact-page {
    overflow-x: clip !important;
    background: #FFFFFF !important;
}

/* Het section-vlak mag full width zijn; alleen de inhoud is 1210px. */
.cw-site-style-active .cw-contact-end {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 92px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-hero {
    padding: 48px 0 34px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
}

.cw-site-style-active .cw-contact-hero-copy-wrap {
    display: block !important;
    min-width: 0 !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel {
    width: 100% !important;
    max-width: none !important;
    min-height: 430px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 48px !important;
    border-radius: 28px !important;
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel .cw-contact-kicker {
    color: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cw-contact-title {
    margin: 0 !important;
    max-width: 520px !important;
    font-size: clamp(46px, 4.2vw, 64px) !important;
    line-height: .98 !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-hero-copy {
    max-width: 510px !important;
    margin: 22px 0 0 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: rgba(255,255,255,.82) !important;
}

.cw-site-style-active .cw-contact-hero-actions {
    margin-top: 28px !important;
    gap: 12px !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel .cw-contact-btn-outline {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border-color: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel .cw-contact-btn-outline:hover,
.cw-site-style-active .cw-contact-hero-copy-panel .cw-contact-btn-outline:focus-visible {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.72) !important;
}

.cw-site-style-active .cw-contact-hero-media {
    height: 430px !important;
    min-height: 430px !important;
    max-height: 430px !important;
    border-radius: 28px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-hero-media img {
    object-position: center center !important;
}

.cw-site-style-active .cw-contact-hero-accent {
    display: none !important;
}

.cw-site-style-active .cw-contact-hero-note {
    left: 20px !important;
    bottom: 20px !important;
    width: min(390px, calc(100% - 40px)) !important;
    max-width: 390px !important;
    padding: 22px 24px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    box-shadow: 0 12px 30px rgba(65,67,85,.12) !important;
}

.cw-site-style-active .cw-contact-hero-note-label {
    margin-bottom: 8px !important;
    color: rgba(65,67,85,.68) !important;
}

.cw-site-style-active .cw-contact-hero-note strong {
    margin-bottom: 8px !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-hero-note p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--cw-brand-navy) !important;
}

/* Vier aanvraagpunten als één rustige, uitgelijnde band. */
.cw-site-style-active .cw-contact-band {
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-band-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    border-top: 1px solid var(--cw-brand-line) !important;
    border-bottom: 1px solid var(--cw-brand-line) !important;
}

.cw-site-style-active .cw-contact-band-item,
.cw-site-style-active .cw-contact-band-item:last-child {
    min-height: 76px !important;
    padding: 18px 24px !important;
    border: 0 !important;
    border-right: 1px solid var(--cw-brand-line) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.cw-site-style-active .cw-contact-band-item:last-child {
    border-right: 0 !important;
}

.cw-site-style-active .cw-contact-band-item strong {
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: var(--cw-brand-navy) !important;
}

/* Hoofdcontactblok: twee evenwichtige kolommen, geen extreem smalle linkerkant. */
.cw-site-style-active .cw-contact-main {
    padding: 70px 0 88px !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-main-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important;
    gap: 48px !important;
    align-items: start !important;
    width: min(var(--cw-content-max), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cw-contact-section-title {
    max-width: 430px !important;
    font-size: clamp(40px, 3.5vw, 56px) !important;
    line-height: 1.02 !important;
}

.cw-site-style-active .cw-contact-section-copy {
    max-width: 440px !important;
    margin-top: 20px !important;
}

.cw-site-style-active .cw-contact-direct {
    margin-top: 26px !important;
    gap: 0 !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 20px !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-direct-item {
    padding: 17px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--cw-brand-line) !important;
    border-radius: 0 !important;
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-contact-direct-item:last-child {
    border-bottom: 0 !important;
}

.cw-site-style-active .cw-contact-checklist {
    display: none !important;
}

/* Dit was de grootste boosdoener voor het enorme lege vlak. */
.cw-site-style-active .cw-contact-side-photo {
    width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    aspect-ratio: auto !important;
    margin-top: 28px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-side-photo img {
    object-fit: cover !important;
    object-position: center center !important;
}

.cw-site-style-active .cw-contact-login-card {
    margin-top: 18px !important;
    padding: 24px !important;
    border: 1px solid rgba(65,67,85,.08) !important;
    border-radius: 22px !important;
    background: #CD3337 !important;
}

.cw-site-style-active .cw-contact-login-card strong {
    font-size: 21px !important;
    line-height: 1.15 !important;
}

.cw-site-style-active .cw-contact-login-card p {
    margin: 10px 0 18px !important;
}

.cw-site-style-active .cw-contact-form-shell {
    width: 100% !important;
    padding: 36px !important;
    border: 1px solid var(--cw-brand-line) !important;
    border-radius: 24px !important;
    background: #FFFFFF !important;
    box-shadow: 0 12px 32px rgba(65,67,85,.05) !important;
}

.cw-site-style-active .cw-contact-form-shell::before {
    width: 48px !important;
    height: 3px !important;
    margin: -4px 0 26px !important;
}

.cw-site-style-active .cw-contact-form-head {
    margin-bottom: 26px !important;
}

.cw-site-style-active .cw-contact-form-head h3 {
    font-size: clamp(28px, 2.6vw, 38px) !important;
    line-height: 1.04 !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-contact-form-grid {
    gap: 18px !important;
}

.cw-site-style-active .cw-contact-form {
    gap: 18px !important;
}

.cw-site-style-active .cw-contact-field input,
.cw-site-style-active .cw-contact-field select {
    min-height: 52px !important;
}

.cw-site-style-active .cw-contact-field textarea {
    min-height: 170px !important;
}

/* Eindblok: twee gelijkwaardige kaarten, beide binnen dezelfde 1210px lijn. */
.cw-site-style-active .cw-contact-end-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

.cw-site-style-active .cw-contact-end-photo,
.cw-site-style-active .cw-contact-end-content-wrap {
    min-height: 410px !important;
    height: 100% !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-end-content-wrap {
    display: flex !important;
    align-items: center !important;
    padding: 48px !important;
    background: var(--cw-brand-aqua-soft) !important;
}

/* Cruciaal: de nested .cw-contact-inner mag in een halve kolom nooit 1210px breed worden. */
.cw-site-style-active .cw-contact-end-content-wrap > .cw-contact-inner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

.cw-site-style-active .cw-contact-end-content {
    width: 100% !important;
    max-width: 470px !important;
}

.cw-site-style-active .cw-contact-end h2 {
    font-size: clamp(40px, 4vw, 58px) !important;
    line-height: 1 !important;
}

.cw-site-style-active .cw-contact-end p {
    margin-top: 20px !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* Op desktop/laptop blijft Contact tweekoloms; pas onder 900px stapelen. */
@media (min-width: 901px) {
    .cw-site-style-active .cw-contact-hero-grid {
        grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    }

    .cw-site-style-active .cw-contact-main-grid {
        grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr) !important;
    }

    .cw-site-style-active .cw-contact-end-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {
    .cw-site-style-active .cwhome-shell,
    .cw-site-style-active .cwemb-shell,
    .cw-site-style-active .cwabout-shell,
    .cw-site-style-active .cw-contact-inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwhome-about__grid,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cwabout-image,
    .cw-site-style-active .cw-contact-main-grid,
    .cw-site-style-active .cw-contact-end-grid,
    .cw-site-style-active .cw-footer__cta-grid {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cw-header__bar {
        width: calc(100vw - 40px) !important;
    }

    .cw-site-style-active .cwhome-section,
    .cw-site-style-active .cwemb-section,
    .cw-site-style-active .cwabout-section {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .cw-site-style-active .cwabout-image {
        height: 420px !important;
    }

    .cw-site-style-active .cw-contact-hero-copy-panel {
        padding: 38px !important;
    }

    .cw-site-style-active .cw-contact-hero-media,
    .cw-site-style-active .cw-contact-hero-copy-panel {
        min-height: 400px !important;
        height: 400px !important;
        max-height: 400px !important;
    }

    .cw-site-style-active .cw-contact-main-grid {
        gap: 34px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cw-contact-hero-grid,
    .cw-site-style-active .cw-contact-main-grid,
    .cw-site-style-active .cw-contact-end-grid {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cw-contact-hero-copy-panel {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }

    .cw-site-style-active .cw-contact-hero-media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
    }

    .cw-site-style-active .cw-contact-band-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .cw-site-style-active .cw-contact-band-item:nth-child(2) {
        border-right: 0 !important;
    }

    .cw-site-style-active .cw-contact-band-item:nth-child(-n + 2) {
        border-bottom: 1px solid var(--cw-brand-line) !important;
    }

    .cw-site-style-active .cw-contact-end-content-wrap {
        min-height: 0 !important;
    }
}

/* ---------- MOBIEL ---------- */
@media (max-width: 699px) {
    .cw-site-style-active .cwhome-shell,
    .cw-site-style-active .cwemb-shell,
    .cw-site-style-active .cwabout-shell,
    .cw-site-style-active .cw-contact-inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cwhome-band__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-steps,
    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwhome-about__grid,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwabout-hero,
    .cw-site-style-active .cwabout-cta,
    .cw-site-style-active .cwabout-image,
    .cw-site-style-active .cw-contact-main-grid,
    .cw-site-style-active .cw-contact-end-grid,
    .cw-site-style-active .cw-footer__cta-grid {
        width: calc(100% - 30px) !important;
    }

    .cw-site-style-active .cw-header__bar {
        width: calc(100vw - 20px) !important;
    }

    .cw-site-style-active .cwhome-section,
    .cw-site-style-active .cwemb-section,
    .cw-site-style-active .cwabout-section {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .cw-site-style-active .cwhome-portal,
    .cw-site-style-active .cwemb-portal {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .cw-site-style-active .cwhome-portal__content,
    .cw-site-style-active .cwemb-portal__content {
        padding: 28px 4px !important;
    }

    .cw-site-style-active .cwabout-image {
        height: 300px !important;
        border-radius: 20px !important;
    }

    .cw-site-style-active .cw-contact-hero {
        padding: 26px 0 24px !important;
    }

    .cw-site-style-active .cw-contact-hero-grid {
        gap: 16px !important;
    }

    .cw-site-style-active .cw-contact-hero-copy-panel {
        padding: 28px 24px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-contact-title {
        font-size: clamp(38px, 11vw, 50px) !important;
    }

    .cw-site-style-active .cw-contact-hero-copy {
        font-size: 15px !important;
    }

    .cw-site-style-active .cw-contact-hero-media {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-contact-hero-note {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none !important;
        padding: 16px 18px !important;
    }

    .cw-site-style-active .cw-contact-hero-note strong {
        font-size: 19px !important;
    }

    .cw-site-style-active .cw-contact-hero-note p {
        display: none !important;
    }

    .cw-site-style-active .cw-contact-main {
        padding: 52px 0 66px !important;
    }

    .cw-site-style-active .cw-contact-form-shell {
        padding: 24px 20px !important;
        border-radius: 20px !important;
    }

    .cw-site-style-active .cw-contact-form-head {
        display: grid !important;
        gap: 10px !important;
    }

    .cw-site-style-active .cw-contact-form-head p {
        max-width: none !important;
    }

    .cw-site-style-active .cw-contact-form-grid {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cw-contact-submit-row {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .cw-site-style-active .cw-contact-side-photo {
        height: 220px !important;
        min-height: 220px !important;
    }

    .cw-site-style-active .cw-contact-end {
        padding-bottom: 68px !important;
    }

    .cw-site-style-active .cw-contact-end-photo {
        min-height: 260px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-contact-end-content-wrap {
        min-height: 0 !important;
        padding: 30px 24px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-contact-end h2 {
        font-size: clamp(36px, 10vw, 48px) !important;
    }
}


/* ==========================================================
   V1.0.14 — GERICHTE LAYOUTCORRECTIES NA VISUELE CONTROLE
   1. Home procesbalk vult de volledige 1210px shell.
   2. Borduren intro is één aqua blok met witte tekst.
   3. Borduren kwaliteitsblok exact 1210px en zonder blauwe/donkere lijnen.
   4. Over-ons CTA gebruikt de volledige 1210px contentbreedte.
   5. Contact hero: tekstblok en foto altijd exact even hoog.
   ========================================================== */

/* 1 — HOME: voorkom dubbele gutter op de rode procesbalk. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

/* 2 — BORDUREN INTRO: één aqua vlak, geen los geel tekstblok. */
.cw-site-style-active .cwemb-intro {
    background: #FFFFFF !important;
}

.cw-site-style-active .cwemb-intro .cwemb-split {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(52px, 5vw, 76px) !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    gap: clamp(48px, 6vw, 92px) !important;
    align-items: start !important;
    background: var(--cw-brand-aqua) !important;
    color: #FFFFFF !important;
    border-radius: 42px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-intro .cwemb-kicker,
.cw-site-style-active .cwemb-intro .cwemb-copy,
.cw-site-style-active .cwemb-intro .cwemb-copy p,
.cw-site-style-active .cwemb-intro .cwemb-copy .cwemb-lead {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-intro h2,
.cw-site-style-active .cwemb-intro h2 span {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-intro .cwemb-kicker {
    display: none !important;
}

.cw-site-style-active .cwemb-intro .cwemb-copy {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwemb-intro .cwemb-copy p:not(.cwemb-lead) {
    color: rgba(255,255,255,.88) !important;
}


.cw-site-style-active .cwemb-intro h2 {
    margin: 0 !important;
    padding: 0 !important;
}

.cw-site-style-active .cwemb-intro .cwemb-copy {
    align-self: start !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwemb-intro .cwemb-split {
        width: min(1440px, calc(100% - 48px)) !important;
        border-radius: 36px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwemb-intro .cwemb-split {
        width: calc(100% - 40px) !important;
        border-radius: 28px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwemb-intro .cwemb-split {
        width: calc(100% - 28px) !important;
        border-radius: 22px !important;
    }
}

/* 3 — BORDUREN KWALITEIT: exact dezelfde 1210px buitenlijn.
   De oude navy/blauwe scheidingslijnen verdwijnen volledig. */
.cw-site-style-active .cwemb-quality {
    width: min(var(--cw-content-max), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-quality > .cwemb-shell,
.cw-site-style-active .cwemb-quality .cwemb-quality__grid {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: clamp(36px, 4.3vw, 58px) !important;
    padding-right: clamp(36px, 4.3vw, 58px) !important;
}

.cw-site-style-active .cwemb-quality .cwemb-checks {
    border-top: 0 !important;
}

.cw-site-style-active .cwemb-quality .cwemb-checks > div {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* 4 — OVER ONS CTA: section zelf full width; alleen het rode blok is 1210px.
   Hiermee verdwijnt de dubbele 32px inspringing. */
.cw-site-style-active .cwabout-cta {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cw-site-style-active .cwabout-cta > .cwabout-cta__grid,
.cw-site-style-active .cwabout-cta > .cwabout-shell {
    width: min(var(--cw-content-max), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 5 — CONTACT HERO: laat de grid-rij de hoogte bepalen en rek beide kaarten uit.
   Geen vaste fotohoogte meer die korter kan worden dan het tekstblok. */
.cw-site-style-active .cw-contact-hero-grid {
    align-items: stretch !important;
}

.cw-site-style-active .cw-contact-hero-copy-wrap {
    display: flex !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: 0 !important;
}

.cw-site-style-active .cw-contact-hero-copy-panel {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
}

.cw-site-style-active .cw-contact-hero-media {
    align-self: stretch !important;
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
}

.cw-site-style-active .cw-contact-hero-media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
}

/* Tablet/mobiel: dezelfde logica, zonder dubbele gutters. */
@media (max-width: 1024px) {
    .cw-site-style-active .cwemb-intro .cwemb-split,
    .cw-site-style-active .cwemb-quality,
    .cw-site-style-active .cwabout-cta > .cwabout-cta__grid,
    .cw-site-style-active .cwabout-cta > .cwabout-shell {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwemb-intro .cwemb-split {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .cw-site-style-active .cw-contact-hero-copy-panel {
        min-height: 0 !important;
    }

    .cw-site-style-active .cw-contact-hero-media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active .cwemb-intro .cwemb-split,
    .cw-site-style-active .cwemb-quality,
    .cw-site-style-active .cwabout-cta > .cwabout-cta__grid,
    .cw-site-style-active .cwabout-cta > .cwabout-shell {
        width: calc(100% - 30px) !important;
    }

    .cw-site-style-active .cwemb-intro .cwemb-split {
        padding: 30px 24px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cwemb-quality {
        border-radius: 22px !important;
    }

    .cw-site-style-active .cwemb-quality > .cwemb-shell,
    .cw-site-style-active .cwemb-quality .cwemb-quality__grid {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .cw-site-style-active .cw-contact-hero-media {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
    }
}


/* ==========================================================
   V1.0.15 — KLANTPORTAAL VOLLEDIG IN NIEUWE SITE-STIJL
   - portalbreedte exact 1210px
   - oude beige hero vervangen door navy/foto split-layout
   - gele marker/underline volledig verwijderd
   - geen geforceerde kapitalen meer in portal, dashboard en offerte-CTA
   - portalbuttons gelijk aan de nieuwe Site System-buttons
   - oude gele "Volgende fase" placeholder niet meer zichtbaar
   ========================================================== */

/* Centrale portalbreedte: dezelfde 1210px als de publieke site. */
.cw-site-style-active .cw-portal {
    --cw-max: var(--cw-content-max, 1210px) !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-portal-inner {
    width: min(var(--cw-content-max, 1210px), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max, 1210px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- PORTAL HERO ---------- */
.cw-site-style-active .cw-portal-hero {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 34px 0 54px !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-portal-hero::before,
.cw-site-style-active .cw-portal-hero::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cw-portal-hero-grid,
.cw-site-style-active .cw-portal-hero > .cw-portal-inner {
    width: min(var(--cw-content-max, 1210px), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max, 1210px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cw-portal-hero-grid {
    display: grid !important;
    grid-template-columns: minmax(0, .90fr) minmax(0, 1.10fr) !important;
    gap: 28px !important;
    align-items: stretch !important;
}

/* Zowel V5-grid als oudere hero-content krijgt dezelfde nieuwe kaart. */
.cw-site-style-active .cw-portal-hero-copy,
.cw-site-style-active .cw-portal-hero-content {
    width: 100% !important;
    max-width: none !important;
    min-height: 430px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: clamp(40px, 4.5vw, 62px) !important;
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    border-radius: 28px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-portal-kicker {
    margin: 0 0 16px !important;
    color: var(--cw-brand-yellow) !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    text-transform: none !important;
}

.cw-site-style-active .cw-portal-title {
    max-width: 650px !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: clamp(48px, 4.25vw, 66px) !important;
    line-height: .98 !important;
    font-weight: 650 !important;
    letter-spacing: -.045em !important;
    text-transform: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* De oude gele marker onder KLANTPORTAAL/KLANTOMGEVING definitief weg. */
.cw-site-style-active .cw-portal-title-accent,
.cw-site-style-active .cw-portal-title span {
    display: inline !important;
    color: inherit !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    padding-bottom: 0 !important;
    text-decoration: none !important;
}

.cw-site-style-active .cw-portal-title-accent::before,
.cw-site-style-active .cw-portal-title-accent::after,
.cw-site-style-active .cw-portal-title span::before,
.cw-site-style-active .cw-portal-title span::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cw-portal-intro {
    max-width: 610px !important;
    margin: 24px 0 0 !important;
    color: rgba(255, 255, 255, .82) !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.cw-site-style-active .cw-portal-hero-media {
    width: 100% !important;
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
    align-self: stretch !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #EEF0F3 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-portal-hero-media img {
    width: 100% !important;
    height: 100% !important;
    min-height: 430px !important;
    display: block !important;
    object-fit: cover !important;
}

/* ---------- LOGIN / ACCOUNT AANVRAGEN ---------- */
.cw-site-style-active .cw-auth-section,
.cw-site-style-active .cw-dashboard {
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-auth-section {
    padding: 58px 0 88px !important;
}

.cw-site-style-active .cw-auth-grid {
    gap: 28px !important;
}

.cw-site-style-active .cw-auth-card,
.cw-site-style-active .cw-auth-card-light,
.cw-site-style-active .cw-auth-card-dark {
    border-top: 0 !important;
    border: 1px solid rgba(65,67,85, .14) !important;
    border-radius: 24px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-auth-card,
.cw-site-style-active .cw-auth-card-light {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-auth-card-dark {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    border-color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-auth-card-inner {
    padding: clamp(30px, 3.8vw, 48px) !important;
}

.cw-site-style-active .cw-auth-eyebrow,
.cw-site-style-active .cw-dashboard-welcome,
.cw-site-style-active .cw-dashboard-card-label,
.cw-site-style-active .cw-panel-head small,
.cw-site-style-active .cw-company-card h3,
.cw-site-style-active .cwq-dashboard-cta__eyebrow,
.cw-site-style-active .cwqv82-dashboard-cta__eyebrow {
    font-family: "Sora", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
    text-transform: none !important;
}

.cw-site-style-active .cw-auth-card-dark .cw-auth-eyebrow {
    color: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cw-auth-card .cw-auth-eyebrow {
    color: #CD3337 !important;
}

.cw-site-style-active .cw-auth-title,
.cw-site-style-active .cw-dashboard-title,
.cw-site-style-active .cw-panel-head h3,
.cw-site-style-active .cwq-dashboard-cta h3,
.cw-site-style-active .cwqv82-dashboard-cta h3 {
    font-family: "Sora", Arial, sans-serif !important;
    font-weight: 650 !important;
    letter-spacing: -.035em !important;
    text-transform: none !important;
}

.cw-site-style-active .cw-auth-card-dark .cw-auth-title {
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-auth-card-dark .cw-auth-copy,
.cw-site-style-active .cw-auth-card-dark .cw-check span,
.cw-site-style-active .cw-auth-card-dark .cw-text-link,
.cw-site-style-active .cw-auth-card-dark .cw-field label {
    color: rgba(255, 255, 255, .78) !important;
}

.cw-site-style-active .cw-auth-card-dark .cw-field input {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border-color: rgba(255, 255, 255, .34) !important;
}

.cw-site-style-active .cw-field label,
.cw-site-style-active .cw-check span,
.cw-site-style-active .cw-text-link,
.cw-site-style-active .cw-button {
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* Portalbuttons exact als de nieuwe publieke CTA's: compact en afgerond. */
.cw-site-style-active .cw-auth-card .cw-button,
.cw-site-style-active .cw-auth-card-dark .cw-button,
.cw-site-style-active .cw-dashboard .cw-button,
.cw-site-style-active .cwq-dashboard-button,
.cw-site-style-active .cwqv82-dashboard-button {
    width: auto !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-button-yellow,
.cw-site-style-active .cwq-dashboard-button,
.cw-site-style-active .cwqv82-dashboard-button {
    background: var(--cw-brand-yellow) !important;
    border: 1px solid var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-button-yellow:hover,
.cw-site-style-active .cw-button-yellow:focus-visible,
.cw-site-style-active .cwq-dashboard-button:hover,
.cw-site-style-active .cwq-dashboard-button:focus-visible,
.cw-site-style-active .cwqv82-dashboard-button:hover,
.cw-site-style-active .cwqv82-dashboard-button:focus-visible {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    transform: none !important;
}

.cw-site-style-active .cw-button-black {
    background: var(--cw-brand-navy) !important;
    border: 1px solid var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-button-black:hover,
.cw-site-style-active .cw-button-black:focus-visible {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    transform: none !important;
}

.cw-site-style-active .cw-button-outline {
    background: #FFFFFF !important;
    border: 1px solid rgba(65,67,85, .22) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cw-button-outline:hover,
.cw-site-style-active .cw-button-outline:focus-visible {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    transform: none !important;
}

/* ---------- INGELOGD DASHBOARD ---------- */
.cw-site-style-active .cw-dashboard {
    padding: 64px 0 92px !important;
}

.cw-site-style-active .cw-dashboard-title {
    color: var(--cw-brand-navy) !important;
    font-size: clamp(38px, 4vw, 56px) !important;
    line-height: 1 !important;
}

.cw-site-style-active .cw-dashboard-card,
.cw-site-style-active .cw-panel,
.cw-site-style-active .cw-company-card,
.cw-site-style-active .cwq-dashboard-cta,
.cw-site-style-active .cwqv82-dashboard-cta {
    border: 1px solid rgba(65,67,85, .14) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-dashboard-card {
    border-top: 1px solid rgba(65,67,85, .14) !important;
}

.cw-site-style-active .cw-dashboard-card-label,
.cw-site-style-active .cw-panel-head h3,
.cw-site-style-active .cw-status,
.cw-site-style-active .cw-company-card h3,
.cw-site-style-active .cwq-dashboard-cta,
.cw-site-style-active .cwq-dashboard-cta *,
.cw-site-style-active .cwqv82-dashboard-cta,
.cw-site-style-active .cwqv82-dashboard-cta * {
    text-transform: none !important;
}

.cw-site-style-active .cw-company-card {
    background: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-company-name {
    text-transform: none !important;
}

/* De echte offerte-CTA is wit met één duidelijke gele knop. */
.cw-site-style-active .cw-dashboard .cwq-dashboard-cta,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta {
    width: 100% !important;
    margin-top: 18px !important;
    padding: 28px !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-cta__eyebrow,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta__eyebrow {
    color: #CD3337 !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-cta h3,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta h3,
.cw-site-style-active .cw-dashboard .cwq-dashboard-cta p,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta p {
    color: var(--cw-brand-navy) !important;
}

/* Oude gele placeholder mag nooit meer als eindresultaat zichtbaar zijn. */
.cw-site-style-active .cw-dashboard-not-ready {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid rgba(65,67,85, .14) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
    text-transform: none !important;
}

/* ---------- OFFERTE-/ORDER-UI: geen oude uppercase stijl meer ---------- */
.cw-site-style-active [class^="cwq-"] h1,
.cw-site-style-active [class^="cwq-"] h2,
.cw-site-style-active [class^="cwq-"] h3,
.cw-site-style-active [class^="cwq-"] h4,
.cw-site-style-active [class^="cwq-"] button,
.cw-site-style-active [class^="cwq-"] label,
.cw-site-style-active [class*=" cwq-"] h1,
.cw-site-style-active [class*=" cwq-"] h2,
.cw-site-style-active [class*=" cwq-"] h3,
.cw-site-style-active [class*=" cwq-"] h4,
.cw-site-style-active [class*=" cwq-"] button,
.cw-site-style-active [class*=" cwq-"] label,
.cw-site-style-active [class^="cwqo-"] h1,
.cw-site-style-active [class^="cwqo-"] h2,
.cw-site-style-active [class^="cwqo-"] h3,
.cw-site-style-active [class^="cwqo-"] h4,
.cw-site-style-active [class^="cwqo-"] button,
.cw-site-style-active [class^="cwqo-"] label,
.cw-site-style-active [class*=" cwqo-"] h1,
.cw-site-style-active [class*=" cwqo-"] h2,
.cw-site-style-active [class*=" cwqo-"] h3,
.cw-site-style-active [class*=" cwqo-"] h4,
.cw-site-style-active [class*=" cwqo-"] button,
.cw-site-style-active [class*=" cwqo-"] label {
    font-family: "Sora", Arial, sans-serif !important;
    text-transform: none !important;
}

/* Responsive portal. */
@media (max-width: 900px) {
    .cw-site-style-active .cw-portal-inner,
    .cw-site-style-active .cw-portal-hero-grid,
    .cw-site-style-active .cw-portal-hero > .cw-portal-inner {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cw-portal-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .cw-site-style-active .cw-portal-hero-copy,
    .cw-site-style-active .cw-portal-hero-content {
        min-height: 0 !important;
        padding: 38px 34px !important;
    }

    .cw-site-style-active .cw-portal-hero-media,
    .cw-site-style-active .cw-portal-hero-media img {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cw-portal-inner,
    .cw-site-style-active .cw-portal-hero-grid,
    .cw-site-style-active .cw-portal-hero > .cw-portal-inner {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cw-portal-hero {
        padding: 20px 0 38px !important;
    }

    .cw-site-style-active .cw-portal-hero-copy,
    .cw-site-style-active .cw-portal-hero-content {
        padding: 30px 24px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-portal-title {
        font-size: clamp(40px, 12.5vw, 54px) !important;
    }

    .cw-site-style-active .cw-portal-hero-media,
    .cw-site-style-active .cw-portal-hero-media img {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cw-auth-section,
    .cw-site-style-active .cw-dashboard {
        padding-top: 44px !important;
        padding-bottom: 68px !important;
    }

    .cw-site-style-active .cw-auth-card .cw-button,
    .cw-site-style-active .cw-auth-card-dark .cw-button,
    .cw-site-style-active .cw-dashboard .cw-button,
    .cw-site-style-active .cwq-dashboard-button,
    .cw-site-style-active .cwqv82-dashboard-button {
        width: 100% !important;
    }
}


/* ==========================================================
   V1.0.16 — PORTAL DASHBOARD REPARATIE
   - minder witruimte tussen hero en dashboard
   - rechterkolom-kaarten weer rustig en leesbaar
   - mijn bedrijf-kaart wit i.p.v. donkerblauw met slecht contrast
   - offertekaart/knop in dashboard strakker en consistenter
   ========================================================== */

.cw-site-style-active .cw-portal-hero {
    padding: 24px 0 22px !important;
}

.cw-site-style-active .cw-dashboard {
    padding: 26px 0 88px !important;
    margin-top: 0 !important;
}

/* Rechterkolom: zelfde rustige kaartstijl als de rest van het dashboard. */
.cw-site-style-active .cw-company-card {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid rgba(65,67,85, .14) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-company-card,
.cw-site-style-active .cw-company-card *,
.cw-site-style-active .cw-company-card .cw-company-name,
.cw-site-style-active .cw-company-card h3,
.cw-site-style-active .cw-company-card p,
.cw-site-style-active .cw-company-card span,
.cw-site-style-active .cw-company-card strong,
.cw-site-style-active .cw-company-card a {
    color: var(--cw-brand-navy) !important;
    text-transform: none !important;
}

.cw-site-style-active .cw-company-card h3,
.cw-site-style-active .cw-company-card small,
.cw-site-style-active .cw-company-card .cw-eyebrow {
    color: #CD3337 !important;
}

/* Dashboard-CTA compacter en consequenter. */
.cw-site-style-active .cw-dashboard .cwq-dashboard-cta,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta,
.cw-site-style-active .cw-dashboard-not-ready {
    margin-top: 18px !important;
    padding: 28px !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid rgba(65,67,85, .14) !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-cta *,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta *,
.cw-site-style-active .cw-dashboard-not-ready * {
    text-transform: none !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-cta h3,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta h3 {
    margin: 0 0 10px !important;
    font-size: clamp(32px, 2.6vw, 42px) !important;
    line-height: .98 !important;
    letter-spacing: -.04em !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-cta p,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta p,
.cw-site-style-active .cw-dashboard-not-ready p {
    margin: 0 0 22px !important;
    color: rgba(65,67,85, .85) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

.cw-site-style-active .cw-dashboard .cwq-dashboard-button,
.cw-site-style-active .cw-dashboard .cwqv82-dashboard-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 16px 24px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-align: center !important;
    gap: 8px !important;
}

/* Kleine dashboardknoppen netter uitgelijnd. */
.cw-site-style-active .cw-dashboard-card .cw-button,
.cw-site-style-active .cw-panel .cw-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
}

@media (max-width: 900px) {
    .cw-site-style-active .cw-portal-hero {
        padding: 16px 0 14px !important;
    }

    .cw-site-style-active .cw-dashboard {
        padding: 20px 0 72px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cw-dashboard .cwq-dashboard-cta h3,
    .cw-site-style-active .cw-dashboard .cwqv82-dashboard-cta h3 {
        font-size: clamp(28px, 8vw, 36px) !important;
    }
}


/* ==========================================================
   V1.0.17 — WITRUIMTE HOMEPAGE / FOOTER FIJNAFSTEMMING
   1. Boven en onder aqua procesband dezelfde witruimte.
   2. Introblok en volgend tekstblok krijgen gelijke verticale ritmes.
   3. Ruimte boven 'Kwaliteit die blijft' gelijk aan andere sectie-overgangen.
   4. Meer lucht tussen gele footer-CTA en zwarte footer.
   ========================================================== */

/* 1) Aqua procesband: gelijke ruimte boven en onder. */
.cw-site-style-active .cwhome-band {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
}

/* 2) Eerste en tweede tekstsectie: gelijker verticaal ritme. */
.cw-site-style-active .cwhome-intro {
    padding-top: 0 !important;
    padding-bottom: 72px !important;
}

.cw-site-style-active .cwhome-services {
    padding-top: 0 !important;
    padding-bottom: 72px !important;
}

/* 3) Overgang van portal/fotoblok naar 'Kwaliteit die blijft' gelijk trekken. */
.cw-site-style-active .cwhome-about {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
}

/* 4) Gele CTA meer afstand geven tot zwarte footer. */
.cw-site-style-active .cw-footer__cta {
    padding-top: 0 !important;
    padding-bottom: 72px !important;
}

.cw-site-style-active .cw-footer__main {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band {
        margin-top: 52px !important;
        margin-bottom: 52px !important;
    }

    .cw-site-style-active .cwhome-intro,
    .cw-site-style-active .cwhome-services,
    .cw-site-style-active .cwhome-about {
        padding-bottom: 56px !important;
    }

    .cw-site-style-active .cwhome-about {
        padding-top: 56px !important;
    }

    .cw-site-style-active .cw-footer__cta {
        padding-bottom: 56px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-band {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .cw-site-style-active .cwhome-intro,
    .cw-site-style-active .cwhome-services,
    .cw-site-style-active .cwhome-about {
        padding-bottom: 44px !important;
    }

    .cw-site-style-active .cwhome-about {
        padding-top: 44px !important;
    }

    .cw-site-style-active .cw-footer__cta {
        padding-bottom: 44px !important;
    }
}


/* ==========================================================
   V1.0.18 — RUSTIGERE 'INSHUR-ACHTIGE' HERO-TAAL
   - 1210px content blijft leidend
   - alleen decoratieve elementen mogen erbuiten vallen
   - bredere hero-foto's met zachtere / speelsere vorm
   - subtiele gestreepte cirkels buiten de contentbreedte
   ========================================================== */

.cw-site-style-active .cwhome-hero,
.cw-site-style-active .cwemb-hero,
.cw-site-style-active .cwabout-hero,
.cw-site-style-active .cw-contact-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

/* Gestreepte decoratie: bewust buiten de contentbreedte en niet te druk. */
.cw-site-style-active .cwhome-hero::before,
.cw-site-style-active .cwemb-hero::before,
.cw-site-style-active .cwabout-hero::before,
.cw-site-style-active .cw-contact-hero::before,
.cw-site-style-active .cwhome-hero::after,
.cw-site-style-active .cwemb-hero::after,
.cw-site-style-active .cwabout-hero::after,
.cw-site-style-active .cw-contact-hero::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.cw-site-style-active .cwhome-hero::before,
.cw-site-style-active .cwemb-hero::before,
.cw-site-style-active .cwabout-hero::before,
.cw-site-style-active .cw-contact-hero::before {
    width: 240px !important;
    height: 240px !important;
    left: -128px !important;
    bottom: 54px !important;
    background-image: repeating-linear-gradient(120deg, rgba(230,164,79, .88) 0 2px, transparent 2px 8px) !important;
    background-color: transparent !important;
}

.cw-site-style-active .cwhome-hero::after,
.cw-site-style-active .cwemb-hero::after,
.cw-site-style-active .cwabout-hero::after,
.cw-site-style-active .cw-contact-hero::after {
    width: 220px !important;
    height: 220px !important;
    right: -128px !important;
    top: 76px !important;
    background-image: repeating-linear-gradient(120deg, rgba(23, 28, 56, .78) 0 2px, transparent 2px 8px) !important;
    background-color: transparent !important;
}

/* HOME HERO: opener, bredere foto rechts, minder zwaar dan voorheen. */
.cw-site-style-active .cwhome-hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 34px 0 76px !important;
    background: #F6F5F2 !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-hero__shade {
    display: none !important;
}

.cw-site-style-active .cwhome-hero__media {
    top: 34px !important;
    bottom: 34px !important;
    left: calc(50% - 10px) !important;
    right: clamp(20px, 3vw, 42px) !important;
    border-radius: 34px 34px 34px 84px !important;
    overflow: hidden !important;
    transform: none !important;
    z-index: 1 !important;
}

.cw-site-style-active .cwhome-hero__inner {
    min-height: 560px !important;
    height: auto !important;
    align-items: center !important;
    padding-top: 38px !important;
    padding-bottom: 38px !important;
    position: relative !important;
    z-index: 2 !important;
}

.cw-site-style-active .cwhome-hero__box {
    width: min(520px, 42%) !important;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.cw-site-style-active .cwhome-hero h1 {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-hero__box > p {
    color: #111111 !important;
}

/* BORDUREN HERO: zelfde rustige taal met bredere foto. */
.cw-site-style-active .cwemb-hero {
    background: #F6F5F2 !important;
    padding: 34px 0 78px !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}

.cw-site-style-active .cwemb-hero__shade {
    display: none !important;
}

.cw-site-style-active .cwemb-hero__media {
    position: absolute !important;
    top: 34px !important;
    bottom: 34px !important;
    left: calc(50% - 8px) !important;
    right: clamp(20px, 3vw, 42px) !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 34px 34px 34px 84px !important;
    overflow: hidden !important;
    z-index: 1 !important;
}

.cw-site-style-active .cwemb-hero__inner {
    min-height: 560px !important;
    height: auto !important;
    padding: 38px 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.cw-site-style-active .cwemb-hero__copy {
    width: min(520px, 42%) !important;
    padding-right: 0 !important;
    background: transparent !important;
}

/* OVER ONS HERO: twee blokken, maar foto iets royaler en speelser. */
.cw-site-style-active .cwabout-hero {
    width: min(var(--cw-content-max, 1210px), calc(100% - 64px)) !important;
    max-width: var(--cw-content-max, 1210px) !important;
    margin: 34px auto 74px !important;
    gap: 34px !important;
    overflow: visible !important;
}

.cw-site-style-active .cwabout-hero__media,
.cw-site-style-active .cwabout-hero__content {
    position: relative !important;
    z-index: 2 !important;
}

.cw-site-style-active .cwabout-hero__media {
    border-radius: 34px 34px 34px 84px !important;
    overflow: hidden !important;
}

/* CONTACT HERO: iets bredere foto en meer lucht, maar rustig houden. */
.cw-site-style-active .cw-contact-hero {
    padding-top: 34px !important;
    padding-bottom: 72px !important;
}

.cw-site-style-active .cw-contact-hero-media {
    border-radius: 34px 34px 34px 84px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cw-contact-hero-note {
    border-radius: 22px !important;
}

@media (max-width: 1100px) {
    .cw-site-style-active .cwhome-hero,
    .cw-site-style-active .cwemb-hero {
        padding: 24px 0 62px !important;
    }

    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwemb-hero__media {
        left: calc(48% + 10px) !important;
        border-radius: 28px 28px 28px 64px !important;
    }

    .cw-site-style-active .cwhome-hero__box,
    .cw-site-style-active .cwemb-hero__copy {
        width: min(500px, 44%) !important;
    }

    .cw-site-style-active .cwabout-hero {
        width: min(var(--cw-content-max, 1210px), calc(100% - 40px)) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero::before,
    .cw-site-style-active .cwemb-hero::before,
    .cw-site-style-active .cwabout-hero::before,
    .cw-site-style-active .cw-contact-hero::before {
        width: 168px !important;
        height: 168px !important;
        left: -88px !important;
        bottom: 42px !important;
    }

    .cw-site-style-active .cwhome-hero::after,
    .cw-site-style-active .cwemb-hero::after,
    .cw-site-style-active .cwabout-hero::after,
    .cw-site-style-active .cw-contact-hero::after {
        width: 152px !important;
        height: 152px !important;
        right: -84px !important;
        top: 58px !important;
    }

    .cw-site-style-active .cwhome-hero,
    .cw-site-style-active .cwemb-hero {
        background: #F6F5F2 !important;
        padding: 22px 0 54px !important;
    }

    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwemb-hero__media {
        position: relative !important;
        inset: auto !important;
        width: min(var(--cw-content-max, 1210px), calc(100% - 40px)) !important;
        height: 360px !important;
        min-height: 360px !important;
        margin: 0 auto !important;
        border-radius: 24px 24px 24px 52px !important;
    }

    .cw-site-style-active .cwhome-hero__inner,
    .cw-site-style-active .cwemb-hero__inner {
        min-height: 0 !important;
        padding: 34px 0 0 !important;
    }

    .cw-site-style-active .cwhome-hero__box,
    .cw-site-style-active .cwemb-hero__copy {
        width: min(720px, 100%) !important;
    }

    .cw-site-style-active .cwabout-hero {
        width: min(var(--cw-content-max, 1210px), calc(100% - 40px)) !important;
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        margin: 24px auto 58px !important;
    }

    .cw-site-style-active .cwabout-hero__media {
        min-height: 340px !important;
        max-height: 340px !important;
        height: 340px !important;
        border-radius: 24px 24px 24px 52px !important;
    }

    .cw-site-style-active .cw-contact-hero-media {
        border-radius: 24px 24px 24px 52px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero::before,
    .cw-site-style-active .cwemb-hero::before,
    .cw-site-style-active .cwabout-hero::before,
    .cw-site-style-active .cw-contact-hero::before,
    .cw-site-style-active .cwhome-hero::after,
    .cw-site-style-active .cwemb-hero::after,
    .cw-site-style-active .cwabout-hero::after,
    .cw-site-style-active .cw-contact-hero::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwemb-hero__media {
        width: calc(100% - 28px) !important;
        height: 260px !important;
        min-height: 260px !important;
        border-radius: 20px 20px 20px 40px !important;
    }

    .cw-site-style-active .cwabout-hero {
        width: calc(100% - 28px) !important;
        margin: 18px auto 44px !important;
    }

    .cw-site-style-active .cwabout-hero__media,
    .cw-site-style-active .cw-contact-hero-media {
        border-radius: 20px 20px 20px 40px !important;
    }
}


/* ==========================================================
   V1.0.19 — HOMEPAGE HERO NAAR FOTO-BOVEN / TEKST-ONDER
   - eerste hero alleen foto op max 1440px breedte
   - daaronder op witte achtergrond de bestaande hero-tekst
   - afgeronde vorm van de brede foto behouden
   - rustiger start, geïnspireerd op INSHUR-opbouw
   ========================================================== */

/* Alleen homepage: geen extra decoratie in de eerste hero. */
.cw-site-style-active .cwhome-hero::before,
.cw-site-style-active .cwhome-hero::after {
    display: none !important;
}

.cw-site-style-active .cwhome-hero {
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 30px 0 84px !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-hero__shade {
    display: none !important;
}

/* Bovenaan alleen de brede foto. */
.cw-site-style-active .cwhome-hero__media {
    position: relative !important;
    inset: auto !important;
    width: min(1440px, calc(100% - 64px)) !important;
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
    margin: 0 auto !important;
    border-radius: 48px !important;
    overflow: hidden !important;
    transform: none !important;
    background-size: cover !important;
    background-position: center center !important;
    z-index: 1 !important;
}

/* Daaronder de tekst op wit, binnen dezelfde brede lijn. */
.cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 54px 0 0 !important;
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
}

.cw-site-style-active .cwhome-hero__box {
    width: min(920px, 100%) !important;
    padding: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.cw-site-style-active .cwhome-hero h1 {
    color: var(--cw-brand-navy) !important;
    font-size: clamp(64px, 8vw, 112px) !important;
    line-height: .92 !important;
    letter-spacing: -.06em !important;
}

.cw-site-style-active .cwhome-hero h1 span {
    color: var(--cw-brand-yellow) !important;
}

.cw-site-style-active .cwhome-hero__box > p {
    max-width: 780px !important;
    margin: 28px 0 0 !important;
    color: #111111 !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

.cw-site-style-active .cwhome-actions {
    margin-top: 32px !important;
    gap: 14px !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-hero__media {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        border-radius: 40px !important;
    }

    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(58px, 7vw, 92px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero {
        padding: 22px 0 60px !important;
    }

    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-hero__media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        border-radius: 28px !important;
    }

    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 38px !important;
    }

    .cw-site-style-active .cwhome-hero__box {
        width: min(760px, 100%) !important;
    }

    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(48px, 9vw, 72px) !important;
        line-height: .95 !important;
    }

    .cw-site-style-active .cwhome-hero__box > p {
        font-size: 17px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero {
        padding: 16px 0 46px !important;
    }

    .cw-site-style-active .cwhome-hero__media,
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-hero__media {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 28px !important;
    }

    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(36px, 11.5vw, 52px) !important;
    }

    .cw-site-style-active .cwhome-hero__box > p {
        margin-top: 20px !important;
        font-size: 16px !important;
    }
}


/* ==========================================================
   V1.0.20 — HOMEPAGE HERO FINETUNE
   - fotohoek linksonder ook volledig rond
   - tekst gecentreerd zoals INSHUR
   - geen kleurverschillen meer in de headline
   ========================================================== */

.cw-site-style-active .cwhome-hero__media {
    border-radius: 42px !important;
    -webkit-clip-path: inset(0 round 42px) !important;
    clip-path: inset(0 round 42px) !important;
}

.cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
    text-align: center !important;
}

.cw-site-style-active .cwhome-hero__box {
    width: min(980px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.cw-site-style-active .cwhome-hero__box > p {
    margin-left: auto !important;
    margin-right: auto !important;
    color: #111111 !important;
}

.cw-site-style-active .cwhome-hero h1,
.cw-site-style-active .cwhome-hero h1 span {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwhome-actions {
    justify-content: center !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 36px !important;
        -webkit-clip-path: inset(0 round 36px) !important;
        clip-path: inset(0 round 36px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 28px !important;
        -webkit-clip-path: inset(0 round 28px) !important;
        clip-path: inset(0 round 28px) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 22px !important;
        -webkit-clip-path: inset(0 round 22px) !important;
        clip-path: inset(0 round 22px) !important;
    }
}


/* ==========================================================
   V1.0.21 — HOMEPAGE HERO HOEK / KICKER FIX
   - foto: 3 ronde hoeken + linksonder echte hoek
   - kicker 'Professionele borduurproductie' verwijderen
   - afstand header > foto gelijk houden
   ========================================================== */

.cw-site-style-active .cwhome-hero__media {
    border-radius: 42px 42px 42px 0 !important;
    -webkit-clip-path: inset(0 round 42px 42px 42px 0) !important;
    clip-path: inset(0 round 42px 42px 42px 0) !important;
}

.cw-site-style-active .cwhome-hero .cwhome-hero__box > .cwhome-kicker {
    display: none !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 36px 36px 36px 0 !important;
        -webkit-clip-path: inset(0 round 36px 36px 36px 0) !important;
        clip-path: inset(0 round 36px 36px 36px 0) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 28px 28px 28px 0 !important;
        -webkit-clip-path: inset(0 round 28px 28px 28px 0) !important;
        clip-path: inset(0 round 28px 28px 28px 0) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero__media {
        border-radius: 22px 22px 22px 0 !important;
        -webkit-clip-path: inset(0 round 22px 22px 22px 0) !important;
        clip-path: inset(0 round 22px 22px 22px 0) !important;
    }
}


/* ==========================================================
   V1.0.22 — AQUA BAND 1440PX / VOLGORDE FIX
   - aqua band op volle 1440px-lijn
   - 4 gelijke kolommen met evenredige scheidingslijnen
   - item 1 = Ontwerpen / Eigen ontwerpstudio
   - item 2 = Borduren / Professionele productie
   ========================================================== */

.cw-site-style-active .cwhome-band {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent !important;
}

.cw-site-style-active .cwhome-band__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: #CD3337 !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    position: relative !important;
    min-width: 0 !important;
    min-height: 118px !important;
    padding: 28px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
}

.cw-site-style-active .cwhome-band__item::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    width: 1px !important;
    height: 62% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,.28) !important;
}

.cw-site-style-active .cwhome-band__item:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwhome-band__badge,
.cw-site-style-active .cwhome-band__iconchip,
.cw-site-style-active .cwhome-band__icon {
    display: none !important;
}

.cw-site-style-active .cwhome-band__item > div:last-child {
    display: grid !important;
    gap: 6px !important;
}

.cw-site-style-active .cwhome-band__item strong {
    display: block !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cwhome-band__item small {
    display: block !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-band__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        padding: 26px 28px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 40px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 24px !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: 98px !important;
        padding: 22px 22px !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(2)::after {
        display: none !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 28px) !important;
        grid-template-columns: 1fr !important;
        border-radius: 22px !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        min-height: 0 !important;
        padding: 18px 20px !important;
    }

    .cw-site-style-active .cwhome-band__item::after {
        top: auto !important;
        bottom: 0 !important;
        right: 20px !important;
        left: 20px !important;
        width: auto !important;
        height: 1px !important;
        transform: none !important;
    }
}


/* ==========================================================
   V1.0.23 — HERO / AQUA BAND FINETUNE
   - headline 4px kleiner
   - 20px extra ruimte tussen hero-foto en headlineblok
   - aqua band echt full width
   - inhoud aqua band binnen 1440px, evenredig verdeeld
   ========================================================== */

/* Hero: titel iets kleiner en meer ruimte onder de foto. */
.cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
    padding-top: 74px !important;
}

.cw-site-style-active .cwhome-hero h1 {
    font-size: clamp(58px, 7.1vw, 96px) !important;
}

/* Aqua band: volle breedte achtergrond, inhoud op 1440px-grid. */
.cw-site-style-active .cwhome-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-band__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    min-height: 120px !important;
    padding: 28px 32px !important;
    justify-content: center !important;
}

.cw-site-style-active .cwhome-band__item > div:last-child {
    width: 100% !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(52px, 6.4vw, 84px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 58px !important;
    }

    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(44px, 8vw, 66px) !important;
    }

    .cw-site-style-active .cwhome-band {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 48px !important;
    }

    .cw-site-style-active .cwhome-hero h1 {
        font-size: clamp(34px, 11vw, 50px) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 28px) !important;
    }
}


/* ==========================================================
   V1.0.24 — HERO & AQUA BAND ALIGNMENT
   - hero content exact verticaal gecentreerd tussen foto en aqua band
   - witruimte boven en onder = 72px op desktop
   - aqua band content uitgelijnd op de hero-fotorand
   - eerste item links, laatste item rechts, middenitems evenredig
   ========================================================== */

/* Exact gelijke witruimte rondom de headline-zone. */
.cw-site-style-active .cwhome-hero {
    padding-bottom: 72px !important;
}

.cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
    padding-top: 72px !important;
}

/* Aqua band op volle paginabreedte, inhoud op dezelfde 1440px-lijn als de hero-foto. */
.cw-site-style-active .cwhome-band {
    margin-top: 0 !important;
}

.cw-site-style-active .cwhome-band__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    min-height: 120px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

/* Eerste en laatste item exact op de fotolijn laten starten/eindigen. */
.cw-site-style-active .cwhome-band__item:nth-child(1) {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    padding-right: 32px !important;
    text-align: left !important;
}

.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3) {
    justify-content: center !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    text-align: center !important;
}

.cw-site-style-active .cwhome-band__item:nth-child(4) {
    justify-content: flex-end !important;
    padding-left: 32px !important;
    padding-right: 0 !important;
    text-align: right !important;
}

.cw-site-style-active .cwhome-band__item:nth-child(1) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(4) > div:last-child {
    width: auto !important;
}

.cw-site-style-active .cwhome-band__item:nth-child(2) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(3) > div:last-child {
    width: 100% !important;
}

.cw-site-style-active .cwhome-band__item strong,
.cw-site-style-active .cwhome-band__item small {
    white-space: nowrap !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero {
        padding-bottom: 64px !important;
    }

    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 64px !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(1) {
        padding-right: 24px !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3) {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        padding-left: 24px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero {
        padding-bottom: 52px !important;
    }

    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 52px !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 40px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        justify-content: flex-start !important;
        text-align: left !important;
        padding-left: 0 !important;
        padding-right: 20px !important;
    }

    .cw-site-style-active .cwhome-band__item strong,
    .cw-site-style-active .cwhome-band__item small {
        white-space: normal !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero {
        padding-bottom: 40px !important;
    }

    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 40px !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 28px) !important;
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================
   V1.0.25 — AQUA BAND EXACT SEGMENTRITME
   Ieder tekstblok is één gelijk blok; de 3 lijnen zijn losse segmenten.
   Daardoor is de blauwe ruimte links/rechts van iedere lijn exact gelijk.
   ========================================================== */

/* Desktop: 4 gelijke tekstblokken + 3 losse lijnen. */
.cw-site-style-active .cwhome-band__grid {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr) 1px
        minmax(0, 1fr) 1px
        minmax(0, 1fr) 1px
        minmax(0, 1fr) !important;
    column-gap: clamp(34px, 4.6vw, 66px) !important;
    align-items: stretch !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    width: 100% !important;
    min-width: 0 !important;
    padding: 28px 0 !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Oude pseudo-streepjes volledig uit: alleen de drie echte separatoren tellen mee. */
.cw-site-style-active .cwhome-band__item::after,
.cw-site-style-active .cwhome-band__item:nth-child(1)::after,
.cw-site-style-active .cwhome-band__item:nth-child(2)::after,
.cw-site-style-active .cwhome-band__item:nth-child(3)::after,
.cw-site-style-active .cwhome-band__item:nth-child(4)::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-band__sep {
    display: block !important;
    width: 1px !important;
    height: 62% !important;
    align-self: center !important;
    justify-self: center !important;
    background: rgba(255,255,255,.30) !important;
}

/* Het tekstvak zelf vult zijn gelijke gridkolom: dus visueel 4 identieke segmenten. */
.cw-site-style-active .cwhome-band__item > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(1) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(2) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(3) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(4) > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
}

/* Eerste tekstblok start exact op de linker hero-fotolijn; vierde kolom eindigt op rechts. */
.cw-site-style-active .cwhome-band__item:nth-of-type(1) {
    justify-self: stretch !important;
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 28px !important;
        row-gap: 0 !important;
    }

    .cw-site-style-active .cwhome-band__sep {
        display: none !important;
    }

    .cw-site-style-active .cwhome-band__item,
    .cw-site-style-active .cwhome-band__item:nth-child(1),
    .cw-site-style-active .cwhome-band__item:nth-child(2),
    .cw-site-style-active .cwhome-band__item:nth-child(3),
    .cw-site-style-active .cwhome-band__item:nth-child(4) {
        padding: 22px 0 !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}


/* ==========================================================
   V1.0.26 — HOMEPAGE 1440 GRID + EXACT AQUA SPACING
   - homepage vanaf aqua band: max 1440px fluid contentlijn
   - aqua: variabele tekstbreedtes, maar ALLE blauwe tussenruimtes gelijk
   - eerste tekst exact links op hero-lijn, laatste exact rechts
   ========================================================== */

/* Homepage hoofdgrid vanaf deze zone naar 1440px.
   Tekstkolommen mogen zelf smaller blijven voor leesbaarheid;
   hun buitencontainer ligt voortaan wel op dezelfde 1440px-lijn. */
.cw-site-style-active .cwhome {
    --cw-max: 1440px !important;
}

.cw-site-style-active .cwhome .cwhome-shell,
.cw-site-style-active .cwhome .cwhome-process__head,
.cw-site-style-active .cwhome .cwhome-steps,
.cw-site-style-active .cwhome .cwhome-portal,
.cw-site-style-active .cwhome .cwhome-about__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Aqua achtergrond blijft full width. De inhoud gebruikt exact de hero-fotolijn. */
.cw-site-style-active .cwhome-band__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    /* 4 tekstblokken (auto) + 6 IDENTIEKE blauwe ruimtes (1fr) + 3 lijnen. */
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    align-items: center !important;
}

/* Directe kinderen bewust op de juiste kolommen zetten. */
.cw-site-style-active .cwhome-band__grid > .cwhome-band__item:nth-of-type(1) {
    grid-column: 1 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__sep:nth-of-type(1) {
    grid-column: 3 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__item:nth-of-type(2) {
    grid-column: 5 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__sep:nth-of-type(2) {
    grid-column: 7 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__item:nth-of-type(3) {
    grid-column: 9 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__sep:nth-of-type(3) {
    grid-column: 11 !important;
}

.cw-site-style-active .cwhome-band__grid > .cwhome-band__item:nth-of-type(4) {
    grid-column: 13 !important;
}

.cw-site-style-active .cwhome-band__item,
.cw-site-style-active .cwhome-band__item:nth-child(1),
.cw-site-style-active .cwhome-band__item:nth-child(2),
.cw-site-style-active .cwhome-band__item:nth-child(3),
.cw-site-style-active .cwhome-band__item:nth-child(4) {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 120px !important;
    padding: 28px 0 !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    text-align: left !important;
}

.cw-site-style-active .cwhome-band__item:nth-of-type(4) {
    justify-self: end !important;
}

.cw-site-style-active .cwhome-band__item > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(1) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(2) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(3) > div:last-child,
.cw-site-style-active .cwhome-band__item:nth-child(4) > div:last-child {
    width: max-content !important;
}

.cw-site-style-active .cwhome-band__sep {
    width: 1px !important;
    height: 62% !important;
    min-height: 56px !important;
    justify-self: center !important;
    align-self: center !important;
    background: rgba(255,255,255,.30) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome .cwhome-shell,
    .cw-site-style-active .cwhome .cwhome-process__head,
    .cw-site-style-active .cwhome .cwhome-steps,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-about__grid,
    .cw-site-style-active .cwhome-band__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns:
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content !important;
    }

    .cw-site-style-active .cwhome-band__item strong {
        font-size: 16px !important;
    }

    .cw-site-style-active .cwhome-band__item small {
        font-size: 14px !important;
    }
}

/* Tablet: terug naar een robuuste 2-kolomsopbouw. */
@media (max-width: 900px) {
    .cw-site-style-active .cwhome .cwhome-shell,
    .cw-site-style-active .cwhome .cwhome-process__head,
    .cw-site-style-active .cwhome .cwhome-steps,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-about__grid,
    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 28px !important;
    }

    .cw-site-style-active .cwhome-band__grid > .cwhome-band__item {
        grid-column: auto !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .cw-site-style-active .cwhome-band__grid > .cwhome-band__sep {
        display: none !important;
    }

    .cw-site-style-active .cwhome-band__item > div:last-child {
        width: 100% !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome .cwhome-shell,
    .cw-site-style-active .cwhome .cwhome-process__head,
    .cw-site-style-active .cwhome .cwhome-steps,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-about__grid,
    .cw-site-style-active .cwhome-band__grid {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-band__grid {
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}


/* ==========================================================
   V1.0.27 — HOME RODE PROCESBALK FULL WIDTH 1440 GRID
   - rode procesbalk full width zoals aqua balk
   - inhoud op 1440px hoofdlijn
   - 4 gelijke segmenten met evenredige verdeling
   - verticale strepen op exact gelijke posities
   ========================================================== */

.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 40px !important;
    padding-left: max(32px, calc((100vw - 1440px) / 2)) !important;
    padding-right: max(32px, calc((100vw - 1440px) / 2)) !important;
    background: #CD3337 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
    min-width: 0 !important;
    min-height: 212px !important;
    padding: 44px 48px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative !important;
    border: 0 !important;
    background: transparent !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    width: 1px !important;
    height: 66% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,.28) !important;
    display: block !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps .cwhome-stepbadge {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps h3 {
    margin: 0 0 12px !important;
    color: #FFFFFF !important;
    font-size: clamp(24px, 2vw, 30px) !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps p {
    max-width: 28ch !important;
    margin: 0 !important;
    color: rgba(255,255,255,.98) !important;
    font-size: clamp(16px, 1.24vw, 19px) !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

@media (max-width: 1440px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
        padding: 38px 34px !important;
        min-height: 196px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps h3 {
        font-size: clamp(22px, 2.2vw, 27px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps p {
        font-size: 16px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-radius: 28px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
        min-height: 0 !important;
        padding: 32px 24px !important;
        justify-content: flex-start !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        right: 0 !important;
        top: 50% !important;
        bottom: auto !important;
        left: auto !important;
        width: 1px !important;
        height: 64% !important;
        transform: translateY(-50%) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2) {
        border-bottom: 1px solid rgba(255,255,255,.18) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
        grid-template-columns: 1fr !important;
        border-radius: 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
        padding: 24px 20px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        top: auto !important;
        bottom: 0 !important;
        left: 20px !important;
        right: 20px !important;
        width: auto !important;
        height: 1px !important;
        transform: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:last-child::after {
        display: none !important;
    }
}


/* ==========================================================
   V1.0.28 — HOME SECTIEKOPPEN OPSCHONEN
   - koppen onder aqua/rode band weer rustiger en consistent
   - rechter kolomtekst verwijderen in intro / services / process
   - kickers verwijderen: Wat we doen / Mogelijkheden / Van artwork naar product
   ========================================================== */

/* Consistente kopgrootte voor de drie home-secties onder de aqua band. */
.cw-site-style-active .cwhome-intro__title h2,
.cw-site-style-active .cwhome-sectionhead h2,
.cw-site-style-active .cwhome-process__head h2 {
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -0.045em !important;
    font-weight: 700 !important;
    max-width: 11ch !important;
    margin: 0 !important;
}

/* Kickerregels uit. */
.cw-site-style-active .cwhome-intro__title .cwhome-kicker,
.cw-site-style-active .cwhome-sectionhead .cwhome-kicker,
.cw-site-style-active .cwhome-process__head .cwhome-kicker {
    display: none !important;
}

/* Rechter tekstkolommen verwijderen. */
.cw-site-style-active .cwhome-intro__copy,
.cw-site-style-active .cwhome-sectionhead > p,
.cw-site-style-active .cwhome-process__head > p {
    display: none !important;
}

/* Layout naar één duidelijke linkerkolom. */
.cw-site-style-active .cwhome-intro__grid,
.cw-site-style-active .cwhome-sectionhead,
.cw-site-style-active .cwhome-process__head {
    display: block !important;
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwhome-intro__title,
.cw-site-style-active .cwhome-sectionhead > div,
.cw-site-style-active .cwhome-process__head > div {
    max-width: 980px !important;
}

/* Witte ruimte per sectiekop iets compacter en rustiger. */
.cw-site-style-active .cwhome-intro {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
}

.cw-site-style-active .cwhome-services {
    padding-top: 84px !important;
}

.cw-site-style-active .cwhome-sectionhead {
    margin-bottom: 40px !important;
}

.cw-site-style-active .cwhome-process__head {
    padding-bottom: 22px !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-sectionhead,
    .cw-site-style-active .cwhome-process__head {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-intro__title h2,
    .cw-site-style-active .cwhome-sectionhead h2,
    .cw-site-style-active .cwhome-process__head h2 {
        font-size: clamp(48px, 6vw, 72px) !important;
        max-width: 12ch !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-sectionhead,
    .cw-site-style-active .cwhome-process__head {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-intro__title h2,
    .cw-site-style-active .cwhome-sectionhead h2,
    .cw-site-style-active .cwhome-process__head h2 {
        font-size: clamp(40px, 8vw, 58px) !important;
        max-width: none !important;
    }

    .cw-site-style-active .cwhome-intro,
    .cw-site-style-active .cwhome-services,
    .cw-site-style-active .cwhome-process {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-sectionhead,
    .cw-site-style-active .cwhome-process__head {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-intro__title h2,
    .cw-site-style-active .cwhome-sectionhead h2,
    .cw-site-style-active .cwhome-process__head h2 {
        font-size: clamp(34px, 10vw, 46px) !important;
    }
}


/* ==========================================================
   V1.0.29 — CENTRALE SORA TYPOGRAFIE
   Eén lettertype over de complete Reclamehuys Site System UI.
   Koppen krachtig; lopende tekst lichter en rustiger.
   ========================================================== */

/* Sora overal binnen de Reclamehuys onderdelen. */
.cw-site-style-active .cw-header,
.cw-site-style-active .cw-header *,
.cw-site-style-active .cw-footer,
.cw-site-style-active .cw-footer *,
.cw-site-style-active .cwhome,
.cw-site-style-active .cwhome *,
.cw-site-style-active .cwemb,
.cw-site-style-active .cwemb *,
.cw-site-style-active .cwabout,
.cw-site-style-active .cwabout *,
.cw-site-style-active .cw-contact-page,
.cw-site-style-active .cw-contact-page *,
.cw-site-style-active .cw-portal,
.cw-site-style-active .cw-portal *,
.cw-site-style-active #cwso-app,
.cw-site-style-active #cwso-app *,
.cw-site-style-active [class^="cwq-"],
.cw-site-style-active [class^="cwq-"] *,
.cw-site-style-active [class*=" cwq-"],
.cw-site-style-active [class*=" cwq-"] *,
.cw-site-style-active [class^="cwqo-"],
.cw-site-style-active [class^="cwqo-"] *,
.cw-site-style-active [class*=" cwqo-"],
.cw-site-style-active [class*=" cwqo-"] * {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
}

/* Grote koppen: dezelfde stevige uitstraling als nu. */
.cw-site-style-active .cwhome h1,
.cw-site-style-active .cwhome h2,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cw-contact-title,
.cw-site-style-active .cw-contact-section-title,
.cw-site-style-active .cw-contact-end h2,
.cw-site-style-active .cw-portal h1,
.cw-site-style-active .cw-portal h2,
.cw-site-style-active .cw-footer h2 {
    font-weight: 700 !important;
}

/* Kleinere koppen iets minder zwaar. */
.cw-site-style-active .cwhome h3,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h3,
.cw-site-style-active .cw-contact-page h3,
.cw-site-style-active .cw-portal h3,
.cw-site-style-active .cw-footer h3 {
    font-weight: 600 !important;
}

/* Gewone leestekst: lichte Sora. */
.cw-site-style-active .cwhome p,
.cw-site-style-active .cwhome li,
.cw-site-style-active .cwemb p,
.cw-site-style-active .cwemb li,
.cw-site-style-active .cwabout p,
.cw-site-style-active .cwabout li,
.cw-site-style-active .cw-contact-page p,
.cw-site-style-active .cw-contact-page li,
.cw-site-style-active .cw-portal p,
.cw-site-style-active .cw-portal li,
.cw-site-style-active .cw-footer p,
.cw-site-style-active .cw-footer li,
.cw-site-style-active #cwso-app p,
.cw-site-style-active #cwso-app li {
    font-weight: 400 !important;
}

/* Leads blijven iets nadrukkelijker dan body, maar niet zwaar. */
.cw-site-style-active .cwhome-lead,
.cw-site-style-active .cwemb-lead,
.cw-site-style-active .cwabout-lead,
.cw-site-style-active .cw-contact-section-copy,
.cw-site-style-active .cw-contact-hero-copy,
.cw-site-style-active .cw-portal .cw-lead {
    font-weight: 400 !important;
}

/* Kleine ondersteunende teksten. */
.cw-site-style-active small,
.cw-site-style-active .cwhome-band__item small,
.cw-site-style-active .cw-muted,
.cw-site-style-active .cw-meta {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}

/* Navigatie, knoppen en labels voldoende stevig voor bediening. */
.cw-site-style-active .cw-header a,
.cw-site-style-active .cw-footer a,
.cw-site-style-active button,
.cw-site-style-active input[type="submit"],
.cw-site-style-active .cwhome-btn,
.cw-site-style-active .cwemb-btn,
.cw-site-style-active .cwabout-btn,
.cw-site-style-active .cw-contact-btn,
.cw-site-style-active .cw-contact-submit,
.cw-site-style-active .cw-button,
.cw-site-style-active label {
    font-weight: 600 !important;
}

/* Kicker/eyebrow: compact maar niet overdreven zwaar. */
.cw-site-style-active .cwhome-kicker,
.cw-site-style-active .cwemb-kicker,
.cw-site-style-active .cwabout-kicker,
.cw-site-style-active .cw-contact-kicker,
.cw-site-style-active .cw-contact-section-kicker,
.cw-site-style-active .cw-eyebrow {
    font-weight: 600 !important;
}

/* Formulierinvoer zelf weer gewone leesgewicht. */
.cw-site-style-active input:not([type="submit"]),
.cw-site-style-active select,
.cw-site-style-active textarea {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}


/* ==========================================================
   V1.0.30 — HOME PROCESKOP + RODE BALK AFSTEMMEN
   - "Een heldere productieroute" zonder kicker maar mét rechter tekstkolom
   - rode balk typografie exact in lijn met aqua balk
   - rode balk full-width met inhoud uitgelijnd op 1440px
   ========================================================== */

/* Alleen de kleine kicker boven de proceskop weg; rechter tekst blijft zichtbaar. */
.cw-site-style-active .cwhome-process__head .cwhome-kicker {
    display: none !important;
}

.cw-site-style-active .cwhome-process__head {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr) !important;
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    column-gap: 72px !important;
    align-items: center !important;
    padding-bottom: 28px !important;
}

.cw-site-style-active .cwhome-process__head > div {
    max-width: 980px !important;
}

.cw-site-style-active .cwhome-process__head > p {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    min-height: 116px !important;
    padding-left: 42px !important;
    color: var(--cw-brand-navy) !important;
    font-size: clamp(22px, 2vw, 28px) !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
}

.cw-site-style-active .cwhome-process__head > p::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 1px !important;
    height: 74px !important;
    background: rgba(65,67,85, .18) !important;
}

/* RODE BALK: full-width achtergrond, inhoud op een 1440px-raster zoals gevraagd. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: max(32px, calc((100vw - 1440px) / 2)) !important;
    padding-right: max(32px, calc((100vw - 1440px) / 2)) !important;
    background: #CD3337 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
    min-width: 0 !important;
    min-height: 210px !important;
    padding-top: 42px !important;
    padding-bottom: 42px !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

/* Uitlijning laten starten/eindigen op dezelfde visuele hoofdlijn als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps article:first-child {
    padding-left: 0 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article:last-child {
    padding-right: 0 !important;
    align-items: flex-end !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    width: 1px !important;
    height: 62% !important;
    transform: translateY(-50%) !important;
    background: rgba(255,255,255,.30) !important;
    display: block !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps article:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps .cwhome-stepbadge {
    display: none !important;
}

/* Exact dezelfde typografische hoofdlijn als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps h3 {
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps p {
    max-width: 18ch !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

@media (max-width: 1440px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process__head {
        width: min(1440px, calc(100% - 48px)) !important;
        column-gap: 48px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
        min-height: 192px !important;
        padding-top: 34px !important;
        padding-bottom: 34px !important;
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:first-child {
        padding-left: 0 !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:last-child {
        padding-right: 0 !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process__head {
        display: block !important;
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-process__head > p {
        display: block !important;
        min-height: 0 !important;
        margin-top: 24px !important;
        padding-left: 0 !important;
        font-size: 20px !important;
    }

    .cw-site-style-active .cwhome-process__head > p::before {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        border-radius: 28px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
        min-height: 0 !important;
        padding: 32px 24px !important;
        align-items: flex-start !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        right: 0 !important;
        top: 50% !important;
        width: 1px !important;
        height: 64% !important;
        transform: translateY(-50%) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2) {
        border-bottom: 1px solid rgba(255,255,255,.18) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process__head {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
        grid-template-columns: 1fr !important;
        border-radius: 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3)::after,
    .cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4)::after {
        right: 24px !important;
        left: 24px !important;
        top: auto !important;
        bottom: 0 !important;
        width: auto !important;
        height: 1px !important;
        transform: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps article:last-child::after {
        display: none !important;
    }
}


/* ==========================================================
   V1.0.31 — RODE BALK / 1440 CTA / NAVY BASIS
   ========================================================== */

/* Rode procesbalk: hetzelfde mathematische ritme als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding-left: max(32px, calc((100vw - 1440px) / 2)) !important;
    padding-right: max(32px, calc((100vw - 1440px) / 2)) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: #CD3337 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps > article:nth-of-type(1){grid-column:1!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > .cwhome-stepsep:nth-of-type(1){grid-column:3!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > article:nth-of-type(2){grid-column:5!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > .cwhome-stepsep:nth-of-type(2){grid-column:7!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > article:nth-of-type(3){grid-column:9!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > .cwhome-stepsep:nth-of-type(3){grid-column:11!important;}
.cw-site-style-active .cwhome-process .cwhome-steps > article:nth-of-type(4){grid-column:13!important;}

.cw-site-style-active .cwhome-process .cwhome-steps article,
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps article:nth-child(4) {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 154px !important;
    padding: 26px 0 !important;
    justify-self: start !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    border: 0 !important;
    background: transparent !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps > article:nth-of-type(4){justify-self:end!important;}

.cw-site-style-active .cwhome-process .cwhome-steps article::after{display:none!important;content:none!important;}
.cw-site-style-active .cwhome-process .cwhome-steps .cwhome-stepbadge{display:none!important;}
.cw-site-style-active .cwhome-process .cwhome-stepsep{
    display:block!important;
    width:1px!important;
    height:62%!important;
    min-height:62px!important;
    align-self:center!important;
    justify-self:center!important;
    background:rgba(255,255,255,.30)!important;
}

/* Exact dezelfde Sora-grootte/dikte als aqua. */
.cw-site-style-active .cwhome-process .cwhome-steps h3{
    margin:0 0 6px!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
.cw-site-style-active .cwhome-process .cwhome-steps p{
    width:max-content!important;
    max-width:21ch!important;
    margin:0!important;
    color:rgba(255,255,255,.96)!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:400!important;
}

/* Footer CTA: exact dezelfde 1440px hoofdlijn; rechtsboven een echte hoek. */
.cw-site-style-active .cw-footer__cta-grid{
    width:min(1440px, calc(100% - 64px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    border-radius:30px 0 30px 30px!important;
}

/* Footer hoofdvlak in Reclamehuys Navy. */
.cw-site-style-active .cw-footer__main{
    background:#111111!important;
}
.cw-site-style-active .cw-footer__main,
.cw-site-style-active .cw-footer__main h2,
.cw-site-style-active .cw-footer__main h3,
.cw-site-style-active .cw-footer__main p,
.cw-site-style-active .cw-footer__main a,
.cw-site-style-active .cw-footer__main span{
    color:#FFFFFF!important;
}

/* Witte vlakken: koppen én lopende tekst standaard Reclamehuys Navy. */
.cw-site-style-active .cwhome-intro,
.cw-site-style-active .cwhome-services,
.cw-site-style-active .cwhome-process,
.cw-site-style-active .cwhome-about,
.cw-site-style-active .cwemb,
.cw-site-style-active .cwabout,
.cw-site-style-active .cw-contact-page,
.cw-site-style-active .cw-portal{
    color:#111111!important;
}
.cw-site-style-active .cwhome-intro h1,
.cw-site-style-active .cwhome-intro h2,
.cw-site-style-active .cwhome-intro h3,
.cw-site-style-active .cwhome-services h1,
.cw-site-style-active .cwhome-services h2,
.cw-site-style-active .cwhome-services h3,
.cw-site-style-active .cwhome-process__head h1,
.cw-site-style-active .cwhome-process__head h2,
.cw-site-style-active .cwhome-process__head h3,
.cw-site-style-active .cwhome-about h1,
.cw-site-style-active .cwhome-about h2,
.cw-site-style-active .cwhome-about h3,
.cw-site-style-active .cwemb h1,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwabout h1,
.cw-site-style-active .cwabout h2,
.cw-site-style-active .cwabout h3,
.cw-site-style-active .cw-contact-page h1,
.cw-site-style-active .cw-contact-page h2,
.cw-site-style-active .cw-contact-page h3,
.cw-site-style-active .cw-portal h1,
.cw-site-style-active .cw-portal h2,
.cw-site-style-active .cw-portal h3{
    color:#111111!important;
}

@media(max-width:1200px){
    .cw-site-style-active .cwhome-process .cwhome-steps{
        padding-left:24px!important;padding-right:24px!important;
        grid-template-columns:
            max-content minmax(16px,1fr) 1px minmax(16px,1fr)
            max-content minmax(16px,1fr) 1px minmax(16px,1fr)
            max-content minmax(16px,1fr) 1px minmax(16px,1fr)
            max-content!important;
    }
    .cw-site-style-active .cw-footer__cta-grid{width:min(1440px,calc(100% - 48px))!important;}
}
@media(max-width:900px){
    .cw-site-style-active .cwhome-process .cwhome-steps{
        width:calc(100% - 40px)!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;
        padding:0!important;border-radius:28px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps > article{grid-column:auto!important;width:100%!important;justify-self:stretch!important;padding:28px 24px!important;}
    .cw-site-style-active .cwhome-process .cwhome-stepsep{display:none!important;}
    .cw-site-style-active .cw-footer__cta-grid{width:calc(100% - 40px)!important;border-radius:26px 0 26px 26px!important;}
}
@media(max-width:620px){
    .cw-site-style-active .cwhome-process .cwhome-steps{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;}
    .cw-site-style-active .cw-footer__cta-grid{width:calc(100% - 28px)!important;border-radius:22px 0 22px 22px!important;}
}


/* ==========================================================
   V1.0.32 — HOME KOPPEN / PROCESS / ABOUT FIJNAFSTEMMING
   ========================================================== */


/* ==========================================================
   V1.0.32 — HOME KOPPEN / PROCESS / ABOUT FIJNAFSTEMMING
   - intro rechtertekst terug
   - bovenste kopzones weer op 2-koloms stramien waar gevraagd
   - process rechts verwijderen + Eén met accent
   - about kicker weg
   - rode balk exact ritme als aqua
   ========================================================== */

.cwhome{--cw-max:1440px!important;}
.cwhome-shell{width:min(1440px,calc(100% - 64px))!important;max-width:1440px!important;}

/* Intro: kop links, tekst rechts terugzetten. */
.cwhome-intro__grid{
    display:grid!important;
    grid-template-columns:minmax(0,840px) minmax(320px,1fr)!important;
    gap:96px!important;
    align-items:start!important;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.cwhome-intro__title,
.cwhome-sectionhead > div,
.cwhome-process__head > div,
.cwhome-about__grid > div:first-child{
    width:100%!important;
    max-width:840px!important;
}
.cwhome-intro__title .cwhome-kicker,
.cwhome-sectionhead .cwhome-kicker,
.cwhome-process__head .cwhome-kicker,
.cwhome-about .cwhome-kicker{
    display:none!important;
}
.cwhome-intro__title h2,
.cwhome-sectionhead h2,
.cwhome-process__head h2,
.cwhome-about h2{
    max-width:none!important;
    color:#111111!important;
}
.cwhome-intro__copy{
    display:block!important;
    max-width:540px!important;
    width:100%!important;
    padding-top:18px!important;
    align-self:start!important;
}
.cwhome-intro__copy .cwhome-lead,
.cwhome-intro__copy p,
.cwhome-about__copy .cwhome-lead,
.cwhome-about__copy p{
    color:#111111!important;
}
.cwhome-intro__copy .cwhome-textlink,
.cwhome-about__copy .cwhome-textlink{
    color:#111111!important;
}

/* Services: alleen de kop, zonder rechterkolom. */
.cwhome-sectionhead{
    display:block!important;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.cwhome-sectionhead > p{display:none!important;}

/* Process: alleen linkerkop, rechter tekst en streep weg. */
.cwhome-process__head{
    display:block!important;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-bottom:18px!important;
}
.cwhome-process__head > p,
.cwhome-process__head > p::before{
    display:none!important;
    content:none!important;
}

/* About: kicker weg, rechter tekst blijft. */
.cwhome-about__grid{
    display:grid!important;
    grid-template-columns:minmax(0,840px) minmax(320px,1fr)!important;
    gap:96px!important;
    align-items:start!important;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.cwhome-about__copy{
    display:block!important;
    max-width:540px!important;
    width:100%!important;
    padding-top:18px!important;
    align-self:start!important;
}

/* Rode balk: exact hetzelfde ritme-principe als aqua.
   7 elementen (tekst, streep, tekst, streep, tekst, streep, tekst)
   met overal exact dezelfde tussenruimte. */
.cwhome-process .cwhome-steps{
    width:100vw!important;
    max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:34px!important;
    padding:0 max(32px,calc((100vw - 1440px)/2))!important;
    background:#CD3337!important;
    border-radius:0!important;
    overflow:visible!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    gap:0!important;
}
.cwhome-process .cwhome-steps article,
.cwhome-process .cwhome-steps article:nth-child(1),
.cwhome-process .cwhome-steps article:nth-child(2),
.cwhome-process .cwhome-steps article:nth-child(3),
.cwhome-process .cwhome-steps article:nth-child(4){
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:0!important;
    min-height:132px!important;
    padding:22px 0!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:left!important;
}
.cwhome-process .cwhome-stepbadge,
.cwhome-process .cwhome-steps article::after{display:none!important;content:none!important;}
.cwhome-process .cwhome-stepsep{
    display:block!important;
    flex:0 0 1px!important;
    width:1px!important;
    height:116px!important;
    min-height:116px!important;
    align-self:center!important;
    background:rgba(255,255,255,.30)!important;
}
.cwhome-process .cwhome-steps h3{
    margin:0 0 6px!important;
    color:#FFFFFF!important;
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:700!important;
    white-space:nowrap!important;
}
.cwhome-process .cwhome-steps p{
    margin:0!important;
    max-width:20ch!important;
    color:rgba(255,255,255,.96)!important;
    font-size:16px!important;
    line-height:1.3!important;
    font-weight:500!important;
}

@media (max-width:1200px){
    .cwhome-shell,
    .cwhome-intro__grid,
    .cwhome-sectionhead,
    .cwhome-process__head,
    .cwhome-about__grid{width:min(1440px,calc(100% - 48px))!important;}
    .cwhome-intro__grid,
    .cwhome-about__grid{grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;gap:64px!important;}
    .cwhome-process .cwhome-steps{padding:0 24px!important;}
}
@media (max-width:900px){
    .cwhome-intro__grid,
    .cwhome-about__grid{
width:calc(100% - 40px)!important;
grid-template-columns:1fr!important;
gap:28px!important;
    }
    .cwhome-sectionhead,
    .cwhome-process__head,
    .cwhome-shell{width:calc(100% - 40px)!important;}
    .cwhome-intro__copy,
    .cwhome-about__copy{max-width:none!important;padding-top:0!important;}
    .cwhome-process .cwhome-steps{
width:calc(100% - 40px)!important;
max-width:none!important;
margin-left:auto!important;
margin-right:auto!important;
border-radius:28px!important;
padding:0!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
    }
    .cwhome-process .cwhome-steps > article{width:100%!important;min-height:0!important;padding:28px 24px!important;}
    .cwhome-process .cwhome-stepsep{display:none!important;}
}
@media (max-width:620px){
    .cwhome-intro__grid,
    .cwhome-about__grid,
    .cwhome-sectionhead,
    .cwhome-process__head,
    .cwhome-shell{width:calc(100% - 28px)!important;}
    .cwhome-process .cwhome-steps{width:calc(100% - 28px)!important;grid-template-columns:1fr!important;}
}


/* ==========================================================
   V1.0.33 — DEFINITIEVE 1440 HEADER/FOOTER + HOME HERSTEL
   ========================================================== */

/* ---------- HEADER: full width Purple, inhoud exact 1440px ---------- */
.cw-site-style-active .cw-header {
    --cw-height: 88px !important;
    padding: 0 !important;
    background: transparent !important;
    color: #FFFFFF !important;
    pointer-events: none !important;
}

.cw-site-style-active .cw-header__bar,
.cw-site-style-active .cw-header.is-scrolled .cw-header__bar {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #111111 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
    pointer-events: auto !important;
}

.cw-site-style-active .cw-header__inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    height: 88px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) auto minmax(260px, 1fr) !important;
    column-gap: 48px !important;
    align-items: center !important;
}

.cw-site-style-active .cw-logo__image {
    width: 250px !important;
    max-width: 100% !important;
    filter: none !important;
}

.cw-site-style-active .cw-nav {
    gap: 42px !important;
}

.cw-site-style-active .cw-nav > a {
    color: #FFFFFF !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.cw-site-style-active .cw-nav > a:not(.cw-nav__login-mobile)::after {
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-nav > a:not(.cw-nav__login-mobile):hover,
.cw-site-style-active .cw-nav > a:not(.cw-nav__login-mobile):focus-visible {
    color: #FFFFFF !important;
}

.cw-site-style-active .cw-header__login {
    justify-self: end !important;
    min-height: 50px !important;
    padding: 0 24px !important;
    border: 1px solid rgba(255,255,255,.7) !important;
    border-radius: 999px !important;
    background: #FFFFFF !important;
    color: #111111 !important;
    box-shadow: none !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.cw-site-style-active .cw-header__login:hover,
.cw-site-style-active .cw-header__login:focus-visible {
    background: #CD3337 !important;
    border-color: #CD3337 !important;
    color: #111111 !important;
}

.cw-site-style-active .cw-menu-toggle span {
    background: #FFFFFF !important;
}

.cw-site-style-active .cw-header-spacer {
    height: 88px !important;
    flex-basis: 88px !important;
}

/* ---------- FOOTER: full width Navy, alle informatie op 1440px ---------- */
.cw-site-style-active .cw-footer {
    --cw-max: 1440px !important;
    --cw-pad: 32px !important;
}

.cw-site-style-active .cw-footer__main {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
    background: #111111 !important;
}

.cw-site-style-active .cw-footer__shell,
.cw-site-style-active .cw-footer__main .cw-footer__shell,
.cw-site-style-active .cw-footer__cta-grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cw-footer__grid {
    width: 100% !important;
    grid-template-columns: minmax(340px, 1.55fr) repeat(3, minmax(160px, .75fr)) !important;
    column-gap: clamp(48px, 5vw, 96px) !important;
    row-gap: 48px !important;
}

.cw-site-style-active .cw-footer__bottom {
    width: 100% !important;
}

/* ---------- HOME: rechtertekst bij eerste contentblok daadwerkelijk terug ---------- */
.cw-site-style-active .cwhome-intro__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 840px) minmax(320px, 1fr) !important;
    gap: 96px !important;
    align-items: start !important;
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwhome-intro__copy {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 540px !important;
    width: 100% !important;
    padding-top: 18px !important;
    color: #111111 !important;
}

.cw-site-style-active .cwhome-intro__copy p,
.cw-site-style-active .cwhome-intro__copy .cwhome-lead,
.cw-site-style-active .cwhome-intro__copy a {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #111111 !important;
}

.cw-site-style-active .cwhome-intro__title .cwhome-kicker,
.cw-site-style-active .cwhome-sectionhead .cwhome-kicker,
.cw-site-style-active .cwhome-process__head .cwhome-kicker,
.cw-site-style-active .cwhome-about .cwhome-kicker {
    display: none !important;
}

/* Services rechts blijft weg. */
.cw-site-style-active .cwhome-sectionhead > p {
    display: none !important;
}

/* Productieroute rechts + verticale streep blijven weg. */
.cw-site-style-active .cwhome-process__head {
    display: block !important;
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.cw-site-style-active .cwhome-process__head > p,
.cw-site-style-active .cwhome-process__head > p::before {
    display: none !important;
    content: none !important;
}

/* ---------- RODE BALK: eigen full-width buitenvlak + exact 1440px binnen-grid ---------- */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 142px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
        240px minmax(24px, 1fr) 1px minmax(24px, 1fr)
        240px minmax(24px, 1fr) 1px minmax(24px, 1fr)
        240px minmax(24px, 1fr) 1px minmax(24px, 1fr)
        240px !important;
    column-gap: 0 !important;
    align-items: center !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1) { grid-column: 1 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(1) { grid-column: 3 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2) { grid-column: 5 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(2) { grid-column: 7 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3) { grid-column: 9 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(3) { grid-column: 11 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) { grid-column: 13 !important; }

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(4) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    min-height: 142px !important;
    margin: 0 !important;
    padding: 22px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after,
.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
    display: block !important;
    width: 1px !important;
    height: 92px !important;
    min-height: 92px !important;
    justify-self: center !important;
    align-self: center !important;
    background: rgba(255,255,255,.30) !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: 100% !important;
    max-width: 240px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cw-header__inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cw-footer__main .cw-footer__shell,
    .cw-site-style-active .cw-footer__cta-grid,
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-process__head,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cw-header__inner {
        grid-template-columns: minmax(220px,1fr) auto minmax(220px,1fr) !important;
        column-gap: 28px !important;
    }

    .cw-site-style-active .cw-nav { gap: 28px !important; }

    .cw-site-style-active .cwhome-intro__grid {
        grid-template-columns: minmax(0,1fr) minmax(300px,420px) !important;
        gap: 64px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns:
            205px minmax(16px,1fr) 1px minmax(16px,1fr)
            205px minmax(16px,1fr) 1px minmax(16px,1fr)
            205px minmax(16px,1fr) 1px minmax(16px,1fr)
            205px !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article {
        width: 205px !important;
        min-width: 205px !important;
        max-width: 205px !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid p { max-width: 205px !important; }
}

@media (max-width: 1100px) {
    .cw-site-style-active .cw-header {
        padding: 0 !important;
    }
    .cw-site-style-active .cw-header__bar {
        width: 100vw !important;
        border-radius: 0 !important;
    }
    .cw-site-style-active .cw-header__inner {
        width: calc(100% - 40px) !important;
        height: 82px !important;
    }
    .cw-site-style-active .cw-header-spacer {
        height: 82px !important;
        flex-basis: 82px !important;
    }
    .cw-site-style-active .cw-nav {
        top: 82px !important;
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        border-radius: 0 !important;
        background: #111111 !important;
    }
    .cw-site-style-active .cw-nav > a { color: #FFFFFF !important; }
}

@media (max-width: 900px) {
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cw-footer__main .cw-footer__shell,
    .cw-site-style-active .cw-footer__cta-grid,
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-process__head {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-intro__grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .cw-site-style-active .cwhome-intro__copy {
        max-width: 720px !important;
        padding-top: 0 !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 28px !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(4) {
        grid-column: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 28px 24px !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep { display: none !important; }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid p { max-width: 26ch !important; }

    .cw-site-style-active .cw-footer__grid {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 42px 36px !important;
    }
    .cw-site-style-active .cw-footer__brand { grid-column: 1 / -1 !important; }
}

@media (max-width: 620px) {
    .cw-site-style-active .cw-header__inner,
    .cw-site-style-active .cw-footer__shell,
    .cw-site-style-active .cw-footer__main .cw-footer__shell,
    .cw-site-style-active .cw-footer__cta-grid,
    .cw-site-style-active .cwhome-intro__grid,
    .cw-site-style-active .cwhome-process__head {
        width: calc(100% - 28px) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps { width: calc(100% - 28px) !important; }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid { grid-template-columns: 1fr !important; }
    .cw-site-style-active .cw-footer__grid { grid-template-columns: 1fr !important; }
}


/* ==========================================================
   V1.0.34 — VIER GERICHTE VISUELE CORRECTIES
   1) rode procesbalk: exact en stabiel 1440px ritme
   2) header: alleen onderhoeken afgerond
   3) footer: alleen bovenhoeken afgerond
   4) 'Gemaakt voor productie' links gelijk met bovenste kop
   ========================================================== */

/* 1. Header: full width behouden, links/rechtsonder rond. */
.cw-site-style-active .cw-header__bar,
.cw-site-style-active .cw-header.is-scrolled .cw-header__bar {
    border-radius: 0 0 30px 30px !important;
    overflow: hidden !important;
}

/* 2. Footer: full width behouden, links/rechtsboven rond. */
.cw-site-style-active .cw-footer__main {
    border-radius: 30px 30px 0 0 !important;
    overflow: hidden !important;
}

/* 3. Services-kop: geen tweede interne marge; exact dezelfde linker 1440px-lijn. */
.cw-site-style-active .cwhome-services > .cwhome-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwhome-services .cwhome-sectionhead {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.cw-site-style-active .cwhome-services .cwhome-sectionhead > div {
    width: 100% !important;
    max-width: 840px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Rechtertekst bij het eerste blok blijft expliciet zichtbaar. */
.cw-site-style-active .cwhome .cwhome-intro__grid > .cwhome-intro__copy {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 4. Rode balk: één binnen-grid van 1440px.
   De DOM-volgorde is tekst | lijn | tekst | lijn | tekst | lijn | tekst.
   Met space-between ontstaan exact 6 identieke ruimtes. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 132px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: 240px 1px 240px 1px 240px 1px 240px !important;
    justify-content: space-between !important;
    align-items: center !important;
    column-gap: 0 !important;
}

/* Oude expliciete gridkolommen neutraliseren. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(3) {
    grid-column: auto !important;
    grid-row: 1 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(4) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 20px 0 !important;
    border: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 88px !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: rgba(255,255,255,.30) !important;
    box-shadow: none !important;
    align-self: center !important;
    justify-self: center !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: 240px !important;
    max-width: 240px !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-services > .cwhome-shell {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
        grid-template-columns: 205px 1px 205px 1px 205px 1px 205px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article {
        width: 205px !important;
        min-width: 205px !important;
        max-width: 205px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        width: 205px !important;
        max-width: 205px !important;
    }
}

@media (max-width: 1100px) {
    .cw-site-style-active .cw-header__bar,
    .cw-site-style-active .cw-header.is-scrolled .cw-header__bar {
        border-radius: 0 0 24px 24px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-services > .cwhome-shell {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 26px !important;
        overflow: hidden !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        justify-content: stretch !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(4) {
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 28px 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        width: auto !important;
        max-width: 26ch !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
        display: none !important;
    }

    .cw-site-style-active .cw-footer__main {
        border-radius: 24px 24px 0 0 !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-services > .cwhome-shell {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   V1.0.35 — HOME FIJNAFSTEMMING VOLGENS FEEDBACK
   1) hero-ondertekst zelfde kleur/maatfamilie als referentieblok (navy)
   2) proceskop strak links op dezelfde lijn als de rode balk-inhoud
   3) rode balk: exact één scheidingslijn tussen elk blok
   4) rechter procesblok expliciet links uitgelijnd
   ========================================================== */

/* 1. Tekst onder de hero-header: navy en rustige bodymaat. */
.cw-site-style-active .cwhome-hero__box > p {
    color: var(--cw-brand-navy) !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* 2. Kop boven de rode balk strak links uitlijnen. */
.cw-site-style-active .cwhome-process > .cwhome-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwhome-process .cwhome-process__head,
.cw-site-style-active .cwhome-process .cwhome-process__head > div,
.cw-site-style-active .cwhome-process .cwhome-process__head h2 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-self: start !important;
}

/* 3. Rode balk opnieuw opbouwen met 4 tekstkolommen en exact 3 lijnen. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 132px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) 1px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-items: stretch !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(5),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(7) {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 24px 26px 24px 0 !important;
    border: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: stretch !important;
    text-align: left !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:last-of-type {
    padding-right: 0 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 92px !important;
    min-height: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: rgba(255, 255, 255, .30) !important;
    box-shadow: none !important;
    align-self: center !important;
    justify-self: center !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3,
.cw-site-style-active .cwhome-process .cwhome-steps__grid p,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:last-of-type h3,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:last-of-type p {
    text-align: left !important;
    align-self: flex-start !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    width: 100% !important;
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: auto !important;
    max-width: 19ch !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, .96) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process > .cwhome-shell,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero__box > p {
        font-size: 15px !important;
    }

    .cw-site-style-active .cwhome-process > .cwhome-shell {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 26px !important;
        overflow: hidden !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        justify-items: stretch !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(5),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(7) {
        min-height: 0 !important;
        width: 100% !important;
        padding: 28px 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        max-width: 24ch !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process > .cwhome-shell {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   V1.0.36 — HOME: NAVY KAARTTEKST + RODE BALK ALS AQUA
   ========================================================== */

/* Foto 1: alle begeleidende kaarttekst in Navy. */
.cw-site-style-active .cwhome-services .cwhome-card__body p {
    color: var(--cw-brand-navy) !important;
}

/* Foto 2/3: rode procesbalk exact hetzelfde verdeelprincipe als de aqua balk.
   4 tekstblokken + 6 gelijke tussenruimtes + 3 echte separatoren, totaal 1440px. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 132px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: center !important;
}

/* Directe kinderen op exact dezelfde kolommen als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1) {
    grid-column: 1 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-child(2) {
    grid-column: 3 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3) {
    grid-column: 5 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-child(4) {
    grid-column: 7 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(5) {
    grid-column: 9 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-child(6) {
    grid-column: 11 !important;
}
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(7) {
    grid-column: 13 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article {
    grid-row: 1 !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 24px 0 !important;
    border: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: start !important;
    text-align: left !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(7) {
    justify-self: end !important;
}

/* Alleen de drie echte lijnen blijven zichtbaar. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
    grid-row: 1 !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 62% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: rgba(255,255,255,.30) !important;
    box-shadow: none !important;
    justify-self: center !important;
    align-self: center !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: max-content !important;
    max-width: 22ch !important;
    margin: 0 !important;
    text-align: left !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
        grid-template-columns:
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 0 !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(5),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(7) {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        justify-self: stretch !important;
        padding: 28px 24px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid h3,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        width: auto !important;
        max-width: 24ch !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns: 1fr !important;
    }
}

/* ==========================================================
   V1.0.37 — RODE PROCESBALK DEFINITIEF
   - exact 4 gelijke segmenten binnen 1440px
   - exact 3 scheidingslijnen, geen dubbele lijnen
   - gelijke ruimte links/rechts van iedere scheiding
   - alle tekst links uitgelijnd binnen het eigen segment
   ========================================================== */

.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 132px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: column !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: stretch !important;
}

/* De oude losse separator-elementen volledig uitschakelen. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* Vier exact gelijke tekstsegmenten. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 132px !important;
    margin: 0 !important;
    padding: 24px 38px !important;
    position: relative !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
}

/* Alleen drie lijnen: precies op de grens van segment 2, 3 en 4. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    border-left: 1px solid rgba(255,255,255,.30) !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3,
.cw-site-style-active .cwhome-process .cwhome-steps__grid p,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:last-of-type h3,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:last-of-type p {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    align-self: flex-start !important;
    justify-self: start !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    color: #FFFFFF !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: normal !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 23ch !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 26px !important;
        overflow: hidden !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
        grid-column: auto !important;
        grid-row: auto !important;
        min-height: 0 !important;
        padding: 28px 24px !important;
        border-left: 0 !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
        border-left: 1px solid rgba(255,255,255,.24) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
        border-top: 1px solid rgba(255,255,255,.18) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns: 1fr !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
        border-left: 0 !important;
        border-top: 0 !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article + article {
        border-top: 1px solid rgba(255,255,255,.18) !important;
    }
}


/* ==========================================================
   V1.0.38 — AQUA + RODE BALK DEFINITIEF GELIJK RITME
   - aqua tekst op dezelfde rustige maat als Navy bodytekst
   - rode balk exact hetzelfde 1440px verdeelmodel als aqua
   - alleen 3 korte separatoren, geen lange/dubbele lijnen
   - eerste en laatste tekst exact op de 1440px buitenlijnen
   ========================================================== */

/* AQUA: 16px basismaat, één familie en rustiger gewicht. */
.cw-site-style-active .cwhome-band__item strong {
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.cw-site-style-active .cwhome-band__item small {
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

/* RODE BALK: de oude artikelranden absoluut uitschakelen. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    align-items: center !important;
}

/* Tekst en lijnen op exact dezelfde kolommen als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1) { grid-column: 1 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(1) { grid-column: 3 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2) { grid-column: 5 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(2) { grid-column: 7 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3) { grid-column: 9 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(3) { grid-column: 11 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) { grid-column: 13 !important; }

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    grid-row: 1 !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 24px 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: start !important;
    text-align: left !important;
}

/* Buitenste teksten exact op de 1440px linker-/rechterlijn. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1) {
    justify-self: start !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    justify-self: end !important;
}

/* Alleen de drie korte echte separatoren. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(3) {
    grid-row: 1 !important;
    display: block !important;
    width: 1px !important;
    min-width: 1px !important;
    max-width: 1px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: rgba(255,255,255,.30) !important;
    box-shadow: none !important;
    justify-self: center !important;
    align-self: center !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
}

/* Zelfde tekstmaat als de aangepaste aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    width: max-content !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    text-align: left !important;
    white-space: nowrap !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: max-content !important;
    max-width: 23ch !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
        grid-template-columns:
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 40px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 26px !important;
        overflow: hidden !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: 100% !important;
        min-height: 0 !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        grid-auto-flow: row !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3),
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        justify-self: stretch !important;
        padding: 26px 24px !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
        display: none !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid h3,
    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        width: auto !important;
        max-width: 24ch !important;
        white-space: normal !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-steps {
        width: calc(100% - 28px) !important;
    }
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        grid-template-columns: 1fr !important;
    }
}


/* =====================================================================
   V1.0.40 — HERSTELPUNT
   Basis terug op v1.0.38 (waar aqua balk goed stond)
   Daarna alleen de RODE balk opnieuw opgebouwd volgens exact hetzelfde
   rasterprincipe als de aqua balk.
   ===================================================================== */

/* RODE BALK teruggebracht naar dezelfde logica als de aqua balk. */
.cw-site-style-active .cwhome-process .cwhome-steps {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: block !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    align-items: center !important;
    min-height: 120px !important;
    padding: 0 !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(1) { grid-column: 1 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(1) { grid-column: 3 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(2) { grid-column: 5 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(2) { grid-column: 7 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(3) { grid-column: 9 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep:nth-of-type(3) { grid-column: 11 !important; }
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) { grid-column: 13 !important; }

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(1),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(2),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(3),
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-child(4) {
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 120px !important;
    margin: 0 !important;
    padding: 28px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    justify-self: start !important;
    text-align: left !important;
    box-shadow: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article:nth-of-type(4) {
    justify-self: end !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::before,
.cw-site-style-active .cwhome-process .cwhome-steps__grid > article::after,
.cw-site-style-active .cwhome-process .cwhome-steps__grid .cwhome-stepbadge {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
    display: block !important;
    width: 1px !important;
    height: 62% !important;
    min-height: 56px !important;
    justify-self: center !important;
    align-self: center !important;
    background: rgba(255,255,255,.30) !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
    margin: 0 0 8px !important;
    color: #FFFFFF !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.cw-site-style-active .cwhome-process .cwhome-steps__grid p {
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    color: rgba(255,255,255,.96) !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: min(1440px, calc(100% - 48px)) !important;
        grid-template-columns:
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid h3 {
        font-size: 16px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        font-size: 14px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: calc(100% - 40px) !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 28px !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > article {
        grid-column: auto !important;
        width: 100% !important;
        justify-self: stretch !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid > .cwhome-stepsep {
        display: none !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-steps__grid p {
        width: 100% !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-steps__grid {
        width: calc(100% - 28px) !important;
        grid-template-columns: 1fr !important;
        column-gap: 0 !important;
    }
}


/* =====================================================================
   V1.0.41 — RODE BALK LETTERLIJK DEZELFDE STRUCTUUR ALS AQUA
   De rode balk gebruikt vanaf nu dezelfde cwhome-band__grid/item/sep
   componenten als de aqua balk. Alleen de achtergrondkleur verschilt.
   ===================================================================== */

.cw-site-style-active .cwhome-process .cwhome-process-band {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 34px !important;
    padding: 0 !important;
    background: #CD3337 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Zelfde grid als aqua; geen eigen proces-grid meer. */
.cw-site-style-active .cwhome-process .cwhome-process-band__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* De procesbalk gebruikt exact dezelfde item/sep-opmaak als aqua. */
.cw-site-style-active .cwhome-process .cwhome-process-band__item,
.cw-site-style-active .cwhome-process .cwhome-process-band__item:nth-of-type(1),
.cw-site-style-active .cwhome-process .cwhome-process-band__item:nth-of-type(2),
.cw-site-style-active .cwhome-process .cwhome-process-band__item:nth-of-type(3),
.cw-site-style-active .cwhome-process .cwhome-process-band__item:nth-of-type(4) {
    min-height: 120px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
}

.cw-site-style-active .cwhome-process .cwhome-process-band__item strong {
    color: #FFFFFF !important;
}

.cw-site-style-active .cwhome-process .cwhome-process-band__item small {
    color: rgba(255,255,255,.96) !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* Alleen de drie echte separator-spans tonen: geen pseudo-lijnen. */
.cw-site-style-active .cwhome-process .cwhome-process-band__item::before,
.cw-site-style-active .cwhome-process .cwhome-process-band__item::after {
    display: none !important;
    content: none !important;
}

.cw-site-style-active .cwhome-process .cwhome-process-band__sep {
    display: block !important;
    width: 1px !important;
    height: 62% !important;
    min-height: 56px !important;
    background: rgba(255,255,255,.30) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-process .cwhome-process-band__grid {
        width: min(1440px, calc(100% - 48px)) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-process .cwhome-process-band__grid {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwhome-process .cwhome-process-band__item small {
        white-space: normal !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-process .cwhome-process-band__grid {
        width: calc(100% - 28px) !important;
    }
}

/* =====================================================================
   V1.0.43 — DESKTOP WITRUIMTE RITME 90PX
   Alle door gebruiker gemarkeerde verticale witruimtes op desktop = 90px.
   Tablet/mobile blijven ongewijzigd.
   ===================================================================== */
@media (min-width: 1101px) {
    /* Header -> hero-foto = 90px. */
    .cw-site-style-active .cwhome-hero {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    /* Hero-foto -> gecentreerde hero-tekst = 90px. */
    .cw-site-style-active .cwhome-hero > .cwhome-shell.cwhome-hero__inner {
        padding-top: 90px !important;
    }

    /* Hero-tekst -> aqua balk wordt uitsluitend door hero-bottom bepaald. */
    .cw-site-style-active .cwhome-band {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Geen extra verticale padding die bovenop de vaste 90px zou stapelen. */
    .cw-site-style-active .cwhome-intro,
    .cw-site-style-active .cwhome-services,
    .cw-site-style-active .cwhome-process,
    .cw-site-style-active .cwhome-about {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Aqua balk -> Goed borduurwerk = 90px. */
    .cw-site-style-active .cwhome-intro {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    /* Goed borduurwerk -> Gemaakt voor productie = 90px. */
    .cw-site-style-active .cwhome-services {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    /* Productiekaarten -> Eén heldere productieroute = 90px. */
    .cw-site-style-active .cwhome-process {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    /* Rode procesbalk -> klantportaal/fotoblok = 90px. */
    .cw-site-style-active .cwhome-portal {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Klantportaal/fotoblok -> Kwaliteit die blijft = 90px. */
    .cw-site-style-active .cwhome-about {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    /* Kwaliteit die blijft -> gele CTA én gele CTA -> footer = 90px. */
    .cw-site-style-active .cw-footer__cta {
        margin-top: 0 !important;
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .cw-site-style-active .cw-footer__main {
        margin-top: 0 !important;
    }
}


/* =====================================================================
   V1.0.44 — BORDUREN START EXACT ALS HOME
   - brede foto boven
   - gecentreerde tekst eronder
   - dezelfde 1440px lijnen, typografie, kleuren en knoppen als Home
   - desktop 90px ritme zoals Home
   - alleen Borduren-header rood
   ===================================================================== */

/* Alleen op de Borduren-pagina: header in Reclamehuys-rood. */
.cw-site-style-active.cw-page-borduren .cw-header__bar,
.cw-site-style-active.cw-page-borduren .cw-header.is-scrolled .cw-header__bar {
    background: #111111 !important;
}

/* Nieuwe Borduren hero: dezelfde compositie als Home. */
.cw-site-style-active .cwemb-homehero {
    width: 100% !important;
    margin: 0 !important;
    padding: 90px 0 !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
}

.cw-site-style-active .cwemb-homehero__media {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
    margin: 0 auto !important;
    border-radius: 42px 42px 42px 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cw-site-style-active .cwemb-homehero__inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 90px 0 0 !important;
    text-align: center !important;
}

.cw-site-style-active .cwemb-homehero__box {
    width: min(1240px, 100%) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.cw-site-style-active .cwemb-homehero h1 {
    max-width: none !important;
    margin: 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: clamp(60px, 7.6vw, 108px) !important;
    line-height: .92 !important;
    letter-spacing: -.06em !important;
    font-weight: 700 !important;
}

.cw-site-style-active .cwemb-homehero__box > p {
    max-width: 780px !important;
    margin: 28px auto 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

.cw-site-style-active .cwemb-homehero__actions {
    margin-top: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.cw-site-style-active .cwemb-homehero__btn {
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    border: 1px solid rgba(65,67,85,.16) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease !important;
}

.cw-site-style-active .cwemb-homehero__btn:hover,
.cw-site-style-active .cwemb-homehero__btn:focus-visible {
    transform: translateY(-1px) !important;
}

.cw-site-style-active .cwemb-homehero__btn--yellow {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-homehero__btn--ghost {
    background: #FFFFFF !important;
    border-color: rgba(65,67,85,.18) !important;
    color: var(--cw-brand-navy) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwemb-homehero {
        padding: 64px 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__media,
    .cw-site-style-active .cwemb-homehero__inner {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active .cwemb-homehero__media {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        border-radius: 36px 36px 36px 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 64px !important;
    }

    .cw-site-style-active .cwemb-homehero h1 {
        font-size: clamp(54px, 6.8vw, 88px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwemb-homehero {
        padding: 40px 0 56px !important;
    }

    .cw-site-style-active .cwemb-homehero__media,
    .cw-site-style-active .cwemb-homehero__inner {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active .cwemb-homehero__media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        border-radius: 28px 28px 28px 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 48px !important;
    }

    .cw-site-style-active .cwemb-homehero h1 {
        font-size: clamp(44px, 8.4vw, 68px) !important;
        line-height: .95 !important;
    }

    .cw-site-style-active .cwemb-homehero__box > p {
        font-size: 15px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwemb-homehero {
        padding: 28px 0 44px !important;
    }

    .cw-site-style-active .cwemb-homehero__media,
    .cw-site-style-active .cwemb-homehero__inner {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active .cwemb-homehero__media {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        border-radius: 22px 22px 22px 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 40px !important;
    }

    .cw-site-style-active .cwemb-homehero h1 {
        font-size: clamp(38px, 12vw, 54px) !important;
    }

    .cw-site-style-active .cwemb-homehero__box > p {
        margin-top: 20px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .cw-site-style-active .cwemb-homehero__actions {
        margin-top: 26px !important;
        gap: 10px !important;
    }

    .cw-site-style-active .cwemb-homehero__btn {
        min-height: 50px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
        gap: 18px !important;
    }
}


/* ==========================================================
   BORDUREN V1.0.46 — rode kwaliteitsbalk + navy copy op wit
   ========================================================== */
.cw-site-style-active .cwemb,
.cw-site-style-active .cwemb p,
.cw-site-style-active .cwemb .cwemb-lead,
.cw-site-style-active .cwemb h2,
.cw-site-style-active .cwemb h3,
.cw-site-style-active .cwemb strong,
.cw-site-style-active .cwemb small,
.cw-site-style-active .cwemb li {
    color: var(--cw-brand-navy) !important;
}

/* Rode kwaliteitssectie full width, inner content 1440 px */
.cw-site-style-active .cwemb-quality {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #CD3337 !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.cw-site-style-active .cwemb-quality > .cwemb-shell,
.cw-site-style-active .cwemb-quality .cwemb-quality__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwemb-quality .cwemb-quality__grid {
    display: grid !important;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
    align-items: start !important;
    gap: clamp(42px, 5vw, 84px) !important;
    padding: clamp(72px, 7vw, 98px) 0 !important;
}

.cw-site-style-active .cwemb-quality h2,
.cw-site-style-active .cwemb-quality h2 span {
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active .cwemb-quality .cwemb-kicker {
    display: none !important;
}

.cw-site-style-active .cwemb-quality .cwemb-lead,
.cw-site-style-active .cwemb-quality .cwemb-quality__content > p,
.cw-site-style-active .cwemb-quality .cwemb-quality-step,
.cw-site-style-active .cwemb-quality .cwemb-quality-step strong,
.cw-site-style-active .cwemb-quality .cwemb-quality-step small {
    color: #FFFFFF !important;
}

/* Nieuwe 3-delige kwaliteitsbalk met aqua-band styling */
.cw-site-style-active .cwemb-quality-steps {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: clamp(34px, 4vw, 54px) !important;
    width: 100% !important;
    border: 0 !important;
}

.cw-site-style-active .cwemb-quality-step {
    position: relative !important;
    min-width: 0 !important;
    padding: 0 clamp(28px, 2.6vw, 40px) 0 0 !important;
}

.cw-site-style-active .cwemb-quality-step::after {
    content: "" !important;
    position: absolute !important;
    top: 8px !important;
    right: clamp(14px, 1.3vw, 20px) !important;
    width: 1px !important;
    height: 72px !important;
    background: rgba(255,255,255,.32) !important;
}

.cw-site-style-active .cwemb-quality-step:last-child::after {
    display: none !important;
}

.cw-site-style-active .cwemb-quality-step strong {
    display: block !important;
    margin: 0 0 10px !important;
    font-size: clamp(18px, 1.5vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.cw-site-style-active .cwemb-quality-step small {
    display: block !important;
    margin: 0 !important;
    max-width: 320px !important;
    font-size: clamp(15px, 1.18vw, 17px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

/* Verberg oude checks-opmaak indien nog aanwezig */
.cw-site-style-active .cwemb-quality .cwemb-checks {
    display: none !important;
}

/* Techniek-sectie: 1440 px en alle tekst navy */
.cw-site-style-active .cwemb-techniques > .cwemb-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwemb-techniques .cwemb-kicker,
.cw-site-style-active .cwemb-techniques .cwemb-sectionhead .cwemb-kicker {
    display: none !important;
}

.cw-site-style-active .cwemb-techniques,
.cw-site-style-active .cwemb-techniques .cwemb-sectionhead,
.cw-site-style-active .cwemb-techniques .cwemb-sectionhead p,
.cw-site-style-active .cwemb-techniques .cwemb-card,
.cw-site-style-active .cwemb-techniques .cwemb-card__body,
.cw-site-style-active .cwemb-techniques .cwemb-card__body p,
.cw-site-style-active .cwemb-techniques .cwemb-card__body h3 {
    color: var(--cw-brand-navy) !important;
}

@media (max-width: 1100px) {
    .cw-site-style-active .cwemb-quality .cwemb-quality__grid {
        grid-template-columns: 1fr !important;
    }

    .cw-site-style-active .cwemb-quality-steps {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .cw-site-style-active .cwemb-quality-step {
        padding-right: 0 !important;
        padding-bottom: 22px !important;
    }

    .cw-site-style-active .cwemb-quality-step::after {
        top: auto !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 1px !important;
    }

    .cw-site-style-active .cwemb-quality-step:last-child {
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-quality-step:last-child::after {
        display: none !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active .cwemb-quality > .cwemb-shell,
    .cw-site-style-active .cwemb-quality .cwemb-quality__grid,
    .cw-site-style-active .cwemb-techniques > .cwemb-shell {
        width: calc(100% - 30px) !important;
    }

    .cw-site-style-active .cwemb-quality .cwemb-quality__grid {
        padding: 40px 0 !important;
        gap: 28px !important;
    }
}


/* ==========================================================
   V1.0.47 — BORDUREN HERO + PAARSE 3-DELIGE KWALITEITSBALK
   ========================================================== */

/* Hero exact twee regels op desktop. */
.cw-site-style-active .cwemb-homehero__box {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
}

.cw-site-style-active .cwemb-homehero h1 {
    width: 100% !important;
    max-width: none !important;
}

.cw-site-style-active .cwemb-homehero__line {
    display: block !important;
    white-space: nowrap !important;
    color: var(--cw-brand-navy) !important;
}

/* Oude rode kwaliteitssectie volledig uitschakelen; nieuwe balk is zelfstandig. */
.cw-site-style-active .cwemb-quality {
    display: none !important;
}

/* Exact dezelfde ritmiek als de aqua balk op Home, maar 3 segmenten en paars. */
.cw-site-style-active .cwemb-qualityband {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: #111111 !important;
    overflow: hidden !important;
}

.cw-site-style-active .cwemb-qualityband__grid {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns:
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content minmax(24px, 1fr) 1px minmax(24px, 1fr)
        max-content !important;
    column-gap: 0 !important;
    align-items: center !important;
}

.cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__item:nth-of-type(1) {
    grid-column: 1 !important;
}
.cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__sep:nth-of-type(1) {
    grid-column: 3 !important;
}
.cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__item:nth-of-type(2) {
    grid-column: 5 !important;
}
.cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__sep:nth-of-type(2) {
    grid-column: 7 !important;
}
.cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__item:nth-of-type(3) {
    grid-column: 9 !important;
}

.cw-site-style-active .cwemb-qualityband__item {
    width: max-content !important;
    min-width: 0 !important;
    min-height: 120px !important;
    padding: 28px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    text-align: left !important;
    color: #FFFFFF !important;
}

.cw-site-style-active .cwemb-qualityband__item:nth-of-type(3) {
    justify-self: end !important;
}

.cw-site-style-active .cwemb-qualityband__item > div {
    width: max-content !important;
    max-width: 390px !important;
}

.cw-site-style-active .cwemb-qualityband__item strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

.cw-site-style-active .cwemb-qualityband__item small {
    display: block !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
}

.cw-site-style-active .cwemb-qualityband__sep {
    display: block !important;
    width: 1px !important;
    height: 62% !important;
    min-height: 56px !important;
    align-self: center !important;
    justify-self: center !important;
    background: rgba(255,255,255,.30) !important;
}

/* Alle gewone copy op witte achtergrond van Borduren blijft Navy. */
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband),
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband) h2,
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband) h3,
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband) p,
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband) strong,
.cw-site-style-active .cwemb-section:not(.cwemb-qualityband) small {
    color: var(--cw-brand-navy) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwemb-qualityband__grid {
        width: min(1440px, calc(100% - 48px)) !important;
        grid-template-columns:
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content minmax(16px, 1fr) 1px minmax(16px, 1fr)
            max-content !important;
    }

    .cw-site-style-active .cwemb-homehero__line {
        white-space: normal !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwemb-qualityband__grid {
        width: calc(100% - 40px) !important;
        grid-template-columns: 1fr !important;
        row-gap: 0 !important;
    }

    .cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__item,
    .cw-site-style-active .cwemb-qualityband__grid > .cwemb-qualityband__sep {
        grid-column: 1 !important;
        justify-self: stretch !important;
        width: 100% !important;
    }

    .cw-site-style-active .cwemb-qualityband__item {
        min-height: 0 !important;
        padding: 24px 0 !important;
    }

    .cw-site-style-active .cwemb-qualityband__item > div {
        width: 100% !important;
        max-width: none !important;
    }

    .cw-site-style-active .cwemb-qualityband__sep {
        height: 1px !important;
        min-height: 1px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwemb-qualityband__grid {
        width: calc(100% - 28px) !important;
    }
}


/* ==========================================================
   V1.0.48 — BORDUREN LAATSTE STRUCTUURWIJZIGINGEN
   ========================================================== */

/* Toepassingen: alles op dezelfde 1440px contentlijn. */
.cw-site-style-active .cwemb-applications > .cwemb-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cw-site-style-active .cwemb-applications .cwemb-sectionhead {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.cw-site-style-active .cwemb-applications .cwemb-sectionhead .cwemb-kicker,
.cw-site-style-active .cwemb-applications .cwemb-app__badge {
    display: none !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Zonder nummers hoeft er geen badge-ruimte meer boven de kaartkop te blijven. */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(1),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(2),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(3),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(4) {
    padding-top: 44px !important;
}

/* Klantportaal/foto exact 1440px breed op desktop. */
.cw-site-style-active .cwemb-portal {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Workflow is ook in de HTML verwijderd; dit voorkomt restmarges uit oudere CSS. */
.cw-site-style-active .cwemb-workflow {
    display: none !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwemb-applications > .cwemb-shell,
    .cw-site-style-active .cwemb-portal {
        width: min(1440px, calc(100% - 48px)) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwemb-applications > .cwemb-shell,
    .cw-site-style-active .cwemb-portal {
        width: calc(100% - 40px) !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwemb-applications > .cwemb-shell,
    .cw-site-style-active .cwemb-portal {
        width: calc(100% - 28px) !important;
    }
}


/* ==========================================================
   V1.0.49 — HOMEPAGE HERO TYPO + BORDUREN COPY/SPACING FIXES
   - Homepage hero-kop gelijk aan intro-koppen
   - Toepassingen: Caps & beanies
   - Borduren witruimte/ritme gelijkgetrokken
   ========================================================== */

/* HOME: bovenste hero-header dezelfde tekstgrootte als de onderste grote sectiekop. */
.cw-site-style-active .cwhome-hero h1,
.cw-site-style-active .cwhome-hero h1 span {
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -0.045em !important;
    font-weight: 700 !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active .cwhome-hero h1,
    .cw-site-style-active .cwhome-hero h1 span {
        font-size: clamp(48px, 6vw, 72px) !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active .cwhome-hero h1,
    .cw-site-style-active .cwhome-hero h1 span {
        font-size: clamp(40px, 8vw, 58px) !important;
        max-width: none !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome-hero h1,
    .cw-site-style-active .cwhome-hero h1 span {
        font-size: clamp(34px, 10vw, 46px) !important;
    }
}

/* BORDUREN: toepassingstitel/tekst voor beanies. */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(3) h3,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(3) p {
    color: var(--cw-brand-navy) !important;
}

/* BORDUREN: consistente verticale ritmiek zoals op Home. */
@media (min-width: 1101px) {
    .cw-site-style-active .cwemb-homehero {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 90px !important;
    }

    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-qualityband {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active .cwemb-homehero {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 64px !important;
    }

    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwemb-qualityband {
        margin-top: 64px !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwemb-homehero {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 40px !important;
    }

    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal,
    .cw-site-style-active .cwemb-qualityband {
        margin-top: 44px !important;
        margin-bottom: 0 !important;
    }
}


/* ==========================================================
   V1.0.50 — BORDUREN: ÉÉN ENKELE SECTIE-AFSTAND + KAARTCENTRERING
   - desktop: exact één 90px externe witruimte tussen hoofdblokken
   - tablet/mobile: 64px / 44px zoals Home-logica
   - voorkomt 90px onder + 90px boven = 180px
   - toepassingenkaarten tekst verticaal gecentreerd
   - 'Voor klanten' is uit de HTML verwijderd
   ========================================================== */

/* Toepassingen: inhoud verticaal centreren in alle vier de vakken. */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(1),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(2),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(3),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(4) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 34px !important;
    padding-bottom: 34px !important;
}

/* Geen verborgen kicker-ruimte in het klantportaalblok. */
.cw-site-style-active .cwemb-portal__content .cwemb-kicker {
    display: none !important;
}

/* DESKTOP — iedere externe overgang krijgt exact één 90px bron. */
@media (min-width: 1101px) {
    /* Header -> hero-afbeelding. */
    .cw-site-style-active .cwemb-homehero {
        padding-top: 90px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    /* Hero-afbeelding -> hero-tekst. */
    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 90px !important;
        padding-bottom: 0 !important;
    }

    /* Oude algemene section-padding uitschakelen, anders telt die bij de margin op. */
    .cw-site-style-active .cwemb > .cwemb-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Hero-tekst -> aqua blok -> technieken -> paarse balk -> toepassingen -> portal. */
    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-qualityband,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal {
        margin-top: 90px !important;
        margin-bottom: 0 !important;
    }

    /* Portal is zelf het blok: geen extra interne witte boven/onderruimte. */
    .cw-site-style-active .cwemb-portal {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* TABLET — zelfde systeem, compacter zoals Home. */
@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active .cwemb-homehero {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb > .cwemb-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-qualityband,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal {
        margin-top: 64px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-portal {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* MOBIEL — één 44px bron per overgang. */
@media (max-width: 620px) {
    .cw-site-style-active .cwemb-homehero {
        padding-top: 44px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .cw-site-style-active .cwemb-homehero__inner {
        padding-top: 44px !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb > .cwemb-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-intro,
    .cw-site-style-active .cwemb-techniques,
    .cw-site-style-active .cwemb-qualityband,
    .cw-site-style-active .cwemb-applications,
    .cw-site-style-active .cwemb-portal {
        margin-top: 44px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active .cwemb-portal {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* ==========================================================
   V1.0.53 — DEFINITIEVE EXTERNE SECTIE-AFSTAND
   Oude 90px-regels worden hieronder bewust overschreven.
   Desktop 200px, tablet 120px, mobiel 80px.
   Iedere overgang krijgt exact één bron.
   ========================================================== */

@media (min-width: 1101px) {
    /* HOME */
    .cw-site-style-active .cwhome > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome > section + section {
        margin-top: 200px !important;
    }
    .cw-site-style-active .cwhome .cwhome-section,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-band {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero {
        padding-top: 200px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero__inner {
        padding-top: 200px !important;
        padding-bottom: 0 !important;
    }

    /* BORDUREN */
    .cw-site-style-active .cwemb > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active .cwemb > section + section {
        margin-top: 200px !important;
    }
    .cw-site-style-active .cwemb > .cwemb-section,
    .cw-site-style-active .cwemb > .cwemb-portal,
    .cw-site-style-active .cwemb > .cwemb-qualityband {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 200px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 200px !important;
        padding-bottom: 0 !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active .cwhome > section,
    .cw-site-style-active .cwemb > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome > section + section,
    .cw-site-style-active .cwemb > section + section {
        margin-top: 120px !important;
    }
    .cw-site-style-active .cwhome .cwhome-section,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-band,
    .cw-site-style-active .cwemb > .cwemb-section,
    .cw-site-style-active .cwemb > .cwemb-portal,
    .cw-site-style-active .cwemb > .cwemb-qualityband {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero,
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 120px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero__inner,
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 120px !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome > section,
    .cw-site-style-active .cwemb > section {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome > section + section,
    .cw-site-style-active .cwemb > section + section {
        margin-top: 80px !important;
    }
    .cw-site-style-active .cwhome .cwhome-section,
    .cw-site-style-active .cwhome .cwhome-portal,
    .cw-site-style-active .cwhome .cwhome-band,
    .cw-site-style-active .cwemb > .cwemb-section,
    .cw-site-style-active .cwemb > .cwemb-portal,
    .cw-site-style-active .cwemb > .cwemb-qualityband {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero,
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 80px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }
    .cw-site-style-active .cwhome .cwhome-hero__inner,
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 80px !important;
        padding-bottom: 0 !important;
    }
}


/* ==========================================================
   V1.0.54 — ÉÉN VISUEEL SPACING-SYSTEEM
   Desktop: 140px zichtbare afstand tussen hoofdblokken.
   Tablet: 96px. Mobiel: 64px.
   Belangrijk: hero gebruikt GEEN dubbele top/padding-bronnen meer.
   ========================================================== */

/* Basis: oude externe margins/paddings uitschakelen. */
.cw-site-style-active .cwhome > section,
.cw-site-style-active .cwemb > section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.cw-site-style-active .cwhome .cwhome-section,
.cw-site-style-active .cwhome .cwhome-band,
.cw-site-style-active .cwhome .cwhome-portal,
.cw-site-style-active .cwemb > .cwemb-section,
.cw-site-style-active .cwemb > .cwemb-qualityband,
.cw-site-style-active .cwemb > .cwemb-portal {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width: 1101px) {
    /* HEADER -> HERO FOTO: precies 140px, één bron. */
    .cw-site-style-active .cwhome .cwhome-hero,
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 140px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    /* HERO FOTO -> HERO TEKST: precies 140px, één andere visuele overgang. */
    .cw-site-style-active .cwhome .cwhome-hero > .cwhome-shell.cwhome-hero__inner,
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 140px !important;
        padding-bottom: 0 !important;
    }

    /* HERO TEKST / BALK / SECTIE -> VOLGEND HOOFDBLOK: exact 140px. */
    .cw-site-style-active .cwhome > section + section,
    .cw-site-style-active .cwemb > section + section {
        margin-top: 140px !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active .cwhome .cwhome-hero,
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 96px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .cw-site-style-active .cwhome .cwhome-hero > .cwhome-shell.cwhome-hero__inner,
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 96px !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwhome > section + section,
    .cw-site-style-active .cwemb > section + section {
        margin-top: 96px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome .cwhome-hero,
    .cw-site-style-active .cwemb .cwemb-homehero {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    .cw-site-style-active .cwhome .cwhome-hero > .cwhome-shell.cwhome-hero__inner,
    .cw-site-style-active .cwemb .cwemb-homehero__inner {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
    }

    .cw-site-style-active .cwhome > section + section,
    .cw-site-style-active .cwemb > section + section {
        margin-top: 64px !important;
    }
}


/* ==========================================================
   V1.0.55 — LAATSTE CONTENTBLOK -> FOOTER CTA
   De footer staat buiten .cwhome/.cwemb en viel daardoor niet
   onder het section+section spacing-systeem.
   ========================================================== */
@media (min-width: 1101px) {
    .cw-site-style-active .cwhome,
    .cw-site-style-active .cwemb {
        margin-bottom: 140px !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active .cwhome,
    .cw-site-style-active .cwemb {
        margin-bottom: 96px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active .cwhome,
    .cw-site-style-active .cwemb {
        margin-bottom: 64px !important;
    }
}


/* ==========================================================
   V1.0.56 — HEADERWET + FOOTER CTA SPACING ZONDER OPTELLING
   Borduren hero gebruikt dezelfde kopmaat als de gewone grote
   sectiekoppen. Footer CTA draagt zelf de zichtbare witruimte;
   de pagina-wrapper voegt geen extra marge meer toe.
   ========================================================== */

/* Borduren bovenste hero-kop = dezelfde maat als de overige grote headers. */
.cw-site-style-active.cw-page-borduren .cwemb-homehero h1,
.cw-site-style-active.cw-page-borduren .cwemb-homehero__line {
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
}

/* Geen extra externe marge vóór de footer: voorkomt 140 + footer-padding. */
.cw-site-style-active.cw-page-home .cwhome,
.cw-site-style-active.cw-page-borduren .cwemb {
    margin-bottom: 0 !important;
}

/* De witte ruimte rond het gele vlak komt voortaan uit precies één bron. */
@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 140px !important;
        padding-bottom: 140px !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-borduren .cwemb-homehero h1,
    .cw-site-style-active.cw-page-borduren .cwemb-homehero__line {
        font-size: clamp(40px, 8vw, 58px) !important;
    }

    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 96px !important;
        padding-bottom: 96px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active.cw-page-borduren .cwemb-homehero h1,
    .cw-site-style-active.cw-page-borduren .cwemb-homehero__line {
        font-size: clamp(34px, 10vw, 46px) !important;
    }

    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }
}


/* ==========================================================
   V1.0.57 — OVER ONS HERO EXACT ALS BORDUREN
   Alleen het bovenste hero-gedeelte; overige Over-ons-secties
   blijven ongewijzigd.
   ========================================================== */
.cw-site-style-active.cw-page-over-ons .cwabout-homehero {
    width: 100% !important;
    margin: 0 !important;
    padding: 90px 0 !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__media {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
    margin: 0 auto !important;
    border-radius: 42px 42px 42px 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 90px 0 0 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__box {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero h1,
.cw-site-style-active.cw-page-over-ons .cwabout-homehero__line {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__line {
    display: block !important;
    white-space: nowrap !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__box > p {
    max-width: 780px !important;
    margin: 28px auto 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__actions {
    margin-top: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__btn {
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    border: 1px solid var(--cw-brand-yellow) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__btn--yellow {
    background: var(--cw-brand-yellow) !important;
    border-color: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-homehero__btn:hover,
.cw-site-style-active.cw-page-over-ons .cwabout-homehero__btn:focus-visible {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding: 64px 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media,
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        width: min(1440px, calc(100% - 48px)) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        border-radius: 36px 36px 36px 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 64px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding: 40px 0 56px !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media,
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        width: calc(100% - 40px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        border-radius: 28px 28px 28px 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 48px !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero h1,
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__line {
        font-size: clamp(40px, 8vw, 58px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__box > p {
        font-size: 15px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding: 28px 0 44px !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media,
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        width: calc(100% - 28px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__media {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        border-radius: 22px 22px 22px 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 40px !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero h1,
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__line {
        font-size: clamp(34px, 10vw, 46px) !important;
        white-space: normal !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__box > p {
        margin-top: 20px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__actions {
        margin-top: 26px !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__btn {
        min-height: 50px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
        gap: 18px !important;
    }
}


/* ==========================================================
   V1.0.58 — OVER ONS: HEADER -> HERO FOTO EXACT ALS BORDUREN
   Alleen de bovenruimte vóór de hero-foto wordt gelijkgetrokken.
   Desktop 140px / tablet 96px / mobiel 64px.
   ========================================================== */
@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 140px !important;
    }
}

@media (min-width: 621px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 96px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 64px !important;
    }
}


/* ==========================================================
   V1.0.59 — OVER ONS OPSCHONING / 1440 / GELE HEADER
   ========================================================== */

/* Alleen Over ons: header geel, tekst/navy en witte loginbutton. */
.cw-site-style-active.cw-page-over-ons .cw-header__bar,
.cw-site-style-active.cw-page-over-ons .cw-header.is-scrolled .cw-header__bar {
    background: #111111 !important;
    border-bottom-color: rgba(65,67,85,.12) !important;
}
.cw-site-style-active.cw-page-over-ons .cw-header .cw-nav > a {
    color: #FFFFFF !important;
}
.cw-site-style-active.cw-page-over-ons .cw-header .cw-logo__image {
    filter: none !important;
}
.cw-site-style-active.cw-page-over-ons .cw-header__login {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    box-shadow: none !important;
}
.cw-site-style-active.cw-page-over-ons .cw-header__login:hover,
.cw-site-style-active.cw-page-over-ons .cw-header__login:focus-visible {
    background: #CD3337 !important;
    border-color: #111111 !important;
    color: #111111 !important;
}

/* Alle gewone Over-ons content op dezelfde 1440px as. */
.cw-site-style-active.cw-page-over-ons .cwabout {
    --cw-max: 1440px !important;
}
.cw-site-style-active.cw-page-over-ons .cwabout-shell,
.cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-cta__grid,
.cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.cw-site-style-active.cw-page-over-ons .cwabout-image {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Kwaliteit door consistentie: alleen de linker kop. */
.cw-site-style-active.cw-page-over-ons .cwabout-values-section .cwabout-sectionhead {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: start !important;
}
.cw-site-style-active.cw-page-over-ons .cwabout-values-section .cwabout-sectionhead > p {
    display: none !important;
}

/* Proces: geen nummers; tekst verticaal centreren in de blokken. */
.cw-site-style-active.cw-page-over-ons .cwabout-process__badge > span:last-child {
    display: none !important;
}
.cw-site-style-active.cw-page-over-ons .cwabout-process__list article {
    display: flex !important;
    align-items: center !important;
    min-height: 176px !important;
}
.cw-site-style-active.cw-page-over-ons .cwabout-process__list article > div:last-child {
    width: 100% !important;
}

/* De nieuwe proceskop volledig navy, ook de tweede regel. */
.cw-site-style-active.cw-page-over-ons .cwabout-process h2,
.cw-site-style-active.cw-page-over-ons .cwabout-process h2 span {
    color: var(--cw-brand-navy) !important;
}

/* 140px witruimte vóór de globale footer-CTA op Over ons. */
.cw-site-style-active.cw-page-over-ons .cw-footer__cta {
    margin-top: 0 !important;
    padding-top: 140px !important;
}

@media (max-width: 1024px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-shell,
    .cw-site-style-active.cw-page-over-ons .cwabout-image,
    .cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-cta__grid,
    .cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-shell {
        width: calc(100% - 40px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-top: 96px !important;
    }
}

@media (max-width: 620px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-shell,
    .cw-site-style-active.cw-page-over-ons .cwabout-image,
    .cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-cta__grid,
    .cw-site-style-active.cw-page-over-ons .cwabout-cta > .cwabout-shell {
        width: calc(100% - 28px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-top: 64px !important;
    }
}


/* ==========================================================
   V1.0.67 — GERichte inhoudswijzigingen
   - Over ons: statement staat vóór Vakwerk met structuur
   - Borduren: toepassingstekst volledig gecentreerd in elk vak
   ========================================================== */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(1),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(2),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(3),
.cw-site-style-active .cwemb-applications .cwemb-application-grid article:nth-child(4) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
}
.cw-site-style-active .cwemb-applications .cwemb-application-grid h3 {
    margin: 0 0 16px !important;
    text-align: center !important;
}
.cw-site-style-active .cwemb-applications .cwemb-application-grid p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* =====================================================================
   V1.0.74 — gerichte correcties op basis van de laatste screenshots
   - GEEN layout-herontwerp
   - header/menu overal Sora + normale hoofdlettergebruik
   - quote-balk: tekstgrootte gelijk aan kaartkop "Vlak borduurwerk"
   - Over ons waardenbalk gebruikt letterlijk de Borduren-qualityband-opbouw
   ===================================================================== */

/* Header op alle publieke pagina's gelijk: blauw/grijs, witte tekst en witte login. */
.cw-site-style-active .cw-header__bar,
.cw-site-style-active .cw-header.is-scrolled .cw-header__bar,
.cw-site-style-active.cw-page-borduren .cw-header__bar,
.cw-site-style-active.cw-page-borduren .cw-header.is-scrolled .cw-header__bar,
.cw-site-style-active.cw-page-over-ons .cw-header__bar,
.cw-site-style-active.cw-page-over-ons .cw-header.is-scrolled .cw-header__bar {
    background: #111111 !important;
    border-bottom-color: transparent !important;
}

.cw-site-style-active .cw-header .cw-nav > a,
.cw-site-style-active.cw-page-borduren .cw-header .cw-nav > a,
.cw-site-style-active.cw-page-over-ons .cw-header .cw-nav > a,
.cw-site-style-active .cw-header__login,
.cw-site-style-active .cw-nav__login-mobile {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
    font-variant: normal !important;
    font-variant-caps: normal !important;
    letter-spacing: 0 !important;
}

.cw-site-style-active .cw-header .cw-nav > a,
.cw-site-style-active.cw-page-borduren .cw-header .cw-nav > a,
.cw-site-style-active.cw-page-over-ons .cw-header .cw-nav > a {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

.cw-site-style-active .cw-header .cw-logo__image,
.cw-site-style-active.cw-page-borduren .cw-header .cw-logo__image,
.cw-site-style-active.cw-page-over-ons .cw-header .cw-logo__image {
    filter: none !important;
}

.cw-site-style-active .cw-header__login,
.cw-site-style-active.cw-page-borduren .cw-header__login,
.cw-site-style-active.cw-page-over-ons .cw-header__login {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
    color: #111111 !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-weight: 600 !important;
    text-transform: none !important;
    font-variant-caps: normal !important;
}

/* Over ons: full-width gele statement behouden, alleen de tekst corrigeren. */
.cw-site-style-active.cw-page-over-ons .cwabout-statement {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    background: #CD3337 !important;
    color: #111111 !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-statement .cwabout-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    background: transparent !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-statement p {
    margin: 0 !important;
    max-width: none !important;
    color: #111111 !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 25px !important; /* gelijk aan .cwemb-card h3 / "Vlak borduurwerk" */
    line-height: 1.32 !important;
    font-weight: 600 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-statement p span {
    display: inline !important;
    margin: 0 !important;
}

/* Over ons: de oude waardenkaart niet meer gebruiken; nieuwe balk is een letterlijke
   kopie van de Borduren-qualityband en erft dus dezelfde maatvoering/styling. */
.cw-site-style-active.cw-page-over-ons .cwabout-values-section {
    overflow: visible !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-valuesband {
    margin-top: 44px !important;
    background: #111111 !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-valuesline {
    display: block !important;
    white-space: nowrap !important;
}


@media (max-width: 1200px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-valuesline {
        white-space: normal !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-statement .cwabout-shell {
        width: calc(100% - 30px) !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-statement p {
        font-size: 22px !important;
        line-height: 1.35 !important;
    }
}


/* =====================================================================
   V1.0.76 — Toepassingen: contentblok midden, tekst binnen blok links
   Dit staat bewust HELEMAAL ONDERAAN, omdat V1.0.67 later in de globale
   stylesheet nog text-align:center !important forceerde.
   ===================================================================== */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content {
    width: min(280px, 100%) !important;
    max-width: 280px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;

    text-align: left !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    text-align: left !important;
    align-self: flex-start !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 699px) {
    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content {
        width: min(280px, 100%) !important;
        max-width: 280px !important;
    }
}


/* =====================================================================
   V1.0.77 — finale correcties 01-09-2026
   1. Gele quote exact horizontaal gecentreerd
   2. Toepassingen: alle vier tekstblokken exact dezelfde bovenzijde
   ===================================================================== */

/* OVER ONS — gele full-width quote */
.cw-site-style-active.cw-page-over-ons .cwabout-statement {
    background: #CD3337 !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-statement .cwabout-shell {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.cw-site-style-active.cw-page-over-ons .cwabout-statement p {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    white-space: nowrap !important;
}

/* BORDUREN — toepassingen:
   buitenste kaart centreert een identiek hoog inner blok;
   daardoor begint de inhoud in ALLE vier kaarten exact even hoog. */
.cw-site-style-active .cwemb-applications .cwemb-application-grid article {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content {
    width: min(280px, 100%) !important;
    max-width: 280px !important;

    height: 130px !important;
    min-height: 130px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    text-align: left !important;
    box-sizing: border-box !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3,
.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    text-align: left !important;
    align-self: flex-start !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3 {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Tablet/mobiel: geen geforceerde vaste hoogte als kaarten onder elkaar komen */
@media (max-width: 999px) {
    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content {
        height: auto !important;
        min-height: 0 !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-statement .cwabout-shell {
        width: min(1440px, calc(100% - 30px)) !important;
    }

    .cw-site-style-active.cw-page-over-ons .cwabout-statement p {
        white-space: normal !important;
        padding: 0 !important;
    }
}


/* =====================================================================
   V1.0.78 — DEFINITIEVE AUTORITEITSLAAG
   Deze regels staan bewust als LAATSTE in cottonwood-style.css.
   ===================================================================== */

/* --------------------------------------------------------------
   HEADER
   Oude header-/snippetcascade mag geen all-caps of ander font
   meer terugbrengen.
   -------------------------------------------------------------- */
.cw-site-style-active .cw-header .cw-nav > a,
.cw-site-style-active .cw-header .cw-header__login,
.cw-site-style-active .cw-header .cw-nav__login-mobile,
.cw-site-style-active .cw-header .cw-header__login > span,
.cw-site-style-active .cw-header .cw-nav__login-mobile > span {
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    text-transform: none !important;
    font-variant: normal !important;
    font-variant-caps: normal !important;
    letter-spacing: 0 !important;
}

/* --------------------------------------------------------------
   BORDUREN — toepassingen
   - tekstblok als geheel midden in ieder vak
   - tekst binnen dat blok links
   - alle koppen exact dezelfde bovenzijde
   - iets minder lege ruimte onder de tekst
   -------------------------------------------------------------- */
@media (min-width: 1000px) {
    .cw-site-style-active .cwemb-applications .cwemb-application-grid article {
        min-height: 250px !important;
        padding: 0 30px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content {
        width: 220px !important;
        max-width: 220px !important;
        height: 116px !important;
        min-height: 116px !important;
        margin: 0 auto !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;

        text-align: left !important;
    }

    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3,
    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content h3 {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        white-space: nowrap !important;
    }

    .cw-site-style-active .cwemb-applications .cwemb-application-grid article .cwemb-application-content p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

/* --------------------------------------------------------------
   OVER ONS — één verticale afstandsbron per overgang.
   Geen stapeling van section-padding + margin meer.
   Desktop = 140px, tablet = 96px, mobiel = 64px.
   -------------------------------------------------------------- */
@media (min-width: 1101px) {
    /* Header -> hero-foto */
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 140px !important;
        padding-bottom: 0 !important;
        margin: 0 !important;
    }

    /* Hero-foto -> hero-tekst */
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 140px !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* Hero-tekst -> gele statement */
    .cw-site-style-active.cw-page-over-ons .cwabout-statement {
        margin-top: 140px !important;
        margin-bottom: 0 !important;
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    /* Statement -> Vakwerk */
    .cw-site-style-active.cw-page-over-ons .cwabout-approach {
        margin-top: 140px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Vakwerk -> Kwaliteit */
    .cw-site-style-active.cw-page-over-ons .cwabout-values-section {
        margin-top: 140px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Kwaliteitsbalk -> grote foto */
    .cw-site-style-active.cw-page-over-ons .cwabout-image {
        margin-top: 140px !important;
        margin-bottom: 0 !important;
    }

    /* Grote foto -> Een team */
    .cw-site-style-active.cw-page-over-ons .cwabout-process {
        margin-top: 140px !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Een team -> gele footer-CTA */
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        margin-top: 140px !important;
        padding-top: 0 !important;
    }
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 96px !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 96px !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-statement,
    .cw-site-style-active.cw-page-over-ons .cwabout-approach,
    .cw-site-style-active.cw-page-over-ons .cwabout-values-section,
    .cw-site-style-active.cw-page-over-ons .cwabout-image,
    .cw-site-style-active.cw-page-over-ons .cwabout-process,
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        margin-top: 96px !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-approach,
    .cw-site-style-active.cw-page-over-ons .cwabout-values-section,
    .cw-site-style-active.cw-page-over-ons .cwabout-process {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-top: 0 !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-homehero__inner {
        padding-top: 64px !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-statement,
    .cw-site-style-active.cw-page-over-ons .cwabout-approach,
    .cw-site-style-active.cw-page-over-ons .cwabout-values-section,
    .cw-site-style-active.cw-page-over-ons .cwabout-image,
    .cw-site-style-active.cw-page-over-ons .cwabout-process,
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        margin-top: 64px !important;
        margin-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cwabout-approach,
    .cw-site-style-active.cw-page-over-ons .cwabout-values-section,
    .cw-site-style-active.cw-page-over-ons .cwabout-process {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-top: 0 !important;
    }
}


/* =====================================================================
   V1.0.79 — Over ons: exacte ruimte tussen gele footer-CTA en hoofdfooter
   De gele CTA en de donkere footer zijn twee secties binnen dezelfde footer.
   De zichtbare witte ruimte ertussen komt daarom uitsluitend uit de
   bottom-padding van .cw-footer__cta. Geen extra margin op .cw-footer__main.
   ===================================================================== */

@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-bottom: 140px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-over-ons .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-bottom: 96px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-over-ons .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta {
        padding-bottom: 64px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-over-ons .cw-footer__main {
        margin-top: 0 !important;
    }
}


/* =====================================================================
   V1.0.80 — CONTACT HERO EXACT ALS OVER ONS
   Alleen het bovenste contactgedeelte wordt vervangen.
   De rest van de contactpagina blijft voor nu ongewijzigd.
   ===================================================================== */

.cw-site-style-active.cw-page-contact .cw-contact-page {
    background: #FFFFFF !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero {
    width: 100% !important;
    margin: 0 !important;
    padding: 140px 0 0 !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
    margin: 0 auto !important;

    /* exact Over ons: drie ronde hoeken, links onder recht */
    border-radius: 42px 42px 42px 0 !important;
    overflow: hidden !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding: 140px 0 0 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__box {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero h1,
.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;

    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line {
    display: block !important;
    white-space: nowrap !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__box > p {
    max-width: 780px !important;
    margin: 28px auto 0 !important;

    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__actions {
    margin-top: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__btn {
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;

    border: 1px solid var(--cw-brand-yellow) !important;
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;

    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__btn:hover,
.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__btn:focus-visible {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

/* De oude blauwe/split-hero en oranje overlay mogen nergens meer terugkomen. */
.cw-site-style-active.cw-page-contact .cw-contact-hero,
.cw-site-style-active.cw-page-contact .cw-contact-hero-note,
.cw-site-style-active.cw-page-contact .cw-contact-hero-accent {
    display: none !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active.cw-page-contact .cwcontact-homehero {
        padding-top: 96px !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media,
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        border-radius: 36px 36px 36px 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
        padding-top: 96px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media,
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        border-radius: 28px 28px 28px 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero h1,
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line {
        font-size: clamp(40px, 8vw, 58px) !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__box > p {
        font-size: 15px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-contact .cwcontact-homehero {
        padding-top: 64px !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media,
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__media {
        height: 250px !important;
        min-height: 250px !important;
        max-height: 250px !important;
        border-radius: 22px 22px 22px 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__inner {
        padding-top: 64px !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero h1,
    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line {
        font-size: clamp(34px, 10vw, 46px) !important;
        white-space: normal !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__box > p {
        margin-top: 20px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__actions {
        margin-top: 26px !important;
    }

    .cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__btn {
        min-height: 50px !important;
        padding: 0 20px !important;
        font-size: 13px !important;
        gap: 18px !important;
    }
}


/* =====================================================================
   V1.0.81 — Contact opschoning
   Alleen de vijf doorgegeven onderdelen verwijderen.
   ===================================================================== */

.cw-site-style-active.cw-page-contact .cw-contact-form-shell::before {
    display: none !important;
    content: none !important;
}

/* Veiligheidslaag voor eventueel oude shortcode-/cache-output */
.cw-site-style-active.cw-page-contact .cw-contact-band,
.cw-site-style-active.cw-page-contact .cw-contact-side-photo,
.cw-site-style-active.cw-page-contact .cw-contact-end,
.cw-site-style-active.cw-page-contact .cw-contact-section-kicker {
    display: none !important;
}


/* =====================================================================
   V1.0.82 — CONTACT 1440 + EXACTE VERTICALE AFSTANDEN
   - hoofdgedeelte contact exact 1440 px
   - knop hero -> formulier exact 140 / 96 / 64 px
   - linker informatiekolom boven en onder gelijk aan formulier
   - footer CTA -> hoofdfooter exact 140 / 96 / 64 px
     op Home, Borduren, Over ons én Contact
   ===================================================================== */

/* --------------------------------------------------------------
   CONTACT — desktop
   -------------------------------------------------------------- */
@media (min-width: 1101px) {

    /* Foto 2 / formuliersectie: totale contentbreedte 1440px */
    .cw-site-style-active.cw-page-contact .cw-contact-main .cw-contact-inner {
        width: min(1440px, calc(100% - 64px)) !important;
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Exact 140px witruimte tussen hero-button en begin formulier */
    .cw-site-style-active.cw-page-contact .cw-contact-main {
        padding-top: 140px !important;
        padding-bottom: 140px !important;
        margin-top: 0 !important;
        background: #FFFFFF !important;
    }

    /* Beide kolommen exact even hoog */
    .cw-site-style-active.cw-page-contact .cw-contact-main-grid {
        grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr) !important;
        gap: 56px !important;
        align-items: stretch !important;
    }

    /* Linkerkant vult exact de hoogte van het formulier.
       Bovenste blok start gelijk met formulier; onderste blok eindigt gelijk. */
    .cw-site-style-active.cw-page-contact .cw-contact-info-column {
        height: 100% !important;
        min-height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-self: stretch !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-info-intro,
    .cw-site-style-active.cw-page-contact .cw-contact-direct,
    .cw-site-style-active.cw-page-contact .cw-contact-login-card {
        flex: 0 0 auto !important;
    }

    /* Oude marges mogen de evenredige verdeling niet vervormen */
    .cw-site-style-active.cw-page-contact .cw-contact-direct,
    .cw-site-style-active.cw-page-contact .cw-contact-login-card {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-section-copy {
        margin-bottom: 0 !important;
    }
}

/* --------------------------------------------------------------
   CONTACT — tablet
   -------------------------------------------------------------- */
@media (min-width: 700px) and (max-width: 1100px) {

    .cw-site-style-active.cw-page-contact .cw-contact-main {
        padding-top: 96px !important;
        padding-bottom: 96px !important;
        margin-top: 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-main .cw-contact-inner {
        width: min(1440px, calc(100% - 48px)) !important;
        max-width: 1440px !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-info-column {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-direct {
        margin-top: 28px !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-login-card {
        margin-top: 22px !important;
    }
}

/* --------------------------------------------------------------
   CONTACT — mobiel
   -------------------------------------------------------------- */
@media (max-width: 699px) {

    .cw-site-style-active.cw-page-contact .cw-contact-main {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
        margin-top: 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-main .cw-contact-inner {
        width: calc(100% - 28px) !important;
        max-width: 1440px !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-info-column {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-direct {
        margin-top: 24px !important;
    }

    .cw-site-style-active.cw-page-contact .cw-contact-login-card {
        margin-top: 18px !important;
    }
}

/* --------------------------------------------------------------
   FOOTER — één en dezelfde afstandsregel op alle hoofdpagina's.
   De ruimte tussen het gele CTA-vak en de donkere hoofdfooter komt
   uit exact één bron: padding-bottom van .cw-footer__cta.
   -------------------------------------------------------------- */
@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta,
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta,
    .cw-site-style-active.cw-page-contact .cw-footer__cta {
        padding-bottom: 140px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-home .cw-footer__main,
    .cw-site-style-active.cw-page-borduren .cw-footer__main,
    .cw-site-style-active.cw-page-over-ons .cw-footer__main,
    .cw-site-style-active.cw-page-contact .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta,
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta,
    .cw-site-style-active.cw-page-contact .cw-footer__cta {
        padding-bottom: 96px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-home .cw-footer__main,
    .cw-site-style-active.cw-page-borduren .cw-footer__main,
    .cw-site-style-active.cw-page-over-ons .cw-footer__main,
    .cw-site-style-active.cw-page-contact .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-home .cw-footer__cta,
    .cw-site-style-active.cw-page-borduren .cw-footer__cta,
    .cw-site-style-active.cw-page-over-ons .cw-footer__cta,
    .cw-site-style-active.cw-page-contact .cw-footer__cta {
        padding-bottom: 64px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-home .cw-footer__main,
    .cw-site-style-active.cw-page-borduren .cw-footer__main,
    .cw-site-style-active.cw-page-over-ons .cw-footer__main,
    .cw-site-style-active.cw-page-contact .cw-footer__main {
        margin-top: 0 !important;
    }
}


/* =====================================================================
   V1.0.83 — KLANTPORTAAL HERO IN CONTACT-STIJL
   - nieuw hero-blok boven klantportaal
   - tekst: Klantportaal + rustige introductie
   - woord "Welkom" weg
   - portal-accentkleur gelijk aan de rest van de site
   ===================================================================== */

.cw-site-style-active.cw-page-klantportaal .cw-portal-hero {
    display: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-dashboard-welcome {
    display: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-dashboard,
.cw-site-style-active.cw-page-klantportaal .cw-auth-section {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin: 34px auto 140px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    gap: 42px !important;
    align-items: stretch !important;
    background: transparent !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
    min-height: 520px !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-radius: 28px 28px 28px 0 !important;
    overflow: hidden !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
    min-height: 520px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box {
    width: 100% !important;
    max-width: 560px !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line {
    margin: 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: clamp(56px, 5.2vw, 92px) !important;
    line-height: .92 !important;
    font-weight: 650 !important;
    letter-spacing: -.05em !important;
    text-transform: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box > p {
    margin: 24px 0 0 !important;
    color: #111111 !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__actions {
    margin-top: 30px !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    min-height: 64px !important;
    padding: 18px 30px !important;
    border-radius: 999px !important;
    background: #CD3337 !important;
    color: var(--cw-brand-navy) !important;
    border: 1px solid #CD3337 !important;
    text-decoration: none !important;
    font-family: "Sora", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    box-shadow: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn:hover,
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 24px rgba(20, 20, 20, .08) !important;
}

/* Portal-geel afstemmen op de rest van de site. */
.cw-site-style-active.cw-page-klantportaal .cw-auth-eyebrow,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard-card-label,
.cw-site-style-active.cw-page-klantportaal .cw-panel-head small,
.cw-site-style-active.cw-page-klantportaal .cw-company-card h3,
.cw-site-style-active.cw-page-klantportaal .cwq-dashboard-cta__eyebrow,
.cw-site-style-active.cw-page-klantportaal .cwqv82-dashboard-cta__eyebrow {
    color: #CD3337 !important;
}

.cw-site-style-active.cw-page-klantportaal .cwq-dashboard-button,
.cw-site-style-active.cw-page-klantportaal .cwqv82-dashboard-button,
.cw-site-style-active.cw-page-klantportaal .cw-auth-card .cw-button,
.cw-site-style-active.cw-page-klantportaal .cw-auth-card-dark .cw-button,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard .cw-button {
    background: #CD3337 !important;
    border-color: #CD3337 !important;
    color: var(--cw-brand-navy) !important;
    box-shadow: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cwq-dashboard-button span,
.cw-site-style-active.cw-page-klantportaal .cwqv82-dashboard-button span,
.cw-site-style-active.cw-page-klantportaal .cw-auth-card .cw-button span,
.cw-site-style-active.cw-page-klantportaal .cw-auth-card-dark .cw-button span,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard .cw-button span {
    color: inherit !important;
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        width: min(1440px, calc(100% - 48px)) !important;
        margin: 26px auto 96px !important;
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        min-height: 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
        height: 390px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        width: calc(100% - 28px) !important;
        margin: 20px auto 64px !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
        min-height: 260px !important;
        height: 260px !important;
        border-radius: 20px 20px 20px 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        min-height: 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line {
        font-size: clamp(40px, 12.5vw, 56px) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box > p {
        font-size: 17px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn {
        width: 100% !important;
    }
}


/* =====================================================================
   V1.0.84 — KLANTPORTAAL HERO EXACT ALS CONTACT-OPMAAK
   - geen 2-koloms hero meer
   - beeld bovenaan full-width op 1440px-lijn
   - titel/tekst/button gecentreerd eronder
   - zelfde ritme als contactpagina screenshot
   ===================================================================== */

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 140px 0 0 !important;
    display: block !important;
    background: #FFFFFF !important;
    color: var(--cw-brand-navy) !important;
    overflow: visible !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    height: 540px !important;
    min-height: 540px !important;
    max-height: 540px !important;
    margin: 0 auto !important;
    border-radius: 42px 42px 42px 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 140px 0 0 !important;
    display: block !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box {
    width: min(1320px, 100%) !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: clamp(54px, 5.1vw, 80px) !important;
    line-height: .96 !important;
    letter-spacing: -.045em !important;
    font-weight: 700 !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box > p {
    max-width: 980px !important;
    margin: 28px auto 0 !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__actions {
    margin-top: 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn {
    min-height: 54px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    border: 1px solid var(--cw-brand-yellow) !important;
    background: var(--cw-brand-yellow) !important;
    color: var(--cw-brand-navy) !important;
    font-family: "Sora", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn:hover,
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn:focus-visible {
    background: var(--cw-brand-navy) !important;
    border-color: var(--cw-brand-navy) !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 1200px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        padding-top: 96px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
        height: 480px !important;
        min-height: 480px !important;
        max-height: 480px !important;
        border-radius: 36px 36px 36px 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        padding-top: 96px !important;
    }
}

@media (max-width: 900px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        width: calc(100% - 40px) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
        border-radius: 28px 28px 28px 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line {
        font-size: clamp(40px, 8vw, 58px) !important;
        white-space: normal !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__box > p {
        font-size: 15px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        padding-top: 64px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__media {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
        border-radius: 20px 20px 20px 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__copy {
        padding-top: 64px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero h1,
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__line {
        font-size: clamp(40px, 12vw, 56px) !important;
        white-space: normal !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn {
        width: auto !important;
        min-width: 200px !important;
    }
}


/* =====================================================================
   V1.0.85 — KLANTPORTAAL DASHBOARD 1440PX + FOOTERAFSTAND
   Alleen deze twee correcties:
   1. ingelogd dashboard op dezelfde 1440px contentlijn als de site
   2. 140px witruimte tussen gele footer-CTA en donkere footer op desktop
      met bestaande tablet/mobile ritmes van 96px en 64px
   ===================================================================== */

/* Dashboard en alle directe portal-content op 1440px. */
.cw-site-style-active.cw-page-klantportaal .cw-portal {
    --cw-max: 1440px !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-portal-inner,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
.cw-site-style-active.cw-page-klantportaal .cw-auth-section > .cw-portal-inner {
    width: min(1440px, calc(100% - 64px)) !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Footer: exact één bron voor de ruimte tussen geel en blauw. */
@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-klantportaal .cw-footer__cta {
        padding-bottom: 140px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-klantportaal .cw-portal-inner,
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
    .cw-site-style-active.cw-page-klantportaal .cw-auth-section > .cw-portal-inner {
        width: min(1440px, calc(100% - 48px)) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-footer__cta {
        padding-bottom: 96px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-footer__main {
        margin-top: 0 !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-klantportaal .cw-portal-inner,
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard > .cw-portal-inner,
    .cw-site-style-active.cw-page-klantportaal .cw-auth-section > .cw-portal-inner {
        width: calc(100% - 28px) !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-footer__cta {
        padding-bottom: 64px !important;
        margin-bottom: 0 !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-footer__main {
        margin-top: 0 !important;
    }
}


/* =====================================================================
   V1.0.86 — KLANTPORTAAL CTA / DASHBOARD FIJNAFSTEMMING
   1. 140px tussen hero-button en Mijn dashboard op desktop
   2. hero-button opent direct Nieuwe offerte aanvragen
   3. oude offerte/calculator-kaart uit dashboard verwijderd
   4. gele labels in de vier statistiekkaarten rechtsboven, gelijk met getal
   ===================================================================== */

/* Exact één afstandsbron tussen hero en dashboard. */
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
    margin-bottom: 140px !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-dashboard {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* De oude rechter offertekaart mag niet terugkomen. */
.cw-site-style-active.cw-page-klantportaal .cw-dashboard-not-ready,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard .cwq-dashboard-cta,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard .cwqv82-dashboard-cta,
.cw-site-style-active.cw-page-klantportaal .cw-dashboard .cw-site-quote-cta {
    display: none !important;
}

/* Nieuwe-offerte CTA in de hero blijft exact de bestaande sitebutton. */
.cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero__btn {
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Vier dashboardstatistieken: getal linksboven, geel label rechtsboven. */
.cw-site-style-active.cw-page-klantportaal .cw-dashboard-card {
    position: relative !important;
}

.cw-site-style-active.cw-page-klantportaal .cw-dashboard-card-label {
    position: absolute !important;
    top: 28px !important;
    right: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    line-height: 1.15 !important;
    color: #CD3337 !important;
    z-index: 2 !important;
}

@media (min-width: 700px) and (max-width: 1100px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        margin-bottom: 96px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-dashboard-card-label {
        top: 24px !important;
        right: 24px !important;
    }
}

@media (max-width: 699px) {
    .cw-site-style-active.cw-page-klantportaal .cw-custom-portal-hero {
        margin-bottom: 64px !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-dashboard-card-label {
        top: 22px !important;
        right: 22px !important;
        max-width: 45% !important;
    }
}


/* =====================================================================
   V1.0.91 — KLANTPORTAAL OFFERTE-AANVRAAG OOK 1440PX
   - dashboard stond al op 1440px
   - de inline offertewizard had intern nog een oude max-width van 1240px
   - wizard vult nu exact dezelfde 1440px portal-inner als de dashboardkaarten
   ===================================================================== */

@media (min-width: 1101px) {
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard #cwq-modal,
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard #cwq-form.cwqv10-ready,
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard #cwq-form.cwqv10-ready > .cwq-form-shell,
    .cw-site-style-active.cw-page-klantportaal .cw-dashboard .cwqv10-shell {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .cw-site-style-active.cw-page-klantportaal .cw-dashboard #cwq-form.cwqv10-ready > .cwq-form-shell {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =====================================================================
   V1.0.92 — OFFERTEWIZARD + ORDERFLOW IN RECLAMEHUYS NAVY/GEEL
   Alleen kleurharmonisatie. Layout, breedtes, werking en validatie blijven
   ongewijzigd.

   Sitepalet:
   - navy  #111111
   - geel  #CD3337
   - wit   #FFFFFF
   ===================================================================== */

/* ---------- OFFERTEWIZARD: centrale oude zwart/geel variabelen vervangen ---------- */
.cw-site-style-active.cw-page-klantportaal #cwq-form,
.cw-site-style-active.cw-page-klantportaal #cwq-modal,
.cw-site-style-active.cw-page-klantportaal .cwq-form-shell,
.cw-site-style-active.cw-page-klantportaal [class^="cwq-"],
.cw-site-style-active.cw-page-klantportaal [class*=" cwq-"] {
    --cwq-black: #111111 !important;
    --cwq-yellow: #CD3337 !important;
    --cwq-white: #FFFFFF !important;
    --cwq-light: #F7F7F8 !important;
    --cwq-mid: rgba(65,67,85,.22) !important;
    --cwq-muted: #696A76 !important;
}

/* Donkere offertevlakken: Reclamehuys navy. */
.cw-site-style-active.cw-page-klantportaal .cwq-modal__head,
.cw-site-style-active.cw-page-klantportaal .cwq-summary,
.cw-site-style-active.cw-page-klantportaal .cwq-total,
.cw-site-style-active.cw-page-klantportaal .cwq-price-panel,
.cw-site-style-active.cw-page-klantportaal .cwq-summary-card--dark,
.cw-site-style-active.cw-page-klantportaal .cwq-price-card--dark {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

/* Alle primaire offerteacties naar het sitegeel. */
.cw-site-style-active.cw-page-klantportaal .cwq-submit,
.cw-site-style-active.cw-page-klantportaal .cwq-btn--primary,
.cw-site-style-active.cw-page-klantportaal .cwq-primary,
.cw-site-style-active.cw-page-klantportaal .cwq-next,
.cw-site-style-active.cw-page-klantportaal .cwq-step-nav .is-primary,
.cw-site-style-active.cw-page-klantportaal [data-cwq-next],
.cw-site-style-active.cw-page-klantportaal [data-cwq-primary] {
    background: #CD3337 !important;
    background-color: #CD3337 !important;
    border-color: #CD3337 !important;
    color: #111111 !important;
    box-shadow: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cwq-submit:hover,
.cw-site-style-active.cw-page-klantportaal .cwq-btn--primary:hover,
.cw-site-style-active.cw-page-klantportaal .cwq-primary:hover,
.cw-site-style-active.cw-page-klantportaal .cwq-next:hover,
.cw-site-style-active.cw-page-klantportaal [data-cwq-next]:hover,
.cw-site-style-active.cw-page-klantportaal [data-cwq-primary]:hover {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

/* Offerte-accenten die eerder mosterd-/felgeel waren. */
.cw-site-style-active.cw-page-klantportaal .cwq-intro__kicker,
.cw-site-style-active.cw-page-klantportaal .cwq-step__kicker,
.cw-site-style-active.cw-page-klantportaal .cwq-modal__head small,
.cw-site-style-active.cw-page-klantportaal .cwq-modal__mark,
.cw-site-style-active.cw-page-klantportaal .cwq-accent,
.cw-site-style-active.cw-page-klantportaal .cwq-label-accent {
    color: #CD3337 !important;
    border-color: #CD3337 !important;
}
.cw-site-style-active.cw-page-klantportaal .cwq-modal__mark {
    background: #CD3337 !important;
}

/* Geselecteerde keuzes: zachte geeltoon, navy tekst. */
.cw-site-style-active.cw-page-klantportaal .cwq-choice.is-selected,
.cw-site-style-active.cw-page-klantportaal .cwq-option.is-selected,
.cw-site-style-active.cw-page-klantportaal .cwq-radio-card.is-selected,
.cw-site-style-active.cw-page-klantportaal .cwq-toggle.is-active,
.cw-site-style-active.cw-page-klantportaal [aria-checked="true"].cwq-choice,
.cw-site-style-active.cw-page-klantportaal [aria-selected="true"].cwq-option {
    background: rgba(230,164,79,.14) !important;
    border-color: #CD3337 !important;
    color: #111111 !important;
}

/* ---------- OFFERTE / AKKOORD / ORDER: basisvariabelen ---------- */
.cw-site-style-active.cw-page-klantportaal .cwqo-shell,
.cw-site-style-active.cw-page-klantportaal #cwqo-shell,
.cw-site-style-active.cw-page-klantportaal #cwqo-form,
.cw-site-style-active.cw-page-klantportaal [class^="cwqo-"],
.cw-site-style-active.cw-page-klantportaal [class*=" cwqo-"] {
    --cwqo-black: #111111 !important;
    --cwqo-yellow: #CD3337 !important;
    --cwqo-white: #FFFFFF !important;
    --cwqo-soft: #F7F7F8 !important;
    --cwqo-line: rgba(65,67,85,.18) !important;
    --cwqo-muted: #696A76 !important;
}

/* Oude zwarte orderknoppen / statusvlakken naar navy. */
.cw-site-style-active.cw-page-klantportaal .cwqo-btn,
.cw-site-style-active.cw-page-klantportaal .cwqo-accept-button,
.cw-site-style-active.cw-page-klantportaal .cwqo-submit,
.cw-site-style-active.cw-page-klantportaal .cwqo-result-action,
.cw-site-style-active.cw-page-klantportaal .cwqog-review-check {
    border-color: #111111 !important;
}

/* Primaire orderacties: geel; hover navy. */
.cw-site-style-active.cw-page-klantportaal .cwqo-btn.cwqo-submit,
.cw-site-style-active.cw-page-klantportaal .cwqo-btn--primary,
.cw-site-style-active.cw-page-klantportaal .cwqo-accept-button,
.cw-site-style-active.cw-page-klantportaal .cwqo-result-action,
.cw-site-style-active.cw-page-klantportaal .cwqog-v315-primary,
.cw-site-style-active.cw-page-klantportaal .cwqog-primary,
.cw-site-style-active.cw-page-klantportaal [data-cwqog-next],
.cw-site-style-active.cw-page-klantportaal [data-cwqo-primary] {
    background: #CD3337 !important;
    background-color: #CD3337 !important;
    border-color: #CD3337 !important;
    color: #111111 !important;
    box-shadow: none !important;
}

.cw-site-style-active.cw-page-klantportaal .cwqo-btn.cwqo-submit:hover,
.cw-site-style-active.cw-page-klantportaal .cwqo-btn--primary:hover,
.cw-site-style-active.cw-page-klantportaal .cwqo-accept-button:hover,
.cw-site-style-active.cw-page-klantportaal .cwqo-result-action:hover,
.cw-site-style-active.cw-page-klantportaal .cwqog-v315-primary:hover,
.cw-site-style-active.cw-page-klantportaal .cwqog-primary:hover,
.cw-site-style-active.cw-page-klantportaal [data-cwqog-next]:hover,
.cw-site-style-active.cw-page-klantportaal [data-cwqo-primary]:hover {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #FFFFFF !important;
}

/* Guided orderwizard: progressie en begeleidingskaarten. */
.cw-site-style-active.cw-page-klantportaal #cwqo-form.cwqog-ready .cwqog-stage-kicker,
.cw-site-style-active.cw-page-klantportaal .cwqog-review-eyebrow,
.cw-site-style-active.cw-page-klantportaal .cwqo-kicker {
    color: #CD3337 !important;
}

.cw-site-style-active.cw-page-klantportaal #cwqo-form.cwqog-ready .cwqog-stage-head h2,
.cw-site-style-active.cw-page-klantportaal .cwqog-v321-check-row strong,
.cw-site-style-active.cw-page-klantportaal .cwqo-section-head h2 {
    color: #111111 !important;
}

.cw-site-style-active.cw-page-klantportaal #cwqo-form.cwqog-ready .cwqog-progress button {
    background: #FFFFFF !important;
    border-color: rgba(65,67,85,.20) !important;
    color: #696A76 !important;
}

.cw-site-style-active.cw-page-klantportaal #cwqo-form.cwqog-ready .cwqog-progress button.is-current {
    background: rgba(230,164,79,.14) !important;
    border-color: #CD3337 !important;
    color: #111111 !important;
}

.cw-site-style-active.cw-page-klantportaal #cwqo-form.cwqog-ready .cwqog-progress button.is-done {
    background: #FFFFFF !important;
    border-color: rgba(65,67,85,.28) !important;
    color: #111111 !important;
}

.cw-site-style-active.cw-page-klantportaal .cwqog-review-document-head {
    border-top-color: #CD3337 !important;
}

.cw-site-style-active.cw-page-klantportaal .cwqog-review-check {
    background: #111111 !important;
    color: #FFFFFF !important;
}

/* Informatieve gele vlakken blijven geel, maar in de rustige sitetint. */
.cw-site-style-active.cw-page-klantportaal .cwqo-price-alert,
.cw-site-style-active.cw-page-klantportaal .cwqo-warning,
.cw-site-style-active.cw-page-klantportaal .cwq-request-warning,
.cw-site-style-active.cw-page-klantportaal .cwqog-coach {
    border-color: #CD3337 !important;
}

.cw-site-style-active.cw-page-klantportaal .cwqo-price-alert,
.cw-site-style-active.cw-page-klantportaal .cwq-request-warning {
    background: #CD3337 !important;
    background-color: #CD3337 !important;
    color: #111111 !important;
}

/* Invoerfocus gebruikt navy i.p.v. oud zwart/geel. */
.cw-site-style-active.cw-page-klantportaal [class^="cwq-"] input:focus,
.cw-site-style-active.cw-page-klantportaal [class^="cwq-"] select:focus,
.cw-site-style-active.cw-page-klantportaal [class^="cwq-"] textarea:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwq-"] input:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwq-"] select:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwq-"] textarea:focus,
.cw-site-style-active.cw-page-klantportaal [class^="cwqo-"] input:focus,
.cw-site-style-active.cw-page-klantportaal [class^="cwqo-"] select:focus,
.cw-site-style-active.cw-page-klantportaal [class^="cwqo-"] textarea:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwqo-"] input:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwqo-"] select:focus,
.cw-site-style-active.cw-page-klantportaal [class*=" cwqo-"] textarea:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 3px rgba(65,67,85,.10) !important;
    outline: none !important;
}

/* Validatie rood en succesgroen blijven semantisch rood/groen. */


/* =====================================================================
   V1.2.24 — CONTACT HUISSTIJL SAFEGUARD
   Scope alleen Contact. Zet ook de oudere --cw-brand-* variabelen om,
   omdat de Contact hero hier nog rechtstreeks naar verwijst.
   ===================================================================== */
.cw-site-style-active.cw-page-contact .cw-contact-page{
    --cw-brand-navy:#111111!important;
    --cw-brand-yellow:#CD3337!important;
    --cw-yellow:#CD3337!important;
    --cw-black:#111111!important;
    --cw-dark:#111111!important;
    --cw-text:#111111!important;
}
.cw-site-style-active.cw-page-contact .cwcontact-homehero h1,
.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__line,
.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__box > p,
.cw-site-style-active.cw-page-contact .cw-contact-section-title,
.cw-site-style-active.cw-page-contact .cw-contact-section-copy,
.cw-site-style-active.cw-page-contact .cw-contact-direct-label,
.cw-site-style-active.cw-page-contact .cw-contact-direct-value,
.cw-site-style-active.cw-page-contact .cw-contact-direct-value a,
.cw-site-style-active.cw-page-contact .cw-contact-form-head h3,
.cw-site-style-active.cw-page-contact .cw-contact-form-head p,
.cw-site-style-active.cw-page-contact .cw-contact-field label,
.cw-site-style-active.cw-page-contact .cw-contact-privacy-text,
.cw-site-style-active.cw-page-contact .cw-contact-form-note{
    color:#111111!important;
}
.cw-site-style-active.cw-page-contact .cwcontact-homehero .cwabout-homehero__btn{
    background:#CD3337!important;
    border-color:#CD3337!important;
    color:#111111!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-required,
.cw-site-style-active.cw-page-contact .cw-contact-form-head p strong{
    color:#CD3337!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-form-shell{
    border-radius:24px 24px 24px 0!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-login-card{
    background:#CD3337!important;
    color:#fff!important;
    border-radius:24px 24px 24px 0!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-login-card span,
.cw-site-style-active.cw-page-contact .cw-contact-login-card strong,
.cw-site-style-active.cw-page-contact .cw-contact-login-card p{
    color:#fff!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-login-card .cw-contact-btn{
    background:#111111!important;
    border-color:#111111!important;
    color:#fff!important;
}
.cw-site-style-active.cw-page-contact .cw-contact-submit{
    background:#111111!important;
    border-color:#111111!important;
    color:#fff!important;
}
@media (max-width:699px){
    .cw-site-style-active.cw-page-contact .cw-contact-form-shell,
    .cw-site-style-active.cw-page-contact .cw-contact-login-card{
        border-radius:18px 18px 18px 0!important;
    }
}


/* =====================================================================
   V1.2.27 — KLANTPORTAAL definitieve kleurfix
   Resterende gele/oranje accenten -> aqua.
   Gele/gekleurde knop op donkerblauwe login-kaart -> witte tekst.
   Alleen kleuren; opmaak, maatvoering en layout blijven ongemoeid.
   ===================================================================== */
body.cw-page-klantportaal{
    --cw-brand-navy:#111111!important;
    --cw-brand-yellow:#CD3337!important;
}
/* Alle resterende accentkleuren */
body.cw-page-klantportaal .cw-auth-eyebrow,
body.cw-page-klantportaal .cw-dashboard-card-label,
body.cw-page-klantportaal .cw-panel-head small,
body.cw-page-klantportaal .cw-company-card h3,
body.cw-page-klantportaal .cwq-dashboard-cta__eyebrow,
body.cw-page-klantportaal .cwqv82-dashboard-cta__eyebrow,
body.cw-page-klantportaal .cw-field .required,
body.cw-page-klantportaal .cw-auth-card .required,
body.cw-page-klantportaal .cw-auth-card-light .required,
body.cw-page-klantportaal .cw-auth-card-dark .required,
body.cw-page-klantportaal .cw-auth-card .asterisk,
body.cw-page-klantportaal .cw-auth-card-light .asterisk,
body.cw-page-klantportaal .cw-auth-card-dark .asterisk,
body.cw-page-klantportaal .cw-field label em,
body.cw-page-klantportaal .cw-field label .cw-required,
body.cw-page-klantportaal .cw-auth-card .cw-auth-copy a{
    color:#CD3337!important;
}
/* Knoppen op lichte vlakken: aqua met donkerblauwe tekst */
body.cw-page-klantportaal .cw-auth-card .cw-button,
body.cw-page-klantportaal .cw-auth-card-light .cw-button,
body.cw-page-klantportaal .cw-dashboard .cw-button,
body.cw-page-klantportaal .cwq-dashboard-button,
body.cw-page-klantportaal .cwqv82-dashboard-button,
body.cw-page-klantportaal .cw-custom-portal-hero__btn,
body.cw-page-klantportaal .cw-button-yellow{
    background:#CD3337!important;
    background-color:#CD3337!important;
    border-color:#CD3337!important;
    color:#111111!important;
}
body.cw-page-klantportaal .cw-auth-card .cw-button *,
body.cw-page-klantportaal .cw-auth-card-light .cw-button *,
body.cw-page-klantportaal .cw-dashboard .cw-button *,
body.cw-page-klantportaal .cwq-dashboard-button *,
body.cw-page-klantportaal .cwqv82-dashboard-button *,
body.cw-page-klantportaal .cw-custom-portal-hero__btn *,
body.cw-page-klantportaal .cw-button-yellow *{
    color:inherit!important;
}
/* Knop in donkere login-kaart: witte tekst voor contrast */
body.cw-page-klantportaal .cw-auth-card-dark .cw-button,
body.cw-page-klantportaal .cw-auth-card-dark .cw-button-yellow,
body.cw-page-klantportaal .cw-auth-card-dark button[type="submit"],
body.cw-page-klantportaal .cw-auth-card-dark input[type="submit"]{
    background:#CD3337!important;
    background-color:#CD3337!important;
    border-color:#CD3337!important;
    color:#FFFFFF!important;
}
body.cw-page-klantportaal .cw-auth-card-dark .cw-button *,
body.cw-page-klantportaal .cw-auth-card-dark .cw-button-yellow *,
body.cw-page-klantportaal .cw-auth-card-dark button[type="submit"] *,
body.cw-page-klantportaal .cw-auth-card-dark input[type="submit"] *{
    color:#FFFFFF!important;
}
/* Hover-states in huisstijl */
body.cw-page-klantportaal .cw-auth-card .cw-button:hover,
body.cw-page-klantportaal .cw-auth-card .cw-button:focus-visible,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:hover,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:focus-visible,
body.cw-page-klantportaal .cw-dashboard .cw-button:hover,
body.cw-page-klantportaal .cw-dashboard .cw-button:focus-visible,
body.cw-page-klantportaal .cwq-dashboard-button:hover,
body.cw-page-klantportaal .cwq-dashboard-button:focus-visible,
body.cw-page-klantportaal .cwqv82-dashboard-button:hover,
body.cw-page-klantportaal .cwqv82-dashboard-button:focus-visible,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:hover,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:focus-visible{
    background:#111111!important;
    background-color:#111111!important;
    border-color:#111111!important;
    color:#FFFFFF!important;
}
body.cw-page-klantportaal .cw-auth-card .cw-button:hover *,
body.cw-page-klantportaal .cw-auth-card .cw-button:focus-visible *,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:hover *,
body.cw-page-klantportaal .cw-auth-card-light .cw-button:focus-visible *,
body.cw-page-klantportaal .cw-dashboard .cw-button:hover *,
body.cw-page-klantportaal .cw-dashboard .cw-button:focus-visible *,
body.cw-page-klantportaal .cwq-dashboard-button:hover *,
body.cw-page-klantportaal .cwq-dashboard-button:focus-visible *,
body.cw-page-klantportaal .cwqv82-dashboard-button:hover *,
body.cw-page-klantportaal .cwqv82-dashboard-button:focus-visible *,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:hover *,
body.cw-page-klantportaal .cw-custom-portal-hero__btn:focus-visible *{
    color:#FFFFFF!important;
}