html, body {
margin: 0 !important;
padding: 0 !important;
background: #42113D !important;
overflow-x: hidden;
}
.site, .site-content, .entry-content, .wp-block-group,
.wp-site-blocks, main, article, .page, .hentry,
#page, #content, #main, #primary, .content-area,
.kadence-inner-column-inner, .wp-block-kadence-column,
.kadence-column, .kadence-single-column-section {
margin: 0 !important;
padding: 0 !important;
max-width: none !important;
width: 100% !important;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'futura-pt', sans-serif; }
.hero1{position:relative;width:100%;height:100vh;min-height:600px;display:flex;flex-direction:column;overflow:hidden}
.hero1__bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
.hero1__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,1.00) 0%,rgba(0,0,0,0.00) 100%)}
.hero1__nav{position:relative;z-index:10;width:100%;padding:28px 40px 20px}
.hero1__nav-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.hero1__logo{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none}
.hero1__logo-icoon{width:65px;height:78px}
.hero2-nav-logo-img{height:125px;width:auto;display:block}
.hero1__logo-icoon svg{width:100%;height:100%}
.hero1__logo-naam{font-family:'futura-pt',sans-serif;font-weight:600;font-size:16px;color:#fff;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.hero1__logo-sub{font-family:'futura-pt',sans-serif;font-weight:400;font-size:13px;color:rgba(255,255,255,.65);letter-spacing:.12em}
/* Desktop logo defaults */
.hero1__logo-desktop { height: 125px; width: auto; display: block; }
.hero1__logo-mobiel { display: none; }
.hero1__nav-items{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none;flex-wrap:nowrap;width:100%;overflow:hidden}
.hero1__nav-inner--overflow .hero1__nav-items{display:none !important}
.hero1__nav-inner--overflow .hero1__hamburger{display:flex !important}
.hero1__nav-inner--overflow{
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
width: 100%;
}
.hero1__nav-inner--overflow .hero1__logo-desktop { display: none !important; }
.hero1__nav-inner--overflow .hero1__logo-mobiel {
display: block !important;
width: auto !important;
height: 36px !important;
}
.hero1__nav-inner--overflow .hero1__hamburger {
width: 36px !important;
height: 36px !important;
align-items: center !important;
justify-content: center !important;
}
.hero1__nav-inner--overflow .hero1__hamburger span { width: 22px !important; }
.hero1__nav-link{font-family:'futura-pt',sans-serif;font-weight:400;font-size:14px;color:#fff;text-decoration:none;letter-spacing:.08em;text-transform:uppercase;padding:10px 16px;border-radius:4px;transition:background .15s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}
.hero1__nav-link:hover,.hero1__nav-link:active,.hero1__nav-link:focus{background:rgba(255,255,255,.10);color:#fff!important}
.hero1__nav-link--boek{background-color:#9F8F76;color:#fff;padding:10px 22px;margin-left:10px;font-weight:600;-webkit-tap-highlight-color:transparent}
.hero1__nav-link--boek:hover,.hero1__nav-link--boek:active,.hero1__nav-link--boek:focus{background-color:#8a7b64;color:#fff!important}
.hero1__content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 40px;text-align:center;animation:hero1-fadeup .9s ease both;animation-delay:.2s}
@keyframes hero1-fadeup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero1__titel{margin:0 0 32px;line-height:1.1;max-width:1100px}
.hero1__titel-deel{display:inline}
.hero1__titel--newline{display:block}
.hero1__titel--loretta { font-size: clamp(2.16rem,4.5vw,3.78rem); }
.hero1__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(2.4rem,6vw,5.2rem);color:#fff;letter-spacing:.01em}
.hero1__knop{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff}
.hero1__knop:hover{opacity:.85;color:#fff!important}
@media(max-width:900px){
.hero1__nav-inner,.hero2__nav-inner{
flex-direction:row!important;
justify-content:space-between!important;
align-items:center!important;
gap:0!important;
}
}
@media(max-width:480px){
.reviews{ padding:48px 0 48px 16px!important; }
.carrousel{ padding:48px 0 48px 16px!important; }
}
.hero2{position:relative;height:75vh;min-height:480px;display:flex;flex-direction:column;overflow:hidden;width:100%}
.hero2__bg{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}
.hero2__overlay{position:absolute;inset:0;background:rgba(66,17,61,0.80);z-index:1}
.hero2__spacer{flex:0 0 25%}
.hero2__content{position:relative;z-index:2;text-align:center;padding:24px 24px 32px;width:100%;flex:0 0 75%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:hero2-fadeup .9s ease both}
@keyframes hero2-fadeup{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.hero2__title { color: #fff; line-height: 1.2; margin-bottom: 16px; }
.hero2__part {
display: inline;
line-height: 1.2;
}
.hero2__part--loretta {
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
color: #ffffff !important;
font-size: calc(clamp(2rem,4vw,3.5rem) * 0.9);
}
.hero2__part--futura {
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
color: #ffffff !important;
font-size: clamp(2rem,4vw,3.5rem);
}
.hero2__btn{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#42113D;padding:10px 22px;height:42px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.08em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s}
.hero2__btn:hover{background:#f0ece8;color:#42113D!important;opacity:1}
@media(max-width:600px){
.sectie2,.sectie3,.sectie4{ padding:36px 16px!important; }
.sectie5{ padding:36px 16px!important; }
.cta{ padding:36px 20px!important; }
.usp{ padding:36px 20px!important; }
}
.sectie2{width:100%;padding:96px 40px}
.sectie2--licht{background-color:#FFFFFF}
.sectie2--donker{background-color:#F6F6F8}
.sectie2__inner{display:grid;gap:0;max-width:1120px;margin:0 auto;align-items:start}
.sectie2--rechts .sectie2__inner{grid-template-columns:2fr 1fr}
.sectie2--links .sectie2__inner{grid-template-columns:1fr 2fr}
.sectie2__tekstvak{display:flex;flex-direction:column;gap:20px}
.sectie2__tag{font-family:'loretta-display',serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D;padding-left:32px;padding-right:32px}
.sectie2__titel{margin:0;line-height:1.15;font-size:clamp(1.8rem,3.5vw,2.8rem);padding-left:32px;padding-right:32px}
.sectie2__titel-deel{display:inline}
.sectie2__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D}
.sectie2__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D}
.sectie2__blok{padding:28px 32px;display:flex;flex-direction:column;gap:20px}
.sectie2--rechts .sectie2__blok{border-radius:12px 0 0 12px}
.sectie2--links .sectie2__blok{border-radius:0 12px 12px 0}
.sectie2--licht .sectie2__blok{background-color:#F6F6F8}
.sectie2--donker .sectie2__blok{background-color:#42113D}
.sectie2__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75}
.sectie2__tekst p{margin:0 0 1em}
.sectie2__tekst p:last-child{margin-bottom:0}
.sectie2--licht .sectie2__tekst{color:#42113D}
.sectie2--donker .sectie2__tekst{color:#fff}
.sectie2__knop{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff}
.sectie2__knop:hover{opacity:.85;color:#fff!important}
.sectie2__afbeeldingvak{overflow:hidden;margin-top:-1.5vh;margin-bottom:-1.5vh;align-self:stretch}
.sectie2--rechts .sectie2__afbeeldingvak{border-radius:0 12px 12px 0}
.sectie2--links .sectie2__afbeeldingvak{border-radius:12px 0 0 12px}
.sectie2__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block;min-height:200px}
@media(max-width:768px) {
.sectie2__tag,.sectie3__tag,.sectie4__tag { margin-bottom: 9px !important; }
.sectie2__titel,.sectie3__titel,.sectie4__titel { margin-bottom: 12px !important; }
.sectie2__tekst,.sectie3__tekst,.sectie4__tekst { margin-bottom: 12px !important; }
}
.sectie3{width:100%;padding:96px 40px}
.sectie3--licht{background-color:#FFFFFF}
.sectie3--donker{background-color:#F6F6F8}
.sectie3__inner{display:grid;gap:0;max-width:1120px;margin:0 auto;align-items:start;grid-template-columns:1fr 1fr}
.sectie3__tekstvak{display:flex;flex-direction:column;gap:20px}
.sectie3__tag{font-family:'loretta-display',serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D;padding-left:32px;padding-right:32px}
.sectie3__titel{margin:0;line-height:1.15;font-size:clamp(1.8rem,3.5vw,2.8rem);padding-left:32px;padding-right:32px}
.sectie3__titel-deel{display:inline}
.sectie3__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D}
.sectie3__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D}
.sectie3__blok{padding:28px 32px;display:flex;flex-direction:column;gap:20px}
.sectie3--rechts .sectie3__blok{border-radius:12px 0 0 12px}
.sectie3--links .sectie3__blok{border-radius:0 12px 12px 0}
.sectie3--licht .sectie3__blok{background-color:#F6F6F8}
.sectie3--donker .sectie3__blok{background-color:#42113D}
.sectie3__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75}
.sectie3__tekst p{margin:0 0 1em}
.sectie3__tekst p:last-child{margin-bottom:0}
.sectie3--licht .sectie3__tekst{color:#42113D}
.sectie3--donker .sectie3__tekst{color:#fff}
.sectie3__knop{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff}
.sectie3__knop:hover{opacity:.85;color:#fff!important}
.sectie3__afbeeldingvak{overflow:hidden;margin-top:-1.5vh;margin-bottom:-1.5vh;align-self:stretch;height:auto}
.sectie3--rechts .sectie3__afbeeldingvak{border-radius:0 12px 12px 0}
.sectie3--links .sectie3__afbeeldingvak{border-radius:12px 0 0 12px}
.sectie3__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sectie4{width:100%;padding:96px 40px}
.sectie4--licht{background-color:#FFFFFF}
.sectie4--donker{background-color:#F6F6F8}
.sectie4__inner{display:grid;gap:0;max-width:1120px;margin:0 auto;align-items:stretch;grid-template-columns:1fr 1fr}
.sectie4__tekstvak{display:flex;flex-direction:column;gap:20px;height:100%}
.sectie4__tag{font-family:'loretta-display',serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D;padding-left:32px;padding-right:32px}
.sectie4__titel{margin:0;line-height:1.15;font-size:clamp(1.8rem,3.5vw,2.8rem);padding-left:32px;padding-right:32px}
.sectie4__titel-deel{display:inline}
.sectie4__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D}
.sectie4__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D}
.sectie4__blok{padding:28px 32px;display:flex;flex-direction:column;gap:20px;flex:1}
.sectie4--rechts .sectie4__blok{border-radius:12px 0 0 12px}
.sectie4--links .sectie4__blok{border-radius:0 12px 12px 0}
.sectie4--licht .sectie4__blok{background-color:#F6F6F8}
.sectie4--donker .sectie4__blok{background-color:#42113D}
.sectie4__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75}
.sectie4__tekst p{margin:0 0 1em}
.sectie4__tekst p:last-child{margin-bottom:0}
.sectie4--licht .sectie4__tekst{color:#42113D}
.sectie4--donker .sectie4__tekst{color:#fff}
.sectie4__knop {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
padding: 10px 22px !important;
background: #9F8F76 !important;
color: #fff !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: 15px !important;
letter-spacing: .06em !important;
text-decoration: none !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: opacity .2s !important;
}
.sectie4__knop:hover { opacity: .85 !important; color: #fff !important; }
.sectie4__afbeeldingvak{align-self:stretch;display:flex;flex-direction:column;gap:3vh}
.sectie4__afbeelding-item{flex:1 1 0;overflow:hidden;min-height:0}
.sectie4--rechts .sectie4__afbeelding-item:first-child{border-radius:0 12px 0 0}
.sectie4--rechts .sectie4__afbeelding-item:last-child{border-radius:0 0 12px 0}
.sectie4--links .sectie4__afbeelding-item:first-child{border-radius:12px 0 0 0}
.sectie4--links .sectie4__afbeelding-item:last-child{border-radius:0 0 0 12px}
.sectie4__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.sectie5{width:100%;padding:96px 40px}
.sectie5--licht{background-color:#FFFFFF}
.sectie5--donker{background-color:#F6F6F8}
.sectie5__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;max-width:1120px;margin:0 auto;align-items:start}
.sectie5__kolom-titel{display:flex;flex-direction:column;gap:12px}
.sectie5__titel{margin:0;line-height:1.15;font-size:clamp(1.8rem,3vw,2.8rem)}
.sectie5__titel-deel{display:inline}
.sectie5__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D;letter-spacing:-.01em}
.sectie5__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D;letter-spacing:.02em}
.sectie5__kolom-tekst{display:flex;align-items:start}
.sectie5__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75;color:#42113D}
.sectie5__tekst p{margin:0 0 1em}
.sectie5__tekst p:last-child{margin-bottom:0}
.sectie5__kolom-afbeelding{border-radius:0 12px 12px 0;overflow:hidden;margin-top:-1.5vh;margin-bottom:-1.5vh;align-self:stretch}
.sectie5__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.cta{position:relative;width:100%;padding:80px 40px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cta__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.cta__overlay{position:absolute;inset:0;background:rgba(66,17,61,0.80);z-index:1}
.cta__content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px;animation:cta-fadeup .7s ease both}
@keyframes cta-fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.cta__titel{line-height:1.2}
.cta__deel {
display: inline;
line-height: 1.2;
}
.cta__deel--loretta {
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
color: #ffffff !important;
font-size: calc(clamp(1.8rem,3.5vw,2.8rem) * 0.9);
}
.cta__deel--futura {
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
color: #ffffff !important;
font-size: clamp(1.8rem,3.5vw,2.8rem);
}
.cta__knop{display:inline-flex;align-items:center;justify-content:center;background:#9F8F76;color:#fff;padding:10px 22px;height:42px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.08em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s}
.cta__knop:hover{opacity:.85;color:#fff!important}
.usp{width:100%;padding:96px 40px}
.usp--paars{background-color:#42113D}
.usp--wit{background-color:#FFFFFF}
.usp--gebroken-wit{background-color:#F6F6F8}
.usp__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:1120px;margin:0 auto;align-items:center}
.usp__inner--centraal{align-items:center}
.usp__inner--boven{align-items:start}
.usp__links{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.usp__tag { margin-bottom: 12px !important; }
.usp__titel { margin-top: 0 !important; margin-bottom: 16px !important; }
.usp__titel-deel{display:inline}
.usp--paars .usp__tag{color:#fff}
.usp--paars .usp__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#fff;letter-spacing:-.01em}
.usp--paars .usp__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#fff;letter-spacing:.02em}
.usp--paars .usp__tekst{color:rgba(255,255,255,.85)}
.usp--wit .usp__tag,.usp--gebroken-wit .usp__tag{color:#42113D}
.usp--wit .usp__titel--loretta,.usp--gebroken-wit .usp__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D;letter-spacing:-.01em}
.usp--wit .usp__titel--futura,.usp--gebroken-wit .usp__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D;letter-spacing:.02em}
.usp--wit .usp__tekst,.usp--gebroken-wit .usp__tekst{color:rgba(66,17,61,.75)}
.usp__knop{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff}
.usp__knop:hover{opacity:.85;color:#fff!important}
.usp__rechts{display:flex;align-items:center}
.usp__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75}
.usp__tekst p{margin:0 0 1em}
.usp__tekst p:last-child{margin-bottom:0}
.reviews{width:100%;background-color:#FFFFFF;padding:96px 0 96px 40px}
.reviews--licht{background-color:#FFFFFF}
.reviews--licht .reviews__card{background-color:#F6F6F8}
.reviews--donker{background-color:#F6F6F8}
.reviews--donker .reviews__card{background-color:#FFFFFF}
.reviews__track-wrapper{overflow-x:auto;overflow-y:hidden;cursor:grab;user-select:none;width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-behavior:smooth}
.reviews__track-wrapper::-webkit-scrollbar{display:none}
.reviews__track-wrapper:active{cursor:grabbing}
.reviews__track{display:flex;gap:20px;padding:4px 40px 16px 0;width:max-content}
.reviews__item{display:flex;flex-direction:column;flex-shrink:0;width:calc((100vw - 100px) / 4);scroll-snap-align:start}
.reviews__card-titel{padding-left:24px;margin-bottom:10px;line-height:1.2}
.reviews__titel-deel{display:inline}
.reviews__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:clamp(1.5rem,2.5vw,2rem);color:#42113D;letter-spacing:-.01em}
.reviews__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(1.5rem,2.5vw,2rem);color:#42113D;letter-spacing:.02em}
.reviews__card{background-color:#F6F6F8;border-radius:12px 12px 0 12px;padding:24px;display:flex;flex-direction:column;gap:16px;flex:1}
.reviews__sterren{display:flex;gap:4px;align-items:center}
.reviews__ster svg{display:block}
.reviews__ster--vol svg{fill:#9F8F76}
.reviews__ster--leeg svg{fill:#CCCCCC}
.reviews__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:18px;line-height:1.65;color:#42113D;margin:0;flex:1}
.reviews__auteur{display:flex;flex-direction:column;gap:2px}
.reviews__naam{font-family:'futura-pt',sans-serif;font-weight:600;font-size:18px;color:#42113D}
.reviews__reistype{font-family:'futura-pt',sans-serif;font-weight:400;font-size:16px;color:rgba(66,17,61,.55)}
.carrousel{width:100%;padding:96px 0 96px 40px}
.carrousel--licht{background-color:#FFFFFF}
.carrousel--donker{background-color:#F6F6F8}
.carrousel__track-wrapper{overflow-x:auto;overflow-y:hidden;cursor:grab;user-select:none;-webkit-user-select:none;width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;scroll-behavior:smooth}
.carrousel__track-wrapper::-webkit-scrollbar{display:none}
.carrousel__track-wrapper:active{cursor:grabbing}
.carrousel__track{display:flex;gap:20px;padding:4px 40px 8px 0;width:max-content;user-select:none;-webkit-user-select:none}
.carrousel__item{display:flex;flex-direction:column;gap:16px;width:calc((100vw - 80px) / 3);flex-shrink:0;scroll-snap-align:start}
.carrousel__afbeelding-wrapper{width:100%;aspect-ratio:5/4;border-radius:12px;overflow:hidden;background:#ddd7d0;display:flex;align-items:center;justify-content:center}
.carrousel__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease;pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none}
.carrousel__item:hover .carrousel__afbeelding{transform:scale(1.03)}
.carrousel__info{display:flex;flex-direction:column;gap:8px}
.carrousel__label{font-family:'loretta-display',serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D;display:flex;align-items:center;margin:0}
.carrousel__titel{font-family:'futura-pt',sans-serif;font-weight:600;font-size:20px;color:#42113D;margin:0;line-height:1.2}
.carrousel__tag{font-family:'futura-pt',sans-serif;font-weight:400;font-size:15px;color:rgba(66,17,61,.65);margin:0;line-height:1.5}
.carrousel__knop{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:42px;padding:10px 22px;margin-top:4px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:14px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff}
.carrousel__knop:hover{opacity:.85;color:#fff!important}
.faq{width:100%;background-color:#FFFFFF;padding:96px 40px}
.faq--licht{background-color:#FFFFFF}
.faq--licht .faq__item{background-color:#F6F6F8}
.faq--donker{background-color:#F6F6F8}
.faq--donker .faq__item{background-color:#FFFFFF}
.faq__inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.faq__titel{margin:0;line-height:1.2;padding-left:24px;padding-right:24px}
.faq__titel-deel{display:inline}
.faq__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#42113D;letter-spacing:.02em}
.faq__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#42113D;letter-spacing:-.01em}
.faq__lijst{display:flex;flex-direction:column;gap:12px}
.faq__item{background-color:#F6F6F8;border-radius:12px;overflow:hidden}
.faq__vraag{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent!important;color:#42113D!important;text-decoration:none!important}
.faq__vraag:hover,.faq__vraag:active,.faq__vraag:focus,.faq__vraag:focus-within{background:transparent!important;background-color:transparent!important;outline:none!important;box-shadow:none!important;border:none!important;color:#42113D!important}
.faq__vraag-tekst{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:clamp(1.2rem,2vw,1.5rem);color:#42113D;line-height:1.3}
.faq__icoon{font-size:24px;font-weight:300;color:#42113D;flex-shrink:0;line-height:1;width:24px;text-align:center;display:inline-block;transition:transform .3s ease}
.faq__item--open .faq__icoon{transform:rotate(45deg)}
.faq__antwoord{
display:grid;
grid-template-rows:0fr;
transition:grid-template-rows 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.4s cubic-bezier(0.4,0,0.2,1);
padding:0 24px;
overflow:hidden;
}
.faq__antwoord>*{overflow:hidden;min-height:0}
.faq__item--open .faq__antwoord{
grid-template-rows:1fr;
padding:0 24px 22px 24px;
}
.faq__antwoord-tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:18px;line-height:1.7;color:rgba(66,17,61,.70)}
.faq__antwoord-tekst p{margin:0 0 .8em}
.faq__antwoord-tekst p:last-child{margin-bottom:0}
.contact{width:100%;background-color:#F6F6F8;padding:96px 40px}
.contact__inner{display:grid;grid-template-columns:2fr 1fr;gap:64px;max-width:1120px;margin:0 auto;align-items:start}
.contact__links{display:flex;flex-direction:column;gap:20px}
.contact__tag{font-family:'futura-pt',sans-serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D}
.contact__titel{margin:0;line-height:1.15;font-size:clamp(1.8rem,3.5vw,2.8rem)}
.contact__titel-deel{display:inline}
.contact__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D;letter-spacing:-.01em}
.contact__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D;letter-spacing:.02em}
.contact__form{display:flex;flex-direction:column;gap:16px}
.contact__veld{display:flex;flex-direction:column;gap:6px}
.contact__label{font-family:'futura-pt',sans-serif;font-weight:600;font-size:14px;color:#42113D;letter-spacing:.02em}
.contact__input{font-family:'futura-pt',sans-serif;font-weight:400;font-size:14px;color:#42113D;background-color:#FFFFFF;border:1px solid rgba(66,17,61,.15);border-radius:6px;padding:10px 14px;width:100%;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none}
.contact__input:focus{border-color:#9F8F76}
.contact__textarea{resize:vertical;min-height:120px;line-height:1.6}
.contact__knop{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;background-color:#9F8F76;color:#fff;margin-top:8px}
.contact__knop:hover{opacity:.85;color:#fff!important}
.contact__rechts{display:flex;flex-direction:column;gap:32px;padding-top:calc(18px * 1.6 + 20px + 2.8rem * 1.15 + 20px);align-self:start}
.contact__info-blok{display:flex;flex-direction:column;gap:12px}
.contact__info-naam{font-family:'futura-pt',sans-serif;font-weight:600;font-size:18px;color:#42113D;margin:0;line-height:1.2}
.contact__info-rij{display:flex;align-items:flex-start;gap:10px}
.contact__info-icoon{font-size:16px;flex-shrink:0;line-height:1.5}
.contact__info-tekst,.contact__info-link{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:15px;line-height:1.5;color:#42113D;text-decoration:none}
.tijdlijn{width:100%;background-color:#42113D;padding:96px 56px}
.tijdlijn__inner{max-width:1120px;margin:0 auto;display:flex;flex-direction:column}
.tijdlijn__item{display:grid;grid-template-columns:80px 1fr;gap:0 24px}
.tijdlijn__links{display:flex;flex-direction:column;align-items:center}
.tijdlijn__cirkel{width:72px;height:72px;border-radius:50%;background-color:#9F8F76;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tijdlijn__jaar{font-family:'futura-pt',sans-serif;font-weight:600;font-size:18px;color:#fff;letter-spacing:.04em}
.tijdlijn__lijn{width:2px;flex:1;background-color:rgba(159,143,118,.35)}
.tijdlijn__item--laatste .tijdlijn__lijn{display:none}
.tijdlijn__rechts{display:flex;flex-direction:column;gap:20px;padding-top:16px;padding-bottom:64px}
.tijdlijn__item--laatste .tijdlijn__rechts{padding-bottom:0}
.tijdlijn__titel{margin:0;line-height:1.15;font-size:clamp(1.6rem,3vw,2.4rem)}
.tijdlijn__titel-deel{display:inline}
.tijdlijn__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#fff;letter-spacing:.02em}
.tijdlijn__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#fff;letter-spacing:-.01em}
.tijdlijn__tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;line-height:1.75;color:rgba(255,255,255,.80)}
.tijdlijn__tekst p{margin:0 0 1em}
.tijdlijn__tekst p:last-child{margin-bottom:0}
.tijdlijn__afbeeldingen{display:flex;flex-wrap:wrap;gap:20px;margin-top:8px}
.tijdlijn__afbeelding-wrapper{flex:1 1 280px;max-width:calc(50% - 10px);border-radius:12px;overflow:hidden;aspect-ratio:4/3}
.tijdlijn__afbeelding{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.footer{width:100%;height:100vh;height:100dvh;background-color:#42113D;display:flex;flex-direction:column;padding:0 56px 0;overflow:hidden}
.footer__logo-balk{width:calc(100% + 112px);margin:0 -56px 0 -56px;padding:48px 56px 32px 56px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;overflow:hidden}
.footer__logo-balk img{width:auto;height:100%;max-width:100%;max-height:100%;display:block;object-fit:contain;object-position:left center}
.footer__logo-balk-tekst{display:flex;align-items:center;gap:20px}
.footer__logo-balk-icoon{width:56px;height:68px;flex-shrink:0}
.footer__logo-balk-icoon svg{width:100%;height:100%}
.footer__logo-balk-naam{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(1.4rem,3vw,2.6rem);color:#fff;letter-spacing:.14em;text-transform:uppercase;line-height:1}
.footer__logo-balk-sub{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:clamp(.9rem,1.8vw,1.5rem);color:rgba(255,255,255,.75);text-align:right;letter-spacing:.04em}
.footer__inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;width:min(1280px,100%);margin:40px auto 40px;align-items:start;flex-shrink:0}
.footer__kolom{display:flex;flex-direction:column;gap:20px}
.footer__socials{display:flex;gap:12px;align-items:center}
.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;text-decoration:none;transition:background .2s;-webkit-tap-highlight-color:transparent}
.footer__social-link svg{width:20px;height:20px}
.footer__social-link:hover,.footer__social-link:active,.footer__social-link:focus{background:rgba(255,255,255,.20)}
.footer__contact-info{display:flex;flex-direction:column;gap:14px}
.footer__info-rij{display:flex;align-items:flex-start;gap:12px}
.footer__info-icoon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.footer__info-icoon svg{display:block;width:100%;height:100%}
.footer__info-tekst,.footer__info-link{font-family:'futura-pt',sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.5;color:rgba(255,255,255,.85);text-decoration:none;-webkit-tap-highlight-color:transparent}
.footer__info-link:hover,.footer__info-link:active,.footer__info-link:focus{color:#fff}
.footer__kolom-titel{font-family:'futura-pt',sans-serif;font-weight:600;font-size:24px;color:#fff;letter-spacing:.04em;margin:0 0 2px;text-transform:uppercase}
.footer__lijst{list-style:none!important;display:flex;flex-direction:column;gap:6px;padding:0!important;padding-inline-start:0!important;margin:0!important;margin-inline-start:0!important}
.footer__lijst li{padding:0!important;margin:0!important;list-style:none!important}
.footer__lijst-link{font-family:'futura-pt',sans-serif;font-weight:400;font-size:20px;color:rgba(255,255,255,.80);text-decoration:none;line-height:1.5;transition:color .15s;-webkit-tap-highlight-color:transparent}
.footer__lijst-link:hover,.footer__lijst-link:active,.footer__lijst-link:focus{color:#fff}
.footer__knop{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:10px 22px;border-radius:4px;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;align-self:flex-start;margin-top:8px;-webkit-tap-highlight-color:transparent}
.footer__knop--donker{background-color:#9F8F76;color:#fff}
.footer__knop--licht{background-color:#fff;color:#42113D;transition:background-color .2s,color .2s}
.footer__knop--donker:hover,.footer__knop--donker:active,.footer__knop--donker:focus{opacity:.85;color:#fff!important}
.footer__knop--licht:hover,.footer__knop--licht:active,.footer__knop--licht:focus{background-color:#f0ece8;color:#42113D!important;opacity:1}
.footer__kolom--foto{gap:16px}
.footer__foto-wrapper{border-radius:12px;overflow:hidden;width:100%;aspect-ratio:4/3;background:rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center}
.footer__foto{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.footer__credits{display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 40px;border-top:1px solid rgba(255,255,255,.10);flex-shrink:0;overflow:visible}
.footer__credits-tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:16px;color:rgba(255,255,255,.45);letter-spacing:.04em}
.footer__credits-logo{height:24px;width:auto;display:block;opacity:.55;filter:brightness(0) invert(1);transition:filter .2s,opacity .2s}
.footer__credits-logo:hover{opacity:1;filter:brightness(0) invert(66%) sepia(30%) saturate(641%) hue-rotate(-2deg) brightness(103%) contrast(29%)}
/* ══ ICONS SECTIE ═══════════════════════════════════════ */
.icons{width:100%;padding:96px 40px}
.icons--licht{background-color:#FFFFFF}
.icons--donker{background-color:#F6F6F8}
.icons__header{max-width:1120px;margin:0 auto 24px}
.icons__tag{font-family:'loretta-display',serif;font-weight:400;font-size:24px;font-style:italic;letter-spacing:.02em;color:#42113D;margin:0 0 12px 0!important;display:flex;align-items:center}
.icons__titel{margin:0!important}
.icons__titel-deel{display:inline}
.icons__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;color:#42113D;letter-spacing:-.01em;font-size:clamp(1.62rem,3.15vw,2.52rem)}
.icons__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;color:#42113D;letter-spacing:.02em;font-size:clamp(1.8rem,3.5vw,2.8rem)}
.icons__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:1120px;margin:0 auto}
.icons--licht .icons__kaart{background-color:#F6F6F8}
.icons--donker .icons__kaart{background-color:#FFFFFF}
.icons__kaart{border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}
.icons__kaart-top{display:flex;align-items:center;gap:16px}
.icons__icoon{width:32px;height:32px;flex-shrink:0;object-fit:contain;display:block;align-self:center}
.icons__kaart-titel{font-family:'futura-pt',sans-serif;font-style:normal;font-weight:600;font-size:22px;line-height:1!important;color:#42113D;margin:0!important;letter-spacing:.01em}
.icons__kaart-tekst{font-family:'futura-pt',sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:rgba(66,17,61,.75);margin:0}
@media(min-width:1920px){
.icons__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1100px){
.icons__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
.icons{padding:64px 20px}
.icons__grid{grid-template-columns:1fr}
}
@media(max-width:1100px){
.footer, .admin-bar .footer{
height:auto !important;
min-height:auto !important;
}
.footer__inner{ grid-template-columns:1fr; gap:32px; }
.footer__kolom--snelle-links{ order:1; }
.footer__kolom--kamers-kolom{ order:2; }
.footer__kolom--contact{ order:3; }
.footer__kolom--foto{ order:4; }
.footer__logo-balk{ flex:0 0 auto; }
.footer__logo-balk img{ max-height:140px; }
}
@media(max-width:640px){
.footer__logo-balk img{ max-height:100px; }
.footer__lijst--kamers{
display:flex!important;
flex-direction:column!important;
gap:6px!important;
}
}
.ph{width:100%;height:100%;background:linear-gradient(135deg,#c9c0b8,#a89e96);display:block}
.ph--donker{background:linear-gradient(135deg,#7a6a62,#5a4a42)}
.ph-wrap{width:100%;height:100%;background:linear-gradient(135deg,#c9c0b8,#a89e96);display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.4}
.slider-nav{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 40px 0}
.slider-nav__btn{width:44px;height:44px;border-radius:50%;border:1.5px solid #9F8F76;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.slider-nav__btn:hover{background:#9F8F76;border-color:#9F8F76}
.slider-nav__btn:focus,.slider-nav__btn:focus-visible{outline:none;box-shadow:none}
.slider-nav__btn:hover svg path{fill:#fff;stroke:none}
.slider-nav__btn svg{width:36px;height:24px;display:block}
.slider-nav__btn svg path{fill:#9F8F76;stroke:none}
.carrousel--licht .slider-nav{background:#FFFFFF}
.carrousel--donker .slider-nav{background:#F6F6F8}
.hero2-nav-link{-webkit-tap-highlight-color:transparent}
.hero2-nav-link:hover,.hero2-nav-link:active,.hero2-nav-link:focus { background: rgba(255,255,255,0.10) !important; border-radius:4px; }
.hero2-nav-link--boek{-webkit-tap-highlight-color:transparent}
.hero2-nav-link--boek:hover,.hero2-nav-link--boek:active,.hero2-nav-link--boek:focus { background-color: #8a7b64 !important; }
@media(min-width:1920px) {
.hero1__logo-icoon { width: 68px; height: 81px; }
.hero1__logo-naam { font-size: 21px; }
.hero1__logo-sub { font-size: 17px; }
.hero1__nav { padding: 36px 52px 26px; }
.hero1__nav-inner { gap: 31px; }
.hero1__nav-link { font-size: 18px; padding: 13px 21px; }
.hero1__nav-link--boek { padding: 13px 29px; }
.hero2-nav-logo-img { height: 126px !important; }
.hero2-nav-link { font-size: 18px !important; padding: 13px 21px !important; }
.hero2-nav-link--boek { padding: 13px 29px !important; }
.reviews__item { width: calc((100vw - 120px) / 5) !important; }
.carrousel__item { width: calc((100vw - 100px) / 4) !important; }
.footer__spacer { flex: none !important; height: 20px !important; min-height: 0 !important; }
.footer .footer__logo-balk img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 22vh !important; display: block !important; margin: 0 auto !important; }
.footer .footer__knop { height: 42px !important; padding: 10px 22px !important; font-size: 15px !important; }
}
.hero1__hamburger,.hero2__hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;z-index:100}
.hero1__hamburger span,.hero2__hamburger span{display:block;width:28px;height:2px;background:#fff;border-radius:2px;transition:all .3s}
.hero1__nav-mobile,.hero2__nav-mobile{display:none;position:fixed;inset:0;background:rgba(66,17,61,.97);z-index:999;flex-direction:column;align-items:center;justify-content:center;gap:24px}
.hero1__nav-mobile.open,.hero2__nav-mobile.open{display:flex}
.hero1__nav-mobile a,.hero2__nav-mobile a{font-family:'futura-pt',sans-serif;font-weight:600;font-size:18px;color:#fff;text-decoration:none;letter-spacing:.10em;text-transform:uppercase;padding:12px 24px;border-radius:4px;transition:background .15s;-webkit-tap-highlight-color:transparent}
.hero1__nav-mobile a:hover,.hero1__nav-mobile a:active,.hero1__nav-mobile a:focus,.hero2__nav-mobile a:hover,.hero2__nav-mobile a:active,.hero2__nav-mobile a:focus{background:rgba(255,255,255,.10)}
.hero1__nav-mobile .boek,.hero2__nav-mobile .boek{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
padding: 10px 22px !important;
border-radius: 4px !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: 15px !important;
letter-spacing: .06em !important;
text-transform: none !important;
text-decoration: none !important;
border: none !important;
cursor: pointer !important;
transition: opacity .2s !important;
background-color: #9F8F76 !important;
color: #fff !important;
margin-top: 8px !important;
}
.hero1__nav-mobile .boek:hover,.hero1__nav-mobile .boek:active,.hero1__nav-mobile .boek:focus,
.hero2__nav-mobile .boek:hover,.hero2__nav-mobile .boek:active,.hero2__nav-mobile .boek:focus{
background: #9F8F76 !important;
opacity: .85 !important;
color: #fff !important;
}
.hero1__nav-mobile .sluit,.hero2__nav-mobile .sluit{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;padding:8px}
/* ── MOBIEL MENU: zelfde stijl, altijd geldig zodra het menu open is ─── */
/* (los van vaste breakpoint, want dit overlay-menu kan ook via de */
/* dynamische navbar-overflow-detectie geopend worden op elke breedte) */
/* !important overal nodig om te garanderen dat het Kadence-thema dit */
/* nooit kan overschrijven (thema past anders bijv. zijn eigen link- */
/* hoverkleur en/of marges toe, wat inconsistentie tussen devices gaf). */
.hero1__nav-mobile {
padding: 20px !important;
}
.mobiel-nav-item { width: 100% !important; }
.mobiel-nav-link {
display: block !important;
padding: 12px 0 !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
color: #fff !important;
text-decoration: none !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
border-bottom: 1px solid rgba(255,255,255,0.15) !important;
-webkit-tap-highlight-color: transparent;
}
.mobiel-nav-link:hover,.mobiel-nav-link:active,.mobiel-nav-link:focus,.mobiel-nav-link:visited{
color: #fff !important;
}
.mobiel-nav-link-dd {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 12px 0 !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 400 !important;
font-size: 15px !important;
color: #fff !important;
text-align: left !important;
background: none !important;
border: none !important;
border-bottom: 1px solid rgba(255,255,255,0.15) !important;
cursor: pointer !important;
letter-spacing: .06em !important;
text-transform: uppercase !important;
-webkit-tap-highlight-color: transparent;
}
.mobiel-nav-link-dd:hover,.mobiel-nav-link-dd:active,.mobiel-nav-link-dd:focus{
color: #fff !important;
}
.mob-dd-arrow {
font-size: 16px !important;
transition: transform .2s !important;
flex-shrink: 0 !important;
color: #fff !important;
}
.mobiel-dropdown { display: none; padding-left: 12px !important; }
.mobiel-dropdown-item {
display: flex !important;
align-items: center !important;
gap: 6px !important;
padding: 10px 0 !important;
color: rgba(255,255,255,0.85) !important;
font-family: 'futura-pt', sans-serif !important;
font-size: 13px !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
text-decoration: none !important;
letter-spacing: .04em !important;
-webkit-tap-highlight-color: transparent;
}
.mobiel-dropdown-item:hover,.mobiel-dropdown-item:active,.mobiel-dropdown-item:focus,.mobiel-dropdown-item:visited{
color: rgba(255,255,255,0.85) !important;
}
@media(min-width:769px) and (max-width:1100px){
.reviews__item{ width:calc((100vw - 80px) / 3) !important; }
}
@media(min-width:1101px){
.admin-bar .footer {
height: calc(100vh - 32px) !important;
height: calc(100dvh - 32px) !important;
}
}
.hero1__nav-items li { position: relative; flex-shrink: 0; }
.hero1__dropdown {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background: rgba(66,17,61,0.97);
border: 1px solid rgba(255,255,255,0.12);
border-radius: 0 0 8px 8px;
padding: 8px 0;
padding-top: 8px;
margin-top: 0;
min-width: 220px;
z-index: 100;
backdrop-filter: blur(8px);
}
.hero1__nav-items li:hover .hero1__dropdown {
display: block;
}
.hero1__dropdown a {
display: flex;
align-items: center;
padding: 10px 18px;
font-family: 'futura-pt', sans-serif;
font-weight: 400;
font-size: 14px;
color: rgba(255,255,255,0.85);
text-decoration: none;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
transition: color 0.15s, background 0.15s;
}
.hero1__dropdown a:hover {
color: #ffffff;
background: rgba(255,255,255,0.08);
}
.hero1__nav-items li::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
right: 0;
height: 8px;
background: transparent;
}
.hero1__nav-link--dropdown { display: flex; align-items: center; }
.hero1__nav-link--dropdown .dropdown-arrow {
transition: transform 0.2s ease;
transform: rotate(90deg);
}
li:hover .hero1__nav-link--dropdown .dropdown-arrow {
transform: rotate(270deg);
}
.keuzeblok {
width: 100%;
background: #FFFFFF;
padding: 96px 40px;
}
.keuzeblok__inner {
max-width: 1120px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 4px;
border-radius: 16px;
overflow: hidden;
}
.keuzeblok__tegel { position: relative; overflow: hidden; }
.keuzeblok__tegel img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.4s ease;
pointer-events: none;
user-select: none;
-webkit-user-drag: none;
}
.keuzeblok__tegel:hover img {
transform: scale(1.05);
}
.keuzeblok__overlay { z-index: 1 !important; }
.keuzeblok__tegel:hover .keuzeblok__overlay {
opacity: 0;
}
.keuzeblok__titel { z-index: 2 !important; position: relative !important; }
.keuzeblok__tegel:hover .keuzeblok__titel {
opacity: 0;
}
.keuzeblok__tegel--cta {
background: #F6F6F8;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 32px;
cursor: default;
box-sizing: border-box;
}
.keuzeblok__cta-titel {
font-family: 'loretta-display', serif;
font-style: italic;
font-weight: 400;
font-size: clamp(1.2rem, 2vw, 1.8rem);
color: #42113D;
margin: 0 0 20px;
line-height: 1.2;
}
.keuzeblok__cta-titel strong {
font-family: 'futura-pt', sans-serif;
font-style: normal;
font-weight: 600;
}
.keuzeblok__cta-knop {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 10px 22px;
border-radius: 4px;
font-family: 'futura-pt', sans-serif;
font-weight: 600;
font-size: 15px;
letter-spacing: 0.06em;
text-decoration: none;
border: none;
cursor: pointer;
transition: opacity 0.2s;
background-color: #9F8F76;
color: #FFFFFF;
}
.keuzeblok__cta-knop:hover {
opacity: 0.85;
color: #FFFFFF !important;
}
@media(max-width: 768px) {
.sectie2__tag, .sectie3__tag, .sectie4__tag {
margin-bottom: 9px !important;
}
.sectie2__titel, .sectie3__titel, .sectie4__titel {
margin-bottom: 12px !important;
}
}
.sectie2--donker .sectie2__tag,
.sectie3--donker .sectie3__tag,
.sectie4--donker .sectie4__tag { color: rgba(255,255,255,0.75) !important; }
.hero1__titel--loretta,
.hero2__part--loretta,
.sectie2__titel--loretta,
.sectie3__titel--loretta,
.sectie4__titel--loretta,
.sectie5__titel--loretta,
.cta__deel--loretta,
.usp__titel--loretta,
.tijdlijn__titel--loretta,
.faq__titel--loretta,
.contact__titel--loretta {
font-size: 0.9em;
}
.sectie2--donker .sectie2__titel,
.sectie3--donker .sectie3__titel,
.sectie4--donker .sectie4__titel { color: #ffffff !important; }
.sectie2--donker .sectie2__titel--futura,
.sectie2--donker .sectie2__titel--loretta,
.sectie3--donker .sectie3__titel--futura,
.sectie3--donker .sectie3__titel--loretta,
.sectie4--donker .sectie4__titel--futura,
.sectie4--donker .sectie4__titel--loretta { color: #ffffff !important; }
.sectie2__tekstvak,
.sectie3__tekstvak,
.sectie4__tekstvak {
gap: 0 !important;
}
.sectie2__tag, .sectie3__tag, .sectie4__tag {
margin-bottom: 12px !important;
}
.sectie2__titel, .sectie3__titel, .sectie4__titel {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
.sectie2__tag, .sectie2__titel,
.sectie3__tag, .sectie3__titel,
.sectie4__tag, .sectie4__titel { padding-left: 0 !important; padding-right: 0 !important; }
.sectie2__tag,.sectie3__tag,.sectie4__tag,.sectie5__tag,
.usp__tag,.cta__deel--futura+.cta__deel--loretta {
margin-bottom: 12px !important;
}
.sectie2__titel,.sectie3__titel,.sectie4__titel,.sectie5__titel,
.cta__titel,.usp__titel {
margin-top: 0 !important;
margin-bottom: 16px !important;
}
.sectie2__tekst,.sectie3__tekst,.sectie4__tekst,.sectie5__tekst {
margin-bottom: 16px !important;
}
.hero1__titel--futura,.hero1__titel--loretta { font-size: clamp(2.4rem,5vw,4.2rem); }
.hero2__part--futura,.hero2__part--loretta { font-size: clamp(2rem,4vw,3.5rem); }
.keuzeblok__tegel:visited,.keuzeblok__tegel:hover,.keuzeblok__tegel:focus {
text-decoration: none !important;
outline: none !important;
}
.sectie5__knop {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 42px !important;
padding: 10px 22px !important;
background: #9F8F76 !important;
color: #fff !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: 15px !important;
letter-spacing: .06em !important;
text-decoration: none !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: opacity .2s !important;
}
.sectie5__knop:hover { opacity: .85 !important; color: #fff !important; }
.keuzeblok__tegel > img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
z-index: 0 !important;
}
.hero1__titel--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(2.4rem,5vw,4.2rem);color:#fff;display:inline}
.hero1__titel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:calc(clamp(2.4rem,5vw,4.2rem) * 0.9);color:#fff;display:inline}
.hero2__title{color:#fff;line-height:1.2;margin-bottom:16px}
.hero2__part--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(2rem,4vw,3.5rem);color:#fff;display:inline;letter-spacing:.02em}
.hero2__part--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:calc(clamp(2rem,4vw,3.5rem) * 0.9);color:#fff;display:inline;letter-spacing:.02em}
.cta__titel{color:#fff}
.cta__deel{display:inline}
.cta__deel--futura{font-family:'futura-pt',sans-serif;font-weight:600;font-size:clamp(1.8rem,3.5vw,2.8rem);color:#fff;display:inline}
.cta__deel--loretta{font-family:'loretta-display',serif;font-style:italic;font-weight:400;font-size:calc(clamp(1.8rem,3.5vw,2.8rem) * 0.9);color:#fff;display:inline}
.sectie2__tekstvak,.sectie3__tekstvak,.sectie4__tekstvak,.sectie5__kolom-titel{gap:0}
.sectie2__tag,.sectie3__tag,.sectie4__tag,.sectie5__tag{margin-bottom:12px}
.sectie2__titel,.sectie3__titel,.sectie4__titel,.sectie5__titel{margin-top:0;margin-bottom:16px}
.sectie2__tekst,.sectie3__tekst,.sectie4__tekst,.sectie5__tekst{margin-bottom:16px}
.sectie2__titel--loretta,.sectie3__titel--loretta,.sectie4__titel--loretta,.sectie5__titel--loretta,.usp__titel--loretta,.tijdlijn__titel--loretta,.faq__titel--loretta{font-size:0.9em}
.sectie2--donker .sectie2__tag,.sectie3--donker .sectie3__tag,.sectie4--donker .sectie4__tag{color:rgba(255,255,255,.75)}
.sectie2--donker .sectie2__titel--futura,.sectie2--donker .sectie2__titel--loretta,.sectie3--donker .sectie3__titel--futura,.sectie3--donker .sectie3__titel--loretta,.sectie4--donker .sectie4__titel--futura,.sectie4--donker .sectie4__titel--loretta{color:#fff}
.sectie4__knop,.sectie5__knop{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:10px 22px;background:#9F8F76;color:#fff;font-family:'futura-pt',sans-serif;font-weight:600;font-size:15px;letter-spacing:.06em;text-decoration:none;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s}
.sectie4__knop:hover,.sectie5__knop:hover{opacity:.85;color:#fff}
.usp__tag{margin-bottom:12px}
.usp__titel{margin-top:0;margin-bottom:16px}
.keuzeblok__tegel{position:relative;overflow:hidden;text-decoration:none}
.keuzeblok__tegel > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:0}
.keuzeblok__overlay{z-index:1}
.keuzeblok__titel{z-index:2;position:relative;font-family:'futura-pt',sans-serif;font-weight:600;text-decoration:none;border-bottom:none;outline:none}
/* ══ UNIVERSELE LORETTA 0.9x REGEL ══════════════════════ */
[class*="--loretta"] {
font-size: 0.9em !important;
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
}
[class*="--futura"] {
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
}
/* ══ HERO2 TITEL CENTREREN ═══════════════════════════════ */
/* Verwijder spacer zodat content in het midden staat */
.hero2__spacer { display: none !important; }
.hero2__content {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
width: 80% !important;
padding: 0 40px !important;
flex: none !important;
}
/* ══ BUTTONS: breedte door inhoud bepaald ════════════════ */
.hero1__knop,.hero2__btn,.sectie2__knop,.sectie3__knop,
.sectie4__knop,.sectie5__knop,.cta__knop,.usp__knop,
.carrousel__knop,.contact__knop,.footer__knop,
.keuzeblok__cta-knop {
width: auto !important;
display: inline-flex !important;
align-self: flex-start !important;
}
/* ══ SECTIE5 TAG STIJL ═══════════════════════════════════ */
.sectie5__tag {
font-family: 'loretta-display', serif !important;
font-weight: 400 !important;
font-size: 24px !important;
font-style: italic !important;
letter-spacing: .02em !important;
color: #42113D !important;
margin-bottom: 12px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* ══ USP TITEL GROOTTE: gelijk aan andere secties ════════ */
.usp__titel--futura {
font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
}
.usp__titel--loretta {
font-size: calc(clamp(1.8rem, 3.5vw, 2.8rem) * 0.9) !important;
}
/* ══ KEUZEBLOK: afbeeldingen + overlay + stijl ══════════ */
.keuzeblok__inner {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-template-rows: 1fr 1fr !important;
gap: 4px !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.keuzeblok__tegel {
position: relative !important;
overflow: hidden !important;
display: flex !important;
align-items: flex-end !important;
aspect-ratio: 16/9 !important;
text-decoration: none !important;
cursor: pointer !important;
}
.keuzeblok__tegel > img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
z-index: 0 !important;
transition: transform 0.4s ease !important;
}
.keuzeblok__tegel:hover > img { transform: scale(1.05) !important; }
.keuzeblok__overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(66,17,61,0.80) !important;
transition: opacity 0.35s ease !important;
z-index: 1 !important;
}
.keuzeblok__tegel:hover .keuzeblok__overlay { opacity: 0 !important; }
.keuzeblok__titel {
position: relative !important;
z-index: 2 !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: clamp(1.1rem, 1.8vw, 1.5rem) !important;
color: #ffffff !important;
padding: 20px 24px !important;
text-decoration: none !important;
border: none !important;
outline: none !important;
font-style: normal !important;
}
/* ══ CONTACT TAG/TITEL RUIMTE ════════════════════════════ */
.contact__tag { margin-bottom: 12px !important; }
.contact__titel { margin-top: 0 !important; margin-bottom: 16px !important; }
/* ══ CARROUSEL AFBEELDING ════════════════════════════════ */
.carrousel__afbeelding {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.carrousel__afbeelding-wrapper {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
aspect-ratio: 4/3 !important;
background: #e0ddd8 !important;
}
/* ════════════════════════════════════════════════════════
BATCH FIX — alle correcties in één keer
════════════════════════════════════════════════════════ */
/* ══ UNIVERSELE LORETTA 0.9x (overschrijft alles) ════════ */
[class*="--loretta"] {
font-size: 0.9em !important;
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
}
[class*="--futura"] {
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
}
/* ══ HERO 1: gecentreerd, knop midden ════════════════════ */
.hero1__content {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-end !important;
padding: 0 40px 80px !important;
text-align: center !important;
z-index: 2 !important;
}
.hero1__knop { align-self: center !important; }
/* ══ HERO 2: 60% van boven, gecentreerd ══════════════════ */
.hero2__content {
position: absolute !important;
top: 60% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
width: 80% !important;
padding: 0 40px !important;
flex: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
.hero2__spacer { display: none !important; }
.hero2__btn { align-self: center !important; }
/* ══ CTA: gecentreerd ════════════════════════════════════ */
.cta__content {
position: relative !important;
z-index: 2 !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 20px !important;
}
.cta__knop { align-self: center !important; }
/* ══ BUTTONS: altijd auto-breedte ════════════════════════ */
.hero1__knop, .hero2__btn, .sectie2__knop, .sectie3__knop,
.sectie4__knop, .sectie5__knop, .cta__knop, .usp__knop,
.carrousel__knop, .contact__knop, .footer__knop,
.keuzeblok__cta-knop {
width: auto !important;
display: inline-flex !important;
}
/* ══ KEUZEBLOK: afbeeldingen zichtbaar + tegel 6 links === */
.keuzeblok__inner {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-template-rows: 1fr 1fr !important;
gap: 4px !important;
border-radius: 16px !important;
overflow: hidden !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
.keuzeblok__tegel {
position: relative !important;
overflow: hidden !important;
display: flex !important;
align-items: flex-end !important;
aspect-ratio: 16/9 !important;
text-decoration: none !important;
cursor: pointer !important;
background: #42113D !important;
}
.keuzeblok__tegel > img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
z-index: 0 !important;
transition: transform 0.4s ease !important;
}
.keuzeblok__tegel:hover > img { transform: scale(1.05) !important; }
.keuzeblok__overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(66,17,61,0.80) !important;
transition: opacity 0.35s ease !important;
z-index: 1 !important;
}
.keuzeblok__tegel:hover .keuzeblok__overlay { opacity: 0 !important; }
.keuzeblok__titel {
position: relative !important;
z-index: 2 !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: clamp(1.1rem, 1.8vw, 1.5rem) !important;
color: #ffffff !important;
padding: 20px 24px !important;
text-decoration: none !important;
font-style: normal !important;
}
/* Tegel 6 (CTA): titel links uitgelijnd met knop */
.keuzeblok__tegel--cta {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 32px !important;
background: #F6F6F8 !important;
aspect-ratio: 16/9 !important;
}
.keuzeblok__cta-titel {
text-align: left !important;
margin-bottom: 16px !important;
}
/* ══ USP TITEL grootte gelijk aan andere secties ═════════ */
.usp__titel--futura {
font-size: clamp(1.8rem, 3.5vw, 2.8rem) !important;
}
/* ══ CARROUSEL: pijltjes ruimte herstellen ═══════════════ */
.carrousel__afbeelding-wrapper {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
aspect-ratio: 4/3 !important;
background: #e0ddd8 !important;
border-radius: 12px 12px 0 0 !important;
}
.carrousel__afbeelding {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.slider-nav {
padding: 20px 40px 0 !important;
}
/* ══ HALVE STERREN ═══════════════════════════════════════ */
.reviews__ster--half svg { display: block; }
/* ══ CONTACT tag/titel ruimte ═══════════════════════════ */
.contact__tag { margin-bottom: 12px !important; }
.contact__titel { margin-top: 0 !important; margin-bottom: 16px !important; }
/* ══ SECTIE5 TAG stijl ═══════════════════════════════════ */
.sectie5__tag {
font-family: 'loretta-display', serif !important;
font-weight: 400 !important;
font-size: 24px !important;
font-style: italic !important;
letter-spacing: .02em !important;
color: #42113D !important;
margin-bottom: 12px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* ════════════════════════════════════════════════════════
DEFINITIEVE BATCH FIX
════════════════════════════════════════════════════════ */
/* ══ LORETTA 0.9x IN ALLE SECTIES ════════════════════════ */
[class*="--loretta"] {
font-size: 0.9em !important;
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
}
[class*="--futura"] {
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-style: normal !important;
}
/* ══ HERO 1: verticaal + horizontaal gecentreerd ══════════ */
.hero1 { position: relative !important; }
.hero1__content {
position: absolute !important;
inset: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding: 80px 40px !important;
text-align: center !important;
z-index: 2 !important;
}
.hero1__knop { align-self: center !important; margin-top: 20px !important; }
.hero1__titel { margin-bottom: 20px !important; }
/* ══ HERO 2: 60% van boven, gecentreerd ══════════════════ */
.hero2__spacer { display: none !important; }
.hero2__content {
position: absolute !important;
top: 60% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
width: 80% !important;
padding: 0 40px !important;
flex: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
z-index: 2 !important;
}
.hero2__btn { align-self: center !important; margin-top: 20px !important; }
.hero2__title { margin-bottom: 20px !important; }
/* ══ CTA: gecentreerd ════════════════════════════════════ */
.cta__content {
position: relative !important;
z-index: 2 !important;
text-align: center !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 0 !important;
}
.cta__titel { margin-bottom: 20px !important; }
.cta__knop { align-self: center !important; }
/* ══ UNIFORME TITEL/BUTTON RUIMTE: 20px overal ═══════════ */
.hero1__titel,
.hero2__title,
.sectie2__titel, .sectie3__titel, .sectie4__titel, .sectie5__titel,
.cta__titel, .usp__titel, .faq__titel,
.tijdlijn__titel, .contact__titel,
.reviews__card-titel {
margin-bottom: 20px !important;
}
/* ══ KNOPPEN: altijd auto-breedte ════════════════════════ */
.hero1__knop, .hero2__btn, .sectie2__knop, .sectie3__knop,
.sectie4__knop, .sectie5__knop, .cta__knop, .usp__knop,
.carrousel__knop, .contact__knop, .keuzeblok__cta-knop {
width: auto !important;
display: inline-flex !important;
margin-top: 20px !important;
}
/* Footer knoppen: geen margin-top */
.footer__knop { width: auto !important; display: inline-flex !important; }
/* ══ KEUZEBLOK GRID + AFBEELDINGEN ══════════════════════ */
.keuzeblok__inner {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
grid-template-rows: 1fr 1fr !important;
gap: 4px !important;
border-radius: 16px !important;
overflow: hidden !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
.keuzeblok__tegel {
position: relative !important;
overflow: hidden !important;
display: flex !important;
align-items: flex-end !important;
aspect-ratio: 16/9 !important;
text-decoration: none !important;
cursor: pointer !important;
background: #3a0f36 !important;
}
.keuzeblok__tegel > img {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
display: block !important;
z-index: 0 !important;
transition: transform 0.4s ease !important;
}
.keuzeblok__tegel:hover > img { transform: scale(1.05) !important; }
.keuzeblok__overlay {
position: absolute !important;
inset: 0 !important;
background: rgba(66,17,61,0.80) !important;
transition: opacity 0.35s ease !important;
z-index: 1 !important;
}
.keuzeblok__tegel:hover .keuzeblok__overlay { opacity: 0 !important; }
.keuzeblok__titel {
position: relative !important;
z-index: 2 !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
font-size: clamp(1.1rem,1.8vw,1.5rem) !important;
font-style: normal !important;
color: #fff !important;
padding: 20px 24px !important;
text-decoration: none !important;
}
.keuzeblok__tegel--cta {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 32px !important;
background: #F6F6F8 !important;
aspect-ratio: 16/9 !important;
}
.keuzeblok__cta-titel { margin-bottom: 16px !important; text-align: left !important; }
/* ══ CARROUSEL AFBEELDINGEN ══════════════════════════════ */
.carrousel__afbeelding-wrapper {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
aspect-ratio: 4/3 !important;
background: #e8e5e0 !important;
border-radius: 12px 12px 0 0 !important;
}
.carrousel__afbeelding {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* ══ SLIDER PIJLTJES RUIMTE ══════════════════════════════ */
.slider-nav { padding: 20px 40px 0 !important; }
/* ══ SECTIE5 TAG ═════════════════════════════════════════ */
.sectie5__tag {
font-family: 'loretta-display', serif !important;
font-weight: 400 !important;
font-size: 24px !important;
font-style: italic !important;
letter-spacing: .02em !important;
color: #42113D !important;
margin-bottom: 12px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* ══ USP TITEL GROOTTE ═══════════════════════════════════ */
.usp__titel--futura { font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
/* ══ CONTACT TAG RUIMTE ══════════════════════════════════ */
.contact__tag { margin-bottom: 12px !important; }
/* ════ EXTRA FIXES ════════════════════════════════════════ */
/* Loretta 0.9x - extra specificiteit voor alle secties */
.hero1__titel--loretta,
.hero2__part--loretta,
.sectie2__titel--loretta, .sectie3__titel--loretta,
.sectie4__titel--loretta, .sectie5__titel--loretta,
.cta__deel--loretta, .usp__titel--loretta,
.tijdlijn__titel--loretta, .faq__titel--loretta,
.contact__titel--loretta, .reviews__titel--loretta {
font-size: 0.9em !important;
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
}
/* USP tag - zelfde stijl als andere tags */
.usp__tag {
font-family: 'loretta-display', serif !important;
font-weight: 400 !important;
font-size: 24px !important;
font-style: italic !important;
letter-spacing: .02em !important;
margin-bottom: 12px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* Carrousel: functies/button ruimte kleiner, button/pijltjes ruimte groter */
.carrousel__tag {
margin-bottom: 8px !important;
}
.carrousel__knop {
margin-top: 8px !important;
margin-bottom: 0 !important;
}
.carrousel .slider-nav {
padding-top: 32px !important;
}
/* ════ LORETTA 0.9x — ABSOLUTE WAARDEN PER SECTIE ═══════════
Methode: expliciete font-size op elke --loretta klasse
gebaseerd op 90% van de bijbehorende --futura font-size
═══════════════════════════════════════════════════════════ */
/* Hero 1: futura = clamp(2.4rem,5vw,4.2rem) → loretta = 90% */
.hero1__titel--futura { font-size: clamp(2.4rem,5vw,4.2rem) !important; }
.hero1__titel--loretta { font-size: clamp(2.16rem,4.5vw,3.78rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Hero 2: futura = clamp(2rem,4vw,3.5rem) → loretta = 90% */
.hero2__part--futura { font-size: clamp(2rem,4vw,3.5rem) !important; }
.hero2__part--loretta { font-size: clamp(1.8rem,3.6vw,3.15rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Content secties: futura = clamp(1.8rem,3.5vw,2.8rem) → loretta = 90% */
.sectie2__titel--futura,.sectie3__titel--futura,.sectie4__titel--futura,.sectie5__titel--futura {
font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
.sectie2__titel--loretta,.sectie3__titel--loretta,.sectie4__titel--loretta,.sectie5__titel--loretta {
font-size: clamp(1.62rem,3.15vw,2.52rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Icons sectie: zelfde titelgrootte als Content secties */
.icons__titel--futura {
font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
.icons__titel--loretta {
font-size: clamp(1.62rem,3.15vw,2.52rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* CTA: futura = clamp(1.8rem,3.5vw,2.8rem) → loretta = 90% */
.cta__deel--futura { font-size: clamp(1.8rem,3.5vw,2.8rem) !important; color:#fff !important;
font-family:'futura-pt',sans-serif !important; font-weight:600 !important; }
.cta__deel--loretta { font-size: clamp(1.62rem,3.15vw,2.52rem) !important; color:#fff !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* USP: futura = clamp(1.8rem,3.5vw,2.8rem) → loretta = 90% */
.usp__titel--futura { font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
.usp__titel--loretta { font-size: clamp(1.62rem,3.15vw,2.52rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Reviews kaart titel */
.reviews__titel--futura { font-size: clamp(1.4rem,2.5vw,2rem) !important; }
.reviews__titel--loretta { font-size: clamp(1.26rem,2.25vw,1.8rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* FAQ sectietitel */
.faq__titel--futura { font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
.faq__titel--loretta { font-size: clamp(1.62rem,3.15vw,2.52rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Tijdlijn titel */
.tijdlijn__titel--futura { font-size: clamp(1.6rem,3vw,2.4rem) !important; }
.tijdlijn__titel--loretta { font-size: clamp(1.44rem,2.7vw,2.16rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Contact titel */
.contact__titel--futura { font-size: clamp(1.8rem,3.5vw,2.8rem) !important; }
.contact__titel--loretta { font-size: clamp(1.62rem,3.15vw,2.52rem) !important;
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important; }
/* Keuzeblok CTA titel */
.keuzeblok__cta-titel .futura, .keuzeblok__cta-titel strong {
font-family:'futura-pt',sans-serif !important; font-weight:600 !important; font-style:normal !important; }
.keuzeblok__cta-titel .loretta, .keuzeblok__cta-titel em {
font-family:'loretta-display',serif !important; font-style:italic !important; font-weight:400 !important;
font-size: 0.9em !important; }
/* ════ USP TAG/TITEL/TEKST RUIMTES ═══════════════════════ */
.usp__tag { margin-bottom: 12px !important; }
.usp__titel { margin-top: 0 !important; margin-bottom: 16px !important; }
.usp__tekst { margin-top: 0 !important; }
/* ════ CARROUSEL: kaarten → pijltjes 1.5x groter ════════ */
.carrousel .slider-nav { padding-top: 48px !important; }
.carrousel__tag { margin-bottom: 8px !important; }
.carrousel__knop { margin-top: 8px !important; }
/* ════ USP GAP FIX ════════════════════════════════════════ */
/* usp__links heeft gap:24px - overschrijf dit */
.usp__links { gap: 0 !important; }
.usp__tag { margin-bottom: 12px !important; }
.usp__titel { margin-bottom: 16px !important; }
/* ════ FAQ VRAGEN: terugzetten naar originele grootte ═════ */
/* De universele --loretta selector vergroot de vragen */
.faq__vraag-tekst {
font-size: clamp(1.2rem,2vw,1.5rem) !important;
font-family: 'loretta-display', serif !important;
font-style: italic !important;
font-weight: 400 !important;
color: #42113D !important;
line-height: 1.3 !important;
}
/* Uitzondering: loretta selector mag faq__vraag-tekst NIET vergroten */
.faq__item [class*="--loretta"],
.faq__vraag [class*="--loretta"] {
font-size: clamp(1.2rem,2vw,1.5rem) !important;
}
/* ── CTA achtergrond cover ─────────────────────────────── */
.cta { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; }
/* ── TIJDLIJN: 2 afbeeldingen naast elkaar, altijd even groot ── */
.tijdlijn__afbeeldingen {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
margin-top: 16px !important;
}
.tijdlijn__afbeelding-wrap {
aspect-ratio: 4/3 !important;
overflow: hidden !important;
border-radius: 8px !important;
background: rgba(255,255,255,0.08) !important;
}
.tijdlijn__afbeelding-wrap img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* ── TIJDLIJN: lege afbeeldingsplekken onzichtbaar ─────── */
.tijdlijn__afbeelding-wrap:empty,
.tijdlijn__afbeelding-wrap:not(:has(img)) {
background: transparent !important;
border-radius: 0 !important;
}
/* Fallback voor browsers zonder :has() support */
.tijdlijn__afbeelding-wrap { background: transparent !important; }
.tijdlijn__afbeelding-wrap img { border-radius: 8px !important; }
/* ── TAG + TITEL BUITEN GEKLEURD VAK (sectie2, 3, 4) ────── */
/* __blok is nu de outer wrapper: geen achtergrond */
.sectie2__blok, .sectie3__blok, .sectie4__blok {
background: transparent !important;
padding: 28px 32px !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
/* __tekstvak krijgt de kleur */
.sectie2__tekstvak, .sectie3__tekstvak, .sectie4__tekstvak {
padding: 24px !important;
border-radius: 4px !important;
}
/* Lichte variant: tekstvak krijgt lichte achtergrond */
.sectie2--licht .sectie2__tekstvak,
.sectie3--licht .sectie3__tekstvak,
.sectie4--licht .sectie4__tekstvak {
background: #F6F6F8 !important;
}
/* Donkere variant: tekstvak krijgt donkere achtergrond */
.sectie2--donker .sectie2__tekstvak,
.sectie3--donker .sectie3__tekstvak,
.sectie4--donker .sectie4__tekstvak {
background: #42113D !important;
}
/* Sectie zelf: achtergrond wit/transparant (kleur zit nu alleen in tekstvak) */
.sectie2--licht, .sectie3--licht, .sectie4--licht { background: #ffffff !important; }
.sectie2--donker, .sectie3--donker, .sectie4--donker { background: #ffffff !important; }
/* Tag en titel kleuren per variant */
.sectie2--licht .sectie2__tag, .sectie3--licht .sectie3__tag, .sectie4--licht .sectie4__tag,
.sectie2--donker .sectie2__tag, .sectie3--donker .sectie3__tag, .sectie4--donker .sectie4__tag {
color: #42113D !important;
}
.sectie2--licht .sectie2__titel--futura, .sectie2--licht .sectie2__titel--loretta,
.sectie3--licht .sectie3__titel--futura, .sectie3--licht .sectie3__titel--loretta,
.sectie4--licht .sectie4__titel--futura, .sectie4--licht .sectie4__titel--loretta,
.sectie2--donker .sectie2__titel--futura, .sectie2--donker .sectie2__titel--loretta,
.sectie3--donker .sectie3__titel--futura, .sectie3--donker .sectie3__titel--loretta,
.sectie4--donker .sectie4__titel--futura, .sectie4--donker .sectie4__titel--loretta {
color: #42113D !important;
}
/* Tekst en knop kleuren IN het tekstvak */
.sectie2--donker .sectie2__tekst, .sectie3--donker .sectie3__tekst, .sectie4--donker .sectie4__tekst,
.sectie2--donker .sectie2__tekst p, .sectie3--donker .sectie3__tekst p, .sectie4--donker .sectie4__tekst p {
color: #ffffff !important;
}
/* ── TAG + TITEL: margin-left gelijk aan tekstvak padding ── */
/* Tekstvak padding = 24px, dus tag/titel schuiven 24px naar rechts
zonder de breedte van het blok te beïnvloeden */
.sectie2__tag, .sectie2__titel,
.sectie3__tag, .sectie3__titel,
.sectie4__tag, .sectie4__titel {
margin-left: 24px !important;
}
/* ── CONTACT KNOP: correcte hover state ──────────────────── */
/* De knop gebruikt background-color, niet background */
.contact__knop:hover {
opacity: 0.85 !important;
background-color: #9F8F76 !important;
color: #fff !important;
text-decoration: none !important;
}
/* ── SECTIE BLOK: geen zijdelingse padding (kolommen grenzen aan elkaar) ── */
.sectie2__blok, .sectie3__blok, .sectie4__blok {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* ── TAG + TITEL: padding-left zodat ze uitgelijnd blijven met tekstvak ── */
/* Tekstvak heeft padding: 24px, dus tag/titel krijgen ook padding-left: 24px */
/* Dit vervangt de margin-left die we eerder hadden ingesteld */
.sectie2__tag, .sectie2__titel,
.sectie3__tag, .sectie3__titel,
.sectie4__tag, .sectie4__titel {
margin-left: 0 !important;
padding-left: 24px !important;
padding-right: 24px !important;
box-sizing: border-box !important;
}
/* ── TEKSTVAK BORDER RADIUS per positie ─────────────────── */
/* Afbeelding rechts: blok staat links → rechterhoeken tekstvak = 0 */
.sectie2--rechts .sectie2__tekstvak,
.sectie3--rechts .sectie3__tekstvak,
.sectie4--rechts .sectie4__tekstvak {
border-radius: 4px 0 0 4px !important;
}
/* Afbeelding links: blok staat rechts → linkerhoeken tekstvak = 0 */
.sectie2--links .sectie2__tekstvak,
.sectie3--links .sectie3__tekstvak,
.sectie4--links .sectie4__tekstvak {
border-radius: 0 4px 4px 0 !important;
}
/* ── DONKER VARIANT: off-white achtergrond op sectie ─────── */
.sectie2--donker, .sectie3--donker, .sectie4--donker {
background: #F6F6F8 !important;
}
/* ── CONTENT 1-2 (sectie3): gelijke kolomhoogtes ─────────── */
/* align-items:stretch zodat beide kolommen even lang zijn */
.sectie3__inner { align-items: stretch !important; }
.sectie3__afbeeldingvak {
overflow: hidden !important;
}
.sectie3__afbeelding {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* ── CONTENT XL (sectie4): gelijke kolomhoogtes ─────────── */
.sectie4__inner { align-items: stretch !important; }
.sectie4__afbeeldingvak {
overflow: hidden !important;
display: flex !important;
flex-direction: column !important;
}
.sectie4__afbeelding-item {
flex: 1 !important;
overflow: hidden !important;
min-height: 0 !important;
}
.sectie4__afbeelding {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* ── CONTENT XL (sectie4): gelijke hoogte kolommen ──────── */
.sectie4 { overflow: hidden !important; }
.sectie4__inner {
align-items: stretch !important;
grid-template-rows: 1fr !important;
}
.sectie4__blok {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.sectie4__tekstvak {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.sectie4__afbeeldingvak {
height: 100% !important;
display: flex !important;
flex-direction: column !important;
gap: 3vh !important;
overflow: hidden !important;
}
.sectie4__afbeelding-item {
flex: 1 !important;
overflow: hidden !important;
min-height: 0 !important;
}
.sectie4__afbeelding-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* ════ SECTIE4 (Content XL) DEFINITIEVE FIX ══════════════ */
section.sectie4 .sectie4__inner {
display: grid !important;
gap: 0 !important;
grid-template-columns: 1fr 1fr !important;
align-items: stretch !important;
max-width: 1120px !important;
margin: 0 auto !important;
}
section.sectie4 .sectie4__blok {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
padding: 0 !important;
}
section.sectie4 .sectie4__tekstvak {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
padding: 28px 32px !important;
height: 100% !important;
box-sizing: border-box !important;
}
section.sectie4--licht .sectie4__tekstvak { background: #F6F6F8 !important; }
section.sectie4--donker .sectie4__tekstvak { background: #42113D !important; }
section.sectie4--rechts .sectie4__tekstvak { border-radius: 4px 0 0 4px !important; }
section.sectie4--links .sectie4__tekstvak { border-radius: 0 4px 4px 0 !important; }
section.sectie4 .sectie4__afbeeldingvak {
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
overflow: hidden !important;
height: 100% !important;
}
section.sectie4 .sectie4__afbeelding-item {
flex: 1 !important;
overflow: hidden !important;
min-height: 0 !important;
}
section.sectie4 .sectie4__afbeelding-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
section.sectie4 .sectie4__tag,
section.sectie4 .sectie4__titel {
padding-left: 24px !important;
margin-left: 0 !important;
}
/* ════════════════════════════════════════════════════════
SECTIE4 CONTENT XL — DEFINITIEF, ÉÉNMALIG
════════════════════════════════════════════════════════ */
.sectie4 { overflow: hidden !important; }
.sectie4__inner {
display: grid !important;
gap: 0 !important;
max-width: 1120px !important;
margin: 0 auto !important;
align-items: stretch !important;
grid-template-columns: 1fr 1fr !important;
grid-template-rows: auto !important;
min-height: 0 !important;
}
.sectie4__blok {
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
flex: unset !important;
height: auto !important;
min-height: 0 !important;
align-self: stretch !important;
}
.sectie4__tekstvak {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
padding: 28px 32px !important;
box-sizing: border-box !important;
height: 100% !important;
}
.sectie4--licht .sectie4__tekstvak { background: #F6F6F8 !important; }
.sectie4--donker .sectie4__tekstvak { background: #42113D !important; }
.sectie4--rechts .sectie4__tekstvak { border-radius: 4px 0 0 4px !important; }
.sectie4--links .sectie4__tekstvak { border-radius: 0 4px 4px 0 !important; }
.sectie4--donker .sectie4__tekst,
.sectie4--donker .sectie4__tekst p { color: #fff !important; }
.sectie4__afbeeldingvak {
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
overflow: hidden !important;
align-self: stretch !important;
min-height: 0 !important;
}
.sectie4__afbeelding-item {
flex: 1 !important;
overflow: hidden !important;
min-height: 0 !important;
display: block !important;
}
.sectie4__afbeelding-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.sectie4__tag, .sectie4__titel { padding-left: 24px !important; }
.sectie4__knop { display: inline-flex !important; width: auto !important; }
/* ════════════════════════════════════════════════════════
MOBIEL — max-width: 480px
════════════════════════════════════════════════════════ */
@media screen and (max-width: 480px) {
/* ── LOGO SWAP ────────────────────────────────────────── */
.hero1__logo-desktop { display: none !important; }
.hero1__logo-mobiel { display: block !important; width: auto !important; }
/* ── HERO NAVBAR: logo en hamburger even groot ────────── */
.hero1__nav-inner {
display: flex !important;
flex-direction: row !important;
justify-content: space-between !important;
align-items: center !important;
padding: 16px 20px !important;
}
.hero1__logo-mobiel { height: 36px !important; }
.hero1__hamburger {
display: flex !important;
width: 36px !important;
height: 36px !important;
align-items: center !important;
justify-content: center !important;
}
.hero1__hamburger span { width: 22px !important; }
.hero1__nav-items { display: none !important; }
/* ── HERO achtergrond fill ────────────────────────────── */
.hero1__bg, .hero2__bg {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.hero1, .hero2 { background-size: cover !important; background-position: center !important; }
/* ── UNIVERSELE HEADING GROOTTE ──────────────────────── */
.hero1__titel--futura, .hero2__part--futura,
.sectie2__titel--futura, .sectie3__titel--futura,
.sectie4__titel--futura, .sectie5__titel--futura,
.cta__deel--futura, .usp__titel--futura,
.faq__titel--futura, .tijdlijn__titel--futura,
.contact__titel--futura {
font-size: clamp(2rem, 9vw, 2.8rem) !important;
}
.hero1__titel--loretta, .hero2__part--loretta,
.sectie2__titel--loretta, .sectie3__titel--loretta,
.sectie4__titel--loretta, .sectie5__titel--loretta,
.cta__deel--loretta, .usp__titel--loretta,
.faq__titel--loretta, .tijdlijn__titel--loretta,
.contact__titel--loretta {
font-size: calc(clamp(2rem, 9vw, 2.8rem) * 0.9) !important;
}
/* Reviews en carrousel titels even groot als andere */
.reviews__titel--futura, .carrousel__titel {
font-size: clamp(1.6rem, 7vw, 2.2rem) !important;
font-family: 'futura-pt', sans-serif !important;
font-weight: 600 !important;
}
.reviews__titel--loretta {
font-size: calc(clamp(1.6rem, 7vw, 2.2rem) * 0.9) !important;
}
/* Carrousel functies 2x zo groot */
.carrousel__tag { font-size: 16px !important; }
/* ── CONTENT 2-3: kolommen onder elkaar ───────────────── */
.sectie2__inner { display: flex !important; flex-direction: column !important; }
.sectie2__blok { order: 1 !important; width: 100% !important; padding: 0 !important; }
.sectie2__afbeeldingvak { order: 2 !important; width: 100% !important; }
.sectie2__afbeeldingvak img { width: 100% !important; height: 260px !important; object-fit: cover !important; display: block !important; }
.sectie2__tekstvak { border-radius: 8px 8px 0 0 !important; padding: 24px 20px !important; }
.sectie2__afbeeldingvak img { border-radius: 0 0 8px 8px !important; }
/* ── CONTENT 1-2: kolommen onder elkaar ───────────────── */
.sectie3__inner { display: flex !important; flex-direction: column !important; }
.sectie3__blok { order: 1 !important; width: 100% !important; padding: 0 !important; }
.sectie3__afbeeldingvak { order: 2 !important; width: 100% !important; }
.sectie3__afbeeldingvak { height: 260px !important; overflow: hidden !important; }
.sectie3__afbeelding { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.sectie3__tekstvak { border-radius: 8px 8px 0 0 !important; padding: 24px 20px !important; }
.sectie3__afbeeldingvak { border-radius: 0 0 8px 8px !important; overflow: hidden !important; }
/* ── CONTENT XL: 3 rijen ──────────────────────────────── */
.sectie4__inner { display: flex !important; flex-direction: column !important; }
.sectie4__blok { order: 1 !important; width: 100% !important; height: auto !important; padding: 0 !important; }
.sectie4__afbeeldingvak { order: 2 !important; width: 100% !important; height: auto !important; flex-direction: column !important; }
.sectie4__afbeelding-item { width: 100% !important; height: 200px !important; flex: none !important; }
.sectie4__afbeelding-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.sectie4__tekstvak { border-radius: 8px 8px 0 0 !important; padding: 24px 20px !important; height: auto !important; }
.sectie4__afbeelding-item:first-child { border-radius: 0 !important; }
.sectie4__afbeelding-item:last-child { border-radius: 0 0 8px 8px !important; overflow: hidden !important; }
/* ── CONTENT 1-3: 3 rijen ─────────────────────────────── */
.sectie5__inner { display: flex !important; flex-direction: column !important; }
.sectie5__kolom-titel { order: 1 !important; padding: 24px 20px 0 !important; }
.sectie5__kolom-tekst { order: 2 !important; padding: 12px 20px !important; }
.sectie5__kolom-afbeelding { order: 3 !important; }
.sectie5__afbeelding { width: 100% !important; height: 240px !important; object-fit: cover !important; border-radius: 0 0 8px 8px !important; }
/* ── KEUZEBLOK: 1 kolom, zijmarges gelijk ────────────── */
.keuzeblok { padding: 0 20px !important; }
.keuzeblok__inner { display: flex !important; flex-direction: column !important; border-radius: 8px !important; gap: 2px !important; overflow: hidden !important; }
.keuzeblok__tegel { aspect-ratio: 16/7 !important; width: 100% !important; }
.keuzeblok__tegel--cta { aspect-ratio: auto !important; min-height: 140px !important; padding: 24px 20px !important; }
.keuzeblok__titel { font-size: clamp(1.4rem, 5vw, 1.8rem) !important; }
.keuzeblok__cta-titel strong,
.keuzeblok__cta-titel em { font-size: clamp(1.4rem, 5vw, 1.8rem) !important; }
/* ── USP: kolommen onder elkaar ──────────────────────── */
.usp__inner { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.usp__links { order: 1 !important; width: 100% !important; }
.usp__rechts { order: 2 !important; width: 100% !important; padding-top: 16px !important; }
/* ── REVIEWS: 1 kaart schermvullend ──────────────────── */
.reviews__track-wrapper { overflow-x: scroll !important; }
.reviews__track { display: flex !important; flex-wrap: nowrap !important; }
.reviews__item { min-width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; flex-shrink: 0 !important; margin-right: 16px !important; scroll-snap-align: start !important; }
/* ── CARROUSEL: 1 kaartje schermvullend ──────────────── */
.carrousel__track-wrapper { overflow-x: scroll !important; }
.carrousel__track { display: flex !important; flex-wrap: nowrap !important; }
.carrousel__item { min-width: calc(100vw - 40px) !important; max-width: calc(100vw - 40px) !important; flex-shrink: 0 !important; margin-right: 16px !important; scroll-snap-align: start !important; }
/* ── FAQ: zijmarges gelijk aan andere secties ────────── */
.faq { padding-left: 20px !important; padding-right: 20px !important; }
.faq__inner { padding-left: 0 !important; padding-right: 0 !important; }
/* ── TIJDLIJN: zijmarges gelijk + meer breedte ────────── */
.tijdlijn__inner { padding: 40px 20px !important; }
.tijdlijn__item { grid-template-columns: 56px 1fr !important; gap: 16px !important; }
.tijdlijn__cirkel { width: 56px !important; height: 56px !important; min-width: 56px !important; }
.tijdlijn__afbeeldingen { grid-template-columns: 1fr !important; }
/* ── HERO: logo + hamburger 20px van rand ────────────── */
.hero1__nav-inner { padding: 20px !important; }
/* ── UNIFORME ZIJMARGES + ADEMRUIMTE ALLE SECTIES ───────── */
.hero1__content { padding-left: 20px !important; padding-right: 20px !important; }
.hero2__content { padding-left: 20px !important; padding-right: 20px !important; width: 100% !important; box-sizing: border-box !important; transform: translate(-50%, -50%) !important; left: 50% !important; }
/* Contact bovenruimte = 96px desktop → 48px mobiel = maatstaf */
.contact { padding: 48px 20px !important; }
.contact__inner { padding: 0 !important; }
/* Content 2-3 en 1-2: 48px boven/onder, afbeelding tot rand */
.sectie2 { padding: 48px 0 !important; }
.sectie3 { padding: 48px 0 !important; }
.sectie2__blok, .sectie3__blok { padding: 0 20px !important; }
.sectie2__tekstvak, .sectie3__tekstvak { padding: 24px 20px !important; border-radius: 8px 8px 0 0 !important; }
.sectie2__afbeeldingvak, .sectie3__afbeeldingvak { margin: 0 20px !important; }
.sectie2__afbeeldingvak img { width: 100% !important; height: 260px !important; object-fit: cover !important; border-radius: 0 0 8px 8px !important; display: block !important; }
.sectie3__afbeeldingvak { height: 260px !important; overflow: hidden !important; border-radius: 0 0 8px 8px !important; }
.sectie3__afbeelding { width: 100% !important; height: 100% !important; object-fit: cover !important; }
/* Content XL: onder elkaar, 48px ademruimte, afbeelding tot rand */
.sectie4 { padding: 48px 0 !important; overflow: visible !important; }
.sectie4__inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
gap: 0 !important;
}
.sectie4__blok {
order: 1 !important;
width: 100% !important;
height: auto !important;
padding: 0 20px !important;
display: flex !important;
flex-direction: column !important;
}
.sectie4__tekstvak {
border-radius: 8px 8px 0 0 !important;
padding: 24px 20px !important;
height: auto !important;
flex: none !important;
}
.sectie4__afbeeldingvak {
order: 2 !important;
width: calc(100% - 40px) !important;
margin: 0 20px !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
}
.sectie4__afbeelding-item {
width: 100% !important;
height: 220px !important;
flex: none !important;
overflow: hidden !important;
}
.sectie4__afbeelding-item:first-child { border-radius: 0 !important; }
.sectie4__afbeelding-item:last-child { border-radius: 0 0 8px 8px !important; }
.sectie4__afbeelding-item img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
/* Content 1-3 */
.sectie5 { padding: 48px 20px !important; }
.sectie5__afbeelding { border-radius: 0 0 8px 8px !important; }
/* CTA */
.cta { padding-left: 20px !important; padding-right: 20px !important; }
.cta__content { padding-left: 0 !important; padding-right: 0 !important; }
/* USP: 48px ademruimte */
.usp { padding: 48px 20px !important; }
/* Keuzeblok: 48px ademruimte + 20px zijkanten */
.keuzeblok { padding: 48px 20px !important; }
.keuzeblok__titel { font-size: clamp(1.6rem, 6vw, 2rem) !important; }
.keuzeblok__cta-titel strong,
.keuzeblok__cta-titel em { font-size: clamp(1.6rem, 6vw, 2rem) !important; }
/* Reviews en carrousel */
.reviews { padding-left: 20px !important; }
.carrousel { padding-left: 20px !important; }
/* FAQ: 48px ademruimte */
.faq { padding: 48px 20px !important; }
.faq__inner { padding: 0 !important; max-width: 100% !important; }
/* Tijdlijn: 48px ademruimte, 20px zijkanten (bolletjes links, tekst rechts) */
.tijdlijn { padding: 0 !important; }
.tijdlijn__inner { padding: 48px 20px !important; box-sizing: border-box !important; }
.tijdlijn__item { grid-template-columns: 56px 1fr !important; gap: 12px !important; }
/* Lege afbeeldingsplaats verbergen */
.tijdlijn__afbeelding-wrap:not(:has(img)) { display: none !important; }
.tijdlijn__afbeeldingen:not(:has(img)) { display: none !important; }
/* Footer */
.footer { padding-left: 20px !important; padding-right: 20px !important; }
.footer__inner { padding-left: 0 !important; padding-right: 0 !important; }
/* ── SECTIE4 XL: hoge specificiteit override voor grid → flex ── */
section.sectie4 .sectie4__inner,
.sectie4__inner {
display: flex !important;
flex-direction: column !important;
grid-template-columns: unset !important;
width: 100% !important;
max-width: 100% !important;
gap: 0 !important;
}
section.sectie4 .sectie4__blok,
.sectie4__blok {
order: 1 !important;
width: 100% !important;
height: auto !important;
padding: 0 20px !important;
flex: none !important;
}
section.sectie4 .sectie4__tekstvak,
.sectie4__tekstvak {
border-radius: 8px 8px 0 0 !important;
padding: 24px 20px !important;
height: auto !important;
flex: none !important;
}
section.sectie4 .sectie4__afbeeldingvak,
.sectie4__afbeeldingvak {
order: 2 !important;
width: calc(100% - 40px) !important;
margin: 0 20px !important;
height: auto !important;
display: flex !important;
flex-direction: column !important;
gap: 3px !important;
align-self: auto !important;
}
section.sectie4 .sectie4__afbeelding-item,
.sectie4__afbeelding-item {
width: 100% !important;
height: 220px !important;
flex: none !important;
overflow: hidden !important;
min-height: 0 !important;
}
/* Afbeeldingen sectie2 en sectie3: 20px van rechter rand */
.sectie2__afbeeldingvak,
.sectie3__afbeeldingvak {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
/* Desktop: logo swap reset */
@media screen and (min-width: 481px) {
.hero1__logo-desktop { display: block !important; }
.hero1__logo-mobiel { display: none !important; }
}
/* ── SLIDER NAV: terug naar origineel formaat, paars stijl ─ */
.slider-nav__btn {
width: 44px !important;
height: 44px !important;
border-radius: 50% !important;
background: transparent !important;
border: 1.5px solid #42113D !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background .2s, border-color .2s !important;
}
.slider-nav__btn svg path {
fill: #42113D !important;
}
.slider-nav__btn:hover {
background: #42113D !important;
border-color: #42113D !important;
}
.slider-nav__btn:hover svg path {
fill: #fff !important;
}
/* ── NAVBAR: dropdown items op gelijke hoogte ─────────────── */
.hero1__nav-items li {
display: flex !important;
align-items: center !important;
}
.hero1__nav-link,
.hero1__nav-link--dropdown {
display: flex !important;
align-items: center !important;
height: 100% !important;
}
/* ── SLIDER PIJL: groot binnen cirkel, vaste maat ─────────── */
.slider-nav__btn {
padding: 0 !important;
width: 44px !important;
height: 44px !important;
flex-shrink: 0 !important;
}
.slider-nav__btn svg {
width: 36px !important;
height: 13px !important;
display: block !important;
flex-shrink: 0 !important;
}
/* ── SLIDER PIJL: 20px breed ───────────────────────────── */
.slider-nav__btn svg {
width: 20px !important;
height: 7px !important;
display: block !important;
flex-shrink: 0 !important;
}