/* ==========================================================
   HERO
========================================================== */

.hegau-hero{
    margin:40px 0 60px;
}

.hegau-hero .container{
    width:min(1800px,94%);
    margin:0 auto;
}

/* ==========================================================
   GRID
========================================================== */

.hegau-hero__grid{
    display:grid;
    grid-template-columns:minmax(0,2.4fr) 420px 340px;
    gap:24px;
    align-items:stretch;
}

.hegau-hero__slider,
.hegau-hero__news,
.hegau-hero__weather{
    min-width:0;
}

/* ==========================================================
   RIGHT CARDS
========================================================== */

.hegau-hero__news,
.hegau-hero__weather{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    height:620px;
}

/* ==========================================================
   PLACEHOLDER
========================================================== */

.hegau-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:28px;
    font-weight:700;
    color:#24364d;
    background:#f8fafc;
}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1600px){

    .hegau-hero__grid{
        grid-template-columns:minmax(0,2fr) 360px 300px;
    }

}

@media (max-width:1200px){

    .hegau-hero__grid{
        grid-template-columns:1fr;
    }

    .hegau-hero__news,
    .hegau-hero__weather{
        height:auto;
    }

}