.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;
}

.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.5rem; /* Abstand zwischen den Karten */
      padding: 2rem;
    }

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

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


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

    .clickable {cursor: pointer; }