/* Covolt BE-pagina's (/be/, /be/gsc-deadline, /be/curtailment). * Gegenereerd uit de aangeleverde HTML-ontwerpen. Alles is gescoped op .cvbe.cvbe--, * zodat niets lekt naar de rest van de site en de Elementor-kit-stijlen hier niet doorkomen. * Scopes: --home (BE homepage + header/footer), --gsc, --curtailment, --lp (landingspagina header/footer). */ .cvbe { --black: #0F0F0F; --white: #FFFFFF; --yellow: #F0FA59; --purple: #6359FA; --lgrey: #5D6364; --dgrey: #9AABAC; --bg: #FFFFFF; --bg2: #F4F5F4; --border: #E2E4E2; --card: #F0F1F0; --red: #DC2626; --max: 1060px; --r1: 24px 24px 24px 4px; --r2: 16px; --r3: 100px; --font: 'Space Grotesk', system-ui, sans-serif; font-family: var(--font); color: var(--black); line-height: normal; -webkit-font-smoothing: antialiased; color-scheme: light; } .cvbe--home { --max: 1160px; --red: #E53935; --g: max(24px, env(safe-area-inset-left, 0px)); } .cvbe *, .cvbe *::before, .cvbe *::after { box-sizing: border-box; } /* Reset tegen thema/Elementor-kit (specificiteit 0,2,1; alle paginaregels zitten daarboven) */ .cvbe.cvbe :is(h1, h2, h3, h4, p, ul, ol, li, figure, blockquote) { margin: 0; padding: 0; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: normal; text-transform: none; color: inherit; } .cvbe.cvbe ul { list-style: none; } .cvbe.cvbe a { color: inherit; } .cvbe.cvbe img { max-width: 100%; display: block; } .cvbe.cvbe strong { font-weight: 700; } /* Covolt-logo uit [covolt_logo] */ .cvbe .cv-logo { color: var(--black); } /* ── Elementor-wrappers voor BE-secties: geen extra ruimte ── */ .elementor-widget-covolt_html_section > .elementor-widget-container { margin: 0; padding: 0; } .elementor-section.cvbe-sec > .elementor-container > .elementor-column > .elementor-widget-wrap { padding: 0; } /* Afteller-plaatsing in de ontwerpen */ .cvbe.cvbe--gsc .cd-row { display: block; margin-bottom: 36px; } .cvbe.cvbe--home .urgency .covolt-cd { flex-shrink: 0; } .cvbe.cvbe--home .cta-clock .covolt-cd { justify-content: flex-end; } @media (max-width: 860px) { .cvbe.cvbe--home .cta-clock .covolt-cd { justify-content: flex-start; } } @media (max-width: 760px) { .cvbe.cvbe--home .urgency .covolt-cd { justify-content: flex-start; } } /* Scroll-reveal (assets/be-pages.js zet .is-in) */ .cvbe-js .cvbe [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; } .cvbe-js .cvbe [data-reveal].is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .cvbe-js .cvbe [data-reveal] { opacity: 1; transform: none; transition: none; } } /* ════════ LANDINGSPAGINA HEADER + FOOTER (scope: lp) ════════ */ .cvbe.cvbe--lp .wrap { max-width: var(--max); margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left,0px)); padding-right: max(20px, env(safe-area-inset-right,0px)); } .cvbe.cvbe--lp .lp-nav { background: var(--white); border-bottom: 1px solid var(--border); padding-block: 14px; } .cvbe.cvbe--lp .lp-nav .wrap { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .cvbe.cvbe--lp .lp-logo { display: flex; align-items: center; color: var(--black); } .cvbe.cvbe--lp .nav-right { display: flex; align-items: center; gap: 20px; } .cvbe.cvbe--lp .nav-link, .cvbe.cvbe--lp .nav-tel { font-size: 14px; font-weight: 500; color: var(--lgrey); text-decoration: none; transition: color .15s; } .cvbe.cvbe--lp .nav-link:hover, .cvbe.cvbe--lp .nav-tel:hover { color: var(--black); } .cvbe.cvbe--lp .nav-cta-btn { background: var(--yellow); color: var(--black); font-family: var(--font); font-size: 13px; font-weight: 700; border: none; border-radius: var(--r3); padding: 9px 20px; cursor: pointer; text-decoration: none; white-space: nowrap; } .cvbe.cvbe--lp .nav-cta-btn:hover { background: #e8f74d; } @media (max-width: 600px) { .cvbe.cvbe--lp .nav-link { display: none; } } @media (max-width: 500px) { .cvbe.cvbe--lp .nav-tel { display: none; } } .cvbe.cvbe--lp .lp-footer { border-top: 1px solid var(--border); padding-block: 32px; background: var(--white); } .cvbe.cvbe--lp .lp-footer .wrap { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .cvbe.cvbe--lp .lp-footer .cv-logo { opacity: .5; } .cvbe.cvbe--lp .footer-links { display: flex; gap: 24px; flex-wrap: wrap; } .cvbe.cvbe--lp .footer-links a { font-size: 13px; color: var(--lgrey); text-decoration: none; } .cvbe.cvbe--lp .footer-links a:hover { color: var(--black); } .cvbe.cvbe--lp .footer-copy { font-size: 13px; color: var(--dgrey); } .cvbe.cvbe--lp .footer-copy a { color: var(--dgrey); text-decoration: none; } .cvbe.cvbe--lp .footer-copy a:hover { color: var(--black); } /* ════════ BE HOMEPAGE (scope: home) ════════ */ .cvbe.cvbe--home .wrap {max-width: var(--max); margin-inline: auto; padding-inline: var(--g);} .cvbe.cvbe--home .section {padding-block: 96px;} .cvbe.cvbe--home .section--slim {padding-block: 72px;} .cvbe.cvbe--home .t-display {font-size: clamp(40px, 5.6vw, 70px); font-weight: 500; line-height: .90; letter-spacing: -2.5px; text-wrap: balance;} .cvbe.cvbe--home .t-h2 {font-size: clamp(26px, 3.6vw, 44px); font-weight: 500; line-height: .95; letter-spacing: -.8px; text-wrap: balance;} .cvbe.cvbe--home .t-h3 {font-size: clamp(20px, 2.4vw, 26px); font-weight: 500; line-height: 1.1; letter-spacing: -.3px;} .cvbe.cvbe--home .t-body {font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--lgrey);} .cvbe.cvbe--home .t-label {font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--dgrey);} .cvbe.cvbe--home .pill {display: inline-flex; align-items: center; gap: 7px; padding: 5px 14px; border-radius: var(--r3); font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;} .cvbe.cvbe--home .pill--purple {background: var(--purple); color: var(--white);} .cvbe.cvbe--home .pill--light {background: var(--card); color: var(--lgrey); border: 1px solid var(--border);} .cvbe.cvbe--home .pill--white {background: rgba(255,255,255,.2); color: var(--white); border: 1px solid rgba(255,255,255,.25);} .cvbe.cvbe--home .pill--red {background: var(--red); color: var(--white);} .cvbe.cvbe--home .hl {background: var(--yellow); color: var(--black); padding: 2px 10px 4px; border-radius: 8px;} .cvbe.cvbe--home .btn {display: inline-flex; align-items: center; gap: 6px; font-family: var(--font); font-size: 14px; font-weight: 700; padding: 13px 24px; border-radius: var(--r3); text-decoration: none; white-space: nowrap; border: none; cursor: pointer; transition: opacity .15s;} .cvbe.cvbe--home .btn:hover {opacity: .82;} .cvbe.cvbe--home .btn--yellow {background: var(--yellow); color: var(--black);} .cvbe.cvbe--home .btn--dark {background: var(--black); color: var(--yellow);} .cvbe.cvbe--home .btn--ghost {background: transparent; color: var(--lgrey); border: 1px solid var(--border); transition: border-color .15s, color .15s;} .cvbe.cvbe--home .btn--ghost:hover {border-color: var(--black); color: var(--black); opacity: 1;} .cvbe.cvbe--home .btn--white-outline {background: transparent; color: var(--white); border: 1.5px solid rgba(255,255,255,.5);} .cvbe.cvbe--home .btn--white-outline:hover {background: rgba(255,255,255,.08); opacity: 1;} .cvbe.cvbe--home .btn--lg {font-size: 16px; padding: 16px 32px;} .cvbe.cvbe--home .hp-nav {position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--border);} .cvbe.cvbe--home .nav-inner {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-block: 16px; max-width: var(--max); margin-inline: auto; padding-inline: var(--g);} .cvbe.cvbe--home .logo {font-size: 20px; font-weight: 700; letter-spacing: -.4px; color: var(--black); text-decoration: none; flex-shrink: 0;} .cvbe.cvbe--home .logo-dot {color: var(--yellow);} .cvbe.cvbe--home .nav-links {display: flex; gap: 28px; list-style: none;} .cvbe.cvbe--home .nav-links a {font-size: 14px; font-weight: 400; color: var(--lgrey); text-decoration: none; transition: color .15s;} .cvbe.cvbe--home .nav-links a:hover {color: var(--black);} @media (max-width: 680px) { .cvbe.cvbe--home .nav-links {display: none;} } .cvbe.cvbe--home .hero {position: relative; min-height: 88vh; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden;} .cvbe.cvbe--home .hero-bg {position: absolute; inset: 0; background-image: url("img/be/hero.jpg"); background-size: cover; background-position: center 30%; filter: brightness(.75);} .cvbe.cvbe--home .hero-gradient {position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(15,15,15,0) 0%, rgba(15,15,15,.1) 40%, rgba(15,15,15,.72) 75%, rgba(15,15,15,.90) 100%);} .cvbe.cvbe--home .hero-content {position: relative; z-index: 2; padding-block: 0 72px; padding-inline: var(--g); max-width: var(--max); margin-inline: auto; width: 100%;} .cvbe.cvbe--home .hero-eyebrow {margin-bottom: 28px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;} .cvbe.cvbe--home .hero-title {color: var(--white); margin-bottom: 20px;} .cvbe.cvbe--home .hero-sub {max-width: 560px; margin-bottom: 36px; color: rgba(255,255,255,.75); font-size: 17px; line-height: 1.65;} .cvbe.cvbe--home .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; align-items: center;} .cvbe.cvbe--home .hero-reassurance {font-size: 12px; color: rgba(255,255,255,.45); margin-top: 14px; display: flex; align-items: center; gap: 6px;} .cvbe.cvbe--home .hero-reassurance span::before {content: '·'; margin-right: 6px;} .cvbe.cvbe--home .hero-reassurance span:first-child::before {display: none;} .cvbe.cvbe--home .stats-bar {background: var(--black);} .cvbe.cvbe--home .stats-inner {display: grid; grid-template-columns: repeat(4, 1fr); border-left: 1px solid rgba(255,255,255,.08);} .cvbe.cvbe--home .stat-item {padding: 28px 32px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08);} .cvbe.cvbe--home .stat-num {font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -1.5px; color: var(--yellow); font-variant-numeric: tabular-nums; margin-bottom: 6px;} .cvbe.cvbe--home .stat-lbl {font-size: 12px; color: rgba(255,255,255,.5); line-height: 1.4;} @media (max-width: 760px) { .cvbe.cvbe--home .stats-inner {grid-template-columns: 1fr 1fr;} } .cvbe.cvbe--home .urgency {background: var(--yellow);} .cvbe.cvbe--home .urgency-inner {padding-block: 44px; display: grid; grid-template-columns: 1fr auto; gap: 48px; align-items: center;} .cvbe.cvbe--home .urgency-label {font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(15,15,15,.5); margin-bottom: 8px;} .cvbe.cvbe--home .urgency-headline {font-size: clamp(18px, 2.4vw, 24px); font-weight: 500; color: var(--black); line-height: 1.2; margin-bottom: 10px;} .cvbe.cvbe--home .urgency-body {font-size: 15px; color: #444; line-height: 1.65; max-width: 580px;} .cvbe.cvbe--home .urgency-body a {color: var(--black); font-weight: 700;} @media (max-width: 760px) { .cvbe.cvbe--home .urgency-inner {grid-template-columns: 1fr; gap: 28px;} } .cvbe.cvbe--home .services {background: var(--bg);} .cvbe.cvbe--home .services-header {margin-bottom: 48px;} .cvbe.cvbe--home .services-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .cvbe.cvbe--home .svc-card {border-radius: var(--r1); overflow: hidden; display: flex; flex-direction: column;} .cvbe.cvbe--home .svc-card--light {background: var(--bg2); border: 1px solid var(--border);} .cvbe.cvbe--home .svc-card--purple {background: var(--purple);} .cvbe.cvbe--home .svc-photo {height: 220px; overflow: hidden; flex-shrink: 0;} .cvbe.cvbe--home .svc-photo img {width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease;} .cvbe.cvbe--home .svc-card:hover .svc-photo img {transform: scale(1.04);} .cvbe.cvbe--home .svc-body {padding: 32px; display: flex; flex-direction: column; flex: 1;} .cvbe.cvbe--home .svc-tag {margin-bottom: 14px;} .cvbe.cvbe--home .svc-title {margin-bottom: 10px;} .cvbe.cvbe--home .svc-card--light .svc-title {color: var(--black);} .cvbe.cvbe--home .svc-card--purple .svc-title {color: var(--white);} .cvbe.cvbe--home .svc-desc {flex: 1; margin-bottom: 24px; font-size: 15px; line-height: 1.65;} .cvbe.cvbe--home .svc-card--light .svc-desc {color: var(--lgrey);} .cvbe.cvbe--home .svc-card--purple .svc-desc {color: rgba(255,255,255,.8);} .cvbe.cvbe--home .svc-link {font-size: 14px; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: gap .15s; margin-top: auto;} .cvbe.cvbe--home .svc-link:hover {gap: 10px;} .cvbe.cvbe--home .svc-card--light .svc-link {color: var(--purple);} .cvbe.cvbe--home .svc-card--purple .svc-link {color: var(--yellow);} @media (max-width: 680px) { .cvbe.cvbe--home .services-grid {grid-template-columns: 1fr;} .cvbe.cvbe--home .svc-photo {height: 180px;} } .cvbe.cvbe--home .loss-band {background: #FFF7F7; border-top: 1px solid #FFD6D6; border-bottom: 1px solid #FFD6D6;} .cvbe.cvbe--home .loss-inner {padding-block: 48px; display: flex; align-items: center; gap: 48px;} .cvbe.cvbe--home .loss-icon {flex-shrink: 0; width: 56px; height: 56px; background: #FEE2E2; border-radius: 14px; display: flex; align-items: center; justify-content: center;} .cvbe.cvbe--home .loss-headline {font-size: clamp(20px, 2.4vw, 26px); font-weight: 500; color: #B91C1C; line-height: 1.2; margin-bottom: 8px;} .cvbe.cvbe--home .loss-body {font-size: 15px; color: #7F1D1D; line-height: 1.65; max-width: 640px;} @media (max-width: 640px) { .cvbe.cvbe--home .loss-inner {flex-direction: column; gap: 20px;} } .cvbe.cvbe--home .team-band {background: var(--bg2); overflow: hidden;} .cvbe.cvbe--home .team-band-inner {display: grid; grid-template-columns: 1fr 1fr; gap: 0; min-height: 420px;} .cvbe.cvbe--home .team-photo {overflow: hidden;} .cvbe.cvbe--home .team-photo img {width: 100%; height: 100%; object-fit: cover; display: block; min-height: 320px;} .cvbe.cvbe--home .team-text {padding: 64px 56px; display: flex; flex-direction: column; justify-content: center;} .cvbe.cvbe--home .team-text .t-label {margin-bottom: 16px;} .cvbe.cvbe--home .team-text .t-h2 {margin-bottom: 20px;} .cvbe.cvbe--home .team-text .t-body {margin-bottom: 28px;} .cvbe.cvbe--home .team-bullets {list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 36px;} .cvbe.cvbe--home .team-bullets li {display: flex; align-items: flex-start; gap: 12px; font-size: 15px; color: var(--lgrey); line-height: 1.5;} .cvbe.cvbe--home .team-bullets li::before {content: ''; width: 18px; height: 18px; flex-shrink: 0; border-radius: 50%; background: var(--yellow); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%230F0F0F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; margin-top: 1px;} @media (max-width: 760px) { .cvbe.cvbe--home .team-band-inner {grid-template-columns: 1fr;} .cvbe.cvbe--home .team-text {padding: 40px 24px;} } .cvbe.cvbe--home .proof {background: var(--bg); border-top: 1px solid var(--border);} .cvbe.cvbe--home .proof-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: var(--r2); overflow: hidden;} .cvbe.cvbe--home .proof-cell {background: var(--bg); padding: 40px 32px;} .cvbe.cvbe--home .proof-num {font-size: 52px; font-weight: 700; letter-spacing: -2px; color: var(--purple); line-height: 1; font-variant-numeric: tabular-nums; margin-bottom: 8px;} .cvbe.cvbe--home .proof-desc {font-size: 14px; color: var(--lgrey); line-height: 1.5;} .cvbe.cvbe--home .proof-source {font-size: 11px; color: var(--dgrey); margin-top: 6px;} @media (max-width: 640px) { .cvbe.cvbe--home .proof-grid {grid-template-columns: 1fr;} } .cvbe.cvbe--home .cta-section {position: relative; overflow: hidden; background: var(--black);} .cvbe.cvbe--home .cta-bg {position: absolute; inset: 0; background-image: url("img/be/team.jpg"); background-size: cover; background-position: center; opacity: .12;} .cvbe.cvbe--home .cta-top {position: relative; z-index: 2; padding-block: 72px 0;} .cvbe.cvbe--home .cta-top-inner {display: grid; grid-template-columns: 1fr auto; gap: 64px; align-items: start;} .cvbe.cvbe--home .cta-label {font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 16px;} .cvbe.cvbe--home .cta-title {color: var(--white); margin-bottom: 16px;} .cvbe.cvbe--home .cta-body {font-size: 15px; color: rgba(255,255,255,.55); line-height: 1.65; max-width: 520px; margin-bottom: 32px;} .cvbe.cvbe--home .cta-reassurance {display: flex; gap: 20px; flex-wrap: wrap; margin-top: 16px;} .cvbe.cvbe--home .cta-reassurance-item {display: flex; align-items: center; gap: 7px; font-size: 13px; color: rgba(255,255,255,.4);} .cvbe.cvbe--home .cta-reassurance-item svg {flex-shrink: 0;} .cvbe.cvbe--home .cta-clock {flex-shrink: 0;} .cvbe.cvbe--home .cta-clock-label {font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: 16px; text-align: right;} @media (max-width: 860px) { .cvbe.cvbe--home .cta-top-inner {grid-template-columns: 1fr;} .cvbe.cvbe--home .cta-clock-label {text-align: left;} } .cvbe.cvbe--home .cta-form-strip {position: relative; z-index: 2; background: rgba(255,255,255,.05); border-top: 1px solid rgba(255,255,255,.08); padding-block: 36px; margin-top: 48px;} .cvbe.cvbe--home .cta-form-inner {display: flex; gap: 12px; align-items: center; flex-wrap: wrap;} .cvbe.cvbe--home .cta-form-label {font-size: 14px; color: rgba(255,255,255,.6); flex-shrink: 0;} .cvbe.cvbe--home .cta-input {flex: 1; min-width: 200px; max-width: 320px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: var(--r3); padding: 12px 20px; font-family: var(--font); font-size: 14px; color: var(--white); outline: none; transition: border-color .15s;} .cvbe.cvbe--home .cta-input::placeholder {color: rgba(255,255,255,.3);} .cvbe.cvbe--home .cta-input:focus {border-color: var(--yellow);} .cvbe.cvbe--home .cta-form-sub {font-size: 12px; color: rgba(255,255,255,.25); margin-top: 10px;} .cvbe.cvbe--home .cta-form-sub a {color: rgba(240,250,89,.4);} @keyframes cvbe-blink { 0%,100%{opacity:1} 50%{opacity:.3} } .cvbe.cvbe--home .hp-footer {background: var(--bg2); border-top: 1px solid var(--border); padding-block: 56px 40px;} .cvbe.cvbe--home .footer-grid {display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 48px; margin-bottom: 48px;} .cvbe.cvbe--home .footer-logo {font-size: 18px; font-weight: 700; color: var(--black); text-decoration: none; display: block; margin-bottom: 12px;} .cvbe.cvbe--home .footer-tagline {font-size: 13px; color: var(--lgrey); line-height: 1.6; max-width: 220px;} .cvbe.cvbe--home .footer-col-title {font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--dgrey); margin-bottom: 16px;} .cvbe.cvbe--home .footer-col a, .cvbe.cvbe--home .footer-col p {font-size: 13px; color: var(--lgrey); line-height: 2; text-decoration: none; display: block;} .cvbe.cvbe--home .footer-col a:hover {color: var(--black);} .cvbe.cvbe--home .footer-bottom {border-top: 1px solid var(--border); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap;} .cvbe.cvbe--home .footer-copy {font-size: 12px; color: var(--dgrey);} .cvbe.cvbe--home .footer-certs {display: flex; gap: 10px;} .cvbe.cvbe--home .cert {font-size: 11px; font-weight: 700; color: var(--dgrey); padding: 3px 10px; border: 1px solid var(--border); border-radius: 6px;} @media (max-width: 680px) { .cvbe.cvbe--home .footer-grid {grid-template-columns: 1fr; gap: 32px;} } .cvbe.cvbe--home .stats-bar {position: relative; overflow: hidden;} .cvbe.cvbe--home .stats-bar::before {content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='3' fill='%23ffffff' opacity='0.1'/%3E%3C/svg%3E"); background-size: 80px 80px; pointer-events: none;} .cvbe.cvbe--home .hp-footer {position: relative; overflow: hidden;} .cvbe.cvbe--home .hp-footer::before {content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='3' fill='%230F0F0F' opacity='0.06'/%3E%3C/svg%3E"); background-size: 80px 80px; pointer-events: none;} /* ════════ GSC-DEADLINE (scope: gsc) ════════ */ .cvbe.cvbe--gsc .wrap {max-width: var(--max); margin: 0 auto; padding-left: max(20px, env(safe-area-inset-left,0px)); padding-right: max(20px, env(safe-area-inset-right,0px));} .cvbe.cvbe--gsc .hero-lp {background: var(--black); padding-block: 72px 64px; position: relative; overflow: hidden;} .cvbe.cvbe--gsc .hero-lp::before {content: ''; position: absolute; inset: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Ccircle cx='40' cy='40' r='3' fill='%23ffffff' opacity='0.07'/%3E%3C/svg%3E"); background-size: 80px 80px; pointer-events: none;} .cvbe.cvbe--gsc .hero-lp::after {content: ''; position: absolute; right: -60px; top: 50%; transform: translateY(-50%); width: 480px; height: 480px; background: var(--yellow); border-radius: 50%; opacity: 0.04; pointer-events: none;} .cvbe.cvbe--gsc .hero-lp .wrap {position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 420px; gap: 56px; align-items: center;} .cvbe.cvbe--gsc .hero-lp-left {} .cvbe.cvbe--gsc .deadline-pill {display: inline-flex; align-items: center; gap: 8px; background: rgba(220,38,38,.15); border: 1px solid rgba(220,38,38,.35); color: #FCA5A5; border-radius: var(--r3); font-size: 12px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; padding: 6px 14px; margin-bottom: 28px;} .cvbe.cvbe--gsc .deadline-dot {width: 7px; height: 7px; border-radius: 50%; background: #F87171; animation: cvbe-blink 1.2s ease-in-out infinite;} @keyframes cvbe-blink { 0%,100%{opacity:1} 50%{opacity:.3} } .cvbe.cvbe--gsc .hero-lp h1 {font-size: clamp(32px, 5vw, 52px); font-weight: 700; color: var(--white); line-height: 1.1; letter-spacing: -.5px; margin-bottom: 20px;} .cvbe.cvbe--gsc .hero-lp h1 span {color: var(--yellow);} .cvbe.cvbe--gsc .hero-sub-lp {font-size: 17px; color: var(--dgrey); line-height: 1.65; margin-bottom: 36px; max-width: 480px;} .cvbe.cvbe--gsc .cd-row {display: flex; gap: 12px; margin-bottom: 36px;} .cvbe.cvbe--gsc .hero-trust {display: flex; align-items: center; gap: 20px; flex-wrap: wrap;} .cvbe.cvbe--gsc .trust-item {display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--dgrey);} .cvbe.cvbe--gsc .trust-check {color: var(--yellow); font-size: 14px;} .cvbe.cvbe--gsc .form-card {background: var(--white); border-radius: var(--r1); padding: 36px 32px; box-shadow: 0 4px 40px rgba(0,0,0,.35); position: relative; z-index: 2;} .cvbe.cvbe--gsc .form-card-title {font-size: 20px; font-weight: 700; margin-bottom: 6px;} .cvbe.cvbe--gsc .form-card-sub {font-size: 13px; color: var(--lgrey); margin-bottom: 24px;} .cvbe.cvbe--gsc .form-field {margin-bottom: 14px;} .cvbe.cvbe--gsc .form-field label {font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--lgrey); display: block; margin-bottom: 6px;} .cvbe.cvbe--gsc .form-field input, .cvbe.cvbe--gsc .form-field select {width: 100%; border: 1.5px solid var(--border); border-radius: var(--r2); padding: 11px 14px; font-family: var(--font); font-size: 14px; color: var(--black); background: var(--bg); outline: none; transition: border-color .2s;} .cvbe.cvbe--gsc .form-field input:focus, .cvbe.cvbe--gsc .form-field select:focus {border-color: var(--purple);} .cvbe.cvbe--gsc .form-submit {width: 100%; background: var(--yellow); color: var(--black); font-family: var(--font); font-size: 15px; font-weight: 700; border: none; border-radius: var(--r3); padding: 15px; cursor: pointer; margin-top: 8px; transition: background .2s;} .cvbe.cvbe--gsc .form-submit:hover {background: #e8f74d;} .cvbe.cvbe--gsc .form-micro {font-size: 11px; color: var(--dgrey); text-align: center; margin-top: 10px; line-height: 1.5;} .cvbe.cvbe--gsc .loss-lp {background: #FEF2F2; border-top: 1px solid #FEE2E2; border-bottom: 1px solid #FEE2E2; padding-block: 40px;} .cvbe.cvbe--gsc .loss-lp .wrap {display: flex; align-items: center; gap: 24px; flex-wrap: wrap;} .cvbe.cvbe--gsc .loss-icon-lp {width: 56px; height: 56px; background: #FEE2E2; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; color: var(--red); flex-shrink: 0;} .cvbe.cvbe--gsc .loss-body-lp {flex: 1; min-width: 200px;} .cvbe.cvbe--gsc .loss-body-lp strong {font-size: 20px; font-weight: 700; color: var(--red); display: block; margin-bottom: 4px;} .cvbe.cvbe--gsc .loss-body-lp p {font-size: 14px; color: #7F1D1D; line-height: 1.55;} .cvbe.cvbe--gsc .loss-cta-lp {flex-shrink: 0;} .cvbe.cvbe--gsc .btn-red {background: var(--red); color: var(--white); font-family: var(--font); font-size: 14px; font-weight: 700; border: none; border-radius: var(--r3); padding: 13px 24px; cursor: pointer; text-decoration: none; display: inline-block;} .cvbe.cvbe--gsc .btn-red:hover {background: #b91c1c;} .cvbe.cvbe--gsc .how {padding-block: 80px;} .cvbe.cvbe--gsc .section-label {font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: var(--dgrey); margin-bottom: 12px;} .cvbe.cvbe--gsc .how h2 {font-size: clamp(26px, 4vw, 38px); font-weight: 700; margin-bottom: 48px; letter-spacing: -.3px;} .cvbe.cvbe--gsc .steps {display: grid; grid-template-columns: repeat(3,1fr); gap: 32px;} .cvbe.cvbe--gsc .step {position: relative;} .cvbe.cvbe--gsc .step-num {width: 44px; height: 44px; border-radius: 50%; background: var(--yellow); color: var(--black); font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; margin-bottom: 20px;} .cvbe.cvbe--gsc .step h3 {font-size: 18px; font-weight: 700; margin-bottom: 8px;} .cvbe.cvbe--gsc .step p {font-size: 14px; color: var(--lgrey); line-height: 1.65;} .cvbe.cvbe--gsc .step-arrow {position: absolute; right: -20px; top: 11px; color: var(--border); font-size: 24px; font-weight: 300;} .cvbe.cvbe--gsc .proof-lp {background: var(--black); padding-block: 56px;} .cvbe.cvbe--gsc .proof-lp .wrap {display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.08); border-radius: var(--r2); overflow: hidden;} .cvbe.cvbe--gsc .proof-cell-lp {background: var(--black); padding: 32px 28px; text-align: center;} .cvbe.cvbe--gsc .proof-num-lp {font-size: 40px; font-weight: 700; color: var(--yellow); line-height: 1; margin-bottom: 8px; font-variant-numeric: tabular-nums;} .cvbe.cvbe--gsc .proof-desc-lp {font-size: 13px; color: var(--dgrey); line-height: 1.5;} .cvbe.cvbe--gsc .cta-lp {background: var(--bg2); padding-block: 80px; text-align: center;} .cvbe.cvbe--gsc .cta-lp h2 {font-size: clamp(24px, 3.5vw, 36px); font-weight: 700; margin-bottom: 12px;} .cvbe.cvbe--gsc .cta-lp p {font-size: 16px; color: var(--lgrey); margin-bottom: 32px;} .cvbe.cvbe--gsc .btn-yellow-lg {background: var(--yellow); color: var(--black); font-family: var(--font); font-size: 16px; font-weight: 700; border: none; border-radius: var(--r3); padding: 18px 40px; cursor: pointer; text-decoration: none; display: inline-block;} .cvbe.cvbe--gsc .btn-yellow-lg:hover {background: #e8f74d;} .cvbe.cvbe--gsc .cta-micro {font-size: 12px; color: var(--dgrey); margin-top: 14px;} @media (max-width: 800px) { .cvbe.cvbe--gsc .hero-lp .wrap {grid-template-columns: 1fr; gap: 40px;} .cvbe.cvbe--gsc .steps {grid-template-columns: 1fr; gap: 24px;} .cvbe.cvbe--gsc .step-arrow {display: none;} .cvbe.cvbe--gsc .proof-lp .wrap {grid-template-columns: 1fr;} } @media (max-width: 500px) { .cvbe.cvbe--gsc .cd-row {gap: 8px;} .cvbe.cvbe--gsc .loss-lp .wrap {flex-direction: column;} .cvbe.cvbe--gsc .form-card {padding: 28px 20px;} } /* ════════ CURTAILMENT — nieuw ontwerp, alles onder .cvc (scope: curtailment) ════════ */ .cvbe.cvbe--curtailment .cvc {--black: #000000; --ink: #1A1A1A; --text: #444444; --muted: #707070; --line: #EBEBEB; --line2: #CCCCCC; --white: #FFFFFF; --yellow: #F0FA59; --purple: #6359FA; --mist: #D5DFE0; --max: 1280px; font-family: 'Space Grotesk', system-ui, sans-serif; color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; line-height: 1.5;} .cvbe.cvbe--curtailment .cvc *, .cvbe.cvbe--curtailment .cvc *::before, .cvbe.cvbe--curtailment .cvc *::after {box-sizing: border-box; margin: 0; padding: 0;} .cvbe.cvbe--curtailment .cvc a {color: inherit;} .cvbe.cvbe--curtailment .cvc .wrap {max-width: var(--max); margin: 0 auto; padding-inline: 20px;} .cvbe.cvbe--curtailment .cvc .block {padding-block: 70px;} .cvbe.cvbe--curtailment .cvc h1 {font-size: clamp(34px, 4.4vw, 50px); font-weight: 600; line-height: 1.12; color: var(--black);} .cvbe.cvbe--curtailment .cvc h2 {font-size: clamp(28px, 3.2vw, 40px); font-weight: 500; line-height: 1.08; color: var(--black);} .cvbe.cvbe--curtailment .cvc .kleur {padding: 0 11px; border-radius: 32px; box-decoration-break: clone; -webkit-box-decoration-break: clone;} .cvbe.cvbe--curtailment .cvc .kleur--y {background: var(--yellow); color: var(--black);} .cvbe.cvbe--curtailment .cvc .kleur--p {background: var(--purple); color: var(--white);} .cvbe.cvbe--curtailment .cvc p {font-size: 15px; line-height: 1.65; color: var(--black);} .cvbe.cvbe--curtailment .cvc .label {font-size: 14px; font-weight: 600; color: var(--purple); margin-bottom: 12px;} .cvbe.cvbe--curtailment .cvc .btn {display: inline-flex; align-items: center; gap: 10px; font-family: inherit; font-size: 15px; font-weight: 400; line-height: 1; padding: 18px 22px; border-radius: 25px; text-decoration: none; cursor: pointer; border: 0; transition: opacity .2s; white-space: nowrap;} .cvbe.cvbe--curtailment .cvc .btn:hover {opacity: .85;} .cvbe.cvbe--curtailment .cvc .btn--black {background: var(--black); color: var(--white);} .cvbe.cvbe--curtailment .cvc .btn--outline {background: transparent; color: #0D2E3B; border: 1px solid #707070; padding: 17px 22px;} .cvbe.cvbe--curtailment .cvc .btn--outline:hover {background: rgba(255,255,255,.4); opacity: 1;} .cvbe.cvbe--curtailment .cvc .arrow {width: 35px; height: 35px; border-radius: 50%; background: var(--black); color: var(--white); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;} .cvbe.cvbe--curtailment .cvc .arrow svg {width: 15px; height: 15px; transform: rotate(-45deg);} .cvbe.cvbe--curtailment .cvc .ulink {font-size: 14px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; color: var(--black);} .cvbe.cvbe--curtailment .cvc .ico {width: 50px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;} .cvbe.cvbe--curtailment .cvc .ico svg {width: 24px; height: 24px;} .cvbe.cvbe--curtailment .cvc .ico--y {background: var(--yellow); color: var(--black);} .cvbe.cvbe--curtailment .cvc .ico--p {background: var(--purple); color: var(--white);} .cvbe.cvbe--curtailment .cvc .tag {display: inline-block; align-self: flex-start; font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 20px;} .cvbe.cvbe--curtailment .cvc .tag--y {background: var(--yellow); color: var(--black);} .cvbe.cvbe--curtailment .cvc .tag--p {background: var(--purple); color: var(--white);} .cvbe.cvbe--curtailment .cvc .tag--w {background: var(--white); color: var(--text);} .cvbe.cvbe--curtailment .cvc .tag--g {background: #EEF1F1; color: var(--text);} .cvbe.cvbe--curtailment .cvc .hero {padding-top: 40px;} .cvbe.cvbe--curtailment .cvc .hero-grid {display: grid; grid-template-columns: 1fr 380px; gap: 10px;} .cvbe.cvbe--curtailment .cvc .hero-card {background: var(--mist); border-radius: 22px 40px 22px 22px; padding: 44px 50px 50px 40px;} .cvbe.cvbe--curtailment .cvc .crumb {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13px; color: var(--muted); margin-bottom: 22px;} .cvbe.cvbe--curtailment .cvc .crumb a {text-decoration: none; color: var(--muted);} .cvbe.cvbe--curtailment .cvc .crumb a:hover {color: var(--black);} .cvbe.cvbe--curtailment .cvc .hero-tags {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px;} .cvbe.cvbe--curtailment .cvc .hero-card h1 {margin-bottom: 22px;} .cvbe.cvbe--curtailment .cvc .hero-card h1 .kleur {display: inline-block; line-height: 1.3;} .cvbe.cvbe--curtailment .cvc .hero-sub {max-width: 560px; margin-bottom: 30px;} .cvbe.cvbe--curtailment .cvc .hero-actions {display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px;} .cvbe.cvbe--curtailment .cvc .hero-meta {display: flex; flex-wrap: wrap; gap: 22px; border-top: 1px solid rgba(0,0,0,.12); padding-top: 20px; font-size: 13px; color: var(--text);} .cvbe.cvbe--curtailment .cvc .hero-meta strong {color: var(--black); font-weight: 600;} .cvbe.cvbe--curtailment .cvc .video-box {border-radius: 22px 22px 200px 22px; overflow: hidden; background: #0B1215 url("https://b3661042.assetcdn.net/2.0/3661042/wp-content/uploads/2026/05/scheldezon-1024x768.jpg?lossy=2&strip=1&webp=1") center / cover no-repeat; position: relative; display: flex; flex-direction: column; justify-content: flex-end; cursor: pointer; border: 0; font-family: inherit; text-align: left; min-height: 420px;} .cvbe.cvbe--curtailment .cvc .video-box::before {content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.65));} .cvbe.cvbe--curtailment .cvc .video-play {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%); width: 72px; height: 72px; border-radius: 50%; background: var(--yellow); display: flex; align-items: center; justify-content: center; transition: transform .2s;} .cvbe.cvbe--curtailment .cvc .video-box:hover .video-play {transform: translate(-50%,-60%) scale(1.08);} .cvbe.cvbe--curtailment .cvc .video-meta {position: relative; padding: 26px 28px 60px; color: #fff;} .cvbe.cvbe--curtailment .cvc .video-meta strong {display: block; font-size: 16px; font-weight: 600; margin-bottom: 4px;} .cvbe.cvbe--curtailment .cvc .video-meta span {font-size: 13px; opacity: .75;} .cvbe.cvbe--curtailment .cvc .facts {display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line2); margin-top: 50px;} .cvbe.cvbe--curtailment .cvc .fact {padding: 26px 24px 0 0;} .cvbe.cvbe--curtailment .cvc .fact + .fact {padding-left: 24px; border-left: 1px solid var(--line);} .cvbe.cvbe--curtailment .cvc .fact-num {font-size: clamp(28px, 3vw, 38px); font-weight: 600; line-height: 1; color: var(--black); margin-bottom: 8px; font-variant-numeric: tabular-nums;} .cvbe.cvbe--curtailment .cvc .fact-lbl {font-size: 14px; color: var(--text); line-height: 1.45;} .cvbe.cvbe--curtailment .cvc .two {display: grid; grid-template-columns: 1fr 1.15fr; gap: 60px; align-items: start;} .cvbe.cvbe--curtailment .cvc .two > * {min-width: 0;} .cvbe.cvbe--curtailment .cvc .two h2 {margin-bottom: 20px;} .cvbe.cvbe--curtailment .cvc .two .intro {margin-bottom: 28px;} .cvbe.cvbe--curtailment .cvc .exp-list {display: flex; flex-direction: column; gap: 12px;} .cvbe.cvbe--curtailment .cvc .exp {background: var(--mist); border-radius: 22px; padding: 26px 28px; display: flex; gap: 20px; align-items: flex-start;} .cvbe.cvbe--curtailment .cvc .exp:last-child {border-radius: 22px 22px 60px 22px;} .cvbe.cvbe--curtailment .cvc .exp-num {flex-shrink: 0; width: 44px; height: 44px; border-radius: 10px; background: var(--yellow); display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 700; color: var(--black);} .cvbe.cvbe--curtailment .cvc .exp h3 {font-size: 18px; font-weight: 700; margin-bottom: 6px; color: var(--black);} .cvbe.cvbe--curtailment .cvc .exp p {font-size: 14px;} .cvbe.cvbe--curtailment .cvc .band {background: var(--mist); border-radius: 22px; padding: 50px 40px 60px;} .cvbe.cvbe--curtailment .cvc .band h2 {margin-bottom: 14px;} .cvbe.cvbe--curtailment .cvc .band .intro {max-width: 640px; margin-bottom: 40px;} .cvbe.cvbe--curtailment .cvc .cards {display: grid; gap: 25px;} .cvbe.cvbe--curtailment .cvc .cards--4 {grid-template-columns: repeat(4, 1fr);} .cvbe.cvbe--curtailment .cvc .cards--3 {grid-template-columns: repeat(3, 1fr);} .cvbe.cvbe--curtailment .cvc .card {background: var(--white); border-radius: 25px; padding: 36px 28px; display: flex; flex-direction: column; position: relative; text-decoration: none; color: inherit; transition: transform .3s;} .cvbe.cvbe--curtailment .cvc a.card:hover {transform: translateY(-5px);} .cvbe.cvbe--curtailment .cvc .card .ico {margin-bottom: 28px;} .cvbe.cvbe--curtailment .cvc .card-step {font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--purple); margin-bottom: 8px;} .cvbe.cvbe--curtailment .cvc .card h3 {font-size: 22px; font-weight: 700; line-height: 1.15; color: var(--black); margin-bottom: 14px;} .cvbe.cvbe--curtailment .cvc .card p {font-size: 14px; color: var(--text); line-height: 1.6;} .cvbe.cvbe--curtailment .cvc .card-foot {display: flex; justify-content: space-between; align-items: center; margin-top: auto; padding-top: 30px;} .cvbe.cvbe--curtailment .cvc .card--skew {background: transparent; z-index: 1;} .cvbe.cvbe--curtailment .cvc .card--skew::before {content: ""; position: absolute; inset: 0; border: 1px solid #707070; border-radius: 25px; transform: rotate(2deg); z-index: -1;} .cvbe.cvbe--curtailment .cvc .card .tag {margin-bottom: 18px;} .cvbe.cvbe--curtailment .cvc .yield {display: grid; grid-template-columns: auto 1fr; gap: 60px; align-items: center;} .cvbe.cvbe--curtailment .cvc .yield-num {font-size: clamp(40px, 5.4vw, 68px); font-weight: 600; line-height: 1.15; color: var(--black); letter-spacing: -1px; white-space: nowrap;} .cvbe.cvbe--curtailment .cvc .yield-num .kleur {display: inline-block; padding: 0 18px; border-radius: 48px;} .cvbe.cvbe--curtailment .cvc .yield-unit {font-size: 15px; color: var(--text); margin-top: 12px;} .cvbe.cvbe--curtailment .cvc .yield-copy strong {display: block; font-size: 22px; font-weight: 500; color: var(--black); margin-bottom: 10px;} .cvbe.cvbe--curtailment .cvc .sec-head {max-width: 760px; margin-bottom: 40px;} .cvbe.cvbe--curtailment .cvc .sec-head h2 {margin-bottom: 16px;} .cvbe.cvbe--curtailment .cvc .sec-head h2 .kleur {display: inline-block; line-height: 1.3;} .cvbe.cvbe--curtailment .cvc .who .card:not(.card--skew) {border: 1px solid var(--line); box-shadow: 0 4px 15px rgba(0,0,0,.05);} .cvbe.cvbe--curtailment .cvc .card-kwp {font-size: 30px; font-weight: 600; letter-spacing: -.5px; color: var(--black); margin-bottom: 14px; line-height: 1;} .cvbe.cvbe--curtailment .cvc .why .intro {margin-bottom: 30px;} .cvbe.cvbe--curtailment .cvc .proof {display: grid; grid-template-columns: 1fr 1fr; gap: 10px;} .cvbe.cvbe--curtailment .cvc .proof-cell {background: var(--mist); border-radius: 22px; padding: 28px 26px;} .cvbe.cvbe--curtailment .cvc .proof-cell:nth-child(2) {border-radius: 22px 40px 22px 22px;} .cvbe.cvbe--curtailment .cvc .proof-num {font-size: 42px; font-weight: 600; letter-spacing: -1px; color: var(--purple); line-height: 1; margin-bottom: 8px; font-variant-numeric: tabular-nums;} .cvbe.cvbe--curtailment .cvc .proof-desc {font-size: 14px; color: var(--text); overflow-wrap: anywhere; hyphens: auto;} .cvbe.cvbe--curtailment .cvc .why-list {list-style: none;} .cvbe.cvbe--curtailment .cvc .why-list li {display: flex; gap: 18px; padding: 22px 0; border-top: 1px solid var(--line);} .cvbe.cvbe--curtailment .cvc .why-list li:first-child {border-top: 0; padding-top: 0;} .cvbe.cvbe--curtailment .cvc .why-list li:last-child {border-bottom: 1px solid var(--line);} .cvbe.cvbe--curtailment .cvc .why-list .ico {width: 40px; height: 40px; border-radius: 8px;} .cvbe.cvbe--curtailment .cvc .why-list .ico svg {width: 20px; height: 20px;} .cvbe.cvbe--curtailment .cvc .why-list strong {display: block; font-size: 16px; font-weight: 600; margin-bottom: 4px; color: var(--black);} .cvbe.cvbe--curtailment .cvc .why-list p {font-size: 14px; color: var(--text);} .cvbe.cvbe--curtailment .cvc .cta {background: var(--yellow); border-radius: 20px 100px 20px 20px; padding: 50px 65px; display: grid; grid-template-columns: 1fr 420px; gap: 50px; align-items: center;} .cvbe.cvbe--curtailment .cvc .cta .label {color: var(--black); opacity: .55;} .cvbe.cvbe--curtailment .cvc .cta h2 {margin-bottom: 14px;} .cvbe.cvbe--curtailment .cvc .cta-list {list-style: none; margin-top: 22px; display: flex; flex-direction: column; gap: 8px;} .cvbe.cvbe--curtailment .cvc .cta-list li {display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--black);} .cvbe.cvbe--curtailment .cvc .cta-list li::before {content: ""; width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0; background: var(--black) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23F0FA59' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") no-repeat center;} .cvbe.cvbe--curtailment .cvc .form {background: var(--white); border-radius: 22px; padding: 28px; display: flex; flex-direction: column; gap: 12px;} .cvbe.cvbe--curtailment .cvc .form-title {font-size: 18px; font-weight: 600; color: var(--black);} .cvbe.cvbe--curtailment .cvc .form-sub {font-size: 13px; color: var(--muted); margin-bottom: 4px;} .cvbe.cvbe--curtailment .cvc .form .btn {justify-content: center; margin-top: 6px;} .cvbe.cvbe--curtailment .cvc .form-note {font-size: 12px; color: var(--muted); text-align: center;} @media (max-width: 1024px) { .cvbe.cvbe--curtailment .cvc .cards--4 {grid-template-columns: repeat(2, 1fr);} .cvbe.cvbe--curtailment .cvc .cta {grid-template-columns: 1fr; padding: 44px 40px;} .cvbe.cvbe--curtailment .cvc .yield {grid-template-columns: 1fr; gap: 24px;} } @media (max-width: 860px) { .cvbe.cvbe--curtailment .cvc .hero-grid {grid-template-columns: 1fr;} .cvbe.cvbe--curtailment .cvc .hero-card {padding: 32px 24px 36px;} .cvbe.cvbe--curtailment .cvc .video-box {min-height: 240px; border-radius: 22px 22px 80px 22px;} .cvbe.cvbe--curtailment .cvc .facts {grid-template-columns: 1fr 1fr;} .cvbe.cvbe--curtailment .cvc .fact:nth-child(3) {padding-left: 0; border-left: 0;} .cvbe.cvbe--curtailment .cvc .two {grid-template-columns: 1fr; gap: 36px;} .cvbe.cvbe--curtailment .cvc .cards--3 {grid-template-columns: 1fr;} .cvbe.cvbe--curtailment .cvc .card--skew::before {transform: rotate(1deg);} .cvbe.cvbe--curtailment .cvc .band {padding: 40px 20px 44px;} } @media (max-width: 560px) { .cvbe.cvbe--curtailment .cvc .block {padding-block: 50px;} .cvbe.cvbe--curtailment .cvc .cards--4 {grid-template-columns: 1fr;} .cvbe.cvbe--curtailment .cvc .cta {padding: 36px 22px; border-radius: 20px 60px 20px 20px;} .cvbe.cvbe--curtailment .cvc .yield-num {white-space: normal;} .cvbe.cvbe--curtailment .cvc .btn {white-space: normal;} } /* ════════ GRAVITY FORMS (orbital) IN DE ONTWERPEN ════════ */ /* Gedeeld: lettertype, pill-knop op volle breedte, labels in caps */ .cvbe .gform-theme--framework { --gf-font-family-base: var(--font) !important; --gf-font-family-secondary: var(--font) !important; --gf-ctrl-font-family: var(--font) !important; --gf-ctrl-label-font-family-primary: var(--font) !important; --gf-ctrl-btn-font-family: var(--font) !important; --gf-color-primary: #F0FA59 !important; --gf-color-primary-contrast: #0F0F0F !important; --gf-ctrl-btn-bg-color-primary: #F0FA59 !important; --gf-ctrl-btn-bg-color-hover-primary: #e8f74d !important; --gf-ctrl-btn-bg-color-focus-primary: #e8f74d !important; --gf-ctrl-btn-color-primary: #0F0F0F !important; --gf-ctrl-btn-radius: 100px !important; --gf-ctrl-btn-font-weight: 700 !important; --gf-ctrl-label-font-weight-primary: 700 !important; --gf-ctrl-font-size: 14px !important; } .cvbe.cvbe .gform-theme--framework .gfield_label, .cvbe.cvbe .gform-theme--framework .gform-field-label:not(.gform-field-label--type-inline):not(.gform-field-label--type-sub) { text-transform: uppercase !important; } .cvbe.cvbe .gform-theme--framework .gform_footer { margin-top: 8px; padding: 0; } .cvbe.cvbe .gform-theme--framework .gform_footer .gform_button, .cvbe.cvbe .gform-theme--framework .gform_page_footer .button { width: 100%; font-size: 15px; padding-block: 14px; block-size: auto; } /* Witte formkaart (GSC-hero) */ .cvbe .form-card .gform-theme--framework { --gf-ctrl-radius: 16px !important; --gf-ctrl-border-width: 1.5px !important; --gf-ctrl-border-color: #E2E4E2 !important; --gf-ctrl-border-color-hover: #E2E4E2 !important; --gf-ctrl-border-color-focus: #6359FA !important; --gf-ctrl-outline-color-focus: transparent !important; --gf-ctrl-color: #0F0F0F !important; --gf-ctrl-label-color-primary: #5D6364 !important; --gf-ctrl-label-font-size-primary: 12px !important; --gf-ctrl-label-letter-spacing-primary: .4px !important; } /* Donkere formbox (curtailment-CTA) */ .cvbe .form-box .gform-theme--framework { --gf-ctrl-radius: 10px !important; --gf-ctrl-border-width: 1.5px !important; --gf-ctrl-bg-color: rgba(255,255,255,.07) !important; --gf-ctrl-bg-color-hover: rgba(255,255,255,.07) !important; --gf-ctrl-bg-color-focus: rgba(255,255,255,.07) !important; --gf-ctrl-border-color: rgba(255,255,255,.12) !important; --gf-ctrl-border-color-hover: rgba(255,255,255,.2) !important; --gf-ctrl-border-color-focus: #F0FA59 !important; --gf-ctrl-outline-color-focus: transparent !important; --gf-ctrl-color: #FFFFFF !important; --gf-ctrl-color-focus: #FFFFFF !important; --gf-ctrl-placeholder-color: rgba(255,255,255,.25) !important; --gf-ctrl-label-color-primary: rgba(255,255,255,.35) !important; --gf-ctrl-label-color-secondary: rgba(255,255,255,.35) !important; --gf-ctrl-label-color-req: #F0FA59 !important; --gf-ctrl-desc-color: rgba(255,255,255,.45) !important; --gf-ctrl-label-font-size-primary: 11px !important; --gf-ctrl-label-letter-spacing-primary: 1px !important; --gf-ctrl-choice-check-color: #0F0F0F !important; } .cvbe.cvbe .form-box .gform-theme--framework select option { color: #0F0F0F; } .cvbe.cvbe .form-box .gform-theme--framework .gform_confirmation_message, .cvbe.cvbe .form-box .gform_confirmation_message { color: var(--white); } .cvbe.cvbe .form-box .gform-theme--framework .gfield_consent_label, .cvbe.cvbe .form-box .gform-theme--framework .gfield_description { color: rgba(255,255,255,.45); } /* Directe overrides: het thema stijlt GF-labels/knoppen rechtstreeks (niet via variabelen) */ .cvbe.cvbe .gform_wrapper .gform_required_legend { display: none !important; } .cvbe.cvbe .gform_wrapper .gform_footer input[type="submit"], .cvbe.cvbe .gform_wrapper .gform_footer button, .cvbe.cvbe .gform_wrapper .gform_page_footer input[type="submit"] { width: 100% !important; background: #F0FA59 !important; color: #0F0F0F !important; border: 0 !important; border-radius: 100px !important; font-family: var(--font) !important; font-size: 15px !important; font-weight: 700 !important; padding: 15px !important; min-height: 0 !important; box-shadow: none !important; transition: background .2s !important; } .cvbe.cvbe .gform_wrapper .gform_footer input[type="submit"]:hover, .cvbe.cvbe .gform_wrapper .gform_footer button:hover { background: #e8f74d !important; } .cvbe.cvbe .gform_wrapper .gfield_label, .cvbe.cvbe .gform_wrapper legend.gfield_label, .cvbe.cvbe .gform_wrapper .gform-field-label--type-sub, .cvbe.cvbe .gform_wrapper .gfield_description, .cvbe.cvbe .gform_wrapper .gform-field-label--type-inline { font-family: var(--font) !important; } .cvbe.cvbe .form-card .gform_wrapper .gfield_label, .cvbe.cvbe .form-card .gform_wrapper legend.gfield_label { font-size: 12px !important; font-weight: 700 !important; letter-spacing: .4px !important; color: #5D6364 !important; text-transform: uppercase !important; } .cvbe.cvbe .form-box .gform_wrapper .gfield_label, .cvbe.cvbe .form-box .gform_wrapper legend.gfield_label { font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1px !important; color: rgba(255,255,255,.35) !important; text-transform: uppercase !important; } .cvbe.cvbe .form-box .gform_wrapper .gform-field-label--type-inline, .cvbe.cvbe .form-box .gform_wrapper .gform-field-label--type-sub, .cvbe.cvbe .form-box .gform_wrapper .gfield_description, .cvbe.cvbe .form-box .gform_wrapper .gfield_consent_label, .cvbe.cvbe .form-box .gform_wrapper .ginput_container_consent label { color: rgba(255,255,255,.6) !important; } .cvbe.cvbe .form-box .gform_wrapper .gfield_required { color: #F0FA59 !important; } .cvbe.cvbe .form-box .gform_wrapper input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .cvbe.cvbe .form-box .gform_wrapper select, .cvbe.cvbe .form-box .gform_wrapper textarea { background-color: rgba(255,255,255,.07) !important; border-color: rgba(255,255,255,.12) !important; color: #FFFFFF !important; } .cvbe.cvbe .form-box .gform_wrapper a { color: #F0FA59 !important; } /* Select: thema/GF combineren vaste hoogte (38px) met 14px padding en line-height 38px → tekst onzichtbaar */ .cvbe.cvbe .gform_wrapper select { block-size: auto !important; height: auto !important; min-height: 48px !important; padding: 12px 40px 12px 16px !important; line-height: 1.4 !important; font-family: var(--font) !important; font-size: 14px !important; text-overflow: ellipsis; } .cvbe.cvbe .form-card .gform_wrapper select { color: #0F0F0F !important; } .cvbe.cvbe .gform_wrapper select option { color: #0F0F0F !important; background: #FFFFFF; } /* ════════ AANPASSINGEN VOOR WORDPRESS ════════ */ /* Ankers (#contact, #hoe-werkt-het) niet onder de sticky header laten vallen */ .cvbe [id] { scroll-margin-top: 90px; } /* Sticky gebeurt via Elementor (sectie-instelling), niet via CSS in de widget */ .cvbe.cvbe--home .hp-nav, .cvbe.cvbe--lp .lp-nav { position: relative; top: auto; } /* Gravity Forms-bevestiging in de witte kaart */ .cvbe.cvbe .form-card .gform_confirmation_message { font-size: 15px; font-weight: 500; color: var(--black); padding: 12px 0; } /* ════════ HOMEPAGE: feedback klant (nov 2026) ════════ */ /* Categorietitels in de dienstkaarten zonder pil (alleen tekst) */ .cvbe.cvbe--home .svc-tag { display: block; padding: 0; background: none; border: 0; border-radius: 0; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--lgrey); margin-bottom: 14px; } .cvbe.cvbe--home .svc-card--purple .svc-tag { color: rgba(255,255,255,.7); } /* Verlies-band: zelfde kleur als de pagina-achtergrond */ .cvbe.cvbe--home .loss-band { background: var(--bg); border-top: 0; border-bottom: 0; } /* ════════ CURTAILMENT (nieuw ontwerp, .cvc) — aanpassingen voor WordPress ════════ */ /* Video vervangen door een afbeelding */ .cvbe.cvbe--curtailment .cvc .hero-img { cursor: default; background-image: url("img/be/scheldezon.jpg"); } .cvbe.cvbe--curtailment .cvc .hero-img::before { display: none; } /* Gravity Form 10 in de witte kaart op de gele CTA, in de stijl van het ontwerp */ .cvbe.cvbe--curtailment .cvc .form .gform-theme--framework { --gf-ctrl-radius: 25px !important; --gf-ctrl-border-color: #D0D0D0 !important; --gf-ctrl-border-color-hover: #D0D0D0 !important; --gf-ctrl-border-color-focus: #6359FA !important; --gf-ctrl-label-color-primary: #444444 !important; --gf-ctrl-label-font-size-primary: 13px !important; --gf-ctrl-label-letter-spacing-primary: 0 !important; --gf-ctrl-label-font-weight-primary: 500 !important; } .cvbe.cvbe--curtailment .cvc .form .gform_wrapper .gfield_label, .cvbe.cvbe--curtailment .cvc .form .gform_wrapper legend.gfield_label { font-size: 13px !important; font-weight: 500 !important; letter-spacing: 0 !important; color: #444444 !important; text-transform: none !important; } .cvbe.cvbe--curtailment .cvc .form .gform_wrapper .gform_footer input[type="submit"], .cvbe.cvbe--curtailment .cvc .form .gform_wrapper .gform_footer button { background: #000000 !important; color: #FFFFFF !important; border-radius: 25px !important; font-size: 15px !important; font-weight: 400 !important; padding: 18px 22px !important; } .cvbe.cvbe--curtailment .cvc .form .gform_wrapper .gform_footer input[type="submit"]:hover, .cvbe.cvbe--curtailment .cvc .form .gform_wrapper .gform_footer button:hover { background: #000000 !important; opacity: .85; } .cvbe.cvbe--curtailment .cvc .form .gform_confirmation_message { font-size: 15px; font-weight: 500; color: #000000; padding: 12px 0; } .cvbe.cvbe--curtailment .cvc [id] { scroll-margin-top: 110px; } /* Customizer-CSS van de site zet .kleur { line-height: .5 !important } → hier terugzetten naar het ontwerp */ .cvbe.cvbe--curtailment .cvc .kleur { line-height: inherit !important; } .cvbe.cvbe--curtailment .cvc .hero-card h1 .kleur, .cvbe.cvbe--curtailment .cvc .sec-head h2 .kleur { line-height: 1.3 !important; }