/* Farblich angepasst an mymicrobalance.com */

body {
    scroll-behavior: smooth;
    background-color: #F8F9FA;
    color: #2A3142;
    font-family: system-ui, sans-serif;
}

h1{
    font-weight: 700;
    color: white;
}

h2 {
    font-weight: 700;
    color: #2A3142;
}

a {
    color: #53B14F;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.list-group-item {
    border: none;
    background: transparent;
    color: #2A3142;
    font-weight: 500;
}

/* Buttons */
.btn-primary {
    background-color: #1583AE;
    border-color: #2A3142;
}

.btn-primary:hover {
    background-color: #1d2230;
    border-color: #1d2230;
}

.btn-success {
    background-color: #1583AE;
    border-color: #2A3142;
}

.btn-success:hover {
    background-color: #1d2230;
    border-color: #2A3142;
}

/* Header und Footer */
header {
    background: linear-gradient(to right, #1583AE, #5FB3D3);
}

footer {
    background-color: #2A3142 !important;
}

/* Optional: Linkfarbe im Footer heller */
footer a {
    color: #dddddd;
}

footer a:hover {
    color: white;
}