.sidebar{
      z-index: 999999;
      position: absolute;
      top: -1px;
      bottom: -1px;
      padding:0px;
      width: auto;
      background-color: #fff;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      height:602px;
      background-color: rgba(195, 44, 50, .90);
}




.sidebar > .row > .col-xs-12, .sidebar > .row > .col-sm-12, .sidebar > .row > .col-md-12, .sidebar > .row > .col-lg-12{
      padding:0px;
      position: absolute;
      /*bottom: 0px;*/
      top: 0px;
      overflow: auto; 
      height:601px;
}

.sidebar >.row{
      margin:0px;
}

.sidebar {
      width: auto;
}
.sidebar.sidebar-left{
      left:0px;
      right:35px;
}




.sidebar.sidebar-right{
      right:0px;
      left:35px;
}

/* ursprüngliche Position  MdeiaQueries*/



.toggler{
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(195, 44, 50, .65);
      width: 35px;
      height: 600px;
      position: absolute;
      top: 0%;
      cursor: pointer;
}
.sidebar-left > .toggler{
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #fff;
      -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      background-color: rgba(195, 44, 50, .65);
      right: -35px;
} 

.sidebar-left > .toggler > span{
      margin:15px 2px;
}

.sidebar-left > .toggler > .glyphicon-chevron-right{
      display:none;
}

.sidebar-right > .toggler{
      -webkit-border-top-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 1px solid #fff;
      -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);          
      left: -35px;
      background-color: rgba(195, 44, 50, .65);
} 

.sidebar-right > .toggler > span{
      margin:290px 2px;
}

.sidebar-right > .toggler > .glyphicon-chevron-left{
      display:none;
}

.sidebar .submenu{
      display: none;
      position: fixed;
} 

/*Native BootStrap Hack*/
.sidebar .list-group-item:last-child, .sidebar .list-group-item:first-child{
      border-radius:0px;
}

.sidebar .list-group{
      margin-bottom:0px;
}
.sidebar .list-group-item{
      padding: 5px;
      border: 1px solid #DDD;
      border-left: 0px;
      border-right: 0px;
      margin-bottom: 0px;
      margin-top: -1px;
}

.sidebar .carousel-text-inner{
  max-width: 80%;
  margin: 0 auto;
}

.sidebar h1{
  color: #fff!important;
}

.sidebar .carousel-text-inner a{
  color: #fff;
  text-decoration: underline;
}


#headerSlide .glyphicon-chevron-left:before{
  content: "\e079 mehr";
  margin-top: 20px;
  position: relative;
  top: 19px;
  left: 3px;
}

#headerSlide .glyphicon-chevron-right:before{
  content: "\e080";
  margin-top: 20px;
  position: relative;
  top: 19px;
  left: 3px;
}

#headerSlide span.glyphicon.glyphicon-chevron-left, #headerSlide span.glyphicon.glyphicon-chevron-right{
  display: block;
  border: 1px solid rgba(195, 43, 50, 0.6);
  width: 60px;
  height: 60px;
  background-color: rgba(195, 43, 50, 0.95);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  position: relative;
  left: -30px;
  top: -30px;
}

@media (max-width: 527px) {
      .sidebar {
            width: 70%;
            height:403px;
      }
      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:auto;
      }
      .toggler{
           height: 403px;
      }
      .sidebar-right > .toggler > span{
         margin:180px 2px;
      }

}
@media (min-width: 528px) {
      .sidebar {
            width: 70%;
            height:403px;
      }
      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:auto;
      }
      .toggler{
           height: 403px;
      }
      .sidebar-right > .toggler > span{
         margin:180px 2px;
      }


}
@media (min-width: 768px) {
      .sidebar {
            width: 70%;
      }


      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:auto;
      }
}
@media (min-width: 992px) {
      .sidebar {
            width: 70%;
            height:603px;
      }


      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:auto;
      }
      .toggler{
           height: 603px;
      }
      .sidebar-right > .toggler > span{
         margin:300px 2px;
      }

}
@media (min-width: 1200px) {
      .sidebar {
            width: 70%;
      }


      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            right:0px;
            left:auto;
      }
}