.title {
  font-size: 25px;
}

h1 {
  font-size: 45px;
}

h2 {
  background-color: #ff4d00;
  color: white;
}

h3 {
  color: white;
}

.navbar-nav .nav-link {
  color: white !important;
  font-weight: bold;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 77, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


.nav-link.active {
  background-color: #ff4d00 !important;
  color: black !important;
}

.dropdown-menu {
  background-color: black;
  color: white;
}

.dropdown-item {
  color: white;
  font-weight: bold;
}

.dropdown-item:hover {
  background-color: #ff4d00 !important; /* Hier kannst du die Highlighting-Farbe ändern */
}

.breadcrumb a {
  color: #ff4d00;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #ff4d00;
  font-weight: bold;
}

.link-opacity-10-hover {
  color: #ff4d00;
}

h2 a {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: white;
  /* Farbe des aktiven Elements ändern */
}

.accordion-button.collapsed {
  background-color: black;
  color: white;
  font-weight: bold;
}

.accordion-button:not(.collapsed) {
  background-color: #ff4d00;
  color: black;
  font-weight: bold;
}

.accordion-body {
  background-color: #424242;
  color: white;
}

#backToTop {
  color: #ff4d00;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

body {
  background-color: #424242;
  color: white;
}

.alert-primary {
  background-color: #ff4d00 !important;
  color: black; /* Optional: Textfarbe anpassen */
  font-weight: bold;
  border: 2px solid black;
}

footer {
  text-align: center;
  margin: 0 auto;
  background-color: black;
  color: white;
  font-weight: bold;
  padding: 10px;
  width: 100%;
  flex-shrink: 0;
  margin-left: 0;
}