@charset "UTF-8";
/* Diakademie

blau		009bdc

hellblau	83cff0		navi links

auch ein blau  1777d1

29BFFF neues Blau kontrast

lila		3B0E5D

3B0E5D neues lila kontrast

(beide noch nicht eingesetzt )
0 Kotrast Errors - OK

 */

*,
*::before,
*::after {
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 0;
 	box-sizing: border-box;
 	word-wrap: break-word;
}

/* OPEN SANS */
@font-face{
        font-family:"OPENSANS";
        src: url("OPENSANS-REGULAR.TTF") format("truetype");
		font-weight: 400;
}

@font-face{
        font-family:"OPENSANS SEMI";
        src: url("OPENSANS-SEMIBOLD.TTF") format("truetype");
		font-weight: 500;
}

body {
	font-family: 'OPENSANS', sans-serif;
	font-size: 0.95em;
	font-weight: 300;
	color: #6e6e6e;
	text-align: center;
	background: url(verlauf-oben.jpg) repeat-x;
}

body .body_inside {
	background: url(verlauf-unten.jpg) repeat-x bottom;
}

.onlyprint {
  display: none;
}

#wrapper {
	width: 100%;
	margin: 15px auto 0 auto;
}

#header {
	width: 100%;
	min-height: 356px;
	position: relative;
	text-align: center;
}

#header .inside {
	max-width: 970px;
	width: 95%;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	position: relative;
	border: 5px solid #fff;
}

#header .colorhead {
 	height: 306px;
	background-color: #1777d1; /*  blau  */
 }

.ap #header .colorhead,
.altenarbeit #header .colorhead {
	background-color: #79b41e;  /*  gruen  */
}

.hp #header .colorhead,
.heilpaedagogik #header .colorhead {
	background-color: #009cdf;  /*  blau  */
}

.freiwilligkeit #header .colorhead,
.fw #header .colorhead,
.sd #header .colorhead {
	background-color: #3B0E5D;  /*  lila  */
}

.kinder #header .colorhead,
.kjh #header .colorhead,
.kita #header .colorhead {
	background-color: #eb6b4a;  /*  orange  */
}


.leitung #header .colorhead,
.dg #header .colorhead,
.pe #header .colorhead,
.kk #header .colorhead,
.oe #header .colorhead,
.re #header .colorhead,
.ps #header .colorhead,
.pk #header .colorhead{
	background-color: #e2006e;  /*  rosa  */
}

#header #logo {
	max-width: 312px;
	width: auto;
	float: left;
	border-right: 5px solid #fff;
}

/*=============  HEADER KURS QUADRAT  ===============*/

#header .kurse {
	display: none;
}

.altenarbeit #header .altenarbeit,
body.ap #header .altenarbeit {
	display: none;
	width: 151px;
	height: 151px;
	position: absolute;
	top: 155px;
	left: 156px;
	background: url(kurse_altenarbeit.png);
}

.heilpaedagogik #header .heilpaedagogik,
 body.hp #header .heilpaedagogik{
	display: none;
	width: 151px;
	height: 151px;
	position: absolute;
	top: 155px;
	left: 156px;
	background: url(kurse_heilpaedagogik.png);
}

.freiwilligkeit #header .freiwilligkeit,
body.fw #header .freiwilligkeit,
body.sd #header .freiwilligkeit {
	display: none;
	width: 151px;
	height: 151px;
	position: absolute;
	top: 155px;
	left: 156px;
	background: url(kurse_freiwilligkeit.png);
}

.kinder #header .kinder,
body.kjh #header .kinder,
body.kita #header .kinder {
	display: none;
	width: 151px;
	height: 151px;
	position: absolute;
	top: 155px;
	left: 156px;
	background: url(kurse_kinder.png);
}

.leitung #header .leitung,
body.dg #header .leitung,
body.pe #header .leitung,
body.kk #header .leitung,
body.oe #header .leitung,
body.re #header .leitung {
	display: none;
	width: 151px;
	height: 151px;
	position: absolute;
	top: 155px;
	left: 156px;
	background: url(kurse_leitung.png);
}

#header .kurse img {
	width: 31px;
	height: 31px;
	position: absolute;
	top: 114px;
	left: 113px;
}

#header .kurse a img:hover {
	background: url(pfeil_grau_hover.png) no-repeat;
}

/*Mobile*/
@media (max-width: 1100px) {
#header .kurse {
	display: none;
}

.altenarbeit #header .altenarbeit,
body.ap #header .altenarbeit {
	top: 215px;
}

.heilpaedagogik #header .heilpaedagogik,
 body.hp #header .heilpaedagogik{
	top: 215px;
}

.freiwilligkeit #header .freiwilligkeit,
body.fw #header .freiwilligkeit,
body.sd #header .freiwilligkeit {
	top: 215px;
}

.kinder #header .kinder,
body.kjh #header .kinder,
body.kita #header .kinder {
	top: 215px;
}

.leitung #header .leitung,
body.dg #header .leitung,
body.pe #header .leitung,
body.kk #header .leitung,
body.oe #header .leitung,
body.re #header .leitung {
	top: 215px;
}


}

/*==============  HEADER  BILD  ===============*/
#header .mod_contentbox {
	max-width: 319px;
	height: 306px;
	float: left;
}

#header .mod_contentbox .inside {
	max-width: 319px;
	width: 95%;
	height: 306px;
	margin: 0;
	background-color: transparent;
	border: none;
}

#header .mod_contentbox .mod_box_items img {
	width: auto;
	height: 306px;
	border-right: 5px solid #fff;
}

.ueberuns #header .mod_contentbox .inside .mod_box_items:nth-last-child(1),
.mitglieder #header .mod_contentbox .inside .mod_box_items:nth-last-child(1) {
	display: none;
}



@media (max-width: 850px) {
	#header .mod_contentbox {display: none;}
}

/*==============  HEADER RIGHT /SUCHE /SERVICE NAV ===========*/
#header #header-right {
	max-width: 281px;
	width: 100%;
	height: 150px;
	padding: 10px;
	float: right;
	background-color: #1777d1;
	color: #fff;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 15px;

}

.ap #header #header-right,
.altenarbeit #header #header-right {
	background-color: #79b41e;  /*  gruen  */
}

.hp #header #header-right,
.heilpaedagogik #heder #header-right {
	background-color: #009cdf;  /*  blau  */

}

.freiwilligkeit #header #header-right,
.fw #header #header-right,
.sd #header #header-right {
	background-color: #3B0E5D;  /*  lila  */
}

.kinder #header #header-right,
.kjh #header #header-right,
.kita #header #header-right {
	background-color: #eb6b4a;  /*  orange  */
}

.leitung #header #header-right,
.dg #header #header-right,
.pe #header #header-right,
.kk #header #header-right,
.oe #header #header-right,
.re #header #header-right,
.ps #header #header-right,
.pk #header #header-right{
	background-color: #e2006e;  /*  rosa  */
}


#header #header-right ul li {
	list-style: none;
	margin-bottom: 5px;
}

#header #header-right ul li a {
	color: #fff;

}

@media (max-width: 1100px) {
    #header #header-right  {display: none;}
}

/*============== KOPF SUCHE  ================*/
#header .mod_form.suche {
	position: relative;
	margin-bottom: 15px;
	padding: 0;
}

#header .mod_form.suche label {
	display: block;
}

#header .mod_form.suche input {
	padding: 5px;
	margin-right: -10px;
}

#header .mod_form.suche input.submit {
	position: absolute;
	top: 20px;
	left: 230px;
}

#header .suchemobile {display: none;}

@media (max-width: 1100px) {
    #header .suchemobile  {display: block; float: right; margin: 10px 15px 0 0;}
}

/*=============  HEADER  HAUPTMENÜ  ============*/
#header .mod_navigation {
	clear: both;
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #009bdc;
	border-top: 1px solid #fff;
}

#header .mod_navigation ul {
	text-align: center;
	margin-top: 12px;
}

#header .mod_navigation ul li {
	display: inline-block;
	list-style: none;
	padding: 0 10px;
	margin: 0 auto;
}

#header .mod_navigation ul li a {
	color: #1777d1;
	font-size: 1.2em;

	display:inline-block;
}

#header .mod_navigation ul li a:hover {
	color: #3B0E5D;
	font-family: 'OPENSANS SEMI', sans-serif;
	font-weight: 400;
}

#header .mod_navigation ul li a.active,
#header .mod_navigation ul li a.trail {
	color: #3B0E5D;
	border-bottom: 8px solid #3B0E5D;
	padding-bottom: 8px;
	font-family: 'OPENSANS SEMI', sans-serif;
	font-weight: 400;
}


#header .mod_navigation ul li a::before {
			display: block;
			content: attr(title);
			font-family: 'OPENSANS SEMI';
			height: 0;
			overflow: hidden;
			visibility: hidden;
}

#header .mod_navigation ul li a::after {
	font-size: 0;
}

_:-ms-input-placeholder, :root #header .mod_navigation ul li a.active,
_:-ms-input-placeholder, :root #header .mod_navigation ul li a.trail {
	padding-bottom: 6px;
}

@media (max-width: 1100px) {
    #header .mod_navigation  {display: none;}
}
/*=================  MOBILE MENUE  ===============*/
@media (min-width: 1100px) {
    #header .mod_mobile_menu  {display: none;}
}

.mod_mobile_menu {
	margin-top: 0;
	float: left;
	height: 40px;
	margin: 0 0 20px 0;
	clear: right;
}

.mobile_menu_trigger  {
	width: 100%;
	min-width: 30px;
	height: 30px;
	padding: 0 0;
	margin: 8px auto 0 auto;
}

.mobile_menu_trigger img {
	height: 30px;
	width: auto;
}

.mobile_menu {
    position: absolute;
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
}

.mobile_menu .inner {
	background:#fff;
	text-align: left;
	height: 100%;
}

.mobile_menu .inner ul {
   list-style-type: none;
   background-color: #fff;
}

.mobile_menu .inner ul li {
	display: block;
}

.mobile_menu .inner a {
    color: #1777d1;
	font-family: 'OPENSANS';
	font-size: 1.3em;
	padding: 10px 20px;
	width: 100%;
	display: block;
	border-bottom: 1px solid #83cff0;
}

.mobile_menu .inner a.active,
.mobile_menu .inner a.trail {
	font-family: 'OPENSANS SEMI';
	font-weight: 400;
}

.mobile_menu .inner ul.level_2 li a {
   display: none;
}


/*==============  CONTAINER  ==============*/
#container  {
	width: 100%;
	height: auto;
	position: relative;
}

#container .inside {
	max-width: 970px;
	width: 95%;
	margin: 20px auto 0 auto;
	text-align: left;
	border: 5px solid transparent;
	border-bottom: 0;
}

/*=================  NAVIGATION  LINKS  =============*/
#left {
	max-width: 307px;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin: 0;
	z-index: 1;
}

#left .inside {
	margin: 0;
	width: 100%;
	border: none;
}

#left .mod_navigation {
	width: 100%;
	height: auto;
	background-color: #1777d1;
}

#left .mod_navigation ul.level_1 li {
	list-style: none;
	border-bottom: 1px solid #fff;
}

#left .mod_navigation ul.level_1 li a {
	display: block;
	width: 90%;
	min-height: 17px;
	padding: 9px;
	color: #fff;
	font-size: 1.1em;
}

#left .mod_navigation ul.level_1 li a:hover,
#left .mod_navigation ul.level_1 li a.active,
#left .mod_navigation ul.level_1 li a.trail {
	color: #000;
}

#left .mod_navigation ul.level_1 li.submenu {
	background: url(pfeil_weiss_unten.png) no-repeat 97% 15px;
}

#left .mod_navigation ul.level_1 li.active.submenu,
#left .mod_navigation ul.level_1 li.trail.submenu {
	background: url(pfeil_weiss_oben.png) no-repeat 97% 15px;
}

#left .mod_navigation ul.level_2 {
	display: none;
}

#left .mod_navigation ul.level_1 li.active ul.level_2,
#left .mod_navigation ul.level_1 li.trail ul.level_2 {
	display: block;
	width: 269px;
	margin-left: 20px;
	padding-bottom: 5px;
}

#left .mod_navigation ul.level_1 li ul.level_2 li {
	border: none;
}

#left .mod_navigation ul.level_1 li ul.level_2 li a {
	padding: 6px;
	width: 269px;
}

/*  aktiv bei Kursdetails  (primaerkurs-class in body) */
.fm #left .mod_navigation ul.level_1 li.fm a,
.ap #left .mod_navigation ul.level_1 li.altenarbeit a,
.hp #left .mod_navigation ul.level_1 li.heilpaedagogik a,
.ea #left .mod_navigation ul.level_1 li.fw a,
.fw #left .mod_navigation ul.level_1 li.fw a,
.ae #left .mod_navigation ul.level_1 li.fw a,
.sd #left .mod_navigation ul.level_1 li.sd a,
.sp #left .mod_navigation ul.level_1 li.sd a,
.kjh #left .mod_navigation ul.level_1 li.kinder a,
.kita #left .mod_navigation ul.level_1 li.kinder a,
.vetk #left .mod_navigation ul.level_1 li.kinder a,
.pe #left .mod_navigation ul.level_1 li.leitung a,
.kk #left .mod_navigation ul.level_1 li.kk a,
.ps #left .mod_navigation ul.level_1 li.kk a,
.pk #left .mod_navigation ul.level_1 li.kk a,
.dg #left .mod_navigation ul.level_1 li.kk a,
.oe #left .mod_navigation ul.level_1 li.oe a,
.re #left .mod_navigation ul.level_1 li.recht a,
.re #left .mod_navigation ul.level_1 li.oe a,
.tapb #left .mod_navigation ul.level_1 li.tapb a,
.pb #left .mod_navigation ul.level_1 li.tapb a,
.taa #left .mod_navigation ul.level_1 li.tapb a{
	color: #000;

}

.ea #left .mod_navigation ul.level_1 li.fw ul.level_2,
.fw #left .mod_navigation ul.level_1 li.fw ul.level_2,
.ae #left .mod_navigation ul.level_1 li.fw ul.level_2,
.sd #left .mod_navigation ul.level_1 li.sd ul.level_2,
.sp #left .mod_navigation ul.level_1 li.sd ul.level_2,
.kjh #left .mod_navigation ul.level_1 li.kinder ul.level_2,
.kita #left .mod_navigation ul.level_1 li.kinder ul.level_2,
.vetk #left .mod_navigation ul.level_1 li.kinder ul.level_2,
.pe #left .mod_navigation ul.level_1 li.leitung ul.level_2,
.kk #left .mod_navigation ul.level_1 li.kk ul.level_2,
.ps #left .mod_navigation ul.level_1 li.kk ul.level_2,
.pk #left .mod_navigation ul.level_1 li.kk ul.level_2,
.dg #left .mod_navigation ul.level_1 li.kk ul.level_2,
.oe #left .mod_navigation ul.level_1 li.oe ul.level_2,
.re #left .mod_navigation ul.level_1 li.recht ul.level_2,
.re #left .mod_navigation ul.level_1 li.oe ul.level_2,
.tapb #left .mod_navigation ul.level_1 li.tapb ul.level_2,
.pb #left .mod_navigation ul.level_1 li.tapb ul.level_2,
.taa #left .mod_navigation ul.level_1 li.tapb ul.level_2{
	display: block;
	width: 269px;
	margin-left: 20px;
	padding-bottom: 5px;
}

.ea #left .mod_navigation ul.level_1 li.fw ul.level_2 a,
.fw #left .mod_navigation ul.level_1 li.fw ul.level_2 a,
.ae #left .mod_navigation ul.level_1 li.fw ul.level_2 a,
.sd #left .mod_navigation ul.level_1 li.sd ul.level_2 a,
.sp #left .mod_navigation ul.level_1 li.sd ul.level_2 a,
.kjh #left .mod_navigation ul.level_1 li.kinder ul.level_2 a,
.kita #left .mod_navigation ul.level_1 li.kinder ul.level_2 a,
.vetk #left .mod_navigation ul.level_1 li.kinder ul.level_2 a,
.pe #left .mod_navigation ul.level_1 li.leitung ul.level_2 a,
.kk #left .mod_navigation ul.level_1 li.kk ul.level_2 a,
.ps #left .mod_navigation ul.level_1 li.kk ul.level_2 a,
.pk #left .mod_navigation ul.level_1 li.kk ul.level_2 a,
.dg #left .mod_navigation ul.level_1 li.kk ul.level_2 a,
.oe #left .mod_navigation ul.level_1 li.oe ul.level_2 a,
.re #left .mod_navigation ul.level_1 li.recht ul.level_2 a,
.re #left .mod_navigation ul.level_1 li.oe ul.level_2 a,
.tapb #left .mod_navigation ul.level_1 li.tapb ul.level_2 a,
.pb #left .mod_navigation ul.level_1 li.tapb ul.level_2 a,
.taa #left .mod_navigation ul.level_1 li.tapb ul.level_2 a{
	color: #fff;

}

.ea #left .mod_navigation ul.level_1 li.fw ul.level_2 li.ea a,
.fw #left .mod_navigation ul.level_1 li.fw ul.level_2 li.ea a,
.ae #left .mod_navigation ul.level_1 li.fw ul.level_2 li.ae a,
.sd #left .mod_navigation ul.level_1 li.sd ul.level_2 li.sa a,
.sp #left .mod_navigation ul.level_1 li.sd ul.level_2 li.sp a,
.kjh #left .mod_navigation ul.level_1 li.kinder ul.level_2 li.kjh a,
.kita #left .mod_navigation ul.level_1 li.kinder ul.level_2 li.kita a,
.vetk #left .mod_navigation ul.level_1 li.kinder ul.level_2 li.vetk a,
.pe #left .mod_navigation ul.level_1 li.leitung ul.level_2 li.pe a,
.kk #left .mod_navigation ul.level_1 li.kk ul.level_2 li.kg a,
.ps #left .mod_navigation ul.level_1 li.kk ul.level_2 li.ps a,
.dg #left .mod_navigation ul.level_1 li.kk ul.level_2 li.dg a,
.pk #left .mod_navigation ul.level_1 li.kk ul.level_2 li.ps a,
.oe #left .mod_navigation ul.level_1 li.oe ul.level_2 li.oe a,
.re #left .mod_navigation ul.level_1 li ul.level_2 li.re a,
.re #left .mod_navigation ul.level_1 li.oe ul.level_2 li.recht a,
.pb #left .mod_navigation ul.level_1 li.tapb ul.level_2 li.pb a,
.taa #left .mod_navigation ul.level_1 li.tapb ul.level_2 li.taa a{
	color: #000;
}

@media (max-width: 850px) {
	#left {max-width: 100%; margin-bottom: 40px;}
}
/*================  MAIN  ===================*/

.mod_article[id*="mobile"] {
	display: none;
}

.startseite #left {
	display: none;
}

#main {
	width: 66%;
	min-height: 500px;
	float: right;
	text-align: left;
	z-index: 1;
}

#main .inside {
	width: 100%;
	border: none;
	margin: 0;
}

.fullwidth #main {
	width: 100%;
	float: none;
}

.fullwidth #main .inside {
	width: 100%;
	border: none;
	margin: 0;
}

@media (max-width: 1000px) {
	#main {width: 60%;}
}

@media (max-width: 850px) {
	#main {width: 100%; float: none; clear: both; margin-top: 40px;}
}

#main .ce_text {
	clear: both;
}
#main .slider-wrapper .ce_text {
	clear: none;
}

#main h1 {
	font-family: 'OPENSANS SEMI', sans-serif;
	font-weight: 400;
	color: #3B0E5D;
	font-size: 1.4em;
	margin-bottom: 10px;
}

#main h1 span.blau {
	font-weight: 100;
	color: #009bdc;
}

#main h2 {
	font-family: 'OPENSANS SEMI', sans-serif;
	color: #000;
	font-size: 1.4em;
	font-weight: 100;
	margin-bottom: 5px;
}

#main h3 {
	font-family: 'OPENSANS SEMI', sans-serif;
	color: #1777d1;
	font-size: 1.4em;
	font-weight: 100;
	margin-bottom: 5px;
	line-height: 120%;
}

#main h4 {
	font-family: 'OPENSANS SEMI', sans-serif;
	font-weight: 900;
	font-size: 1em;
}

#main p {
	margin-bottom: 20px;
}

#main a {
	color: #1777d1;
}

#main hr {
	border-bottom: 1px solid #009bdc;
	margin-bottom: 30px;
	clear: both;
}

#main ul,
#main ol {
	margin: 0 0 20px 40px;
}

#main strong {
	font-weight: 400;
	font-family: 'OPENSANS SEMI', sans-serif;
}

#main video {
	margin-bottom: 30px;
}

#main table {
	border-spacing: 0;
}

#main table tr td {
	vertical-align: top;
}

@media (max-width: 500px) {
	#main .image_container.float_left {clear: both; float: none;}
	#main .image_container.float_right {clear: both; float: none;}

	#main .rs-columns .image_container.float_left {float: left;}
	#main .rs-columns .image_container.float_right {float: right;}
}

.image_container .caption {
	font-size: 0.8em;
	font-style: italic;
}

figure { display: table; }

figcaption { display: table-caption; caption-side: bottom ; }


#main form {
	margin-bottom: 30px;
}

#main form label {
	display: inline-block;
	width: 150px;
}

#main form .widget {
	margin-bottom: 10px;
}

#main  input.text,
#main  select,
#main  input.captcha,
#main  textarea {
	border: 1px solid #009bdc;
	padding: 5px;
	background: transparent;
	min-width: 302px;
	min-height: 22px;
	font-size: 1em;
	color: #3B0E5D;
}

#main  textarea {
	width: 627px;
	height: auto;
	min-height: 150px;
	font-family: Arial, sans-serif;
	font-size: 1em;
}

#main  .radio_container span ,
#main  .checkbox_container span{
	display: block;
	margin: 10px 0 ;
}

#main  select {
	width: 315px;
	height: 32px;
}

#main  select option {
	padding: 3px 8px;
}

#main p.error {
	color: #CC0000;
	border: 1px solid #CC0000;
	padding: 5px;
}

#main p.confirm {
	color: #0a7d0a;
	border: 1px solid #0a7d0a;
	padding: 5px;

}

/*  RADIO UND CHECKBOX  */
.widget-radio,
.widget-checkbox {
	margin-left: -5px;
}

/* graceful degradation for ie8 */
input[type='checkbox'],
input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;
}

input[type='checkbox']:checked,
input[type='checkbox']:not(checked),
input[type='radio']:checked,
input[type='radio']:not(checked) {
  background: transparent;
  position: relative;
opacity:0;
  margin:0;
  padding:0;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
}

input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(checked) + label::before {
    content: ' ';
    display: inline-block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 4px;
    border: 1px solid #3B0E5D;
    background: white;
    margin-right: 10px;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.1); /*  Rahmen/schatten innen  */
	margin-left: 0;
}

input[type=radio]:checked + label::before,
input[type=radio]:not(checked) + label::before {
	border-radius: 30px;
}

input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {
	background: #ddd;
	box-shadow: inset 0 0 0 2px white;
}

input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before {
	background: #3B0E5D;
	box-shadow: inset 0 0 0 2px white;
}

/*  Pflichtfelder  */
#main  input.mandatory,
#main  select.mandatory {
	border: 1px solid #3B0E5D;
	color: #3B0E5D;
}

/*  submit  */
#main input.submit,
#main button {
	background: url(pfeil_weiss_rechts.png) no-repeat 97% 5px #3B0E5D;
	color: #fff;
	padding: 7px 30px 7px 5px;
	font-size: 1em;
}

#main .submit_container,
#main .widget-submit {
	clear: both;
}

#main input.submit:hover,
#main button:hover {
	cursor: pointer;
}

/*============  STARTSEITE  ===============*/
.startseite #main .rs-column {
	padding: 0;
	width: 306px;
	max-height: 306px;
	position: relative;
	margin: 0 20px 15px 0;
	background-color: #3B0E5D;
}


.startseite #main .row-schmal {
	background-color: #3B0E5D;
}

.startseite #main .row-schmal .ce_hyperlink a,
.startseite #main .row-schmal .content-hyperlink a {
	display: block;
	padding: 30px 20px 20px 20px;
	width: 306px;
	min-height: 210px;
	position: relative;
	margin: 0 20px 15px 0;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
    font-family:"OPENSANS SEMI";
}
.startseite  #main .row-schmal.projekte,
.startseite  #main .row-schmal.inhouse,
.startseite  #main .row-schmal.weiterbildung
{ max-height: 123px;

}

.startseite #main .-large-last {
	margin: 0 0 15px 0;
}

.startseite #main .rs-column .ce_image {
	background-color: #3B0E5D;
	width: 306px;
	max-height: 306px;
}

.startseite #main .rs-column .kachel_leer {
	background-color: #fff;
}

.startseite #main .altenarbeit:hover,
.startseite #main .row-schmal.altenpflege:hover{
	background-image: linear-gradient(135deg, #009EDF 0%, #63B14C 90%);
}

.startseite #main .heilpaedagogik:hover,
.startseite #main .sozial:hover,
.startseite #main .row-schmal.sozial:hover,
.startseite #main .row-schmal.heilpaedagogik:hover{
	background-image: linear-gradient(135deg, #1D8DBB 0%, #3B0E5D 50%);
}

.startseite #main .freiwilligkeit:hover,
.startseite #main .row-schmal.freiwilligkeit:hover{
	background-image: linear-gradient(135deg, #3B0E5D 0%, #D00072 90%);
}

.startseite #main .kinder:hover,
.startseite #main .row-schmal.kinder:hover{
	background-image: linear-gradient(135deg, #3B0E5D 0%, #EC6B4B 95%);
}

.startseite #main .leitung:hover,
.startseite #main .row-schmal.leitung:hover{
	background-image: linear-gradient(135deg, #3B0E5D 0%, #D00072 90%);
}

.startseite #main .praxisbaustein:hover,
.startseite #main .row-schmal.arbeitsleben:hover{
	background-image: linear-gradient(135deg, #3B0E5D 0%, #ffff99 90%);
}
.startseite #main .praxisbaustein:hover .ce_image,
.startseite #main .freiwilligkeit:hover .ce_image,
.startseite #main .kinder:hover .ce_image,
.startseite #main .leitung:hover .ce_image {
	background: none;
}




.startseite #main .kursauswahl {
	position: absolute;
	top: 235px;
	left: 20px;
	width: 270px;
	height: 45px;
}

.startseite #main .row-schmal .kursauswahl {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 265px;
	height: 45px;
	border-top: 1px solid #fff;
	padding-top: 20px;
}

.startseite #main .kursauswahl select option {
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #3B0E5D;
}

.startseite #main .kursauswahl select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(pfeil_blau_unten.png) no-repeat right #1777d1;
	min-width: 150px;
	max-width: 265px;
	height: 45px;
	padding: 5px 5px 5px 10px;
	color: #fff;
	font-size: 1em;
	border: none;
}

.startseite #main .kursauswahl select:hover {
	background: url(pfeil_lila_oben.png) no-repeat right ;
	cursor: pointer;
}

.startseite #main .row-schmal .kursauswahl select:hover {
	background: url(pfeil_lila_oben.png) no-repeat right #1777d1;
	cursor: pointer;
}

.startseite #main .kursauswahl select::-ms-expand {
	  display:none;
}

/*.startseite #main .rs-column.kinder .kursauswahl select:hover{
	background-color: #eb6b4a;
}*/

.startseite #main .rs-column.leitung .kursauswahl select:hover,
.startseite #main .rs-column.freiwilligkeit .kursauswahl select:hover {
	background-color: #b0006e;
}
.startseite #main .rs-column.altenpflege .kursauswahl select:hover{
	background-color: #79b41e;
}

.startseite #main .rs-column.kinder .kursauswahl select:hover{
background-color: #eb6b4a;
}
/*.startseite #main .rs-column.alle-kurse .kursauswahl select:hover {
	background-color: #1777d1;
	color: #3B0E5D;
}*/

.startseite #main .rs-column.praxisbaustein .kursauswahl select:hover,
.startseite #main .rs-column.arbeitsleben .kursauswahl select:hover{
	background-color: #ffffcc;
		color: #3B0E5D;
}

@media (max-width: 850px) {
	.startseite #main .rs-column {width: 100%; margin: 0 0 15px 0;}
	.startseite #main .rs-column .ce_image {width: 100%; height: auto;display: flex; justify-content: center; align-items: center;}
	.startseite #main .rs-column .ce_image img {width: 100%; height: auto;}
	.startseite #main .kursauswahl {display: none;}
}

/*=============  STARTSEITE  AKTUELLE KURSE  =============*/
#main #startseite .mod_kursupcoming {
	background-color: #3B0E5D;
	height: auto;
	min-height: 320px;
	width: 920px;
	padding: 1px 20px;
	text-align: left;
	clear: both;
	box-sizing: content-box;
}

#main #startseite .mod_kursupcoming h1 {
	color: #009bdc;
	text-transform: uppercase;
	font-weight: 100;
	margin-top: 35px;
	margin-bottom: 0;
	text-align: center;
	width: 90%;
	margin-bottom: -35px;
}
@media screen and (min-width: 920px) {
	#main #startseite .mod_kursupcoming h1 {
		width: 100%;
	}
}

#main #startseite .mod_kursupcoming .slider-control {
	margin: 0 0 20px 0;
	width: 100%;
	padding: 0;
}

#main #startseite .mod_kursupcoming .inside .event {
	width: 293px;
	float: left;
	border-top: 1px solid #fff;
	margin-right: 20px;
	padding-top: 20px;
}

#main #startseite .mod_kursupcoming .inside .event:nth-child(3) {
	margin-right: 0;
}

#main #startseite .mod_kursupcoming .inside .event .title a,
#main #startseite .mod_kursupcoming .inside .event .datum .month,
#main #startseite .mod_kursupcoming .inside .event .datum .day {
	color: #fff;
}

#main #startseite .mod_kursupcoming .inside .event .datum {
	background: url(kalenderblatt_weiss.png) no-repeat;
	margin-bottom: 10px;
}

#main #startseite .mod_kursupcoming .inside .event .kursid {
	margin-top: 76px;
	margin-bottom: 7px;
}

@media (max-width: 850px) {
	#main #startseite .mod_kursupcoming {width: 100%;}
	#main #startseite .mod_kursupcoming .slider-control {width: 90%;}
	#main #startseite .mod_kursupcoming .inside .event {width: 28%;}
	#main #startseite .mod_kursupcoming .inside .event .kursid {display: block; float: none; clear: both;}

}

@media (max-width: 500px) {
	#main #startseite .mod_kursupcoming .inside .event {width: 90%}
	#main #startseite .mod_kursupcoming .inside .event .kursid {display: inline;}

}

/*=================  STARTSEITE  BOXEN HELLBLAU  ==============*/
.startseite #main .mod_contentbox {
	width: 100%;
}

.startseite #main .mod_contentbox .mod_box_items {
	width: 306px;
	height: 520px;
	margin-bottom: 25px;
	background-color: #1777d1;
	padding: 20px;
	color: #fff;
	float: left;
	margin-right: 20px;
}

.startseite #main .mod_contentbox .ce_text {
	clear: none;
}

.startseite #main .mod_contentbox .mod_box_items:nth-child(3) {
	margin-right: 0;
}

.startseite #main .mod_contentbox .mod_box_items .image_container {
	height: 72px;
	text-align: center;
	margin-bottom: 30px;
}

.startseite #main .mod_contentbox .mod_box_items h4 {
	width: 266px;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 1.4em;
	color: #000;
	border-bottom: 1px solid #3B0E5D;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.startseite #main .mod_contentbox .mod_box_items a {
	color: #fff;
}

@media (max-width: 850px) {
	.startseite #main .mod_contentbox .mod_box_items {width: 100%; height: auto;float: none; margin-right: 0;}
	.startseite #main .mod_contentbox .mod_box_items h4 {width: 100%;}
}

/*  tageslosung  */
#main #startseite .mod_contentbox .mod_box_items .mod_losungen {
	margin-top: -15px;
}

#main #startseite .mod_contentbox .mod_box_items .mod_losungen div.old_testament,
#main #startseite .mod_contentbox .mod_box_items .mod_losungen div.new_testament {
	margin-bottom: 20px;
}

#main #startseite  .verse {
	font-style: italic;
	font-weight: 600;
}

#main #startseite .mod_contentbox .mod_box_items .mod_losungen .scripture {
	font-size: 0.9em;
}

#main #startseite  .copyright {
	font-size: 0.625em;
}

#main #startseite  .losungstext,
#main #startseite  .lehrtext{
	font-size: 0.95em;
}

/*==========  BREADCRUMB  ===============*/
#main .mod_breadcrumb {
	margin-bottom: 30px;
	font-size: 0.9em;
}

#main .mod_breadcrumb ul {
	margin: 0;
}

#main .mod_breadcrumb ul li {
	list-style: none;
	display: inline;
	color: #3B0E5D;
}

#main .mod_breadcrumb ul li.first {
	display: none;
}

#main .mod_breadcrumb ul li a {
	color: #3B0E5D;
}

/*===================  VOR/ZURÜCK PAGINATION  ============= */
#main .pagination {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
#main .pagination p {
	margin: 0;
	padding: 0;
}
#main .pagination ul {
	margin: 10px auto 0 auto;
	list-style: none;
	display: inline-block;
}
#main .pagination ul li {
	float: left;
	margin: 0 0.8em 0 0;
}

#main .pagination ul li a {
	color: #1777d1;
	font-weight: 400;
	font-family: 'OPENSANS SEMI', sans-serif;
}

#main .pagination ul li .current {
	color: #3B0E5D;
	font-weight: 400;
	font-family: 'OPENSANS SEMI', sans-serif;
}

#main .pagination ul li img {
	margin: -5px 0 0 0;
}

/*=============  KURSLISTE  ================*/
#main .mod_kursliste, #main .mod_kursupcoming {
	margin-bottom: 20px;
}

#main .mod_kursliste .event, #main .mod_kursupcoming .event {
	border-bottom: 1px solid #3B0E5D;
	padding: 8px 0;
}

#main .mod_kursliste .event .datum, #main .mod_kursupcoming .event .datum {
	width: 76px;
	height: 98px;
	background: url(kalenderblatt.png) no-repeat;
	float: left;
	margin-right: 20px;
	text-align: center;
}

#main .mod_kursliste .event .datum .month, #main .mod_kursupcoming .event .datum .month {
	color: #3B0E5D;
	font-size: 1.1em;
	margin: 33px 0 0 0;
	text-transform: uppercase;
}

#main .mod_kursliste .event .datum .day, #main .mod_kursupcoming .event .datum .day {
	color: #3B0E5D;
	font-size: 2.2em;
	margin: -7px 0 0 0;
	font-weight: 900;
}

#main .mod_kursliste .event .kursid
{
	color: #1777d1;
	padding-top: 5px;
}

#main .mod_kursupcoming .event .kursid {
	color: #009bdc;
	padding-top: 5px;
}

#main .mod_kursliste .event .title a, #main .mod_kursupcoming .event .title a {
	color: #3B0E5D;
	font-weight: 900;
}

/*=================  KURSDETAILS  =============*/
#main .pdf_link {
	width: 16px;
	height: 16px;
	display: none;
}

#main #kursdetails span.anmeldung {
	float: right;
	margin-top: -55px;
	font-size: 0.9em;
}

#main #kursdetails span.anmeldung a {
	color: #3B0E5D;
}

#main #kursdetails {
	padding-bottom: 200px;
}

#main #kursdetails p.voll {
	color: red;
}

#main #kursdetails .mod_kursreader .ce_text {
	min-height: 300px;
}

@media (max-width: 500px) {
	#main #kursdetails {padding-bottom: 0;}
}


#main .details_footer {
	width: 100%;
	max-height: 200px;
	background-color: #009bdc;
	position: absolute;
	left: 0;
	text-align: center;
}

#main .details_footer_inside {
	width: 488px;
	max-height: 160px;
	padding-top: 40px;
	margin: 0 auto;
}

#main .details_footer .details_footer_block img{
	margin-bottom: 20px;
}

#main .details_footer .details_footer_block span{
	color: #3B0E5D;
	font-size: 1.6em;
}

#main .details_footer .anmeldung {
	float: left;
	text-align: center;
}

#main .details_footer .pdf {
	float: right;
	text-align: center;
}

#main #kursdetails p.back {
	display: none;
}

@media (max-width: 500px) {
	#main .details_footer {position: relative;}
	#main .details_footer_inside {width: 100%; height: auto; padding: 10% 0; }
	#main .details_footer_block {width: 40%; margin: 5%;}
	#main .details_footer .details_footer_block img {margin-bottom: 10px; width: 30%;}
	#main .details_footer .details_footer_block span {font-size: 1em;}
}
/*==========  ACCORDION  ==============*/
#main .ce_accordion .toggler {
	color: #1777d1;
	font-size: 1.4em;
	font-weight: 100;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid #009bdc;
	background: url(pfeil_unten.png) no-repeat 95% 8px;
}

#main .ce_accordion .toggler:hover {
	cursor: pointer;
}

#main .ce_accordion .accordion {
	padding: 10px 0 20px 0;
	margin-bottom: 20px;
}

/*===============  AKTUELLES  ============*/
#main .mod_newslist .layout_full {
	border-bottom: 1px solid #009bdc;
	margin-bottom: 30px;
}

#main .mod_newslist .layout_full .image_container {
	margin-bottom: 30px;
	float: left;
}

#main .mod_newslist .layout_full .newstext {
	max-width: 637px;
	width: 100%;
	height: auto;
}

/*=============  DIAKADEMIE TEAM  ===========*/
#main .kein_foto {
	margin-left: 145px;
	margin-bottom: 125px;
}

/*=============  SERVICE ANMELDUNG SUCHE ===========*/
#main .mod_search input.text {
	border: 1px solid #3B0E5D;
	padding: 5px;
	background: transparent;
	color: #3B0E5D;
	height: 36px;
	font-size: 1em;
}

/*=============  SERVICE KURSORDNER ===========*/
#main #service-download-kursordner form .widget label {
	display: block;
	float: left;
	clear: left;
	width: 130px;
}

/*===========  SUCHERGEBNIS  ==========*/

#main .mod_search .header {
	border-bottom: 1px solid #3B0E5D;
	padding-bottom: 20px;
	padding-top: 10px;
	margin-bottom: 20px;
}

#main .mod_search .ergebnis {
	border-bottom: 1px solid #3B0E5D;
	margin-bottom: 20px;
}

#main .mod_search .ergebnis h2 {
	font-size: 1em;
	font-weight: 900;
}

#main .mod_search .ergebnis h2 a {
	color: #3B0E5D;
}

#main .mod_search .ergebnis p.url {
	margin-bottom: 20px;
}

#main .mod_search .ergebnis .relevance {
	display: none;
}

#main .mod_search .ergebnis .highlight {
	font-weight: bold;
}

/*============= SUCHE  ============= */
#main .sucheself form label {
	width: 250px;
}

#main .sucheself form input.text {
	width: 340px;
}

#main .sucheself form select {
	width: 340px;
}

#main .sucheself form input.submit {
	width: 100px;
}

/*==============  ANMELDEFORMULAR  =============*/
/*  kursbeschreibung  */
#main #kursanmeldung .mod_kursreader .kursdetails_left {
	width: 300px;
	float: left;
	border-right: 1px solid #009bdc;
}

#main #kursanmeldung .mod_kursreader .kursdetails_right {
	width: 300px;
	float: right;
}

/*  Login  */
#main #kursanmeldung .mod_login {
	background-color: #3B0E5D;
	padding: 10px 10px 1px 10px;
	color: #fff;
	margin-bottom: 20px;
}

#main #kursanmeldung .ce_text.mod_login {
	margin-bottom: 0;
}

#main #kursanmeldung .mod_login p {
	margin-bottom: 10px;
	padding-top: 10px;
}

#main #kursanmeldung .mod_login input.text {
	border: 1px solid #fff;
	color: #fff;
	font-size: 1em;
	float: left;
	width: 292px;
	margin-bottom: 10px;
}

#main #kursanmeldung .mod_login input#username {
	margin-right: 10px;
}


#main #kursanmeldung .mod_login button {
	background: url(pfeil_lila_rechts.png) no-repeat 95% 7px #fff;
	color: #3B0E5D;
}

/*  Formular */
#main #kursanmeldung .ce_form {
	margin-top: 40px;
	position: relative;
	margin-bottom: 50px;
}

#main #kursanmeldung .ce_form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(pfeil_lila_unten.png) no-repeat 97% #fff;
	width: 300px;
}

#main #kursanmeldung .ce_form h3 {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding-top: 10px;
}

#main #kursanmeldung .ce_form .widget-explanation.dienstanschrift {
/*	position: absolute;
	width: 280px;
	left: -10px;
	color: #009bdc;
	font-weight: 900;
	border: 1px solid red;
	z-index: 100;*/
}

#main #kursanmeldung .ce_form .widget-explanation.mitglied {
/*	position: absolute;
	width: 280px;
	top: 356px;
	color: #3B0E5D;
	font-weight: 900;
	left: -307px;*/
}

#main #kursanmeldung .ce_form .widget-explanation.privatanschrift {
	/*position: absolute;
	width: 280px;
	top: 442px;
	color: #009bdc;
	font-weight: 900;
	left: -307px;*/
}

#main #kursanmeldung .ce_form .widget-explanation.rechnungsanschrift {
/*	position: absolute;
	width: 280px;
	top: 605px;
	color: #3B0E5D;
	font-weight: 900;
	left: -307px;*/
}

#main #kursanmeldung .ce_form .rechnungsanschrift {
	margin-top: 10px;
}

#main #kursanmeldung .ce_form .rechnungsanschrift .radio_container label {
	color: #3B0E5D;
}

#main #kursanmeldung .ce_form textarea#ctrl_106 {
	border: 1px solid #3B0E5D;
	color: #3B0E5D;
	margin: 8px 0 20px 13px;
	max-width: 620px;
	min-width: 300px;
	width: auto;
}

#main #kursanmeldung .ce_form .widget-explanation.interessenherkunft {
/*	position: absolute;
	width: 280px;
	top: 700px;
	color: #009bdc;
	font-weight: 900;
	left: -307px;*/
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

#main #kursanmeldung .ce_form .radio_container label {
	width: 300px;
}

#main #kursanmeldung .ce_form p.agb {
	padding-top: 40px;
	margin-bottom: 10px;
	color: #009bdc;
	font-weight: 900;
	clear: both;
}

#main #kursanmeldung .ce_form p.agb a {
	color: #3B0E5D;
}
#main #kursanmeldung .ce_form .checkbox_container {
	clear: both;
	color: #3B0E5D;
}

#main #kursanmeldung .ce_form fieldset.spam {
	position: relative;
}

#main #kursanmeldung .ce_form .widget-explanation.sicherheit {
/*	position: absolute;
	width: 280px;
	top: 26px;
	color: #3B0E5D;
	font-weight: 900;
	left: -307px;*/
}

#main .ce_form .widget-checkbox label {
	font-weight: 900;
	width: 90%;
}

#main #kursanmeldung .widget.traeger {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

#main #kursanmeldung .widget.traeger label {
	display: block;
	width: 300px;
	margin-bottom: 10px;
}

#main #kursanmeldung .widget.traeger select {
	width: 630px;
}

#main #kursanmeldung .ce_form .widget-captcha {
	margin: 20px 0;
}

#main #kursanmeldung .ce_form .widget-captcha .captcha_text {
	color: #3B0E5D;
	font-weight: 900;
}

/*  ERROR  */
#main #kursanmeldung .ce_form .widget.error p.error {
	display: block;
}

#main #kursanmeldung .ce_form .widget.error input.error,
#main #kursanmeldung .ce_form fieldset.error input.checkbox {
	border: 1px solid red;
	color: red;
	background-color: #f8e4e4;
}

#main #kursanmeldung p.error {
	border: 1px solid red;
	color: #fff;
	background-color: #f27979;
	padding: 5px 10px;
}

#main #kursanmeldung fieldset.checkbox_container.error input[type='checkbox']:checked + label::before,
#main #kursanmeldung fieldset.checkbox_container.error input[type='checkbox']:not(checked) + label::before,
#main #kursanmeldung fieldset.radio_container.error input[type='radio']:checked + label::before,
#main #kursanmeldung fieldset.radio_container.error input[type='radio']:not(checked) + label::before {
	border: 1px solid red;
	color: red;
}

#main #kursanmeldung fieldset.checkbox_container.error label,
#main #kursanmeldung fieldset.radio_container.error label{
	color: #f65656;
}

/*============  MITLIEDERLISTE  ============*/
#main #mitglieder-mitgliederliste table tr td {
	border-bottom: 1px solid #ddd;
	padding: 3px;
}


/*===============  NEWSLETTER ===========*/
#main #service-newsletter .mod_subscribe .checkbox_container,
#main #service-newsletter .mod_unsubscribe .checkbox_container{
	margin: 20px 0;
}

#main #service-newsletter .mod_subscribe .checkbox_container span,
#main #service-newsletter .mod_unsubscribe .checkbox_container span{
	display: block;
	float: none;
}

/*==============  PRAXISBAUSTEIN  ============*/
#main .werkstatt table {
	margin: 0;
	padding: 0;
	border-spacing: none;
}

#main .werkstatt table tr th {
	background-color: #D5F0FB;
	padding: 5px 3px;
}

#main .werkstatt table tr td {
	padding: 5px 3px;
	border-bottom: 1px solid #009bdc;
}

#main .werkstatt table tr:hover td {
	background-color: #e8f7fd;
}

/*===============  FOOTER  ================*/
#footer {
	clear: both;
	background-color: #9cd9f3;
	line-height: normal;
	width: 100%;
}

#footer .inside {
	max-width: 970px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 0;
}

/*==========  FOOTER CONTENT BOXEN  ============*/
#footer .mod_contentbox {
	max-width: 960px;
	min-height: 175px;
	padding-top: 25px;
	margin: 0 auto;
	text-align: left;
}

#footer .mod_contentbox .mod_box_items {
	width: 150px;
	min-height: 140px;
	height: auto;
	float: left;
	background-color: #fff;
	font-size: 0.7em;
	border-right: 1px solid #eee;
	padding: 0 5px;
}

#footer .mod_contentbox .mod_box_items img {
	width: 130px;
	max-height: 130px;
}

#footer .mod_contentbox .mod_box_items:nth-child(3) {
	margin-right: 50px;
}

#footer .mod_contentbox .mod_box_items:nth-child(4) {
	border-right: none;
	width: 200px;
}

#footer .mod_contentbox .mod_box_items:nth-child(5) {
	width: 105px;
}

#footer .mod_contentbox .mod_box_items:nth-child(3),
#footer .mod_contentbox .mod_box_items:nth-child(6)  {
	border: none;
}

#footer .mod_contentbox .mod_box_items:nth-child(4) img {
	width: 180px;
	height: auto;
}

#footer .mod_contentbox .mod_box_items:nth-child(5) img {
	width: 80px;
	height: auto;
}

#footer .mod_contentbox .mod_box_items:nth-child(6) img {
	width: 95px;
	height: auto;
}

#footer .mod_contentbox .mod_box_items.diakademie img {
	width: 80px;
	max-width: 80px;
	height: auto;
}



@media (max-width: 800px) {
	#footer .mod_contentbox {max-width: 780px; height: auto; padding: 25px;}
	#footer .mod_contentbox .mod_box_items {width: 30%;	float: left; padding: 10px; background-color: #fff; font-size: 0.5em; border-right: none; margin: 0 10px 10px 0;}
	#footer .mod_contentbox .mod_box_items:nth-child(3) {margin-right: 10px;}
	#footer .mod_contentbox .mod_box_items:nth-child(4) {width: 30%;}
	#footer .mod_contentbox .mod_box_items:nth-child(4) img {width: 100%;}
	#footer .mod_contentbox .mod_box_items:nth-child(5) {width: 30%;}
}


/*============  FOOTER MENUE  ===============*/

#footer #footer-menue {
	background-color: #1777d1;
}

@media (max-width: 800px) {
	#footer #footer-menue {padding: 10px 20px;}
}

#footer #footer-menue ul {
	padding: 10px 0 0 0;
	max-width: 960px;
	width: 100%;
	min-height: 40px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#footer #footer-menue ul li {
	list-style: none;
	display: inline;
	padding-right: 20px;
}

@media (max-width: 800px) {
	#footer #footer-menue ul li {float: left; display: block;padding-top: 20px;}
}

#footer #footer-menue ul li a {
	color: #fff;
}

/*================  SONSTIGES  =================*/
.invisible {
	display: none;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

/* startseite infobox corona */
#startseite .infobox {
	border: 2px solid #bb3b14;
	padding: 15px 10px 0 10px;
	margin-bottom: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
}

#startseite .infobox p {
	margin-bottom: 15px;
}

#startseite .infobox a {
	color: #bb3b14;
}