.card {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
}

body {
    background-color: white;
    /* #EEE; */
}

.bg-footer {
    background-color: #777 !important;
}

.text-link {
    color: #871D33 !important;
    text-decoration: none;
}
.text-blue {
    color: #0075C3;
}

.bg-nav {
    background-color: #871D33 !important;
    color: white;
}

.bg-footer a {
    color: #FFF;
}

.header-title {
    text-decoration: none;
    color: #871D33;
    font-size: 40px;
    padding: 20px 0px 5px 40px;
    display: block;
}

.navbar-light {
    background-color: #EEE;
}
.searchform_outer {

    background-color: #EEE;
}

.bg-app {
    min-height: 70vh;
    padding-top: 100px;
}

.bg-line {
    color: rgb(170, 170, 170);
}

.bg-selected {
    background-color: #0075C3;
    color: #fff;
    border: none;
    text-decoration: none;
}

.bg-option {
    background-color: rgb(0, 117, 195)
}

.bg-lightgrey {
    background-color: #ddd;
}

.card-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    /* Karten mittig ausrichten */
    gap: 1.0rem;
    /* Abstand zwischen den Karten */
    padding: 1rem;
}

.card-grid .card {
    flex: 1 1 350px;
    /* Mindestbreite 250px, wächst bei Platz */
    max-width: 250px;
    /* Optional: maximale Breite */
    min-height: 200px;
}

@media(max-width: 990px) {
    .card {
        max-width: 50%;
    }
}


@media(max-width: 800px) {
    .card {
        max-width: 100%;
    }
}