/* Allgemeine Stile */
body {
    
    font-family: Arial, sans-serif;
    background: linear-gradient(to right, #0a0f0d, #002233, #003a56);
    color: #E6E6E6;
    padding-top: 190px;
    font-size: large;

}

body.light-mode {
    background: linear-gradient(to right, #8ba3a0, #d5faf5, #bbdcd7); 
    color: #212529;
}

/* Header Stile */
header {
    background: linear-gradient(to right, #0a0f0d, #002233, #003a56);
    /* width: 100% */
    color: #E6E6E6;


}

header.light-mode {
    background: linear-gradient(to right, #8ba3a0, #d5faf5, #bbdcd7); 
    color: #212529;
}





footer {
    background: linear-gradient(to right, #0a0f0d, #002233, #003a56);
    color: #E6E6E6;
}

footer.light-mode{
    background: linear-gradient(to right, #8ba3a0, #d5faf5, #bbdcd7); 
    color: #212529;

}


.cards-container {
    margin-top: 35px;
}

.card-body-dark{
    color: #ffffff;
    background-color: #345261;

}

.card-body-light{
    color: #0a0f0d;
    background-color: #1bd3f820;
}

/* 
header.light-mode .navbar {
    background-color: #ffffff;
}

header.light-mode .nav-link {
    color: #212529;
}

header.light-mode .btn-outline-light {
    color: #212529;
    border-color: #212529;
} */

/* Abschnittsstile */
/* section {
    padding: 60px 0;
} */

/* section.bg-light {
    background-color: #f8f9fa;
}

section.bg-light.light-mode {
    background-color: #f8f9fa;
} */