/*
font-family: 'Roboto Condensed', sans-serif;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: "Livret Subhead";
*/
@font-face { 
	font-family: "Livret Subhead"; 
	src: url("/page/_css/files/TTLivretSubhead-DmBdIt.ttf"); 
}

body, textarea, input, select {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11pt;
	color:#504f4f;
}

#surround {
	margin:0 auto;
	width:100%;
}

.inner {
	margin:0 auto;
	max-width:1260px;
}

.innerBox {
	padding:0 25px;
}
.innerBox img {
	max-width:100%;
	height:auto;
}

.topTextBox {
	max-width:820px;
	width:100%;
	margin:0 auto;
	padding-bottom:40px;
}

#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:380px;
}

.topTeaserKapitel {
	font-family: "Livret Subhead";
	position:relative;
	width:370px;
	max-width:100%;
	top:80px;
	left:0;
	color:#fff;
	font-size:38pt;
	line-height:80px;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}

.topTeaserKapitelInner {
	padding:0;
}


#awardSticker {
	position:absolute;
	z-index:900;
	right:80px;
	top:80px;
	box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);
	z-index:0;
}
#awardSticker img {
	display:block;
}


.innerrel {
	position:relative;
	height:100%;
}

#contentstart {
	position:absolute;
}

#headerSticker {
	position:absolute;
	z-index:900;
	right:50px;
	bottom:0;
	z-index:0;
}
#headerSticker img {
	display:block;
}

/* CONTENT */
#content {
	width:100%;
	margin:0 auto;
	padding:0;
	line-height:23px;
	text-align:left;
}
#content .grayback {
	background-color:#eae8e5;
}
#content .topTextBox h1 {
	text-align:center;
}

#content h1 {
	font-family: "Livret Subhead";
	font-size:30pt;
	line-height:42px;
	padding-top:40px;
	padding-bottom:54px;
	margin:0;
	color:#0082b9 ;

	background-image:url('/page/_webpics/titel-welle-grafik-aquasuisse.svg');
	background-position:center bottom 24px;
	background-repeat:no-repeat;
}
#content h2 {
	font-family: "Livret Subhead";
	font-size:20pt;
	font-weight:normal;
	line-height:32px;
	padding-top:0;
	padding-bottom:28px;
	margin:0;
	color:#504f4f;
}
#content h3 {
	font-family: "Livret Subhead";
	font-size:30pt;
	line-height:42px;
	padding-top:40px;
	padding-bottom:36px;
	margin:0;
	color:#504f4f ;
}



#content li {
	font-weight:normal;
}

#content a {
	color:#0082b9;
}
#content a:hover {
	color:#000;
}

#content .center {
	text-align:center;
}


ul.suche {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.suche li a {
	display:block;
	padding:7px 15px;
	border-bottom:1px solid #000;
}



.block33 {
	width:33%;
}


.bild img {
	width:100%;
	height:auto;
	display:block;
}




bereichBox {
	display:block;
	padding-bottom:50px;

}

bereichBoxTitel {
	font-family: "Livret Subhead";
	display:block;
	text-align:left;
	font-size:22pt;
	line-height:35px;
	padding-bottom:30px;
	color:#504f4f;
}

bereichFlex {
	display:block;
	max-width:600px;
}

bereichFlex a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}
bereichFlex a div {
	padding:3px 20px 3px 0;
	flex: 1;
}

.gutzuwissenBox .titelImage {
	display:block;
	height:52px;
	max-width:420px;
	background-repeat:no-repeat;
	background-position:bottom left;
	background-size:100% auto;
	margin-bottom:5px;
}
.gutzuwissenBox .titelImage.DE {
	background-image:url('/page/_webpics/gutzuwissen/gut-zu-wissen-aquasuisse.svg');
}
.gutzuwissenBox .titelImage.FR {
	background-image:url('/page/_webpics/gutzuwissen/infos-utiles-aquasuisse.svg');
}

.gutzuwissenBox .content {
	background-color:#0082b9;
	color:#fff;
	padding:25px 0;
}
.gutzuwissenBox .content .titel {
	font-size:14pt;
	line-height:26px;
	padding-bottom:15px;
}
.gutzuwissenBox .content .text {
	max-width:600px;
	padding-bottom:10px;
}
.gutzuwissenBox .button {
	color:#fff !important;
	font-weight:bold;
}

a.blueButton {
	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;
}
a.blueButton:hover {
	background-color:#004b8b
}




/* RESPONSIVE */

@media  only screen and (max-width: 1080px) {
	#headerSticker {
		right:130px;
		bottom:0;
	}
}

@media  only screen and (max-width: 800px) {
	#awardSticker {
		display:none;
	}
	bereichFlex a div:nth-child(2) {
		display:none;
	}
}

@media  only screen and (max-width: 680px) {
	#headerSticker {
		width:120px;
		right:25px;
		bottom:0;
	}
		#headerSticker img {
			width:100%;
			height:auto;
			}
}


@media  only screen and (max-width: 380px) {
	bereichFlex a div {
		font-size:10pt;
	}
}