Korting Festival – bekijk alvast de deals voor 1 oktober
Donderdag 1 oktober starten de nieuwe Korting Festival-deals.
Bekijk alvast de deals op inbouw en huishoudelijke apparaten en kies je favorieten.
De nieuwe deals starten over
00dagen
00uren
00minuten
Korting Festival toppers
Keuzehulp gebruiken? Ontdek de voordelen
Televisies
Kies jouw ideale tv in een paar klikken.
Bekijk tool
Koelkasten
Altijd koel: ontdek jouw perfecte koelkast.
Bekijk tool
Wasmachines
Nooit meer twijfelen: kies de juiste wasmachine.
Bekijk tool
Koffiezetapparaten
Vind jouw perfecte kop koffie – volautomaat, filter of cups.
Bekijk tool
Laptops
Werk, game of studeer: vind jouw ideale laptop.
Bekijk tool
Airfryers
Vind de airfryer die past bij jouw gezin en kookstijl.
Bekijk tool
Soundbars
Breng jouw films tot leven met de juiste soundbar.
Bekijk toolTip: gebruik de scrollbar hierboven. Op mobiel kun je swipen.
Expert: vertrouwd dichtbij
Expert is in 2026 voor de negende keer uitgeroepen tot de Beste Winkelketen en voor de vierde keer uitgeroepen tot de Beste Webshop in de Elektronica-branche van Nederland; iets waar we natuurlijk supertrots op zijn! Al jaren is Expert dé klantgerichte vakspeciaalzaak in home-elektronica in Nederland. Je vindt bij ons alle betrouwbare merken en altijd scherpe aanbiedingen. En koop je bij ons online? Dan koop je altijd bij een van de 141 lokale Expertwinkels in de buurt! Dat maakt Expert uniek. Dankzij onze persoonlijke benadering ben je altijd verzekerd van het beste advies en een passende service. Dus twijfel niet langer; bestel nu online of in 1 van onze 141 Expertwinkels!
.png)
Schrijf je hier in!
/* =========================================================
KORTING FESTIVAL HOMEPAGE - DEFINITIEVE GECOMBINEERDE CSS v3
Ondersteunt:
- Week 39 pre-deals / preview
- Week 39 live
- Week 40 live
- Desktop, tablet en mobiel
- Week 38 code verwijderd
========================================================= */
.kf-page--week39{
--kf-orange:var(--color-primary);
--kf-blue:#017df0;
--kf-yellow:#ffd500;
--kf-dark:#111827;
--kf-sun-x:70%;
--kf-sun-y:52%;
position:relative;
z-index:0;
isolation:isolate;
width:100vw;
margin-left:calc(50% - 50vw);
padding-bottom:20px;
overflow:hidden;
background:transparent!important;
}
html:has(.kf-page--hero-only){
overflow-x:clip;
}
@supports(width:100cqw){
html:has(.kf-page--hero-only){
container-type:inline-size;
}
.kf-page--week39.kf-page--hero-only{
width:100cqw;
margin-left:calc(50% - 50cqw);
}
}
.kf-page--week39,
.kf-page--week39 *{
box-sizing:border-box;
}
.kf-page--week39 .kf-stage{
position:relative;
z-index:1;
background:transparent!important;
}
.kf-page--week39 .kf-container{
position:relative;
width:calc(100% - 40px);
max-width:1248px;
margin:0 auto;
}
.kf-page--week39 .kf-sr-only{
position:absolute!important;
width:1px!important;
height:1px!important;
padding:0!important;
margin:-1px!important;
overflow:hidden!important;
clip:rect(0,0,0,0)!important;
white-space:nowrap!important;
border:0!important;
}
/* =========================================================
HERO-ACHTERGROND
========================================================= */
.kf-page--week39 .kf-hero{
position:relative;
z-index:1;
min-height:470px;
overflow:hidden;
border-radius:0 0 30px 30px;
background:
radial-gradient(ellipse 42px 20px at 8% 16%,rgba(255,213,0,.26) 0%,rgba(255,213,0,.26) 58%,transparent 61%),
radial-gradient(ellipse 30px 15px at 35% 11%,rgba(255,213,0,.21) 0%,rgba(255,213,0,.21) 58%,transparent 61%),
radial-gradient(ellipse 60px 28px at 91% 13%,rgba(255,213,0,.32) 0%,rgba(255,213,0,.32) 58%,transparent 61%),
radial-gradient(ellipse 34px 17px at 13% 54%,rgba(255,213,0,.20) 0%,rgba(255,213,0,.20) 58%,transparent 61%),
radial-gradient(ellipse 38px 19px at 97% 52%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),
radial-gradient(ellipse 56px 27px at 10% 85%,rgba(255,213,0,.27) 0%,rgba(255,213,0,.27) 58%,transparent 61%),
radial-gradient(ellipse 31px 16px at 42% 89%,rgba(255,213,0,.19) 0%,rgba(255,213,0,.19) 58%,transparent 61%),
radial-gradient(ellipse 47px 23px at 91% 84%,rgba(255,213,0,.25) 0%,rgba(255,213,0,.25) 58%,transparent 61%),
radial-gradient(
circle at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,255,255,.94) 0%,
rgba(255,255,255,.90) 10%,
rgba(255,249,218,.72) 10.5%,
rgba(255,242,185,.57) 15%,
rgba(255,222,128,.42) 15.5%,
rgba(255,207,91,.31) 21%,
rgba(255,191,61,.21) 21.5%,
rgba(255,178,43,.14) 29%,
rgba(255,165,35,.07) 38%,
transparent 52%
),
radial-gradient(
ellipse 54% 88% at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,228,150,.24) 0%,
rgba(255,198,87,.13) 42%,
transparent 70%
),
repeating-conic-gradient(
from -7deg at var(--kf-sun-x) var(--kf-sun-y),
rgba(255,250,216,.20) 0deg,
rgba(255,250,216,.20) 10deg,
rgba(255,255,255,.065) 10deg,
rgba(255,255,255,.065) 14deg,
transparent 14deg,
transparent 28deg
),
linear-gradient(135deg,#f57416 0%,var(--color-primary) 44%,#f26a0d 70%,#f77919 100%)!important;
box-shadow:0 18px 40px rgba(90,30,0,.13);
}
.kf-page--week39 .kf-hero:before,
.kf-page--week39 .kf-hero:after{
display:none;
}
/* =========================================================
HERO-INHOUD
========================================================= */
.kf-page--week39 .kf-hero-inner{
position:relative;
z-index:2;
min-height:470px;
display:flex;
align-items:center;
gap:28px;
padding:22px 58px 66px;
}
.kf-page--week39 .kf-copy{
position:relative;
z-index:5;
width:50%;
flex:1 1 50%;
min-width:0;
}
.kf-page--week39 .kf-campaign-logo-wrap{
position:relative;
display:block!important;
width:380px;
max-width:100%;
height:auto;
aspect-ratio:8113/5445;
margin:0 0 8px;
overflow:hidden;
}
.kf-page--week39 .kf-campaign-logo{
position:absolute;
inset:0;
display:block!important;
width:100%!important;
height:100%!important;
max-width:100%!important;
object-fit:contain!important;
object-position:left center;
}
.kf-page--week39 .kf-intro{
max-width:470px;
margin:22px 0 22px;
color:#fff;
font-size:18px;
line-height:1.45;
font-weight:700;
}
.kf-page--week39 .kf-buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.kf-page--week39 .kf-button{
display:inline-flex!important;
align-items:center;
justify-content:center;
min-height:48px;
padding:0 21px;
border-radius:10px;
font-size:15px;
font-weight:800;
text-decoration:none!important;
transition:transform .18s ease;
}
.kf-page--week39 .kf-button:hover{
transform:translateY(-2px);
}
.kf-page--week39 .kf-button-blue{
background:var(--kf-blue);
color:#fff!important;
box-shadow:0 9px 22px rgba(1,125,240,.25);
}
/* =========================================================
INTERACTIEVE PRODUCTCOLLAGE - BASIS
========================================================= */
.kf-page--week39 .kf-visual{
position:relative;
z-index:4;
width:46%;
max-width:420px;
flex:0 0 46%;
height:auto;
min-width:0;
margin-left:auto;
}
.kf-page--week39 .kf-interactive-visual,
.kf-page--week39 .kf-product-collage{
position:relative;
width:100%;
height:auto;
aspect-ratio:1;
}
.kf-page--week39 .kf-product-collage{
isolation:isolate;
}
.kf-page--week39 .kf-collage-item{
position:absolute;
display:block!important;
z-index:auto;
color:#fff!important;
text-decoration:none!important;
cursor:pointer;
-webkit-tap-highlight-color:transparent;
}
.kf-page--week39 .kf-collage-item img{
position:relative;
z-index:1;
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:contain;
pointer-events:none;
transform:scale(1.22);
transform-origin:center;
filter:brightness(1) drop-shadow(0 8px 8px rgba(74,23,0,.14));
transition:transform .2s ease,filter .18s ease;
}
.kf-page--week39 .kf-collage-action{
position:absolute;
z-index:9;
right:3%;
top:5%;
width:100px;
aspect-ratio:1;
display:block!important;
}
.kf-page--week39 .kf-collage-action .kf-collage-pancake{
position:static;
display:block!important;
width:100%!important;
height:auto!important;
object-fit:contain!important;
filter:drop-shadow(0 9px 10px rgba(0,0,0,.2));
transform:rotate(4deg);
transition:transform .2s ease;
}
.kf-page--week39 .kf-collage-pancake--opop{
display:none!important;
}
.kf-page--week39 .kf-collage-item:focus-visible,
.kf-page--week39 .kf-collage-action:focus-visible{
outline:3px solid #fff;
outline-offset:4px;
border-radius:10px;
z-index:12;
}
/* =========================================================
WEEK 39 + PRE-DEALS: PRODUCTEN RONDOM DE ZON
========================================================= */
.kf-page--week39:not(.kf-page--week40){
--kf-sun-x:70.5%;
--kf-sun-y:53.5%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item img{
transform:scale(1.22);
}
/* Week 39: groter collagevlak, als geheel op de festivalzon gecentreerd. */
@media(min-width:981px) and (max-width:1288px){
.kf-page--week39:not(.kf-page--week40) .kf-interactive-visual{
width:50%;
max-width:470px;
flex:0 0 50%;
transform:translateX(clamp(-90px,calc(316px - 31.7vw),-25px));
}
}
@media(min-width:1289px){
.kf-page--week39:not(.kf-page--week40) .kf-interactive-visual{
width:50%;
max-width:470px;
flex:0 0 50%;
transform:translateX(-73px);
}
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--laptop{
left:10%;
top:6%;
width:39%;
height:36%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--soundbar{
left:44%;
top:8%;
width:49%;
height:39%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--tv{
left:3%;
top:31%;
width:58%;
height:48%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--headphones{
left:60%;
top:39%;
width:32%;
height:34%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--camera{
left:35%;
top:70%;
width:27%;
height:26%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--tablet{
left:62%;
top:69%;
width:37%;
height:31%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-action{
right:-5%;
top:-5%;
width:116px;
}
.kf-page--preview39 .kf-collage-action{
right:-2%;
top:-2%;
width:108px;
}
.kf-page--week39:not(.kf-page--week40) .kf-product-collage > .kf-collage-pancake--opop{
position:absolute;
left:-4%;
right:auto;
top:auto;
bottom:3%;
width:130px!important;
height:auto!important;
pointer-events:none;
}
.kf-page--preview39 .kf-product-collage > .kf-collage-pancake--opop{
display:none!important;
}
@media(min-width:1289px){
.kf-page--week39:not(.kf-page--week40){
--kf-sun-x:calc(50% + 258px);
}
}
/* =========================================================
WEEK 40
- Hero iets langer zodat categorieblokken lager staan
- Productcollage groter en gecentreerd rond de festivalzon
- Vijf categorie-/actieblokken totaal
========================================================= */
.kf-page--week40{
--kf-sun-x:72.5%;
--kf-sun-y:50%;
padding-bottom:46px;
}
.kf-page--week40 .kf-hero{
min-height:540px;
}
.kf-page--week40 .kf-hero-inner{
min-height:540px;
padding-bottom:92px;
}
.kf-page--week40 .kf-visual,
.kf-page--week40 .kf-interactive-visual{
width:50%;
max-width:500px;
flex:0 0 50%;
transform:translateX(-28px);
}
.kf-page--week40 .kf-collage-item img{
transform:scale(1.32);
}
.kf-page--week40 .kf-collage-item--fridge{
left:7%;
top:5%;
width:36%;
height:52%;
}
.kf-page--week40 .kf-collage-item--microwave{
left:48%;
top:4%;
width:39%;
height:28%;
}
.kf-page--week40 .kf-collage-item--shaver{
left:82%;
top:34%;
width:15%;
height:25%;
}
.kf-page--week40 .kf-collage-item--washer{
left:42%;
top:30%;
width:41%;
height:44%;
}
.kf-page--week40 .kf-collage-item--vacuum{
left:8%;
top:61%;
width:37%;
height:33%;
}
.kf-page--week40 .kf-collage-item--airfryer{
left:62%;
top:69%;
width:34%;
height:29%;
}
.kf-page--week40 .kf-collage-item--fridge img{
transform:scale(1.56);
}
.kf-page--week40 .kf-collage-action{
right:-1%;
top:6%;
width:108px;
}
@media(min-width:1289px){
.kf-page--week39.kf-page--week40{
--kf-sun-x:calc(50% + 270px);
}
}
.kf-page--week39.kf-page--week40 .kf-categories{
margin-top:-48px;
}
/* =========================================================
CATEGORIEKAARTEN - BASIS
========================================================= */
.kf-page--week39 .kf-categories{
position:relative;
z-index:20;
margin-top:-60px;
background:transparent!important;
}
.kf-page--preview39 .kf-categories{
margin-top:-68px;
}
.kf-page--week39 .kf-category-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}
.kf-page--week40 .kf-category-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}
.kf-page--week39 .kf-category{
position:relative;
display:block!important;
color:var(--kf-dark)!important;
text-decoration:none!important;
transition:transform .18s ease;
}
.kf-page--week39 .kf-category-card{
position:relative;
min-height:100px;
display:flex;
align-items:center;
justify-content:space-between;
padding:18px 17px;
border:2px solid transparent;
border-radius:17px;
background:#fff;
box-shadow:0 10px 24px rgba(95,31,0,.12);
transition:border-color .18s ease,box-shadow .18s ease;
}
.kf-page--week39 .kf-category-copy{
min-width:0;
}
.kf-page--week39 .kf-category-discount{
display:none!important;
}
.kf-page--week39 .kf-category:nth-child(-n+3) .kf-category-card:before,
.kf-page--week39 .kf-category--promo .kf-category-card:before{
content:"20% korting";
position:absolute;
z-index:2;
top:-11px;
left:14px;
display:inline-flex;
align-items:center;
min-height:23px;
padding:0 9px;
border-radius:50px;
background:var(--kf-yellow);
color:var(--kf-dark);
box-shadow:0 4px 10px rgba(95,31,0,.14);
font-size:9px;
line-height:1;
font-weight:1000;
text-transform:uppercase;
white-space:nowrap;
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(3) .kf-category-card:before{
content:"Tot 20% korting";
}
.kf-page--week39 .kf-category--promo .kf-category-card:before{
content:"20% korting + cashback";
}
/* Week 40: actielabels volledig zichtbaar boven de Miele- en AEG-afbeeldingen. */
.kf-page--week40 .kf-category--promo .kf-category-card:before{
content:"20% korting + cashback";
z-index:5;
top:-11px;
left:14px;
}
.kf-page--week39 .kf-category small{
display:block!important;
color:var(--kf-orange);
font-size:9px;
line-height:1.2;
font-weight:900;
text-transform:uppercase;
}
.kf-page--week39 .kf-category strong{
display:block!important;
color:var(--kf-dark);
font-size:15px;
line-height:1.25;
font-weight:900;
}
.kf-page--week39 .kf-category-arrow{
color:var(--kf-orange);
font-size:27px;
line-height:1;
font-weight:900;
}
/* =========================================================
WEEK 39 CATEGORIEBEELDEN
========================================================= */
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(-n+3) .kf-category-card{
align-items:center;
padding:18px 14px 18px clamp(22px,14%,36px);
isolation:isolate;
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(-n+3) .kf-category-card:after{
content:"";
position:absolute;
inset:0;
z-index:0;
border-radius:10px;
background-image:var(--kf-category-art);
background-repeat:no-repeat;
background-position:right center;
background-size:contain;
pointer-events:none;
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(1){
--kf-category-art:url("https://www.expert.nl/storage/gallery/seo_block/1789377251Televisie-KF-Navigatieblok-210,63x100-2026-v016.png");
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(2){
--kf-category-art:url("https://www.expert.nl/storage/gallery/seo_block/1789377334Audio-KF-Navigatieblok-210,63x100-2026-v017.png");
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(3){
--kf-category-art:url("https://www.expert.nl/storage/gallery/seo_block/1789377296Multimedia-KF-Navigatieblok-210,63x100-2026-v018.png");
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(-n+3) .kf-category-copy{
position:relative;
z-index:1;
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(-n+3) .kf-category-arrow{
display:none;
}
/* Live week 39: korte categorie-opbouw zoals huidig. */
.kf-page--week39:not(.kf-page--week40):not(.kf-page--preview39) .kf-category:nth-child(-n+3) small{
display:none!important;
}
/* Live week 39: Beeld en Geluid weer boven de categorienaam. */
.kf-page--week39:not(.kf-page--week40):not(.kf-page--preview39) .kf-category:nth-child(-n+2) small{
display:block!important;
margin-bottom:2px;
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--preview39) .kf-category:nth-child(3) .kf-category-copy:not(:has(small)):before{
content:"Computers & tablets";
display:block;
margin-bottom:2px;
color:var(--color-primary);
font-size:9px;
line-height:1.2;
font-weight:900;
text-transform:uppercase;
}
/* Preview week 39: datum blijft zichtbaar. */
.kf-page--preview39 .kf-category:nth-child(-n+3) small{
display:block!important;
}
/* =========================================================
MERKACTIES WEEK 39 / WEEK 40
========================================================= */
.kf-page--week39 .kf-category--promo .kf-category-card{
border-color:rgba(255,255,255,.18);
color:#fff;
}
.kf-page--week39 .kf-category--samsung .kf-category-card{
background:linear-gradient(135deg,#1428a0,#0d1b71);
}
.kf-page--week39 .kf-category--lg .kf-category-card{
background:linear-gradient(135deg,#a50034,#750025);
}
.kf-page--week39 .kf-category--miele .kf-category-card{
background:linear-gradient(135deg,#8c0014,#5f000e);
}
.kf-page--week40 .kf-category--aeg .kf-category-card{
background:linear-gradient(135deg,#333,#151515);
}
.kf-page--week39 .kf-category--promo small{
display:none!important;
}
.kf-page--week39 .kf-category--promo strong,
.kf-page--week39 .kf-category--promo .kf-category-arrow{
color:#fff;
}
.kf-page--week39 .kf-category--promo .kf-category-arrow{
display:flex;
align-items:center;
justify-content:center;
width:30px;
height:30px;
flex:0 0 30px;
border-radius:50%;
background:rgba(255,255,255,.14);
}
.kf-page--week39 .kf-category--image .kf-category-card{
isolation:isolate;
background:#fff;
}
.kf-page--week39 .kf-category-promo-image{
position:absolute;
z-index:0;
inset:0;
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
border-radius:15px;
object-fit:cover!important;
object-position:left center!important;
pointer-events:none;
}
.kf-page--week40 .kf-category--image .kf-category-card{
padding:0;
overflow:visible;
}
.kf-page--week40 .kf-category--image .kf-category-promo-image{
border-radius:15px;
object-position:center center!important;
}
/* =========================================================
WEEK 39 PRE-DEALS / VOORUITBLIK
========================================================= */
.kf-page--preview39 .kf-campaign-logo-wrap{
width:310px;
}
.kf-page--preview39 .kf-preview-start{
margin:10px 0 6px;
color:#fff;
font-size:18px;
line-height:1.25;
font-weight:900;
}
.kf-page--preview39 .kf-intro{
margin:0 0 14px;
font-size:15px;
line-height:1.5;
}
.kf-page--preview39 .kf-preview-timer{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px 14px;
margin-top:12px;
}
.kf-page--preview39 .kf-preview-timer[hidden]{
display:none;
}
.kf-page--preview39 .kf-preview-timer-title{
color:#fff;
font-size:13px;
}
.kf-page--preview39 .kf-preview-clock{
display:flex;
gap:6px;
}
.kf-page--preview39 .kf-preview-clock > span{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:56px;
min-height:50px;
padding:6px;
border-radius:8px;
background:var(--kf-dark);
}
.kf-page--preview39 .kf-preview-clock strong{
color:#fff;
font-size:22px;
line-height:1;
font-variant-numeric:tabular-nums;
}
.kf-page--preview39 .kf-preview-clock small{
margin-top:4px;
color:var(--kf-yellow);
font-size:8px;
font-weight:800;
text-transform:uppercase;
}
.kf-page--preview39 .kf-category-grid{
align-items:end;
padding-top:30px;
padding-bottom:42px;
}
.kf-page--preview39 .kf-category-card{
box-shadow:0 4px 10px rgba(95,31,0,.10);
}
.kf-page--preview39 .kf-category--predeal-collage{
grid-column:span 2;
position:relative;
z-index:5;
order:1;
}
/* Preview week 39: vaste volgorde op desktop en mobiel. */
.kf-page--preview39 .kf-category-grid > .kf-category:nth-child(1){order:2;}
.kf-page--preview39 .kf-category-grid > .kf-category:nth-child(2){order:3;}
.kf-page--preview39 .kf-category-grid > .kf-category:nth-child(3){order:4;}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-card{
min-height:108px;
padding:17px 16px;
isolation:isolate;
overflow:visible;
border:2px solid rgba(255,213,0,.55);
background:linear-gradient(110deg,#fff 30%,#fff8e5 100%);
box-shadow:0 8px 18px rgba(95,31,0,.12);
}
/* Zelfde rustige labelmaat als de andere gele labels. */
.kf-page--preview39 .kf-predeal-tile-label{
position:absolute;
top:-11px;
left:14px;
z-index:10;
display:inline-flex;
align-items:center;
min-height:23px;
padding:0 9px;
border-radius:50px;
background:var(--kf-yellow);
color:var(--kf-dark);
box-shadow:0 4px 10px rgba(95,31,0,.14);
font-size:9px;
line-height:1;
font-weight:1000;
text-transform:uppercase;
white-space:nowrap;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy{
position:relative;
z-index:6;
flex:0 0 38%;
min-width:0;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy small{
display:block!important;
margin-bottom:3px;
color:var(--kf-orange);
font-size:10px;
line-height:1.15;
font-weight:1000;
text-transform:uppercase;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy strong{
font-size:17px;
line-height:1.15;
}
.kf-page--preview39 .kf-predeal-tile-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:29px;
margin-top:7px;
padding:0 10px;
border-radius:8px;
background:var(--kf-blue);
color:#fff!important;
box-shadow:0 5px 12px rgba(1,125,240,.22);
font-size:10px;
line-height:1;
font-weight:900;
white-space:nowrap;
}
.kf-page--preview39 .kf-predeal-mini{
position:absolute;
right:4px;
top:-22px;
bottom:-25px;
width:62%;
pointer-events:none;
}
.kf-page--preview39 .kf-predeal-mini img{
position:absolute;
display:block;
max-width:none;
height:auto;
object-fit:contain;
transform:rotate(var(--kf-mini-tilt,0deg));
transition:transform .2s ease;
}
.kf-page--preview39 .kf-predeal-mini img.kf-predeal-mini--tv{
left:-3%;
top:-3%;
width:68%;
height:94%;
z-index:2;
}
.kf-page--preview39 .kf-predeal-mini img.kf-predeal-mini--washer{
right:3%;
top:0;
width:43%;
height:86%;
z-index:3;
}
.kf-page--preview39 .kf-predeal-mini img.kf-predeal-mini--vacuum{
left:49%;
bottom:0;
width:31%;
height:65%;
z-index:4;
}
.kf-page--preview39 .kf-predeal-mini img.kf-predeal-mini--laptop{
left:19%;
bottom:-4%;
width:36%;
height:43%;
z-index:5;
--kf-mini-tilt:-8deg;
}
.kf-page--preview39 .kf-predeal-tile-opop{
position:absolute;
left:36%;
bottom:6px;
z-index:7;
display:block!important;
width:42px!important;
height:42px!important;
max-width:none!important;
object-fit:contain;
pointer-events:none;
filter:drop-shadow(0 3px 3px rgba(0,0,0,.17));
transform:rotate(4deg);
}
/* =========================================================
HOVER / FOCUS
========================================================= */
@media(hover:hover) and (pointer:fine){
.kf-page--week39 .kf-category:hover{
transform:translateY(-3px);
}
.kf-page--week39 .kf-category:hover .kf-category-card{
border-color:var(--kf-yellow);
}
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:hover) .kf-collage-item:not(:hover):not(:focus-visible) img,
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:focus-visible) .kf-collage-item:not(:hover):not(:focus-visible) img{
filter:brightness(.62) drop-shadow(0 8px 8px rgba(74,23,0,.14));
}
.kf-page--week39 .kf-collage-item:hover img,
.kf-page--week39 .kf-collage-item:focus-visible img{
z-index:12;
transform:translateY(-5px) scale(1.31);
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item:hover img,
.kf-page--week39:not(.kf-page--week40) .kf-collage-item:focus-visible img{
transform:translateY(-5px) scale(1.31);
}
.kf-page--week40 .kf-collage-item:hover img,
.kf-page--week40 .kf-collage-item:focus-visible img{
transform:translateY(-5px) scale(1.40);
}
.kf-page--week40 .kf-collage-item--fridge:hover img,
.kf-page--week40 .kf-collage-item--fridge:focus-visible img{
transform:translateY(-5px) scale(1.66);
}
.kf-page--week39 .kf-collage-action:hover .kf-collage-pancake,
.kf-page--week39 .kf-collage-action:focus-visible .kf-collage-pancake,
.kf-page--week39 .kf-product-collage:has(.kf-collage-item:hover,.kf-collage-item:focus-visible) .kf-collage-action .kf-collage-pancake{
transform:rotate(1deg) scale(1.09);
}
.kf-page--preview39 .kf-category--predeal-collage:hover .kf-predeal-mini img{
transform:translateY(-2px) rotate(var(--kf-mini-tilt,0deg));
}
}
/* =========================================================
TABLET / SMALL DESKTOP
========================================================= */
@media(max-width:1050px){
.kf-page--week39 .kf-category-grid{
display:flex;
gap:10px;
overflow-x:auto;
padding-top:14px;
padding-bottom:8px;
scrollbar-width:none;
}
.kf-page--week39 .kf-category-grid::-webkit-scrollbar{
display:none;
}
.kf-page--week39 .kf-category{
flex:0 0 205px;
}
.kf-page--preview39 .kf-category-grid{
align-items:stretch;
padding-top:30px;
}
.kf-page--preview39 .kf-category--predeal-collage{
flex:0 0 380px;
}
}
@media(min-width:768px) and (max-width:980px){
.kf-page--week39 .kf-hero{
min-height:450px;
}
.kf-page--week39 .kf-hero-inner{
min-height:450px;
gap:22px;
padding:22px 30px 64px;
}
.kf-page--week39 .kf-copy{
width:50%;
flex:1 1 50%;
}
.kf-page--week39 .kf-visual{
width:46%;
max-width:390px;
flex:0 0 46%;
}
.kf-page--week39:not(.kf-page--week40) .kf-interactive-visual{
transform:translateX(-10px);
}
.kf-page--week39 .kf-campaign-logo-wrap{
width:330px;
}
.kf-page--preview39 .kf-campaign-logo-wrap{
width:285px;
}
.kf-page--preview39 .kf-preview-start{
margin:9px 0 5px;
font-size:17px;
}
.kf-page--preview39 .kf-intro{
margin:0 0 12px;
font-size:14px;
}
.kf-page--preview39 .kf-preview-timer{
margin-top:10px;
}
.kf-page--preview39 .kf-preview-clock > span{
width:52px;
min-height:48px;
}
.kf-page--preview39 .kf-preview-clock strong{
font-size:21px;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-action{
right:0;
top:-4%;
width:96px;
}
.kf-page--week40 .kf-collage-action{
right:0;
top:7%;
width:94px;
}
.kf-page--week40 .kf-hero{
min-height:500px;
}
.kf-page--week40 .kf-hero-inner{
min-height:500px;
padding-bottom:82px;
}
.kf-page--week40 .kf-visual,
.kf-page--week40 .kf-interactive-visual{
width:50%;
max-width:430px;
flex:0 0 50%;
transform:translateX(-10px);
}
.kf-page--week40 .kf-categories{
margin-top:-46px;
}
.kf-page--week39 .kf-categories{
margin-top:-62px;
}
.kf-page--preview39 .kf-categories{
margin-top:-66px;
}
}
/* =========================================================
MOBIEL
========================================================= */
@media(max-width:767px){
.kf-page--week39{
--kf-sun-x:52%;
--kf-sun-y:69%;
padding-bottom:34px;
}
/* Week 39 mobiel: oorspronkelijke goede collage/zonverhouding. */
.kf-page--week39.kf-page--festival:not(.kf-page--week40){
--kf-sun-x:52%;
--kf-sun-y:69%;
}
.kf-page--week40{
--kf-sun-x:52%;
--kf-sun-y:69%;
padding-bottom:38px;
}
.kf-page--week39 .kf-container{
width:calc(100% - 24px);
}
.kf-page--week39 .kf-hero{
min-height:auto;
border-radius:0 0 22px 22px;
}
.kf-page--week39 .kf-hero-inner{
min-height:auto;
flex-direction:column;
align-items:stretch;
gap:20px;
padding:32px 20px 125px;
}
.kf-page--week39 .kf-copy{
width:100%;
}
.kf-page--week39 .kf-campaign-logo-wrap{
width:420px;
max-width:100%;
}
.kf-page--week39 .kf-intro{
margin:24px 0 22px;
font-size:16px;
}
.kf-page--week39 .kf-visual,
.kf-page--week39 .kf-interactive-visual{
width:100%;
max-width:none;
flex:none;
height:auto;
margin-top:26px;
aspect-ratio:1;
}
.kf-page--week39:not(.kf-page--week40) .kf-interactive-visual{
transform:none;
}
/* Week 40 mobiel: collage groter en gecentreerd rond de zon. */
.kf-page--week40 .kf-hero-inner{
gap:18px;
padding-bottom:105px;
}
.kf-page--week40 .kf-visual,
.kf-page--week40 .kf-interactive-visual{
width:100%;
max-width:350px;
margin:18px auto 0;
transform:none;
}
.kf-page--week40 .kf-collage-item img{
transform:scale(1.22);
}
.kf-page--week40 .kf-collage-item--fridge{
left:7%;
top:5%;
width:36%;
height:52%;
}
.kf-page--week40 .kf-collage-item--microwave{
left:48%;
top:4%;
width:39%;
height:28%;
}
.kf-page--week40 .kf-collage-item--shaver{
left:82%;
top:34%;
width:15%;
height:25%;
}
.kf-page--week40 .kf-collage-item--washer{
left:42%;
top:30%;
width:41%;
height:44%;
}
.kf-page--week40 .kf-collage-item--vacuum{
left:8%;
top:61%;
width:37%;
height:33%;
}
.kf-page--week40 .kf-collage-item--airfryer{
left:62%;
top:69%;
width:34%;
height:29%;
}
.kf-page--week40 .kf-collage-item--fridge img{
transform:scale(1.46);
}
/* Week 39 mobiel: productposities overgenomen uit de goed werkende versie. */
.kf-page--week39:not(.kf-page--week40) .kf-collage-item img{
transform:scale(1.22);
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--laptop{
left:10%;
top:6%;
width:39%;
height:36%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--soundbar{
left:44%;
top:8%;
width:49%;
height:39%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--tv{
left:3%;
top:31%;
width:58%;
height:48%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--headphones{
left:60%;
top:39%;
width:32%;
height:34%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--camera{
left:35%;
top:70%;
width:27%;
height:26%;
}
.kf-page--week39:not(.kf-page--week40) .kf-collage-item--tablet{
left:62%;
top:69%;
width:37%;
height:31%;
}
.kf-page--week39 .kf-collage-action{
right:0;
top:3%;
width:76px;
}
.kf-page--week40 .kf-collage-action{
right:1%;
top:7%;
width:78px;
}
.kf-page--week39 .kf-product-collage > .kf-collage-pancake--opop{
display:block!important;
left:10px;
right:auto;
top:auto;
bottom:54px;
width:70px!important;
height:auto!important;
}
.kf-page--preview39 .kf-product-collage > .kf-collage-pancake--opop{
display:none!important;
}
.kf-page--week39 .kf-categories{
margin-top:-62px;
}
.kf-page--week40 .kf-categories{
margin-top:-44px;
}
.kf-page--week39 .kf-category{
flex-basis:174px;
}
.kf-page--week39.kf-page--week40 .kf-category{
flex-basis:205px;
}
.kf-page--week39:not(.kf-page--week40) .kf-category:nth-child(-n+3) .kf-category-card{
padding-left:22px;
}
.kf-page--week39:not(.kf-page--week40):not(.kf-page--preview39) .kf-category:nth-child(3) .kf-category-copy:not(:has(small)):before{
font-size:8px;
}
.kf-page--preview39 .kf-hero-inner{
padding:24px 20px 100px;
}
.kf-page--preview39 .kf-campaign-logo-wrap{
width:280px;
}
.kf-page--preview39 .kf-preview-start{
font-size:18px;
}
.kf-page--preview39 .kf-intro{
margin:0 0 14px;
font-size:14px;
}
.kf-page--preview39 .kf-category-grid{
padding-top:30px;
}
.kf-page--preview39 .kf-category--predeal-collage{
flex-basis:330px;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-card{
min-height:108px;
padding:17px 12px 15px 14px;
}
.kf-page--preview39 .kf-predeal-tile-label{
left:12px;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy{
flex-basis:40%;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy strong{
font-size:16px;
}
.kf-page--preview39 .kf-predeal-mini{
right:0;
width:61%;
}
.kf-page--preview39 .kf-predeal-tile-opop{
left:37%;
}
}
@media(max-width:380px){
.kf-page--preview39 .kf-category--predeal-collage{
flex-basis:304px;
}
.kf-page--preview39 .kf-category--predeal-collage .kf-category-copy{
flex-basis:42%;
}
}
/* =========================================================
REDUCED MOTION
========================================================= */
@media(prefers-reduced-motion:reduce){
.kf-page--week39 .kf-button,
.kf-page--week39 .kf-category,
.kf-page--week39 .kf-category-card,
.kf-page--week39 .kf-collage-item img,
.kf-page--week39 .kf-collage-action .kf-collage-pancake,
.kf-page--preview39 .kf-predeal-mini img{
transition:none;
}
}
/* =========================================================
MOBIEL - PRE-DEALS LAPTOP NIET AFSNIJDEN
De categorierij scrollt horizontaal en knipt uitstekende content af.
Daarom laptop iets hoger + extra onderruimte in preview39.
========================================================= */
@media(max-width:767px){
.kf-page--preview39 .kf-category-grid{
padding-bottom:22px;
}
.kf-page--preview39 .kf-predeal-mini img.kf-predeal-mini--laptop{
left:20%;
bottom:2%;
width:34%;
height:40%;
}
}
/* =========================================================
MOBIEL - PREVIEW CATEGORIEKAARTEN BREDER
Meer ruimte voor "Vanaf 24 september" naast de categorie-afbeelding.
========================================================= */
@media(max-width:767px){
.kf-page--preview39 .kf-category-grid > .kf-category:not(.kf-category--predeal-collage){
flex:0 0 215px;
}
.kf-page--preview39 .kf-category:nth-child(-n+3) .kf-category-card{
padding-left:18px;
padding-right:12px;
}
.kf-page--preview39 .kf-category:nth-child(-n+3) .kf-category-copy{
min-width:105px;
max-width:112px;
}
.kf-page--preview39 .kf-category:nth-child(-n+3) small{
white-space:nowrap;
font-size:9px;
}
}
/* VASTE HOMEPAGEBLOKKEN — onafhankelijk van Korting Festival.
Gebruik met Keuzehulp-HTML.html, Werkenbij-HTML.html en Expert-HTML.html.
Mobiel t/m 639px. Oranje volgt de CMS-variabele --color-primary. */
.eh-home,.eh-home *{box-sizing:border-box}
.eh-home{width:100%;max-width:1240px;min-width:0;margin:16px auto;color:inherit}
.eh-home img{max-width:100%}
.eh-home a{text-decoration:none;color:inherit}
.eh-home a:focus-visible,.eh-home:focus-visible,.eh-home [tabindex]:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}
.eh-home .eh-media-link,.eh-home.eh-media-link{position:relative;display:block;border:2px solid transparent;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s ease}
.eh-home .eh-media-link>img{display:block;width:100%;height:auto}
.eh-home .eh-cta{position:absolute;right:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:calc(100% - 24px);padding:10px 14px;background:var(--eh-button-bg,#017df0);color:var(--eh-button-text,#fff);border:1px solid var(--eh-button-bg,#017df0);border-radius:8px;font-size:14px;font-weight:700;line-height:1.2;box-shadow:0 2px 6px rgba(1,125,240,.20);pointer-events:none;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease}
.eh-home .eh-cta>span{font-weight:900}
.eh-home .eh-media-link:focus-visible,.eh-home.eh-media-link:focus-visible{border-color:var(--color-primary)}
.eh-home .eh-media-link:focus-visible .eh-cta,.eh-home.eh-media-link:focus-visible .eh-cta{transform:translateY(-1px);box-shadow:0 6px 18px rgba(1,125,240,.25)}
/* Keuzehulp */
.eh-choice{padding:1px;background:#fff;font-size:16px;line-height:1.5}
.eh-choice .eh-choice-heading{margin:0 0 16px;font-size:28px;line-height:1.2;color:var(--color-primary)}
.eh-choice-layout{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,2fr);gap:16px}
.eh-choice-intro{min-width:0;padding:20px;border:1px solid #ffe0cc;border-radius:16px;background:linear-gradient(135deg,#fff7f0,#fff)}
.eh-choice-intro h3{margin:0 0 8px;font-size:22px;color:var(--color-primary)}
.eh-choice-intro>p{margin:0 0 10px}
.eh-benefits p{display:flex;align-items:flex-start;gap:12px;margin:0 0 6px}
.eh-benefits p>span:first-child{color:var(--color-primary);font-size:20px;font-weight:700}
.eh-choice .eh-choice-all{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:8px 14px;background:var(--color-primary);color:var(--eh-primary-text,#fff);border-radius:25px;font-size:14px;font-weight:600}
.eh-choice-track-wrap{min-width:0}
.eh-choice-track{display:flex;gap:16px;overflow-x:auto;max-width:100%;padding:10px 8px 16px;border:1px solid #eee;border-radius:16px;scroll-snap-type:x proximity;scroll-padding-inline:8px;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch}
.eh-choice .eh-choice-card{display:block;flex:0 0 40%;min-width:240px;scroll-snap-align:start;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:box-shadow .25s ease,border-color .25s ease}
.eh-choice-image{position:relative;aspect-ratio:16/9;border-radius:16px 16px 0 0;overflow:hidden;background:#f3f3f3}
.eh-choice-image img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .28s ease}
.eh-choice-copy{padding:12px}
.eh-choice-copy h3{margin:0 0 6px;font-size:18px;color:var(--color-primary)}
.eh-choice-copy p{margin:0}
.eh-choice-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;color:var(--color-primary);font-weight:700}
.eh-choice-tip{margin:6px 0 0;font-size:14px;color:#5a5a5a}
.eh-choice-track.eh-dragging{cursor:grabbing;scroll-snap-type:none}
/* Werken bij Expert */
.eh-jobs{aspect-ratio:31/7;isolation:isolate}
.eh-jobs picture,.eh-jobs img{display:block;width:100%;height:100%}
.eh-jobs img{object-fit:cover;object-position:center}
.eh-jobs .eh-cta{right:14.1%;bottom:12.5%}
/* Expert — tekst en award links, laptopkeuzehulp rechts. */
.eh-expert{display:grid;grid-template-columns:minmax(0,58fr) minmax(0,42fr);grid-template-areas:'copy media' 'awards media';align-items:end;column-gap:24px;row-gap:45px;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.eh-expert-copy{grid-area:copy;min-width:0}
.eh-expert h2{margin:0 0 12px;font-size:28px;line-height:1.2}
.eh-expert p{margin:0;font-size:15px;line-height:1.6}
.eh-expert-awards{grid-area:awards;display:block;width:100%;height:auto;border-radius:16px}
.eh-expert-media{grid-area:media;min-width:0;margin:0}
@media(hover:hover) and (pointer:fine){
.eh-home .eh-media-link:hover,.eh-home.eh-media-link:hover{border-color:var(--color-primary)}
.eh-home .eh-media-link:hover .eh-cta,.eh-home.eh-media-link:hover .eh-cta{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px rgba(1,125,240,.25)}
.eh-choice .eh-choice-card:hover{border-color:var(--color-primary);box-shadow:0 12px 28px rgba(0,0,0,.12)}
.eh-choice-card:hover img{transform:scale(1.04)}
}
@media(max-width:639px){
.eh-choice-heading,.eh-choice-intro,.eh-choice-tip{display:none}
.eh-choice-layout{display:block}
.eh-choice-track{gap:16px;scroll-snap-type:x mandatory}
.eh-choice .eh-choice-card{flex-basis:80%;min-width:min(240px,100%)}
.eh-jobs{aspect-ratio:6/5}
.eh-jobs img{object-position:top center}
.eh-jobs .eh-cta{right:16px;bottom:12px}
.eh-expert{grid-template-columns:minmax(0,1fr);grid-template-areas:'awards' 'copy' 'media';gap:24px;padding:10px 0 12px}
.eh-expert-copy{padding:0 12px}
.eh-expert h2{font-size:24px;line-height:1.25}
.eh-expert p{font-size:16px;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
.eh-home .eh-media-link,.eh-home.eh-media-link,.eh-home .eh-cta,.eh-choice .eh-choice-card,.eh-choice-image img{transition:none}
}