documentvorschau {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: wrap;
	flex-direction:row;
	margin-top:10px;
}

documentvorschau dokumentbock {
	flex: 0 0 25%;
	max-width:25%;
	margin-bottom:50px;

}

documentvorschau dokumentbock .dokumentbox {
	height:100%;
	display: flex;
	flex-direction: column;
	background-color:#fff;

}

documentvorschau dokumentbock .bild {
	border-bottom:4px solid #eae8e5;
}



documentvorschau dokumentbock .bild img, documentvorschau dokumentbock .link img {
	width:100%;
	height:auto;
	display:block;
}
documentvorschau dokumentbock .bild {
	overflow:hidden;
}

documentvorschau dokumentbock .bild img {
	transition: transform 0.8s;
	-moz-transition: transform 0.8s;
	-webkit-transition: transform 0.8s;
	-o-transition: transform 0.8s;
	-ms-transition: transform 0.8s;
}
documentvorschau dokumentbock:hover .bild img {
	transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
}





documentvorschau dokumentbock .datum {
	padding:15px 25px;
	color:#4d4d4d;
	font-size:10pt;
}

documentvorschau dokumentbock .titel {
	padding:0 25px;
	font-weight:bold;
	color:#000;
}

documentvorschau dokumentbock .name {
	padding:25px 25px 5px 25px;
	font-weight:bold;
}
documentvorschau dokumentbock .funktion {
	padding:0 25px 0 25px;
	font-weight:normal;
}

documentvorschau dokumentbock .text {
	padding:10px 25px 15px;
	color:#4d4d4d;
	flex-grow:1;
	border-bottom:4px solid #eae8e5;
}

documentvorschau dokumentbock a.button {
	background-color:#fff;
	background-image:url('/page/_webpics/buttons/arrow-right-blue-icon-aquasuisse.svg');
	background-position:right 20px center;
	background-repeat:no-repeat;
	background-size:24px;
	color:#fff !important;
	height:45px;
	display:block;
	padding:0 25px;
}
documentvorschau dokumentbock a.button:hover {
	background-color:#f9f9f9;
	}

homeaktuell documentvorschau dokumentbock {
	flex: 0 0 50%;
	max-width:50%;
	margin-bottom:50px;
}


@media  only screen and (max-width: 1200px) {
	documentvorschau dokumentbock {
		flex: 0 0 33.333333%;
		max-width:33.333333%;
	}
}
@media  only screen and (max-width: 1030px) {
	homeaktuell documentvorschau dokumentbock {
		margin-bottom:0;
	}
}

@media  only screen and (max-width: 920px) {
	documentvorschau dokumentbock {
		flex: 0 0 50%;
		max-width:50%;
	}
}


@media  only screen and (max-width: 680px) {
	documentvorschau dokumentbock {
		flex: 0 0 100%;
		max-width:100%;
	}
}


@media  only screen and (max-width: 480px) {
	homeaktuell documentvorschau dokumentbock {
		flex: 0 0 100%;
		max-width:100%;
		margin-bottom:50px;
	}
	homeaktuell documentvorschau {
		margin-bottom:0;
	}
}