body, html{
	margin: 0;
	padding: 0;
	background-color: #F4F4F4;
	color: #20252D;
}
/*Header------------------------------------------------------------------------*/
.landingbg{
	height: 100vh;
	width: 100%;
	background-image: url(bilder/start.jpg);
	background-position: center;
	background-size: cover;
}
.menu{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 3rem;
	width: 100%;
	height: 6rem;
}
.link{
	color: white;
	font-size: min(5vw,2rem);
}
.link:hover{
	cursor: pointer;
}
.stripe{
	width: 100%;
	border-bottom: 1px solid white;
}
.headerwrapper{
	height: 20rem;
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	left: 100px;
	gap: 2rem;
}
.header{
	color: white;
	font-weight: normal;
	font-size: min(12vw,5rem);
	margin: 0;
}
.headerunderliner{
	margin: 0;
	color: white;
	font-weight: normal;
	font-size: 2rem;
}
.headbutton{
	margin-top: 2rem;
	color: white;
	font-size: min(7vw,2rem);
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	background-color: #6AA6D1;
	height: clamp(2.8rem,7vw,4rem);
	width: min(60vw,20rem);
}
.headbutton:hover{
	cursor: pointer;
	background-color: #4A86B1;
}
/*Section 1------------------------------------------------------------------------*/
.sec1wrapper{
	margin-top: 5rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: min(8vw,8rem);
}
.lefttext{
	height: 100%;
	display: flex;
	justify-content: space-between;
	justify-items: center;
	align-items: flex-start;
	flex-direction: column;
}
.sec1header{
	font-weight: normal;
	font-size: min(4vw,4rem);
}
.sec1text{
	font-size: min(2vw,2rem);
}
.rightpics{
	height: 100%;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}
.sec1pic{
	width: min(40vw,50rem);
}
/*Section 2------------------------------------------------------------------------*/
.sec2wrapper{
	margin-top: 5rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	height: 25rem;
	width: 100%;
	background-image: url(bilder/banner1.jpg);
	background-size: cover;
	background-position-y: 0%;
	background-position-x: center;
}
.sec2header{
	font-weight: normal;
	margin: 0;
	color: white;
	font-size: min(15vw,5rem);
	letter-spacing: 3px;
}
.sec2text{
	letter-spacing: 1px;
	color: white;
	font-size: min(10vw,2rem);
	text-align: center;
}
/*Section 3------------------------------------------------------------------------*/
.sec3wrapper{
	margin-top: 5rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 2rem;
}
.sec3header{
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	width: 90vw;
	text-align: left;
	font-size: clamp(1.6rem,6vw,4rem);
}
.sec3stripe{
	width: 90vw;
	border-bottom: 1px solid black;
}
.containerwrapper{
	margin-top: 2rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 1.8vw;
}
.container{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 1rem;
}
.servicepic{
	width: 28.8vw;
}
.containerstripe{
	width: 100%;
	border-bottom: 1px solid black;
}
.dienstleistungtext{
	margin: 0;
	margin-right: auto;
	font-size: 1.6rem;
	letter-spacing: 1px;
}
/*Section 4------------------------------------------------------------------------*/
.sec4wrapper{
	margin-top: 5rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	height: 25rem;
	width: 100%;
	background-image: url(bilder/banner2.jpg);
	background-size: cover;
	background-position-y: 0%;
	background-position-x: center;
}
.sec4text{
	font-weight: normal;
	width: 90vw;
	letter-spacing: 1px;
	color: white;
	font-size: min(7vw,3rem);
	text-align: center;
}
/*Section 5------------------------------------------------------------------------*/
.sec5wrapper{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
}
.sec5header{
	width: 90vw;
	text-align: left;
	font-weight: normal;
	letter-spacing: 2px;
	font-size: clamp(2rem,6vw,4rem);
}
.kontaktwrapper{
	background-color: white;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.kontaktpic{
	width: 45vw;
}
.kontaktright{
	width: 45vw;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	gap: 2vw;
}
input{
	width: 32vw;
	height: 3vw;
	background-image: none;
	border: none;
	background-color: #F4F4F4;
	padding-left: 0.5rem;
}
textarea{
	padding-left: 0.5rem;
	width: 32vw;
	height: 12rem;
	background-image: none;
	border: none;
	background-color: #F4F4F4;
	resize: none;
}
.extra{
	width: 32vw;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
}
.sendbutton{
	width: 16vw;
	height: 3vw;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	font-size: 1.4rem;
	color: white;
	margin-right: auto;
	background-color: #6AA6D1;
}
.sendbutton:hover{
	cursor: pointer;
	background-color: #4A86b1;
}
/*Footer------------------------------------------------------------------------*/
.footer{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
}
.footertop{
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: flex;
	justify-content: space-around;
	justify-items: center;
	align-items: center;
}
.footerheader{
	font-size: 2rem;
	font-weight: normal;
}
.footertext{
	font-size: 1.4rem;
}
.footerstripe{
	width: 90vw;
	border-bottom: 1px solid black;
}
.footerbot{
	font-size: 1.2rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
	gap: 0.2rem;
}
a{
	color: black;
	text-decoration: none;
}


.dev{
	width: 100%;
	height: 30rem;
}
@media only screen and (max-width: 1400px) {
	.footertop{
		flex-direction: column;
		text-align: center;
	}
}
@media only screen and (max-width: 1000px) {
	.sec1wrapper{
		flex-direction: column;
	}
	.lefttext{
		align-items: center;
		width: 100%;
	}
	.sec1header{
		width: 100%;
		text-align: center;
		font-size: 3rem;
	}
	.sec1text{
		font-size: 1.4rem;
		width: min(90vw,30rem);
	}
	.sec1pic{
		width: min(90vw, 30rem);
	}
	.containerwrapper{
		flex-direction: column;
	}
	.sec3header{
		text-align: center;
	}
	.servicepic{
		width: min(95vw, 30rem);
	}
	.dienstleistungtext{
		text-align: center;
		margin: 0 auto;
	}
	.sec5header{
		text-align: center;
	}
	.kontaktwrapper{
		flex-direction: column;
		padding-bottom: 2rem;
		gap: 1rem;
	}
	.kontaktpic{
		width: 90vw;
	}
	.kontaktright{
		width: 90vw;
	}
	input{
		padding-left: 0.4rem;
		width: 80vw;
		height: 3rem;
	}
	textarea{
		padding-left: 0.4rem;
		height: 14rem;
		width: 80vw;
	}
	.extra{
		width: 80vw;
	}
	.sendbutton{
		margin: 0 auto;
		width: 40vw;
		height: 3rem;
	}
	

}
@media only screen and (max-width: 700px) {
	.headerwrapper{
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: center;
		justify-items: center;
		align-items: center;
		flex-direction: column;
	}
	.header{
		text-align: center;
	}
	.sec1pivhid{
		display: none;
	}
}
@media only screen and (max-width: 600px){
	.dienstleistungtext{
		font-size: 1.2rem;
	}
}