/* ==========================================================
   BeKa Autoaufbereitung V2
   Datei: variables.css
   Aufgabe: Globale Variablen
========================================================== */

:root{

    /* Farben */
    --beka-primary:#c8102e;
    --beka-primary-hover:#a60d26;

    --beka-dark:#0f1115;
    --beka-dark-secondary:#181b21;

    --beka-light:#ffffff;
    --beka-light-secondary:#f5f5f5;

    --beka-text:#e9e9e9;
    --beka-text-dark:#2b2b2b;

    --beka-border:rgba(255,255,255,.08);

    /* Schatten */

    --beka-shadow-small:0 4px 15px rgba(0,0,0,.15);
    --beka-shadow-medium:0 10px 35px rgba(0,0,0,.25);
    --beka-shadow-large:0 20px 60px rgba(0,0,0,.35);

    /* Abstände */

    --beka-section-padding:120px;
    --beka-container:1280px;
    --beka-radius:18px;

    /* Animation */

    --beka-transition:.35s ease;

}

.beka-container{

    width:min(92%,var(--beka-container));
    margin-inline:auto;

}

body{

    background:var(--beka-dark);
    color:var(--beka-text);

}