/* 📌 Small monitor section hero */
@media only screen and (max-width: 1148px) {
    /* 🔹 First section */
    .banner-box .banner-box-content h1 {
        margin-top: 2.5rem;
        font-size: 1.5vw;
    }
    .banner-box {
        height: 220px;
    }
    .banner-box-content {
        width: 80%;
    }

    /* 🔹 Third section */

    .cta-boxes-section .box-textbox h3 {
        font-size: 2.5vw;
    }
    .cta-boxes-section .img-box {
        background-size: cover;
    }
}

/* 📌 Tablet bigger */
@media only screen and (max-width: 992px) {
    /* 🔹 First section */
    .banner-box .banner-box-content h1 {
        margin-top: 3.5rem;
        font-size: 1.2vw;
    }

    /* 🔹 Second section */
    #investHeader {
        text-align: center;
        margin-bottom: 2rem;
    }


}

/* 📌 Tablet */
@media only screen and (max-width: 767px) {
    /* 🔹 First section */


    .banner-section {
        height: 100vw;
        display: flex;
        justify-content: center;
    }

    .banner-wrap {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%!important;
        max-width: 100%;
        gap: 10px;
        margin:  0;
        padding: 0;
    }
    .banner-section .z-main-container{
        width: 100%!important;

    }

    .banner-box {
        min-height: 220px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: cover;
        background-position: center;
    }
    .banner-box-content {
        width: 90%;
        text-align: center;
        padding: 1rem;
    }
    .banner-box.box-left {
        width: 100%;
        background: linear-gradient(to right, #970830f2 30%, #97083031 100%);
        clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
        
    }
    
    .banner-box.box-right {
        width: 100%;
        background: linear-gradient(to right, #970831ba 0%, #ffffff 70%);
        clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    }kontakt-form
    .banner-box-content.content-box-left {
        text-align: left;
    }

    .banner-box-content.content-box-right {
        text-align: right;
    }

    /*second section*/
    #investHeader {
        font-size:6vw;
    }

    /* 🔹 Third section */
    .cta-boxes-section .box-textbox h3 {
        font-size: 20px;
        margin-top: 5px;
        padding: 0;
        padding-left: 10px;
    }
    .cta-boxes-section .box-textbox {
        left: 0;
        display: inline-flex;
        height: 100px;
    }
    .cta-boxes-section h3{
        width:100%;
    }
    .cta-boxes-section .img-box {
        height: 250px;
    }

    /*fifth section*/
    .news-section .news-card .text-box .text-content p{
        margin-top: 1rem;
    }
    .news-section .news-card {
        height: auto;
    }
    .news-section .news-header{
        gap:10px;
    }



    /*sixth section*/
    .blog-magazin-parent{
        display:grid;
    }



}

/* 📌 Mobile */
@media only screen and (max-width: 600px) {
    /* 🔹 First section */

    .banner-box {
        width: 95%;
        height: 160px;
    }
    .banner-box-content h1 {
        font-size: 16px;
    }
    .banner-box-content {
        width: 90%;
    }

    /* 🔹 Third section */
    .cta-boxes-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .cta-boxes-section .img-box {
        width: 90%;
        height: 250px;
        max-width: 350px;
    }
    .cta-boxes-section .box-textbox {
        width: 100%;
        text-align: left;
        padding: 10px;
    }
    .cta-boxes-section h3 {
        font-size: 16px;
        padding-left: 0;
    }

    /*fourth section*/
    .counter-section .counters-flex {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .counter-section  .counter {
        flex: none;
        width: 100%;
    }

    /*fifth section*/

    .news-section .news-card {
        height: auto;
        display: flex;
        flex-direction: column; /* Stack image and text */
        align-items: center;
        text-align: center;
    }
    .news-section .news-card img{
        order: -1; /* Ensures the image appears at the top */
        width: 100%;
        max-width: 100%;
        height: auto;
    }


    .news-card .text-box {
        width: 100%;
        padding: 15px;
        text-align: left;
    }

    .news-card .text-content h3 {
        font-size: 16px;
    }

    .news-card .text-content p {
        font-size: 14px;
    }
    .news-blog-section h2{
        font-size:24px;
    }
    .news-blog-section  .red-btn{
        font-size:0.6rem;
    }


    /*seventh*/
    .analysis-section .cta-boxes-section{
        display:grid
    }
    .analysis-section .cta-boxes-section .box-textbox h3{
        font-size:15px;
    }
    .cta-boxes-section .img-box{
        max-width:100%;
        width:100%;
    }
    .footer-section{
        display: block;
    }
    .footer-block{
        width: 100%;
        text-align: center;
    }
    .footer-space{
        display: none;
    }
    #footer-continuous{
        margin-top: -20px;
    }

}

/*small mobile*/
@media only screen and (max-width: 350px) {
    .counter-section{
        height: fit-content;
        padding-top:2rem;
        padding-bottom:2rem;
    }
    .counter-section .counters-flex {

        grid-template-columns: repeat(1, 1fr);
    }
    .blog-card h4, .magazin-card h4{
        font-size:19px;
    }
    .blog-card h4>p, .magazin-card p{
        margin-top: 0.5rem;
        font-size:14px;
    }
    .magazin-header-homepage{
        gap:10px;
    }
}