/* ==========================================================
   AKTUELLES
   Schuhhaus Minnich
========================================================== */

.home-news{

    padding:100px 0;

    background:#fafafa;

}

.home-news .container{

    max-width:1280px;

    margin:0 auto;

    padding:0 40px;

}

/* ---------- Überschrift ---------- */

.section-kicker{

    display:inline-block;

    margin-bottom:15px;

    font-size:14px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#f5a400;

}

.home-news h2{

    font-size:54px;

    font-weight:800;

    margin-bottom:70px;

    color:#222;

}

/* ---------- Layout ---------- */

.news-grid{

    display:grid;

    grid-template-columns:1.1fr 0.9fr;

    gap:70px;

    align-items:center;

}

/* ---------- Bild ---------- */

.news-image img{

    width:100%;

    display:block;

    border-radius:26px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

    transition:.35s;

}

.news-image img:hover{

    transform:scale(1.03);

}

/* ---------- Text ---------- */

.news-content h3{

    font-size:42px;

    line-height:1.2;

    margin-bottom:25px;

    color:#222;

}

.news-text{

    font-size:22px;

    line-height:1.8;

    color:#555;

    margin-bottom:40px;

}

/* ---------- Button ---------- */

.home-news .btn{

    display:inline-block;

    padding:18px 38px;

    border-radius:999px;

    background:#f5b223;

    color:#222;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.home-news .btn:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 25px rgba(0,0,0,.15);

}

/* ---------- Animation ---------- */

.news-image{

    animation:fadeLeft .8s ease;

}

.news-content{

    animation:fadeRight .8s ease;

}

@keyframes fadeLeft{

    from{

        opacity:0;

        transform:translateX(-40px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

@keyframes fadeRight{

    from{

        opacity:0;

        transform:translateX(40px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

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

@media(max-width:1100px){

.news-grid{

    grid-template-columns:1fr;

    gap:50px;

}

.home-news{

    text-align:center;

}

.home-news h2{

    font-size:42px;

}

.news-content h3{

    font-size:34px;

}

}

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

@media(max-width:768px){

.home-news{

    padding:80px 0 60px;

}

.home-news .container{

    padding:0 25px;

}

.home-news h2{

    font-size:48px;

    margin-bottom:40px;

}

.news-content h3{

    font-size:28px;

}

.news-text{

    font-size:18px;

}

.home-news .btn{

    width:100%;

    text-align:center;

}

}