/* Responsive mobile nav for seminarvergabe, ported from apreuss55/nebelin55 static clones (sidr.js drawer) */

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

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

.sidr-class-toggle-sidr-close{
  background:#b40037 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}

/* Print popup was removed from the static clone (no backend to render the print view) */
.print-icon{display:none !important}

/* 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 h3{padding:10px 15px;margin:0;color:#333;background:#eee}
.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:#ffe0ea;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 sidebar menu */
@media (max-width:949px){
  #top{width:auto; height:auto; padding-bottom:30px; position:-webkit-sticky; position:sticky; top:0; z-index:100000; background:#f7f7f7}
  #top:after{content:""; display:table; clear:both}
  #logo{font-size:22px; margin:15px 0 0 15px; float:left; text-align:left}
  #container80{width:auto; background:none !important}
  #content80{width:auto; float:none}
  #sidebar-left{display:none}
  #responsive-menu-button{display:block; margin-top:20px}
  h1{font-size:21px !important}
  .leading-0{background:none !important}
  .leading-0 h2, h2{font-size:21px !important; padding:10px 20px !important; margin:0 -20px 15px -20px !important; background:#b40037 !important}
}

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