html, body{
    max-width: 100%;
    overflow-x: hidden;
	
	
}

   /* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
body {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 


body{
	    font-family: 'Be Vietnam Pro', sans-serif;
	background-color: default;
	overflow-x: hidden;
	}
	
	
	h1, h2{
	font-family: 'Questrial', sans-serif;
	font-size: 60px;
	font-weight: bold;
	}	
	
	h3, h4, h5, h6{
	font-family: 'Questrial', sans-serif;
	font-size: 40px;
	font-weight: bold;
	}	
	
		p, span{
		    font-family: 'Be Vietnam Pro', sans-serif;
		font-size: 30px;
	}
	
		
	@media only screen and (max-width: 1080px) {
	h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	font-weight: bold;
	}	
	p, span{
		font-family: 'Roboto', sans-serif;
		font-size: 20px;
	}
	
}
	
		@media only screen and (max-width: 600px) {
	h3, h4, h5, h6{
	font-family: 'Roboto', sans-serif;
	font-size: 30px;
	font-weight: bold;
	}	
	p, span{
		font-family: 'Roboto', sans-serif;
		font-size: 15px;
	}
	
}

		@media only screen and (max-width: 600px) {
	h1, h2{

	font-size: 40px;
	font-weight: bold;
	}	
	
	
}




.navdesign{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: black;
	z-index: 1;
	background-color: white;
}

#logo{
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: 130px;
	z-index: 9999999999999;
	position: relative;
	display: block
}

/*

#logo{
	vertical-align: middle;
	margin-left: 47.5%;
	margin-right: 50%;
	width: auto;
	height: 130px;
	z-index: 9999999999999;
	position: relative;

}


@media only screen and (max-width: 1200px) {
#logo{
	vertical-align: middle;
	margin-left: 45%;
	margin-right: 50%;
	width: auto;
	height: 130px;
	z-index: 9999999999999;
	position: relative;
}
}

@media only screen and (max-width: 800px) {
#logo{
	vertical-align: middle;
	margin-left: 40.5%;
	margin-right: 50%;
	width: auto;
	height: 130px;
	z-index: 9999999999999;
	position: relative;
}
}

@media only screen and (max-width: 550px) {
#logo{
	vertical-align: middle;
	margin-left: 38.5%;
	margin-right: 50%;
	width: auto;
	height: 90px;
	z-index: 9999999999999;
	position: relative;
}
}

*/


.languageselection{
	margin-left: 77vw;
}

.firstnavitem{
	margin-left: 4vw;
}

li {
	padding-right: 10px;
}

button{
	border-width: 0px !important;
}

.section1{
  background-image: url("../images/landing_page_gradient.jpg");
  height: 100vh;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.section2{
  height: 700px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  position: relative;
  padding-top: 200px;

}

section.section2 img{
	width: 200px;
	padding-bottom: 30px;
	margin: auto;
}



.text-black span, h3{
	padding-right: 20px;
}

.section3{
  background-image: url("../images/landing_page_gradient.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.contactcol1{
	background-color: #fff;
	height: 800px;
	border-radius: 40px 0px 0px 40px;
}
.contactcol2{
	background-color: #fff;
	height: 800px;
	border-radius: 0px 40px 40px 0px;
}

#contact{
	width: 500px;
	height: auto;
	margin-left: 10%;
	margin-right: 50%;
	margin-top: 160px;
}




		@media only screen and (max-width: 1400px) {
	#contact{
		width: 50vw;
	height: auto;
	margin-left: 20%;
	margin-right: 50%;
	margin-top: 40px;
	
}
		}



		@media only screen and (max-width: 756px) {
	#contact{
		width: 65vw;
	height: auto;
	margin-left: 7%;
	margin-right: 50%;
	margin-top: 40px;
	
}
		}

		@media only screen and (max-width: 600px) {
	#contact{
		width: 80vw;
	height: auto;
	margin-left: 7%;
	margin-right: 50%;
	margin-top: 40px;
	
}
		}
		

		
		
.contactcol1{
	background-color: #fff;
	height: auto;
	border-radius: 40px 40px 0px 0px;
}
.contactcol2{
	background-color: #fff;
	height: 800px;
	border-radius: 0px 0px 40px 40px;
}



@media only screen and (min-width: 1400px) {
.contactcol1{
	background-color: #fff;
	height: auto;
	border-radius: 40px 0px 0px 40px;
}
.contactcol2{
	background-color: #fff;
	height: 800px;
	border-radius: 0px 40px 40px 0px;
}
}

 


		


.contactrow{
	padding-top: 200px;
}

.bg-primary{
	background-color: #348ACA !important;
}

.formbold-builder-form{
	padding-top: 75px;
	padding-left: 50px;

}

@media only screen and (max-width: 600px) {
.formbold-builder-form{
	padding-top: 75px;
	padding-left: 8vw;
	padding-right:8vw;
}
}

 

.submitbutton{
	border-radius: 25px !important;
	width: 144px !important;
	height: 44px !important;
	background: linear-gradient(90deg, rgba(52,138,202,1) 0%, rgba(218,218,218,1) 100%);
}

.message{
	display: block !important;
}

.logofooter{

	width: 80px !important;
	transform: translate(-2px, 0px);
}



footer p{
	font-size: 17px;
	transform: translate(0px, 4px);
}

textarea{
	width: 500px;
}


@media only screen and (max-width: 600px) {
.textareaclass{
	
	width: 78vw;
}
}


/*

@media only screen and (max-width: 768px) {
textarea{
	width: 470px;
}
}

@media only screen and (max-width: 992px) {
textarea{
	width: 632px;
}
}

@media only screen and (max-width: 1200px) {
textarea{
	width: 870px;
}
}

*/


@media only screen and (min-width: 601px) {
textarea{
	width: 470px;
}
}


@media only screen and (min-width: 769px) {
textarea{
	width: 632px;
}
}

@media only screen and (min-width: 993px) {
textarea{
	width: 870px;
}
}

@media only screen and (min-width: 1200px) {
textarea{
	width: 1045px;
}
}

@media only screen and (min-width: 1400px) {
textarea{
	width: 500px;
}
}


.impressum{
	padding-top: 200px;
}

.spacer{
	padding-top:50px;
}


.sectionbulletpoints{
  background-image: url("../images/bulletpoints.jpg");
  height: 100%;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


li{
	font-size: 20px;
}



@media only screen and (min-width: 0px) {
.sectionbulletpoints{
	margin-top: 1700px;
}
}

@media only screen and (min-width: 801px) {
.sectionbulletpoints{
	margin-top: 500px;
}
}

@media only screen and (min-width: 1258px) {
.sectionbulletpoints{
	margin-top: 0px;
}
}





.paddingtop{
	padding-top: 200px;
}


@media only screen and (max-width: 1920px) {
.paddingtop{
	padding-top: 100px;
}
}

@media only screen and (max-width: 1000px) {
.paddingtop{
	padding-top: 50px;
}
}

@media only screen and (max-width: 500px) {
.paddingtop{
	padding-top: 20px;
}
}

@media only screen and (max-height: 500px) {
.paddingtop{
	padding-top: 20px;
}
h1{
	font-size: 30px;
}
}


@media only screen and (max-width: 1080px) {
.services{
	padding-bottom: 80px;
}
}





@media only screen and (max-width: 1080px) {
section.sectionservices img {
  width: 200px;
  
}
}

.border-top {
border-top: 0px !important;}
  
  
  
@media only screen and (min-height: 1024px) {
.impressum_spacer{
	padding-top: 318px;
}

}




@media only screen and (min-width: 1024px) {
.containerpadding{
	padding-left: 50px !important;
	padding-right: 50px !important;

}

}



@media only screen and (max-width: 1000px) {
.footer *{
	font-size: 15px;

}

}