.btn-submit {
  background-color: #FF9900; /* eigene Farbe */
  color: #000;               /* Textfarbe */
  font-weight: bold;
  padding: 0px;
  border: none;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

.btn-submit:hover {
  background-color: #e68a00; /* dunkler bei Hover */
  transform: scale(1.05);
}

.btn-icon {
  
  height: 100%;
  
}

#cookieConsent {
      position: fixed;
  
      bottom: 0;
      left: 0;
      right: 0;
      background-color: #343a40;
      color: white;
      z-index: 1050;
      padding: 1rem;
      display: none;
}

.modal {
  z-index: 3000 !important;
}
.modal-backdrop {
  z-index: 2990 !important;
}

.Veranstaltung {
 background-color: #efefef;
 margin: 5px;
 padding: 15px;
 margin-bottom: 30px;
 border-radius: 5px;
}

.modal-title {
  color: #000 !important;
}

.text-justify {
 text-align: justify;
}


.dropdown-menu.custom-width {
  min-width: 16rem; /* oder was dir gefällt */
}

 .btn-outline-custom {
      color: #fc4500;
      border-color: #fc4500;
    }
    .btn-outline-custom:hover,
    .btn-check:checked + .btn-outline-custom,
    .btn-check:active + .btn-outline-custom,
    .btn-outline-custom.active {
      color: #fff;
      background-color: #fc4500;
      border-color: #fc4500;
    }


@media (max-width: 1024px) {
  body {
    background-color: #121212;
    color: #f8f9fa;
  }
 
  .card {
    background-color: #2c2c2c;
    color: #f8f9fa;
  }

.navbar {
    position: relative;
  }

  /* Collapse-Menü fixiert, volle Breite minus 10px Rand */
  .navbar-collapse {
    top: 56px;          /* Höhe der Navbar */
    left: 10px;
    right: 10px;
    background-color: #1f1f1f;
    border-radius: 6px;
    padding: 10px;
    z-index: 1050;      /* über allem */
  }

  /* Links im Menü */
  .navbar-collapse .nav-link {
    color: #f8f9fa !important;
    display: block;
    padding: 8px 12px;
  }

  .navbar-collapse .nav-link:hover {
    color: orange !important;
    background-color: #2c2c2c;
    border-radius: 4px;
  }

  /* Dropdown-Menü im Collapse */
  .dropdown-menu {
    background-color: #2c2c2c !important;
    color: #f8f9fa !important;
  }

  .dropdown-menu .dropdown-item {
    color: #f8f9fa !important;
  }

  .dropdown-menu .dropdown-item:hover,
  .dropdown-menu .dropdown-item:focus {
    background-color: #444 !important;
    color: orange !important;
  }


 .navbar {
    background-color: #666666 !important;
  }

  .navbar .navbar-brand,
  .navbar .nav-link {
    color: #f8f9fa !important;
  }

  .navbar .nav-link:hover,
  .navbar .nav-link:focus {
    color: #fff !important; /* deine Wunschfarbe */
  }

  /* Toggler-Rahmen */
  .navbar-toggler {
    border-color: #f8f9fa;
  }

  /* Toggler-Icon (Striche) umstellen */
  .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }


.table {
    background-color: #1e1e1e; /* dunkler Tabellenhintergrund */
    color: #f8f9fa;           /* helle Schrift */
  }

  .table th,
  .table td {
    border-color: #444;       /* hellere Rahmenlinien */
    color: #f8f9fa;           /* Textfarbe in Zellen */
  }

  .table thead th {
    background-color: #2c2c2c; /* Kopfzeile leicht abgesetzt */
    color: #ffffff;
  }

a {
  color: #fc4500;
}


  a:hover,
  a:visited,
  a:link,
  a:active,
  a:focus {
    color: #fc4500; /* etwas dunkler beim Hover */
  }

.Veranstaltung {
 color: black;
}


}