.elementor-676 .elementor-element.elementor-element-0d2045e{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.3;}.elementor-676 .elementor-element.elementor-element-0d2045e:not(.elementor-motion-effects-element-type-background), .elementor-676 .elementor-element.elementor-element-0d2045e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://deraayhof.nl/wp-content/uploads/2024/11/raayhof2-55090604.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-676 .elementor-element.elementor-element-0d2045e::before, .elementor-676 .elementor-element.elementor-element-0d2045e > .elementor-background-video-container::before, .elementor-676 .elementor-element.elementor-element-0d2045e > .e-con-inner > .elementor-background-video-container::before, .elementor-676 .elementor-element.elementor-element-0d2045e > .elementor-background-slideshow::before, .elementor-676 .elementor-element.elementor-element-0d2045e > .e-con-inner > .elementor-background-slideshow::before, .elementor-676 .elementor-element.elementor-element-0d2045e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-676 .elementor-element.elementor-element-eb1bd01 .elementor-heading-title{font-family:"Barlow Condensed", Sans-serif;font-size:100px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-676 .elementor-element.elementor-element-8bce221{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-676 .elementor-element.elementor-element-1f6ea6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:1024px){.elementor-676 .elementor-element.elementor-element-0d2045e{--min-height:200px;}.elementor-676 .elementor-element.elementor-element-8bce221{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-676 .elementor-element.elementor-element-0d2045e{--min-height:165px;}.elementor-676 .elementor-element.elementor-element-eb1bd01{text-align:center;}.elementor-676 .elementor-element.elementor-element-eb1bd01 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-676 .elementor-element.elementor-element-1f6ea6b{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-676 .elementor-element.elementor-element-1f6ea6b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-90152df *//* Kleuren - Altijd van toepassing */
.tommy-zeb-wrapper .tommy-zeb-left {
    background: #262626 !important;
    color: #fff;
}

.tommy-zeb-wrapper .tommy-zeb-result.ng-scope { 
    background-color: #94C11F !important; 
}

.tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding {
    color: #000000 !important;
}

.tommy-zeb-wrapper .tommy-zeb-result-price.ng-binding {
    color: #262626 !important;
}

.tommy-zeb-btn {
    background: #262626 !important;
    color: #ffffff !important; /* Optioneel: tekst wit maken voor contrast */
    border: none !important;
}

.tommy-zeb-btn:hover {
    background: #262626 !important;
    color: #ffffff !important;
}

/* Positie-aanpassingen - Alleen op desktop */
@media (min-width: 1024px) {
    .tommy-zeb-wrapper .tommy-zeb-left {
        width: 25%;
        padding: 20px;
        border-radius: 4px;
    }

    .tommy-zeb-wrapper .tommy-zeb-result.ng-scope { 
        border-radius: 4px !important;
        padding: 20px !important;
    }

    .tommy-zeb-wrapper .tommy-zeb-result-label.ng-binding {
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    .tommy-zeb-wrapper .tommy-zeb-left h1.ng-binding {
        display: none !important;
    }

    .tommy-zeb-accommodation-person-category {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 5px 0;
    }

    .tommy-zeb-accommodation-person-category-label {
        text-align: left;
        flex-grow: 1; /* Zorg ervoor dat het label ruimte inneemt */
    }

    .tommy-zeb-accommodation-person-category-choice {
        text-align: right;
    }

    .tommy-zeb-wrapper .tommy-zeb-result-image img { 
        border-radius: 4px;
        width: 250px !important; 
    }

    .tommy-zeb-result {
        display: flex !important;
        align-items: flex-start !important; /* Zorgt ervoor dat ze bovenaan uitlijnen */
        gap: 10px !important; /* Ruimte tussen afbeelding en details */
    }

    .tommy-zeb-result-image {
        flex-shrink: 0 !important; /* Voorkomt dat de afbeelding wordt verkleind */
    }

    .tommy-zeb-result-details {
        flex-grow: 1 !important; /* Zorgt ervoor dat de details de resterende ruimte innemen */
    }
}/* End custom CSS */