/* Responsive mobile nav for Nebelin, ported from the apreuss55 static clone (sidr.js drawer) */

#responsive-menu-button{display:none; float:right; margin:10px; width:32px; height:24px;}

.toggle{
  position:relative;
  display:block;
  width:32px;
  height:4px;
  background:#000099;
  top:10px;
}
.toggle:before, .toggle:after{
  content:"";
  position:absolute;
  left:0;
  width:32px;
  height:4px;
  background:#000099;
}
.toggle:before{top:-10px;}
.toggle:after{top:10px;}

.sidr-class-toggle-sidr-close{
  background:#000099 none repeat scroll 0 0;
  line-height:48px;
  opacity:0.9;
  display:block;
}

a.sidr-class-toggle-sidr-close::before{
  color:white;
  content:"X";
  display:block;
  font-size:22px;
  margin-right:20px;
  text-align:right;
  text-decoration:none;
}

.sidr a{text-decoration:none}

/* Sidr plugin default drawer styles */
.sidr{display:none;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:hidden;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;box-shadow:inset 0 0 5px 5px #ebebeb}
.sidr .sidr-inner{padding:0 0 15px}
.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}
.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{background:#ffe98a;border-top:none;line-height:49px}
.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}

/* Breakpoint: below 700px show the toggle + drawer, hide the fixed-width desktop tab nav */
@media (max-width:975px){
  #all{width:auto;max-width:980px;margin:0 auto}
  #tabarea{display:none}
  #responsive-menu-button{display:block}
  #content{width:auto !important; float:none !important}
  .span4{width:auto !important; float:none !important; display:block}
  .items-row{width:auto !important}
  img{max-width:100%; height:auto}
  #obenmenu{
    height:auto !important;
    position:fixed !important; top:0; left:0; width:100%; z-index:100000; background:#fff;
    padding:8px 15px !important;
    box-sizing:border-box;
  }
  #header{padding-top:110px}
  #djslider91{width:100% !important; max-width:100% !important; height:0 !important; padding-bottom:21.1% !important; position:relative !important;}
  #slider91, #slider91 li{width:100% !important; height:100% !important;}
  #djslider91 img.dj-image{width:100% !important; height:100% !important; object-fit:cover !important;}
  .slide-desc-text-default p, .slide-desc-text-default .slide-text{text-align:left !important; font-size:11px !important; line-height:1.3 !important;}
  .slide-desc-text-default .slide-title{font-size:14px !important; margin-bottom:4px !important;}
  .slide-desc-text-default{padding:8px 10px 4px !important;}
  #logo{position:static !important; float:none !important; margin:0 !important; padding-left:5px; height:auto !important; width:auto !important; top:auto !important; left:auto !important; background-image:none !important; text-align:left !important;}
  #logo a{position:static !important; float:none !important; display:block !important; width:75px !important; height:32px !important; background-size:contain !important; background-position:left center !important; margin:0 !important;}
  #responsive-menu-button{margin:0 !important; position:absolute !important; right:15px; top:14px;}
  #loH1{position:static !important; float:none !important; clear:none !important; margin:4px 0 0 5px !important; width:auto !important; top:auto !important; left:auto !important; text-align:left !important;}
  #loH1 h1{font-size:16px !important; font-weight:bold !important; line-height:1.2 !important; margin:0 !important; padding:0 !important; text-align:left !important;}
}

@media (max-width:480px){
  .span4{width:100% !important}
}

@media (min-width:976px){
  .sidr{display:none !important}
}