/* ==========================================
   Aktuelles Archiv
========================================== */

.news-archive{

    padding:90px 0;
    background:#fff;

}

.news-archive .container{

    max-width:1200px;
    margin:auto;
    padding:0 25px;

}

.news-archive h1{

    font-size:54px;
    line-height:1.1;
    margin:15px 0 60px;
    color:#1f1f1f;

}

.news-list{

    display:flex;
    flex-direction:column;
    gap:60px;

}

.news-card{

    display:grid;
    grid-template-columns:420px 1fr;
    gap:45px;
    align-items:center;

}

.news-image img{

    width:100%;
    display:block;
    border-radius:18px;
    transition:.35s;

}

.news-image:hover img{

    transform:scale(1.03);

}

.news-date{

    color:#d79b00;
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;

}

.news-content h2{

    font-size:42px;
    margin-bottom:20px;

}

.news-content h2 a{

    color:#222;
    text-decoration:none;

}

.news-content p{

    font-size:20px;
    line-height:1.8;
    color:#555;

}

.news-content .btn{

    display:inline-block;
    margin-top:30px;
    padding:16px 36px;
    background:#f2ad00;
    color:#fff;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;

}

.news-content .btn:hover{

    background:#d99600;

}

.news-pagination{

    margin-top:70px;
    text-align:center;

}

.news-pagination .page-numbers{

    display:inline-block;
    margin:0 6px;
    padding:10px 16px;
    border-radius:30px;
    text-decoration:none;
    color:#333;

}

.news-pagination .current{

    background:#f2ad00;
    color:#fff;

}

/* =============================
   Responsive
============================= */

@media(max-width:900px){

.news-archive{
    text-align:center;
}

.news-archive .container{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:0 25px;
    margin:0 auto;
}

.news-card{
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
}

.news-image{
    width:100%;
    max-width:420px;
    margin:0 auto;
}

.news-content{
    width:100%;
    max-width:700px;
    margin:0 auto;
    text-align:center;
}

.news-content h2{
    font-size:34px;
}

.news-content p{
    font-size:18px;
    line-height:1.7;
}

.news-content .btn{
    margin-left:auto;
    margin-right:auto;
}

.news-archive h1{
    font-size:40px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

}

@media(max-width:480px){

.news-archive{
    padding:60px 0;
}

.news-archive h1{
    font-size:34px;
    line-height:1.15;
    margin-bottom:40px;
}

.news-content h2{
    font-size:28px;
}

.news-content p{
    font-size:17px;
}

}
/* =========================================================
   AKTUELLES – MOBILE ZENTRIERUNG
   ========================================================= */

.news-archive {
    width: 100%;
    box-sizing: border-box;
}

.news-archive .container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
}

.news-archive h1 {
    margin-left: auto;
    margin-right: auto;
}

.news-list {
    width: 100%;
}

/* Smartphone */
@media (max-width: 767px) {

    .news-archive {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    .news-archive .container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .news-archive .section-kicker {
        display: block;
        text-align: center;
    }

    .news-archive h1 {
        width: 100%;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        box-sizing: border-box;
    }

    .news-archive .news-list {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .news-archive .news-card {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
    }
}