.orangener-header{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  background-color: #FFA500;
  height: 100px;
  width: 100%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}



/* Standard (Lightmode) */
body {
  background: white;
  color: black;
  font-family: sans-serif;
  transition: background 0.3s, color 0.3s;
}

/* Darkmode */
body.darkmode {
  background: #121212;
  color: #e0e0e0;
}

#darkmode-toggle {
  margin-top: 20px;
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background: #333;
  color: white;
}

#darkmode-toggle:hover {
  background: #555;
}
/* ✨ Standard-Button (Lightmode) */
button {
  background: grey;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}

button:hover {
  background: #555;
}

/* 🌙 Button im Darkmode */
/*background: rgb(30, 58, 138)*/
body.darkmode button {
  background: #ffa31a;
  color: #121212;
}

body.darkmode button:hover {
  background: #cfcfcf;
}

.knopf-container{
  margin-top: 110px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  border-radius: 30px;
}
button.toggle-button{
    position:absolute;
    right:20px;
    top:20px;
}
img.logo{
  height:100px;
  position:absolute;
  left:10px;
  top:10px;
}
.willkommenOben{
  position: absolute;
  top:20px;
  left:800px;
}
.willkommen{
  position:absolute;
  top: 60px;
  right:700px;
}