.why-hero{
    background:linear-gradient(90deg,rgba(20,32,51,.86),rgba(20,32,51,.46)),url("https://www.urlaubsparker.de/parken-flughafen-stuttgart/wp-content/uploads/2021/04/audi-2191220_1920.jpg") center center/cover no-repeat;
    color:#fff;
    padding:96px 0 90px;
}

.why-hero h1{
    font-size:clamp(2.8rem,5vw,5.2rem);
    line-height:.98;
    font-weight:950;
    letter-spacing:-.055em;
    margin-bottom:1.2rem;
}

.why-hero p{
    max-width:760px;
    font-size:1.16rem;
    color:rgba(255,255,255,.94);
}

.why-kicker{
    display:inline-block;
    background:#e7f1fb;
    color:#006fb6;
    font-weight:900;
    padding:7px 14px;
    border-radius:999px;
    text-transform:uppercase;
    font-size:.82rem;
    margin-bottom:18px;
}

.why-hero .why-kicker{
    background:rgba(255,255,255,.9);
}

.why-badges{
    display:flex;
    flex-wrap:wrap;
    gap:.7rem;
    margin-top:1.6rem;
}

.why-badges span{
    border:1px solid rgba(255,255,255,.30);
    background:rgba(255,255,255,.12);
    padding:.65rem .9rem;
    font-weight:850;
    font-size:.95rem;
}

.why-hero-card{
    background:#fff;
    color:#142033;
    padding:34px;
    box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.why-hero-card h2{
    font-size:2rem;
    line-height:1.1;
    font-weight:950;
    letter-spacing:-.035em;
    margin-bottom:1rem;
}

.why-hero-card p{
    color:#4b5563;
    font-size:1rem;
}

.why-section{
    padding:78px 0;
}

.why-section-light{
    background:#f4f8fc;
}

.why-title{
    font-size:clamp(2.1rem,4vw,4rem);
    line-height:1.05;
    font-weight:950;
    letter-spacing:-.045em;
    margin-bottom:1rem;
    color:#142033;
}

.why-lead{
    color:#4b5563;
    font-size:1.1rem;
    max-width:880px;
}

.why-image{
    width:100%;
    min-height:360px;
    height:100%;
    object-fit:cover;
    box-shadow:0 18px 42px rgba(20,32,51,.12);
}

.why-card{
    background:#fff;
    border:1px solid #d8e1ea;
    padding:30px;
    height:100%;
    box-shadow:0 14px 32px rgba(20,32,51,.06);
}

.why-card h3{
    font-size:1.25rem;
    font-weight:950;
    margin-bottom:.7rem;
    color:#142033;
}

.why-card p{
    color:#5f6b7a;
    margin-bottom:0;
}

.why-icon{
    width:54px;
    height:54px;
    background:#e7f1fb;
    color:#0078bf;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:950;
    font-size:1.1rem;
    margin-bottom:18px;
}

.why-box{
    background:#fff;
    border:1px solid #d8e1ea;
    padding:34px;
    height:100%;
    box-shadow:0 14px 32px rgba(20,32,51,.06);
}

.why-box h2{
    font-size:2rem;
    font-weight:950;
    letter-spacing:-.035em;
    color:#142033;
    margin-bottom:1rem;
}

.why-box p{
    color:#4b5563;
}

.why-box-dark{
    background:#142033;
    color:#fff;
    border-color:#142033;
}

.why-box-dark h2,
.why-box-dark p{
    color:#fff;
}

.why-checklist{
    display:grid;
    gap:14px;
}

.why-checklist div{
    background:#fff;
    border:1px solid #d8e1ea;
    padding:22px 24px;
}

.why-checklist strong{
    display:block;
    color:#142033;
    font-weight:950;
    margin-bottom:.25rem;
}

.why-checklist span{
    display:block;
    color:#5f6b7a;
}

.why-faq{
    background:#fff;
    border:1px solid #d8e1ea;
    padding:26px 30px;
    margin-bottom:16px;
}

.why-faq h3{
    font-size:1.15rem;
    font-weight:950;
    color:#142033;
}

.why-faq p{
    color:#4b5563;
    margin-bottom:0;
}

@media(max-width:991px){
    .why-hero{
        padding:72px 0;
    }

    .why-hero-card{
        margin-top:12px;
    }

    .why-section{
        padding:58px 0;
    }
}

@media(max-width:575px){
    .why-hero h1{
        font-size:2.65rem;
    }

    .why-hero-card,
    .why-card,
    .why-box,
    .why-faq{
        padding:24px;
    }
}

/* Einheitliche Buttons auf dieser Seite */
.why-hero .btn,
.why-hero-card .btn,
.why-section .btn{
    border-radius:0;
    font-weight:900;
    padding:.85rem 1.25rem;
    line-height:1.5;
    text-decoration:none;
}

.why-hero .btn-primary,
.why-hero-card .btn-primary,
.why-section .btn-primary{
    background:#0078bf;
    border-color:#0078bf;
    color:#fff;
}

.why-hero .btn-primary:hover,
.why-hero-card .btn-primary:hover,
.why-section .btn-primary:hover{
    background:#005f99;
    border-color:#005f99;
    color:#fff;
}

.why-hero .btn-outline-primary,
.why-hero-card .btn-outline-primary,
.why-section .btn-outline-primary{
    background:#fff;
    border-color:#0078bf;
    color:#0078bf;
}

.why-hero .btn-outline-primary:hover,
.why-hero-card .btn-outline-primary:hover,
.why-section .btn-outline-primary:hover{
    background:#0078bf;
    border-color:#0078bf;
    color:#fff;
}