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

/* ****************** Schriften allgemein ****************** */
html { font-size: 100%;
	 }

body { 
	font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
	line-height: 1.2;
	color: #424242;
	background-color: #b5b5b5; 
	}  

footer {
	 font-family: 'Lato';
 	 font-style: normal;
 	 font-weight: 300;
	line-height: 1.5;
	color: #cecece;
	font-size: 14px;
	font-size: 0.875rem;
	}


h1 {
	font-size: 28px;
	color: #2e49a0;
	margin-top: 0;
	margin-bottom: 0;
	}
.unterseite.schule h1 { color: #bfd34b; }
.unterseite.schueler h1 { color: #3f9d38; }
.unterseite.eltern h1 { color: #14a8e1; }
.unterseite.lehrer h1 { color: #0089a0; }

h2 {
	font-size: 27px;
	font-weight: normal;
	}

.unterseite h2 {
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	}

.startseite h2 {
	font-size: 27px;
	color: #424242;
	font-weight: normal;
	}
.auswahlbox .rte h2 { margin-top: 20px; }
.startseite em {
	font-size: 21px;
	font-style: normal;
	}
.startseite h2.content-headline {
	font-size: 24px;
	color: #bcbcbc;
	margin-bottom: 20px;
	margin-top: 30px;
	
}

.rte h2 { margin: 0.5% 0 2.5% 0; }

h2 a { color: #606060; }

h2 a { text-decoration: none;}
h2 a:hover { color: #b50314;}

#fachakk h2 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 0;
	color: #bfd34b;
}
#fachakk h2 + p { margin-top: 10px; }

h1 + h3 { margin-top: 0.5rem; }
.mod_newsreader h1 + .content-text p { margin-top: 1rem !important; }
h1 + .content-text h2 { margin-top: 0.5rem; }

h3 {
	font-size: 18px;
    /* font-size: 1.25rem; */
    color: #434343;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
	}

h4 {
	font-size: 20px;
	font-size: 1.25rem;
	color: #7C7C7C;
	
	}

.datenschutz h4 { font-size: 18px !important; }

#footer h4 {
	font-size: 22px;
	color: #707070;
	}



h1 + p { margin: 8px 0 16px 0; margin: 0.5rem 0 1rem 0; }

body p { 
	line-height: 1.5;
	margin: 0 0 20px;
}

#main p, 
#main li,
#main label,
span.captcha_text,
#main td,
.layout_simple a{
	font-size: 16px; 
	}

#main .content-text ul { padding: 0 16px; margin-top: 0px; }

.schule #main .content-text ul li {
    list-style-image: url(../layout/punkt-blau.png);
	padding: 5px 20px 0 5px;
}

.schule #main #schulordnung .content-text ul li {
    padding: 5px 20px 15px 5px;
}

.schueler #main .content-text ul li {
    list-style-image: url(../layout/punkt-gruen.png);
	padding: 5px 20px 0 5px;
}
.eltern #main .content-text ul li {
    list-style-image: url(../layout/punkt-lila.png);
	padding: 5px 20px 0 5px;
}
.lehrer #main .content-text ul li {
    list-style-image: url(../layout/punkt-orange.png);
	padding: 5px 20px 0 5px;
}

/* ****************** Schriften allgemein ENDE ****************** */

footer .mod_article a { color: #cecece; }
footer .mod_article a:hover { color: #fff; }

#main td { line-height: 1.4; }

.kontaktbox td.col_1 { margin-bottom: 7px; padding-right: 5px; }
.kontaktbox table { }

.kontakt #main img { vertical-align: bottom; }

.dlh_googlemap { width: 100% !important; }

.linkgrafik { 
    position: absolute;
    right: 20px;
    bottom: 10px; 
}

.linkgrafik:hover {
    transform: translate(8px,0);
    -webkit-transform: translate(8px,0); /** Chrome & Safari **/
    -o-transform: translate(8px,0); /** Opera **/
    -moz-transform: translate(8px,0); /** Firefox **/
}

.linkgrafik {
    position: absolute;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.2s ease-in-out; /** Firefox **/
    -o-transition: all 0.2s ease-in-out; /** Opera **/
}


#main ul ul{ margin-bottom: 0; }
#main ul li { list-style-type: square;
	    line-height: 1.4;
/*	font-family: 'FontAwesome'; 
	content:"\f0c8" ; 
	color: #004389;
	font-size: 14px;*/
	 }

figcaption {
	background-color: #ececec;
    padding: 4px 5px;
    font-size: 12px;
    margin-bottom: 20px;
	}

/* ******************* Colorbox ******************* */

#cboxOverlay { background: none repeat scroll 0 0 #fff !important; }
#cboxLoadedContent { border: 5px solid #fff !important; }
#cboxTitle { 
	color: #004389;
    left: 0;
    top: -20px;  }

#cboxContent { margin-top: 40px; }
#cboxCurrent { /*right: 15px; top: 10px;*/color: #004389; }
#cboxClose { top: 5px; }

/* ******************* Colorbox ENDE ******************* */

#main .mod_article .ce_form input, 
#main .mod_article .ce_form .textarea {
	margin-bottom: 8px;
	margin-bottom: 0.5rem; }

#main .mod_article .ce_form input.checkbox {
	margin-bottom: 0 !important;
	margin-bottom: 0.5rem; }
.explanation { text-align: right; }
td.explanation p { text-align: left; margin-left: 26%; }
#main .kontakt td.col_0 { width: 26%; }
#main .kontakt td.col_1 { width: 80%; }
.formdatenschutz { margin-top: 20px; }
.datenschutzzusatz { margin-bottom: 20px; font-size: 95%!important; }
.datenschutzzusatz a { color: #c80032 !important; font-weight: bold; }
.datenschutzzusatz a:hover { color: #A7A7A7; }
td.explanation p.pflichtfeld { text-align: right;  color:#c80032; }
.kontakt span.mandatory { color:#c80032; }

input[type="submit"], .button {
	float: right;
    display: inline-block;
    padding: 4px 15px 4px 14px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: inherit;
    color: #fff;
    cursor: pointer;
    border: 1px solid #c80032;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #c80032;
    background-image: -moz-linear-gradient(top,#930002,#c80032);
    background-image: -webkit-linear-gradient(top,#930002,#c80032);
    background-image: -ms-linear-gradient(top,#930002,#c80032);
    background-image: -o-linear-gradient(top,#930002,#c80032);
    background-image: linear-gradient(to bottom,#930002,#c80032);
    background-repeat: repeat-x;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
}

.kontakt input.error { border: 1px solid #C70003; margin-bottom: 15px; }
.kontakt #main .col_1 p.error { font-size: 98%; margin-bottom: 0; color: #C70003; }

@media (max-width:590px)
{
	 
	 
}

@media (max-width:767px) {
	
	html { font-size:95%; } 
}


@media (min-width:768px) and (max-width:979px)
{
	html {font-size:90%;} 
	
}

@media (min-width:980px) and (max-width:1140px)
{
	
}