/* Klantlaag Martijn Scholtens. Hun site is licht en zwart-wit (#272727 tekst, #f6f6f6 vlakken, zwart accent).
   Drager: bijna-zwart #1c1c1c. Accent: antraciet #3e3e3e uit hun stylesheet. Geen kleur toegevoegd. */
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/CormorantGaramond-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/CormorantGaramond-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{
  --ink:#1c1c1c;
  --petrol:#3e3e3e;
  --accent:#3e3e3e;
  --tint:#f6f6f6;
  --tint2:#efefef;
  --salie:#d9d9d9;
  --bg:#fafafa;
  --accent-donker:#0e0e0e;
  --petrol-donker:#272727;
  --ink-donker:#0e0e0e;
  --tekst:#3e3e3e;
  --tint3:#e7e7e7;
  --op-accent:#ffffff;
  --accent-rgb:62,62,62;
  --petrol-rgb:62,62,62;
  --ink-rgb:28,28,28;
  --serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
}
h1,h2,.hero-titel,.cta-blok h2,.cta-donker h2,.product-hero h1,.pagina-hero h1{font-family:var(--serif);font-weight:600;letter-spacing:0}
h2{font-size:38px;line-height:1.2}
@media(max-width:640px){h2{font-size:30px}}
.hero-titel{font-weight:600}

.logo-plateau .logo-beeld{max-width:260px;height:auto}
@media(max-width:900px){.logo-plateau .logo-beeld{max-width:170px}}

/* hero: hele foto, geen lijnen, schaduwteksten of pijlen */
.hero-lijnen,.hero-schaduwtekst,.hero-pijl{display:none!important}
@media(max-width:900px){
  .hero-baan .hero-dia:nth-child(1){background-image:url('../img/hero-1-m.webp')!important}
  .hero-baan .hero-dia:nth-child(2){background-image:url('../img/hero-2-m.webp')!important}
  .hero-baan .hero-dia:nth-child(3){background-image:url('../img/hero-3-m.webp')!important}
}
/* donkere knop blijft zichtbaar op een donkere foto */
.knop-accent{box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}

/* foto naast het formulier */
.calc-foto{position:relative;min-height:420px;overflow:hidden;background:#fff}
.calc-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(min-width:1024px){.hero-met-form>#offerte-samenstellen .calc-foto{display:none}}
@media(max-width:960px){.calc-foto{min-height:240px}}
.product-intro{color:rgba(255,255,255,.9);margin:10px 0 4px;font-size:20px;font-family:var(--serif);font-style:italic}
.product-kaart-beeld img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}

/* klantnamen in de strook */
.merk-namen .keurmerk-vak{font-family:var(--serif);font-weight:600;font-size:19px;color:var(--ink);letter-spacing:.01em}

/* logo in de zwarte footer: zelfde bestand, op een lichte ondergrond */
.footer-logo{display:inline-block;background:#fff;border-radius:14px;padding:12px 18px}
.footer-logo img{max-height:46px;width:auto}
.footer .footer-logo .logo-beeld-donker{filter:none!important;opacity:1!important}

/* menu van de klant: compacter, telefoon pas op brede schermen */
:root{--nav-gap:18px}
@media(max-width:1599px){.nav .nav-tel{display:none}}
@media(max-width:900px){.hero .google-badge{display:none}}