:root{--article-main-metas-background:var(--primary-color);--article-main-metas-color:#ffffff;--article-main-metas-display:block;--article-main-metas-padding:1.5rem 1rem 1.5rem 2rem;--background:#ffffff;--blog-post-category-title-color:var(--primary-color);--blog-post-display-description:block;--border-color:#f0f0f0;--button-animation:none;--button-background:var(--primary-color);--button-background-disabled:#d8d8d8;--button-background-hover:var(--primary-color-highlight);--button-border-color:var(--primary-color);--button-border-color-over-image:var(--primary-color);--button-border-radius:0.625rem;--button-border-width:0;--button-box-shadow:none;--button-color:#ffffff;--button-color-hover:var(--button-color);--button-color-over-image:#ffffff;--button-font-family:var(--font-family-primary);--button-font-size:1.125rem;--button-font-weight:600;--button-height:3rem;--button-padding:0 1.5rem;--button-text-transform:none;--carousel-additional-items-bottom:5rem;--carousel-additional-items-display:flex;--carousel-additional-items-margin:0 auto;--carousel-background-overlay:transparent;--carousel-background-video-height:100%;--carousel-background-video-width:auto;--carousel-border-radius:0;--carousel-box-shadow:none;--carousel-bullets-background:var(--primary-color);--carousel-bullets-button-border:2px solid var(--carousel-bullets-text-color);--carousel-bullets-image-justify-content:flex-start;--carousel-bullets-text-color:#ffffff;--carousel-content-display:block;--carousel-content-padding:20.875rem 6.25rem 0 6.25rem;--carousel-display-arrows:none;--carousel-first-padding-top:0;--carousel-item-min-height:46.0625rem;--carousel-item-padding-top:0;--carousel-max-width:unset;--carousel-outer-display-mobile:block;--carousel-padding:0;--carousel-point-active-background:var(--primary-color);--carousel-point-background:#cccccc;--carousel-point-bottom:1rem;--carousel-point-height:0.6875rem;--carousel-point-position:absolute;--carousel-point-radius:50%;--carousel-point-transform:none;--carousel-point-width:0.6875rem;--category-part-background:inherit;--category-part-explore-display:none;--category-part-text-color:inherit;--checkbox-transform:none;--chromecast-background:rgba(30, 38, 43, 0.9);--component-max-width:90rem;--component-padding-left-right:6.25rem;--component-padding-top-bottom:2rem;--cookie-bar-background:#000000;--error-color:#c71228;--font-family-primary:source_sans_pro;--font-family-secondary:oswald;--font-size-large:1.125rem;--font-weight-large:normal;--footer-background:transparent;--footer-color:var(--text-color);--form-box-shadow:0 0.125rem 1.875rem 0 rgba(0, 0, 0, 0.2);--form-field-background:#ffffff;--form-field-border-color:rgba(34, 31, 45, 0.23);--form-field-color:#000000;--form-field-disabled-background:#e6e6e6;--form-field-label-padding:0;--form-field-radius:0.625rem;--form-field-transform:none;--form-radius:1.5625rem;--graphics-arrow-down-image:url("/_cdn/assets/web/graphics/nav_angle_arrow_down.svg");--graphics-avatar-active-image:url("/_cdn/assets/web/graphics/icon_avatar_black.png");--graphics-avatar-image:url("/_cdn/assets/web/graphics/icon_avatar_white.png");--graphics-button-shadow-left:url("/_cdn/assets/web/graphics/nav_shadow_arrow_left.png");--graphics-button-shadow-right:url("/_cdn/assets/web/graphics/nav_shadow_arrow_right.png");--graphics-spinner-image:url("/_cdn/assets/web/graphics/icon_spinner.png");--h1-font-family:var(--font-family-secondary);--h1-font-size:2rem;--h1-font-weight:700;--h1-line-height:3rem;--h1-margin:1rem 0;--h2-font-family:var(--font-family-secondary);--h2-font-size:1.75rem;--h2-font-weight:700;--h2-line-height:2.25rem;--h2-margin:0.75rem 0;--h3-font-family:var(--font-family-secondary);--h3-font-size:1.25rem;--h3-font-weight:700;--h3-line-height:1.5rem;--h3-margin:0.5rem 0;--image-box-shadow:none;--image-overlay-background:rgba(0, 0, 0, 0.6);--line-height-large:1.75rem;--link-color:#000000;--link-text-decoration:underline;--menu-background:rgba(30, 38, 43, 0.7);--menu-color:#ffffff;--menu-color-active:var(--primary-color);--menu-dropdown-background:#f7f7f7;--menu-dropdown-background-active:var(--primary-color);--menu-dropdown-color:#000000;--menu-dropdown-color-active:var(--text-color-over-primary);--menu-font-family:var(--font-family-primary);--menu-height:6rem;--menu-text-transform:none;--menu-text-weight:normal;--meta-name-font-weight:normal;--meta-value-font-weight:normal;--meta-value-opacity:0.75;--mobile-carousel-content-padding:1.75rem 1rem 0 1rem;--mobile-carousel-item-min-height:10rem;--mobile-carousel-item-padding-top:56.25%;--mobile-component-padding-left-right:1rem;--mobile-component-padding-top-bottom:1.25rem;--mobile-h1-font-size:1.5rem;--mobile-h1-line-height:2rem;--mobile-h1-margin:0.75rem 0;--mobile-h2-font-size:1.25rem;--mobile-h2-line-height:1.75rem;--mobile-h2-margin:0.5rem 0;--mobile-h3-font-size:1rem;--mobile-h3-line-height:1.25rem;--mobile-h3-margin:0.25rem 0;--mobile-menu-background:var(--menu-background);--mobile-menu-dropdown-background:#303030;--mobile-menu-dropdown-color:#ffffff;--mobile-menu-height:4rem;--mobile-p-line-height:1.4375rem;--modal-background:#ffffff;--modal-border-radius:1rem;--modal-overlay-background:rgba(48, 48, 48, 0.75);--modal-text-color:#000000;--no-image-background:#000000;--p-line-height:1.6875rem;--poster-mark-display:block;--poster-mark-transform:none;--primary-color:#e95b0a;--primary-color-highlight:#c84e08;--progress-bar-background:#f7f7f7;--progress-bar-bottom:1rem;--progress-bar-height:0.635rem;--progress-bar-radius:0.3125rem;--search-background:linear-gradient(to bottom, #efefef, #fff);--search-bar-background:var(--primary-color);--search-bar-color:#ffffff;--search-bar-placeholder-color:rgba(255, 255, 255, 0.5);--search-color:var(--modal-text-color);--secondary-button-background:transparent;--secondary-button-background-hover:transparent;--secondary-button-border-color:var(--primary-color);--secondary-button-border-color-hover:var(--primary-color-highlight);--secondary-button-border-color-over-image:var(--primary-color);--secondary-button-border-width:0.125rem;--secondary-button-color:#000000;--secondary-button-color-hover:var(--primary-color-highlight);--secondary-button-color-over-image:var(--text-color-over-image);--secondary-button-color-over-image-hover:var(--text-color-over-image);--stepper-bullets-display:none;--subscription-item-width-desktop:30%;--switch-green:#4ec45d;--switch-red:#f83745;--text-carousel-background:#cccccc;--text-color:#303030;--text-color-over-image:#ffffff;--text-color-over-image-hover:#dad5d5;--text-color-over-primary:#ffffff;--text-component-background:#f7f7f7;--text-disabled-color:#777777;--toggle-button-background:transparent;--toggle-button-background-active:var(--primary-color);--toggle-button-border-radius:2rem;--toggle-button-color:var(--text-color);--toggle-button-color-active:var(--text-color-over-primary);--video-poster-box-shadow:2px 4px 10px 0 rgba(0, 0, 0, 0.25);--video-poster-caption-align:left;--video-poster-progress-display:block;--video-poster-radius:0.3125rem;--video-poster-title-display:none;}@font-face {    font-family: 'source_sans_pro';    src: url('../fonts/source_sans_pro/300_normal.ttf');    font-weight: 300;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'source_sans_pro';    src: url('../fonts/source_sans_pro/400_normal.ttf');    font-weight: 400;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'source_sans_pro';    src: url('../fonts/source_sans_pro/600_normal.ttf');    font-weight: 600;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'source_sans_pro';    src: url('../fonts/source_sans_pro/700_normal.ttf');    font-weight: 700;    font-style: normal;    font-display: swap;}@font-face {    font-family: 'oswald';    src: url('../fonts/oswald/300_normal.ttf');    font-weight: 300;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'oswald';    src: url('../fonts/oswald/400_normal.ttf');    font-weight: 400;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'oswald';    src: url('../fonts/oswald/500_normal.ttf');    font-weight: 500;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'oswald';    src: url('../fonts/oswald/600_normal.ttf');    font-weight: 600;    font-style: normal;    font-display: swap;}                        @font-face {    font-family: 'oswald';    src: url('../fonts/oswald/700_normal.ttf');    font-weight: 700;    font-style: normal;    font-display: swap;}/* Lettertype Figtree via Bunny Fonts (AVG-vriendelijk) */@font-face { font-family: 'Figtree'; font-weight: 400; font-display: swap; src: url(https://fonts.bunny.net/figtree/files/figtree-latin-400-normal.woff2) format('woff2'); }@font-face { font-family: 'Figtree'; font-weight: 500; font-display: swap; src: url(https://fonts.bunny.net/figtree/files/figtree-latin-500-normal.woff2) format('woff2'); }@font-face { font-family: 'Figtree'; font-weight: 600; font-display: swap; src: url(https://fonts.bunny.net/figtree/files/figtree-latin-600-normal.woff2) format('woff2'); }@font-face { font-family: 'Figtree'; font-weight: 700; font-display: swap; src: url(https://fonts.bunny.net/figtree/files/figtree-latin-700-normal.woff2) format('woff2'); }:root {  /* Lettertype */  --font-family-primary: 'Figtree', sans-serif;  --font-family-secondary: 'Figtree', sans-serif;  --h1-font-weight: 600;  --h2-font-weight: 600;  --h3-font-weight: 600;  /* Kleuren */  --text-color: #282728;  /* Toegankelijk oranje voor tekst, links en knoppen (contrast 5,2:1 op wit, WCAG AA).     Het felle oranje blijft voor vlakken en decoratie. */  --text-accent-color: #B84A00;  /* Fel oranje voor vlakken met donkere tekst (contrast 5,1:1 met #282728) */  --surface-accent-color: #FF6600;  --link-color: var(--text-accent-color);  --border-color: #f2f2f2;  --text-component-background: #ffefe4;  --footer-background: #f2f2f2;  /* Standaardknoppen van de website (inloggen, registreren, opslaan):     toegankelijk oranje met witte tekst (5,2:1), bij aanwijzen donkerder (7,6:1) */  --button-background: var(--text-accent-color);  --button-background-hover: #8F3A00;  /* Randen van invulvelden goed zichtbaar (contrast 4,5:1 op wit) */  --form-field-border-color: #767676;  /* Header: wit met donkere tekst */  --menu-background: #ffffff;  --menu-color: #282728;  --menu-dropdown-background: #ffffff;  --mobile-menu-dropdown-background: #ffffff;  --mobile-menu-dropdown-color: #282728;  --graphics-avatar-image: url("/_cdn/assets/web/graphics/icon_avatar_black.png");  /* Knoppen: pilvorm */  --button-border-radius: 100px;  --button-font-weight: 500;  --toggle-button-border-radius: 100px;  /* Afgeronde hoeken, 15px zoals de website */  --video-poster-radius: 15px;  --carousel-border-radius: 15px;  --form-field-radius: 15px;  --modal-border-radius: 15px;  /* Oranje metadata-vlak op de artikelpagina verbergen */  --article-main-metas-display: none;}/* ===== Algemeen ===== *//* Koppen in oranje, zoals op geheugenvenster.nl (toegankelijke tint) */h1, h2 { color: var(--text-accent-color); }/* Seizoenskeuze als pilvorm, in stijl van de knoppen */body .dropdown .dropdown__selected {  border-radius: 100px;  border-color: var(--text-accent-color);  padding-left: 1.25rem;  padding-right: 1.25rem;}/* Eigen knoppen in teksten (startpagina, demopagina): toegankelijke kleuren.   Overschrijft de kleur die in de knoppen zelf staat. */a.gv-button {  background: var(--text-accent-color) !important;  color: #ffffff !important;}a.gv-button.gv-button--outline {  background: #ffffff !important;  color: var(--text-accent-color) !important;  border-color: var(--text-accent-color) !important;}/* ===== Artikelpagina ===== *//* Omschrijving over de volle breedte nu het metadata-vlak weg is */body .article-series__description .metas-container { display: none; }body .article-series__description .series-description { max-width: none; width: 100%; }/* ===== Startpagina en categorieën ===== *//* Minder witruimte tussen de categorierijen (Beleven, Bewegen, ...) */body .app-category-part .component__container { padding-top: 8px !important; padding-bottom: 0 !important; }body .app-category-part .component__title .direct-html { margin-top: 0; margin-bottom: 4px; }body .app-category-part .nguCarouselPoint { padding: 0 0 4px !important; }body .app-category-part .app-video-poster__name { margin-bottom: 0 !important; }/* ===== Mijn account ===== *//* Alleen abonnementsnaam en tegoedbon tonen:   verlengen, betaalmethode, saldo en bestelgeschiedenis verbergen */app-renew-subscription,app-account-payment-method,app-account-balance-details,app-subscription-history { display: none !important; }/* Geen datums bij het abonnement ("geldig tot" en "datum volgende facturering") */app-active-subscription .active-subscription__column > p,app-active-subscription .active-subscription__column + .active-subscription__column { display: none !important; }/* Lege rij onder de vlakken verbergen (gaf een losse grijze lijn) */app-subscription-info .subscription-info > div.subscription-info__row { display: none !important; }/* Kleurvlakken: lichtoranje voor het abonnement, oranje voor de tegoedbon */app-active-subscription.subscription-info__row,app-voucher-validation-form.subscription-info__row {  border: none !important;  border-radius: 15px;  padding: 24px !important;  margin-bottom: 24px;}app-active-subscription.subscription-info__row { background: var(--text-component-background); }app-voucher-validation-form.subscription-info__row { background: var(--surface-accent-color); }/* Minder witruimte boven de titels in de vlakken */app-active-subscription .direct-html--h2 p,app-voucher-validation-form .direct-html--h2 p { margin-top: 0 !important; }/* Tegoedbon: donkere tekst op oranje (contrast 5,1:1) */app-voucher-validation-form .direct-html,app-voucher-validation-form .direct-html p { color: var(--text-color) !important; }app-voucher-validation-form input {  background: #ffffff;  border-color: #ffffff !important;}/* Zichtbare focusrand, ook op het oranje vlak */app-voucher-validation-form input:focus { border-color: var(--text-color) !important; }app-voucher-validation-form button {  background: #ffffff !important;  color: var(--text-color) !important;  font-weight: 600;}app-voucher-validation-form button:disabled { opacity: 0.8; }/* Foutmelding bij de tegoedbon: donker en vet in plaats van rood (contrast 5,1:1 op oranje) */app-voucher-validation-form .app-form-field__alert {  color: var(--text-color) !important;  font-weight: 700;}/* ===== Bevestigingsvenster tegoedbon ===== *//* Geen bedrag tonen: jullie factureren zelf */.modal-wrapper--voucher-validate .voucher-validate__price { display: none !important; }/* Omschrijving en melding iets groter en goed leesbaar */.modal-wrapper--voucher-validate .voucher-validate__description .direct-html,.modal-wrapper--voucher-validate .voucher-validate__message .direct-html {  font-size: 1.125rem;  line-height: 1.5;  color: var(--text-color);}/* Knoppen in het venster in toegankelijk oranje (contrast 5,2:1) */.modal-wrapper--voucher-validate .app-button {  background: var(--text-accent-color) !important;  color: #ffffff !important;}/* Link "Sluiten" in donkere tekst, duidelijk klikbaar */.modal-wrapper--voucher-validate .login-link {  color: var(--text-color) !important;  text-decoration: underline;}/* ===== Kijk Live: gekleurd vlak bovenaan de homepage ===== */section.app-category-part:has(a[href*="dagtv-24-uurskanaal"]) {  background: #FBEEE4;  padding: 48px 0 40px;  margin-top: 48px;}/* ===== Pagina dagtv 24-uurskanaal: crème kop zonder donkere laag ===== */section.article-header:has(img[src*="live-dagtv"]) {  background: #FBEEE4 !important;}section.article-header:has(img[src*="live-dagtv"])::before {  background: transparent !important;}section.article-header:has(img[src*="live-dagtv"]) app-article-image {  display: none !important;}section.article-header:has(img[src*="live-dagtv"]) i,section.article-header:has(img[src*="live-dagtv"]) button {  color: #282728 !important;}section.article-header:has(img[src*="live-dagtv"]) .thumbs-rating-container img {  filter: brightness(0) opacity(.85);}/* ===== Footer: oranje balk in plaats van grijs ===== */app-footer { background: #EA5B0B !important; }app-footer a,app-footer .info-group,app-footer .menu-items__footer-links a { color: #ffffff !important; }app-footer a:hover { color: #FBEEE4 !important; text-decoration: underline; }app-footer img.anchor-link__logo--footer { filter: brightness(0) invert(1); }/* ===== Seizoensoverzicht: afbeelding links, titel en duur ernaast ===== */body .article-list__item {  display: grid !important;  grid-template-columns: 300px 1fr auto;  grid-template-areas: "poster titel duur" "poster tekst tekst";  column-gap: 28px;  row-gap: 8px;  align-items: start;  padding: 32px .25rem !important;}body .article-list__item .item__meta { display: contents; }body .article-list__item .item__poster { grid-area: poster; width: 100% !important; }/* Afspeelicoon weg: de afbeelding blijft klikbaar */body .article-list__item .app-video-poster__play-icon { display: none; }/* Titel groot en vet */body .article-list__item .meta__title { grid-area: titel; }body .article-list__item .meta__title .direct-html {  font-size: 2rem;  font-weight: 700;  line-height: 1.2;}/* Duur rechts, met "Duur:" ervoor (alleen als er een duur is) */body .article-list__item .meta__duration { grid-area: duur; white-space: nowrap; padding-top: .5rem; }body .article-list__item .meta__duration .direct-html { font-size: 1.125rem; }body .article-list__item .meta__duration .direct-html:not(:empty)::before { content: "Duur: "; font-weight: 700; }/* Omschrijving naast de afbeelding */body .article-list__item .item__description { grid-area: tekst; width: auto !important; }body .article-list__item .item__description,body .article-list__item .item__description p,body .article-list__item .item__description li { font-size: 1.125rem; line-height: 1.5; }body .article-list__item .item__description p { margin: 0 0 .5rem; }/* Op een telefoon alles onder elkaar */@media (max-width: 767px) {  body .article-list__item {    grid-template-columns: 1fr;    grid-template-areas: "poster" "titel" "duur" "tekst";  }  body .article-list__item .meta__title .direct-html { font-size: 1.5rem; }  body .article-list__item .meta__duration { padding-top: 0; }}