/*
Originales Blau: #255e7a
*/

#logo {
	position: absolute;
	bottom: 15px;
	height: 270px;
	width: 225px;
	left: 30px;
	background: url(../assets/WWZ_Logo_Text_Weiss.png);
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 5000 !important;
}
#logo-small {
	height: 120px;
}
#logo-small #logo {
	position: relative;
	top: 0px;
	left: 50px;
	width: 230px;
	height: 120px;
	background: url(../assets/WWZ_Logo_Text_Weiss_small.png);
	background-size: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: auto !important;
}

.logo_footer {
	position: relative;
	margin-top: -90px;
}

.cal_10 .abteilung, .waldeule a {
	background: #2daab9;
}
.cal_9 .abteilung, .feldhase a {
	background: #f0c855;
}
.cal_12 .abteilung, .vorschulkinder-wwz a {
	background: #cb5959;
}
.cal_13 .abteilung, .alle-wwz a {
	background: #699669;
}

nav.mod_navigation .level_1 li.wz {
	background: #3F7B25;
}



/*
hellblau: #0795db 
dunkelblau: #255e7a;
Bereichshintergrund: #fcfaed;
*/

strong {
	color: #0795db !important;
	font-weight: 400;
}

#content_top {
	background: #f9a554;
}

.backColor_02 {
	background: #fcfaed;
}

.button p a, .button.flex li a,
p.weiterlesen a, a.weiterlesen, .reset a, a.print {
	background: #f9a554;
	background: #65b388 !important;
}
#footer {
	background: #f9a554;
}
#footer .fontDef_Headline_h4, #footer h4,
.sitemap li a, .ce_downloads li a,
.ce_text a, .layout_latest a,
.fontDef_Headline_h4, h4 {
	color: #65b388 !important;
}
#footer a,
.button a {
	color: #FFFFFF !important;
}
.fontDef_Headline_h1, h1,
.fontDef_Headline_h2, h2 {
	color: #f9a554 !important;
}

nav.mod_navigation .level_1 li {
	background: #f9a554;
}
nav.mod_navigation .level_2 li a {
	color: #ffffff !important;
}

nav.mod_navigation .level_1 li.trail, 
nav.mod_navigation .level_1 li.active {
	background: #FFFFFF;
	outline: 1px dashed #f9a554;
    outline-offset: -1px;
}
nav.mod_navigation .level_1 li.trail a:not(.level_2 a), 
nav.mod_navigation .level_1 li.active a:not(.level_2 a) {
	color:#f9a554 !important;
}


nav.mod_navigation .level_1 li:hover {
	background: #FFFFFF;
	outline: 1px dashed #f9a554;
    outline-offset: -1px;
}
nav.mod_navigation .level_1 li:hover a:not(.level_2 a) {
	color:#f9a554 !important;
}
nav.mod_navigation .level_2 li:hover {
	background: #FFFFFF;
	outline: 1px dashed #f9a554;
    outline-offset: -1px;
}
nav.mod_navigation .level_2 li.active a,
nav.mod_navigation .level_2 li:hover a,
nav.mod_navigation .level_1 li.trail .level_2:hover a
nav.mod_navigation .level_1 li.trail .level_2:hover a {
	color:#f9a554 !important;
}

#right .mod_navigation li, 
#right .mod_customnav li {
	background: #f9a554;
}
#right .mod_navigation .level_1 li:hover,
#right .mod_navigation .level_1 li.active,
#right .mod_navigation .level_1 li.trail,
#right .mod_customnav .trail
{
	background: #FFFFFF;
    outline: 1px dashed #f9a554;
    outline-offset: -1px;
	
}
#right .mod_navigation .level_1 strong,
#right .mod_navigation .level_1 li:hover a,
#right .mod_navigation .level_1 li.active a,
#right .mod_navigation .level_1 li.trail, 
#right .mod_customnav .trail a
{
	color:#f9a554 !important;
	font-weight: 400 !important;
	
}

#right .mod_navigation li, #right .mod_customnav li {
	background: #65b388;
}


@media only screen and (max-width : 1220px) {
	nav.mod_navigation .level_1 li:first-child {
		display: none;
	}
}
@media only screen and (max-width : 1140px){
	.mobile-icon, .mobile-icon2 {
		display: block;
	}
	.custom #navigation .mod_navigation, #navi-small {
		display: none !important;
	}
}