@media screen and (min-width: 320px) and (max-width: 1280px){
  #name h2,
  #titel h1 {
    font-size: calc(10px + (29 - 10) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #content,
  #footer {
     font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1280 - 320)));
  }

    #inhalt,
   .box-oben,
  .box-unten {
      font-size: calc(14px + (23 - 14) * ((100vw - 320px) / (1280 - 320)));
    }

  #aussen {
    padding-top: 5%;
  }
  
  .slider-innen h2,
  .slider-innen-1 h2,
  #inhalt h1, h2, 
  #inhalt h3, 
  #inhalt h2.start {
    font-size: calc(19px + (35 - 19) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #inhalt p.gross,
  #inhalt p.gross-1,
 
  #footer-innen p.gross-footer,
  #footer-innen p.gross-footer-1 {
     font-size: calc(16px + (29 - 16) * ((100vw - 320px) / (1280 - 320)));
  }
  
  .slider-innen p,
  .slider-innen-1 p {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #inhalt .leistung li::marker,
  #inhalt .leistung-1 li::marker {
     font-size: calc(17px + (31 - 17) * ((100vw - 320px) / (1280 - 320)));
  }
  
  #canvas ul li {
     font-size: calc(18px + (29 - 18) * ((100vw - 320px) / (1280 - 320)));
   /* padding-left: 10%;*/
  }
  
  .uk-offcanvas-bar {
    top: 150px;
  }
  
  #canvas ul li a {
    padding-left: 10%;
  }

  #footer-innen {
     font-size: calc(14px + (19 - 14) * ((100vw - 320px) / (1280 - 320)));
  }
  
  @media screen and (min-width: 320px) and (max-width: 800px){
    
      .uk-offcanvas-bar {
    top: 100px;
  }
    
    
    #mobil-slider {
      display: block;
    }
    
    #mobil-slider a {
      color: white;
    }
    
    #mobil-slider a:hover {
      color: white;
    }
    
   #mobil-slider .slider-aussen {
      position: relative;
     margin-bottom: 5%;
    }
    
    #top-start {
      display: none;
    }

    #mobil-slider .slider-aussen td {
      padding-right: 10px;
    }
    
    #footer-innen .footer-left,
   #footer-innen .footer-right {
     width: 100%;
     margin-bottom: 20px;
   }
    
    #inhalt .links {
      width: 100%;
      margin-bottom: 20px;
    }
    
      #inhalt .aktuell-aussen {
     display: block;
   }
    
    #inhalt .aktuell td {
  padding-right: 0px;
}
   
   #inhalt .aktuell {
  width: 100%;
  margin-bottom: 20px;
  padding-right: 0px;
}
    
    
    #inhalt .aktuell table {
      width: 90%;
      height: auto;
    }
    
    
 @media screen and (min-width: 320px) and (max-width: 600px){
   
     .uk-offcanvas-bar {
    top: 90px;
  }

 /*  #titelname {
     width: 80%;
   }*/
   
   #banner-innen {
     padding-top: 10px;
   }
   
  /* #logo {
     width: 20%;
   }
   
   
   #titelname {
     width: 65%;
     padding-top: 2%;
     padding-left: 5px;
   }
   
   #aussen {
     width: 15%;
     padding-top: 0;
   }*/
   
   .slider-innen-1 {
     padding: 10px;
   }
  

   #mobil-slider .slider-aussen {
     display: block;
   }
   
   #mobil-slider .slider-innen {
     margin: 0 0 5px 0;
   }
   
   
   .uk-offcanvas-bar {
    left: -320px;
    width: 320px;
    padding: 0;
   background: none;
  top: 50px;
  }
   
   #inhalt .portrait-alles {
     display: block;
   }
   
   #inhalt .portrait {
     width: 100%;
   }
   
   #inhalt .team-bild,
   #inhalt .praxis-bild {
     width: 50%;
   }
   
   @media screen and (min-width: 320px) and (max-width: 500px){
     
     #logo {
     width: 20%;
   }
   
   
   #titelname {
     width: 65%;
     padding-top: 2%;
     padding-left: 5px;
   }
   
   #aussen {
     width: 15%;
     padding-top: 0;
   }
     
   }   
 
  }
  }
}