/* ============================================
   RSCE Hero Möhne
   ============================================ */

.rsce-hero-moehne{
    position:relative;
    /* Full-Bleed: Element durchbricht den Container und füllt die volle Viewport-Breite */
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    left:0;
    right:0;

    min-height:90vh;
    overflow:hidden;
    color:#fff;
    display:flex;
    align-items:center;
    isolation:isolate;
}

.rsce-hero-moehne__bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:0;
}

.rsce-hero-moehne__overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:1;
}

.rsce-hero-moehne__inner{
    position:relative;
    z-index:2;
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:80px 32px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:center;
}

/* ---------- Textblock links ---------- */

.rsce-hero-moehne__text{
    max-width:640px;
}

.rsce-hero-moehne__kicker{
    margin:0 0 18px;
    color:#f5b237;
    font-size:14px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.rsce-hero-moehne__headline{
    margin:0 0 28px;
    font-size:clamp(2.5rem, 6vw, 5.5rem);
    line-height:1;
    font-weight:900;
    letter-spacing:-.02em;
    text-transform:uppercase;
    color:#fff;
}

.rsce-hero-moehne__headline-line{
    display:block;
}

.rsce-hero-moehne__subline{
    margin:0 0 32px;
    font-size:18px;
    line-height:1.5;
    color:rgba(255,255,255,.92);
    max-width:560px;
}

/* ---------- Buttons ---------- */

.rsce-hero-moehne__buttons{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.rsce-hero-moehne__btn{
    display:inline-block;
    padding:14px 28px;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    border-radius:6px;
    transition:transform .15s ease, background .15s ease, color .15s ease;
    border:2px solid transparent;
}

.rsce-hero-moehne__btn--primary{
    background:#2f8a4d;
    color:#fff;
    border-color:#2f8a4d;
}

.rsce-hero-moehne__btn--primary:hover{
    background:#256e3d;
    border-color:#256e3d;
    transform:translateY(-1px);
}

.rsce-hero-moehne__btn--outline{
    background:transparent;
    color:#fff;
    border-color:#fff;
}

.rsce-hero-moehne__btn--outline:hover{
    background:#fff;
    color:#1a1a1a;
}

/* ---------- Card rechts ---------- */

.rsce-hero-moehne__card{
    display:block;
    background:#fff;
    color:#222;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.35);
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease;
    max-width:560px;
    justify-self:end;
    width:100%;
}

a.rsce-hero-moehne__card:hover{
    transform:translateY(-3px);
    box-shadow:0 26px 70px rgba(0,0,0,.45);
}

.rsce-hero-moehne__card-img{
    display:block;
    width:100%;
    height:300px;
    object-fit:cover;
}

.rsce-hero-moehne__card-body{
    padding:24px 28px 28px;
}

.rsce-hero-moehne__card-label{
    margin:0 0 10px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#444;
}

.rsce-hero-moehne__card-title{
    margin:0 0 12px;
    font-size:26px;
    line-height:1.2;
    font-weight:700;
    color:#2f8a4d;
}

.rsce-hero-moehne__card-text{
    margin:0;
    font-size:15px;
    line-height:1.55;
    color:#555;
}

/* ---------- Responsive ---------- */

@media (max-width:960px){
    .rsce-hero-moehne{
        min-height:auto;
    }
    .rsce-hero-moehne__inner{
        grid-template-columns:1fr;
        padding:60px 20px;
        gap:40px;
    }
    .rsce-hero-moehne__card{
        justify-self:stretch;
        max-width:none;
    }
    .rsce-hero-moehne__card-img{
        height:220px;
    }
}

@media (max-width:520px){
    .rsce-hero-moehne__buttons{
        flex-direction:column;
        align-items:stretch;
    }
    .rsce-hero-moehne__btn{
        text-align:center;
    }
}

/* Horizontalen Scroll verhindern (wegen 100vw Full-Bleed) */
html, body{
    overflow-x:hidden;
}