/* ---- Variablen -------------------------------------------- */
:root {

/* Backgrounds GREEN and WHITE */
    --bg-primary:        #3a7d44;
    --bg-dark: #2c5f34; /* used for header */
    --bg-light:   #e8f5eb;
    --bg:  #f7faf7;
    --bg-white:  #ffffff;

/* Radius */
    --radius-button:       8px;
    --radius-card:    14px;

/* Text */
    --text:         #1e2d1f;
    --text-light:  #5a6a5b;
    --weiss:        #ffffff;

/* ---- */

    --erde:         #7d5a3a;
    --erde-hell:    #f5ede6;
    --himmel:       #4a7fa5;
    --himmel-hell:  #e6f0f7;
    --rand:         #ccd8cd;


    --schatten:     0 2px 12px rgba(0,0,0,.08);
    --uebergang:    0.2s ease;
}