body > #header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;    
    overflow: hidden;
    background: #ffffff;
}
body > #header #quicklinks-wrap {
	 -webkit-transition: all 0.5s;
    transition: all 0.5s;    
} 
body > #header.scrolled #quicklinks-wrap {
	height: 0px;
	overflow: hidden;
}
body > #header #nav-head li.item-142 a,
body > #header.scrolled #nav-head li.item-142 a {
	height: 97px;
}
body > #header #nav-head li a {
     -webkit-transition: all 0.5s;
    transition: all 0.5s; 
    height: 54px;   
} 
body > #header #nav-head li.item-142 a {     
    transition: none; 
} 

body > #header.scrolled #nav-head li a {
	height: 0;
	overflow: hidden;
}

.st-pusher {    
    left: 0;    
    z-index: 1;
    perspective: 1000px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    background-color:#ffffff;
    position: relative;
    height: 100%;
}
.st-effect-4 > #header,
.st-effect-4 > #footer {
    -webkit-transition: -webkit-transform 0.5s, all 0.5s;
    transition: transform 0.5s, all 0.5s;
}
#icon-menu {
    position: absolute;
    top: 13px;
    left: 20px;
    background: url(/templates/minnemedia/gfx/icon_menu.png) no-repeat 0 5px;
    background-size: 20px 60px;    
    z-index: 3000;
    cursor: pointer;
    font-size: 14px;
    line-height: 1em;
    padding: 10px 0 10px 25px;
    text-transform: uppercase;
    color: #333333;
    opacity: 0.6;
}
#icon-menu:hover {    
    opacity: 1;
}
.st-menu-open #icon-menu {
    background-position: 0 -35px;
}

#icon-close {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 170px;
    height: 25px;    
    background: url(/templates/minnemedia/gfx/close.png) no-repeat 25px 3px;
    z-index: 100;
    cursor: pointer;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 0 0px 55px;
    font-size: 1.5em;
}
#icon-close:hover {
    background-position: 25px -37px;
}
#icon-close span { 
    opacity: 0.6;    
}

#icon-close:hover span {
    opacity: 1;   
}


.st-menu {
    position: fixed;
    top: 0;
    left: -135px;
    z-index: 90;
    visibility: hidden;
    height: 100%;
    background: #861020;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: visible; 
    font-size: 100%;
    height: 100%;
    overflow-y: auto;
    position: fixed;
    top: 0px;
    width: 270px;    
    text-align: left;
    display: block;
}

.st-container.st-menu-open > #header .overlay,
.st-container.st-menu-open > #footer .overlay,
.st-menu-open .st-pusher .overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.st-container > #header .overlay,
.st-container > #footer .overlay, 
.st-pusher .overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    background: rgba(134,114,117,0.2);
    content: '';
    opacity: 0;
    z-index: 2500;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    cursor: pointer;
}
.st-effect-4.st-menu-open .st-pusher,
.st-effect-4.st-menu-open > #header,
.st-effect-4.st-menu-open > #footer {
    -webkit-transform: translate3d(270px, 0, 0);
    transform: translate3d(270px, 0, 0);   
}

.st-effect-4.st-menu {
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.st-effect-4.st-menu-open .st-effect-4.st-menu {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.st-effect-4.st-menu::after {
    display: none;
}

/* Open Menu automatically 
@media (min-width: 1200px) {
	.st-effect-4.st-menu-open .st-effect-4.st-menu {
	   transform: translate3d(50%, 0, 0);
	   visibility: visible;	 
	   -moz-transition: none;
	    -webkit-transition: none;
	    -o-transition: color 0 ease-in;
	    transition: none;  
	}
	.st-effect-4.st-menu-open .st-pusher,
	.st-effect-4.st-menu-open > #header {
	   transform: translate3d(270px, 0, 0);
	   width: calc(100% - 270px);
	   -moz-transition: none;
	    -webkit-transition: none;
	    -o-transition: color 0 ease-in;
	    transition: none;
	}	
	.st-container.st-menu-open > #header:after,	
	.st-menu-open .st-pusher:after {	
       display: none;
    }
}*/

@media (max-width: 1023px) {
	body > #header #quicklinks-wrap { 
/* 	   display: none; */
	}
	#quicklinks-wrap #quicklinks li.item-126 {
	   display: none;
	}
	body > #header,
	#nav-head {
	   height: 160px;
	}
	#header.scrolled {
	   height: 100px;
	}
	#nav-head li {
	   display: none;
	   background: none !important;
	}
	#nav-head li.item-142 {
	   display: inline-block;   
	}
	#nav-head  {
	   width: 200px;
	   margin: 0 auto;
	}
	#nav-head li.item-142 {
	   width: 100%;
	   height: 100px;	 
	}
	#nav-head li.item-142 a {
	   width: 100%;
	   height: 100px;
	}
	#page,
	#quicklinks-wrap,
	#header-wrap,
	#supcontent-wrap,
	#content-wrap,
	#sitemap-wrap,
	#subcontent-wrap,
	#sitemap-wrap,
	#footer-wrap,
	.topgallery
	{
	   min-width: 0;
	   width: 100% !important;
	}
	#page {	   
	   margin-top: 160px;
	}
	.topgallery .abdecker {
	   margin: 0 auto;
	   left: 20px !important;
	   right: 20px !important;
	   width: auto !important;
	}
/* 	.item-image, */
/* 	div.cat-image, */
/* 	.topgallery .image_standard { */
/* 	    margin: 0 0 0 calc(50% - 700px) !important; */
/* 	} */
   .topgallery .content_standard {
        padding: 0 0 10px 200px !important;
        left: 0 !important;
        height: auto !important; 
        width: calc(100% - 200px) !important;
    }
    .topgallery .news_title {
        width: calc(100% - 100px) !important;
    }
    .topgallery .news_title a.more {
        right: -80px !important;
    }
	#main {
	   min-height: 0;
	   margin: 0 20px 20px
	}	
    #flexicontent .cat-items {       
       padding: 30px 50px 10px 50px
    }
    #flexicontent.aktuelles .cat-items {
        padding: 50px 20% 0;
    }
    #flexicontent.aktuelles .cat-item .datum,
    #flexicontent.aktuelles .cat-item .referenten,
    #flexicontent.aktuelles .cat-item .titel,
    #flexicontent.aktuelles .cat-item .subheadline,
    #flexicontent.aktuelles .cat-item .text {
        float: left;
        padding-left: 0%;
        padding-right: 0%;
        width: 100%;        
    }
        
	#flexicontent .cat-item .datum,
	#flexicontent .cat-item .referenten,
	#flexicontent .cat-item .veranstaltung,
    #flexicontent .cat-item .subheadline,
    #flexicontent .cat-item .ort {
	   width: calc(100% - 130px);
	   float: right;
	}
/* 	.topgallery .abdecker, */
    #footer,
	#flexicontent .pagenav_prevpage,
/* 	#flexicontent p.ics,
	#flexicontent .cat-item .datum .ics */
	{ 
	   display: none;
	}
	#acymodifyform, #unsubpage,
	.flexicontent.fcsearch,
	.item-content {	
	   margin: 0;
	    padding: 50px 20% 30px 20%;
	}
	.componentheading {
	    padding-left: 20%;
	}
    #flexicontent.category .componentheading {
        padding-left: 200px;
        margin-left: -25px;
    }
    #flexicontent.aktuelles .componentheading {
        padding-left: 20%;
        margin-left: -0px;
    }
	p.more-events a {
	   display: inline-block;
	   margin-bottom: 5px;
	   background: none !important;
    }
    #link-buttons .mod-search input.inputbox {
       width: 235px;
    }
    #navi_sitemap {
       padding-left: 50px;
    }
    #navi_sitemap li {
       width: 22%;
       margin: 3% 3% 0 0;
    }
}
@media (max-width: 767px) { 
	#quicklinks-wrap #quicklinks li a span {
	   display: none;
	}
}
@media (max-width: 568px) {
	#icon-menu {
		top: 15px;
	    left: 20px;
    }
/* 	#nav-head { */
/* 	   margin: 0 25px 0 0; */
/* 	   float: right;	    */
/* 	} */
	#nav-head li.item-142 a {
	   width: 100%;
	}
    #main {
       min-height: 0;
       margin: 0 5px 20px
    }
    .topgallery .content_standard {
        padding: 10px 0 10px 20px !important;
        left: 0 !important;
        height: auto !important; 
        width: calc(100% - 20px) !important;
    }
    .topgallery .news_fields {
        line-height: 1.2em !important;
        padding-bottom: 5px !important;   
    }
    .topgallery .news_title {
        font-size: 2em !important;
        width: calc(100%) !important;
    }
    .topgallery .news_title a.more {
       right: 10px !important;
       top: -28px !important;
       font-size: 0.7em !important;        
    }
    
    .topgallery .abdecker {
       margin: 0 auto;
       left: 5px !important;
       right: 5px !important;
       width: auto !important;
    }

	#flexicontent.aktuelles .cat-items,
	#flexicontent .cat-items {
       padding: 10px 20px 0 20px;
    }
	#flexicontent .cat-item .datum,
    #flexicontent .cat-item .referenten {
        width: calc(100% - 120px);
    }
    #flexicontent.standard .cat-item .subheadline {
        width: calc(100% - 130px);
        float: right;
    }
    #flexicontent .cat-item .referenten p {
        font-size: 1.3em;
    }
	#flexicontent .cat-item.noimg .datum,
    #flexicontent .cat-item.noimg .referenten,
    #flexicontent .cat-item .veranstaltung,
    #flexicontent .cat-item .subheadline,
    #flexicontent .cat-item .ort {
        width: 100%;
        float: left;
    }
	#flexicontent .cat-item h2 {
	   margin-top: 0.5em;
	   font-size: 2em;
	}
	#flexicontent .cat-item h3 {
	   font-size: 1.6em;
	}
	#link-buttons {
	    padding: 0 0 5px 20px;
	}
	#link-buttons .mod-search input.inputbox {
	   width: 235px;
	}
	#navi_sitemap {
	   padding-left: 20px;
	}
	#navi_sitemap li {
	   width: 47%;
	   margin: 3% 3% 0 0;
	}
	#acymodifyform, #unsubpage,
	.flexicontent.fcsearch,
	.item-content { 
        padding: 20px 25px 0;
    }
    .catdescription {
        padding: 20px 0px 0;
    }
    .componentheading {
        padding-left: 25px;
        font-size: 2em;
    }
    
    #flexicontent.category .componentheading {
        padding-left: 25px;
        margin-left: -5px;
    }
    .rsform-block div.formBody {
	    width: 100%;
	}
}
@media (max-width: 480px) {
	body > #header,
	#nav-head,
	#nav-head li.item-142,
	body > #header #nav-head li.item-142 a {
	    height: 130px;
	}
	#page {
	    margin-top: 130px;
	}
    #header.scrolled {
       height: 70px;
    }
/* 	#nav-head { */
/* 	   width: 140px; */
/* 	   margin-right: 10px; */
/*     } */
    #quicklinks-wrap #quicklinks li {
        padding: 10px;
    }
    #quicklinks-wrap #quicklinks li a {
    
    }
	body > #header #nav-head li.item-142 a {
	   background-size: auto 70px;
	}
}
@media (max-width: 420px) {
    #quicklinks-wrap #quicklinks {
        text-align: right;
    }
}