/* ==========================================================
   BeKa Autoaufbereitung V2
   Datei: why-us.css
   Aufgabe: Warum BeKa?
========================================================== */

.beka-why-us{
    padding:var(--beka-section-padding) 0;
    background:var(--beka-dark);
}

.beka-why-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
    margin-top:30px;
}

.beka-why-card{
    background:#14171d;
    border:1px solid var(--beka-border);
    border-radius:var(--beka-radius);
    padding:35px;
    text-align:center;
    box-shadow:var(--beka-shadow-small);
    transition:var(--beka-transition);
}

.beka-why-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--beka-shadow-large);
    border-color:var(--beka-primary);
}

.beka-why-card h3{
    color:#fff;
    margin-bottom:18px;
    font-size:1.4rem;
}

.beka-why-card p{
    color:#d1d1d1;
    line-height:1.7;
}