/* Lingestein Support theme V28 */
/*
Theme Name: Lingestein Support
Theme URI: https://lingesteinsupport.nl/
Author: Lingestein Support
Description: Rustige, warme zakelijke WordPress-basis voor Lingestein Support. Inhoud blijft bewerkbaar via de WordPress blok-editor.
Version: 35.16.0
Text Domain: lingestein-support
*/
:root{--navy:#0E1B4D;--navy2:#1A2E6B;--gold:#C9A84C;--gold2:#E0C278;--cream:#FAFAF7;--off:#F2F0E8;--ink:#18213b;--muted:#5d6578;--max:1180px;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Jost,system-ui,sans-serif;font-weight:400;line-height:1.7;font-size:17px}a{color:var(--navy2);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}p{margin:0 0 1.1em}.site-header{background:var(--cream);border-bottom:1px solid rgba(14,27,77,.09);position:relative;z-index:10}.header-inner{max-width:var(--max);margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-branding a{display:block}.site-branding img{display:block;width:auto;max-width:190px;max-height:105px}.custom-logo-link img{max-height:100px;width:auto}.main-nav ul{list-style:none;display:flex;align-items:center;gap:28px;margin:0;padding:0}.main-nav a{font-family:Cinzel,serif;font-size:13px;letter-spacing:.05em;color:var(--navy);text-transform:none}.main-nav a:hover{text-decoration:none;color:var(--gold)}.language-switcher{font-family:Jost,sans-serif;font-size:13px;margin-left:6px;white-space:nowrap}.language-switcher a,.language-switcher .language-current{font-family:Jost,sans-serif;font-size:13px}.language-switcher .language-current{font-weight:500;color:var(--gold)}.site-main{min-height:55vh}.container{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}.hero{background:var(--cream);padding:92px 0 105px}.hero--navy{background:var(--navy);color:#fff}.hero-grid{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:center}.hero h1,.page-title,h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.02em;color:var(--navy);margin:.1em 0 .28em}.hero--navy h1{color:#fff}.lead{font-size:21px;line-height:1.65;max-width:760px}.eyebrow{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--gold);margin-bottom:18px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:1px solid var(--navy);font-family:Jost,sans-serif;font-weight:500;font-size:15px;line-height:1.2;text-decoration:none!important;transition:.2s ease}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy2)}.btn-secondary{background:transparent;color:var(--navy)}.hero--navy .btn-primary{background:var(--gold);border-color:var(--gold);color:var(--navy)}.text-link{font-weight:500}.section{padding:86px 0}.section-soft{background:var(--off)}.section-navy{background:var(--navy);color:#fff}.section-heading{margin-bottom:42px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section h2,h2{font-family:Cinzel,serif;font-weight:600;color:var(--navy);font-size:clamp(23px,2.4vw,32px);line-height:1.25;margin:0 0 20px}.section-navy h2{color:#fff}.section h3,h3{font-family:Cinzel,serif;font-weight:600;color:var(--navy);font-size:18px;line-height:1.35;margin:0 0 10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.card{padding:10px 0}.card+.card{border-left:1px solid rgba(14,27,77,.13);padding-left:34px}.num{font-family:Cinzel,serif;color:var(--gold);font-size:13px;letter-spacing:.1em;margin-bottom:14px}.results{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 70px}.result{padding-top:22px;border-top:1px solid rgba(14,27,77,.14)}.result:last-child{grid-column:1/-1;max-width:560px}.result strong{display:block;font-family:Cinzel,serif;color:var(--navy);font-size:18px;margin-bottom:7px}.photo-frame{margin:0}.photo-frame img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover}.about-strip{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.about-strip .photo-frame img{aspect-ratio:4/5}.quote{font-family:"Cormorant Garamond",Georgia,serif;font-size:31px;line-height:1.25;color:var(--navy)}.cta-band{text-align:center;padding:88px 0}.cta-band p{max-width:680px;margin:0 auto 28px}.testimonials-wrap{max-width:1050px;margin:auto}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.testimonial-card{background:var(--cream);padding:30px}.testimonial-card .photo-frame img{aspect-ratio:3/1;object-fit:contain;margin-bottom:22px}.testimonial-card blockquote{font-family:"Cormorant Garamond",Georgia,serif;font-size:25px;line-height:1.3;margin:0 0 20px;color:var(--navy)}.testimonial-name{font-weight:500;margin:0}.testimonial-company{font-size:14px;color:var(--muted);margin:0}.service-detail{padding:86px 0;border-top:1px solid rgba(14,27,77,.12)}.service-detail:first-of-type{border-top:0}.service-grid{display:grid;grid-template-columns:.35fr 1fr;gap:70px}.service-result{margin-top:32px;padding-top:20px;border-top:1px solid rgba(14,27,77,.16)}.service-result span{display:block;font-family:Cinzel,serif;color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.service-result strong{font-family:Cormorant Garamond,Georgia,serif;font-size:28px;font-weight:400;line-height:1.25;color:var(--navy)}.service-list{padding-left:20px}.service-list li{margin-bottom:7px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;padding:86px 0}.contact-details{padding-top:5px}.contact-item{margin:0 0 24px}.contact-label{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:var(--gold);display:block}.form-card{background:var(--off);padding:38px}.form-card label{display:block;font-family:Jost,sans-serif;font-size:15px;font-weight:500;margin:0 0 7px}.form-card input,.form-card textarea{width:100%;padding:12px 13px;border:1px solid rgba(14,27,77,.2);background:#fff;font:inherit;margin-bottom:20px}.form-card textarea{min-height:150px;resize:vertical}.check{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important;margin-bottom:20px!important}.check input{width:auto;margin:5px 0 0}.form-status{padding:14px 16px;background:#fff;border-left:3px solid var(--gold);margin-bottom:20px}.site-footer{background:var(--navy);color:#fff;padding:62px 0 28px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr;gap:50px}.footer-brand img{width:auto;max-width:180px;max-height:100px;margin-bottom:18px}.footer-heading{font-family:Cinzel,serif;color:var(--gold2);font-size:13px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:7px}.footer-bottom{margin-top:45px;padding-top:20px;border-top:1px solid rgba(255,255,255,.17);font-size:13px;display:flex;justify-content:space-between;gap:20px}.legal-page .site-main{max-width:920px;margin:auto}.legal-page .section{padding-top:70px}.legal-page h1{font-size:54px}.legal-page h2{margin-top:36px}.wp-block-group.container{max-width:var(--max);margin:auto}.wp-block-buttons{margin-top:0}.wp-block-image{margin:0}.wp-block-image img{display:block}.entry-content>*{max-width:var(--max);margin-left:auto;margin-right:auto}.entry-content>.alignfull{max-width:none}.entry-content>.alignwide{max-width:var(--max)}.admin-note{padding:12px 16px;background:var(--off);border-left:3px solid var(--gold);font-size:14px}
@media(max-width:900px){.hero{padding:70px 0 80px}.hero-grid,.about-strip,.contact-grid,.service-grid{grid-template-columns:1fr;gap:42px}.hero-grid .photo-frame{max-width:520px}.cards,.testimonial-grid{grid-template-columns:1fr}.card+.card{border-left:0;border-top:1px solid rgba(14,27,77,.13);padding-left:0;padding-top:28px}.results{grid-template-columns:1fr;gap:25px}.result:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.main-nav ul{gap:18px}.header-inner{padding:17px 22px}}
@media(max-width:640px){body{font-size:16px}.container{padding-left:20px;padding-right:20px}.header-inner{align-items:flex-start}.site-branding img{max-width:145px}.main-nav ul{flex-wrap:wrap;justify-content:flex-end;gap:8px 14px}.main-nav a{font-size:11px}.hero{padding:58px 0 68px}.hero h1,h1{font-size:48px}.lead{font-size:18px}.actions{align-items:stretch;flex-direction:column}.actions .btn,.actions .text-link{text-align:center;width:100%}.section{padding:65px 0}.quote{font-size:27px}.contact-grid{padding:65px 0}.form-card{padding:25px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column}.legal-page h1{font-size:46px}}


.form-status{margin:0 0 1.5rem;padding:1rem 1.25rem;border-left:3px solid var(--gold);background:var(--offwhite);font-weight:500}.form-status-error{border-left-color:var(--navy)}


.hero .container{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:70px;align-items:center}.hero-copy{min-width:0}.hero-image{overflow:hidden}.hero-image img{display:block;width:100%;height:100%;min-height:520px;max-height:650px;object-fit:cover}.hero-image{aspect-ratio:4/3}.hero-image img{aspect-ratio:4/3}
@media(max-width:900px){.hero .container{grid-template-columns:1fr;gap:38px}.hero-image{max-width:620px}.hero-image img{min-height:0}}


/* V21 — editorial, integrated photography layout */
.hero .container{display:block;max-width:1180px}
.v21-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:68px;align-items:center}
.v21-hero-copy{min-width:0;padding:18px 0}
.v21-hero-image{margin:0;overflow:hidden;position:relative;min-height:520px;aspect-ratio:4/3}
.v21-hero-image img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center}
.v21-hero-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(201,168,76,.18);pointer-events:none}
.v21-about-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:72px;align-items:center}
.v21-about-story-copy{min-width:0}
.v21-about-story-image,.v21-portrait{margin:0;overflow:hidden}
.v21-about-story-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.v21-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.v21-personal-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);gap:70px;align-items:start}
.v21-personal-copy{min-width:0}
.v21-photo-caption{margin-top:10px;font-size:12px;color:var(--muted);letter-spacing:.04em}
.v21-photo-empty{display:none}
@media(max-width:900px){
 .v21-hero-grid,.v21-about-story,.v21-personal-grid{grid-template-columns:1fr;gap:38px}
 .v21-hero-image{min-height:0;max-width:620px}
 .v21-hero-image img{min-height:0}
 .v21-about-story-image{max-width:620px}
 .v21-portrait{max-width:520px}
}


/* V22 — robust photo placement: the image is injected into the existing hero/sections */
.v21-hero-image{grid-column:2;grid-row:1;margin:0;overflow:hidden;position:relative;min-height:520px;aspect-ratio:4/3;display:block}
.v21-hero-copy{grid-column:1;grid-row:1}
.v21-hero-image img{display:block!important;width:100%!important;height:100%!important;min-height:520px!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.hero .container > .v21-hero-image{display:block}
.v21-about-story-image{display:block;grid-column:2;grid-row:1}
.v21-portrait{display:block;grid-column:1;grid-row:1}
@media(max-width:900px){
 .v21-hero-image{grid-column:1;grid-row:auto;min-height:0;max-width:620px}
 .v21-hero-image img{min-height:0!important;height:auto!important}
 .v21-about-story-image,.v21-portrait{grid-column:1;grid-row:auto;max-width:620px}
}


/* V23 — guaranteed visible hero photography without relying on block-comment injection */
.hero:after{box-sizing:border-box;}
@media(max-width:900px){
  .hero:after{order:2;}
}


/* V29 — integrated Noor portrait on home and robust Lingestein house story image */
.site-branding a{display:flex;align-items:center;gap:14px;text-decoration:none!important}
.site-branding .brand-copy{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}
.site-branding .brand-copy strong{font-family:Cormorant Garamond,Georgia,serif;font-size:25px;font-weight:500;color:var(--navy)}
.site-branding .brand-copy small{font-family:Jost,sans-serif;font-size:11px;color:var(--gold);letter-spacing:.03em;margin-top:4px}
.site-branding img{max-width:74px!important;max-height:74px!important}

/* Hero: keep the photo calm, visible and softly blended into the cream background. */
.ls-page-home .hero:after,.ls-page-over-mij .hero:after,.ls-page-diensten .hero:after,.ls-page-contact .hero:after{
  width:46%;right:0;top:0;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center; 
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 9%,#000 22%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 9%,#000 22%,#000 100%);
}
.ls-page-home .hero:after{background-position:right center;background-size:92% auto;background-color:var(--cream);}
.ls-page-over-mij .hero:after{background-position:center 28%;}
.ls-page-home .hero .container,.ls-page-over-mij .hero .container,.ls-page-diensten .hero .container,.ls-page-contact .hero .container{padding-right:52%;}

/* About story: the house photo is part of the story, not a floating card. */
.ls-page-over-mij .v21-about-story-image img{aspect-ratio:2.17/1;object-fit:cover;object-position:center;}
.ls-page-over-mij .v21-about-story-image{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 92%,transparent 100%);}
.ls-page-over-mij .v21-portrait{max-width:360px;}
.ls-page-over-mij .v21-portrait img{aspect-ratio:4/5;object-fit:cover;}

/* Personal photo on home: smaller and naturally blended. */
.ls-page-home .v21-portrait{max-width:300px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);}
.ls-page-home .v21-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center 34%;}

/* All editorial photos use feathered edges so they read as part of the page rather than as pasted-in rectangles. */
.v21-about-story-image,.v21-portrait{overflow:hidden;}
.v21-about-story-image img,.v21-portrait img{display:block;}
.v21-about-story-image{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);}
.v21-portrait{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 10%,#000 90%,transparent 100%);}

/* Wide atmospheric image before the footer, softly fading into the page. */
.ls-bottom-photo{position:relative;width:100%;height:250px;overflow:hidden;background:var(--off);}
.ls-bottom-photo:before,.ls-bottom-photo:after{content:"";position:absolute;left:0;right:0;z-index:2;pointer-events:none;height:78px;}
.ls-bottom-photo:before{top:0;background:linear-gradient(to bottom,var(--cream) 0%,rgba(250,250,247,.72) 32%,rgba(250,250,247,0) 100%);}
.ls-bottom-photo:after{bottom:0;background:linear-gradient(to top,var(--navy) 0%,rgba(14,27,77,.10) 42%,rgba(14,27,77,0) 100%);opacity:.30;}
.ls-bottom-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.88);}

@media(max-width:900px){
 .site-branding .brand-copy strong{font-size:21px}
 .site-branding .brand-copy small{font-size:10px}
 .site-branding img{max-width:62px!important;max-height:62px!important}
 .ls-page-home .hero:after,.ls-page-over-mij .hero:after,.ls-page-diensten .hero:after,.ls-page-contact .hero:after{position:relative;width:100%;height:300px;right:auto;top:auto;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 78%,transparent 100%);}
 .ls-page-home .hero .container,.ls-page-over-mij .hero .container,.ls-page-diensten .hero .container,.ls-page-contact .hero .container{padding-right:28px;}
 .ls-bottom-photo{height:190px}
}
@media(max-width:640px){
 .site-branding .brand-copy strong{font-size:18px}
 .site-branding .brand-copy small{font-size:9px}
 .site-branding img{max-width:54px!important;max-height:54px!important}
 .ls-bottom-photo{height:160px}
}


/* V29 — home portrait softly integrated into the hero atmosphere */
.ls-page-home .hero{position:relative;overflow:hidden;}
.ls-page-home .hero .container{position:relative;z-index:2;}
.ls-home-portrait-overlay{position:absolute;z-index:3;right:3.5%;bottom:-3%;width:min(34%,430px);height:92%;margin:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 86%,transparent 100%);}
.ls-home-portrait-overlay img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.92);}
/* Let the portrait and office scene read as one calm composition. */
.ls-page-home .hero:after{width:58%;right:0;background-position:right center;background-size:92% auto;background-color:var(--cream);opacity:.96;}
.ls-page-home .hero .container{padding-right:50%;}

/* About: the parental-home image is part of the story and softly fades into the page. */
.ls-about-house-integrated{width:100%;margin:28px 0 8px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);}
.ls-about-house-integrated img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover;object-position:center 48%;}
@media(max-width:900px){
 .ls-home-portrait-overlay{position:relative;right:auto;bottom:auto;width:min(78%,420px);height:360px;margin:22px auto 0;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 82%,transparent 100%);}
 .ls-page-home .hero .container{padding-right:28px;}
 .ls-about-house-integrated{margin-top:20px;}
 .ls-about-house-integrated img{max-height:300px;}
}
@media(max-width:640px){
 .ls-home-portrait-overlay{width:92%;height:320px;}
 .ls-about-house-integrated img{max-height:250px;}
}


/* V31 — the Home hero image already contains Noor, the Lingestein house and the mug; avoid duplicate overlays. */
.ls-page-home .ls-home-portrait-overlay,.ls-page-home .ls-home-house-overlay{display:none!important;}

/* V31 — subtle Lingestein house on home; smaller house image on About */
.ls-home-house-overlay{position:absolute;z-index:2;right:1.5%;top:8%;width:min(31%,470px);height:68%;margin:0;overflow:hidden;opacity:.38;pointer-events:none;-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.95) 0%,#000 62%,transparent 100%);mask-image:linear-gradient(to left,rgba(0,0,0,.95) 0%,#000 62%,transparent 100%);}
.ls-home-house-overlay img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) brightness(1.04);}
.ls-page-home .ls-home-portrait-overlay{z-index:4;right:8%;width:min(30%,390px);height:88%;}
.ls-page-home .hero .container{z-index:5;}

/* Keep the parental-home image present but visually secondary, with text flowing around it. */
.ls-about-house-integrated{float:right;width:36%;max-width:430px;margin:8px 0 24px 48px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);}
.ls-about-house-integrated img{display:block;width:100%;height:auto;max-height:230px;object-fit:cover;object-position:center;}
.ls-about-house-integrated::after{content:"";position:absolute;inset:0;border-top:1px solid rgba(201,168,76,.18);border-bottom:1px solid rgba(201,168,76,.10);pointer-events:none;}
@media(max-width:900px){
 .ls-home-house-overlay{position:absolute;width:58%;height:48%;right:0;top:8%;opacity:.26;}
 .ls-page-home .ls-home-portrait-overlay{right:5%;width:48%;height:70%;}
 .ls-about-house-integrated{float:none;width:100%;max-width:620px;margin:20px 0 26px;}
 .ls-about-house-integrated img{max-height:300px;}
}
@media(max-width:640px){
 .ls-home-house-overlay{width:72%;height:42%;top:8%;opacity:.22;}
 .ls-page-home .ls-home-portrait-overlay{right:3%;width:55%;height:58%;}
 .ls-about-house-integrated img{max-height:240px;}
}

/* V31 final home-photo correction: use the supplied clean wide photo without cropping Noor. */
.ls-page-home .hero:after{
  width:68%;
  right:0;
  background-position:right center;
  background-size:contain;
  background-repeat:no-repeat;
  background-color:var(--cream);
  opacity:1;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 10%,#000 30%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 10%,#000 30%,#000 100%);
}

/* English Home uses the same ls-page-home alias, so it receives the identical photo and placement. */
.ls-page-home .hero .container{padding-right:50%;}

@media(max-width:900px){
  .ls-page-home .hero:after{
    width:100%;
    height:320px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  }
  .ls-page-home .hero .container{padding-right:28px;}
}

/* V33.1 — reposition the existing homepage photo slightly to the right.
   Keep the supplied photo unchanged; reveal more of Noor's face and left side of her body. */
.ls-page-home .hero:after{
  background-position:calc(100% + 55px) center;
}
@media(max-width:900px){
  .ls-page-home .hero:after{background-position:calc(100% + 28px) center;}
}

/* V33.2 — final homepage photo framing: show the supplied image at full height
   without horizontal cropping, keeping Noor fully visible. */
.ls-page-home .hero:after{
  background-size:auto 100%;
  background-position:right center;
  background-repeat:no-repeat;
}
@media(max-width:900px){
  .ls-page-home .hero:after{
    background-size:auto 100%;
    background-position:center center;
    background-repeat:no-repeat;
  }
}

/* V34 — Dutch About text-flow correction.
   Preserve the existing image overflow/fade effect while reserving readable space
   for the text around the floating image. */
.ls-page-over-mij .entry-content {
  overflow: visible;
}
.ls-page-over-mij .ls-about-house-integrated {
  float: right;
  position: relative;
  z-index: 0;
  shape-outside: margin-box;
  -webkit-shape-outside: margin-box;
}
.ls-page-over-mij .entry-content p,
.ls-page-over-mij .entry-content h2,
.ls-page-over-mij .entry-content h3,
.ls-page-over-mij .entry-content ul,
.ls-page-over-mij .entry-content ol {
  position: relative;
  z-index: 1;
}
@media (min-width:901px) {
  .ls-page-over-mij .ls-about-house-integrated {
    margin-left: 52px;
    margin-bottom: 28px;
  }
}


/* V34.1 — shared Over mij layout for Dutch and English.
   The text area reserves the same right-hand space as the English layout.
   This is structural rather than manual line-breaking, so future text edits reflow safely. */
@media (min-width:901px) {
  body.ls-page-over-mij .hero .container,
  body.ls-page-about .hero .container {
    display:block !important;
    width:100% !important;
    max-width:1180px !important;
    padding-right:47% !important;
    padding-left:28px !important;
    box-sizing:border-box !important;
  }
  body.ls-page-over-mij .hero .container > *,
  body.ls-page-about .hero .container > * {
    max-width:none !important;
    width:100% !important;
    box-sizing:border-box !important;
  }
}
@media (max-width:900px) {
  body.ls-page-over-mij .hero .container,
  body.ls-page-about .hero .container {
    padding-right:var(--gutter,24px) !important;
  }
}


/* V35.2 — Over mij (NL): tekstterugloop in de hero hersteld.
   De Nederlandse pagina mist in de blokinhoud de binnenste <div class="container">
   die de Engelse pagina wel heeft. Daardoor golden de bestaande regels voor
   ".hero .container" niet en liep de tekst over de hele breedte, over de foto heen.
   Deze regels geven de binnencontainer van de NL-hero exact dezelfde tekstzone als
   de Engelse versie. Alleen de NL Over mij-pagina wordt geraakt. */
body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)){
  position:relative;
  z-index:1;
  display:block;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding-left:28px;
  padding-right:28px;
  box-sizing:border-box;
}
body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)) > *{
  position:relative;
  z-index:2;
}
@media (min-width:901px){
  body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)){
    width:100%;
    padding-right:47%;
  }
  body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)) > *{
    max-width:none;
    width:100%;
    box-sizing:border-box;
  }
}
@media (max-width:900px){
  body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)){
    padding-right:var(--gutter,24px);
  }
}
@media (max-width:640px){
  body.ls-page-over-mij:not(.ls-page-about) .hero > .wp-block-group__inner-container:not(:has(> .container)){
    padding-left:20px;
  }
}


/* V35.7 — De V35.2-noodoplossing hierboven werkt alleen nog zolang de NL Over mij-hero
   géén binnenste .container heeft. Na het plakken van de nieuwe blokcode heeft de NL-pagina
   dezelfde opbouw als de Engelse en gelden automatisch de gedeelde V34.1-regels. */

/* V35.3 — Homepage (NL en EN): hero-foto naar rechts geschoven zodat Noor volledig
   in beeld staat. Alleen de uitsnede van de foto verandert; formaat, plaats en
   zachte overloop blijven gelijk. De extra "body" is nodig om de inline
   fotostijl uit functions.php te overschrijven. Alleen desktop; mobiel blijft gelijk. */
@media (min-width:901px){
  body.ls-page-home .hero:after{
    background-position:15% center;
  }
}


/* V35.16 — certificaat onder het eigen logo in de footer.
   Even groot als het footerlogo (max. 180 × 100 px) op een lichte ondergrond,
   zodat ook donkere of gekleurde certificaatlogo's goed zichtbaar zijn op navy. */
.footer-cert{margin-top:26px;}
.footer-cert .footer-heading{margin-bottom:10px;}
.footer-cert-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--cream);padding:8px;border-radius:4px;box-shadow:0 0 0 1px rgba(201,168,76,.45);line-height:0;}
.footer-cert-badge img{display:block;width:auto;height:auto;max-width:164px;max-height:84px;margin:0;}
a.footer-cert-badge:hover{box-shadow:0 0 0 1px var(--gold);text-decoration:none;}