.elementor-kit-7{--e-global-color-primary:#2F6DBD;--e-global-color-secondary:#2A548F;--e-global-color-text:#37424E;--e-global-color-accent:#BC5A08;--e-global-color-c71d4a3:#2F6DBD;--e-global-color-1077cfd:#BC5A08;--e-global-color-9ae7f09:#2A548F;--e-global-color-c8931c8:#FEF3E7;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* === Huisstijl Fietsverzekering Vergelijken — 22-08-2026 === */
:root{
  --fv-blauw-50:#EEF4FC; --fv-blauw-500:#2F6DBD; --fv-blauw-700:#2A548F; --fv-blauw-900:#17325A;
  --fv-antraciet:#37424E; --fv-grijs-600:#667085; --fv-grijs-300:#D0D5DD; --fv-grijs-100:#F2F4F7;
  --fv-oranje-50:#FEF3E7; --fv-oranje-500:#F07C1A; --fv-oranje-700:#BC5A08;
  --fv-gedekt:#0E7C4A; --fv-gedekt-bg:#E7F5EE;
  --fv-aanvullend:#8A5200; --fv-aanvullend-bg:#FDF3E3;
  --fv-nvt:#5A6472; --fv-geweigerd:#B02318; --fv-geweigerd-bg:#FDECEC;
}
/* koppen */
body .fv-hero h1, body .fv-content h2, body .fv-content h3{
  color:var(--fv-blauw-900); font-family:Poppins,system-ui,-apple-system,sans-serif;
}
/* lopende tekst */
body .fv-content{color:var(--fv-antraciet)}
body .fv-hero .fv-lead, body .fv-trust, body .fv-faq .fv-antwoord, body .fv-rekenregel{color:var(--fv-grijs-600)}
body .fv-trust b, body .fv-tabel th, body .fv-feiten .fv-cell-v{color:var(--fv-antraciet)}
/* links */
body .fv-content a, body .fv-hero a, body .fv-faq summary:after{color:var(--fv-blauw-500)}
body .fv-content a:hover{color:var(--fv-blauw-900)}
/* vlakken en randen */
body .fv-kort{background:var(--fv-blauw-50);border-color:#D6E6F5}
body .fv-tip{border-left-color:var(--fv-blauw-500);background:var(--fv-blauw-50)}
body .fv-niveau{background:var(--fv-blauw-50);color:var(--fv-blauw-700)}
body .fv-tabel th{background:var(--fv-grijs-100)}
body .fv-tabel th, body .fv-tabel td, body .fv-faq details, body .fv-rekenregel{border-color:var(--fv-grijs-300)}
body .fv-rekenregel{background:var(--fv-grijs-100)}
body .fv-hero{border-bottom-color:var(--fv-grijs-300)}
body .fv-cells .elementor-icon-list-item, body .fv-feiten .elementor-icon-list-item{border-bottom-color:var(--fv-grijs-100)}
/* blokjes met links — gelijke hoogte blijft, alleen kleur */
body .fv-links a{border-color:var(--fv-grijs-300);color:var(--fv-antraciet)}
body .fv-links a:hover{border-color:var(--fv-blauw-500);background:var(--fv-blauw-50)}
/* statuskleuren acceptatiematrix */
body .fv-cells li[data-stand="in"] .fv-cell-v, body .fv-cells li[data-stand="ja"] .fv-cell-v,
body .fv-cells li[data-stand="in"] .fv-cell-v:before, body .fv-cells li[data-stand="ja"] .fv-cell-v:before,
body .fv-usps .elementor-icon-list-icon{color:var(--fv-gedekt)}
body .fv-badge{background:var(--fv-gedekt-bg);border-color:#BFE3CC;color:var(--fv-gedekt)}
body .fv-cells li[data-stand="aanvullend"] .fv-cell-v, body .fv-cells li[data-stand="voorwaarde"] .fv-cell-v,
body .fv-cells li[data-stand="aanvullend"] .fv-cell-v:before, body .fv-cells li[data-stand="voorwaarde"] .fv-cell-v:before{color:var(--fv-aanvullend)}
body .fv-cells li[data-stand="onbekend"] .fv-cell-v, body .fv-cells li[data-stand="onbekend"] .fv-cell-v:before{color:var(--fv-nvt)}
body .fv-cells li[data-stand="niet"] .fv-cell-v, body .fv-cells li[data-stand="nee"] .fv-cell-v,
body .fv-cells li[data-stand="niet"] .fv-cell-v:before, body .fv-cells li[data-stand="nee"] .fv-cell-v:before{color:var(--fv-geweigerd)}
body .fv-testbanner{background:var(--fv-geweigerd-bg);border-color:#FDA29B;color:var(--fv-geweigerd)}
/* actie = oranje, de enige actiekleur */
body .fv-cta, body .fv-content a.fv-cta{
  display:inline-block;background:var(--fv-oranje-700);color:#FFFFFF;text-decoration:none;
  font-weight:600;border-radius:999px;padding:13px 26px;line-height:1.2;
}
body .fv-cta:hover{background:#A44E07;color:#FFFFFF}
body .fv-cta-placeholder{background:var(--fv-oranje-50);border:1px dashed var(--fv-oranje-700);color:var(--fv-oranje-700)}
/* koppen in de kaart en de header van de site */
body .fv-card .fv-logo{min-height:30px}

/* CTA in de vergelijkingskaart is oranje — de enige actiekleur */
body .fv-card .elementor-button,
body .fv-card a.elementor-button,
body .fv-cta-knop .elementor-button{background-color:#BC5A08!important;border-color:#BC5A08!important;color:#FFFFFF!important}
body .fv-card .elementor-button:hover,
body .fv-card a.elementor-button:hover{background-color:#A44E07!important;color:#FFFFFF!important}

/* huisstijl v2 *hover */

/* === Tekstoverloop op mobiel voorkomen — 24-08-2026 ===
   Lange samengestelde NL-woorden (bijv. "bakfietsverzekeringen",
   "bedrijfsaansprakelijkheidsverzekering") pasten op smalle schermen soms
   niet op één regel. body/html staan op overflow-x:hidden, dus zonder deze
   regel werd zo'n woord afgekapt i.p.v. dat de tekst naar de volgende regel
   afbrak. Dit is een vangnet: gewone zinnen wrappen zoals altijd; alleen een
   woord dat echt niet past breekt (met een nette afbreekstreep waar de
   browser dat ondersteunt) in plaats van dat hij buiten beeld valt. */
body{
  overflow-wrap: break-word;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body li, body td, body th, body dd, body dt, body summary,
body .elementor-heading-title{
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: auto;
}

/* === Uniforme kaart-huisstijl t.o.v. Dierenverzekering Vergelijken.nl — 25-08-2026 ===
   Op verzoek van Tjenno: 1-op-1 dezelfde huisstijl als dierenverzekering-vergelijken.nl,
   letterlijk gekopieerd (kleuren, badge, rand, knop, achtergrond) en van daaruit aangepast
   aan de fiets-content. Kleuren zijn dus NIET het eigen fiets-oranje maar de exacte kleuren
   van de bronsite (goud/geel voor de rand en badge, groen voor de actieknop en vinkjes,
   blauw voor de kerncijfers). Dit is een bewuste koerswijziging t.o.v. de eerdere "geen
   meest gekozen"-beslissing in KP05/KP06/KP09/KP14 §7, en t.o.v. "oranje = enige actiekleur"
   uit de oorspronkelijke huisstijl van 22-08-2026 — beide bewust losgelaten op uitdrukkelijk
   en herhaald verzoek van vandaag. De site-brede `.fv-cta`-knoppen in lopende tekst (buiten
   de kaart) zijn ONGEMOEID gelaten; dit blok raakt alleen de vergelijkingskaart zelf.

   UITZONDERING — het lettertype kon niet 1-op-1 mee: de bronsite gebruikt "MadeTommy
   ExtraBold" uit het bestand MADE-TOMMY-ExtraBold_PERSONAL-USE.ttf. De bestandsnaam zelf
   ("PERSONAL-USE") is een licentie-aanduiding: dit lettertype is vermoedelijk alleen
   gratis voor persoonlijk gebruik, niet voor gebruik op een commerciële site. Het bestand
   is daarom niet gekopieerd. In plaats daarvan is "Baloo 2" gebruikt — een gratis, voor
   commercieel gebruik gelicentieerd lettertype via Google Fonts, geladen met @import
   hieronder — in een vergelijkbaar zwaar/rond gewicht, alleen op de meest opvallende
   koppen (H1, aanbiedernaam, prijs). Kleine labels/waarden blijven Poppins/Roboto voor de
   leesbaarheid. Als het echt exact MadeTommy moet zijn: navragen of daar al een
   commerciële licentie voor is (het staat al op de andere, eigen site), of het .ttf-bestand
   aanleveren zodat het via @font-face zelf gehost kan worden.

   CORRECTIE 26-08-2026: het lettertype laden via `@import` bovenaan dit CSS-blok werkte
   niet — geverifieerd met een netwerk-log op de live pagina: er kwam helemaal geen request
   naar fonts.googleapis.com, en `document.fonts` bevatte geen enkel Baloo-lettertype. Oorzaak:
   Elementor schrijft de "Aangepaste CSS" niet als eerste regel van het uiteindelijke,
   gecombineerde CSS-bestand (post-7.css) — er gaat eerst automatisch gegenereerde Kit-CSS
   aan vooraf (kleuren/typografie-variabelen e.d.), waardoor de `@import` niet meer de
   allereerste regel van het bestand is en door de browser genegeerd wordt (dit is exact
   de valkuil die in de vorige versie van deze comment al benoemd werd, maar toen nog niet
   was geverifieerd). Opgelost door het lettertype in plaats daarvan te laden via een
   losstaande `<link rel="stylesheet">`-tag, toegevoegd via de WPCode-plugin (Code Snippets
   → Header & Footer → veld "Header"), die WordPress vóór `</head>` op elke pagina plaatst.
   Geverifieerd na deze wijziging: wel een request naar fonts.googleapis.com, en
   `document.fonts` bevat "Baloo 2" gewicht 700 en 800. */

/* CORRECTIE 26-08-2026: de crème kleur (#F0EFE9) is op de bronsite GEEN achtergrond achter
   de kaartenlijst. Het is een los, kort bandje van 154px hoogte helemaal bovenaan de pagina
   (achter de intro/filterbalk), dat al lang voordat de eerste kaart begint weer stopt — de
   pagina-body zelf is daar gewoon wit, en dat geldt ook voor de ruimte tussen en achter de
   kaarten. Ronde 2 paste dit ten onrechte toe op `.elementor-loop-container`, die op deze
   site ALLE kaarten omvat (niet alleen de eerste), waardoor alle zeven kaarten in één grote
   afgeronde crème envelop kwamen te zitten. Teruggedraaid: geen achtergrond, geen afronding,
   geen extra padding — alleen de kleine `padding-top` die er al stond blijft staan zodat de
   badge van de eerste kaart niet tegen de rand van de sectie erboven aanplakt. */
.elementor-loop-container{padding-top:16px}
.elementor-loop-container > .e-loop-item:first-of-type{position:relative}

/* Kaart — afronding gelijk aan de bronsite (20px i.p.v. de eerdere 14px). */
body .fv-card{border-radius:20px}

/* Rand van de eerste kaart — letterlijk het goud van de bronsite (#F5C140), niet het
   fiets-oranje. */
.elementor-loop-container > .e-loop-item:first-of-type .fv-card{
  border:3px solid #F5C140;
}

/* CORRECTIE 26-08-2026 (ronde 3) — "meest gekozen staat over teksten heen" en de rand die
   zichtbaar dwars door de badge sneed: de badge stond op halve schaal (72px i.p.v. de
   werkelijke ~145px) op een ongemeten, "erbij verzonnen" positie — geen letterlijke kopie
   zoals gevraagd. Nagemeten met getComputedStyle op de bronsite: de badge zit daar als
   `::before` op de kaart-sectie zelf (dezelfde die de gouden rand en 20px-afronding heeft)
   op `top:-30px; left:-26px` met een gerenderde grootte van ~145×145px — bijna de volle,
   ongeschaalde beeldgrootte. Op de helft van die grootte (72px) viel de afgeronde hoek van
   de kaart precies in een van de transparante inkepingen tussen de punten van de ster,
   waardoor de rand zichtbaar dwars door de badge sneed; op de volle grootte valt diezelfde
   hoek binnen de vulling van de ster en blijft hij volledig verborgen. Dat is de daadwerkelijke
   fix, niet alleen een cosmetische bijstelling. De badge staat bewust nog steeds op
   `.e-loop-item::before` (niet op `.fv-card::before`): `.fv-card` heeft `overflow:hidden`
   (nodig voor de afgeronde hoeken van de kaartinhoud zelf), wat een badge die er als kind op
   staat en gedeeltelijk buiten de kaart uitsteekt, gewoon zou wegknippen. `.e-loop-item` heeft
   geen overflow:hidden en valt op deze breedte exact samen met de linkerbovenhoek van
   `.fv-card` (nagemeten: 0px verschil), dus dezelfde `top`/`left`-waarden als op de bronsite
   werken hier ook zonder de kaart als anker te gebruiken. */
.elementor-loop-container > .e-loop-item:first-of-type::before{
  content:url("https://fietsverzekering.rozenbladglobal.com/wp-content/uploads/2026/08/Badge_meest_gekozen_bron_dierenverzekering-vergelijken.nl_.png");
  position:absolute;
  top:-30px;
  left:-26px;
  width:145px;
  height:145px;
  z-index:3;
  pointer-events:none;
}
/* De grotere, letterlijk-geschaalde badge (hierboven) is nu zo groot dat hij bij de
   fiets-kaartindeling (logo + niveau-badge linksboven, i.p.v. een aparte sterren-kolom zoals
   op de bronsite) overheen de ANWB-naam/logo viel. Zone 1 van alléén de eerste kaart krijgt
   daarom ruimte om onder de badge uit te schuiven — leeggemeten zodat de badge niets meer
   bedekt (badge loopt door tot ~115px onder de kaartrand). */
.elementor-loop-container > .e-loop-item:first-of-type .fv-zone1{
  padding-top:108px;
}

/* Actieknop in de kaart — letterlijk het groen van de bronsite (#56A81E), afronding 15px
   i.p.v. volle pil, kleiner lettertype. Alleen de kaartknop, niet de `.fv-cta` in lopende
   tekst elders op de site. */
body .fv-cta .elementor-button,
body .fv-cta a.elementor-button{
  width:auto!important;
  min-width:0;
  display:inline-flex!important;
  padding:15px 30px!important;
  font-size:12px!important;
  font-weight:700!important;
  min-height:44px!important;
  border-radius:15px!important;
  background-color:#56A81E!important;
  border-color:#56A81E!important;
  color:#FFFFFF!important;
}
body .fv-cta .elementor-button:hover,
body .fv-cta a.elementor-button:hover{
  background-color:#4A9019!important;
  border-color:#4A9019!important;
}
/* CORRECTIE 26-08-2026 — "de knop had 2 kleuren": de kolom die de knop bevat heeft zélf
   ook de klasse `.fv-cta` (nodig om `.fv-cta .elementor-button` als .elementor-kit-7 te kunnen
   gebruiken), en die klasse draagt sinds 22-08-2026 een eigen oranje pil-styling
   (`body .fv-cta{background:var(--fv-oranje-700);border-radius:999px;padding:13px 26px}`,
   bedoeld voor `.fv-cta`-links in lopende tekst). Daardoor stond er een oranje pil van
   183×70px ACHTER de nieuwe groene knop van 131×44px — precies de tweekleurige rand die
   zichtbaar was. Hier specifiek geneutraliseerd, alleen binnen de kaart, zodat de knoppen
   in lopende tekst elders oranje blijven. */
body .fv-card .fv-cta{
  background:none!important;
  padding:0!important;
  border-radius:0!important;
  display:inline-block!important;
  height:auto!important;
  width:auto!important;
}
body .fv-zone3{align-items:flex-start}
body .fv-zone3 .fv-vanaf, body .fv-zone3 .fv-prijs, body .fv-zone3 .fv-toelichting, body .fv-zone3 .fv-rekenbasis{
  align-self:stretch;
}

/* Kerncijfers (zone 2) in blauw — letterlijk de kleur van de bronsite (#286EC1), i.p.v.
   het antraciet-grijs dat er stond. De prijs zelf ("€ …") is op de bronsite GEEN blauw
   maar gewoon donkergrijs/zwart — dat klopt dus al en blijft ongewijzigd. */
body .fv-feiten .fv-cell-v{
  color:#286EC1!important;
  font-size:16px;
}

/* USP-vinkjes — icoon en tekstkleur letterlijk van de bronsite. Het icoon krijgt hetzelfde
   groen als de actieknop (op de bronsite is dat ook precies dezelfde kleur); de tekst wordt
   het bijna-zwart van de bronsite i.p.v. het blauwgrijze antraciet. Scope blijft `.fv-usps`,
   dus de statuskleuren in de acceptatiematrix (groen/amber/rood/grijs) blijven ongemoeid. */
body .fv-usps .elementor-icon-list-icon{color:#56A81E}
body .fv-usps .elementor-icon-list-text{color:#2F2F2F}

/* Paginatitel (H1) — letterlijk het blauw van de bronsite. De bestaande regel
   `.fv-hero h1{color:var(--fv-blauw-900)}` raakte de money-page-H1 niet, want die staat
   niet in een `.fv-hero`-wrapper; vandaar deze bredere regel. `!important` is nodig omdat
   Elementor per paginatitel-widget een eigen, specifiekere kleurregel opslaat
   (`.elementor-30357 .elementor-element-7308e3dc .elementor-heading-title{color:#101828}`,
   drie klassen specifiek), die anders wint van elke Kit-CSS-regel zonder `!important`. */
body h1.elementor-heading-title{color:#245EA3!important}

/* Baloo 2 (zie licentie-uitzondering hierboven) op de drie meest opvallende koppen —
   paginatitel, aanbiedernaam in de kaart, en het prijsbedrag — als vervanger van MadeTommy.
   Kleine labels/waarden blijven Poppins/Roboto. */
/* KP20 — Tjenno heeft MadeTommy op 08-09-2026 expliciet vrijgegeven voor deze site.
   Daarmee vervalt de Baloo 2-vervanging uit ronde 2. De families zijn de Elementor
   Custom Fonts die al op dit domein staan; gewichten gelijkgetrokken met de bronsite
   (H1 en aanbiedernaam bold/600, prijs medium/600). */
body h1.elementor-heading-title,
body .fv-brand h3.elementor-heading-title{
  font-family:'Madetommy - bold',Poppins,system-ui,-apple-system,sans-serif!important;
  font-weight:600!important;
}
body .fv-prijs{
  font-family:'Madetommy - medium',Poppins,system-ui,-apple-system,sans-serif!important;
  font-weight:600!important;
}

/* Badge zit op de .e-loop-item wrapper (niet op .fv-card zelf, die staat op overflow:hidden
   voor de afgeronde hoeken van de kaart) zodat hij niet wordt afgeknipt.
   :first-of-type i.p.v. :first-child — Elementor's Loop Grid zet zelf een <style>-tag als
   eerste kind in .elementor-loop-container, waardoor :first-child nooit de eerste kaart raakt. */

/* "Wat is gedekt" / "Acceptatie en eisen" — zelfde open, rustige lay-out als de dierensite:
   groter label, meer lucht tussen de cellen. De statuskleuren en het vinkje blijven staan,
   dat is een leesbaarheidswinst t.o.v. platte tekst en geen dierensite-specifiek element. */
body .fv-cells .elementor-icon-list-items{gap:10px 20px}
body .fv-cell-l{font-size:13px}
body .fv-cell-v{font-size:16px}
body .fv-cells li[data-stand] .fv-cell-v:before{font-size:14px}

/* Iets minder krappe bijschriften in de kaart, dichter bij de leesgrootte van de dierensite. */
body .fv-niveau{font-size:13px}
body .fv-gecontroleerd, body .fv-badge-bron, body .fv-rekenbasis{font-size:11px}
body .fv-toelichting{font-size:13px}

/* === RONDE 5 — 26-08-2026, reactie op "LOOP ALLES NA" ===
   Vier nieuwe, letterlijk nagemeten afwijkingen t.o.v. de bronsite, los van de badge (ronde 4).

   1) ACHTERGRONDKLEUR — de correctie uit ronde 3 was zelf fout. Er is toen met
   getComputedStyle gekeken naar een willekeurig element bovenaan de bronpagina en
   geconcludeerd dat het crème (#F0EFE9) maar een kort bandje van 154px was. Bij opnieuw en
   preciezer nameten (nu op de daadwerkelijke sectie die de kaarten bevat, element met
   id="vergelijker") blijkt het crème wel degelijk de achtergrond van de VOLLEDIGE
   kaartenlijst te zijn: een randloze sectie van 2014px hoog die alle 7 kaarten omvat, met
   padding-top ±38px en padding-bottom ±77px. Dat was dus gewoon een meetfout in ronde 3, niet
   een correcte constatering — excuses daarvoor. De fiets-site heeft geen vergelijkbare
   "sectie" (deze pagina is opgebouwd uit één doorlopende flex-container voor de hele pagina,
   niet losse Elementor Sections zoals op de bronsite), dus de achtergrond kan niet 1-op-1 op
   dezelfde wrapper worden gezet zonder de hele pagina crème te kleuren. In plaats daarvan hier
   toegepast op de Loop Grid-widget zelf (`.elementor-widget-loop-grid`, uniek op deze pagina,
   omvat exact de 7 kaarten en niets anders) — met wat padding zodat de afgeronde hoeken niet
   dwars door de eerste kaart heen vallen (zelfde soort fout als de badge in ronde 4). */
/* KP20 — vervangen door de volle-breedte band #vergelijker in template 30357.
   De crème achtergrond loopt daar nu edge-to-edge, precies zoals op de bronsite; dat was
   het openstaande punt uit ronde 5 hierboven. Deze regel stapelde er een tweede crème vlak
   overheen en at met padding:32px 24px 48px zo'n 48px van de kaartbreedte (974 -> 729px),
   waardoor de badge uit ronde 4 (vast 145px) niet meer in verhouding stond. */
body .elementor-widget-loop-grid{
  background-color:transparent;
  border-radius:0;
  padding:0;
}

/* 2) VERZEKERAARSLOGO'S — op de bronsite staat het logo-plaatje op `width:75%` van zijn
   kolom, hoogte vrij (geen max-height), dus bij elke verzekeraar een andere, natuurlijke
   hoogte tussen de 55 en 80px. Op de fiets-site zat er een keiharde `max-width:124px;
   max-height:32px` op `.fv-logo-fallback img` (een losse <style>-regel van het thema, niet
   uit deze Kit-CSS, vandaar de !important om hem te verslaan). Dat drukte alle logo's naar
   eenzelfde piepklein blokje van 60×32px. Nu ruimer: 170px breed (past ruim in de ±245px
   brede eerste kolom van de kaart) en tot 90px hoog (royaler dan de bronsite se maximum,
   als veiligheidsmarge tegen een uitschieter-logo met een extreme beeldverhouding). */
body .fv-logo-fallback img,
body .fv-logo img{
  max-width:170px!important;
  max-height:90px!important;
  width:auto!important;
  height:auto!important;
}

/* 3) "DEKKING"-UITKLAPPER (dropdown) — nagemeten op de bronsite (`.e-n-accordion-item-title`,
   het element "Dekking en vergoedingsoverzicht"): border:0 (géén kader), tekst gecentreerd,
   blauw (#006EC1, actief/open #245EA3), 600/16px, chevron-icoon in dezelfde blauwtinten. Op
   de fiets-site ("Wat is gedekt" / "Acceptatie en eisen", dezelfde Elementor Nested-Accordion-
   widget) stond wél een zichtbaar grijs kader (1px solid #d5d8dc — dit komt van een
   pagina-specifieke Elementor-instelling, niet uit de CSS-variabelen die de widget normaal
   gebruikt, vandaar dat dit met concrete eigenschappen + !important wordt overschreven i.p.v.
   met de CSS-variabelen zelf), linksuitgelijnde tekst, zwart, 700/13px — vandaar "de dropdown
   ziet er heel anders uit". Scope blijft `.fv-uitklap` (de klasse op de widget-wrapper), dus
   andere accordions/toggles elders op de site blijven ongemoeid. */
body .fv-uitklap .e-n-accordion-item-title{
  border:none!important;
  justify-content:center!important;
}
body .fv-uitklap .e-n-accordion-item-title-text{
  font-weight:600!important;
  font-size:16px!important;
  color:#006EC1!important;
}
body .fv-uitklap .e-n-accordion-item-title-icon svg{
  fill:#006EC1!important;
}
body .fv-uitklap .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-text{
  color:#245EA3!important;
}
body .fv-uitklap .e-n-accordion-item[open] > .e-n-accordion-item-title .e-n-accordion-item-title-icon svg{
  fill:#245EA3!important;
}
body .fv-uitklap .e-n-accordion-item:not([open]):hover > .e-n-accordion-item-title .e-n-accordion-item-title-text{
  color:#006EC1!important;
}

/* 4) KNOP "Naar ANWB" — expliciet nagemeten, NIET aangepast: padding (15px 30px), lettergrootte
   (12px) en hoogte (±44px) blijken op de bronsite exact hetzelfde te zijn als hier al stond
   sinds ronde 2 (bronsite-knop "Premie berekenen": 220×42px; fiets-knop "Naar ANWB": 131×44px
   — het breedteverschil komt volledig door de kortere tekst "Naar ANWB" t.o.v. "Premie
   berekenen" bij dezelfde `padding`/`font-size`, niet door een afwijkende CSS-regel). Dit is
   dus vermoedelijk geen echte bug maar een optisch effect van de kortere buttontekst in een
   verder lege derde kolom — met het nieuwe crème kaartvlak eromheen zou dat al minder
   opvallen. Hier bewust niets aangepast; graag laten weten of de knop na deze push nog steeds
   te klein oogt, dan wordt de derde kolom of de buttontekst zelf onder de loep genomen. *//* End custom CSS */