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

.auswahlboxFlex .auswahlblock {
	width:33.3333%;
}


auswahlbox {
	position:relative;
	display:flex;
	margin-bottom:50px;
}

auswahlbox img {
	max-width:100%;
	height:auto;
	display:block;
}


auswahlbox a {
	position:relative;
	width:100%;
	height:100%;
	display:block;
	top:0;
	left:0;
	color:#fff !important;
}

auswahlbox topbox {
	position:absolute;
	display:block;
	width:100%;
	height:50%;
	top:0;
	background-color:rgba(0,158,226,0.6);
	font-size:24pt;
	line-height:40px;
	padding:40px 50px;
}

auswahlbox topbox buttonicon {
	position:absolute;
	width:35px;
	height:35px;
	background-image:url(/page/_webpics/icons/icon-plus-white.svg);
	background-position:center;
	bottom:50px;
	left:50px;
}

auswahlbox.akt topbox buttonicon {
	background-image:url(/page/_webpics/icons/icon-arrow-right-white.svg );
	animation: animatedBackground 0.3s linear infinite alternate;
	background-repeat:no-repeat;
}

@keyframes animatedBackground {
	from {
		background-size: 100%;
	}
	to {
		background-size: 85%;
	}
}

auswahlbox bottombox {
	position:absolute;
	display:none;
	width:100%;
	height:50%;
	top:50%;
	background-color:rgba(0,158,226,0.6);
	padding:20px 50px;
}


@media  only screen and (max-width: 1260px) {
	auswahlbox topbox {
		font-size:20pt;
		line-height:32px;
		padding:20px 25px;
	}

	auswahlbox topbox buttonicon {
		position:absolute;
		width:35px;
		height:35px;
		bottom:20px;
		left:30px;
	}

}

@media  only screen and (max-width: 780px) {
	.auswahlboxFlex .auswahlblock.links {
		width:50%;
	}
}

@media  only screen and (max-width: 480px) {
	.auswahlboxFlex .auswahlblock.links , .auswahlboxFlex .auswahlblock {
		width:100%;
	}
	.auswahlboxFlex .auswahlblock {
		padding:20px 0;
	}
	.auswahlboxFlex .auswahlblock.links {
		padding:0 0;
	}
	.auswahlboxFlex.padtop30 {
		padding-top:0 !important;
	}

}