.margin-top-l2 {
	margin-top: 20px !important; }

/* Abstände für contao4
============================================================================= */

.abstand-o-0.5  {margin-top:.5% !important;}
.abstand-o-1  {margin-top:1% !important;}
.abstand-o-2  {margin-top:2% !important;}
.abstand-o-3  {margin-top:3% !important;}
.abstand-o-4  {margin-top:4% !important;}
.abstand-o-5  {margin-top:5% !important;}
.abstand-o-6  {margin-top:6% !important;}
.abstand-o-7  {margin-top:7% !important;}
.abstand-o-8  {margin-top:8% !important;}
.abstand-o-9  {margin-top:9% !important;}
.abstand-o-10 {margin-top:10% !important;}
.abstand-o-13 {margin-top:13% !important;}
.abstand-o-15 {margin-top:15% !important;}
.abstand-o-20 {margin-top:20% !important;}
.abstand-o-23 {margin-top:23% !important;}
.abstand-o-25 {margin-top:25% !important;}
.abstand-o-30 {margin-top:30% !important;}
.abstand-o-35 {margin-top:35% !important;}
.abstand-o-40 {margin-top:40% !important;}
.abstand-o-45 {margin-top:45% !important;}
.abstand-o-50 {margin-top:50% !important;}
.abstand-o-55 {margin-top:55% !important;}
.abstand-o-60 {margin-top:60% !important;}
.abstand-o-65 {margin-top:65% !important;}
.abstand-o-70 {margin-top:70% !important;}
.abstand-o-75 {margin-top:75% !important;}
.abstand-o-80 {margin-top:80% !important;}
.abstand-o-85 {margin-top:85% !important;}
.abstand-o-90 {margin-top:90% !important;}
.abstand-o-95 {margin-top:95% !important;}
.abstand-o-100 {margin-top:100% !important;}
.abstand-o-110 {margin-top:110% !important;}
.abstand-o-120 {margin-top:120% !important;}
.abstand-o-130 {margin-top:130% !important;}
.abstand-o-140 {margin-top:140% !important;}
.abstand-o-150 {margin-top:150% !important;}
.abstand-o-160 {margin-top:160% !important;}
.abstand-o-170 {margin-top:170% !important;}
.abstand-o-180 {margin-top:180% !important;}
.abstand-o-190 {margin-top:190% !important;}
.abstand-o-200 {margin-top:200% !important;}
.abstand-o--1 {margin-top:-1% !important;}
.abstand-o--2 {margin-top:-2% !important;}
.abstand-o--3 {margin-top:-3% !important;}
.abstand-o--4 {margin-top:-4% !important;}
.abstand-o--5 {margin-top:-5% !important;}
.abstand-o--6 {margin-top:-6% !important;}
.abstand-o--7 {margin-top:-7% !important;}
.abstand-o--8 {margin-top:-8% !important;}
.abstand-o--9 {margin-top:-9% !important;}
.abstand-o--10 {margin-top:-10% !important;}
.abstand-o--11 {margin-top:-11 !important;}
.abstand-o--12 {margin-top:-12% !important;}
.abstand-o--13 {margin-top:-132% !important;}
.abstand-o--14 {margin-top:-14% !important;}
.abstand-o--15 {margin-top:-15% !important;}
.abstand-o--20 {margin-top:-20% !important;}
.abstand-o--22 {margin-top:-22% !important;}
.abstand-o--23 {margin-top:-23% !important;}
.abstand-o--25 {margin-top:-25% !important;}
.abstand-o--26 {margin-top:-26% !important;}
.abstand-o--28 {margin-top:-28% !important;}
.abstand-o--30 {margin-top:-30% !important;}

.abstand-u-1  {margin-bottom:1% !important;}
.abstand-u-2  {margin-bottom:2% !important;}
.abstand-u-3  {margin-bottom:3% !important;}
.abstand-u-4  {margin-bottom:4% !important;}
.abstand-u-5  {margin-bottom:5% !important;}
.abstand-u-6  {margin-bottom:67% !important;}
.abstand-u-7  {margin-bottom:7% !important;}
.abstand-u-8  {margin-bottom:87% !important;}
.abstand-u-10 {margin-bottom:10% !important;}
.abstand-u-15 {margin-bottom:15% !important;}
.abstand-u-20 {margin-bottom:20% !important;}
.abstand-u-25 {margin-bottom:25% !important;}
.abstand-u-30 {margin-bottom:30% !important;}
.abstand-u-35 {margin-bottom:35% !important;}
.abstand-u-40 {margin-bottom:40% !important;}
.abstand-u-45 {margin-bottom:45% !important;}
.abstand-u-50 {margin-bottom:50% !important;}
.abstand-u-55 {margin-bottom:55% !important;}
.abstand-u-60 {margin-bottom:60% !important;}
.abstand-u-65 {margin-bottom:65% !important;}
.abstand-u-70 {margin-bottom:70% !important;}
.abstand-u-75 {margin-bottom:75% !important;}
.abstand-u-80 {margin-bottom:80% !important;}
.abstand-u-85 {margin-bottom:85% !important;}
.abstand-u-90 {margin-bottom:90% !important;}
.abstand-u-95 {margin-bottom:95% !important;}
.abstand-u-100 {margin-bottom:100% !important;}
.abstand-u-110 {margin-bottom:110% !important;}
.abstand-u-120 {margin-bottom:120% !important;}
.abstand-u-130 {margin-bottom:130% !important;}
.abstand-u-140 {margin-bottom:140% !important;}
.abstand-u-150 {margin-bottom:150% !important;}
.abstand-u-160 {margin-bottom:160% !important;}
.abstand-u-170 {margin-bottom:170% !important;}
.abstand-u--0.8 {margin-bottom:-.8% !important;}
.abstand-u--1 {margin-bottom:-1% !important;}
.abstand-u--2 {margin-bottom:-2% !important;}
.abstand-u--3 {margin-bottom:-3% !important;}
.abstand-u--4 {margin-bottom:-4% !important;}
.abstand-u--5 {margin-bottom:-5% !important;}
.abstand-u--7 {margin-bottom:-7% !important;}
.abstand-u--9 {margin-bottom:-9% !important;}
.abstand-u--10 {margin-bottom:-10% !important;}
.abstand-u--15 {margin-bottom:-15% !important;}
.abstand-u--20 {margin-bottom:-20% !important;}
.abstand-u--22 {margin-bottom:-22% !important;}
.abstand-u--23 {margin-bottom:-23% !important;}
.abstand-u--25 {margin-bottom:-25% !important;}


.abstand-l-1  {margin-left:1% !important;}
.abstand-l-2  {margin-left:2% !important;}
.abstand-l-3  {margin-left:3% !important;}
.abstand-l-4  {margin-left:4% !important;}
.abstand-l-5  {margin-left:5% !important;}
.abstand-l-6  {margin-left:6% !important;}
.abstand-l-7  {margin-left:7% !important;}
.abstand-l-8  {margin-left:8% !important;}
.abstand-l-9  {margin-left:9% !important;}
.abstand-l-10 {margin-left:10% !important;}
.abstand-l-13 {margin-left:13% !important;}
.abstand-l-15 {margin-left:15% !important;}
.abstand-l-20 {margin-left:20% !important;}
.abstand-l-23 {margin-left:23% !important;}
.abstand-l-25 {margin-left:25% !important;}
.abstand-l-30 {margin-left:30% !important;}
.abstand-l-35 {margin-left:35% !important;}
.abstand-l-40 {margin-left:40% !important;}
.abstand-l-45 {margin-left:45% !important;}
.abstand-l-50 {margin-left:50% !important;}
.abstand-l-55 {margin-left:55% !important;}
.abstand-l-60 {margin-left:60% !important;}
.abstand-l-65 {margin-left:65% !important;}
.abstand-l-70 {margin-left:70% !important;}
.abstand-l-75 {margin-left:75% !important;}
.abstand-l-80 {margin-left:80% !important;}
.abstand-l-85 {margin-left:85% !important;}
.abstand-l-90 {margin-left:90% !important;}
.abstand-l-95 {margin-left:95% !important;}
.abstand-l-100 {margin-left:100% !important;}


.abstand-l-1  {margin-right:1% !important;}
.abstand-r-2  {margin-right:2% !important;}
.abstand-r-3  {margin-right:3% !important;}
.abstand-r-4  {margin-right:4% !important;}
.abstand-r-5  {margin-right:5% !important;}
.abstand-r-6  {margin-right:6% !important;}
.abstand-r-7  {margin-right:7% !important;}
.abstand-r-8  {margin-right:8% !important;}
.abstand-r-9  {margin-right:9% !important;}
.abstand-r-10 {margin-right:10% !important;}
.abstand-r-13 {margin-right:13% !important;}
.abstand-r-15 {margin-right:15% !important;}
.abstand-r-20 {margin-right:20% !important;}
.abstand-r-23 {margin-right:23% !important;}
.abstand-r-25 {margin-right:25% !important;}
.abstand-r-30 {margin-right:30% !important;}
.abstand-r-35 {margin-right:35% !important;}
.abstand-r-40 {margin-right:40% !important;}
.abstand-r-45 {margin-right:45% !important;}
.abstand-r-50 {margin-right:50% !important;}
.abstand-r-55 {margin-right:55% !important;}
.abstand-r-60 {margin-right:60% !important;}
.abstand-r-65 {margin-right:65% !important;}
.abstand-r-70 {margin-right:70% !important;}
.abstand-r-75 {margin-right:75% !important;}
.abstand-r-80 {margin-right:80% !important;}
.abstand-r-85 {margin-right:85% !important;}
.abstand-r-90 {margin-right:90% !important;}
.abstand-r-95 {margin-right:95% !important;}
.abstand-r-100 {margin-right:100% !important;}


.body-a-c {text-align: center !important;}
.body-a-r {text-align: right !important;}
.body-a-l {text-align: left !important;}

.backgr-col-h {background-color:rgba(121, 207, 236, 0.1); !important;}
.backgr-col-bl {background-color:rgba(51, 177, 236, 0.1); !important;}
.backgr-col-bm {background-color:rgba(51, 177, 236, 1.0); !important;}
.backgr-col-d {background-color:rgba(79, 133, 31, 0.4); !important;}

.backgr-col-kom {background-color:rgba(255, 188, 0, 0.4); !important;}
.backgr-col-hb {background-color:rgba(161, 241, 161, 0.8); !important;}
.backgr-col-db {background-color:rgba(79, 133, 31, 0.6); !important;}

/* Abstand seitlich ====================================================== */


.abstand-l--15 {margin-left:-2.0% !important;}
.abstand-l--05 {margin-left:-0.6% !important;}

.abstand-l-1  {margin-left:1% !important;}
.abstand-l-2  {margin-left:2% !important;}
.abstand-l-3  {margin-left:3% !important;}
.abstand-l-4  {margin-left:4% !important;}
.abstand-l-5  {margin-left:5% !important;}
.abstand-l-6  {margin-left:6% !important;}
.abstand-l-7  {margin-left:7% !important;}
.abstand-l-8  {margin-left:8% !important;}
.abstand-l-9  {margin-left:9% !important;}
.abstand-l-10 {margin-left:10% !important;}
.abstand-l-13 {margin-left:13% !important;}
.abstand-l-15 {margin-left:15% !important;}
.abstand-l-20 {margin-left:20% !important;}
.abstand-l-23 {margin-left:23% !important;}
.abstand-l-25 {margin-left:25% !important;}
.abstand-l-30 {margin-left:30% !important;}
.abstand-l-35 {margin-left:35% !important;}
.abstand-l-40 {margin-left:40% !important;}
.abstand-l-45 {margin-left:45% !important;}
.abstand-l-50 {margin-left:50% !important;}
.abstand-l-55 {margin-left:55% !important;}
.abstand-l-60 {margin-left:60% !important;}
.abstand-l-65 {margin-left:65% !important;}
.abstand-l-70 {margin-left:70% !important;}
.abstand-l-75 {margin-left:75% !important;}
.abstand-l-80 {margin-left:80% !important;}
.abstand-l-85 {margin-left:85% !important;}
.abstand-l-90 {margin-left:90% !important;}
.abstand-l-95 {margin-left:95% !important;}
.abstand-l-100 {margin-left:100% !important;}


.abstand-r--05 {margin-right:-5% !important;}
.abstand-l-1  {margin-right:1% !important;}
.abstand-r-2  {margin-right:2% !important;}
.abstand-r-3  {margin-right:3% !important;}
.abstand-r-4  {margin-right:4% !important;}
.abstand-r-5  {margin-right:5% !important;}
.abstand-r-6  {margin-right:6% !important;}
.abstand-r-7  {margin-right:7% !important;}
.abstand-r-8  {margin-right:8% !important;}
.abstand-r-9  {margin-right:9% !important;}
.abstand-r-10 {margin-right:10% !important;}
.abstand-r-13 {margin-right:13% !important;}
.abstand-r-15 {margin-right:15% !important;}
.abstand-r-20 {margin-right:20% !important;}
.abstand-r-23 {margin-right:23% !important;}
.abstand-r-25 {margin-right:25% !important;}
.abstand-r-30 {margin-right:30% !important;}
.abstand-r-35 {margin-right:35% !important;}
.abstand-r-40 {margin-right:40% !important;}
.abstand-r-45 {margin-right:45% !important;}
.abstand-r-50 {margin-right:50% !important;}
.abstand-r-55 {margin-right:55% !important;}
.abstand-r-60 {margin-right:60% !important;}
.abstand-r-65 {margin-right:65% !important;}
.abstand-r-70 {margin-right:70% !important;}
.abstand-r-75 {margin-right:75% !important;}
.abstand-r-80 {margin-right:80% !important;}
.abstand-r-85 {margin-right:85% !important;}
.abstand-r-90 {margin-right:90% !important;}
.abstand-r-95 {margin-right:95% !important;}
.abstand-r-100 {margin-right:100% !important;}


/* Sleitgeschwidigkeit ====================================================== */

.anispeed-ws1 {animation-duration: 2000ms!important;}
.anispeed-ws2 {animation-duration: 6000ms!important;}
.anispeed-ws3 {animation-duration: 8000ms!important;}
.anispeed-ws4 {animation-duration: 10000ms!important;}
.anispeed-ws5 {animation-duration: 13000ms!important;}

/* Animierte Line  ======================================== */
.abstand-hr-u--01  {margin-bottom:-1.4% !important;}
.hrDT1 {hr:
      width: 100%;
      height: 10px;
      margin-left: auto;
      margin-right: auto;
      background-color: #fccc3c;
      }

.abstand-hr-o--1  {margin-top:-1.7% !important;}
.hrDT2 {hr:
      width: 100%;
      height: 3px;
      margin-left: auto;
      margin-right: auto;
      background-color: #0C9E92;
      }
.abstand-hr-u--01  {margin-bottom:-1.4% !important;}
.hrMB1 {hr:
      width: 100%;
      height: 7px;
      margin-left: auto;
      margin-right: auto;
      background-color: #1F55FB;
      }

.abstand-hr-o--1  {margin-top:-1.7% !important;}
.hrMB2 {hr:
      width: 100%;
      height: 2px;
      margin-left: auto;
      margin-right: auto;
      background-color: #0C9E92;
      }
      
      
/* Anpassungen an Akkordion
============================================================================= */
.ce_accordion .accordion {
	zoom: 1;
	position: relative;
	overflow: hidden;
	/* collapse borders */
	margin-bottom: -2px;
	padding: 0.06667em 1.33333em;
	border: 4px solid #ffffff; /* Accordion Fenster offen   ===== */
	border-top-color: #ffffff; /* Accordion Button unten, offen   ===== */
	background: #ffffff; /* Accordion Button offen   ===== */
}
.ce_accordion {
	background-color: #ffffff;
	border-width: 0 1px;
	border-style: #ffffff;
	-webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 26px rgba(0, 0, 0, 0.1);
}
.ce_accordion .accordion {
	padding: 0 3.84615%;
}
.ce_accordion .accordion > div {
	padding-bottom: 12px;
}
.ce_accordion .toggler {
	position: relative;
	padding: 8px 7.69231% 8px 7.69231%;
	outline: none;
	color: #ffffff;
	border-top: 1px solid #ffffff; /* Accordion Button oben, Ruhe   ===== */
	border-bottom: 1px solid #ffffff;
	cursor: pointer;
	

	background-image: linear-gradient(#ffffff 20%, rgba(255, 255, 255, 0.5) 50%); /* Accordion Button oben ruhe   ===== */
	color: #07b408;   /* Accordion Button Schrift offen   ===== */	

}
.ce_accordion .toggler:before {
	font: 11px/0 "RockSolid Icons";
	content: "\e015";
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: geometricPrecision;
	text-indent: 0;
	color: #d91a05; /* Accordion Button Spezialzeichen, Ruhe   ===== */
	display: inline-block;
	position: relative;
	position: absolute;
	left: 3.84615%;
	top: 50%;
}
.ce_accordion .toggler.ui-accordion-header-active:before {
	content: "\e01a";
}


.ce_accordion .toggler.ui-accordion-header-active,
.ce_accordion .toggler:hover {
/*	background-image: -webkit-linear-gradient(#FFE3B0 10%, rgba(255, 201, 38, 0.82) 100%);
	background-image: -moz-linear-gradient(#FFE3B0 10%, rgba(255, 201, 38, 0.82) 100%);
	background-image: -o-linear-gradient(#FFE3B0 10%, rgba(255, 201, 38, 0.82) 100%);
	background-image: linear-gradient(#FFE3B0 10%, rgba(255, 201, 38, 0.82) 100%); */
	background-image: linear-gradient(#b4f4b4 10%, rgba(180, 244, 180, 0.4) 50%); /* Accordion Button oben ruhe   ===== */
	color: #07b408;   /* Accordion Button Schrift offen   ===== */
}


.ce_accordion h1 {
	font-size:18px !important;
}
.ce_accordion h2 {
	font-size: 17px !important;
}
.ce_accordion .image_container.float_right,
.ce_accordion .image_container.float_left {
	width: 46.15385%;
}
.no-resize .ce_accordion .image_container.float_right,
.ce_accordion .image_container.float_right.no-resize,
.no-resize .ce_accordion .image_container.float_left,
.ce_accordion .image_container.float_left.no-resize {
	width: auto;
}

/* Anpassungen an das Logo
============================================================================= */

.logo {
	position: absolute;
	top: 18%;
	bottom: 26%;
	left: 2.0em;
	margin: 0;
	font-size: inherit;
}
@media screen and (max-width: 900px) {
	.logo {
		position: static;
		float: left;
				/*			margin-left: 2.16667%; */
		margin-left: 1%;
		padding-top: 1.8em;
		padding-bottom: 0.4em;
	}
}
@media screen and (max-width: 599px) {
	.logo {
		float: none;
		text-align: center;
		margin-left: -.8em;
		padding-top: 0.8em;
	}
}
.logo a {
	display: block;
	height: 60%;
}
@media screen and (max-width: 900px) {
	.logo a {
		display: inline;
	}
}
.logo img {
	display: block;
	width: auto;
	height: 180%;
}
@media screen and (max-width: 900px) {
	.logo img {
		display: inline;
/*		height: 2em; */
		height: 2em;
	}
}
@media screen and (max-width: 599px) {
	.logo img {
		/*		height: 2.3em; */
		height: 2.3em;
	}
}



/* Anpassungen an der Main-Navigation
============================================================================= */


.main-navigation {
	float: right;
	padding-right: 1.46667em;
}
@media screen and (max-width: 1280px) {
	.main-navigation {
		padding-right: 0.8em;
	}
}
@media screen and (max-width: 900px) {
	.main-navigation {
		zoom: 1;
		position: relative;
		float: none;
		clear: both;
		padding-left: 1.46667em;
		padding-left: calc(1.46667em + var(--safe-area-left));
	}
	.main-navigation:before {
		content: "";
		display: table;
	}
	.main-navigation:after {
		content: "";
		display: table;
		clear: both;
	}
}
@media screen and (max-width: 599px) {
	.main-navigation {
		display: none;
	}
}
.main-navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
}
.main-navigation > ul > li {
	position: relative;
	float: left;
	margin-left: 2em;
}
@media screen and (max-width: 1280px) {
	.main-navigation > ul > li {
		margin-left: 0;
	}
}
.main-navigation > ul > li:before {
	/* disable icons */
	content: none;
	display: none;
}
.main-navigation > ul > li.-mega {
	position: static;
}
.main-navigation > ul > li > a,
.main-navigation > ul > li > strong,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
	z-index: 1;
	position: relative;
	float: left;
	/*  padding: 0.61538em 1.07692em 0.53846em; ------------ oda ---------------- */
	padding: 0.61538em 0.30692em 0.33846em;
	border: solid transparent;
	border-width: 0.84615em 0;
	font-size: 0.95em;
	/*  line-height: 1.61615; ------------ oda ---------------- */
	line-height: 1.9;
	font-weight: bold;
	/* letter-spacing: 0.1em;   */
	letter-spacing: 0.05em;
	color: #636363;
	text-transform: uppercase;
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
}
.main-navigation > ul > li > a.highlight,
.main-navigation > ul > li > strong.highlight,
.main-navigation > ul > li > span.active.highlight,
.main-navigation > ul > li > span.trail.highlight,
.main-navigation > ul > li > span.forward.highlight {
	color: #009688;
}
.main-navigation > ul > li > a.highlight:after,
.main-navigation > ul > li > strong.highlight:after,
.main-navigation > ul > li > span.active.highlight:after,
.main-navigation > ul > li > span.trail.highlight:after,
.main-navigation > ul > li > span.forward.highlight:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
	height: auto;
	border: 2px solid #009688;
}
.main-navigation > ul > li > a:hover,
.main-navigation > ul > li > a:focus,
.main-navigation > ul > li > strong:hover,
.main-navigation > ul > li > strong:focus,
.main-navigation > ul > li > span.active:hover,
.main-navigation > ul > li > span.active:focus,
.main-navigation > ul > li > span.trail:hover,
.main-navigation > ul > li > span.trail:focus,
.main-navigation > ul > li > span.forward:hover,
.main-navigation > ul > li > span.forward:focus {
	color: #009688;
	text-decoration: none;
}
.main-navigation > ul > li > a.active,
.main-navigation > ul > li > a.trail,
.main-navigation > ul > li > a.forward,
.main-navigation > ul > li > strong.active,
.main-navigation > ul > li > strong.trail,
.main-navigation > ul > li > strong.forward,
.main-navigation > ul > li > span.active,
.main-navigation > ul > li > span.trail,
.main-navigation > ul > li > span.forward {
	color: #009688;
}
.main-navigation > ul > li > a.active:not(.highlight):after,
.main-navigation > ul > li > a.trail:not(.highlight):after,
.main-navigation > ul > li > a.forward:not(.highlight):after,
.main-navigation > ul > li > strong.active:not(.highlight):after,
.main-navigation > ul > li > strong.trail:not(.highlight):after,
.main-navigation > ul > li > strong.forward:not(.highlight):after,
.main-navigation > ul > li > span.active:not(.highlight):after,
.main-navigation > ul > li > span.trail:not(.highlight):after,
.main-navigation > ul > li > span.forward:not(.highlight):after {
	content: "";
	position: absolute;
	bottom: -0.92308em;
	left: 50%;
	display: block;
	width: 0.84615em;
	height: 0.84615em;
	margin-left: -0.61538em;
	border: solid #dedede;
	border-width: 0 1px 1px 0;
	background: #ffffff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}
.main-navigation > ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	overflow: hidden;
	max-height: 0;
	min-width: 100%;
	padding: 0;
	border: 1px solid #dedede;
	background: #ffffff;
	opacity: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
	-webkit-transition-delay: 0.3s, 0.3s, 0s;
	-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
.header-navigation.is-bottom .main-navigation > ul > li > ul {
	top: auto;
	bottom: 100%;
}
.main-navigation > ul > li > ul li {
	position: relative;
	display: block;
	padding: 0;
	border-top: 1px solid #dedede;
	white-space: nowrap;
}
.main-navigation > ul > li > ul li:first-child {
	border-top: 0;
}
.main-navigation > ul > li > ul li li {
	border: 0;
}
.main-navigation > ul > li > ul li[data-icon]:before,
.main-navigation > ul > li > ul li[class^="icon-"]:before,
.main-navigation > ul > li > ul li[class*=" icon-"]:before {
	position: absolute;
	top: 0.85714em;
	left: 1em;
	z-index: 1;
	/*  font-size: 0.93333em; ------------ oda ---------------- */
	font-size: 0.8m;
}
.main-navigation > ul > li > ul li[data-icon] a,
.main-navigation > ul > li > ul li[data-icon] strong,
.main-navigation > ul > li > ul li[data-icon] span.active,
.main-navigation > ul > li > ul li[data-icon] span.trail,
.main-navigation > ul > li > ul li[data-icon] span.forward,
.main-navigation > ul > li > ul li[class^="icon-"] a,
.main-navigation > ul > li > ul li[class^="icon-"] strong,
.main-navigation > ul > li > ul li[class^="icon-"] span.active,
.main-navigation > ul > li > ul li[class^="icon-"] span.trail,
.main-navigation > ul > li > ul li[class^="icon-"] span.forward,
.main-navigation > ul > li > ul li[class*=" icon-"] a,
.main-navigation > ul > li > ul li[class*=" icon-"] strong,
.main-navigation > ul > li > ul li[class*=" icon-"] span.active,
.main-navigation > ul > li > ul li[class*=" icon-"] span.trail,
.main-navigation > ul > li > ul li[class*=" icon-"] span.forward {
	padding-left: 2.42857em;
}
.main-navigation > ul > li > ul a,
.main-navigation > ul > li > ul strong,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
	position: relative;
	display: block;
	/*  padding: 0.57143em 0.85714em; ------------ oda ---------------- */
	padding: 0.1243em 0.85714em;
	margin: 0;
	/*  font-size: 0.93333em; ------------ oda ---------------- */
	font-size: 0.8m;
	font-weight: inherit;
}
.main-navigation > ul > li > ul a:before,
.main-navigation > ul > li > ul strong:before,
.main-navigation > ul > li > ul span.active:before,
.main-navigation > ul > li > ul span.trail:before,
.main-navigation > ul > li > ul span.forward:before {
	/* disable icons */
	content: none;
	display: none;
}
.main-navigation > ul > li > ul a {
	color: #636363;
	-webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-moz-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-o-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
.main-navigation > ul > li > ul a:hover {
	text-decoration: none;
	color: #004d40;
	background-color: #e0f2f1;
	-webkit-transition-duration: 0.05s;
	-moz-transition-duration: 0.05s;
	-o-transition-duration: 0.05s;
	transition-duration: 0.05s;
}
.main-navigation > ul > li > ul a.active,
.main-navigation > ul > li > ul a.trail,
.main-navigation > ul > li > ul a.forward,
.main-navigation > ul > li > ul strong.active,
.main-navigation > ul > li > ul strong.trail,
.main-navigation > ul > li > ul strong.forward,
.main-navigation > ul > li > ul span.active,
.main-navigation > ul > li > ul span.trail,
.main-navigation > ul > li > ul span.forward {
	color: #636363;
		font-weight:bold;
}
.main-navigation > ul > li > ul ul {
	display: block;
	padding-left: 0.66667em;
}
.main-navigation > ul > li:hover {
	z-index: 2;
}
.main-navigation > ul > li:hover:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin-top: 0.66667em;
}
.main-navigation > ul > li:hover > ul {
	z-index: 1;
	max-height: 9999px;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	pointer-events: auto;
}
.main-navigation > ul > li:hover > a,
.main-navigation > ul > li:hover > strong,
.main-navigation > ul > li:hover > span.active,
.main-navigation > ul > li:hover > span.trail,
.main-navigation > ul > li:hover > span.forward {
	z-index: 2;
}
.main-navigation > ul > li.submenu:hover > a:after,
.main-navigation > ul > li.submenu:hover > strong:after,
.main-navigation > ul > li.submenu:hover > span.active:after,
.main-navigation > ul > li.submenu:hover > span.trail:after,
.main-navigation > ul > li.submenu:hover > span.forward:after {
	content: "";
	position: absolute;
	top: -0.23077em;
	right: 0;
	bottom: -0.92308em;
	left: 0;
	width: auto;
	height: auto;
	margin-left: 0;
	border: 0;
	border-top: 4px solid #009688;
	border-radius: 2px 2px 0 0;
	box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dedede, inset -1px 0 #dedede, inset 0 -10px #ffffff;
	background: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > a:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > strong:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.active:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.trail:after,
.header-navigation.is-bottom .main-navigation > ul > li.submenu:hover > span.forward:after {
	top: -0.92308em;
	bottom: -0.46154em;
	border-top: 0;
	border-bottom: 4px solid #009688;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 1px 0 #dedede, inset -1px 0 #dedede, inset 0 10px #ffffff;
}
.main-navigation > ul > li.last > ul {
	left: auto;
	right: 0;
}

/* ===========================================
 * Buttons
 * ======================================== */

.button .mainslider, 
input[type="submit"],
input[type="reset"],
input[type="button"] {
	position: relative;
	margin-top: 9em;
	-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;
	color: yellow;
	background: rgba(42, 103, 132, 0.5)
}
/* ===========================================
 * Mobile Menü
 * ======================================== */

.main-navigation-mobile-open:after {
	background: #00b000;
	box-shadow: 0 7px #00b000, 0 14px #00b000;
}

.main-navigation-mobile-close {
	background: none !important;
	box-shadow: none !important;
}

.main-navigation-mobile {
	/* Hide mobile navigation by default */
	color: #ffffff;
	background: #242424;
}
.main-navigation-mobile.is-active {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.main-navigation-mobile ul ul {
	background: #242424;
	box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04);
}

.main-navigation-mobile a,
.main-navigation-mobile strong,
.main-navigation-mobile span.active,
.main-navigation-mobile span.trail,
.main-navigation-mobile span.forward {em;
	border-bottom: 1px solid #000000;
	color: inherit;
	background-color: #242424;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
	transition: background-color 0.6s ease-out;
}
.main-navigation-mobile a:hover,
.main-navigation-mobile a:focus,
.main-navigation-mobile strong:hover,
.main-navigation-mobile strong:focus,
.main-navigation-mobile span.active:hover,
.main-navigation-mobile span.active:focus,
.main-navigation-mobile span.trail:hover,
.main-navigation-mobile span.trail:focus,
.main-navigation-mobile span.forward:hover,
.main-navigation-mobile span.forward:focus {
	background-color: #171717;
	transition: background-color 0.2s ease-out;
}
.main-navigation-mobile a.active,
.main-navigation-mobile strong.active,
.main-navigation-mobile span.active {
	background-color: #383838;
	box-shadow: inset 0 0 5px #242424;
}
.main-navigation-mobile li li {
	color: #bfbfbf;
}

.main-navigation-mobile-search input,
.main-navigation-mobile-search input:hover,
.main-navigation-mobile-search input:focus {
	border: 1px solid #000000;
	background: transparent;
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
}
.main-navigation-mobile-search button {
	background: none;
	box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a {
	box-shadow: none;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:before {
	color: #ffffff !important;
}
.main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before {
	color: inherit !important;
}