.teaserBoxBlock {
	width:33.33333%;
}

.teaserBoxLink {
	display:block;
	position:relative;
	width:100%;
}

.homeTopBox {
	display: flex;
	flex-wrap: nowrap;

}

.textBox {
	width:100%;
}


.adressBox {
	flex: 0 0 355px;
}

.adressBox .innerBoxFirst {
	padding:25px 0 25px 25px;
}

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

.teaserBoxLink .teaserBoxText {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:absolute;
	display:block;
	width:100%;
	text-align:center;
	line-height:36px;
	padding:10px;
	top:0;
}

.teaserBoxBlock .teaserBoxLink .teaserBoxText .text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	background-color:rgba(255,255,255,0.8);
	color:#000;
	padding:22px 20px;
	font-size:23pt;
}

.teaserBoxBlock .teaserBoxLink:hover .teaserBoxText .text {
	background-color:rgba(255,255,255,1);
}


.teaserBoxBlockRund {
	width:25%;
}

.teaserBoxBlockRund .teaserBoxLink .teaserBoxText  {
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.teaserBoxBlockRund .teaserBoxLink .teaserBoxText .text {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:100;
	color:#000;
	font-size:23pt;
}

.teaserBoxBlockRund:hover .teaserBoxLink .teaserBoxText .text {
	color:#717171;
}



topTeaserBox {
	display:block;
	position:relative;
}

topTeaser {
	display:block;
	position:absolute;
	top:72px;
	right:0;
}

topTeaser a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:45px;
	width:330px;
	height:220px;
	margin-bottom:10px;
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	background-color:rgba(255,255,255,0.8);
}

topTeaser a:hover, topTeaser a.akt {
	background-color:rgba(255,255,255,1);
}


topTeaser a titel {
	font-weight:100;
	display:block;
	font-size:28pt;
	color:#000;
	background-image:url('/page/_webpics/buttons/arrow-grey-right.png');
	background-repeat:no-repeat;
	background-position:right center;
}

topTeaser a text {
	display:block;
	font-size:12pt;
	line-height:18pt;
	color:#464646;
}



@media  only screen and (max-width: 768px) {
	topTeaser {
		top:52px;
	}
	topTeaser a {
		width:330px;
		height:auto;
	}
	.teaserBoxBlock {
		width:50%;
	}

	.teaserBoxBlockRund .teaserBoxLink .teaserBoxText .text  {
		font-size:16pt;
	}
	.teaserBoxBlockRund.padbot50 {
		padding-bottom:0;
	}

}


@media  only screen and (max-width: 640px) {
	.teaserBoxBlock {
		width:100%;
	}

	topTeaser a {
		padding:25px;
		width:auto;
		max-width:330px;
		height:auto;
	}

	.homeTopBox {
		display: flex;
		flex-wrap: wrap;
	}
	.adressBox {
		flex:0 0 100%;
	}
	.adressBox .innerBoxFirst {
		padding:25px 0 25px 0;
	}

	.teaserBoxBlockRund {
		width:50%;
	}

	.teaserBoxBlockRund.padbot50 {
		padding-bottom:50px;
	}

}

@media  only screen and (max-width: 380px) {
	.teaserBoxBlockRund {
		width:100%;
	}
	.teaserBoxBlockRund .teaserBoxLink .teaserBoxText .text  {
		font-size:23pt;
	}
}
