@media screen and (min-width: 320px) and (max-width: 1280px){
  
#slogan h1 {
    font-size: calc(10px + (40 - 10) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #content,
  #footer {
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #content h1, h2, h3 {
     font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1280 - 320)));
  }
  
  /*#content #seite .seite-alles,*/
  #inhalt .start-text,
  #seite .start-text {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #inhalt .menu-start,
  #seite .menu-start {
     font-size: calc(19px + (27 - 18) * ((100vw - 320px) / (1280 - 320)));
  }
  
  
  @media screen and (min-width: 320px) and (max-width: 1050px){
    
   /* #inhalt .startseite-menu {
      
      display: block;
    }*/

    #inhalt .menu-start {
      width: 40%;
    }
    
    #inhalt .start-text {
      width: 60%;
    }
    
    
@media screen and (min-width: 320px) and (max-width: 900px){
  
  #content {
    padding: 10px 20px 20px 20px;
  }
  
  #navigation {
    display: none;
  }
  
  #banner-innen {
    padding: 0;
  }
 
  
  #slogan-logo {
    padding: 10px;
  }
  
  .navbar-toggler-right {
  display: none;
}
  
       /* mobile Navigation */
    
    #mobil-banner {
      width: 100%;
      height: auto;
      overflow: hidden;
    }
  
#aussen {
  width: 55px;
  height: 40px;
  display: block;
 
  margin-bottom: 5px;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
  
  #navigation-mobil {
    display: block;
     width: 100%;
   max-height: 0;
     overflow: hidden;
    border-top: 0;
  transition: all 0.5s ease-in-out;
  padding-left: 0;
  margin-top: 0;
    
  }
  
  #navigation-mobil ul,
  #navigation-mobil ol {
    padding-left: 0;
  }
  
  #navigation-mobil  ol li,
  #navigation-mobil ol li {
  font-size: 1.05rem;
  font-weight: 400;
  list-style-type: none;
width: 100%;

    text-align: center;
}


#navigation-mobil li a {
  text-decoration: none;
display: block;
color: rgb(49,61,118);
  margin: 15px;
}
  
  
  #navigation-mobil ul li span,
  #navigation-mobil ol li a span {
  font-size: 1.4rem;
}




  

  #mobil-menu a#close-menu {
  display: none;
} 
 a#open-menu.genericon-menu {
  color: rgb(49,61,118);
  font-size: 2.2rem;
   line-height: 40px;
   text-decoration: none;
}
a#close-menu.genericon-menu {
  color: rgb(161,162,159);
  font-size: 2.2rem;
  line-height: 40px;
  text-decoration: none;
}
#banner:target #navigation-mobil {
  max-height: 800px; 
}
#banner:target #mobil-menu a#close-menu {
  display: block;
}
#banner:target #mobil-menu a#open-menu {
  display: none;
}

  @media screen and (min-width: 320px) and (max-width: 760px){
    
    .uk-dotnav > * {
	padding-left:8px;
}
    
    
    .uk-dotnav > * > * {
 
  width: 10px;
  height: 10px;
 
}
    
    #content #inhalt,
    #content #seite {
      width: 100%;
    }
    
    #seite .menu-start {
      margin-top: 0px;
      
      
    }
    
    #content #inhalt {
      padding-right: 0px;
      padding-left: 0;
    }
    
      #inhalt .menu-start {
      width: 50%;
    }
    
    #inhalt .start-text {
      width: 50%;
    }
    
  }  
  
}
}
}