* {
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
}
html {
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
	/*font-family: 'Cabin', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	font-size: 16px;
	font-weight: 300;
	background: #f7fafb;
	font-display: swap;
}
@font-face {
  font-display: swap;
}
.customize-support .top {
	padding-top: 32px;
}
img a {
	border: none;
}
.wrapper-out {
	width: 100%;
}
.wrapper { 
	margin: 0 auto; 
	max-width: 1200px; 
	width: 95%; 
}
.temp_no_display {
	display: none;
}
.wrapper_no_display {
	border-bottom: 1px solid #dddddd;
}
.bg-gruen {
	background: #48aa69;
}
.bg-dgruen {
	background: #34804e;
}
.bg-weiss {
	background: white;
}
.bg-fast-weiss {
	background: #f7fafb;
	position: relative;
	z-index: 99;
}
.btn-konzept {
    border: 1px solid #48aa69;
    background: white;
    color: #48aa69;
    transition: all 0.5s ease 0s;
    font-weight: 300;
    font-size: 16px;
    padding: 6px 60px;
    margin-top: 25px;
}
.btn-konzept:hover {
	border: 1px solid #48aa69;
	background: #48aa69;
	color: White;
	transition: all 0.5s ease 0s;
}
.btn-wichtig {
    border: 1px solid white;
    background: none;
    color: White;
    transition: all 0.5s ease 0s;
    font-weight: 300;
    font-size: 16px;
    padding: 6px 60px;
    margin-top: 25px;
}
.btn-wichtig:hover {
	border: 1px solid White;
	background: White;
	color: #48aa69;
	transition: all 0.5s ease 0s;
}
.btn-form-start {
    border: 1px solid White;
    background: white;
    color: Black;
    transition: all 0.5s ease 0s;
    font-weight: 300;
    font-size: 14px;
    padding: 5px 10px;
}
.btn-form-start:hover {
    border: 1px solid White;
    background: #48aa69;
    color: White;
    transition: all 0.5s ease 0s;
}
.btn-kontakt-head {
	background: #bb0000;
	color: White;
	padding: 5px 10px 4px;
	border: 1px solid White;
	min-width: 180px;
}
.btn-kontakt-head:hover {
	background: #2e518c;
}
/* HEADER */
.top-header-box {
	width: 100%;
	color: White;
	font-size: 14px;
	font-family: 'Kanit', sans-serif;
	font-weight: 200;
	padding: 10px 0;
	letter-spacing: 1px;
}
.top-header-box a {
	color: White;
	text-decoration: none;
}
.top-header-box a:hover {
	text-decoration: underline;
}
.fa, .fas {
    padding-top: 4px;
}
.fa-ht-l {
	float: left;
}
.hl-text {
	float: left;
	padding-top: 3px;
	padding-top: 7px;
}
.fah {
	padding-right: 10px;
	font-size: 24px !important; 
}
.htl-text-links {
	padding-right: 40px;
	
}
.th-rechts {
	float: right;
}
.th-links {
	
}
.hr-text {
	float: right;
	padding-top: 3px;
}
.fa-ht-r {
	float: right;
}
.wrapper-logo {
/* 	height: 150px; */
}
.logo-box {
	float: left;
	padding-top: 20px;
}
.logo-text {
	float: left;
	padding-left: 40px;
	padding-top: 40px;
}
.logo-text-oben {
	font-size: 16px;
	color: #1c4f9c;
	font-weight: normal;
}
.logo-green {
	color: #34804e;
	font-weight: normal;
	font-size: 20px;
}
.sprache_suche {
	float: right;
	width: 180px;
	padding-top: 30px;
}
.sprache-box {
	padding-bottom: 20px;
}
.search-box input {
	width: 100%;
	padding: 10px;
	height: 30px;
	font-size: 14px;
}
.search-box input::-moz-placeholder {
    font-style: normal;
    opacity: .5;
    color: #a1a1a1;
    font-size: 14px;
}
.wrapper-menu {
/* 	position: absolute;
	top: 194px; */
	width: 100%;
	height: 70px;
	background-image: url(img/background-menu.png);
	z-index: 1000;
	border-bottom: 1px solid White;
}
.wrapper-out-menu {
    position: fixed;
    top: 0;
    z-index: 1000;
/* 	background-image: url(img/background-menu-fixed.png); */
}
.banner {
	z-index: 10;
}
.banner img {
	width: 100%;
	height: auto;
}
.test-abstand {
	width: 100%;
	height: 4000px;
}
.sa-box {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.sa-box a {
	text-decoration: none;
	color: Black;
}
.sa-box a:hover {
	text-decoration: underline;
	color: #48aa69;
}
.sa-box:last-child {
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.sa-title {
	font-weight: bold;
}
@media only screen and (max-width: 830px) {
	.logo-text {
		padding-left: 20px;
	}
	.sprache_suche {
		width: 160px;
	}
}
@media only screen and (max-width: 890px) {
	.fa-map-marker,
	.hl-adr {
		display: none !important;
	}
}
@media only screen and (max-width: 800px) {
	.wrapper-menu,
	.wrapper-logo,
	.wrapper-headline {
		display: none;
	}
}

.row-konzepte {
	padding: 20px 20px 36px;
/* 	z-index: 99999; */
}
.konzept-box {
	border-bottom: 4px solid #48aa69;
/* 	transform: translate(0,-50px); */
/* 	z-index: 9; */
}
.konzept-headline {
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #48aa69;
	font-size: 22px;
	padding-bottom: 10px;
}
.konzept-text {
	
	font-weight: 300;
}
.konzept-tel-box {
	padding-top: 20px;
}
.konzept-flag {
	float: left;
	width: 50px;
}
.konzept-tel {
	float: left;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	width: calc(100% - 50px);
}
.einleitung-box {
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 100px;
	padding-top: 50px;
}
.fragen-box {
	padding-top: 100px;
}
.einleitung-headline {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 30px;
	color: #48aa69;
	padding-bottom: 20px;
}
.einleitung-headline span {
	color: #3e68aa;
}
.wichtig {
	width: 100%;
	min-height: 400px;
	background-image:  url(img/pascal_breit.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}
.wichtig-box {
	max-width: 50%;
	padding: 40px 0 40px 40px;
}
.wichtig-headline {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 30px;
	color: #48aa69;
	padding-bottom: 20px;
}
.wichtig-text {
	font-size: 18px;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    color: #333;
}
@media only screen and (max-width: 1100px) {
	.wichtig {
		background-position: right;
	}
}
@media only screen and (max-width: 1000px) {
	.btn-konzept {
	    padding: 10px 20px;
	}
}
@media only screen and (max-width: 850px) {
	.hide-850 {
	    display: none;
	}
	.col-konzept {
		width: 50%;
	}
	.wichtig {
		background-image:  url(img/pascal_850.jpg);
		background-position: -700px center;
	}
}

.show_800 {
	display: none;
}
@media only screen and (max-width: 800px) {
	.show_800 {
		display:inherit;
	}
	.btn-mobil {
		position: fixed;
		top: 0;
		z-index: 9999999999;
		left: 100px;
		top: 16px;
		min-width: inherit !important;
		background: #48aa69;
	}
	.btn-mobil-tel {
		display:inherit;
		left: 200px;
	}
	.btn-kontakt-head {
		border: 2px solid white;
	}
	.konzept-box {
		display: none;
	}
	.einleitung-box {
		padding-bottom: 50px;
		padding-top: 39px;
	}
}
@media only screen and (max-width: 750px) {
	.wichtig {
		background-position: -800px center;
	}
}
@media only screen and (max-width: 660px) {
	.wichtig {
		background-position: -900px center;
	}
}
@media only screen and (max-width: 620px) {
	.wichtig {
		background-position: left;
	}
	.wichtig-box {	
	    max-width: 100%;
	    padding: 40px 0 40px 0px;
	}
	.wichtig-headline {	
	    text-align: center;
	}
}

.referenzen img {
	width: 100%;
	height: auto;
}
.wrapper-dienstleistung {
	padding: 100px 0 45px;
}

.con-dienstleistung {
	padding-top: 50px;
}
.col-dienst {
	text-align: center;
	padding-bottom: 50px;
}
.dienst-bild img {
	border-radius: 50%;
}
.dienst-headline {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: bold;
	font-size: 22px;
	padding: 15px 0 10px;
}
.dienst-text {
	padding-bottom: 15px;
}


.dienst-button a {
	text-decoration: none !important;
	color: #48aa69;
}
.dienst-button span {
	transform: translate(0,10px);
}
.dienst-button i {
    padding-left: 2px;
    transform: translate(0px, -1px);
}
.dienst-button i {
	transition: all 0.5s ease 0s;
}
.dienst-button:hover i {
	padding-left: 10px;
	
}
@media only screen and (max-width: 800px) {
	.wrapper-dienstleistung {
		padding: 40px 0 20px;
	}
	.col-dienst {
		width: 50%;
	}
	.con-dienstleistung {
		padding-top: 25px;
	}
}
@media only screen and (max-width: 550px) {
	.col-dienst {
		width: 100%;
		padding-bottom: 25px;
	}
	.dienst-bild {
		display: none;
	}
}
.kon-links {
	float: left;
	width: 400px;
	color: White;
	padding-right: 20px;
}


.wrapper-footer {
	padding: 76px 0 90px;
}
.kon-links h3 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 24px;
}
.kon-links a {
	text-decoration: none;
	color: White;
}
.kon-links a:hover {
	text-decoration: underline;
}

.kon-zeile {
	width: 100%;
}
.kz-links {
	float: left;
	width: 120px;
}
.kz-rechts {
	float: left;
	width: -moz-calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	width: -o-calc(100% - 120px);
	width: calc(100% - 120px);
}
.form-rechts {
	float: right;
	width: -moz-calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	width: -o-calc(100% - 400px);
	width: calc(100% - 400px);
	max-width: 600px;
	color: White;
}
.form-rechts a {
	color: white;
}
.form-rechts h3 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size: 24px;
	color: White;
}
.form-zeile {
	padding-bottom: 10px;
}
.kooperationspartner {
	padding-top: 30px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
@media only screen and (max-width: 800px) {
	.wrapper-footer {
		padding: 26px 0 40px;
	}
}
@media only screen and (max-width: 710px) {
	.form-rechts {
		float: none;
		width: 100%;
	}
	.kon-links {
	    float: none;
	    width: 100%;
	    color: White;
	    padding-right: 0px;
	}
}
.wrapper-footer-sub {
	color: white;
	font-size: 14px;
	padding: 11px 0 21px;
}
.wrapper-footer-sub a {
	color: White;
	text-decoration: none;
	font-weight: bold;
}
.wrapper-footer-sub a:hover {
	text-decoration: underline;
}
.footer-sub-links {
	float: left;
}
.footer-sub-a {
	padding-bottom: 10px;
}
.footer-sub-rechts {
	float: right;
	width: -moz-calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	width: -o-calc(100% - 400px);
	width: calc(100% - 400px);
	max-width: 600px;
	text-align: right;
}
@media only screen and (max-width: 710px) {
	.footer-sub-rechts {
		width: -moz-calc(100% - 320px);
		width: -webkit-calc(100% - 320px);
		width: -o-calc(100% - 320px);
		width: calc(100% - 320px);
	}
}
.footer-sub-mobil {
	display: none;
}
.fsm-links {
	float: left;
}
.fsm-rechts {
	float: right;
}
@media only screen and (max-width: 630px) {
	.footer-sub-rechts {
		display: none;
	}
	.footer-sub-links {
		display: none;
	}
	.footer-sub-mobil {
		display: inherit;
	}
	.wrapper-footer-sub {
		padding: 10px 0;
	}
}
@media only screen and (max-width: 470px) {
	.footer-sub-rechts {
		display: none;
	}
	.footer-sub-links {
		display: none;
	}
	.footer-sub-mobil {
		display: inherit;
	}
	.fsm-rechts {
		display: none;
	}
	.fsm-links {
		float: none;
	}
}