.navbar.small{
  display: none;
}

#head_logo{
  display: none !important;
}

.gcse-search{
  display: none!important;
}

/* Hamburger-Button anzeigen */
.menu-button-container {
  position: relative;
  top: 20px !important;
  left: 50px !important; /* links statt rechts*/
  display: flex;
  cursor: pointer;
  height: 40px;
  width: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999 !important;
}

/* Hamburger-Balken */
.menu-button {
  width: 30px;
  height: 4px;
  background-color: #333;
  border-radius: 2px;
  transition: all 0.3s ease;
  position: relative;
  /*bottom: 20px;
  left: 50px !important; /* links statt rechts*/
  padding: 10px 15px;
  color: #eceff4 !important;
  border: 3px outset #d6e0ea;
  border-radius: 8px;
  cursor: pointer;
  z-index: 9999;
  font-size: 20px;
}

.menu-button::before,
.menu-button::after {
  content: '';
  width: 30px;
  height: 4px;
  background-color: #333;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}

.menu-button::before {
  top: -10px;
}

.menu-button::after {
  top: 10px;
}


/* Hamburger öffnen – Kreuz */
.menu-button.open {
  background-color: transparent;
}

.menu-button.open::before {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-button.open::after {
  transform: rotate(-45deg) translate(5px, -5px);
}

/* Menü verstecken / anzeigen */
#menu {
  display: none;
  flex-direction: column;
  width: 100%;
  position: absolute;
  top: 10%; /* unter Header */
  left: 0;
  background-color: rgb(234, 241, 248);
/*  z-index: 9999;*/
  padding: 10px 0;
}

#menu a {
  color: black;
  text-decoration: none;
  padding: 10px 20px;
  z-index: 10000; /* sicherstellen, dass Text über Hintergrund */
}

#menu.show {
  display: flex;
}

/*#menu-toggle:checked + .menu-button-container + .menu {
  display: flex;
}*/

header h1{
  margin-top: 20vh;
  width:100%;
  margin-left:0;
  margin-right:0;
}

.menu_active{
  display: none;
}



  section {
    padding: 1.5rem;
  }
  section h1 {
    font-size: 1.5rem;
  }
  section h2, section li {
    font-size: 1rem;
  }



section h2{
  margin: 4rem 0;
  align-items: center !important;
  font-style: italic;
  text-align: center;
}

section ol{
  font-size: 2rem;
  text-align: left !important;
  margin: 1rem 1rem 1rem 2rem;
}

section ol li{
  list-style: decimal;
  margin: 1rem 0 1rem -1rem;
}

/* Footer-Button links */
.toggle-button {
  position: fixed;
  bottom: 10px;
  left: 20px; /* links statt rechts */
  padding: 10px 15px;
  background-color: #c5d4e4;
  color: #eceff4 !important;
  border: 3px outset #d6e0ea;
  border-radius: 8px;
  cursor: pointer;
  z-index: 9999;
  font-size: 20px;
}



.footer_bottom{
  margin-bottom: 50px !important;
}


.footer-container {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Text + Button links ausrichten */
  gap: 10px; /* Abstand zwischen Button und Text */
  padding: 10px 20px;
  height: 100px;
}