/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license

 */
 

/* =============================================================================
 * #mobnav
 * ========================================================================== */
.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a {
    color: #999;border-bottom: 1px solid #d9d9d9 !important;background: #fff !important;margin-top:-1px;
}

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a:hover {
    color: #909;background: #fff !important;border-bottom: 1px solid #d9d9d9 !important;
}




body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {
    background-color: #fff;
}

.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
 color: #000 !important;
}
.mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
 color: #000 !important;
}

body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail {
	background: #ccc;color: #000 !important;
}

body .mm-menu li {
	list-style-type: none;
}

body .mm-menu i {
	display: none;
}

body .mm-menu i.fa {
	display: inline-block;
	margin-right: 5px;
	width: 20px;
}

body .mm-menu .menuheader {
	background: #000;
}



.mm-menu.mm-theme-dark {
    color: #636363;background: #fff;
}





.mm-listview .mm-next { 
    background: #ddd;
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;border-bottom: 1px solid #d9d9d9 !important;
}
.mm-listview > li > a, .mm-listview > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}




body .mm-menu a:hover, body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {
    background-color: #eee !important;
}










/* =============================================================================
 * stickyheader
 * ========================================================================== */

/*.stickyheader .header.cloned {
	line-height: 40px;
	-webkit-animation: fadeInDown 1s;
	animation: fadeInDown 1s;background-image: url(back2.png);
    background-repeat: no-repeat;
    background-position: center 0;
}

.stickyheader {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	width: 100%;
	display: none;


}

body.fixed-header .stickyheader {
	display: block;
}

.stickyheader .header.cloned .logo {
	transition: height 0.3s ease;
	-webkit-transition: height 0.3s ease;	
}

.stickyheader .logo {
	margin-left: 235px;
}


.stickyheader .logo {
	width: 388px;
	height: 63px;
}




.stickyheader .mainmenu ul {text-align:center;}

*/

body {
	color: #5b5b5b;
	font-family: 'PT Sans', sans-serif;
	line-height: 1.8;
	font-weight: normal;
}


.stickyheader {
    display:none !important;
}

.offcanvas-trigger {
    display:none;
}

#top .mod_socials a i {
    width: 35px;
    font-size: 16px;
    color: #d9e12c;
    line-height: 35px;
}

.mod_socials i.fa-home:hover {
    background: #525252 !important;
    color: rgb(255,2552,255) !important;
}

#top .top_metanavi {
    margin-right:76px;
}

#top .top_metanavi li {
    display: inline-block;
    position: relative;
    border-right: 1px solid rgba(255,255,255,0.1);
    padding: 0 0px 0 10px;
}

#top a {
    color: #525252;
}

#top a:hover, #top a.active {
    color: #666;
}

#top .inside,
.header .inside,
#footer .inside, 
#bottom .inside,
body.sidebar #container,
#main .mod_article:not(.autogrid), 
.fullwidth.boxed-content .contentwrap, 
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}


#top .inside, .header .inside, body.sidebar #container, #main .mod_article:not(.fullwidth):not(.autogrid):not(.smallwidth), .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_bgimage-inside, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside {
    padding-left: 0px;
    padding-right: 0px;
}


#top {position:absolute;top:0;right:0;height:20px;width:100%;}
#top .inside {width: 100%;max-width: 100%;padding: 0px;max-width: 1240px;margin-left: auto;
    margin-right: auto;	display:block;}


#header {    background-image: url(back4.png);
    background-repeat: no-repeat;
    background-position: center 0 !important;
	width: 100%;
	top: 0px;
	z-index: 1030;
	position: relative;margin-left: auto;
margin-right: auto;line-height:40px;

}

#header .inside {    	
height:143px;width: 100%;max-width: 100%;padding: 0px;max-width: 1240px;margin-left: auto;
    margin-right: auto;	display:block;

}



#header .inside .logo {    	
height:103px;width: 100%;

}


.logo a {
    background-image: url(logo.png);
    width: 388px;
    height: 103px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;
}






h1 {font:2.0em 'PT Sans',sans-serif;letter-spacing:0.05em;font-weight:normal;text-transform:none;color:#3f3f3f;line-height:1.4em;padding:0 0 2px 0;margin:0; }
h2 {font:1.6em 'PT Sans',sans-serif;letter-spacing:0.02em;font-weight:normal;text-transform:none;color:#585858;line-height:1.4em;padding:5px 0 5px 0;margin:0; }

h3 {font:1.2em 'PT Sans',sans-serif;letter-spacing:0.02em;font-weight:normal;text-transform:none;color:#000;line-height:1.6em;padding:0 0 10px 0;margin:0; }

p {
    margin-bottom: 15px;font:1.1em 'PT Sans',sans-serif;letter-spacing:0.02em;
    word-wrap: break-word;line-height:1.8em;padding:5px 0;display:block;max-width:750px !important;
}

p a {
    color: #000;
}

p a:hover {
    color: #666;text-decoration:nen;
}


.nurtext p {
    max-width:780px;margin-bottom: 15px;font:1.1em 'PT Sans',sans-serif;letter-spacing:0.02em;
    word-wrap: break-word;line-height:1.8em;padding:5px 0;
    }

#footer {background:#727272;border-top: 1px solid #d9e12c;margin-top:40px;margin: 0 auto;padding-left:100px;}


#footer .inside {

        margin-right: auto;max-width:1040px;
        margin-left: auto;
    padding: 55px 20px 25px 20px;
}


#footer h4 {font:1.4em 'PT Sans',sans-serif;letter-spacing:0.02em;font-weight:normal;text-transform:none;color:#fff;line-height:1.6em;padding:0 0 10px 0;margin:0; }

#footer p {color:#fff;}

#bottom {background:#7c7c7c;border-top: 1px solid #d9e12c;margin: 0 auto;padding-left:100px; }
#bottom .inside {

        margin-right: auto;max-width:1040px;
        margin-left: auto;
    padding: 10px 20px 15px 20px;color:#ddd;
}


#bottom .inside a, #footer .inside a {color:#fff;letter-spacing:0.02em;}
#bottom .inside a:hover, #footer .inside a:hover {color:#d9e12c;text-decoration:none;letter-spacing:0.02em;}






.mainmenu {margin-left:169px !important;width:100% !important;padding:0px;display: block;margin-top:0px;float: left !important;position:relative;}
.mainmenu ul {background: #d9e12c;max-width:994px !important;text-align:center;width:100%;display: block;}

.mainmenu ul li {background: #d9e12c;padding:0px;}



.mainmenu ul ul  {padding-top:12px;width:190px !important;background: #d9e12c;border:0;}
.mainmenu ul ul li {background: #fff;}

.mainmenu ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 1em;
    min-height: inherit;
    text-align: center;
    letter-spacing:0.03em;
    font-size: 16px;
    text-transform: uppercase;
    float: none;
    padding: 0 28px;
    color:#000;
    }
.mainmenu ul li a.first {
    padding-left: 20px;
}

.mainmenu ul li a.last {
    padding-right: 18px;
}

.mainmenu ul li a.trail, .mainmenu ul li a.active, .mainmenu ul li a:hover {
    color: #666;
}



.mainmenu ul ul  {
	margin-left:4px;
}

.header .mainmenu ul ul li a:hover:not(.menuheader), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail {
    color: #666 !important;background: #d9e12c;
}
.mainmenu ul ul li {
	width: 190px;;
}
.mainmenu ul ul li a {
	color: #000 !important;font-size: 16px;line-height: 40px !important;padding: 0 10px 0 16px !important;
}

.mainmenu ul ul li a:hover, .mainmenu ul ul li a.trail, .mainmenu ul ul li a.active {
    background: #d9e12c;color:#000 !important;padding: 0 10px 0 16px !important;
}




#container {  max-width: 1086px;
	margin-left: auto;
	margin-right: auto;

    margin:0 auto;width:100%;}   


#main {margin-left:92px !important;padding:0;margin:0;
margin-top:0px !important;}







#main .inside {
	padding-top: 0px;
	margin-left: 0px;display: block;
}
#main .mod_article {
    padding-top: 0px;
    padding-bottom: 20px;
}




.bild  {
    display: block;
    height: auto;
    max-width: 995px;
    width: 100%;margin-left: -1px !important;
}


.ce_text { 
    padding:0px;display: block;margin-top:0;} 
    
    



.ce_text.kasten ul {
    margin-bottom: 15px;
    padding: 15px 0 0px 20px;
}


.ce_text ul, .ce_list ul, .ce_text ol, .ce_list ol {
    margin-bottom: 15px;
    padding: 0 0 0px 0;
}
.ce_text ul li, .ce_list ul li {
    background-image: url("liste.png");
    background-repeat: no-repeat;
    background-position: 0 0.8em;
    padding: 4px 20px;
list-style-type: none;
    line-height: 1.6em !important;
    font:1.1em 'PT Sans',sans-serif;letter-spacing:0.02em;
}



.blau h3 {margin-top:15px;line-height:1.2em;padding:0 0 6px 20px;font:1.3em 'PT Sans',sans-serif; }




.textkasten, .textkasten2 {
    display: block;
    float: left;
    height: auto;
    margin: 0px 4.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 64.0%;
    }
.textkasten.abstand {
    display: block;
    float: left;
    height: auto;
    margin: 0px 4.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 64.0%;
    }
.textkasten2 p {
    margin-bottom: 15px;font:1.1em 'PT Sans',sans-serif;letter-spacing:0.02em;
    word-wrap: break-word;line-height:1.4em;padding:5px 0;
}





 .kastenl {
    display: block;
    float: left;
    height: auto;
    margin: 0px 2.0% 0 0 !important;
    padding: 0px;
    position: relative;
    width: 32.0%;
    }

.kastenr.last {
    display: block;
    float: left;
    height: auto;
    margin: 0 0.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 66.0%;
    }
    
.kastenr2.last {
    display: block;
    float: left;
    height: auto;
    margin: 0 0.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 32.0%;
    }
    
    

       
    
    

.kasten2 {
    display: block;
    float: left;
    height: auto;
    margin: 0 2.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 66.0%;
    }


.kasten50 {
    display: block;
    float: left;
    height: auto;
    margin: 0 2.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 48.0% !important;
    }
    
.kasten50.last {
    display: block;
    float: left;
    height: auto;
    margin: 2px 0.0% 0 0 !important;
    padding: 0px;
    position: relative;
    width: 48.0% !important;
    }
    
    
.kasten, .kasten3 {
    display: block;
    float: left;
    height: auto;
    margin: 0 2.0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 32.0%;
    }


.kasten.last, .kasten3.last {
    display: block;
    float: left;
    height: auto;
    margin: 2px 0.0% 0 0 !important;
    padding: 0px;
    position: relative;
    width: 32.0%;
    }

.kasten.last.abstand, .kasten3.last.abstand, .kastenr2.last.abstand, .kastenr50.last.abstand {

    margin: 56px 0 0 0 !important;

    }

.kasten:hover {
    opacity: 1.0;background-size: cover;
}





.kasten h2, .kasten3 h2, .kasten50 h2, .kasten2 h2, .kastenl h2, .kastenr h2, .kastenr2 h2 {font:1.4em 'PT Sans',sans-serif;letter-spacing:0.02em;font-weight:normal;  text-transform: uppercase;color:#fff !important;padding:10px 20px 10px 20px;line-height:1.2em;text-align:left;margin:0 0 0px 0;display: block;background:#7c7c7c;border-top: 1px solid #d9e12c;}



.kasten p, .kasten2 p, .kastenl p, .kastenr p{font:16px 'PT Sans',sans-serif;text-transform:none;color:#333;padding:15px 20px 5px 20px;line-height:1.6em;text-align:left;margin:0 0 0px 0;display: block;}


.kasten3 p, .kasten50 p {min-height:190px !important;font:16px 'PT Sans',sans-serif;text-transform:none;color:#333;padding:15px 20px 5px 20px;line-height:1.6em;text-align:left;margin:0 0 0px 0;display: block;}

.kastenr2 h3 {margin-top:15px;line-height:1.1em;padding:0 0 0px 15px;font:1.3em 'PT Sans',sans-serif; }

.kastenr2 p {font:16px 'PT Sans',sans-serif;text-transform:none;color:#333;padding:5px 15px 5px 15px;line-height:1.4em;text-align:left;margin:0 0 0px 0;display: block;}




.kasten p.spruch {color:#000 !important;}
.kasten p.name {color:#e96300 !important;}

.blau {background-color: #ddd;}
.weiss {background-color: #fff;}


.unten {position:relative;display:block;padding:0;padding-right:20px;float:right;margin:0;}

.unten img {position:relative;margin-top:0px !important;background-image: url("pfeil.png"); background-position:center center; background-repeat:no-repeat;  background-size: 100%;width:29px;margin:0;padding:0;

    opacity: 1.0;}

.unten img:hover {background-image: url("pfeil_.png"); background-position:center center; background-repeat:no-repeat; background-size: 100%;

    opacity: 1.0;



}  


.buch .image_container.float_left {
    float: right;
    width: auto;
    padding: 0;
    margin-bottom: 3%;
}





.ce_divider_extended.version3 {
    background: #d9e12c;
    width: 100%;
    height: 1px;
}




@media only screen and (max-width:1257px){

#header {    background-image: url(backkl.png);
    background-repeat: no-repeat;
    background-position: 0 0;
	width: 100%;
	top: 0px;
	z-index: 1030;
	position: relative;	

	line-height: 40px;
}


    
    
    
 #main {margin-left:20px !important;margin-right:20px !important;padding:0;
margin-top:0px !important;}   


#footer {background:#727272;border-top: 1px solid #d9e12c;margin-top:40px;margin: 0 auto;padding-left:0px;}
#bottom {background:#555;margin: 0 auto;padding-left:0px; }




@media only screen and (max-width:1087px){



.mainmenu {margin-left:20px !important;width:100% !important;padding:0px;display: block;margin-top:0px;float: left !important;position:relative;}

 .mainmenu ul li a {
    display: block;
    text-decoration: none;
    position: relative;
    line-height: 1em;
    min-height: inherit;
    text-align: center;
    letter-spacing:0.03em;
    font-size: 16px;
    text-transform: uppercase;
    float: none;
    padding: 0 10px;
    color:#000;
    }



@media only screen and (max-width:768px){
.stickyheader {
    display:block !important;
}
.header .inside {
    height: 2px;z-index:999 !important;
}

#top  {background:#fff !important;position:fixed !important;
    display:block !important;width: 100%;height:60px !important;position:absolute;top:0px;left:0px;z-index:99999 !important;
}
#top .inside {width: 100%;max-width: 100%;padding: 0px;max-width: 1240px;margin-left: auto;
    margin-right: auto;	display:block !important;margin-top:0px !important;height:20px;float:left;}
    
 #top .mod_socials  {
    float:left;
}   
    
 
 

    
       
    
#nav-open-btn {


	width: 36px;height:36px;

}

#nav-open-btn:before {
	font-family: "FontAwesome";
	content: '\f0c9';
	color: #333;
	font-size: 19px;
	line-height: 36px;
	height: 36px;
	text-align: center;
	display: block;
	background: #d9e12c;
	width: 36px;
	-webkit-font-smoothing: antialiased;font-weight:normal;margin-top:25px;
}
.logo a {
    background-image: url(logomobil.png);
    width: 788px;
    height: 103px;
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left;margin-top:40px;
}





#main .mod_article, #main .mod_article.fullwidth.boxed-content .contentwrap, #main .autogrid_wrapper.article, #main .mod_article .ce_parallax .contentwrap, #main .mod_article .ce_bgimage .ce_bgimage-inside, #main .mod_article .ce_youtube_background .contentwrap, body.sidebar.left #main .mod_article, body.sidebar.right #main .mod_article, .ce_headerimage .ce_headerimage_inside, .ce_bgimage-inside, .header .inside, .ce_text_image_bar .inside, .ce_iconbox_header .contentwrap {
    padding-left: 0px !important;
    padding-right: 0px !important;}
    
 .mainmenu {display:none;}   
.kasten2, .kastenl, .kastenr.last, .textkasten, , .textkasten2 {
    display: block;
    float: left;
    height: auto;
    margin: 0 0% 15px 0 !important;
    padding-right: 0px !important;
    position: relative;
    width: 100.0%;
    }


.kasten, .kasten3 {
    display: block;
    float: left;
    height: auto;
    margin: 0 0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 100.0%;
    }

.kasten50 {
    display: block;
    float: left;
    height: auto;
    margin: 0 0% 15px 0 !important;
    padding: 0px;
    position: relative;
    width: 100.0% !important;
    }
    
    
    
.kasten.last, .kasten3.last {
    display: block;
    float: left;
    height: auto;
    margin: 0 0% 0 0 !important;
    padding: 0px;
    position: relative;
    width: 100.0%;
    }  
    
.kasten50.last {
    display: block;
    float: left;
    height: auto;
    margin: 0 0% 0 0 !important;
    padding: 0px;
    position: relative;
    width: 100.0% !important;
    }  
    
    
.kasten3 p, .kasten50 p {min-height:auto !important;font:16px 'PT Sans',sans-serif;text-transform:none;color:#333;padding:15px 20px 5px 20px;line-height:1.6em;text-align:left;margin:0 0 0px 0;display: block;}

.kastenr2.last, .textkasten, .textkasten2 {
    display: block;
    float: left;
    height: auto;
    margin: 0 0.0% 0px 0 !important;
    padding: 0px;
    position: relative;
    width: 100.0% !important;
    }
    
    
}/* Style Sheet */