.iwth_button{
    background-color: #26757f;
    padding:5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    margin-top: -7px;
    margin-right: 15px;
    border: 1px solid #26757f;
}

.iwth_button:hover{
    background-color: white;
    color: #26757f;
}

.w__auto{
    width: auto;
}

.h__auto{
    height: auto;
}

.header_office_link, .over_dark_green, .map_address, .map_address a{
    color: #015d69 !important;
}

.header_headline_top_2, .section_headline {
    color: #015d69;
}

.section_dark .section_headline, .page_headline_num_1 {
    color: #8eaa92;
}

.news_readmore{
    background-image: url('/site/assets/img/li_arrow_white.png');

}

.news_box{
    background-color: #015d69;
}

.newsbox_date, .newsbox_title, .news_readmore{
    color: white;
}

.header_headline_top_2.page_headline_num_1{
 line-height: 110%;
}

.middle_headline{
    font-weight: bold;
    color: #015d69 !important;
    font-size: 18px;
    letter-spacing: 3px;
}

span.section_topper{ display: block;}

.info_box{ color: white !important;}

#filterbutton:hover{ cursor: pointer;}

@media only screen and (min-width: 601px){
    .video_col{
        margin-left:30px;
    }
    .video_text_col{
        margin-right: 30px;
    }
  }

@media only screen and (max-width: 601px) {
    .iwth_button {
        clear: both;
        margin-top: -50px;
        margin-right: 0;
    }

    .sticky .iwth_button {
        margin-top: -22px;
    }

    .image_sub_text{
        font-size: 20px;
        line-height: 36px;
    }

    .sub_footer_text{
        font-weight: bold;
        display: block; 
        text-align: center;
        line-height: 38px;
        font-size: 22px;
        padding-right: 0;
    }
}

@media only screen and (max-width: 400px) {
    .iwth_button {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1000px) {
    span.header_headline_top_2{
        display: block;
        line-height: 110%;
    }
}


                .video-overlay-container {
                    text-align: center;
                    position: relative;
                }
                
                .preview-container {
                    display: inline-block;
                    position: relative;
                    width: fit-content;
                }
                
                .responsive-video-preview {
                    width: 100%;
                    max-width: 800px;
                    height: auto;
                    display: block;
                    cursor: pointer;
                    margin: 0;
                }
                
                .video-overlay-button {
                    background: #015d69;
                    margin-top: -4px;
                    width: 100%;
                    padding: 15px;
                }
                
                .button-content {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 10px;
                }
                
                .video-overlay-play {
                    display: inline-flex;
                }
                
                .video-overlay-play img {
                    height: 50px;
                    width: auto;
                }
                
                .video-overlay-button span {
                    color: white;
                }
                
                /* Rest der Styles bleiben unverändert */
                .video-overlay {
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(21, 47, 65, 0.8);
                    display: none;
                    align-items: center;
                    justify-content: center;
                    z-index: 2000;
                    padding-top: 10vh;
                }
                
                .video-overlay.active {
                    display: flex;
                }
                
                .video-wrapper {
                    position: relative;
                    display: inline-block;
                    max-width: 90%;
                    max-height: 90%;
                }
                
                .video-close-header {
                    position: absolute;
                    top: -45px;
                    right: -20px;
                    z-index: 10;
                }
                
                .video-close-button {
                    display: flex;
                    align-items: center;
                    color: white;
                    text-decoration: none;
                    font-size: 16px;
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    cursor: pointer;
                    background: transparent;
                    border: none;
                    padding: 10px;
                }
                
                .video-close-button:focus {
                    background-color: transparent !important;
                }
                
                .video-close-button span {
                    margin-right: 10px;
                }
                
                .video-close-button .close-icon {
                    font-size: 24px;
                    font-weight: 300;
                }
                
                .video-overlay-content {
                    position: relative;
                    display: inline-block;
                    width: auto;
                    height: 70vh;
                    overflow: hidden;
                }
                
                .video-overlay-content video {
                    height: 100%;
                    object-fit: contain;
                }
                
                .video-text-button{
                    text-align: left; 
                    flex-grow: 1; 
                    font-weight: 700; 
                    font-size:1.1rem;
                }

                

                

                @media (min-width: 600px) {
                    .preview-container {
                        width: 60%;
                    }
                }
                
                @media (min-width: 1600px) {
                    .preview-container {
                        width: 40%;
                    }
                }

                .preview-container-col {
                    width: 80%;
                }

                @media (min-width: 600px) and (max-width:1500px) {
                    .video-text-button{
                        font-size:0.8rem;
                    }

                    .video-overlay-button{
                        padding: 10px;
                    }

                    .preview-container-col {
                        width: 100%;
                    }
                }

                @media only screen and (max-width: 600px) {

                    .preview-container-col {
                        width: 100%;
                    }
                }