.elementor-1034 .elementor-element.elementor-element-e8b4110{--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;}/* Start custom CSS for global, class: .elementor-global-1720 */#iwWidget,#iwModule{
    width: 100% !important;
    max-width: none !important;
}

#iwWidget #divfilter input,
#iwWidget #divfilter select{
    padding: 5px 14px !important;
    border-radius: 3px !important;
    font-size: 16px !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

#iwModule #iwWidget .hm_listbox a{
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    display: inline-block;
    margin: -16px -10px -16px -1.5%;
    padding: 15px 10px 15px 1.5%;
    width: 100%;
    text-decoration: none !important;
}

#exposeview {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
}

#exposeview #hm_img_thumb_box {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 100% !important;
    background-color: #FFF !important;
}

#exposeview #hm_img_thumb_box #largeimage {
    max-height: 60vh !important;
    object-fit: contain;
}

#iwModule #iwWidget .hm_nav-controls .hm_prev, #iwModule #iwWidget .hm_nav-controls .hm_next{
    height: 100% !important;
}

#iwModule #iwWidget .hm_img_thumb_box_60, #iwModule #iwWidget .hm_img_thumb_box_100, #iwModule #iwWidget .hm_img_thumb_box_400{
    z-index: 1 !important;
}

#iwModule #iwWidget .hm_grid_image_big,
#iwModule #iwWidget .hm_img_thumb_box_400,
#iwModule #iwWidget .hm_img_thumb_box_400 .hm_img_thumb, 
#iwModule #iwWidget .hm_img_thumb_box_400 .hm_img_thumb .hm_image-wrapper,
#iwWidget #exposeview #hm_img_thumb_box > .hm_grid_image_thumbs{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    height: auto !important;
    max-width: auto !important;
    min-width: auto !important;
    max-height: auto !important;
    min-height: auto !important;
}

#iwModule #iwWidget .hm_img_thumb_box_400 .hm_img_thumb img{
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
}
  
#exposeview > div:not(#hm_contact) {
    flex: 1 1 100% !important;
    box-sizing: border-box !important;
    padding: 0px 220px 0px 0px !important;
}

#exposeview #hm_contact{
    position: absolute !important;
    top: 20 !important;
    right: 0 !important;
    z-index: 1 !important;
}

#exposeview #divcontact .hm_box_03 #contact{
    min-width: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

#iwModule #iwWidget .hm_formfield_contact dd{
    width: 100% !important;
}

#iwModule #iwWidget .hm_formfield_contact dd select,
#iwModule #iwWidget .hm_formfield_contact dd input,
#iwModule #iwWidget #contact textarea{
    width: calc(100% - 20px) !important;
}

#iwModule .hm_ellipsis{
    font-size: 18px !important;
}

#iwModule .hm_listbox{
    position: relative !important;
}

#iwModule .hm_img_thumb_box_100{
    width: 240px !important;
    height: 100% !important;
}

#iwModule .hm_img_thumb_box_100 > div,
#iwModule .hm_img_thumb_box_100 > div > div
#iwModule .hm_img_thumb_box_100 .hm_image-wrapper,
#iwModule #iwWidget .hm_img_thumb_box_100 .hm_img_thumb, 
#iwModule #iwWidget .hm_img_thumb_box_100 .hm_img_thumb .hm_image-wrapper{
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}

#iwModule #iwWidget .hm_img_thumb_box_100 .hm_img_thumb img{
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
}

@media screen and (max-width: 768px) {
    #divfilter > .hm_filter{
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    #divfilter > .hm_filter .hm_3col:not(#diveckdaten){
        padding-right: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
    }

    #diveckdaten{
        display: none !important;
    }
    
    #iwModule, #iwModule #iwWidget,
    #iwModule #iwWidget .hm_box_01{
        min-width: auto !important;
    }

    #exposeview > div:not(#hm_contact) {
        padding: 10px !important;
    }

    #exposeview #hm_contact{
        position: static !important;
    }

    #iwModule .hm_img_thumb_box_100{
        width: 25% !important;
        height: 100% !important;
    }
}/* End custom CSS */