/* Shadow Brows – user.css */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("playfair-display-latin.woff2") format("woff2")}
@font-face{font-family:"Pacifico";font-style:normal;font-weight:400;font-display:swap;src:url("pacifico-latin.woff2") format("woff2")}
:root{--sb-tekst:#161616;--sb-groen:#649a5f;--sb-rand:#f0a07a;--sb-roze:#fdf1ee}
body{font-family:"Playfair Display",Georgia,serif;color:var(--sb-tekst)}
p,li{font-size:1.3rem;line-height:1.6}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:900;color:var(--sb-tekst)}
h3{font-size:1.9rem}
.container-header{background:linear-gradient(135deg,#000 0%,#1a1838 45%,#3d3a70 100%);background-image:linear-gradient(135deg,#000 0%,#1a1838 45%,#3d3a70 100%)}
.container-header a,.container-header .mod-menu a{color:var(--sb-groen);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem}
.container-header .navbar-brand img,.container-header .brand-logo img{max-height:110px;width:auto}
.container-header .site-description{display:none}
.slogan{font-family:Pacifico,cursive;font-size:2.4rem;line-height:1.3;display:inline-block;margin:1rem 0;background:linear-gradient(transparent 65%,#c7c39b 65%)}
.kader{border:1px solid var(--sb-rand);background:#fff;padding:2.5rem}
.kader h3{margin-top:0}
.hero{display:flex;align-items:center;gap:2rem;margin:3rem 0}
.hero img{width:46%;height:auto;flex:none}
.hero .kader{flex:1}
.hero-2{flex-direction:row}
.hero-2 .kader{flex:1}
.kaders{display:flex;gap:2rem;align-items:flex-start;margin:3rem 0}
.kaders .kader{flex:1}
.kaders .stappenplan p{font-size:1rem;margin:0 0 1rem}
.kaders .nazorg li,.kaders .nazorg p{font-size:1rem}
.prijzen-blok{background:var(--sb-roze);max-width:640px}
.prijzen-blok h3{text-align:center;padding:1.5rem 1rem;margin:0;background:#fff5f2}
.prijzenlijst{width:100%;border:0;margin:0}
.prijzenlijst td{border:0;padding:1rem 2rem;font-size:1.3rem;background:transparent}
.prijzenlijst td.prijs{text-align:right;font-weight:900}
@media (min-width:768px) and (prefers-reduced-motion:no-preference){
 @supports (animation-timeline:view()){
  .hero-1 .kader{opacity:.7;color:#444;animation:sb-naar-foto linear both;animation-timeline:scroll(root);animation-range:0 380px}
  @keyframes sb-naar-foto{to{transform:translateX(-6rem);opacity:1;color:#000}}
 }
}
@media (max-width:767px){.hero,.kaders{flex-direction:column}.hero img{width:100%}}

/* Artikelkop, meta-info en zijbalk-titels verbergen */
.com-content-article>.page-header,.com-content-article .article-info,.com-content-article>h1,.com-content-article>h2{display:none}
.breadcrumbs,.mod-breadcrumbs__wrapper{display:none}
.sidebar-right .card-header{display:none}
.contact h1,.contact .page-header{display:none}

.pagenavigation,.pager,nav.pagenavigation{display:none}

/* Menu in header */
.container-header .container-nav,.container-header nav{background:transparent}
.container-header .mod-menu,.container-header .mod-menu li,.container-header .mod-menu a,.container-header .mod-menu a:link,.container-header .mod-menu a:visited,.container-nav .mod-menu a{color:#649a5f !important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:1rem;background:transparent}
.container-header .mod-menu a:hover,.container-header .mod-menu .current>a,.container-header .mod-menu .active>a{color:#8bc286 !important;text-decoration:none;border-bottom:1px solid #649a5f}
.container-header .mod-menu{gap:1.25rem}

/* Contactpagina: 2 kolommen, formulier links, gegevens rechts */
.com-contact{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:3rem;align-items:start}
.com-contact>.page-header,.com-contact__container,.com-contact>h2:nth-of-type(2),.com-contact__form legend,.com-contact__miscinfo dt{display:none}
.com-contact>h2:nth-of-type(1){grid-column:1;grid-row:1;font-size:2.4rem}
.com-contact__form{grid-column:1;grid-row:2}
.com-contact__miscinfo{grid-column:2;grid-row:2;padding-top:.5rem}
.com-contact__miscinfo dd{margin:0}
.com-contact__miscinfo a{color:var(--sb-tekst);font-weight:900;text-decoration:underline}
.com-contact .form-horizontal.well{background:transparent;border:0;padding:0}
.com-contact input.form-control,.com-contact textarea,.com-contact select{border:1px solid #333;border-radius:0;padding:1rem;font-family:inherit;font-size:1.3rem;line-height:1.5}
.com-contact label,.com-contact .form-text,.com-contact .star{font-size:1.3rem;font-family:inherit;font-weight:400;line-height:1.6}
.com-contact .btn-primary{background:#fff;color:var(--sb-tekst);border:1px solid var(--sb-rand);border-radius:0;padding:.9rem 2rem;font-family:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.03em}
.com-contact .btn-primary:hover{background:var(--sb-roze)}
@media (max-width:767px){.com-contact{grid-template-columns:1fr}.com-contact__miscinfo{grid-column:1;grid-row:3;margin-top:2rem}}
/* Prijzen: groot half transparant logo als achtergrond */
.itemid-102 .com-content-article__body{position:relative;min-height:340px}
.itemid-102 .com-content-article__body::before{content:"";position:absolute;right:0;top:0;width:52%;height:100%;background:url(/images/logo.webp) right center/contain no-repeat;opacity:.55;z-index:0;pointer-events:none}
.itemid-102 .prijzen-blok{position:relative;z-index:1}
@media (max-width:767px){.itemid-102 .com-content-article__body::before{display:none}}

.com-contact ::placeholder{font-family:inherit;font-size:1.3rem}
.com-contact .btn-primary{font-size:1.15rem}
.com-contact__miscinfo,.com-contact__miscinfo *{font-family:inherit}
.com-contact__miscinfo,.com-contact__miscinfo dd,.com-contact__miscinfo .contact-misc,.com-contact__miscinfo p{font-size:1.3rem;line-height:1.6}
.com-contact__miscinfo p{margin:0 0 1.2rem}

/* Homepage: alle drie de blokken op hetzelfde 2-kolommenraster */
.hero,.kaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:center;margin:3rem 0}
.kaders{align-items:start}
.hero img{width:100%;height:auto;max-width:100%;flex:none}
.hero .kader,.kaders .kader{width:100%;box-sizing:border-box}
@media (max-width:767px){.hero,.kaders{grid-template-columns:1fr}}

/* Prijstabel: elke rij automatisch goed opgemaakt, ook nieuwe rijen zonder klasse */
.prijzenlijst,.prijzenlijst tbody,.prijzenlijst tr{border:0;background:transparent}
.prijzenlijst td{border:0;padding:1rem 2rem;font-size:1.3rem;vertical-align:middle}
.prijzenlijst td:last-child{text-align:right;font-weight:900;white-space:nowrap}