/* ==========================================================
   TABLET
========================================================== */

@media (max-width:900px){

    .event-section{
        padding:25px 0 55px;
    }

    .event-container{
        width:calc(100% - 30px);
    }

    .event-label{
        font-size:13px;
        letter-spacing:3px;
        margin-bottom:14px;
    }

    /* Intro */
    .event-intro > .event-container > h2{
        font-size:48px;
        line-height:1.12;
        margin-bottom:20px;
    }

    .event-text{
        font-size:18px;
        line-height:1.7;
    }

    /* Karten */
    .event-intro-grid{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
        margin-top:40px;
    }

    .intro-card{
        padding:28px 20px;
    }

    .intro-card h3{
        font-size:24px;
    }

    .intro-card p{
        font-size:16px;
        line-height:1.6;
    }

    /* Hero */
    .hed-hero{
        width:100%;
        margin:22px auto 35px;
        border-radius:20px;
    }

    /* Event */

    .event-section:not(.event-intro) > .event-container > h2{
        font-size:46px;
        line-height:1.12;
        margin-bottom:18px;
    }

    .event-detail-content h2{
        font-size:38px;
        line-height:1.15;
        margin-bottom:16px;
    }

    .event-short{
        font-size:18px;
    }

    .event-info-grid{
        grid-template-columns:1fr;
        gap:16px;
    }

}

/* ==========================================================
   SMARTPHONE
========================================================== */

@media (max-width:600px){

    /* Weniger Luft unter Kopfzeile */

    .event-section:first-child{
        padding-top:12px;
    }

    .event-section{
        padding-bottom:45px;
    }

    .event-container{
        width:calc(100% - 24px);
    }

    .event-label{
        font-size:12px;
        letter-spacing:3px;
        margin-bottom:12px;
    }

    /* Intro */

    .event-intro > .event-container > h2{
        font-size:30px;
        line-height:1.15;
        margin-bottom:18px;
    }

    .event-text{
        font-size:15px;
        line-height:1.75;
    }

    /* Karten */

    .event-intro-grid{
        grid-template-columns:1fr;
        gap:18px;
        margin-top:30px;
    }

    .intro-card{
        padding:24px;
    }

    .intro-card h3{
        font-size:24px;
    }

    .intro-card p{
        font-size:15px;
        line-height:1.7;
    }

    /* Hero */

    .hed-hero{
        width:100%;
        margin:18px auto 28px;
        border-radius:16px;
    }

    .hed-arrow{
        width:40px;
        height:40px;
    }

    /* Eventüberschrift */

    .event-section:not(.event-intro) > .event-container > h2{
        font-size:28px;
        line-height:1.2;
        margin-bottom:18px;
    }

    /* Eventtitel */

    .event-detail-content h2{
        font-size:20px;
        line-height:1.3;
        margin-bottom:14px;
    }

    .event-detail-card{
        padding:22px 18px;
    }

    .event-short{
        font-size:16px;
    }

    .event-description{
        font-size:15px;
        line-height:1.75;
    }

    .event-info-grid{
        grid-template-columns:1fr;
        gap:14px;
    }

    .glam-btn{
        width:100%;
        justify-content:center;
    }

}