body {
    margin: 0;
    font-family: "Montserrat", sans-serif;
  }



  .menu-link {
    color: white;
    text-decoration: none;
    margin-right: 1em;
    justify-content: space-evenly;
    font-size: clamp(0.3em, 2.8vw, 1.0em);
    
    
  }

  @media(max-width:900px) {
    .menu-link{font-size: clamp(0.2em, 2.8vw, 0.6em)};
    .menu-link:hover {color: black;}

  }


  .menu-link:hover {
    color: black;
  }

  .Myname {
    color: white;
    font-size: clamp(0.4em, 2.8vw, 1.8em);
    text-transform: uppercase;
    width: max-content ;
    height: max-content;
  
   
   
   
  }

  @media(max-width:300px) {
    .Myname{padding-left: 1em;}

  }

  .field {
    font-size: clamp(0.4em, 2.8vw, 1.6em);
    text-transform: uppercase;
    color: rgb(49, 76, 94);
    width: max-content ;
   
   
  }

  .underline{
    text-decoration-thickness: 2px;
    text-decoration-color: black ;
    text-decoration-line: underline;
    text-underline-position: below;
    text-underline-offset: 0.6em;
  }

  .OverHeader {
    padding-left: 5%;
    color: lightgray;
    font-size: clamp(0.5em, 2.8vw, 1.6em);
    text-align: left;
    line-height: 1.8em;
    text-transform: uppercase;
  }

  @media(max-width:900px) {
    .OverHeader{font-size: clamp(0.2em, 2.8vw, 1.0em);}

  }

  .UnderHeader {
    color: rgb(49, 76, 94);
    font-size: clamp(1.8em, 2.8vw, 2.5em);
    text-align: left;
    text-transform: uppercase;
  }

  @media(max-width:900px) {
    .UnderHeader{font-size: clamp(1.2em, 2.8vw, 2.3em);}

  }

  .headernormalText{
    color: lightgrey;
    font-size: clamp(0.4em, 2.8vw, 1.8em);
    text-align: left;
    text-transform: uppercase;
  }
  @media(max-width:900px) {
    .headernormalText{font-size: clamp(0.2em, 2.8vw, 1.0em);}
  
  }

  .normalTextbig{
    color: black;
    font-size: clamp(0.4em, 2.8vw, 1.8em);
    text-align: justify;
  }

  @media(max-width:950px) {
    .normalTextbig{font-size: clamp(0.2em, 2.8vw, 0.8em);
    .normalTextbig{text-align: left;}}

  }

  @media(max-width:600px) {
    .normalTextbig{font-size: clamp(0.2em, 2.8vw, 0.7em);}

  }

.normalTextsmall{
  color: black;
  font-size: clamp(0.4em, 2.8vw, 1.4em);
  text-align: justify;
}

@media(max-width:1000px) {
  .normalTextsmall{font-size: clamp(0.2em, 2.8vw, 0.6em);}

}
@media(max-width:900px) and (orientation:portrait) {
  .normalTextsmall{font-size: clamp(0.2em, 2.8vw, 0.6em);}

}

.language_link {
  color: white;
  text-decoration: none;
  font-size: clamp(0.4em, 2.8vw, 1.2em);
}

@media(max-width:900px) {
  .language_link{font-size: clamp(0.2em, 2.8vw, 0.7em);}

}

.language_link:hover {
  color: black;
}