:root{
    /*groen*/
    --mat-groen: #A2C6AC;
    --licht-groen: #D2E3D7;
    --donker-groen: #4C806F;
    --tekst-groen: #044B38;
    --tekst-geel: #ffd140;
    /*geel*/
    --mat-geel: #FDDD78;
    --licht-geel: #F8EECC;
    --donker-geel: #FFD140;
}
/*Groen*/
.aw-kleur-groen{

}
.aw-color-green{

}
.aw-Farbe-grün{
}

/* Kleuren achtergrondafbeelding achter foto */
section.section-afbeelding-centraal-met-tekst .aw-kleur-geel{
    background-color: var(--licht-geel) !important;
}

section.section-afbeelding-centraal-met-tekst .aw-kleur-geel{
    background-color: var(--licht-geel) !important;
}

.aw-kleur-geel .aw-banner-container{
    background-color: var(--donker-geel) !important;
}

.aw-kleur-geel .aw-banner-divider .elementor-shape svg path.elementor-shape-fill{
    fill: var(--donker-geel) !important;
}
.aw-kleur-geel .elementor-element h3{
    color: var(--tekst-groen) !important;
}
.aw-kleur-geel .elementor-element .elementor-button span{
    color: var(--tekst-groen) !important;
}
.aw-kleur-geel .elementor-widget-text-editor div{
    color: #707070 !important;
}
.aw-kleur-geel .elementor-button{
    border-color: var(--tekst-groen) !important;
}
.aw-kleur-geel .elementor-button span.elementor-button-text{
    color: var(--tekst-groen) !important;
}
.aw-kleur-geel .elementor-button span svg{
    fill: var(--tekst-groen) !important;
}
/* .aw-kleur-geel .elementor-button:hover,
.aw-kleur-geel .elementor-button:hover span,
.aw-kleur-geel .elementor-button:hover span svg{
    color: black !important;
    fill: black !important;
    border-color: black !important;
} */

.elementor-638 .aw-kleur-groen .elementor-button:hover .elementor-button-icon svg {
    background: var(--donker-geel);
    fill: var(--donker-groen) !important;
    border-radius: 50px;
}

.elementor-638 .aw-kleur-groen .elementor-button-icon svg {
    width: 25px;
    margin-top: -7px;
}

/* Nieuwe Stijlen witte achtergrond - geel en groen tekstachtergrond */

section.section-afbeelding-centraal-met-tekst .aw-kleur-witte-achtergrond-groen-tekstvak, 
section.section-afbeelding-centraal-met-tekst .aw-kleur-witte-achtergrond-geel-tekstvak  {
    background-color: white !important;
}

.aw-kleur-witte-achtergrond-geel-tekstvak .awTekstvlakBlok6 {
    overflow: visible;
}

.aw-kleur-witte-achtergrond-geel-tekstvak .awTekstvlakBlok6::after {
    /* background-image: url('https://herik.nl/wp-content/uploads/2025/02/golf-groen.svg'); */
    --background-overlay: '';
    background-position: bottom center;
    background-repeat: no-repeat;
    content: "";
}

.aw-kleur-witte-achtergrond-geel-tekstvak .aw-banner-container{
    background-color: var(--donker-geel) !important;
}

.aw-kleur-witte-achtergrond-geel-tekstvak .aw-banner-divider .elementor-shape svg path.elementor-shape-fill{
    fill: var(--donker-geel) !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-element h3{
    color: var(--tekst-groen) !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-element .elementor-button span{
    color: var(--tekst-groen) !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-widget-text-editor div{
    color: #707070 !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-button{
    border-color: var(--tekst-groen) !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-button span.elementor-button-text{
    color: var(--tekst-groen) !important;
}
.aw-kleur-witte-achtergrond-geel-tekstvak .elementor-button span svg{
    fill: var(--tekst-groen) !important;
}

.aw-kleur-witte-achtergrond-geel-tekstvak .blok6Img,
.aw-kleur-geel .blok6Img,
.aw-kleur-groen .blok6Img,
.aw-color-green .blok6Img,
.aw-Farbe-grün .blok6Img,
.aw-kleur-witte-achtergrond-groen-tekstvak .blok6Img {
    background-size: contain;  /* Ensures the image scales to fill the entire div */
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
    margin-top: -1px;
}

.aw-kleur-witte-achtergrond-geel-tekstvak .blok6Img,
.aw-kleur-geel .blok6Img {
background-image: url('https://herik.nl/wp-content/uploads/2025/02/golf-geel.svg');
}


.aw-kleur-witte-achtergrond-groen-tekstvak .blok6Img,
.aw-kleur-groen .blok6Img,
.aw-color-green .blok6Img,
.aw-Farbe-grün .blok6Img {
background-image: url('https://herik.nl/wp-content/uploads/2025/02/golf-groen.svg');
}

/* .elementor-638 .elementor-element.elementor-element-c2064c3:not(.elementor-motion-effects-element-type-background), .elementor-638 .elementor-element.elementor-element-c2064c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var(--donker-geel) !important;
} */

.aw-kleur-witte-achtergrond-groen-tekstvak  .awTekstvlakBlok6 {
    background-color: #5B897D;
}


.aw-kleur-witte-achtergrond-geel-tekstvak .awTekstvlakBlok6,
.aw-kleur-geel .awTekstvlakBlok6 {
    background-color: var(--donker-geel) !important;
}