@font-face {
    font-family: 'Niveau Grotesk';
    src: url('../fonts/NiveauGroteskMedium.eot');
    src: url('../fonts/NiveauGroteskMedium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NiveauGroteskMedium.woff2') format('woff2'),
        url('../fonts/NiveauGroteskMedium.woff') format('woff'),
        url('../fonts/NiveauGroteskMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* basics */
html, body {
	width: 100%;
    font-size: 18px;
    color: #000;
    line-height: 28px;
    font-family: 'Assistant', Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'Niveau Grotesk';
    font-weight: 500;
}
h4 {
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 20px;
}
a {
	color: #000;
}
p {
	color: #000;
    margin-bottom: 20px;
    word-wrap: break-word;
}
@media screen and (max-width: 767px) {
	p {
		font-size: 16px;
		line-height: 24px;
	}
}
.green {
	color: #2CE774;
}
.mobile_only {
	display: none;
}

.image_container .caption {
    background: transparent;
    color: #000;
    padding: 0;
    font-size: 18px;
    border-radius: 0px;
    line-height: 1.3;
    display: inline-block;
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
	.mobile_only {
		display: block;
	}
}
#wrapper {
    padding-top: 70px;
}
.autogrid_wrapper.article {
	max-width: 100%;
}

#main .ce_text {
	text-align: center;
}
#main .ce_text * {
	text-align: center;
}
#main .inside .mod_article .ce_text {
	padding: 0 20%;
}
#main .mod_article h2.ce_headline,
#main .mod_article h3.ce_headline {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 90px;
}

@media screen and (max-width: 767px) {
	#main .inside .mod_article .ce_text {
		padding: 0px;
	}
	#main .mod_article h2.ce_headline,
	#main .mod_article h3.ce_headline {
		font-size: 28px;
		line-height: 32px;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
	}
}
@media screen and (max-width: 767px) {
	#main .mod_article > h2.ce_headline {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px !important;
	}
}

#main .mod_article > h2.ce_headline {
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
	#main .mod_article > h2.ce_headline {
	font-size: 28px;
	line-height: 32px;
}
}
#main .mod_article > h3.ce_headline {
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 20px;
}

#main .inside .mod_article {
	padding-top: 0px;
	padding-bottom: 0px;
}
#main .inside .mod_article > div[class^="ce_"] {
    margin-bottom: 70px;
}
#main .inside .mod_article.introtext > div.ce_text {
    margin-bottom: 10px;
}
#main .inside .mod_article.introtext > div.ce_text h3 {
    font-size: 40px;
    line-height: 50px;
}
@media screen and (max-width: 767px) {
	#main .inside .mod_article.introtext > div.ce_text h3 {
		font-size: 28px;
	    line-height: 32px;
    }
}
.mod_article ul {
	padding-left: 17px;
    list-style: disc;
    position: relative;
    z-index: 2;
}
.mod_article ul li {
	color: #000;
	padding-bottom: 20px;
}

.mod_article .ce_hyperlink {
	margin-top: 0px;
	text-align: center;
}
.autogrid_wrapper {
	margin-bottom: 100px;
}

@media screen and (min-width: 768px) and (max-width: 1035px) {
	
	.mod_article:not(.image-teaser) .autogrid_wrapper.same-height, 
	.mod_article:not(.image-teaser) .autogrid_wrapper .inner.same-height, 
	.mod_article:not(.image-teaser) .ce_autogridWrapperStart.same-height .inside 
	.mod_article:not(.image-teaser) .autogrid.adjust_mobile { 
	    display: inline-block;
	    height: 100%;
	    width: 100% !important;
	    clear: both;
	}
	.ce_iconbox.same-height {
	    display: inline-block !important;
	    width: 100%;
	}
	.block.one_third {
	    width: 100%;
	}
	#main .autogrid_wrapper {
		margin-bottom: 0px;
	}
	#main .autogrid_wrapper:last-of-type {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 767px) {
	.header .inside {
		padding-left: 40px !important;
		padding-right: 40px !important;
	}
	#main .autogrid_wrapper {
		margin-bottom: 0px;
	}
	#main .autogrid_wrapper:last-of-type {
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1035px) {
	.mod_article:not(.image-teaser) .autogrid.adjust_mobile {
	    width: 100% !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1035px) {
	.mod_article.image-teaser .block.one_third {
	    width: 33.3333% !important;
	}
}

/* NAVIGATION */

.mainmenu ul li a {
	color: #000;
	font-size: 18px;
	line-height: 25px;
}
.header.original .mainmenu ul li a.trail,
.header.original .mainmenu ul li a.active, 
.header.cloned .mainmenu ul li a.trail, 
.header.cloned .mainmenu ul li a.active {
	color: #000;
    //color: #2CE774;
    font-weight: 700;
}
.header.original .mainmenu ul li a:hover{
	opacity: 1;
    color: #2CE774;
}



/* HYPERLINK */

.ce_hyperlink a,
a.btn {
    background: transparent;
    border-color: transparent;
    border-bottom-color: transparent;
}
.ce_hyperlink a:hover,
a.btn:hover {
    opacity: 1;
}
.ce_hyperlink a {
	border-radius: 32.5px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}
@media screen and (max-width: 767px) {
	.ce_hyperlink a {
		font-size: 16px !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
}
.ce_hyperlink a:hover {
	border: 1px solid #000;
	background-color: #000;
	color: #fff !important;
}
.ce_hyperlink a.green {
	border: 1px solid #2CE774;
	background-color: #2CE774;
}
.ce_hyperlink a.green:hover {
	border: 1px solid #000;
	background-color: #000;
	color: #fff !important;
}
.ce_hyperlink a.ghost {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff !important;
}
.ce_hyperlink a.ghost:hover {
	background-color: rgba(255,255,255,0.4);
}
.ce_hyperlink a.white {
	background-color: #fff;
	border: 1px solid #000;
	color: #000 !important;
}
.ce_hyperlink a.white:hover {
	border: 1px solid #000;
	background-color: #000;
	color: #fff !important;
}




@media screen and (max-width: 767px) {
	.ce_hyperlink a {
		letter-spacing: 0px;
		font-size: 19px;
	}
}

@media screen and (max-width: 767px) {
	.ce_bgimage .ce_hyperlink,
	.ce_teaserbox.image_right .ce_hyperlink,
	.ce_teaserbox.image_left .ce_hyperlink,
	.ce_hyperlink {
	    display: table;
	    margin: 0 auto;
	    text-align: center !important;
	    width: auto !important;
	}
}

/*
.link_wrapper {
	display: inline-block;
	background: #ccc;
	position: relative;
}

.link_wrapper a::before {
	content: '';
	height: 10px;
	width: 100%;
	display: inline-block;
	border-bottom: 10px dashed #f00;
}
.link_wrapper a::after {
	content: '';
	height: 10px;
	width: 100%;
	display: inline-block;
	border-bottom: 10px dashed #00f;
}
*/


/* Logo */

.logo {
	position: absolute;
	top: -10px;
}
@media screen and (max-width: 767px) {
	.logo {
		top: 0px;
	}
}
.fixed-header .logo {
	top: 0px;
}

.logo a {
    background-position: left top;
}

.fixed-header .logo a {
	background-position: left center;
}
.fixed-header .logo a {
	background-size: 70%;
	background-position: left 15px;
}
@media screen and (max-width: 767px) {
	.logo a {
		background-position: left center;
	}
	.logo a {
		background-size: 70%;
		background-position: left 15px;
	}
}
/* Top */

#top {
	color: #000;
    background-color: #fff;
    padding-top: 20px;
}
#top a {
    color: #000;
    font-size: 15px;
}
#top a:hover {
    color: #2CE774;
}
#top .mod_top_phone {
    float: right;
    font-size: 15px;
}

.header .mod_top_phone {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1035px) {
	#top .mod_top_phone {
	    display: block;
	}
}
#top .mod_login_top {
    padding: 0px;
}
#top .mod_login_top .sign_in {
	margin-right: 10px;
}
#top .mod_login_top .start_now {
	margin-left: 10px;
}
#top .mod_login_top:hover {
    background: transparent;
    color: #000;
}
#top .mod_top_phone.meta-nav .green {
	font-weight: 700;
	color: #000;
}
.mod_socials p span.green {
	font-weight: 700;
	color: #000;
}


/* Header */

.header {
    z-index: 1130;
}
.header .mod_top_phone_mobile {
	display: none;
	position: fixed;
	top: 100px;
	right: 0px;
	height: 40px;
	width: 50px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #36F982;
	text-indent: -9999px;
	cursor: pointer; 
}
.header .mod_top_phone_mobile a {
	display: block;
	background: transparent;
	position: fixed;
	top: 100px;
	right: 0px;
	height: 40px;
	width: 50px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
	z-index: 33;
}
.header .mod_top_phone_mobile::after {
	color: #000;
	height: 20px;
	width: 12px;
	position: fixed;
	top: 84px;
	right: 20px;
	background: transparent;
	text-indent: 0px;
	text-indent: 0px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f10b";
	font-size: 35px;
}
.header .mod_login_mobile {
	position: absolute;
	right: 100px;
	height: 16px;
	width: 19px;
	top: 27px;
	display: none;
}
.header .mod_login_mobile a {
	height: 16px;
	width: 19px;
	display: block;
	text-indent: -9999px;
	background-image: url('../img/icons/icon_login_mobile.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	.header .inside {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.header .mod_top_phone {
		display: none;
	}
	.header .mod_top_phone_mobile {
		display: block;
	}
	.header .mod_login_mobile {
		display: block;
	}
}

/* HERO & SLIDER */

#slider {
    padding-left: 40px;
    padding-right: 40px;
}
#slider .mod_article .ce_hyperlink {
    margin-top: 0px;
    text-align: left;
}
@media screen and (max-width: 767px) {
	#slider {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	#slider .mod_article .ce_hyperlink {
		float: left;
	}
}
#slider .ce_bgimage.fullscreen-image .one_half:last-of-type {
	text-align: right;
}
#slider .ce_bgimage .ce_hyperlink.button_underline {
	margin-top: 18px;
}

#header-image .ce_bgimage.fullscreen-image {
/*     height: calc(100vh - 158px) !important; */ /* FULL HEIGHT */
    height: 590px !important;
}
@media screen and (max-width: 767px) {
	#header-image .ce_bgimage.fullscreen-image {
	    height: 508px !important;
	}
}

.ce_bgimage.fullscreen-image .ce_bgimage-outer {
    height: 100%;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#header-image .ce_bgimage.fullscreen-image {
	overflow: hidden;
    color: #fff;
}
@media screen and (max-width: 1070px) {
	#header-image .autogrid_wrapper {
		display: none;
	}
}
.home #header-image .ce_bgimage.fullscreen-image h2 {
	color: #FFFFFF;
	font-size: 80px;
	line-height: 80px;
	text-shadow: 0 1px 8px rgba(112,112,112,0.5) !important;
	width: 50%;
}
#header-image .ce_bgimage.fullscreen-image h2 {
	color: #FFFFFF;
	font-size: 80px;
	line-height: 80px;
	text-shadow: 0 1px 8px rgba(112,112,112,0.5) !important;
	width: 80%;
}
@media screen and (max-width: 1153px) {
	.home #header-image .ce_bgimage.fullscreen-image h2,
	#header-image .ce_bgimage.fullscreen-image h2 {
		color: #FFFFFF;
		font-size: 70px;
		line-height: 70px;
	}
}
@media screen and (max-width: 1030px) {
	.home #header-image .ce_bgimage.fullscreen-image h2/*
,
	#header-image .ce_bgimage.fullscreen-image h2 
*/{
		width: 72%;
	}
}
#header-image .ce_bgimage.fullscreen-image.oversize {
/* 	min-height: 90vh; */
}

#header-image .ce_bgimage.fullscreen-image.oversize h2 {
    font-size: 40px;
	line-height: 50px;
}
@media screen and (max-width: 767px) {
	#header-image .ce_bgimage.fullscreen-image.oversize h2 {
	    font-size: 28px;
	    line-height: 32px;
	}	
}
#header-image .ce_bgimage.fullscreen-image.oversize p {
	font-size: 20px;
	line-height: 30px;
	max-width: 100%;
}

@media screen and (max-width: 767px) {
	#header-image .inside {
	    position: relative;
	    text-align: left;
	    display: inline-block;
	    width: 100%;
	}

	#slider .ce_bgimage .ce_hyperlink.button_underline,
	#header-image .ce_bgimage a.green {
	    width: 100% !important;
	}
}


@media screen and (max-width: 767px) {
	#header-image .ce_bgimage.fullscreen-image h2 {
		font-size: 40px !important;
		line-height: 45px !important;
		width: 90%;
	}
	.home #header-image .ce_bgimage.fullscreen-image h2 {
		color: #FFFFFF;
		width: 90%;
		margin-bottom: 10px !important;
		margin-top: 30px;

	}
	#slider .ce_bgimage .ce_hyperlink.button_underline {
/* 	    display: none; */
	}
}
.ce_bgimage .ce_hyperlink.button_underline a {
	color: #fff;
	letter-spacing: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.ce_bgimage .ce_hyperlink.button_underline a:hover {
}

@media screen and (max-width: 1221px) {
	.home .ce_bgimage.fullscreen-image h2 {
		width: 66%;
	}
}

@media screen and (max-width: 1028px) {
	.home .ce_bgimage.fullscreen-image h2 {
		width: 80%;
	}
	#slider .ce_bgimage .ce_hyperlink.button_underline {
/* 	    display: none; */
	}
}
@media screen and (max-width: 824px) {
	.home .ce_bgimage.fullscreen-image h2 {
		width: 100%;
	}
}
.home .ce_bgimage.fullscreen-image .ce_bgimage-inside {
    position: relative;
/*     top: 43%; */ /* FULL HEIGHT */
    top: 60%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.ce_bgimage.fullscreen-image .ce_bgimage-inside {
    top: 50%;
}
@media screen and (max-width: 1070px) {
	.ce_bgimage.fullscreen-image .ce_bgimage-inside {
		top: 50% !important;
	}
}
@media screen and (max-width: 767px) {
	.ce_bgimage.fullscreen-image .ce_bgimage-inside {
	    top: 0% !important;
	    -webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.home .ce_bgimage.fullscreen-image .ce_bgimage-inside {
	    top: 0% !important;
	    -webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
}

.ce_bgimage .ce_bgimage-image {
    background-position: center top !important;
    height: 590px;
}
@media screen and (max-width: 767px) {
	.ce_bgimage .ce_bgimage-image {
	    height: 508px;
	}
}

.ce_bgimage.fullscreen-image p {
	font-family: 'Niveau Grotesk';
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-shadow: 0 1px 4px rgba(141,141,141,0.5);
	font-weight: 500;
	margin-bottom: 30px;
	max-width: 70%;
}

@media screen and (max-width: 1028px) {
	.ce_bgimage.fullscreen-image p {
		max-width: 90%;
	}
}

@media screen and (max-width: 767px) {
	.ce_bgimage.fullscreen-image p {
		font-size: 16px;
		line-height: 24px;
	}	
}

#header-image .ce_bgimage .one_half .ce_hyperlink.one_half {
	width: auto !important;
	margin-right: 50px;
}
#header-image .ce_bgimage .one_half .ce_hyperlink.one_half:last-of-type {
	margin-right: 0px !important;
}

#header-image .ce_bgimage a.green {
	width: 50%;
	min-width: 270px;
}
@media screen and (max-width: 767px) {
	#header-image .ce_bgimage a.green {
		min-width: 100%;
	}	
}


/* MAIN */

#main .mod_article.first:not(.autogrid) {
/* 	max-width: 100%; */
}

#main .mod_article.first {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#main .ce_hyperlink a {
	letter-spacing: 0px;
}

/* Headline mit Bilder :: Start */

.ce_headline_home_with_background_image {
	text-align: center;
	position: relative;
	overflow: visible;
/* 	top: 50px; */
	top: 0px;
	margin-bottom: 20px !important;
}
.ce_headline_home_with_background_image .hintergrundbild_vorne,
.ce_headline_home_with_background_image .hintergrundbild_hinten {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0px;
	top: -130px;
}
.ce_headline_home_with_background_image .hintergrundbild_vorne {
	margin-left: 0px;
	z-index: 3;
}
/*
.ce_headline_home_with_background_image .hintergrundbild_hinten {
	margin-left: 60px;
	z-index: 1;
	top: -120px;
	display: none;
}
*/
.ce_headline_home_with_background_image .ce_image .image_container img {
	margin: 0 auto;
	max-height: 210px;
}
.ce_headline_home_with_background_image > .content > .ce_headline {
    position: relative;
    margin: 0 auto;
    display: inline-block;
    left: 0px;
    width: 100%;
    z-index: 2;
}
.ce_headline h1 {
	height: auto;
	color: #000000;
	font-size: 100px;
	font-weight: 500;
	letter-spacing: 15px;
	line-height: 117px;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	.ce_headline h1 {
		font-size: 40px;
		line-height: 50px;
		letter-spacing: 10px;
	}
	.ce_headline_home_with_background_image {
	    margin-bottom: 30px !important;
	}
	.ce_headline_home_with_background_image > .content > .ce_headline {
	    top: -30px;
	}
	.ce_headline_home_with_background_image .ce_image .image_container img {
		margin: 0 auto;
		max-height: 150px;
	}
	.ce_headline_home_with_background_image .hintergrundbild_vorne {
		top: -117px;
	}
}
/* TeaserBox */

.ce_teaserbox .text_wrapper h3 {
	font-size: 50px;
	line-height: 60px;
}
.ce_teaserbox h3.ce_headline {
	margin-bottom: 30px !important;
}

/*
.ce_teaserbox .ce_hyperlink.button_underline.green a {
	border-bottom: 10px dashed #2CE774;
}

.ce_teaserbox .ce_hyperlink.button_underline.blue a {
	border-bottom: 10px dashed #2CE774;
}
.ce_teaserbox .ce_hyperlink.button_underline.green a:hover,
.ce_teaserbox .ce_hyperlink.button_underline.blue a:hover {
	border-bottom: 10px dashed #000;
}
*/

.ce_teaserbox.image_right .text_wrapper {
	padding-right: 5%;
}
.ce_teaserbox.image_right .image_wrapper {
	padding-left: 5%;
}
.ce_teaserbox.image_left .text_wrapper {
	padding-left: 5%;
}
.ce_teaserbox.image_left .image_wrapper {
	padding-right: 5%;
}

.ce_teaserbox.image_right .ce_hyperlink {
    text-align: left !important;
}

.ce_teaserbox.image_left .text_wrapper h4,
.ce_teaserbox.image_right .text_wrapper h4 {
	font-size: 40px;
	line-height: 50px;
}

.mod_article .ce_teaserbox .ce_hyperlink {
    text-align: left;
}

@media screen and (max-width: 767px) {
	.ce_teaserbox .text_wrapper h3 {
		font-size: 40px;
		line-height: 45px;
	}
	.ce_teaserbox.image_left .text_wrapper h4,
	.ce_teaserbox.image_right .text_wrapper h4 {
		font-size: 28px;
		line-height: 40px;
	}
	.ce_teaserbox.image_right .text_wrapper, 
	.ce_teaserbox.image_right .image_wrapper, 
	.ce_teaserbox.image_left .text_wrapper,
	.ce_teaserbox.image_left .image_wrapper {
		padding-right: 0%;
		padding-left: 0%;
	}	
}

/* Image Text Box */

.ce_image_text_box .image_container {
	padding: 20px 0px;
	text-align: center;
	background-color: #F2F2F2;
	height: 80px;
}
.ce_image_text_box h3  {
	margin-bottom: 10px;
	font-size: 40px;
	line-height: 50px;
}
.ce_image_text_box .ce_image_text_box_content {
    margin-top: 20px !important;
    padding-left: 20px;
}
@media screen and (max-width: 767px) {
	.ce_image_text_box .ce_image_text_box_content {
	    padding-left: 0px;
	}  
}
.mod_article .ce_image_text_box h3.ce_headline {
	margin-bottom: 10px !important;
	font-size: 18px !important;
	line-height: 24px !important;
}
@media screen and (max-width: 767px) {
	.ce_image_text_box h3  {
		margin-bottom: 10px;
		font-size: 28px;
	}	
}

.ce_image_text_box .ce_image_text_box_content {
    margin-top: 1rem;
}

/* IconBox */

.ce_iconbox.version2 .ce_iconbox_inside {
    text-align: left;
    padding-left: 80px;
    position: relative;
}
.ce_iconbox .ce_iconbox_inside .headline {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0px;
}

.ce_iconbox + .ce_hyperlink {
    display: block;
    height: auto;
    width: 100%;
}

/* kontaktformular */

#kontaktformular.ce_bgimage {
	background-color: #ffffff;
/*
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 5%, #2CE774 5%, #2CE774 100%);
	background: -webkit-linear-gradient(top, #ffffff 5%,#2CE774 5%,#2CE774 100%);
	background: linear-gradient(to bottom, #ffffff 5%,#2CE774 5%,#2CE774 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2CE774',GradientType=0 );
*/
}
#kontaktformular.ce_bgimage .ce_bgimage-image {
    background-size: contain;
    background-position: center right;
}
@media screen and (max-width: 767px) {
	#kontaktformular.ce_bgimage .ce_bgimage-image {
	    background-image: none !important;
	}
}
#kontaktformular .ce_form {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
#kontaktformular .formbody {
	padding-left: 25%;
	padding-right: 25%;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media screen and (max-width: 1070px) {
	#kontaktformular .formbody {
		padding-left: 15%;
		padding-right: 15%;
	}
}
@media screen and (max-width: 767px) {
	#kontaktformular .formbody {
		max-width: 100%;
		padding-left: 0%;
		padding-right: 0%;
	}
	#kontaktformular .ce_form {
	    min-height: auto;
	}
}
#kontaktformular .ce_form .ce_text {
	text-align: left;
}
#kontaktformular .ce_form h3,
#kontaktformular .ce_form p {
	text-align: center !important;
}
#kontaktformular .ce_form h3 {
	font-size: 40px;
	line-height: 45px;
	margin-bottom: 40px;
}
#kontaktformular .ce_form p {
	margin-bottom: 20px;
}
#kontaktformular .ce_form .ajaxconfirm h2 {
	text-align: center !important;
}
#kontaktformular .ce_form .ajaxconfirm p {
    padding-bottom: 40px;
}
#kontaktformular .ce_form .widget {
    margin-bottom: 20px;
}
#kontaktformular .ce_form .widget label {
	display: none;
}
#kontaktformular .ce_form .widget-text input {
	border: none;
	background-color: #F2F2F2;
}
#kontaktformular .ce_form .widget-textarea {
	margin-bottom: 0px;
}
#kontaktformular .ce_form .widget-textarea textarea {
	resize: none;
	border: none;
	height: 200px;
	background-color: #F2F2F2;
	margin-bottom: 0px;
}
#kontaktformular .widget-submit {
	margin-top: -29px;
	padding-left: 100px;
	padding-right: 100px;
}
@media screen and (max-width: 767px) {
	#kontaktformular .widget-submit {
		padding-left: 10px;
		padding-right: 10px;
	}
}
#kontaktformular .widget-submit button {
	border: 10px solid #fff;
	border-radius: 32.5px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	text-align: center;
	padding: 12px 20px;
	background-color: #2CE774;
}
@media screen and (max-width: 767px) {
	#kontaktformular .widget-submit button {
		font-size: 16px;
	}	
}
#kontaktformular .widget-submit button:hover {
	background-color: #000;
	color: #fff;
}

#kontaktformular input::-webkit-input-placeholder,
#kontaktformular textarea::-webkit-input-placeholder {
	color: #000 !important;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input::-moz-placeholder,
#kontaktformular textarea::-moz-placeholder {
	color: #000 !important;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:-ms-input-placeholder,
#kontaktformular textarea:-ms-input-placeholder {
	color: #000 !important;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:-moz-placeholder,
#kontaktformular textarea:-moz-placeholder {
	color: #000 !important;
	opacity: 1;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:focus::-webkit-input-placeholder,
#kontaktformular textarea:focus::-webkit-input-placeholder { 
	color:transparent !important; 
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:focus:-moz-placeholder,
#kontaktformular textarea:focus:-moz-placeholder {
	color:transparent !important; 
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:focus::-moz-placeholder,
#kontaktformular textarea:focus::-moz-placeholder { 
	color:transparent !important;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#kontaktformular input:focus:-ms-input-placeholder,
#kontaktformular textarea:focus:-ms-input-placeholder {
	color:transparent !important;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

@media screen and (max-width: 767px) {
	#kontaktformular .autogrid:not(.ce_autogridwrapper):not(.no_gutter) {
	    margin-bottom: 0px;
	    padding-right: 0px !important;
	}
	#kontaktformular .ce_bgimage-inside {
		padding-right: 0px !important;
	}
	#kontaktformular .ce_bgimage-inside form {
		padding-right: calc(1% + 20px) !important;
	}
	#kontaktformular .ce_form h3 {
		font-size: 40px;
		line-height: 45px;
	}
}

/* Footer */

#footer {
    background: #000;
}
.footer-col3 {
}
.footer-col3 .ce_iconbox {
	float: left;
}
.ce_iconbox.default:hover i {
    top: 0px;
}
.footer-col3 .ce_iconbox.default i {
    font-size: 34px;
}
.footer-col3 .ce_iconbox.default i.fa-facebook-square.fa {
    margin-right: 26px;
}
.footer-col3 .ce_iconbox.default i.fa-instagram.fa {
    float: none;
    clear: both;
}

#footer .autogrid.one_third .ce_text * {
	text-align: left;
}
#footer h3 {
	color: #fff;	
}
#footer p {
	color: #fff;
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: #2CE774;
}

#footer .mod_navigation {
	display: block;
	float: none;
	clear: both;
}
#footer li {
	padding-left: 0px;
}
#footer li::before,
#footer li::after {
    content: "";
    display: none;
}
#footer .mod_navigation a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px;
	padding-bottom: 2px;
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	#footer li {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	#footer .mod_navigation a {
		font-size: 16px;
	}
}
#footer .mod_navigation a:hover {
	text-decoration: none;
}
#footer .autogrid_wrapper {
    margin-bottom: 0px;
}
#bottom {
    background-color: #fff;
    height: 20px;
}
#bottom .inside {
    padding: 0px;
}

/* TABLET NAVIGATION */

.smartmenu-content {
    background: #fff;
}
.smartmenu-content .mod_navigation a {
    color: #000;
}
.smartmenu-content .mod_navigation a.active,
.smartmenu-content .mod_navigation a.trail {
    border-bottom: none;
    	color: #2CE774;
    font-weight: bold;
}
.smartmenu-content .mod_navigation a:hover {
    opacity: 1;
    	color: #2CE774;
}
.smartmenu .smartmenu-trigger .line {
	background: #000;
    height: 2px;
}
.smartmenu .smartmenu-trigger .line::before,
.smartmenu .smartmenu-trigger .line::after {
	background: #000;
    height: 2px;
}
.smartmenu-content .smartmenu-close::before,
.smartmenu-content .smartmenu-close::after {
    height: 2px;
    background: #000;
}
.smartmenu-content .smartmenu-close {
    top: 95px;
}

/* MOBILE NAVIGATION */

@media screen and (max-width: 767px) {
	#nav-open-btn {
		right: 20px;
		font-size: 28px;
		color: #000;
		overflow: hidden !important;
	}
	#nav-open-btn::before {
	    color: #000;
	    font-size: 28px;
	    text-align: right;
	    background: transparent;
	    overflow: hidden !important;
	}
}

.mm-page {
	overflow-x: hidden;
}

body .mm-menu {
	background-color: #fff;
}
/*
.mm-navbar {
	display: none;
    border-bottom: none;
}
*/
.mm-panel.mm-hasnavbar .mm-navbar {
    display: none;
}
.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 0px;
}
.mm-hasnavbar-top-1 .mm-panels {
    top: 0px;
}
body .mm-menu a {
	color: #000;
	font-size: 20px;
}
body .mm-menu a.active,
body .mm-menu a.trail,
body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), 
body .mm-menu .mm-listview > li.mm-selected > span,
body .mm-menu .mm-listview > li.trail a {
    background-color: #2CE774;
    color: #000;
    font-size: 20px;
    font-weight: bold;
}
body .mm-menu a:hover {
	background-color: transparent;
	color: #2CE774;
}
.mm-listview > li > a,
.mm-listview > li > span {
	padding: 20px 10px 20px 20px;
}
body .mm-listview > li:not(.mm-divider)::after {
	background-color: #D8D8D8;
	border-color: #D8D8D8;
}
#mm-blocker {
	background: rgba(0, 0, 0, .95);
    opacity: 0;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
html.mm-opened #mm-blocker {
	opacity: 1;
    -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.mm-navbar-top {
    height: auto;
}
.mm-navbar-bottom {
    height: 130px;
}
.mod_socials {
    text-align: left;
    padding: 20px;
}
.mod_socials p {
	margin-bottom: 30px;
}