/* SCHÜTZA-CMS Veranstaltungen - bereinigte Version */


.veranstaltung-vorschau {

    padding: 70px 0;

}



.veranstaltung-box {

    width: 100%;

    background: #F2E2C5;

    border-radius: 18px;

    padding: 35px 30px;

    box-shadow: 0 10px 30px rgba(0,0,0,.10);

}



.veranstaltung-box h2 {

    margin: 0 0 45px;

    text-align: center;

    font-size: 2rem;

    color: #244230;

}



.veranstaltung-home-layout {

    display: flex;

    gap: 35px;

    align-items: flex-start;

}



.veranstaltung-home-text {

    flex: 1;

}



.veranstaltung-home-flyer {

    width: 260px;

    display: flex;

    flex-direction: column;

    gap: 15px;

    align-items: center;

}



.veranstaltung-home-flyer img {

    width: 120px;

    height: 160px;

    object-fit: cover;

    border-radius: 10px;

}





.veranstaltung-box h3 {

    margin: 0 0 15px;

    font-size: 1.6rem;

    color: #244230;

}



.veranstaltung-datum {

    font-size: 1.1rem;

    margin-bottom: 20px;

    color: #4B4B4B;

}



.veranstaltung-box p {

    margin: 15px 0 25px;

    color: #4B4B4B;

    line-height: 1.7;

}



.btn-veranstaltung {

    display: inline-block;

    margin-top: 10px;

}





/* ----------------------------------------------------------
   VERANSTALTUNGSSEITE
   ---------------------------------------------------------- */


.veranstaltungen-seite {

    padding: 70px 0;

}



.veranstaltung-eintrag {

    background: #F2E2C5;

    border-radius: 18px;

    margin-bottom: 35px;

    box-shadow: 0 10px 30px rgba(0,0,0,.10);

}



.veranstaltung-inhalt {

    padding: 35px 30px;

}



.veranstaltung-flyer-bereich {

    padding: 0 30px 35px;

}



.veranstaltung-flyer {

    display: block;

    width: 260px;

    max-width: 100%;

    height: auto;

    margin: 25px auto;

    border-radius: 12px;

    box-shadow: 0 8px 20px rgba(0,0,0,.12);

}

.veranstaltungen-seite h1 {

    text-align: center;

    color: #244230;

    font-size: 2.2rem;

    margin-bottom: 50px;

}





/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */


@media (max-width:768px) {


    .veranstaltung-home-layout {

        flex-direction: column;

    }



    .veranstaltung-home-flyer {

        width: 100%;

    }


}