/*#Top_items_section{
    /*border: 1px solid white;*/    
    /*padding: 70px 0;*/
    /*background-color: var(--secondary-color);
}*/

#Top_items_section h2{
                        font-size: 50px;
                        text-align: center;
}

.headline_eventH_box{
    border-left: 1px solid orange;
    border-right: 1px solid orange;
    max-width: 1330px;
    margin: 0 Auto;
    padding-top: 20px;
    padding-bottom: 20px; 
}

.headline_eventH_box h2{
    font-size: 50px;
    text-align: center; 
    
}

.headline_brand_box{
    border-left: 1px solid orange;
    border-right: 1px solid orange;
    background-color: black;
    max-width: 1330px;
    margin: 0 Auto; 
    padding-top: 20px;
    text-align: center;
}





.headline_footer_box{
                        border-left: 1px solid orange;
                        border-right: 1px solid orange;
                        max-width: 1330px;
                        margin: 0 Auto;
                        padding-top: 20px;
}

@media only screen and (max-width: 1364px) {
.headline_footer_box{
    border-left: none;
    border-right: none;
}
.headline_eventH_box{
    border-left: none;
    border-right: none;

}

.headline_brand_box{
    border-left: none;
    border-right: none;
}

}


.flex_container{
    /*border: 1px solid white;*/
    background-color: black;
    margin-top: 50px;
    margin: 0 auto; 
    padding: 30px 0 60px 0;
    max-width: 1330px;
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.card{
        width: 350px;
        max-width: calc(90% - 40px);
        background-color: var(--third-color);
        border: 1px solid #ffffff;
        /*border-radius: 10px; -- Alte einstellung */
        border-radius: 5px;
        padding: 60px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        /*box-shadow: 13px 13px 10px #000000;*/ 
        /*box-shadow: 14px 19px 20px #ffb100;*/
        box-shadow: 10px 16px 17px #ffb10075;
}

.card *{
    text-align: center;
}

.card a{
    /*background-color: var(--main-brand-color); -- Alte einstellung */
    
    background: transparent;
    width: 180px;
    padding: 10px 20px;
    border-radius: 20px;
    
    margin: 0 auto; /*Positionierung des Button*/
   
    text-decoration: none; /*unterstrich vom link wird deactiviert*/
    color: var(--text-color);
    /*border: 2px solid var(--main-brand-color); -- Alte einstellung */
    border: 2px solid #ffb100;
    transition: 150ms ease-in-out;
    font-weight: 600; /*06.01.2024 hinzugefügt - Soll den text im butten vergrößern*/
    font-size: 1.5rem; /*06.01.2024 hinzugefügt - Soll den text im butten vergrößern*/
}

.card a:hover{
    /*background: transparent;*/
    background-color: #ffb100;
}


@media(max-width: 500px){
    #Top_items_section h2{
        font-size: 12vw;
    }
}