/*----- Menu -----*/

.springum {
  container-type: inline-size;
  container-name: menuebreite;
}

@container menuebreite (min-width: 38em) {
  .springum nav {
  position: fixed;
  top: 1.2em;
  padding: 0;
  height: 6em;
  margin: 0 auto;
  text-align: right;
  border-bottom: 1px solid white;
  }

  .springum ul {
  text-decoration: none!important;
  padding: 0.75em 0 0 0;
  font-size: 90%;
  margin: 0;
  }
  
  .springum li {
  text-decoration: none!important;
  list-style: none;
  background: #e06f1c;
  font-family : "Raleway";
  color: white!important;
  font-size : 1.5em;
  margin-left: 20px;
  display: inline;
  }

  .springum ul li a {
  color: white;
  } 
  
  .springum ul li a:hover {
  color: #ffdb8f;
  border-bottom: 2px solid #03405f;
  } 
}


@container menuebreite (width < 38em) {
  .springum li {
  list-style: none;
  text-align: right;
  background: #e06f1c;
  font-family : "Raleway";
  color: white;
  font-size : 1.5em;
  margin-bottom: 2%;
  margin-left: 20px;
  display: block;
 }

  .springum ul li a {
  color: white;
  } 
  
  .springum ul li a:hover {
  color: #ffdb8f;
  border-bottom: 2px solid #03405f;
  } 
}