/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
*/

body, textarea, input, select {
	font-family: 'Roboto', sans-serif;
	color:#333;
}

.anker {
	position:absolute;
	margin-top:-80px;
}
.anker2 {
	position:absolute;
	margin-top:-150px;
}
.ankerTop {
	position:absolute;
	margin-top:-70px;
}

.pdfLink {
	text-transform:uppercase;
}

.goTop  {
	display:block;
	text-align:center;
	margin:20px 25px;
	padding:20px 0;
	border-bottom:1px solid #979797;
}
.goTop a {
	color: #979797 !important;
}

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

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

.innerBox {
	padding:0 25px;
}

.logos {
	max-width:100%;
	padding:0 20px;
	display:inline-block;;
}
.logos img {
	max-width:100%;
	height:auto;
}





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

/* CONTENT */
#content {
	width:100%;
	min-height:200px;
	margin:0 auto;
	padding:0;
	font-size:12pt;
	line-height:26px;
	text-align:left;
}

#content h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:32pt;
	font-weight:300;
	padding-top:20px;
	padding-bottom:10px;
	margin:0;
	line-height:48px;
	text-align:center;
}

#content h1.pageTitle {
	padding:60px 0 0;
}

#content h1.pageTitle.left, #content h1.left,#content h2.left {
	text-align:left;
}

#content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:32pt;
	line-height:48px;
	font-weight:300;
	margin:0;
	text-align:center;
}



#content h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:22pt;
	line-height:35px;
	font-weight:300;
	margin:0;
	text-align:center;
	letter-spacing:0.5px;
}

#content h3.left {
	text-align:left;
}

#content .centerLineOr {
	height:2px;
	width:150px;
	display:block;
	background-color:#0072b9;
	margin:30px auto 40px;
}
#content .leftLineOr {
	height:2px;
	width:150px;
	display:block;
	background-color:#0072b9;
	margin:30px 0 10px;
}

#content .leftLineOr.pad {
	margin:30px 0 30px;
}

#content .centerLineBl {
	height:2px;
	width:150px;
	display:block;
	background-color:#0072b9;
	margin:30px auto 30px;
}
#content .centerLineBl.full {
	margin-top:10px;
	height:1px;
	width:100%;
}




#content li {
	font-weight:normal;
}


#content a {
	color:#2677ab;
}
#content a:hover {
	color:#000;
}

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


.flexBox.nowrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
}


.flexBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}


.flexBox33 {
	flex:0 1 33.3333333%;
}
.flexVorteil {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;

	background-image:url('/page/startseite/vorteile-icon-agi-bim-firestop.svg');
	background-repeat:no-repeat;
	background-size:80px;
	background-position:left center;
	min-height:80px;
	padding:5px 20px 5px 90px;

	font-size:14pt;
	font-weight:400;
	line-height:28px;

	flex:0 1 33.3333333%;
	margin:0 0 50px;
	display:flex;
	align-items: center;
	justify-content: center;
	color:#000 !important;
}

.icon {
	max-width:110px;
	margin:0 auto;
	padding:20px;
	background-color:#0072b9;
}

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

.innerBox img {
	max-width:100%;
	height:auto;

}


.textbutton {
	display:inline-block;
	border:1px solid #6F9DD3;
	color:#6F9DD3 !important;
	line-height:23px;
	padding:9px 20px;
	margin:5px 0;
	transition:.2s;
}
.textbutton:hover {
	border:1px solid #0072b9;
	color:#0072b9 !important;
}

.center {
	text-align:center;
}

.centerBox {
	display:block;
	text-align:center;
}

.blueBack {
	display:block;
	background-color:#a4c2e4;
}

.grayBack {
	padding:60px 0;
	background-color:#f5f5f5;
}

.grayTextBack {
	background-color:#f5f5f5;
}


.phasenInner {
	max-width:800px;
	background-color:#f5f5f5;
	margin:0 auto;
}

#content .centerLinePH {
	height:2px;
	width:100%;
	display:block;
	background-color:#a4c2e4;
	margin:30px auto 40px;
}


.iconList {
	display:flex;
	min-height:100px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100px 100px;
	padding-left:120px;
	margin-top:30px;
	align-items: center;
}



.video-container {
	/* width is set as 100% here. any width can be specified as per requirement */
	width: 100%;
	padding-top: 56.25%;
	height: 0px;
	position: relative;
}
.video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/* DATENSCHUTZ-TITEL */
.dse-haupttitel {
	font-size:19pt;
	font-weight:bold;
}

.dse-untertitel {
	font-size:14pt;
	font-weight:bold;
}

.impdaschu-titel {
	font-size:24pt;
	font-weight:bold;
	text-transform:uppercase;
}


/* RESPONSIVE */
@media  only screen and (max-width: 1260px) {
}
@media  only screen and (max-width: 945px) {
	.flexVorteil {
		flex:0 0 50%;
	}

	.flexBox.nowrap {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-flow: column;
	}
	.flexBox.nowrap .flexBox33 {
		text-align:center;
	}

	.flexBox33 {
		flex:0 1 50%;
	}

}






@media  only screen and (max-width: 670px) {
	.flexVorteil {
		flex:0 0 100%;
	}
	.flexBox33 {
		flex:0 1 100%;
	}

}
@media  only screen and (max-width: 500px) {
	#content h1.pageTitle {
		padding:40px 0 0;
	}

	#content h1 {
		font-size:24pt;
		line-height:42px;
	}
	#content h2 {
		font-size:24pt;
		line-height:42px;
	}
	#content {
		font-size:11pt;
		line-height:23px;
	}
	#content h3 {
		font-size:21pt;
		line-height:33px;
		letter-spacing:0.5px;
	}

	#content .centerLineOr {
		height:2px;
		width:150px;
		display:block;
		background-color:#0072b9;
		margin:15px auto 20px;
	}
	#content .centerLineBl {
		height:2px;
		width:150px;
		display:block;
		background-color:#0072b9;
		margin:15px auto 20px;
	}
	#content .centerLineBl.full {
		width:100%;
		margin:30px auto 30px;
	}
	.grayBack {
		padding:40px 0;
	}
	.icon {
		max-width:80px;
	}

	.flexVorteil {
		background-size:60px;
		background-position:left 10px center;
		min-height:80px;
		padding:5px 20px 5px 90px;

		font-size:14pt;
		font-weight:400;
		line-height:28px;

		flex:0 1 33.3333333%;
		margin:0 0 30px;
	}

}

@media  only screen and (max-width: 420px) {
	.iconList {
		background-size:60px 60px;
		padding-left:80px;
		margin-top:30px;
	}

}