body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";

/*Variablen*/
:root {
  --main-color: #328c2c; /*grün*/

  --scnd-color: 142, 209, 229,; /*blau rgb ohne Opazität, Hintergrundfarbe*/
  
  --trd-color: 148, 163, 173,; /*wie Footer*/
  
  --font-color: #555555; /*ohne opazität*/
  
  --link-color: #ece400; /*ohne opazität*/

  
  --hover-color: #fff;
  
  --abstand-xxxs: 0.2rem;
  --abstand-xxs: 0.4rem;
  --abstand-xs: 0.6rem;
  --abstand-s: 0.8rem;
  --abstand-m: 1.6rem;
  --abstand-l: 3rem;
  --abstand-xl: 6rem;
  --link-color: #999;
}

*:focus {
outline: none;
}

/*ENDE – Variablen*/
p*="babar" {
	text-transform: uppercase;
	background-color: red;
}


body {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 100;
	background: linear-gradient(180deg, rgba(var(--scnd-color)1) 20%, rgba(213,224,227,1) 60%);
	font-size: 1rem;
	line-height: 1.5rem;
	color: var(--font-color);
	}

h1, h2, h3, h4, h5, h6 {
	/*color: var(--main-color);*/
	font-weight: 700;
	margin-bottom: var(--abstand-s);
	margin-top: 0;
	padding-top: var(--abstand-xs);
}

h1 {
	font-size: 2rem;
	line-height: 2.2rem;
}

h2 {
	font-size: 1.6rem;
}

h3 {
	font-size: 1.4rem;
	line-height: 1.7rem;
}

a {
	text-decoration: none;
	display: block;
	color: var(--link-color);
}

#main a, #footer a {
	color: var(--main-color);
	display: inline;
}


#main .mod_search {
	width: 100%;
	max-width: 850px;
	margin: 0;
}

.mod_navigation a:hover {
	text-decoration: underline;
}


#logo {
	width: 150px;
	background: none;
}

#logo a {
	background: none;
}


#header .inside, 
#footer .inside, #header .mod_article, #footer .mod_article  {
	max-width: 1280px;
	padding-top: var(--abstand-m);
	padding-bottom: var(--abstand-l);
}

#header .inside, 
#footer .inside,
#container {
	margin-right: auto;
    margin-left: auto;
}

#header .mod_article, 
#footer .mod_article,
#main .inside,
#right .inside
{
	margin: 0 var(--abstand-s);
}

#right .inside
{
	margin-right: var(--abstand-s);
}


#container {
	min-height: 500px;
}


#main .inside {
	margin-right: var(--abstand-m);
	margin-left: var(--abstand-s);
}

#right {
	width: 30%;
}

#main {
	width: 70%;
}

#container {
	max-width: 1280px;
	padding-top: var(--abstand-m);
}

#header .inside {
	display: flex;
	justify-content: space-between;
	padding-top: var(--abstand-m);
	padding-bottom: var(--abstand-s);
	}

#header{
	background-image: url('../../files/bilder-layout/bg-header.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #ffffff;
	}

#header .ce_hyperlink, #footer .ce_hyperlink, #header .ce_hyperlink a, #footer .ce_hyperlink a, #header a[href ^="mailto:"]:before, #footer a[href ^="mailto:"]:before {
	background: none;
	border-bottom: none;
	}
	
#header .ce_hyperlink a:before, #footer .ce_hyperlink a:before {
	display: none;
	}

#footer{
	background: 
	url('../../files/bilder-layout/bg-footer.svg') no-repeat top,
	linear-gradient(180deg, rgba(194,220,165,1) 0%, rgba(102,173,46,1) 100%);
	color: #ffffff;
	padding-top: 70px;
	margin-top: 30px;
	}

#footer a {
	color: #ffffff;
	}
	
#footer a {
	color: #ffffff;
	}


.mod_search {
    color: #ffffff;
    margin: 0;
    max-width: 100%;
}

/*Hyperlink*/

/*.psw_hyperlink p a, .ce_hyperlink a, .onepage a {
	padding: var(--abstand-xxs);
	color: var(--main-color);
	border-bottom: var(--main-color) solid 1px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: rgba(255, 255, 255, .8);
}*/


/*#main .ce_hyperlink a {
	position: relative;
	background: #ece400;
	padding: var(--abstand-xs);
	margin-bottom: var(abstand-m);
	z-index: 1;
}

#main .ce_hyperlink a:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(1.5deg);
  transform-origin: 100%;
  z-index: -2;
}
/*


#right{
	position: relative;
}
/*kachel*/

.box {
	background-color: rgba(255,255,255,0.5);
}

.box h3 {
	background-color: var(--main-color);
	padding: var(--abstand-xxs) var(--abstand-s);
	font-size: 1.2rem;
	color: #ffffff;
}

.box p {
	padding: 0 var(--abstand-s);
}

.box:hover {
}

/*hyperlink*/

.ce_hyperlink a {
	border-bottom: rgba(var(--scnd-color)0.5) solid 1px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    padding-left: 33px;
    background-color: rgba(255,255,255,0.5);
}

.ce_hyperlink a:hover {
	border-bottom: rgba(var(--scnd-color)0.5) solid 1px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    padding-left: 33px;
    background-color: rgba(var(--scnd-color)0.7);
    color: #ffffff;
}

.ce_hyperlink a:hover:before {
	color: #ffffff;
}

#main a[href ^="mailto:"], #main a[href ^="tel:"], #main a[href $='.pdf'], #main a[href ^="http://"], #main a[href ^="https://"], #main a[href ^="preview.php"]{
	padding-left: 25px;
}

a[href ^="mailto:"]:before {
    content: "";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center ;
    background-color: #328c2c;
    padding-top: 4px;
    mask: url("/files/icons/envelope-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/icons/envelope-light-full.svg") no-repeat center;
    	
}

a[href^="tel:"]:before {
    content: "";
    width: 20px;
    height: 20px;
    padding-top: 4px;
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    background-color: rgba(var(--scnd-color)1);
    mask: url("/files/icons/phone-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/icons/phone-light-full.svg") no-repeat center;
}

a[href $='.pdf']:before{
    content: "";
    width: 20px;
    height: 20px;
    padding-top: 4px;
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    background-color: rgba(var(--scnd-color)1);
        mask: url("/files/icons/file-pdf-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/icons/file-pdf-light-full.svg") no-repeat center;
}

#right .links-spalte-rechts a[href ^="http://"],
#right .links-spalte-rechts a[href ^="https://"]{
	position: relative;
}

#main a[href ^="http://"]:before, #main a[href ^="https://"]:before,
#right .links-spalte-rechts a[href ^="http://"]:before, #right .links-spalte-rechts a[href ^="https://"]:before{
	content: "";
    width: 20px;
    height: 20px;
    padding-top: 4px;
    position: absolute;
    left: var(--abstand-xxs);
    top: 0;
    justify-content: center;
    background-color: #328c2c;
        mask: url("/files/icons/link-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/icons/link-light-full.svg") no-repeat center;
}

#main a[href ^="http://"]:before, #main a[href ^="https://"]:before {
	left: 0;
}

#right .links-spalte-rechts a[href ^="http://"]:before, #right .links-spalte-rechts a[href ^="https://"]:before {
	padding-top: 18px;
	background-color: rgba(var(--scnd-color)1);
}

#right .links-spalte-rechts a[href ^="http://"]:hover:before, #right .links-spalte-rechts a[href ^="https://"]:hover:before,
#right .links-spalte-rechts a[href $='.pdf']:hover:before{
		background-color: white;
}


#main a{
	position: relative;
	display: inline;
}

/*#right .ce_hyperlink a {
	padding-left: 33px;
}*/

#main a:before{
	content: "";
	position: absolute;
	left: 0;
	background-color: var(--main-color);
	display: inline;
}

#subnavigation a:before, #highlight a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f054" !important;
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(var(--scnd-color) 1);
}

#footer a:before {
	display: none;
}

.ce_hyperlink h2 {
	background-color: rgba(255,255,255,1);
    border-bottom: rgba(var(--scnd-color)0.5) solid 2px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    color: rgba(var(--scnd-color)1);
    font-weight: 400;
    margin-bottom: 0;
	}
	
.ce_hyperlink h2 .links{
	background-color: rgba(255,255,255,1);
    border-bottom: rgba(var(--scnd-color)0.5) solid 2px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    color: rgba(var(--scnd-color)1);
    font-weight: 400;
	}
	
.ce_hyperlink.links {
	margin-bottom: 0;
}

.abstand {
	margin-bottom: var(--abstand-m);
}    
    
.linie {
	border-top: #fff solid 1px;
	margin-top: var(--abstand-m);
	padding-top: var(--abstand-m);
	}
	
.galerie-hauptbild li:not(:first-child) {
	display: none;
}

.galerie-hauptbild {
	position: relative
}

#main .galerie-hauptbild .image_container a {
	margin: 0;
	padding: 0;
}


#main .galerie-hauptbild a:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f302";
    color: white;
    font-size: 2rem;
    text-align: right;
    display: block;
    position: absolute;
    z-index: 100;
    height: 30px;
    top: -15px;
    right: 10px;
}

.team .ui-accordion-content div {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

.team figure {
	margin-inline-start: 0;
}

.team .ui-accordion-content div div {
	display: block;
}

.ui-accordion-header {
	background-color: rgba(255,255,255,0.5);
	border-bottom: rgba(var(--scnd-color)0.5) solid 1px;
	font-size: 1.2rem;
    padding-top: var(--abstand-xxs);
    padding-bottom: var(--abstand-xxs);
    padding-left: 33px;
    cursor: pointer;
}







.bg-white .accordion {
	background-color: #ffffff;
	padding: var(--abstand-s) var(--abstand-xs);
}


.ui-accordion-header-active, .ui-accordion-header:hover  {
	background-color: rgba(var(--scnd-color)1);
	border-bottom: rgba(var(--scnd-color)0.5) solid 1px;
}


/*.ui-accordion-header:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent rgba(var(--scnd-color)1);  
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}*/

.ui-accordion-header:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f054";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(var(--scnd-color)1);
}

/*.ui-accordion-header-active:before, .ui-accordion-header:hover:before {
	content: '';
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: rgba(255,255,255,.5) transparent transparent transparent ;  
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
}*/

.ui-accordion-header-active:before, .ui-accordion-header:hover:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f078";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(255,255,255,.5);
}

#options {
	margin: var(--abstand-m) 0;
}

#options a{
	display: inline-block;
	padding: 0 var(--abstand-xxs);
}

#options a:first-child{
	padding-left: 0;
}

/*tabelle*/


table {
	background: #ffffff;
	width: 100%;
}

table caption {
		margin-bottom: var(--abstand-s);
}

thead {
	background: rgba(var(--scnd-color)0.5);
	font-weight: 700;
}

th, td {
	padding-left: var(--abstand-xs);
	border-bottom: rgba(var(--scnd-color)0.5) 1px solid;
	line-height: 2rem;
}

th:not(:last-child), td:not(:last-child) {
	border-right: rgba(var(--scnd-color)0.5) 1px solid;
}




/*formular Anmeldung*/

fieldset legend {
	font-weight: 700;
}
._mutter, ._vater {
	width: 48%;
}

input:not(.checkbox):not(.radio){
	margin-right: var(--abstand-xs);
	width: 100%;
}

._mutter{
	float: left;
	margin-right: 2%;
}

._kind {
	clear: both;
	margin-top: var(--abstand-l);
}

.widget {
	display: flex;
	justify-content: space-between;
	border-bottom: solid 1px #ffffff;
	padding: var(--abstand-xs) 0;
}

		.widget-radio span, .widget-checkbox span {
		display: block;
	}

.widget:last-child {
	border-bottom: 0;
}

.formbody .error p {
	color: red;
}

#footer .nach_oben_link {
}

#footer .nach_oben_link a {
	color: var(--main-color);
	font-size: 2.5rem;
}

#footer .nach_oben_link  {
	text-align: right;
	padding-right: var(--abstand-m);
	padding-bottom: var(--abstand-m);
}

.elternstimme {
	margin-top: var(--abstand-m);
}

.elternstimme h2 {
	font-size: 1.2rem;
	line-height: 1.6rem;
	background-color: rgba(255,255,255,.5);
	padding: var(--abstand-s) var(--abstand-xs);
	position: relative;
	border-radius: 10px;
}

.elternstimme h2:after {
	content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: rgba(255,255,255,.5) transparent transparent transparent;
    bottom: -20px;
    left: 20px;
}

.elternstimme p {
	margin-top: var(--abstand-m);
}

/*Babar*/

/*.babar-mit-tafel{
	max-height: 400px;
	padding-left: 0 !important;
}*/

.babar-mit-tafel a:before{
	display: none;
}

.babar-mit-tafel a{
	background: none;
	padding: 0;
	border-bottom: none;
}

.babar-mit-tafel:hover {
	opacity: 0.5;
}

/*.babar-mit-tafel p{
	font-size: 2.3rem;
	font-weight: 700;
	line-height: 2.5rem;
	color: var(--font-color);
	transform: rotate(-2deg);
	height: 100%;
	padding-left: 0;
	text-align: center;
	margin-top: 50%;
}

.babar-mit-tafel a{
	vertical-align: center;
}

.babar-mit-tafel p:last-child {
	margin-top: 0;
}

.babar-mit-tafel a:before {
	display: none;
}*/


/*alle babar-bilder*/
.babar {
	margin-top: var(--abstand-m);}
	
.babar .image_container img {
	max-height: 400px;
	}
	
.babar p {
	position: relative;
	background: rgba(102,173,46,1);
	font-size: 1.2rem;
	color: #ffffff;
	padding: 10px;
	margin-top: -30px;
	padding-top: 20px;
	margin-bottom: 10px;
	z-index: -1;
	
}

/*schräge Seite*/
.babar p:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-1.5deg);
  transform-origin: 100%;
  z-index: -2;
}

.testimonial-text h1 {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 700;
	color: var(--font-color);
}

.testimonial-text p {
	font-size: 0.8rem;
	line-height: 1rem;
	color: var(--font-color);
}

.testimonial-text nav.slider-control {
	display: none;
}


.ce_sliderStart {
	margin-bottom: var(--abstand-m);
}

.slider-control {
	display: none;
}

.mod_cms_cookie_bar {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	z-index:100;
	background-color: rgba(255,255,255,0.9);
	padding: var(--abstand-m) ;
}

cms-container {
	text-align: center;
}

.mod_cms_cookie_bar .widget {
	justify-content: center;
}

cms-buttons cms-button {
	margin: 0 var(--abstand-s);
	background-color: #328c2c;
	padding: 6px;
	color: #fff;
}

cms-buttons cms-button:first-child {
	background-color: #999999;
}


cms-buttons cms-button:hover {
	opacity: 0.8;
	cursor: pointer;
}






/*login*/
.mod_login label {
	width: 150px;
	padding-right: var(--abstand-xs);
}

/*Gruppe*/
._gruppe {
	display: none;
}


.ohne_hg .ce_hyperlink a{
	background: none;
}


/*grid*/

.grid-1-1{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
}

.grid-1-1-1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

.grid-2-1 {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-gab: 20px;
}

.grid-1-2 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 20px;
}

.grid-1-1-1-1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}

.grid-1-2-1 {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-gap: 20px;
}

.grid-1-1-2 {
	display: grid;
	grid-template-columns: 1fr  1fr 2fr;
	grid-gap: 20px;
}

.grid-1-3 {
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-gap: 20px;
}

.grid-3-1 {
	display: grid;
	grid-template-columns: 3fr 1fr ;
	grid-gap: 20px;
}


.grid-3{
	grid-column: 1 / 4;
}

.grid-0-2{
	grid-column: 2 / 4;
}

.grid-2-0{
	grid-column: 1 / 3;
}

.grid-1-0-0{
	grid-column: 1 / 2;
}

.grid-0-1-0{
	grid-column: 2 / 3;
}

.grid-0-0-1{
	grid-column: 3 / 4;
}


.grid-4{
	grid-column: 1 / 5;
}

.grid-0-3{
	grid-column: 2 / 5;
}

.grid-3-0{
	grid-column: 1 / 4;
}


.grid-2-0-0{
	grid-column: 1 / 3;
}

.grid-0-2-0{
	grid-column: 2 / 4;
}

.grid-0-0-2{
	grid-column:3 / 5;
}



.grid-1-0-0-0{
	grid-column:1 / 2;
}

.grid-0-1-0-0{
	grid-column:2 / 3;
}

.grid-0-0-1-0{
	grid-column:3 / 4;
}

.grid-0-0-0-1{
	grid-column:4 / 5;
}

.grid-3{
	grid-column: 1 / 4;
}

.grid-row-1_4 {
	grid-row: 1 / 4;
}

.grid-row-1_3 {
	grid-row: 1 / 3;
}

.grid-row-2_4 {
	grid-row: 2 / 4;
}

.grid-row-3_5 {
	grid-row: 3 / 5;
}

.grid-1-1-1-1-1 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
}


@media screen and (max-width: 1024px) {
	
	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.2rem;
	}

	.babar-mit-tafel p {
		font-size: 2rem;
		line-height: 2.2rem;
		margin-top: 55%;
	}

	.testimonial-text h1 {
		font-size: 1.4rem;
		line-height: 1.9rem;
	}

	.testimonial-text p {
		font-size: 0.7rem;
		line-height: 0.9rem;
		color: var(--font-color);
	}


	#header .inside, #footer inside {
	margin: 0 var(--abstand-s);
	}

}


@media screen and (max-width: 800px) {
	#main .grid-1-1,
	#main .grid-1-1-1,
	#main .grid-1-1-1-1
	{
	display: block;
	width: 100%;
	}
	
	#main{
	width: 100%;
	}
	
	#main .inside {
	margin-right: var(--abstand-s);
	}
	
	#right {
	width: 100%;	
	}
	
	.testimonial-text h1 {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	#footer .inside {
    	margin: 0 var(--abstand-s);
	}
}


@media (max-width: 767px) {
	#main, #left, #right {
    float: none;
    width: 100%;
	}

	h3 {
	font-size: 1.2rem;
	line-height: 1.3rem;
	}

	#footer .grid-1-1-1-1-1 {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	#footer{
	padding-top: 50px;
	margin-top: 50;
	}
	
		
}





@media screen and (max-width: 500px) {
	
	._gruppe {
		display: block;
	}
	
	._gruppe h3 {
		background: rgba(var(--scnd-color)0.5);
		padding: var(--abstand-xxs);
	}
	
	._gruppe_tabelle {
		display: none;
	}
	
	#main, #right{
		width: 100%;
	}
	
	.testimonial-text h1 {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	.babar-mit-tafel p {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-top: 55%;
		margin-bottom: 5px;
	}
	
	.accordion-team .handorgel__content .content-element-group {
	grid-template-columns: 1fr 1fr;
}

	#footer .grid-1-1-1-1-1 {
		grid-template-columns: 1fr 1fr;
	}
	
	#footer{
		padding-top: 30px;
		margin-top: 30px;
	}
	
		._mutter, ._vater{
		clear: both;
		display: block;
		width: 100%;

	}
	
	fieldset input, fieldset textarea {
		padding: var(--abstand-xxs);
		padding-right: 0;
		margin: 0;
	}

}

@media screen and (max-width: 400px) {
	
	.babar-mit-tafel {
		margin-top: var(--abstand-xxs);
	}
	
	.babar-mit-tafel p {
		font-size: 1.8rem;
		line-height: 2rem;
		margin-top: 55%;
		margin-bottom: 5px;
	}
	
	.ce_table {
	  width: 100%;
	  overflow-x: scroll;
	  margin: 0 0 1em;
	}
	
	.ce_table::-webkit-scrollbar {
	  -webkit-appearance: none;
	  width: 14px;
	  height: 14px;
	}
	
	.ce_table::-webkit-scrollbar-thumb {
	  border-radius: 8px;
	  border: 3px solid #fff;
	  background-color: rgba(0, 0, 0, .3);
	}

	#footer .grid-1-1-1-1-1 {
		display: block;
	}

	

}


/*********************PSW Contao Update 5.3 ************************************/
/*erstes li in subnavi ausblenden*/
.mod_breadcrumb ul li:first-child {
	display: none;
}

/*neuer Slider*/
.swiper-button-next, .swiper-button-prev,
.swiper-pagination{
	display: none;
}

.swiper-wrapper {
	margin-bottom: var(--abstand-m);
}

/*before Icons*/
.ce_hyperlink.interner-link a{
	padding-left: 30px;
	display: relative;
}

.ce_hyperlink.interner-link a:before{
	content: "";
	position: absolute;
	display: flex;
	left: var(--abstand-xxxs);
	justify-content: center;
	width: 25px;
	height: 25px;
	background-color: rgb(142, 209, 229);
	mask: url("/files/icons/right-light-full.svg") no-repeat center;
	-webkit-mask: url("/files/icons/right-light-full.svg") no-repeat center;
}

.ce_hyperlink.interner-link a:hover:before{
	background-color: white;
}

/*Neues Accordeon*/
.content-accordion {
	padding-top: 15px;
}

.handorgel__header{
	background-color: rgba(255,255,255,0.5);
	border-bottom: rgba(var(--scnd-color)0.5) solid 1px;

    padding-top: var(--abstand-xxs);
    padding-bottom: var(--abstand-xxs);
    padding-left: 33px;
    cursor: pointer;
}

.handorgel__header:hover,
.handorgel__header.handorgel__header--open{
	background-color: rgba(var(--scnd-color) 1);
    border-bottom: rgba(var(--scnd-color) 0.5) solid 1px;
}

.handorgel__header__button {
	font-size: 1.2rem;
	background-color: transparent;
	border-top: 0px;
	padding: 0px;
	text-transform: initial;
	letter-spacing: 0px;
	font-weight: 300;
}

.handorgel__content__inner,
.handorgel__content--opened .handorgel__content__inner{
	padding: var(--abstand-s) var(--abstand-xs);
	background-color: white;
}


.handorgel__header:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f054";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(var(--scnd-color)1);
}

.handorgel__header:hover:before,
.handorgel__header.handorgel__header--open:hover:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f078";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(255,255,255,.5);
}

/*accorion-team*/
.accordion-team .handorgel__content,
.accordion-team .handorgel__content--opened .handorgel__content__inner{
	background-color: var(--scnd-color);
}

.no-background.content-accordion .handorgel__content .handorgel__content__inner,
.no-background.content-accordion .handorgel__content--opened .handorgel__content__inner,
.no-background.content-accordion .handorgel__content{
	background-color: transparent;
}

.accordion-team .handorgel__content .content-element-group{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

@media screen and (max-width: 500px) { 
	.accordion-team .handorgel__content .content-element-group {
		grid-template-columns: 1fr 1fr;
	}
}

.accordion-team.content-accordion {
	padding-top: 0px;
}

/* Body noscroll */
.noscroll {
    overflow: hidden;
}





/* Menu Button */
.menu-button {
	display: inline-block;
	font-size: 16px;
	outline: 0;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.35s ease;
	vertical-align: middle;
}

.menu-button:hover {
	text-shadow: 0 0 2px rgba(0,0,0,0.1);
	text-decoration: none;
}

.menu-button span {
	vertical-align: middle;
}

.menu-button span:first-of-type {
	margin-right: 6px;
}

/*#menu-open .psw-ham {
	position: relative;
    display: inline-block;
    width: 16px;
    height: 15px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

#menu-open .psw-ham:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 100%;
    border-top: 2px solid;
}*/


#menu-open .psw-ham:after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f0c9";
    position: absolute;
    right: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    }
    
#menu-open{
    position: absolute;
    right: 0;
}

/* Close Button */
#menu-close {
	text-indent: -999em;
}

#menu-close {
	position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 4em;
    height: 4em;
    padding: 1em;
}

#menu-close:before, #menu-close:after {
	content: "";
	left: 1em;
	top: 50%;
	position: absolute;
	width: 2em;
	height: 0.25em;
	background-color: #ffffff;
	transform-origin: center;
}

#menu-close:after {
	transform: rotate(45deg);
}

#menu-close:before {
	transform: rotate(-45deg);
}


/* Navigations Wrapper */
.psw-nav-overlay {
	background-color: rgba(110,110,110,0.9);
	color: #ffffff;
	display: none;
	position: fixed;
	height: 100%;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 999;
	overflow: auto;
}

/* Navigation */
.psw-nav-overlay .mod_navigation {
	font-size: 18px;
	margin: 40px auto;
	max-width: 1280px;
	overflow: hidden;
	width: 100%;
}

.psw-nav-overlay .mod_navigation ul {
	list-style: none;
	overflow: hidden;
	padding: 0;
}

.psw-nav-overlay .mod_navigation li {
	margin: 0 0 40px;
}

/*
.psw-nav-overlay .sibling:first-child {
	color: rgba(var(--scnd-color)1);
} nicht nötig*/

.psw-nav-overlay .mod_navigation li li {
	margin: 0 0 5px;
}

.psw-nav-overlay .mod_navigation a {
	color: #ffffff;
}

.psw-nav-overlay .mod_navigation .level_1 {
    margin: 0 auto;
    width: auto;
    display: inline-block;
}


.psw-nav-overlay  li a:before{
	display: none;
}

.psw-nav-overlay .mod_navigation > .level_1 > li > a, .psw-nav-overlay .mod_navigation > ul > li > strong, .psw-nav-overlay .mod_navigation > ul > li > span.active, .psw-nav-overlay .mod_navigation > ul > li > span.trail, .psw-nav-overlay .mod_navigation > ul > li > span.forward {
    font-size: 18px;
    line-height: 1.61615;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: rgba(var(--scnd-color)1);
    text-transform: uppercase;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.psw-nav-overlay .active {
	text-decoration: underline;
}



.mod_breadcrumb .active {
	display: none;
}

/* Suche Suchfunktion */

.mod_search h3 {
	color: #ffffff;
}

.mod_search {
	color: #ffffff;
	margin: 50px auto;
	max-width: 400px;
}

.mod_search .widget {
    display: inline;
}

#resultate.mod_search {
	max-width: inherit;
	color: inherit;
}
.mod_search input {
	color: #444444;
}

.mod_search form input[type="search"] {
    width: 74.375%;
    margin: 0;
    padding-top: 1.06667em;
    padding-bottom: 1em;
}
.mod_search form input {
    vertical-align: middle;
}
.mod_search input {
    color: #444444;
}

input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] {
    outline: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input, textarea {
    padding: 0.85714em 1.35714em;
    line-height: normal;
    border: 1px solid #b0bec5;
    border-bottom-color: #a1b2ba;
    font-size: 0.93333em;
    color: inherit;
    background: #ffffff;
}

.mod_search form button[type="submit"] {
    background: rgba(255, 255, 255, 0.3);
}

.mod_search form button[type="submit"], .mod_search form input[type="submit"] {
    width: 25%;
    margin: 0 -2% 0 0;
}

button, input[type="submit"] {
    margin-top: 1.2em;
}

button.-secondary, .button.-secondary, input[type="submit"].-secondary, .main-navigation-search-form button, .feature-box-link.-secondary, .headline-box-link.-secondary, .pricing-table-plan a.-secondary, .feature-box-link, .headline-box-link, .pricing-table-plan a, button, .button, input[type="submit"], input[type="reset"], input[type="button"] {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    padding: 1.07143em 1.42857em;
    border: 0;
    outline: none;
    font-size: 0.93333em;
    letter-spacing: 0.1em;
    line-height: 1.42929;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background: #6bb53b;
}  

button, input, select, textarea {
    font-family: inherit;
}

@media (min-width: 768px) {
	.menu-button {
		font-size: 24px;
	}

	#menu-open .psw-ham {
	    width: 25px;
	    height: 20px;
	}
	
	#menu-open .psw-ham:before {
	    top: 9px;
	}

	.psw-nav-overlay .mod_navigation .level_1 {
	    width: 560px;
	    margin: 50px auto 0 auto;
	}

	.psw-nav-overlay .mod_navigation li {
	    float: left;
	    text-align: left;
	    width: 280px;
	}
	
	.psw-nav-overlay .mod_navigation li:nth-child(2n+3) {
	    clear: left;
	}
}

@media (min-width: 992px) {
	.psw-nav-overlay .mod_navigation .level_1 {
	    width: 840px;
	}

	.psw-nav-overlay .mod_navigation li:nth-child(2n+3) {
	    clear: none;
	}
	
	.psw-nav-overlay .mod_navigation li:nth-child(3n+1) {
	    clear: left;
	}
}

@media (min-width: 1280px) {
	.psw-nav-overlay .mod_navigation .level_1 {
	    width: 1280px;
	}

	.psw-nav-overlay .mod_navigation li:nth-child(3n+1) {
	    clear: none;
	}
	
	.psw-nav-overlay .mod_navigation li:nth-child(4n+1) {
	    clear: left;
	}
}


/* Spezifische Styles für das installierte Theme */

/* zum Beispiel
.psw-nav-overlay {
	background-color: rgba(255,200,255,0.9);
}
*/

#fussnavigation {
	text-transform: uppercase;
	font-weight: 700;
}

/*breadcrumb*/

.mod_breadcrumb .last:not(a.active) {
	display: none;
}

.mod_breadcrumb a, .mod_breadcrumb .active {
	background-color: rgba(255,255,255,1);
    border-bottom: rgba(var(--scnd-color).5) solid 2px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    padding-left: 30px;
    color: rgba(142,209,229,1) ;
}

.mod_breadcrumb li.last:not(.active), .mod_breadcrumb li.first:not(.active) {
	display: none;
}

.mod_breadcrumb .first + .active + .last{
	display: block;
}


.mod_breadcrumb ul {
	margin-bottom: 0;
}


/*subnavigation*/

#subnavigation,
#highlight{
	margin-bottom: 30px;
}


#subnavigation ul {
	background-color: rgba(255,255,255,0.5);
}

#highlight ul{
	background-color: rgba(50,140,44,0.5);
}

#subnavigation a,
#highlight a{
	border-bottom: rgba(var(--scnd-color).5) solid 1px;
    font-size: 1.2rem;
    padding: var(--abstand-xxs);
    padding-left: 30px;
}

.highlight #highlight {
	display: none;
}

#highlight a{
	border-bottom: rgba(50,144,44,.5) solid 1px;
	color: #ffffff;
}

#subnavigation a:before,
#highlight a:before {
    font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f054";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(var(--scnd-color)1);
}

#highlight a:before {
	color: #ffffff;
}

#subnavigation a:hover{
	background-color: rgba(var(--scnd-color)0.7);
    border-bottom: rgba(255,255,255,0.5) solid 1px;
    color: #ffffff;
}

#highlight a:hover {
	background-color: var(--main-color);
    border-bottom: #ffffff solid 1px;
}

#subnavigation a:hover:before,
#highlight a:hover:before {
    font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f078";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: #ffffff;
}

#highlight a:hover:before {
	color: #ffffff;
}

#subnavigation .active,
#highlight .active {
	border-bottom: rgba(var(--scnd-color).5) solid 1px;
    font-size: 1.2rem;
	background: rgba(255,255,255,.5);
}

#subnavigation strong.submenu, #subnavigation strong.active, #subnavigation li.active,
#highlight strong.submenu, #highlight strong.active, #highlight li.active{
    padding-bottom: var(--abstand-xxs);
    padding-top: var(--abstand-xxs);
	padding-left: 30px;
}

#subnavigation strong.active,
#highlight strong.active{
    color: rgba(142,209,229,1);
    font-weight: 400;
    padding-left: 0;
    background: none;
    border-bottom:none;
}

#subnavigation .active:before,
#highlight .active:before{
   font-family: "Font Awesome 5 Pro";
	font-weight: 300;
    content: "\f078";
    position: absolute;
    left: var(--abstand-xxs);
    display: flex;
    justify-content: center;
    color: rgba(var(--scnd-color)1);
}

#subnavigation .active .active:before,
#highlight .active .active:before{
	display: none;
    
}

#subnavigation .level_1,
#highlight .level_1{
	margin-bottom: 0;
}