@charset "utf-8";
/* CSS Document */

a[href^="http:"],
a[href^="https:"]
{ text-decoration: none; }

#wrapper #main a 
{ text-decoration: none;  }

#wrapper #main a:hover 
{ text-decoration: none; }

a[href^="mailto:"]
{ text-decoration: none; color: #c80032; }

a[href^="mailto:"]:hover
{ color: 999; }

/*a[href^="http:"]:after,
a[href^="https:"]:after
{
	font-family: 'FontAwesome'; 
	content:"   \f08e" ; 
	font-size: 14px;
	margin-right: 5px;
   }*/

.ce_dlh_googlemaps a[href^="http:"]:after,
.ce_dlh_googlemaps a[href^="https:"]:after
{
	font-family: 'FontAwesome'; 
	content:"" ; 
	font-size: 14px;
   	margin-right: -1px;
	}

.mod_navigation li { display: inline-block; }
#footer .mod_navigation li { display: block; }

#navigation .mod_navigation li a { padding: 5px 10px; }

#logo {
    z-index: 999;
    position: relative;
    padding: 10px 20px 10px 10px;
    background-color: rgba(255,255,255,1);
}

/* **************** Mobile Navigation ************************** */

.menubutton {
	display: none;
	z-index: 5000;
	position: absolute;
	top: 30px;
	right: 0px;
}
.menubutton p { 
	margin: 0; 
	line-height: 2;     
	}
.menubutton a {
	padding: 5px 10px;
	color: #fff;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
	}
.menubutton .fa {color: #1B8AA1; padding: 10px; font-size: 40px;}

/* **************** Mobile Navigation ENDE************************** */

/* **************** Hauptnavigation ******************************** */

#navimain {
	margin-right: 0;
	background-color: #f2f2f2;
	z-index: 5000;
	}

#navigation .mod_navigation ul {
    width: auto;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation .mod_navigation li {
    width: auto;
    float: left;
    margin: 0
}

#navigation #navimain ul.level_2 li { width: 100%; }

#navigation .mod_navigation a,
#navigation .mod_navigation strong {
    display: block;
    color: #fff;
	padding: 6px 30px 6px 30px;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
	font-weight: normal;
}

#navigation .mod_navigation .level_2 a,#navigation .mod_navigation .level_2 strong { padding: 5px 20px 5px 30px; }

#navigation .mod_navigation .active,#navigation .mod_navigation .trail {
    background-color: #c80032;
	color: #fff;
}

#navigation .mod_navigation a:hover,#navigation .mod_navigation a:focus { background-color: #c80032; }

#navigation .mod_navigation .level_2 {
    width: 0;
    height: 0;
    left: -32768px;
    top: -32768px;
    position: absolute;
    overflow: hidden;
    display: inline;
}

#navigation .mod_navigation .level_2 li { clear: both; }

#navigation .mod_navigation li:hover .level_2 {
    width: auto;
    height: auto;
    min-width: 78px;
    left: auto;
    top: auto;
    overflow: auto;
    display: block;
    background-color: #727272;
    z-index: 1000;
}

#navigation .mod_navigation li:hover .level_2 a,#header .mod_navigation li:hover .level_2 strong {
    font-size: 1rem;
	font-size: 16px;
	line-height: 18px;
    font-weight: normal
}

#navigation .mod_navigation .level_2 strong.active { color: #fff; }

.mod_navigation a,
.hauptmenu a,
.auswahlbox { 
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	transition: opacity 0.3s linear 0s;
}

.mod_navigation a:hover,
.mod_navigation li strong.active,
.hauptmenu a:hover,
.auswahlbox:hover
{ 
	opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#navitabs ul li { 
	width: 25%; 
	display:inline-block;
	font-size: 0;
	margin-right: -4px;
}
#navitabs ul { 
	list-style-type: none;
	background-color: #0089a0;
}
#navitabs ul li a { 
	width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
	display: block;
    padding-left: 30px;
	font-size: 27px;
	color: #fff;
	text-decoration: none;
	
}
.tabschule { background-color: #bfd34b; }
.dtabschule:hover { background-color: #5a74ca; }
.tabschueler { background-color: #3f9d38; }
.dtabschueler:hover { background-color: #40a140; }
.tabeltern { background-color: #14a8e1; }
.dtabeltern:hover { background-color: #993c9a; }
.tablehrer { background-color: #0089a0; }
.dtablehrer:hover { background-color: #e39c4a; }

/* **************** Hauptnavigation ENDE ******************************* */

/* **************** Unternavigation Rechts ******************************* */

.mod_navigation.navirechts ul { 
	margin-bottom: 0;
}

.mod_navigation.navirechts li { 
	width: 100%; 
	margin-bottom: 2px;
}

.mod_navigation.navirechts li.last { 
	margin-bottom: 0px;
}

.mod_navigation.navirechts a,
.mod_navigation.navirechts strong {
    color: #fff;
	width: 100%;
    display: block;
	padding: 12px;
	font-weight: normal;
 }

.schule .mod_navigation.navirechts a,
.schule .mod_navigation.navirechts li strong
	{ background-color: #bfd34b;   }
.schueler .mod_navigation.navirechts a,
.schueler .mod_navigation.navirechts li strong 
	{ background-color: #3f9d38;   }
.eltern .mod_navigation.navirechts a,
.eltern .mod_navigation.navirechts li strong 
	{ background-color: #14a8e1;   }
.lehrer .mod_navigation.navirechts a,
.lehrer .mod_navigation.navirechts li strong 
	{ background-color: #0089a0;   }


/* **************** Unternavigation Rechts ******************************* */


/* **************** Individuelle Navigationen ************************** */

header .mod_customnav { float: right; margin: 0 5px 0 200px; }
header .mod_customnav li { display: inline; }
header .mod_customnav a { text-decoration: none; color: #5d5d5d;}
header .mod_customnav a,
header .mod_customnav strong { 
	display: inline-block; 
	padding: 10px 20px 0 0;
	font-size: 16px;
    font-size: 1rem;  }
.mod_customnav a:hover { color: #cecece;}

/*.mod_customnav a:before,
.mod_customnav strong.active:before { 
	font-family: 'FontAwesome'; content:"\f0da" ; padding-right: 4px; }*/
.mod_customnav strong.active {color: #fff; }
footer .mod_customnav#naviunten { margin: 0;       }
footer .mod_customnav#naviunten ul { float: left; margin-bottom: 5px; }
footer .mod_customnav#naviunten li { display: inline-block; }
footer .mod_customnav#naviunten a { text-decoration: none; color: #9e9e9e;}
footer .mod_customnav#naviunten a,
footer .mod_customnav#naviunten strong { 
	display: inline-block; 
	padding: 5px 20px 0 0; 
	}

footer .mod_customnav#naviunten a:hover,
footer .mod_customnav#naviunten .active {
	color: #000;
}

/* **************** Individuelle Navigationen ENDE ************************** */


/* **************** Kruemmel-Navigationen ********************************** */

.mod_breadcrumb { 
	font-size: 12px;
	font-size: 0.75rem;
	padding: 5px 20px 5px 30px;
    margin-top: 2%;
	margin-bottom: 1%;
}
.mod_breadcrumb ul { margin: 0; }
#wrapper #main .mod_breadcrumb li.active.last { color: #6b6b6b; }
#wrapper #main .mod_breadcrumb li a { color: #6b6b6b;  }
#wrapper #main .mod_breadcrumb li a:hover { color: #cecece;  }
.mod_breadcrumb li { display: inline; }

.mod_breadcrumb li:after {
    content: " > ";
}.mod_breadcrumb li.active:after {
    content: "  ";
}

/* **************** Kruemmel-Navigationen ENDE ***************************** */

/* **************** Quick-Navigationen ************************************* */

#footer a,
#footer strong {
	color: #878787;
	text-decoration:none;
	font-family: 'Lato';
 	font-style: normal;
 	font-weight: 300;
	font-size: 18px;
	padding: 1px 0;
    display: block;
}

#footer strong {color: #000;}
	

#footer a:hover {
	transition: color 0.25s ease;
	color: #000;
	}

#footer .mod_navigation { 
	min-height: 300px;
	padding: 0 15px 0 15px; } 
#footer { padding: 30px 15px 15px 15px; margin-top: 30px; }

#footer .mod_navigation.kontaktraus li.last,
#footer .mod_navigation li.weiterleitung { display: none; }

/* **************** Quick-Navigationen ENDE************************************* */

/* html body.tablet .menubutton { display: block !important; }*/

/*html body.tablet #navimain { display: none !important; }*/


/* **************** Navigation oben ******************************************* */


#infozeile .content-text { float: right; background-color:#fff;}
header #infozeile li { 
	display: inline-block;
	padding: 0;
	float: right;
    }
header #infozeile .content-text ul { 
	padding: 0;
	margin-bottom: 0;
}

#infozeile li a { padding: 6px 15px 6px 15px;}

#infozeile li a,
#infozeile li.nummer { 
	/*padding: 6px 15px 6px 15px;*/
	background-color: #a4a4a4;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	transition: background-color 0.3s linear 0s;
	
}

#infozeile li.nummer { padding-left: 15px; }

#infozeile li.nummer a { padding-left: 0; }

#infozeile li { border-left: 2px solid #fff; }

#infozeile li a:hover { background-color: #d6d6d6; }
header #infozeile p { 
	font-size: 17px;
	color: #fff;
	padding: 5px 15px 5px 15px;
	letter-spacing: 0.05em;
	margin: 0;
	line-height: 1;
}

/* **************** Navigation ENDE ******************************************* */

/* **************** Navigation oben ******************************************* */

/* **************** Mobil-Navigation ******************************************* */

#mm-0 .mm-navbar { background: #777; color: #fff; }
.mm-navbar__title { color: #bfd34b; font-weight: bold;  }
.mm-listview > li > a, .mm-listview > li > strong { color: #fff !important; }

.mm-listview > li.mm-selected > strong.active,
.mm-listview a, .mm-listview a:hover { color: #fff;   }

.mm-listview > li.mm-listitem_selected > strong.active { 
	padding: 12px 10px 12px 20px;
	font-weight: normal;
}



.mm-panel {
  background: #777;
  color: rgba(0, 0, 0, 0.6);
}
	li.startseite { background: #777; }  

#mm-1 > ul {  background-color: #bfd34b; }
#mm-2 > ul {  background-color: #3f9d38; }
#mm-3 > ul {  background-color: #14a8e1; }
.schule #mm-3 > ul {  background-color: #3f9d38; }
.schueler #mm-3 > ul {  background-color: #3f9d38; }
.eltern #mm-3 > ul {  background-color: #3f9d38; }
.lehrer #mm-3 > ul {  background-color: #3f9d38; }
#mm-4 > ul {  background-color: #0089a0; }
.schule #mm-4 > ul {  background-color: #14a8e1; }
.schueler #mm-4 > ul {  background-color: #14a8e1; }
.eltern #mm-4 > ul {  background-color: #14a8e1; }
.lehrer #mm-4 > ul {  background-color: #14a8e1; }
.schule #mm-5 > ul {  background-color: #0089a0; }
.schueler #mm-5 > ul {  background-color: #0089a0; }
.eltern #mm-5 > ul {  background-color: #0089a0; }
.lehrer #mm-5 > ul {  background-color: #0089a0; }

/*#mm-1 {
  background: #bfd34b;
  color: rgba(0, 0, 0, 0.6);
  }*/

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
	color: #fff;
	}

.mm-menu li.dieschule {  background-color: #bfd34b; }
.mm-menu li.schueler {  background-color: #3f9d38; }
.mm-menu li.lehrer {  background-color: #0089a0; }
.mm-menu li.eltern {  background-color: #14a8e1; }

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > strong {
    background: rgba(255, 255, 255, 0.2);
}

ul#mm-1.level_2 { background-color: #bfd34b; }
ul#mm-2.level_2 { background-color: #3f9d38; }
ul#mm-3.level_2 { background-color: #14a8e1; }
ul#mm-4.level_2 { background-color: #0089a0; }

.schule #mm-2 > ul { background-color: #bfd34b; }
.schueler #mm-2 > ul { background-color: #bfd34b; }
.eltern #mm-2 > ul { background-color: #bfd34b; }
.lehrer #mm-2 > ul { background-color:  #bfd34b; }

.flex-caption { bottom: 40px; }
.flex-caption  a { color: #fff; text-decoration: none; }

.back-to-top {
    text-decoration: none !important;
    font-size: 32px !important;
}

.back-to-top {
    color: #337ab7;
    position: fixed;
    bottom: 50px;
    right: 20px;
    padding: 2px 0px 7px 8px;
    border: 1px solid #f2f2f2;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
}


@media (max-width:767px)
{	
	.menubutton { 
		display: block;

}
	#infozeile li { border: 0px solid #fff; text-align: center; }
	#infozeile li.nummer { display: none; }
	#infozeile li.mensa { border-left: 3px solid #fff; border-right: 3px solid #fff; }
	
	header #infozeile .content-text ul { width: 100%; }
	header #infozeile .content-text ul li {    
		width: 33.333%;
    	float: left; 
	}
	header #infozeile .content-text ul li a {    
		font-size: 14px;
	}
	
	#infozeile a[href^="http:"]:after, #infozeile a[href^="https:"]:after {
    font-size: 10px;
}
	
	header #infozeile .content-text { width: 100%; }
	header #infozeile .content-text ul a { width: 100%; }
	
	#logo { 
		position: relative;
		top: 0;
		left: 0;
	}
	
	header .mod_customnav li { float: right; }	
	header #bildwechsler { margin-top: 0; }
	footer { /*min-height: 10px;*/}
	footer{ padding-top: 20px; }
	
	.auswahlbox a { min-height: 10px; }
	.auswahlbox a { font-size: 20px; }
	.auswahlbox a em { font-size: 16px; }
	
	#footer .mod_navigation { 
	min-height: 10px; } 
	
#navitabs ul li a {
   font-size: 18px;
	text-align: center;   
	padding-left: 0;
}
	
}


@media (min-width:768px) and (max-width:979px)
{
	header .mod_customnav { display: block; margin: 0 !important; background-color: #5F5F5F; float: none; }
	header .mod_customnav a { color: #cecece;}
	header .mod_customnav a:hover,
	header .mod_customnav strong
	 	{ color: #fff;}
	header .mod_customnav a, header .mod_customnav strong {
   		padding: 5px 20px 5px 5px;
		
}
	header .mod_customnav li { float: right; }
	header #bildwechsler { margin-top: 9px !important; }
	
	.auswahlbox a { min-height: 120px; }
#navitabs ul li a {
    font-size: 22px;
	text-align: center;   
	padding-left: 0;
}
}

@media (min-width: 980px) and (max-width: 1199px) {
	.auswahlbox a { min-height: 200px; }

}
/* **************** Paginierung ******************************************* */

.pagination {
	width: 100%;
}
.pagination p {
	text-align: right;
	margin-right: 15px;
}
.pagination ul {
	display: inline-block;
	float: right;
	margin-right: 15px;
}
.pagination ul li {
	display: inline-block;
	margin-bottom: 17px;
}
.pagination a,
.pagination stong.active {
	padding: 7px 20px;
	background-color: #888888;
}

.pagination strong.active {
	background-color: #CCDC6F;
	color: #fff;
	padding: 7px 20px;
}

.pagination a {color: #fff;
	opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 0.3s linear 0s;
}
.pagination a:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/* **************** Paginierung ENDE  ******************************************* */