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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
	
header::after, footer::after, .ui-accordion-content {
    clear: both;
    content: "";
    display: table;
}

.nogutter {
	margin: 0 !important;
	padding: 0 !important;
	
}
html {
  overflow-y: scroll;
  }

/* *********************** Bereiche *********************** */

body { min-height: 200px;}
#wrapper { 
	min-height: 200px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	background-color: #fff; 
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	}
header { 
	background-color: #fff; } 
.unterseite #wrapper #container { 
	min-height: 100px;
	/*padding: 0 15px;*/
	}

.unterseite.nachrichten #wrapper #container { 
	min-height: 100px;
	padding: 0;
	}
	
html footer { 
	background-color: #eaeaea; 
	/*min-height: 160px; */
	}
.startseite #footer { margin-top: 0; }
	
#main .mod_article [class*="ce_"], 
#main .mod_article [class*="mod_"] {
   margin-bottom: 20px;
}

#main .mod_article.rechtespalte [class*="ce_"], 
#main .mod_article.rechtespalte [class*="mod_"] {
   margin-bottom: 15px;
}

#meldung {
	background-color: #f2f2f2;
	padding: 0;

}

#meldung .content-text {
	background-color: #f2f2f2;
    padding: 50px 30px 0 30px;
    margin-top: 0;
}
#logosstart {
	background-color: #c9c9c9;
    padding: 20px 30px 0 30px;
    margin-top: 0;
}
#main #logosstart .content-text.last {
	margin-bottom: 10px;
}
#logosstart img {
	border: 10px solid #fff;
}

.startseite #main .auswahlbox {
   margin-bottom: 0 !important;
}


.image_container.float_right { margin: 0 0 20px 20px; vertical-align: bottom; }
.image_container.float_left { margin: 0 20px 0 0; vertical-align: bottom; }
#main .image_container { display: inline-block; }

.ohnenavilinks #container { background-image: none; }

#logoverden img { float: right; margin-top: 100px; }
.ncoi---revoke--button { cursor: pointer; }

.rechtespalte { margin-bottom: 30px; }

#main .content-text.last { margin-bottom: 30px; }

.kontaktbox { background-color: #ececec; padding: 20px 20px 0 30px;  }

.schule .kontaktbox,
.schule .kontaktbox{
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	border-bottom: 15px solid #fff;
}

.content-downloads img.mime_icon,
.ce_download img.mime_icon{ 
	float: left;
	padding-top: 9px;
}

#confirm-googlemaps {
    cursor: pointer;
    padding: 10px 30px 5px 30px;
    color: #434343;
    background-color: #ececec;
    width: 100%;
}
#main #confirm-googlemaps h3 {
    margin-top: 10px;
	margin-bottom: 10px;
    color: #424242;
}

body #confirm-googlemaps p {
    line-height: 1.3;
    margin: 0 0 0px;
	font-size: 14px;
}

#logoverden { float: right; }

.ncoi---consent-box { background: rgba(111,111,111,0.5); }

.embed-container {
    margin-top: 20px;
    position: relative;
    padding-bottom: 56.3%;
    overflow: hidden;
    height: auto;
	background: #e5e5e5;
}

.embed-container iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.ncoi---blocked {
    display: flex;
	background-image: url("../layout/bg-iframe.png");
	background-position: right center;
	background-repeat: no-repeat;
	/*background-size: cover;*/
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background-color: transparent;
    border: 0px solid #333;
    width: 100% !important;
    min-height: 380px;
    margin-bottom: -380px;
	
}


.ncoi---consent-box {
     margin-top: -150px;
}

@media (min-width:581px) and (max-width:767px)
{
.schule .ncoi---consent-box {
     margin-top: -100px;
}
}
@media (min-width:1px) and (max-width:581px)
{
.schule .ncoi---consent-box {
     margin-top: -100px;
}
}

/* *********************** Bereiche ENDE *********************** */


/* *********************** Slider ***************************** */

.ce_sliderStart { max-height: 439px;}

.ce_sliderStart
 { overflow: hidden; }

.caroufredsel .ce_image { margin: 0!important; max-height: 439px !important; overflow: hidden; }

.caroufredsel .ce_image img { vertical-align: bottom; }

/* *********************** Slider ENDE ************************* */
.lila h2 { color: #3f9d38; margin-top: 40px; }
.hellgruen h2 { color:#bfd34b; margin-top: 40px;}
.content-text.hellgruen h2 { margin-top: 5px; }
.blau h2 {   color: #0089a0;  margin-top: 40px; }


.schule .lila .toggler { background-color:  #3f9d38; }
.schule .blau .toggler { background-color:  #0089a0; }

.schule .toggler,
.anlaesse .toggler,
.events .toggler {
    text-transform: none;
    font-weight: 400;
    color: #fff;
    font-size: 21px;
    margin-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 1.2;
	background-color: #bfd34b;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	min-height: 45px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.schule .toggler.active,
.anlaesse .toggler.active,
.events .toggler.active {
	border-bottom-left-radius: 0; 
	border-bottom-right-radius: 0;
}

.schule .toggler:hover,
.anlaesse .toggler:hover,
.events .toggler:hover { cursor: pointer; }

.schule .toggler:focus,
.anlaesse .toggler:focus,
.events .toggler:focus { outline: none; }

.schule .toggler:before,
.anlaesse .toggler:before,
.events .toggler:before{
	font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    content: "\f106";
    font-size: 30px;
    padding-right: 4px;
    color: #fff;
    padding-left: 0px;
}
.schule .toggler.accordion-header-active:before,
.anlaesse .toggler.accordion-header-active:before,
.events .toggler.accordion-header-activee:before{
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 900;
    content: "\f107";
    font-size: 30px;
    padding-right: 4px;
    color: #fff;
    padding-left: 0px
}

.schule .accordion h3,
.anlaesse .accordion h3,
.events .accordion h3 {
	text-align: left;
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px;
    color: #000;
}

.schule .accordion p,
.kontakt .accordion li,
.anlaesse .accordion p,
.anlaesse .accordion li,
.events .accordion p,
.events .accordion li {
	color: #000;
	font-size: 16px;
}
.schule .accordion,
.anlaesse .accordion,
.events .accordion { margin-bottom: 40px; }
.schule .ui-accordion-content,
.anlaesse .ui-accordion-content,
.events .ui-accordion-content { 
	background-color: #f2f2f2;
	padding: 20px 15px 0 15px;
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	float: left;
	width: 100%;
   }

#tdot #akkraetsel .embed-container {    min-height: 1150px; }
#tdot #akkraetsel .ui-accordion-content {   min-height: 1170px; }

#main .content-text.testi { 
	background-color: #3f9d38;
	border-radius: 20px;
	border: 10px solid #fff;
	margin-bottom: 10px;
}
#main .testi p {
	
	color: #fff;
	padding: 15px 0 0 0;
	font-family: 'Indie Flower';
    font-style: normal;
    font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0.3px;
}
#main .content-text.testi.lila { background-color: #761084; }
#main .content-text.testi.petrol { background-color: #0089a0; }
#main .content-text.testi.rot { background-color: #0089a0; }
/*#main .content-text.testi.orange { background-color: #C16000; }*/

.abstandoben { margin-top: 40px; }

.schule #lbl_112_0, .schule #lbl_113_0 {
    max-width: 90%;
    padding: 0px 0 0 0;
    font-size: 16px;
	float: right;
	font-weight: normal;
}
.schule input.checkbox {
    width: 25px;
    height: 25px;
	float: left;
}
.widget-checkbox {
	margin-top: 20px;
	border: 1px solid;
    padding: 10px 20px;
}

#lbl_112_0, #lbl_113_0 { width: 90%; }
.schule legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}

/* *********************** Galerie ************************* */

.content-gallery { margin-top: 20px; }

.content-gallery > ul > li {
	margin: 0 15px 15px 0;
	}
.content-gallery>ul li.col_first {
    clear:none;
}
#main .content-gallery ul li {
    list-style-type: none;
}

/* *********************** Galerie ENDE ************************* */


/* *********************** Boxen ************************* */

.auswahlbox {
    position: relative;
    background-color: #ebebeb;
    transition: background-color 0.3s linear 0s;
}

.auswahlbox.boxeins { background-color: #bfd34b;}

.auswahlbox.boxzwei { background-color: #3f9d38;}

.auswahlbox.boxdrei { background-color: #14a8e1;}

.auswahlbox.boxvier { background-color: #0089a0;}

.auswahlbox a {
    color: #fff !important;
    display: block;
    line-height: 1.4em;
	min-height: 235px;
    margin-bottom: 0;
    padding: 0 15px 15px 15px;
    position: relative;
    text-decoration: none;
    
}
    .startseite #main .auswahlbox {
        padding-top: 10px;
        padding-bottom: 10px;
    }

/* *********************** Boxen ENDE ************************* */
/* *********************** News ************************* */

span.fa-calendar { margin-right: 4px; }

.fa-calendar:before {
    content: "\f073";
}

.layout_latest { 
	padding: 0 15px 15px 15px;

}

.startseite .layout_latest { 
	min-height: 1px;
}

.layout_latest p.info {
	margin: 10px 0 0 0;
	color: #999;
}

.mod_newslist .layout_latest h2 {
	margin: 0 0 5px 0;	
	line-height: 1;
}

.startseite #wrapper #main .mod_newslist .layout_latest h2 a,
.unterseite #wrapper #main .mod_newslist .layout_latest h2 a{
	color: #6b6b6b;
	font-size: 18px;
	font-weight: bold;
}

/*#main p.more { float: right; }*/
#wrapper #main p.more a { color: #6b6b6b; }

.layout_simple { 
	background-color: #9e9e9e;
	padding: 10px;
	margin-bottom: 2px;
	}

#wrapper #main .layout_simple a { 
	color: #fff;
	width: 100%;
    display: block;
}

p.back { float: right; }

/* *********************** News ENDE ************************* */

.content-downloads {
	padding: 0 15px 0px 15px;
}

.content-downloads h3 {
	background-color: #dadada;
	color: #434343;
	font-size: 16px;
	padding: 15px 10px 12px 15px;
	margin: 0;
	font-weight: bold;
}


#main .content-downloads ul li { 
	list-style-type: none;
	border-bottom: 1px solid #ececec;
	padding: 0 15px;
	border-top: 1px solid #fff;
	background-color: #dadada;  
	transition: background-color 0.3s linear 0s;
}

#main .content-downloads p { 
	padding: 6px 15px;
	background-color: #dadada;  
	transition: background-color 0.3s linear 0s;
	border-left: 20px solid #dadada;
	display: inline-block;
	min-width: 280px;
}

#main .content-downloads ul li:hover { 
	background-color: #C1C1C1;  
}

#main .content-downloads p:hover { 
	background-color: #C1C1C1;  
}

.content-downloads ul {	
	background-color: #dadada;  
	margin-bottom: 0;
}
.content-downloads li { padding-left: 10px;}

.content-downloads a {
	color: #434343;
	font-size: 14px;
	display: inline-block;
	padding: 9px 10px 9px 22px;
	margin-left: 3px;
	width: 90%;
}
.content-downloads .dowload-element a {
	color: #434343;
	font-size: 14px;
	display: inline-block;
	padding: 9px 10px 9px 2px;
	margin-left: 3px;
	width: 90%;
}

#main .mod_article.first .content-downloads {
	padding: 0 0 0 0;
}


span.size { 
	font-size: 10px;
    display: block;
}


#main article#kalender.mod_article h1.ce_headline {
    margin:15px 0 5px 15px;
    color:#acacab;
    font:23px Gloria;
}

.kalenderid #main .mod_article {
    width:715px;
    padding:10px;
}
/* *********************** Kalender ************************* */
table.calendar {
    width:100%;
    position:relative;
    margin-bottom:0;
    background-color:#fcfcfc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-collapse:separate;
}

table.calendar .head, .head.current {
    padding:5px 0 5px;;
    text-align:center;
    background-color: #05A21C;
    /*border-bottom:3px solid #fff;*/
    font-size:15px;
    color:#fff;
}

table.calendar .head a {
    color: #f0f0f0 !important;
}

table.calendar .head a:hover {
    color: #ffba01 !important;
}

 table.calendar th.previous {
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
    /* border-right: 3px solid #fff; */
    font-size: 12px;
    /* -webkit-border-top-left-radius: 10px; */
    /*-moz-border-radius-topleft: 10px;*/
    /* border-top-left-radius: 10px; */
}

table.calendar th.next {
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
    /* border-left: 3px solid #fff; */
    font-size: 12px;
    /* -webkit-border-top-right-radius: 10px; */
    /*-moz-border-radius-topright: 10px;*/
    /* border-top-right-radius: 10px; */
}

table.calendar .label,
table.calendar .label.weekend {
    padding: 5px;
    text-align: center;
    background-color: #c9c9c9;
    font-size: 12px;
    font-weight: normal;
    display: table-cell;
	border-radius: 0;
}
table.calendar .weekend,
table.minicalendar .weekend{
    background-color:#ececec;
}

table.calendar td{
    width:14%;
    height:7em;
    border-right:1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
	vertical-align: top;
	font-size: 22px;
	
}

#main table.minicalendar td {
    width:14%;
    border-right:1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
	vertical-align: top;
	font-size: 25px;
    padding: 5px;
    text-align: center;
	font-weight: normal;
}


.minicalendar .days a {
	text-align: center;
    display: block;
    font-size: 25px;
	font-weight: 700;
}
.minicalendar th.next, .minicalendar th.previous {
	background-color: #05A21C;
	text-align: center;
	padding: 5px;
}
#main .minicalendar th.next a, #main .minicalendar th.previous a {
	color: #fff;
}
table.calendar td.today,
table.minicalendar td.today{
   background-color: #FFAE00;
	
}

table.calendar .col_first,
table.minicalendar .col_first{
    border-left:1px solid #d9d9d9;
}

table.calendar tr:last-of-type {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

table.calendar .header {
    /* margin: 1px; */
    padding: 3px 5px;
    background-color: #e6e6e6;
    font-size: 14px;
    /* color: #666; */
}

table.calendar td.today .header {
    background-color: #FFAE00;
}

table.calendar .header {
    /* margin: 1px; */
    padding: 3px 5px;
    background-color: #f2f2f2;
    font-size: 14px;
    /* color: #666; */
}

table.calendar .today a {
    color:#fff !important;
}

table.calendar .event {
    margin:3px;
    border-top:1px solid #acacab;
    line-height:1.2;
}

table.calendar .event a {
    font-weight:normal;
	font-size: 14px;
}

table.calendar .event:nth-of-type(2) {
    border-top:0px solid #ECECEC;
}


table.minicalendar {
    width:100%;
    position:relative;
    margin-bottom:0;
    background-color:#fcfcfc;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border-collapse:separate;
}
#main .layout_list .ce_text {
	padding-left: 0;
	padding-top: 15px;
}
#main .layout_list  {
	border-bottom: 2px solid #fff;
}
#main .layout_list.last {
	border-bottom: 0 solid #fff;
}
.mod_eventlist .header {
	display: none;
}
/*.unterseite #main .mod_article .mod_newslist {
	padding: 30px 20px;
}*/
.minicalendar .label {
    display:table-cell;
    padding: 5px;
    font-size: inherit;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}

.mod_eventlist time::before {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f133";
    font-size: 16px;
    text-indent: 0;
    display: inline-block;
    margin-right: 7px;
}
.event.layout_list h2 a { color: #bfd34b; }

/* *********************** Kalender ENDE ************************* */

.content-text.portraits { margin-bottom: 30px; }

.content-text.portraits h3 { 
	background-color: #ececec; 
	margin-top: 0 !important;
	font-size: 17px;
	padding: 10px 10px 0 10px; 
	margin-bottom:0 !important;  }

.content-text.portraits h4 { 
	background-color: #ececec; 
	font-size: 15px;
	padding: 5px 10px 0 10px; 
	margin-top:0 !important; 
	margin-bottom:0 !important;  }

.content-text.portraits p {
	background-color: #ececec; 
	padding: 10px 10px 5px 10px; 
	margin-bottom:0 !important;

}

.content-text.portraits p {
	text-align: right;
}

.mirgehtesnichtgut #main .content-text.portraits p {
	text-align: left;
	padding-top: 3px;
	font-size: 14px;
}

.mirgehtesnichtgut .content-text.portraits p a {
	text-align: right;
	font-size: 16px;
	display: block;
}

.rahmen {  
	border: 1px solid red;
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
}

@media (min-width:1200px) and (max-width:1900px)
{
	.kontakt .kontaktbox { 
		min-height: 300px;
	}
	.kollegium .portraits h3 { min-height: 48px; }
}
@media (min-width:992px) and (max-width:1199px)
{
	.kontakt .kontaktbox { min-height: 370px;	}
	.kollegium .portraits h3 { min-height: 65px; }
}

@media (min-width:767px) and (max-width:991px)
{
	.kontakt .kontaktbox { 
		min-height: 300px;
	}
	.kollegium .portraits h3 { min-height: 50px; }
}

@media (max-width:767px)
{
	.kollegium .portraits h3 { min-height: 50px; }
}

@media (min-width:768px) and (max-width:979px)
{
	
	
	header .toplogo { margin-top: 8px; width: 120px; margin-bottom: 5px; padding: 15px 15px 5px 15px; }
	
	#main .mod_article .content-text.karrierebox { width: 38%; min-height: 210px; }
	
	/*#wrapper .caroufredsel .content-text p { font-size: 90%; }*/
	.layout_latest {
    width: 50%;
    float: left;
    padding: 0 15px 15px 15px;
}
}

@media (max-width:767px)
{
	header { min-height: 30px}
	#container { background-image: none;}
	#wrapper { margin-top: 0;}
	header .toplogo { 
		padding: 15px 15px 5px 15px;
		margin: 0; 
		width: 120px; 
		float: none;  
		}

	.ce_image {margin: 10px 0 0 0px;}
	#wrapper #main .startbox { float: none; width: 100%; }
	.roterpfeil { position: absolute; top: 20px; right: 10px;}
	#wrapper #main .startbox { min-height: 90px;}
	
	.image_container.float_right { margin: 0 0 20px 0; }
	.image_container.float_left { margin: 0 0 20px 0; }

	.layout_latest {
    width: 50%;
    float: left;
    padding: 0 15px 15px 15px;
}
}
#kalenderklein { display: none; }

@media (max-width:767px)
{
	
	
	#main .mod_article .box50 { 
	position: relative;
	width:100%;
	}
	#main .box50 { 	height: auto; }
	#kalendergross { display: none; }
	#kalenderklein { display: block; }
}

@media (max-width:590px)
{
	#main .mod_article [class*="ce_"], 
	#main .mod_article [class*="mod_"] {
   		/*margin: 1% 10px; */
	}
	.team #main .mod_article { margin-bottom: 0; }
	.startseite #main .auswahlbox {
   		padding-top: 10px;
    	padding-bottom: 10px;
}
}

#newsuebersicht { padding: 0 30px; }

.slider-control {
    height: 30px;
    position: relative;
    position: absolute;
    bottom: 10px;
    z-index: 9999;
    width: 100%;
}
a.slider-prev, a.slider-next { display: none; }

.slider-control .slider-menu b {
    color: #C3C3C3;
    cursor: pointer;
	font-size: 40px;
	margin: 0 5px;
}

.content-youtube figure {
  position: relative;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.content-youtube iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

.content-youtube { margin-bottom: 30px; }

/* BugBuster: grid-1140-16-percent-responsive.css, LGPL license 
@media(min-width:980px) and (max-width:1160px){#wrapper{width:960px}}
@media(min-width:768px) and (max-width:979px){#wrapper{width:768px}}
@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:1% !important}}*/