.inner-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50%;

    /* background-color: #002045;  */
      
    background-image: radial-gradient(circle at 50% 50%, #ffe620, #ff7901 575%);

 margin-top: 0px;


    padding-bottom: var(--inner-header-padding, 140px) !important;
    padding-top: var(--inner-header-padding, 140px) !important;

    b {
        font-weight: 700;
    }
    .subline {
    font-size: 26px !important;
}
  
}

.logos-block-header {
    margin-left: -20px;
}

.inner-header .badge {
    line-height: 1.33;
    letter-spacing: 1.8px;
    font-size: 18px !important;
    font-family: Cairo;
    text-transform: uppercase;
}

.z-10 .inner-header {
    z-index: 10 !important;
}

.header-h1 {
    color: #023e84 !important;
}

.disclaim {
    font-size: 12px;
    opacity: 0.7;
    display: block;
    position: absolute;
    right: 5%;
    margin-top: 100px;

    a {
        color: #FA7D19 !important
    }
}

@media (max-width: 1300px) {
    .tab-buttons a {
        padding: 15px;
    }
}


@media (max-width: 1100px) {
    .inner-header {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        margin-top: 0px;
    }

}


@media (max-width: 992px) {
    .inner-header {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        margin-top: 0px;
          height: auto !important;
    }

    .subline{
        text-align: center;
    }
}

@media (max-width: 768px) {
    .inner-header {
        padding: 60px 0 !important;
        padding-top: 10px !important;
       .subline{
       font-size: 18px !important;
    }
    }
    
}






@media(max-width: 768px) {
    .disclaim {
        font-size: 12px;
        opacity: 0.7;
        display: block;
        position: static;
        text-align: center;
        margin-top: 10px;

    }
}

.header-h1 {
    font-weight: 700 !important;

    @media (max-width: 1480px) {
        font-size: 46px !important;
    }

    @media (max-width: 1400px) {
        font-size: 40px !important;
    }


    @media (max-width: 1180px) {
        font-size: 36px !important;
    }

    @media (max-width: 992px) {
        font-size: 40px !important;
    }

    @media (max-width: 768px) {
        font-size: 34px !important;
    }
}

.header-h1 b {
    font-weight: 700 !important;
}


.badge-top {
    font-family: Cairo;
}


.keyvisual {
  
    width: 100%;
    margin-right: 50px;
    object-fit: scale-down;
    max-width: var(--keyvisual-max-width, 750px);

}

@media (max-width:1780px) {
    .keyvisual {
        margin-top: 0px;
        width: 100%;
        margin-left: 2%;
    }



}

@media (max-width:1480px) {
    .keyvisual {
        margin-top: 40px;
        width: 100%;
        margin-left: 2%;

    }

   


}

@media (max-width:1380px) {

    .keyvisual {
        max-width: 550px !important;
    }

    .subline {
        font-size: 22px !important;

    }
}

@media (max-width:1200px) {

    .keyvisual {
        max-width: 480px !important;
    }

}

@media (max-width:992px) {

    .keyvisual {
        max-width: var(--keyvisual-max-width, 750px) !important;
    }

    .subline {
        font-size: 18px !important;
        text-align: center;

    }
    .header-h1 {
    color: #023e84 !important;
    text-align: center;}

}








.timehint {
    font-size: 12px;

}

.timehint::before {
    content: "";
    background-image: url(https://meinverein:8890/wp-content/themes/wp-themes-meinverein-2023/img/icons_2024/time-green.svg);
    width: 16.7px;
    height: 16.7px;
    background-size: 16.7px;
    display: inline-block;
    margin-right: 10px;
    background-image: url(https://meinverein:8890/wp-content/themes/wp-themes-meinverein-2023/img/icons_2025/clock-blue.svg);
}

.lottie-container {
    position: absolute;
    width: 100%;
    top: -80px
}

.lottie-container .maiaktion {
    width: 170px;

}

.lottie-container .lp-mai {
    width: 220px;
    margin-left: -220px;
    margin-top: 150px;
}

@media (max-width: 992px) {
    .lottie-container {
        display: none;
    }

}

.timehint {
    color: #023e84 !important;
}
.before-img-holder {
   display: flex;
    align-items: center;
    justify-content: center;
}
.before-img{
  width: 40% !important;
  max-height: 30%;
}


     .tab-buttons{
       width: 80%;
    gap: 10px;
    }
 .firstbtn, .secondbtn{
       
    }

@media(max-width:992px){
    .tab-buttons{
       width: 60%;
    gap: 10px;
    }
    .logos-frontpage.logos-block-header {display: none !important;}
    .firstbtn, .secondbtn{
        flex-basis: 100%;
    }
    .tab-buttons{
        margin:auto
    }
    .keyvisual{
                 margin: auto !important;
        max-width: 80% !important;
        margin-top: 40px !important;
        margin-left: 10% !important;
}
}

@media(max-width:768px){
    .tab-buttons{
       width: 80% !important;
    gap: 10px;
    }
   
}