@font-face { 
  font-family: 'Ubuntu-Medium';
  src: local('Ubuntu-Medium'),
  url('/anderes/Ubuntu-Medium.ttf');
 }

     /*enthält alles*/
    body {
    /* background-image: url("/Webseite/eingesetzte_Bilder/Hintergrund/Bild.jpeg");*/
      margin:auto;
      background-size: 100%;


    }

  #menu {
  overflow: hidden;
  background-color: rgb(0, 52, 99);
  
}/*
.block {
  display: inline-block;
  width: 20%;
  border: none;
  background-color: #4CAF50;
  padding: 14px 28px;
  font-size: 16px;
 
}*/
#menu-sektionen{
background-color: white;



}

#menu-sektionen a {
  display: inline-block;
  padding-top: 0.4%;
  font-family: Ubuntu-Medium;
  color: black;
  margin-left:13%;
  text-decoration: none;
  font-size: 23px; 
}

#menu-sektionen a:hover {
 /* color: red;*/
}

#logo {
  height: auto;
  width: 8%;
  float: center;
  margin-left: 35%;
  margin-top: 1.5%;
}

#logo_text{
  height: auto;
  width: 14%;
  float: center;
  padding-top: 1.5%;
}

#logo_links {
  height: auto;
  width: 5%;
  float: left;
}

#logo_rechts {
  height: auto;
  width: 5%;
  float: right;
}


@media screen and (max-width: 1900px) {

}

@media screen and (max-width: 1400px) {
    #logo{
    width: 10%;
  }
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {
    #menu-sektionen a {
    margin-left:10%;
  }

}
@media screen and (max-width: 750px) {
    #menu-sektionen a {
    margin-left:8%;
  }
    #logo{
    width: 12%;
  }
    #logo_text{
  height: auto;
  width: 20%;

}
}
@media screen and (max-width: 650px) {
    #menu-sektionen a {
    margin-left:6%;
  }
   #logo{
    width: 15%;
  }
}

@media screen and (max-width: 600px) {
    #menu-sektionen a {
    font-size: 22px; 
  }

}

@media screen and (max-width: 550px) {
    #menu-sektionen a {
      margin-left:5%;
      font-size: 21px; 
    }
    #logo_text{
      height: auto;
      width: 23%;
    }
    #logo {
      margin-left: 30%;
     
    }
}

@media screen and (max-width: 500px) {
    #menu-sektionen a {
    margin-left:5%;
    font-size: 18px; 
  }
}

@media screen and (max-width: 440px) {
    #menu-sektionen a {
    font-size: 16px; 
  }
    #logo_text{
    height: auto;
    width: 25%;
  }
}

@media screen and (max-width: 380px) {
    #menu-sektionen a {
    font-size: 14px; 
  }
    #logo_text{
    height: auto;
    width: 27%;
  }
   #logo {
      margin-left: 25%;
    }
}

@media screen and (max-width: 340px) {
    #menu-sektionen a {
    margin-left:4%;
    font-size: 13px; 
  }
    #menu-sektionen{
    /*height: 3%;*/
  }
    #logo_text{
    height: auto;
    width: 29%;
  }

}
@media screen and (max-width: 300px) {
    #menu-sektionen a {
    margin-left:3%;
    font-size: 11px; 
  }

}
/*
@media screen and (max-width: 1400px) {
  #logo{
   padding-right: 5%; 
  }

}

@media screen and (max-width: 1000px) {
  #menu-sektionen a {
  font-size: 20px; 
}
}

@media screen and (max-width: 950px) {
  #logo{
   
  width:22%;
     padding-right: 0%; 
  }
  }

@media screen and (max-width: 800px) {
  #logo{
     
  width:24%;
  }
  #menu-sektionen a{
      font-size: 17px;
  }
}

@media screen and (max-width: 700px) {

#menu-sektionen a{
 font-size: 15px; 
}
#logo{
   
  width:25%;
  }
}

@media screen and (max-width: 610px) {
  #logo{
   
    width: 30%;

  }
  #menu-sektionen a {
    line-height: 40px;
  }
  
}
@media screen and (max-width: 500px) {
  #logo{
    padding-top: 3%;
    width: 30%;

  }
@media screen and (max-width: 400px) {
  #logo{
    padding-top: 4%;
    width: 32%;
  }
  #menu-sektionen a{
padding: 5px;
}
}

  @media screen and (max-width: 360px) {
  #menu-sektionen a{
 font-size: 14px; 
}
  #logo{
    padding-top: 5%;
    width: 33%;
  }
}


  @media screen and (max-width: 300px) {

  #logo{
    padding-top: 6%;
    width: 34%;
  }
}

  @media screen and (max-width: 290px) {

  #logo{
    padding-top: 6%;
    width: 34%;
  }


  #menu-sektionen a{
 font-size: 13px; 
 padding: 3px;
}
}
}*/