/* MOBILE NAVIGATION */
.sidr { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 33%; overflow-x: none; overflow-y: auto;
	font-size: 18px; background: var(--wwm_color1); color:#fff; box-shadow: inset 0 0 5px 5px #222; box-shadow: 5px 0px 2px 0px rgba(0,0,0,0.1); 
	display: none; z-index: 200000; }
.sidr .mobileNaviTrigger { position: absolute; right: -27px; top: 41%; margin-top: -21px; }
.sidr .mobileNaviTrigger:before {  color:#fff; font-weight: 900; font-family: 'Line Awesome Free'; content: '\f0fe'; font-size: 22px; }
.sidr span.triggerActive:before { color: #5a5a5a; font-family: 'Line Awesome Free'; content: '\f146'; }
.sidr .current-menu-parent span.triggerActive:before { color: #5a5a5a; }

.sidr .sidr-inner { padding: 70px 100px 20px 20px; text-align: right; }
.sidr .sidr-inner>p { margin-left: 15px; margin-right: 15px; }
.sidr .sidr-inner [class*="col_"] { width: 100%; margin: 0 auto; padding: 0; }
.sidr.right { left: auto; right: -1024px; }
.sidr.left { left: -1024px; right: auto; }
.sidr>p { margin-left: 15px; margin-right: 15px; }
.sidr ul { display:	block; margin: 0 0 15px; padding: 0; }
.sidr ul li { display: block; line-height: 45px; }
.sidr ul li ul { visibility: visible; opacity: 1; position: static; width: 100%; }

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.current-menu-item,
.sidr ul li.current_page_ancestor { border-top: none; line-height: 45px; }

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.current-menu-item>a,
.sidr ul li.current-menu-item>span,
.sidr ul li.current_page_ancestor>a,
.sidr ul li.current_page_ancestor>span { color: #5a5a5a; transition: none; }

.sidr ul li span { display:	block; text-decoration:none; color:	#000; }	
.sidr ul li a { padding: 0; display: block; text-decoration:none; color:#000; position: relative; display: block; text-align: right; font-size: 30px; 
	text-transform: uppercase; font-weight: 700; color: #fff; }
.sidr ul li ul { border-bottom:	none; margin: 0; visibility: visible; opacity: 1; position: static; float: none; }
.sidr ul li ul li {	line-height: 30px; }
.sidr ul li ul li:last-child { border-bottom: none; }

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.current-menu-item,
.sidr ul li ul li.current_page_ancestor { border-top: none; line-height: 30px; color: #5a5a5a; }

/*
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.current-menu-item>a,
.sidr ul li ul li.current-menu-item>span,
.sidr ul li ul li.current_page_ancestor>a,
.sidr ul li ul li.current_page_ancestor>span { }
*/

.sidr ul li ul li a { padding-left: 30px; font-size: 21px; font-weight: 400; }
/*.sidr ul li:hover ul li a { border-bottom: none; color: #5a5a5a; }
.sidr ul li ul li ul li a { padding-left: 50px; }*/
.sidr form { margin:0 15px }
.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; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 0 10px; -webkit-border-radius:2px;
-moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; border-radius:2px; border:none; background:rgba(0,0,0,0.1); color:rgba(255,255,255,0.6); display:block; clear:both }
.sidr input[type=checkbox] { 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) }

#mobile-header { display: none; padding: 0; position: relative; top: 0; right: 0; z-index: 100000; background: none; transition: all .4s; text-align: right; }
#mobile-header:hover { /*background: var(--wwm_color1);*/ }
#mobile-overlay { background: rgba(0,0,0,0.5); position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 1500; }
/*.mainOut { transition: all .3s; opacity: 0.4; transform: rotate(-45deg); }
.mainIn { transition: all .3s; opacity: 1; transform: rotate(0deg); } */

#mobile-button { text-decoration: none; height: 32px; width: 38px; margin: 0; position: relative; top: 60px; right: 0; display: inline-block;
	vertical-align: middle; z-index: 20; }
#mobile-button span { display: block; background: #fff; width: 100%; height: 4px; margin-top: -2px; position: absolute; left: 0; top: 50%; }
#mobile-button:before, #mobile-button:after { content: ""; display: block; background: #fff; width: 100%; height: 4px; 
	position: absolute; left: 0; transform-origin: center center; transform: rotate(0deg); transition: all 0.3s ease; }
#mobile-button:before { top: 2px; margin-top: -2px; }
#mobile-button:after { bottom: 2px; margin-bottom: -2px; }
.mobile-open #mobile-header { /*background: var(--wwm_color1); */ }
.mobile-open #mobile-button span { background: transparent; }
.mobile-open #mobile-button:before { top: 50%; transform: rotate(45deg); }
.mobile-open #mobile-button:after { bottom: 50%; transform: rotate(-45deg); }

#sidebar-mobile, #sidebar-mobile-close, #sidebar-second { display: none; }
.sidebar-mobile-content { padding: 0; font-size: 15px !important; }
.sidebar-mobile-content ul li:hover > a { background: transparent; }
.sidebar-mobile-content a, .sidebar-mobile-content a:hover { color:#fff !important; background: transparent !important; text-decoration: none; }
.sidr .menu-footernavigation-container { padding: 20px 0 0 0; border-top: 1px solid #444444; }
.sidr .menu-footernavigation-container a { padding: 0 !important; }
.sidr .menu-footernavigation-container ul li { line-height: 25px !important; }

/*.sidr .button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none !important; color: #ffffff;
	transition:	all .3s; background: var(--wwm_color1); border: 0; }
.sidr button.fullwidth { width: 100%; text-align: left; padding: 16px 25px 16px 15px; }
*/
.sidrCloseButton span { font-size: 30px; display: inline-block; position: relative; top: 4px; margin: 0 0 0 7px; }

#mobile-header { display: block; }

#sidr-main { background-image: url("../images/gantershof_kleeblatt_weiss.png"); background-repeat: no-repeat; background-position: bottom right; }

@media only screen and (max-width: 1024px)
{
	.sidr { width: 100%; }
}

@media only screen and (max-width: 564px)
{
	.sidr.right { right: -455px; }
	.sidr.left { left: -455px; }
}