homeinnerbox {
	text-align:center;
	display:block;
	padding-bottom:50px;
}
homeinnerbox h1 {
	font-size:36pt !important;
	line-height:50px !important;
	padding-top:30px;
	padding-bottom:26px;
}
homeinnerbox h2 {
	font-size:23pt !important;
	line-height:35px !important;
}

#tileleft {
	position:absolute;
	left:0;
	top:0;
	width:324px;
	height:313px;
	background-image:url('/page/_webpics/kacheln/kachel-links-home-aquasuisse.svg');
	background-repeat:no-repeat;
	background-size:100%;
	display:block;

}
#tileright {
	position:absolute;
	right:0;
	top:0;
	width:314px;
	height:270px;
	background-image:url('/page/_webpics/kacheln/kachel-rechts-home-aquasuisse.svg');
	background-repeat:no-repeat;
	background-size:100%;
	display:block;
}

homebereiche {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-direction:row;
}

bereichinner {
	flex:0 0 50%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction:row nowrap;
	padding-right:20px;
	margin-bottom:50px;
}

bereichinner:nth-child(even) {
	flex-direction:row-reverse;
	padding-left:20px;
	padding-right:0;
}

bereichBild {
	flex:1 1 100%;
	min-height:355px;
	display:block;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

bereichText {
	position:relative;
	border-left:5px solid #fff;
	border-right:5px solid #fff;
	flex:0 0 350px;
	padding:50px;
	color:#fff;
	cursor:pointer;
	background-image:linear-gradient(#87cdd8  0%, #004b8b 100%);
	background-size:100%;
}

bereichText:hover {
	background-image:none;
	background-color:#004b8b;
}

bereichText:after {
	position:absolute;
	display: block;
	top:0;
	left:0;
	content:"";
	width:100%;
	height:100%;
	background-image:url('/page/_webpics/icons/icon-arrow-right-white.svg');
	background-repeat:no-repeat;
	background-position: bottom 50px left 35px;
}


bereichText titel {
	font-size:25pt;
	line-height:40px;
	display:block;
	padding-bottom:30px;
}

bereichText text {
	font-size:12pt;
	line-height:23px;
	display:block;
}

homefragen  {
	text-align:center;
	display:block;
}

homefragen titel {
	font-family: "Livret Subhead";
	font-size:25pt;
	line-height:40px;
	display:block;
	padding:30px 0;
	color:#504f4f;
}

homefragen titel {
	display:block;
}

homefragen buttonliste {
	padding:30px 0 50px;
	display:block;
}
homefragen buttonliste a {
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-block;
	color:#fff !important;
	background-color:#0082b9;
	padding:0 15px;
	line-height:45px;
	margin:0 2px 10px 2px;
	min-width:180px;
}
homefragen buttonliste a:hover {
	background-color:#004b8b
}


homebildblock {
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	width:100%;
	height:960px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	color:#fff;
}
homebildblock titel {
	font-family: "Livret Subhead";
	font-size:36pt;
	line-height:58px;
	display:block;
}
homebildblock subtitel {
	font-family: "Livret Subhead";
	font-size:25pt;
	line-height:40px;
	display:block;
	padding:20px 0 30px;
}
homebildblock text {
	font-size:12pt;
	line-height:23px;
	display:block;
}

homebildblock buttonliste {
	padding:50px 0 50px;
	display:block;
	font-family: 'Roboto Condensed', sans-serif;
}
homebildblock buttonliste a {
	display:inline-block;
	color:#fff !important;
	background-color:#0082b9;
	padding:0 15px;
	line-height:45px;
	margin:0 2px 10px 2px;
	min-width:180px;
}
homebildblock buttonliste a:hover {
	background-color:#004b8b
}


homeaktuell {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-direction:row;
	padding-top:50px;
}

homeaktuell newsblock {
	flex:0 0 50%;

}

homeaktuell agendablock {
	flex:0 0 50%;
}

homeaktuell titel {
	font-family: "Livret Subhead";
	font-size:25pt;
	line-height:40px;
	display:block;
	padding:20px 0 30px;
	color:#504f4f;
	text-align:center;
}

.prefooter {
	display:block;
	height:200px;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('/page/_webpics/titel-welle-grafik-aquasuisse.svg');
	background-size:200px auto;
}


@media  only screen and (max-width: 1080px) {

	#tileleft {
		width:288px;
		height:313px;
	}
	#tileright {
		width:314px;
		height:270px;
	}
}

@media  only screen and (max-width: 1030px) {

	homebereiche {
		flex-direction:column;
	}

	bereichinner {
		flex:0 0 50%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction:row nowrap;
		padding-right:0;
		margin-bottom:5px;
	}

	bereichinner:nth-child(even) {
		flex-direction:row-reverse;
		padding-left:0;
		padding-right:0;
	}
	bereichText {
		border-left:5px solid #fff;
		border-right:5px solid #fff;
		flex:0 0 350px;
		background-color:#0082b9;
		padding:50px;
	}



	homebildblock {
		height:770px;
	}

	homeaktuell {
		padding-top:30px;
	}
}


@media  only screen and (max-width: 780px) {
	homeaktuell newsblock {
		flex:0 0 100%;
	}

	homeaktuell agendablock {
		flex:0 0 100%;
		padding-top:40px;
	}
}

@media  only screen and (max-width: 680px) {
	#tileleft {
		width:176px;
		height:313px;
	}
	#tileright {
		width:130px;
		height:270px;
	}
}



@media  only screen and (max-width: 480px) {

	homeinnerbox h1 {
		font-size:30pt !important;
		line-height:44px !important;
		padding-top:20px !important;
	}
	homeinnerbox h2 {
		font-size:20pt !important;
		line-height:32px !important;
	}

	homebildblock titel {
		font-size:30pt;
		line-height:44px;
		display:block;
	}
	homebildblock subtitel {
		font-size:20pt;
		line-height:32px;
		padding:20px 0 30px;
	}
	homebildblock {
		width:100%;
		height:680px;
	}

	bereichinner {
		flex:0 0 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction:column;
		padding-right:0;
		margin-bottom:5px;
	}

	bereichinner:nth-child(even) {
		flex-direction:column;
		padding-left:0;
		padding-right:0;
	}

	bereichBild {
		flex:1 1 100%;
		min-height:260px;
	}

	bereichText {
		border-left:none;
		border-right:none;
		flex:0 0 100%;
		background-color:#0082b9;
		padding:25px;
		color:#fff;
		cursor:pointer;
	}

	bereichText:after {
		background-image:url('/page/_webpics/icons/icon-arrow-right-white.svg');
		background-repeat:no-repeat;
		background-position:top 35px right 25px;
		background-size:20px 20px;
	}

.prefooter {
	height:120px;
	background-size:100px auto;
}
}