body, html {
  height: 100%;
  margin: 0;
  background: linear-gradient(to bottom, rgb(236,234,206) 50%, rgb(140,176,161) 50%);
  background-attachment: fixed; /* Ensures background doesn't move */
}


.my_font_size {
  font-size: clamp(14px,3vw,36px);
}

.base_container {
  display: flex;
}

#abschnitt_oben {
  height: 50%;
  background-color: rgb(236,234,206);
  
}

.my_abschnitt {
  height: 50%;
  padding-top: 2%;
  padding-bottom: 2%;
}

#farbe_gruen {
  background-color: rgb(236,234,206);
}

#farbe_blau {
  background-color: rgb(140,176,161);
}

#farbe_magenta {
  background-color: rgb(225,16,100);
}