/* =========================
   Shows
========================= */

.shows-container{

    width:min(1100px,90%);

    margin:120px auto;

    font-family:"Inter",sans-serif;

}


.shows-container h2{

    text-align:center;

    font-size:42px;

    font-weight:800;

    color:#111827;

    margin-bottom:60px;

}


/* Sendung */

.shows-container > div{

    padding:32px 0;

    border-bottom:1px solid #ececec;

    transition:.25s ease;

}


.shows-container > div:hover{

    padding-left:18px;

    border-left:4px solid #ff3b30;

}


/* Titel */

.shows-container h4{

    font-size:28px;

    font-weight:800;

    color:#111827;

    margin-bottom:10px;

}


/* Sendezeit */

.shows-container p{

    font-size:17px;

    color:#6b7280;

    margin-bottom:8px;

}


/* Moderator */

.shows-container span{

    font-size:15px;

    color:#4b5563;

    font-weight:600;

}


/* Mobile */

@media(max-width:700px){

    .shows-container{

        margin:80px auto;

    }

    .shows-container h2{

        font-size:32px;

        margin-bottom:40px;

    }

    .shows-container h4{

        font-size:22px;

    }

    .shows-container p{

        font-size:15px;

    }

    .shows-container span{

        font-size:14px;

    }

}