/* Aanvullingen voor de herpositionering 2026 (branch DGR-2026). Op elke pagina na de pagina-CSS geladen. */

/* Knop "Mijn Groene Ruyt" in het menu */
#top-menu li.menu-mijn a span{display:inline-block;margin-top:-7px;padding:4px 14px;background:#aadb24;border-radius:20px;color:#fff;font-family:'Lato',Helvetica,Arial,sans-serif;font-weight:700;line-height:1.4;box-shadow:inset 0 0 18px 0 rgba(0,0,0,.3);transition:background-color .2s ease}
#top-menu li.menu-mijn a:hover span{background:#94c21a}
#top-menu li.menu-mijn>a:hover{opacity:1}
.et_mobile_menu li.menu-mijn a{color:#4a6d00;font-weight:600}

/* Blok "Wat we hier leerden" op projectpagina's */
.dgr-les{margin:0 auto 40px;padding:28px 32px!important;background:#f3f7ea;border-left:4px solid #aadb24}
.dgr-les h3{margin:0 0 10px;padding:0;color:#4a6d00;font-size:22px;font-weight:600}
.dgr-les p{padding:0;margin:0 0 10px}
.dgr-les p:last-child{margin-bottom:0}
.dgr-les a{color:#4a6d00;font-weight:600}

/* Blok "Kennis delen" op de homepage en verwijzingen naar Mijn Groene Ruyt */
.dgr-kennis{padding:32px 36px!important;background:#f3f7ea;border-left:4px solid #aadb24}
.dgr-kennis h2{margin:0 0 12px;color:#4a6d00}
.dgr-knop{margin-top:12px}

/* Lijst met diensten op de homepage */
.dgr-diensten{list-style:disc outside;padding:0 0 10px 1.2em!important;margin:0}
.dgr-diensten li{padding:0 0 10px!important}

@media (max-width:980px){
  .dgr-les,.dgr-kennis{padding:22px 20px!important}
}

/* Extra logo's in "De Groene Ruyt werkt samen met" */
/* partnerlogo's: gelijke vakken, onvolledige laatste rij gecentreerd */
.dgr-logos{--per-rij:5;display:flex;flex-wrap:wrap;justify-content:center;gap:34px 40px}
.dgr-logo-cel{flex:0 0 calc((100% - (var(--per-rij) - 1) * 40px) / var(--per-rij));display:flex;align-items:center;justify-content:center;height:90px}
.dgr-logo-cel a,.dgr-logo-cel .et_pb_image_wrap{display:block;width:100%;height:100%}
.dgr-logo-cel img{display:block;width:100%!important;height:100%!important;max-width:180px;margin:0 auto;object-fit:contain}
@media (max-width:980px){.dgr-logos{--per-rij:3}}
@media (max-width:767px){.dgr-logos{--per-rij:2;gap:24px 40px}.dgr-logo-cel{height:70px}}

/* Projectfoto vierkant maken als het bronbeeld dat niet is (kaartjes op Praktijk) */
img.dgr-vierkant{width:100%;aspect-ratio:1/1;object-fit:cover}

/* Blokken met één grote foto naast tekst + twee kleine foto's: de grote foto vult de hele kolomhoogte,
   zodat de onderkanten gelijk lopen, ook als de tekst ernaast langer of korter is. */
@media (min-width:981px){
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child,
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child a,
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child .et_pb_image_wrap{display:block;height:100%}
  .et_pb_row.et_pb_equal_columns>.et_pb_column:not(.text_thumbs)>.et_pb_image:only-child img{height:100%;object-fit:cover}
}

/* Eén tekstgrootte voor lopende tekst: 16px. Groter blijven alleen de introtekst in de kop (22px)
   en de openingsalinea "Over dit project" op projectpagina's (18px). */
.dgr-kennis p,.dgr-les p{font-size:16px;line-height:1.8em}
.home .et_pb_text_5,.home .et_pb_text_6,.home .et_pb_text_7{font-size:16px;line-height:1.8em}
.page-id-50 .et_pb_text_3,.page-id-50 .et_pb_text_4,.page-id-50 .et_pb_text_5,.page-id-50 .et_pb_text_6{font-size:16px;line-height:1.8em}
.page-id-54 .et_pb_text_inner h2.dgr-categorie+p{font-size:16px;line-height:1.8em;color:#555}
.single-project .et_pb_section_1 .et_pb_text:not(.et_pb_text_3):not(.et_pb_text_4) p{font-size:16px;line-height:1.8em}

/* Eén knopstijl voor de hele site: groene pil met witte, vette tekst (zoals "Naar dit project").
   Geldt voor Divi-knoppen, "Lees verder", eigen knoppen, formulierknoppen, nieuwsbrief en zoeken.
   De e-mailknop in het adresblok blijft een tekstlink. */
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]),
html body #page-container#page-container .et_pb_section a.et_pb_button:not([href^="mailto:"]),
html body #page-container#page-container .et_pb_contact_submit,
html body #page-container#page-container .et_pb_section .et_pb_contact_submit,
a.dgr-knop,
.egn button,
.wp-block-search__button{
  display:inline-block;
  background:#aadb24!important;
  color:#fff!important;
  border:0!important;
  border-radius:20px!important;
  padding:.3em 1em!important;
  font-family:'Lato',Helvetica,Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.7em!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:inset 0 0 18px 0 rgba(0,0,0,.3)!important;
  transition:background-color .2s ease!important;
  cursor:pointer;
}
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):hover,
html body #page-container#page-container .et_pb_section a.et_pb_button:not([href^="mailto:"]):hover,
html body #page-container#page-container .et_pb_contact_submit:hover,
a.dgr-knop:hover,
.egn button:hover,
.wp-block-search__button:hover{background:#94c21a!important;color:#fff!important;padding:.3em 1em!important;letter-spacing:normal!important}
/* Geen verspringend pijltje bij hover: alle knoppen gedragen zich gelijk */
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):after,
html body #page-container#page-container a.et_pb_button:not([href^="mailto:"]):before,
html body #page-container#page-container .et_pb_contact_submit:after,
html body #page-container#page-container .et_pb_contact_submit:before{display:none!important}
.wp-block-search__button svg{fill:#fff}

/* Leesbare tekst over headerfoto's: half doorzichtig wit vlak met donkere letters.
   1) grote fotokoppen (Divi fullwidth header), 2) koppen met tekstblokken (Praktijk, Over ons, projectpagina's). */
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
.et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:has(>.et_pb_bg_layout_dark){
  /* geen backdrop-filter: die gaf lichte strepen in het vlak bij hover over het menu */
  background:rgba(255,255,255,.58);
  padding:28px 30px!important;
  border-radius:4px;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content :is(h1,h2,h3,p,li,span,strong,a:not(.et_pb_button)),
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark :is(h1,h2,h3,p,li,span,strong,a){
  color:#2b2b2b!important;
  text-shadow:none!important;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_fullwidth_header_subhead{color:#4a6d00!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper>p:first-child:empty,
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper>p:first-child:has(br:only-child){display:none}
@media (max-width:980px){
  .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:has(>.et_pb_bg_layout_dark){padding:20px 22px!important}
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead{line-height:1.35!important}

/* Eerste kop in elk headervlak gelijk: Lato, normaal gewicht (zoals op de homepage) */
.et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{
  font-family:'Lato',Helvetica,Arial,sans-serif!important;
  font-size:60px!important;
  font-weight:500!important;
  line-height:1.2em!important;
  letter-spacing:normal!important;
}
@media (max-width:980px){
  .et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
  .et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{font-size:42px!important}
}
@media (max-width:767px){
  .et_pb_fullwidth_header .header-content :is(h1,h2).et_pb_module_header,
  .et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark h1{font-size:34px!important}
}

/* Headervlakken overal gelijk gepositioneerd: rechts op de inhoudskolom, maximaal 650px breed.
   Op projectpagina's staat het blokje met projectgegevens links ernaast. */
.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content-container{width:100%!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content{
  float:none!important;margin-left:auto!important;margin-right:0!important;
  max-width:650px!important;width:auto!important;text-align:left!important;
}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content *{text-align:left!important}
.et_pb_section_0.et_pb_with_background>.et_pb_row{margin-left:auto!important;margin-right:auto!important}
@media (min-width:981px){
  .et_pb_section_0.et_pb_with_background>.et_pb_row{display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start}
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column{margin-right:0!important;margin-left:0!important;float:none}
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column_empty{display:none}
}
.et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:first-child:has(>.et_pb_bg_layout_dark){max-width:650px}
.page-id-56 .et_pb_section_0.et_pb_section{padding-top:28px!important}

/* Over ons: het verhaal van de oprichters direct onder de kop, boven het team */
.dgr-intro-rij{padding-bottom:10px!important}
.dgr-intro p{font-size:18px;line-height:1.8em;max-width:820px}

/* Titelvlakken gelijk: groene streep voor elke titel, ondertitel 22px schuin, introtekst 20px */
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_module_header{border-left:10px solid #aadb24;padding-left:16px!important}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_fullwidth_header_subhead{font-size:22px!important;font-style:italic!important;line-height:1.35!important;margin-top:10px}
.et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content .et_pb_header_content_wrapper :is(p,li),
.et_pb_section_0.et_pb_with_background .et_pb_bg_layout_dark p{font-size:20px!important;line-height:1.8em!important}

/* Diensten: eigen kopfoto en het aanbod als tegels (Methode houdt de vier fasen met foto's) */
.dgr-diensten-pagina .et_pb_fullwidth_header.et_pb_fullwidth_header_0{background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%),url(/assets/img/2024/03/Klinkenbelt_06.jpg)!important;background-position:center 30%!important}
.dgr-tegels-sectie{padding:10px 0 60px!important}
.dgr-tegels{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.dgr-tegels-breed{grid-template-columns:repeat(2,1fr);margin-top:28px}
.dgr-tegel{background:#fff;border-top:4px solid #aadb24;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:26px 28px 22px}
.dgr-tegel-licht{background:#f3f7ea;box-shadow:none}
.dgr-tegel h3{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:24px;font-weight:500;color:#2b2b2b;padding:0 0 10px;line-height:1.25}
.dgr-tegel p{font-size:16px;line-height:1.8em;padding-bottom:10px}
.dgr-tegel p:last-child{padding-bottom:0}
.dgr-tegel-icoon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#f3f7ea;color:#4a6d00;margin:0 0 14px}
.dgr-tegel-icoon svg{display:block}
.dgr-tegel-logo{display:block;height:84px;width:auto;margin:4px 0 6px}
/* knop onderaan, zodat de knoppen in naast elkaar staande tegels gelijk lopen */
.dgr-tegels-breed .dgr-tegel{display:flex;flex-direction:column}
.dgr-tegels-breed .dgr-tegel p:has(>.dgr-knop){margin-top:auto}
@media (max-width:980px){.dgr-tegels{grid-template-columns:repeat(2,1fr)}.dgr-tegels-breed{grid-template-columns:1fr}}
@media (max-width:767px){.dgr-tegels{grid-template-columns:1fr}}

/* Contact: rustiger kleurgebruik; lichtgroene band onderaan, neutraal formulier */
.page-id-58 .et_pb_section_2.et_pb_section,.page-id-58 .et_pb_section_3.et_pb_section{background-color:#f3f7ea!important}
.page-id-58 .et_pb_text_0 h2{color:#2b2b2b!important;font-weight:500;border-left:6px solid #aadb24;padding-left:14px}
.page-id-58 .et_pb_contact_form_0 .input{background-color:#fff!important;border:1px solid #dcdcdc!important;color:#2b2b2b!important}
.page-id-58 .et_pb_contact_form_0 .input:focus{border-color:#aadb24!important;outline:none}
.page-id-58 .et_pb_contact_form_0 .input::placeholder{color:#8a8a8a!important}
.page-id-58 .et_pb_contact_form_0 .input::-webkit-input-placeholder{color:#8a8a8a!important}
.page-id-58 .et_pb_contact_form_0 .input::-moz-placeholder{color:#8a8a8a!important}
.page-id-58 .dgr-nb-kaart{box-shadow:0 2px 14px rgba(0,0,0,.08)}
.page-id-58 .et_pb_column_3{background-color:transparent!important}
.page-id-58 ul.et_pb_social_media_follow_0{background-image:radial-gradient(circle at center,rgba(255,255,255,0) 30%,#f3f7ea 100%)!important}
/* lege band tussen formulier en nieuwsbrief: alleen de golfrand */
.page-id-58 .et_pb_section_2.et_pb_section{padding:100px 0 0!important}
.page-id-58 .et_pb_text_2 h2{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:36px!important;color:#2b2b2b!important;border-left:6px solid #aadb24;padding-left:14px}
.page-id-58 .et_pb_divider_0{display:none}
.page-id-58 .et_pb_text_2{margin-bottom:24px!important}


/* Menu met langere namen: op middelbrede schermen compacter, zodat het op één regel blijft */
@media (min-width:981px) and (max-width:1279px){
  #main-header .container{width:92%}
  #top-menu li{padding-right:14px}
  #top-menu>li>a{font-size:13px}
  #top-menu li.menu-mijn{padding-left:4px}
}

/* ===== Projectpagina's: vaste opbouw (vraag, aanpak, resultaat, opgave) – teksten 30-10-2026 ===== */
.dgr-project{padding:50px 0 20px!important}
.dgr-project .dgr-blok{display:flex;gap:48px;align-items:center;padding:24px 0!important}
.dgr-project .dgr-blok-om{flex-direction:row-reverse}
.dgr-project .dgr-blok-tekst{flex:1 1 0;min-width:0}
.dgr-project .dgr-blok-foto{flex:1 1 0;min-width:0}
.dgr-project .dgr-blok-vol .dgr-blok-tekst{max-width:820px}
.dgr-project .dgr-blok-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.dgr-project .dgr-foto-heel img{aspect-ratio:auto;height:auto;object-fit:contain}
.dgr-project .dgr-blok-foto .et_pb_image_wrap{display:block}
.dgr-project h2{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:32px;font-weight:500;color:#2b2b2b;border-left:6px solid #aadb24;padding:0 0 0 14px;margin:0 0 18px;line-height:1.25}
.dgr-project .dgr-blok p,.dgr-project .dgr-blok li{font-size:16px;line-height:1.8em}
.dgr-project .dgr-blok p{padding:0 0 12px}
.dgr-project .dgr-lijst{list-style:disc outside;padding:0 0 0 1.2em!important;margin:0}
.dgr-project .dgr-lijst li{margin-bottom:8px}
.dgr-project .dgr-citaat{margin:22px 0 0;padding:4px 0 4px 18px;border-left:4px solid #aadb24}
.dgr-project .dgr-citaat p{font-size:19px!important;font-style:italic;color:#4a6d00;padding:0 0 6px!important}
.dgr-project .dgr-citaat cite{font-style:normal;font-size:14px;color:#666}
.dgr-project .dgr-fotos{--per-rij:3;display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:24px 0!important}
.dgr-project .dgr-fotos-1{--per-rij:1}.dgr-project .dgr-fotos-2{--per-rij:2}.dgr-project .dgr-fotos-4{--per-rij:4}
.dgr-project .dgr-foto{flex:0 0 calc((100% - (var(--per-rij) - 1) * 20px) / var(--per-rij))}
.dgr-project .dgr-foto .et_pb_image_wrap{display:block}
.dgr-project .dgr-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.dgr-project .dgr-fotos-1 .dgr-foto img{aspect-ratio:21/9}
.dgr-project .dgr-les{margin-top:24px}
.dgr-project .dgr-les a.dgr-knop{color:#fff}
.single-project .dgr-contact-intro,.page-id-54 .dgr-contact-intro{font-size:16px;line-height:1.8em;padding:0 0 16px}
@media (max-width:980px){
  .dgr-project .dgr-blok,.dgr-project .dgr-blok-om{flex-direction:column;align-items:stretch;gap:20px}
  .dgr-project .dgr-fotos,.dgr-project .dgr-fotos-4{--per-rij:2}
  .dgr-project .dgr-fotos-1{--per-rij:1}
  .dgr-project h2{font-size:28px}
}
/* Projectpagina's en Projecten: afsluiter en contactband rustig lichtgroen, zoals Contact en Team */
.single-project .et_pb_section_3.et_pb_section,.page-id-54 .et_pb_section_2.et_pb_section,.page-id-54 .et_pb_section_3.et_pb_section{background-color:#f3f7ea!important}
.single-project .et_pb_section_2.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmM2Y3ZWEiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==)!important}
:is(.single-project,.page-id-54) .et_pb_section_3 .et_pb_column{background-color:transparent!important}
:is(.single-project,.page-id-54) ul.et_pb_social_media_follow_0{background-image:radial-gradient(circle at center,rgba(255,255,255,0) 30%,#f3f7ea 100%)!important}
:is(.single-project,.page-id-54) .et_pb_section_3 h2{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:36px!important;color:#2b2b2b!important;border-left:6px solid #aadb24;padding-left:14px;line-height:1.25em}
:is(.single-project,.page-id-54) .et_pb_section_3 .et_pb_divider{display:none}
:is(.single-project,.page-id-54) .et_pb_section_3 .et_pb_contact_form_0 .input{background-color:#fff!important;border:1px solid #dcdcdc!important;color:#2b2b2b!important}
:is(.single-project,.page-id-54) .et_pb_section_3 .et_pb_contact_form_0 .input:focus{border-color:#aadb24!important;outline:none}
:is(.single-project,.page-id-54) .et_pb_section_3 .et_pb_contact_form_0 .input::placeholder{color:#8a8a8a!important}
:is(.single-project,.page-id-54) .et_pb_section_3 .dgr-contact-intro{color:#2b2b2b}
.page-id-54 .et_pb_section_2 h2{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:36px!important;color:#2b2b2b!important;line-height:1.25em}
.page-id-54 .et_pb_section_2 .et_pb_text_inner p{font-size:18px;line-height:1.7em;color:#2b2b2b}

/* Links in lopende tekst: donkergroen met lichtgroene onderstreping (lichtgroen op wit leest slecht) */
.et_pb_text_inner :is(p,li) a:not(.dgr-knop):not(.et_pb_button),.dgr-kaart a,.dgr-home-lead a,.dgr-tegel p a:not(.dgr-knop),.et_pb_team_member_description p a{color:#4a6d00;text-decoration:underline;text-decoration-color:#aadb24;text-decoration-thickness:2px;text-underline-offset:3px}
.et_pb_text_inner :is(p,li) a:not(.dgr-knop):not(.et_pb_button):hover,.dgr-kaart a:hover,.dgr-home-lead a:hover,.dgr-tegel p a:not(.dgr-knop):hover,.et_pb_team_member_description p a:hover{color:#2b2b2b}

/* Homepage: Voor wie, Wat het je oplevert en Hoe je De Groene Ruyt kunt inzetten als eigen blokken */
.dgr-home-blok.et_pb_section{padding:64px 0!important}
.dgr-home-oplevert.et_pb_section{background:#f3f7ea}
.dgr-home-kop{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:36px;font-weight:500;color:#2b2b2b;line-height:1.25;padding-bottom:18px}
.dgr-home-lead{font-size:20px;line-height:1.7em;color:#2b2b2b;max-width:860px}
.dgr-home-sub{font-size:16px;padding:14px 0 22px!important}
.dgr-kaarten{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.dgr-kaarten-5{grid-template-columns:repeat(5,1fr);gap:28px}
.dgr-kaart{background:#fff;border-top:4px solid #aadb24;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:24px 24px 22px}
.dgr-kaart h3{font-family:'Lato',Helvetica,Arial,sans-serif;font-size:20px;font-weight:500;color:#2b2b2b;line-height:1.3;padding-bottom:8px}
.dgr-kaart p{font-size:16px;line-height:1.7em;padding-bottom:0}
.dgr-kaart p.dgr-kaart-voorbeeld{font-size:14px;line-height:1.6em;color:#666;margin-top:12px;padding-top:12px;border-top:1px solid #e6ecd8}
.dgr-kaart-plat{background:transparent;box-shadow:none;border-top:0;padding:0}
.dgr-home-oplevert .dgr-tegel-icoon{background:#fff}
.dgr-home-knop{margin-top:36px;text-align:center}
@media (max-width:980px){.dgr-kaarten,.dgr-kaarten-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){.dgr-kaarten,.dgr-kaarten-5{grid-template-columns:1fr}.dgr-home-kop{font-size:30px}}
.home .et_pb_section_1.et_pb_section{padding-bottom:0!important}
.home .et_pb_section_1 .et_pb_row_0{padding-bottom:0!important}
.home .et_pb_section_1 .et_pb_row_1{padding-top:16px!important}
.home .et_pb_text_1 p{font-size:16px;line-height:1.8em}
/* Homepage praktijk: geen gat onder de kop, knoppen links onder de tekst */
.home .et_pb_section_3.et_pb_section{padding-bottom:10px!important}
.home .et_pb_section_4.et_pb_section{padding-top:0!important}
.home .text_thumbs .et_pb_module_heading{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:26px!important;color:#2b2b2b!important;line-height:1.3!important}
.home .text_thumbs .et_pb_button_module_wrapper{text-align:left!important;margin:22px 0 30px!important;padding-left:20px}

/* Projecten: categoriekoppen in dezelfde stijl als de andere koppen */
.page-id-54 h2.dgr-categorie{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-size:32px!important;font-weight:500!important;color:#2b2b2b!important;line-height:1.25!important;text-transform:none!important;letter-spacing:0!important;border-left:6px solid #aadb24;padding:0 0 0 14px!important;margin-bottom:10px}

/* Projectkaarten (overzicht en gerelateerde projecten): foto met witte kaart eronder */
:is(.page-id-54,.single-project) .et_pb_column:has(>.et_pb_promo)>.et_pb_image{margin-bottom:0!important}
:is(.page-id-54,.single-project) .et_pb_column:has(>.et_pb_promo)>.et_pb_image img{width:100%;aspect-ratio:4/3;object-fit:cover}
:is(.page-id-54,.single-project) .et_pb_promo.et_pb_with_border{border:0!important;border-top:4px solid #aadb24!important;background:#fff!important;box-shadow:0 2px 14px rgba(0,0,0,.08);padding:22px 24px 24px!important}
:is(.page-id-54,.single-project) .et_pb_promo .et_pb_module_header{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-size:20px!important;font-weight:500!important;color:#2b2b2b!important;line-height:1.3!important;padding-bottom:8px!important}
:is(.page-id-54,.single-project) .et_pb_promo .et_pb_promo_description p{font-size:15px!important;line-height:1.7em!important;color:#555!important}
:is(.page-id-54,.single-project) .et_pb_promo .et_pb_button_wrapper{margin-top:16px}
.single-project .et_pb_text:has(+.et_pb_divider) h2{font-family:'Lato',Helvetica,Arial,sans-serif!important;font-weight:500!important;font-size:36px!important;color:#2b2b2b!important}

/* Projectpagina's: kerngegevens als nette lijst met labels */
.single-project .et_pb_section_0 .et_pb_column:has(>.et_pb_bg_layout_dark) .et_pb_text_inner ul{list-style:none!important;padding:0!important;margin:0}
.single-project .et_pb_section_0 .et_pb_column:has(>.et_pb_bg_layout_dark) .et_pb_text_inner ul li{font-family:'Open Sans',Helvetica,Arial,sans-serif!important;font-size:15px!important;line-height:1.5!important;color:#2b2b2b!important;padding:0 0 10px!important}
.single-project .et_pb_section_0 .et_pb_column:has(>.et_pb_bg_layout_dark) .et_pb_text_inner ul li:last-child{padding-bottom:0!important}
.single-project .et_pb_section_0 .et_pb_column:has(>.et_pb_bg_layout_dark) .et_pb_text_inner ul li strong{display:block;font-family:'Lato',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a6d00!important}
@media (min-width:981px){
  :is(.page-id-54,.single-project) .et_pb_row:has(>.et_pb_column>.et_pb_promo){display:flex}
  :is(.page-id-54,.single-project) .et_pb_column:has(>.et_pb_promo){display:flex;flex-direction:column}
  :is(.page-id-54,.single-project) .et_pb_column>.et_pb_promo{flex:1;display:flex;flex-direction:column;margin-bottom:0!important}
  :is(.page-id-54,.single-project) .et_pb_promo .et_pb_promo_description{flex:1}
}

/* ===== Mobiele variant (tot 767px) ===== */
@media (max-width:767px){
  /* titelvlakken: vol in de breedte, minder doorzichtig (tekst valt over een drukke foto) */
  .et_pb_fullwidth_header.et_pb_bg_layout_dark .header-content,
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column:has(>.et_pb_bg_layout_dark){background:rgba(255,255,255,.82);padding:20px 18px!important;max-width:none}
  .et_pb_fullwidth_header .header-content h1.et_pb_module_header,.et_pb_fullwidth_header .header-content h2.et_pb_module_header,
  .et_pb_section_0.et_pb_with_background .et_pb_text_inner :is(h1,h2){font-size:28px!important;line-height:1.2em!important}
  html body #page-container .et_pb_fullwidth_header .header-content :is(p,li),html body #page-container .et_pb_section_0.et_pb_with_background .et_pb_text_inner :is(p,li){font-size:17px!important;line-height:1.6em!important}
  .et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content .et_pb_button{margin:10px 8px 0 0!important}
  .et_pb_section_0.et_pb_with_background>.et_pb_row>.et_pb_column{margin-bottom:12px!important}
  .et_pb_fullwidth_header.et_pb_fullwidth_header{padding:40px 0 100px!important}
  .home .et_pb_section_1 .et_pb_row_1{padding-top:0!important}

  /* lopende tekst minimaal 16px */
  #main-content .et_pb_section:not(.et_pb_section_0) .et_pb_text_inner :is(p,li),
  .dgr-tegel p,.dgr-kaart p:not(.dgr-kaart-voorbeeld),.et_pb_team_member_description p,
  :is(.page-id-54,.single-project) .et_pb_promo .et_pb_promo_description p{font-size:16px!important;line-height:1.7em!important}
  .et_pb_post .post-content p,.et_pb_post .post-content{font-size:15px!important;line-height:1.7em!important}
  #main-content .et_pb_section:not(.et_pb_section_0) .et_pb_text_inner h2{font-size:28px!important;line-height:1.25em!important}

  /* minder witruimte tussen de blokken */
  #main-content .et_pb_section:not(.et_pb_section_0):not(.et_pb_fullwidth_section):not(.et_pb_top_divider){padding-top:32px!important}
  #main-content .et_pb_section:not(.et_pb_section_0):not(.et_pb_fullwidth_section):not(.et_pb_bottom_divider){padding-bottom:32px!important}
  #main-content .et_pb_section:not(.et_pb_section_0) .et_pb_row{padding-top:12px!important;padding-bottom:12px!important}
  .dgr-home-blok.et_pb_section{padding:36px 0!important}
  .dgr-tegels-sectie.et_pb_section{padding-bottom:36px!important}

  /* dubbele of decoratieve onderdelen weg */
  .dgr-adresblok{display:none!important}
  .home .et_pb_section_2.et_section_specialty{display:none}
  .home .text_thumbs .et_pb_image{display:none}
  .home .text_thumbs .et_pb_button_module_wrapper{margin:16px 0 8px!important}
  .home .text_thumbs{padding-left:19px!important;padding-right:19px!important}
  /* Wolboom: foto boven de tekst, net als bij de andere voorbeelden */
  .home .et_pb_row_5{display:flex;flex-direction:column-reverse}
}

/* Footer: donkergroen met lichte tekst, twee nette regels */
#footer-bottom{background-color:#4a6d00!important;padding:22px 0 18px!important}
#footer-info{float:none!important;text-align:center!important;color:#e3eccb!important;font-size:13px;line-height:1.8;padding-bottom:0!important}
#footer-info span{display:block;text-wrap:balance}
#footer-info .dgr-footer-adres{font-size:14px;color:#fff;margin-top:4px}
#footer-info strong{color:#fff;font-weight:600}
#footer-info a{color:#fff!important;font-weight:600!important;white-space:nowrap;text-decoration:none}
#footer-info a:hover{color:#aadb24!important;opacity:1!important}
.dgr-home-lead{padding-bottom:0!important}
.dgr-home-sub{padding-top:0!important;font-size:20px!important;line-height:1.7em!important;color:#2b2b2b}
@media (max-width:767px){.dgr-home-lead,.dgr-home-sub{font-size:18px!important}}