.mega-menu.active a {

}
.mega-menu-body .nowidth:nth-child(4) {
border-right:0px!important;
}
nav a {
     color:#000;
}
 .mean-nav .mobilebase {
     height: 80vh;
     max-height: 80vh;
	 padding-top: 0px !important;
	 margin-top: 20vh !important;
     overflow: auto;
     overflow-x: hidden;
     -webkit-overflow-scrolling: touch;
}
/* a.meanmenu-reveal {
     display: none;
}*/
 a.meanmenu-reveal {
     top:-66px!important;
}
 .mean-container .mean-bar {
     float: left;
     width: 100%;
     background: transparent!important;
     padding: 1px 0;
     min-height: 42px;
     z-index: 999999999;
     position:absolute;
     top:0px;
     max-width: 750px;
     left: 0px;
     right: 0px;
     margin: 84px auto 68px;
}
 .shadow .mean-container .mean-bar {
     margin-top:-24px!important;
}
 .mean-container a.meanmenu-reveal {
     position: absolute;
     display: block;
     background: transparent !important;
}
 .mean-container a.meanmenu-reveal span {
     display: block;
     background: #000;
}
 .mean-container .mean-nav {
     float: left;
     width: 100%;
}

.meanclose + .mean-nav {
	 height: 100vh;
	 background:#E60004;
/* 	 background-image: url(/fileadmin/template/img/Mobile_Menue_Hintergrund.svg);
	 background-repeat: no-repeat;
	 background-size: cover;	
	background-position: bottom; */
    top: -85px;
    position: absolute;
    z-index: -1;	
	
}
.mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100vw;
    padding-top: 25%;
    list-style-type: none;
}
 .mean-container .mean-nav ul li {
     position: relative;
     float: left;
     width: 100%;
     text-align: center;
     color: #000;
}

.mobilebase

.mean-container .mean-nav > ul > li > a {
font-weight:700;
}
.mean-container .mean-nav ul li a {
    display: inline-block;
    /* float: left; */
    padding: 14px 0px 5px 0px!important;
    margin: 0px 0px 9px 0px;
    /* text-align: left; */
    color: #000;
    /* background: #f4f4f4 url(/fileadmin/template/img/megamenu-bg.png) repeat-x!important; */
    text-decoration: none;
    /* width: 100%; */
    /* text-align: center; */
}
 .mean-container .mean-nav ul li a i {
     margin-right: 10px;
}

.mobilebase .active > a {
	font-weight: 600 !important;
}

.mobilebase .active > a::after {
	width: 100% !important;
}

.mean-nav::before {
	content: url(/fileadmin/content/svg/ATC_MW_Logo.svg);
	position: absolute;
	
	width: 97px;
	height: auto;
	visibility: hidden;
	
	-webkit-transition: width .3s ease;
   	-moz-transition: width .3s ease;
   	-o-transition: width .3s ease;
   	transition: width .3s ease;
}


.mean-container .mean-nav ul li a.mean-expand {
    border: none !important;
	right: 25%
}

.mean-container .mean-nav ul li a.mean-expand::after {
	display: none !important;
}


.mean-container .mean-nav ul li a::after {
    width: 0px;
    background-color: #000000;
    position: absolute;
    right: 0px;
    content: ' ';
	height: 2px;
    bottom: -4px;
	
	-webkit-transition: width .4s ease-out;
   	-moz-transition: width .4s ease-out;
   	-o-transition: width .4s ease-out;
   	transition: width .4s ease-out;
}

.mean-container .mean-nav ul li a:hover::after {
    width: 100%;
}

.mean-container .mean-nav ul li a.mean-expand {
    width: 20px;
    height: auto;
    max-height: 28px!important;
    text-align: center;
    /* position: absolute; */
    right: 0px;
    margin-right: -20px;
    left: 0px;
    z-index: 2;
    font-weight: 600;
    color: #000!important;
    /* background: #f4f4f4 url(/fileadmin/template/img/megamenu-bg.png) repeat-x!important; */
    font-size: 25px !important;
}

.mean-clicked {
    position: relative !important;
    margin-right: -20px !important;
    right: 50px !important;
    left: -50px !important;
    top: -50px !important;
}

.mega-menu-body {
	padding: 0px !important;
}

.mean-container .mean-nav ul li.nowidth > a {
font-weight:300;
}

 .mean-container .mean-nav ul ul li {
     margin-bottom:-1px;
    /* background:#f4f4f4;*/
}
 a.mean-expand {
     color:#000!important;
}
 .mean-container .mean-push {
     float: left;
     width: 100%;
     padding: 0;
     margin: 0;
     clear: both;
}
 .mean-nav .wrapper {
     width: 100%;
     padding: 0;
     margin: 0;
}
 .mean-container .mean-bar, .mean-container .mean-bar * {
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
}
 .mean-remove {
     display: none !important;
}
 .mega-menu-body {
    /* z-index:-1;*/
     background:#ffffff !important;
}
 .navigation ul {
     margin: 0px !important;
     padding: 0px !important;
}
 .navigation .no-padding {
     padding: 0px;
}
 .navigation .no-margin {
     margin: 0px;
}
 .navigation .no-radius {
     border-radius: 0px;
}
 .navigation .rotate {
     transform: rotate(90deg);
     color: #000;
}
 .flat-mega-menu ul {
     text-align: center;
}
 .flat-mega-menu ul li {
     display: inline-block;
     float: left;
     /*transition: all 0.4s;*/
     position: relative;
}
 .flat-mega-menu ul li i {
     margin-right: 10px;
}
 .flat-mega-menu ul li:hover .single-nav {
     display: block;
}
 .flat-mega-menu ul li:last-child {
     border-right: 0px;
}
 .flat-mega-menu ul .single-nav {
     left: 0;
     position: absolute;
     top: 54px;
     display: none;
}
 .flat-mega-menu ul .single-nav li:hover .drop-right {
     display: block;
}
 .flat-mega-menu ul .single-nav li a {
     text-transform: none;
}
 .flat-mega-menu ul .single-nav li a i {
     position: relative;
     left: 80px !important;
}
 .flat-mega-menu ul .single-nav li .drop-right {
     left: 208px;
     position: absolute;
     top: 0px;
     width: 100%;
     display: none;
}
 .flat-mega-menu ul .single-nav li .drop-right li {
     position: relative;
     border-right: 0px;
     text-transform: none;
}
 .flat-mega-menu ul .single-nav li .drop-right li:hover .drop-right-two {
     display: block;
}
 .flat-mega-menu ul .single-nav li .drop-right li .drop-right-two {
     left: 208px;
     position: absolute;
     top: 0px;
     width: 100%;
     display: none;
     text-transform: none;
}
 .flat-mega-menu ul .single-nav li:last-child {
     border-bottom: 0px;
}
 .flat-mega-menu .mega-menu {
     position: static;
}
 .flat-mega-menu .mega-menu:hover .mega-menu-body {
     display: block;
}
 .flat-mega-menu .mega-menu .mega-menu-body {
     text-align: left;
     position: absolute;
    /*breite menu*/
     width:100%;
    /*max-width: 320px;
    */
     left: 10px;
     top: 79px;
     display: none;
    /*jsut for test display none deactivate*/
}
 .flat-mega-menu .mega-menu .mega-menu-body li.nowidth {
     width: 25%;
}
 .flat-mega-menu .mega-menu .mega-menu-body li.nowidth img{
     width: 100%;
     height: auto;
     margin: 10px 0px 10px 0px;
}
 .menheader {
     /*text-transform: uppercase;*/
     padding: 10px 0px 10px 20px;
}
 @media (min-width:992px) {
     .mega-menu li {
        /*min-width: 290px;
        */
         width: 100%;
         display: inline-block;
    }
     .mega-menu ul {
         position: relative;
         max-width: 1170px!important;
         padding: 0px;
    }
}
/*ipad auflösung for menu*/
 @media (min-width:992px) and (max-width:1199px){
}

 .flat-mega-menu .mega-menu .mega-menu-body li {
     text-align: left;
     width: 100%;
     border-right: 0px;
}
 .flat-mega-menu .mega-menu .mega-menu-body li:hover, .flat-mega-menu .mega-menu .mega-menu-body li:focus, .flat-mega-menu .mega-menu .mega-menu-body li:active {
     background: #fff;
}
 .navigation ul ul li.category-list {
     text-transform:none!important;
     padding:0px!important;
}
 .navigation ul a {
     /*text-transform:uppercase;*/
     font-size: 26px;
     line-height:1.2em;
     margin: 20px 12px 20px 12px!important;
     padding: 0px !important;
     
     display:block!important;
     color: #221e1f!important;
     text-decoration: none;
     font-weight: 400 !important;
}
@media (min-width:1200px){
  .navigation ul li > a {
     margin: 20px 3px 20px 17px !important;
     font-weight: bold;
  }
}
@media (min-width:1700px){
  .navigation ul li > a {
     margin: 20px 18px 20px 23px !important;
     font-weight: bold;
  }
}
 .navigation ul ul a, .navigation ul ul span {
     text-transform: none;
     font-size: 16px !important;
     line-height: 18px;
     padding: 0px 10px 10px 10px !important;
     display: block !important;
     color: #181716 !important;
     width: 90%;
     margin: 10px 0px 0px 10px !important;
}
 .flat-mega-menu .mega-menu .mega-menu-body li .category-title li {
     padding: 0px;
}
 .flat-mega-menu .mega-menu .mega-menu-body li .category-title .category-list {
     background: #ffffff !important;
     position: relative;
     padding: 5px 10px;
     border-bottom: 0px;
    /* transition: all 0.4s;*/
}
 .navigation ul ul a:hover, .navigation ul ul li.category-list:hover, .flat-mega-menu .mega-menu h3:hover, .flat-mega-menu .mega-menu .mega-menu-body li .category-title .category-list:hover, .flat-mega-menu .mega-menu .mega-menu-body li .category-title .category-list:focus, .flat-mega-menu .mega-menu .mega-menu-body li .category-title .category-list.active {
     color: #000!important;
     text-decoration:underline;
}
 .flat-mega-menu .mega-menu .mega-menu-body li .category-title .category-list a i {
     position: absolute;
     right: 10px;
     bottom: 19px;
}
 .flat-mega-menu .mega-menu .mega-menu-body li:last-child {
     border-bottom: 0px;
}
 @media (min-width:992px) {
     .mega-menu-body.Termine {
         max-width:200px;
         left:405px!important;
    }
     .mega-menu-body.Galerie {
         max-width:200px;
         left:490px!important;
    }
     .mega-menu-body.Schulworkshops {
         max-width:200px;
         left:585px!important;
    }
}
@media (min-width: 1200px) and (max-width:1920px){
     .navigation ul a {
         font-size: 23px;
         line-height:1.2em;
    }
    .navigation ul li > a{
        margin-left: 25px!important;
    }
}
 @media (max-width:1199px) {
     .flat-mega-menu ul ul li a {
         font-size:14px!important;
    }
     .mega-menu-body.Termine {
         left:350px!important;
    }
     .mega-menu-body.Galerie {
         left:420px!important;
    }
     .mega-menu-body.Schulworkshops {
         left:505px!important;
    }
	 
.mean-container .mean-nav ul li a {
	 font-family: 'Titillium Web',sans-serif;
	 font-size: 27px;
     font-weight: 400;
	border-bottom: 2px solid #000000;
	/*border-bottom: 2px solid #221e1f;*/
	position: relative;
} 

#site-wrapper {
    position: relative !important;
    z-index: 9 !important;
}	
	 
.mean-container .mean-nav {
    float: left;
    width: 100vw;
    left: calc((100vw - 970px) / -2);
}	 
	 .mega-menu-body {
    /* z-index:-1;*/
     background: transparent !important;
} 
	 
	 .mean-last {
		 padding-bottom: 150px;
	 }
	 
	 .nowidth a {
		 border-bottom: none !important;
	 } 
	 
	 .mobilebase {
		 display: none !important;
	 }
	 
	 .meanclose + .mean-nav .mobilebase {
		 display: block !important;
	 }
	 
	.mobilebase li:first-child .mean-clicked {
    	left: calc(-50vw + 47px) !important;
	}
	.mobilebase li:nth-child(2) .mean-clicked {
    	left: calc(-50vw + 41px) !important;
	}	 
	.mobilebase li:nth-child(3) .mean-clicked {
    	left: calc(-50vw + 47px) !important;
	}	 
	.mobilebase li:nth-child(4) .mean-clicked {
    	left: calc(-50vw + 85px) !important;
	}
    .mobilebase>li>a, .mobilebase.active>a {
        font-weight: 800 !important;
        color: #ffffff!important;
        border-color: #ffffff!important;
    }
    .mobilebase>li>a::after, .mobilebase.active>a::after {
        background-color: #ffffff!important;
    }
}
 @media (max-width:991px) {
     .flat-mega-menu ul li a {
         font-size:15px!important;
    }
     .flat-mega-menu ul ul li a {
         font-size:14px!important;
    }
     .mega-menu-body.12 {
         left:160px!important;
         border:2px solid red;
    }
     .mega-menu-body.Galerie {
         left:320px!important;
    }
     .mega-menu-body.Schulworkshops {
         left:385px!important;
    }
	 
.mean-container .mean-nav {
    float: left;
    width: 100vw;
    left: calc((100vw - 750px) / -2);
}		 
	 
	 
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .flat-mega-menu ul li a {
         font-size: 12px;
    }
     .flat-mega-menu .mega-menu .mega-menu-body {
         top: 51px;
    }
     .flat-mega-menu ul .single-nav {
         top: 51px;
    }
     .flat-mega-menu #contact {
         top: 51px;
    }
     .flat-mega-menu #user-form {
         top: 51px;
         width: 525%;
    }
     .flat-mega-menu ul .single-nav li .drop-right {
         left: 133px;
         top: 0;
    }
     .flat-mega-menu ul .single-nav li .drop-right li .drop-right-two {
         display: none;
         left: 133px;
         top: 0;
    }
}
 @media (max-width: 991px) {
     .navigation ul a {
         display:block!important;
         width:100%;
         margin:0px!important;
    }
     .navigation ul ul a:hover, .navigation ul a:hover {
         background:#fff!important;
         color:#000!important;
    }
     .flat-mega-menu > li > a {
         background: #22b89f;
    }
}
 .mean-bar ul.category-title {
     display:block!important;
}
 .mean-bar .mobilenone .mean-expand, .mean-bar .drop, .mean-bar .mobilenone img, .mean-bar .menheader {
     display:none!important;
}
 .mean-bar .nomenuborder {
     border:0px!important;
}
 .nowidth:last-child a {
     border-bottom:0px;
}
 .mean-bar .nowidth {
     border:0px!important;
}
 .mean-bar .mega-menu a {
     /*text-transform:uppercase;*/
}
 .mean-bar .mega-menu li a {
     text-transform:none!important;
}
 .mean-bar .mega-menu li {
     border:0px!important;
}
 @media (min-width:992px) and (max-width:1199px) {
     .navigation ul a {
         font-size:12px!important;
    }
}
 @media (min-width:1200px) {
     .androidtablet.mean-bar {
         top: 40px;
         max-width: 1190px;
    }
}
 @media (max-width:1200px) {
     .androidtablet.mean-bar {
         top: 40px;
         max-width: 970px;
    }
	 
	 .meanclose + .mean-nav::before {
		 width: 175px;
		 visibility: visible;
		 
		 left: calc(50vw - 475px);
		 top: 22px;
	 } 
	 
	 
}
 @media (max-width:991px) {
     .androidtablet.mean-bar {
         top: 1px;
         max-width: 750px;
    }
	 
	.meanclose + .mean-nav::before {
		 left: calc(50vw - 365px);
	}	 
	 
}


@media (max-width:767px) {
	.mean-container .mean-nav {
		left: unset; 
	}
	.meanclose + .mean-nav::before {
		left: 19px;
	}	
	
}



@media (max-width:575px) {
	.mean-container .mean-nav ul li a {
	 	font-size: 22px;
	} 
	
	.mobilebase li:first-child .mean-clicked {
    	left: calc(-50vw + 29px) !important;
	}
	.mobilebase li:nth-child(2) .mean-clicked {
    	left: calc(-50vw + 17px) !important;
	}	 
	.mobilebase li:nth-child(3) .mean-clicked {
    	left: calc(-50vw + 23px) !important;
	}	 
	.mobilebase li:nth-child(4) .mean-clicked {
    	left: calc(-50vw + 55px) !important;
	}	
}