main,header{position:relative;left:200px !important;width:auto;width:calc(100% - 200px);}
header .flex,nav{left:100px;width: calc(100% - 170px);}

.leftnavi{display:block;top:0px;text-align:center;font-size:0.6em;padding:5px;background:#fff;position:fixed;width:200px;height:100% !important;z-index:10;border-right:2px solid #191645;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-y: scroll;}
.leftnavi::-webkit-scrollbar{display:none;}
.leftnavi{scrollbar-width:none;}
.lnc{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
header .flex,nav{left:100px;width: calc(100% - 170px);}
.article_pre .article{margin-left:0px !important;}

.lnc-a-tb{border-top:3px solid rgba(185, 185, 192, 0.75);}
.lnc-a{display:block;line-height:45px;font-size:0.8rem;border-bottom:1px solid rgba(185, 185, 192, 0.75);}
.lnc-b{display:block;line-height:45px;font-size:0.8rem;}
.lnc-a img{display:inline-block;line-height:45px;width:30px;}

.lnc-analyse::before{content:'';display:inline-block;background:url('/pics/analyse.png');vertical-align:middle;margin-right:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:20px;height:20px;}
.lnc-konto::before{content:'';display:inline-block;background:url('/pics/konto.png');vertical-align:middle;margin-right:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:20px;height:20px;}
.lnc-add::before{content:'';display:inline-block;background:url('/pics/add.png');vertical-align:middle;margin-right:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:20px;height:20px;}
.lnc-hil::before{content:'';display:inline-block;background:url('/pics/hilfe.png');vertical-align:middle;margin-right:10px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:20px;height:20px;}
.clients{
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  -moz-box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  position: relative;
  z-index: 1;
  text-align: center;}
.clients ul{
  margin-bottom: 0;
  width: 100%;
  height: 91px;
  display: table;
  text-align: center;
  position: relative;
  padding-left: 0;}
.clients ul li{
  vertical-align: middle;
  display: table-cell;
  padding: 0 2%;}

#range-slider {
  position: relative;
  width: 100px; /* Slider exakt 100 Pixel */
  height: 10px;
  background: #ddd;
  margin: 20px 0;
}

.track {
  position: absolute;
  width: 100%;
  height: 4px;
  top: 3px;
  background: #ccc;
  border-radius: 2px;
}

.range {
  position: absolute;
  height: 4px;
  top: 3px;
  background: orange;
  z-index: 1;
}
.thumb {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #f90;
  border-radius: 50%;
  top: -1px;
  cursor: pointer;
  z-index: 2;
}

.values{margin-bottom: 10px;}
#articles {margin-top: 20px;}
.productline{display:block;width:100%;padding:10px 20px;flex:1 0 100%;}

@media only screen and (max-width:700px){
    .leftnavi{display:none;}
    .flex,.article{margin-left:0px;}    
    .prenavi{left:0px !important;}
    main,header .flex,nav{left:0px !important;width:100%;margin:0 auto;padding:10px auto;}
}