/*Hamburger menü*/
/* Rahmen und Hintergrund des Hamburger-Buttons */
.navbar-toggler {
  border: 2px solid #ebd185;   /* goldener Rahmen */
  border-radius: 2px;          /* runde Ecken */
  padding: 15px 15px;           /* etwas mehr Klickfläche */
  background-color: #123643;   /* dunkelblauer Hintergrund */
}

/* Farbe der drei Striche */
.navbar-toggler-icon {
  background-image: none; /* Bootstrap-Icon entfernen */
  width: 24px;
  height: 2px;
  background-color: #ebd185; /* Farbe der Striche */
  position: relative;
  display: block;
  transition: all 0.3s ease;
}
/* Schatten beim Klick/Fokus entfernen */
.navbar-toggler:focus,
.navbar-toggler:active {
  outline: none !important;
  box-shadow: none !important;
}

/* die zwei weiteren Striche als Pseudo-Elemente */
.navbar-toggler-icon::before,
.navbar-toggler-icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #ebd185; /* gleiche Farbe */
  transition: all 0.3s ease;
}

.navbar-toggler-icon::before {
  top: -7px; /* oberer Strich */
}

.navbar-toggler-icon::after {
  top: 7px;  /* unterer Strich */
}
/*HAMBURGER MENÜ ENDE*/