.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 15px;
  background: #fff;
  color: #000;
}
.sidr .sidr-inner {
  padding: 0 0 15px;
}
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr.right {
  left: auto;
  right: -260px;
}
.sidr.left {
  left: -260px;
  right: auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  font-size: 1em;
  font-weight: normal;
  padding: 10px 15px;
  margin: 0 0;
  color: #fff;
  line-height: 24px;
  background:rgba(81,145,202,0.9 ) url(/wp-content/uploads/2018/06/verlauf.png) repeat-x;
}
.sidr p {
  font-size: 13px;
  margin: 0 0 12px;
}
.sidr p a {
  color: rgba(255, 255, 255, 0.9);
}
.sidr > p {
  margin-left: 15px;
  margin-right: 15px;
}
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-bottom:1px solid #ddd;
}
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border:1px solid #ddd;
  border-width:1px 0 0px 0px
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {


}

.page-template-template-tourismus-overview .sidr-inner h3, .page-template-template-tourismus-single .sidr-inner h3{background-color:#bca485}

.page-template-template-wirtschaft-overview .sidr-inner h3, .page-template-template-wirtschaft-single .sidr-inner h3{background-color:rgb(164,29,35)}
.page-template-template-home .sidr-inner h3 {background-color:#9a9a9a}
.sidr-logo {padding:0 15px}
.sidr-inner span, .sidr-inner .sidr-class-search-field, .sidr-inner button{margin:0 15px}
.sidr ul li span  {float:right}
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #000;
  padding-right:0
}
.openSubmenu {font-size:1.5em}
.sidr ul li ul {
  border-bottom: 0;
  margin: 0;
}
.sidr ul li ul li {
  line-height: 1.5rem;
  font-size: 13px;
  border-bottom:0px;
  
}
.sidr ul li a:hover {background:#eee}
.sidr ul li ul li:last-child {
  border-bottom: 0;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {

}

.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(0, 0, 0, 0.8);
  padding:0.5rem 0;
  padding-left: 15px;
  display:block
}
.sidr form {
  margin: 0 15px;
  width:90%; 
}
.sidr form input {border:1px solid #e5e5e5}

.sidr label {
  font-size: 13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both;
}
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none;
}
.sidr input[type=button],
.sidr input[type=submit] {
  color: #333;
  background: #fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.9);
}
.sidr .sidr-class-children {display:none;} 
.sidr-left .search-field {border-radius:none;}
.sidr-inner .fa-cog {position:absolute;top:13px;right:10px;font-size:1.2em;color:#FFFFFF}
.sidr-inner .fa-cog:hover {cursor:pointer}
.sidr-inner .sidr-class-page_item span.menuArrow {padding:0;margin:0}
.sidr-inner .sidr-class-page_item .sidr-level-header .menuArrow {margin-right:15px;}

.pagenav {display:none;width:100%;height:100%;position:fixed;top:100px;left:0;right:0;z-index:1000;background:#fff;}
.pagenav .menuArrow {width:3em; text-align:center;display:inline-block;transform:rotate(0deg); transition-duration:1s}
.pagenav a, .pagenav a:visited {color:#000}
.pagenav ul, .pagenav li {list-style:none}
.pagenav > ul {display:flex;justify-content:space-between}
.pagenav > ul > li > .children {position:absolute;left:0;width:100%;border-bottom:1px solid #ddd; }
.pagenav .page_item  { border-width:1px 0 0px 0px;border:1px solid #ddd}
.children, .children .page_item {display:none;}
.children li a {width:100%;display:block}
.current_page_parent > .children > .current_page_item{display:block}
.current_page_item {background:#eee}
.pagenav .current_page_ancestor, .pagenav .current_page_ancestor .children, .pagenav .current_page_item, .pagenav .current_page_ancestor, .pagenav .current_page_ancestor > .children > .current_page_parent > .children >  .page_item, .pagenav > ul > .current_page_ancestor > .children > .page_item {display:block}
.pagenav .current_page_ancestor > a > .menuArrow {transform:rotate(90deg);transition-duration:1s}

@media only screen and (max-width: 800px) {
	.sidr.left {width:80vw;left:-80vw}
}