@media (max-width: 991.98px) {
  #mainNavbar {
    text-align: right;
  }

  #mainNavbar .navbar-nav {
    align-items: flex-end;
  }

  #mainNavbar .nav-link {
    text-align: right;
  }
}
.nav-link:hover, .nav-link:focus {
        background-color: rgb(235, 235, 235) !important;
        border-radius: 4px;
        transition: background-color 0.2s, color 0.2s;
    }
.media-tile {
      position: relative;
      overflow: hidden;
      aspect-ratio: 4/3;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border-radius: 8px;
    }
.media-tile img, .media-tile video {
      object-fit: cover;
      width: 100%;
      height: 100%;
      display: block;
      transition: transform 0.3s ease;
    }
.media-tile:hover {
      transform: scale(1.02);
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    }

/* Grundstil für alle Accordion-Buttons */
.accordion-button {
  background-color: transparent;
  color: #000;
  border: 1px solid #343a40;
  border-radius: 0.375rem;
  padding: 1rem;
  font-size: 1.125rem;
  font-weight: 500;
  box-shadow: none;
}

/* Stil beim Aufklappen (wenn aktiv) */
.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #000;
  box-shadow: none;
  border-color: #343a40;
}

/* Optional: Hover- und Fokus-Stil */
.accordion-button:hover,
.accordion-button:focus {
  background-color: #f8f9fa;
  color: #000;
  border-color: #343a40;
}

/* Stil für den Inhalt des Accordions in konzept.php*/
.section-accent {
  border-left: 4px solid #444;
  padding-left: 1rem;
}

.bg-grey-100 { background-color: #f8f9fa; }
.bg-grey-200 { background-color: #eeeeee; }
.bg-white { background-color: #ffffff; }

.lead {
  font-size: 1.125rem;
  color: #333;
  line-height: 1.6;
}