/* --- Stylesheet 6650 () --------- */ 

.T4175 h3 { margin-bottom: 20px !important; }

.T4175 .outer { margin-right: -25px; }


.T4175 a {
	width: 292px;
	display: block;
	float: left;
	margin: 0 24px 24px 0;
}



.T4175 a .caption {
	position: absolute;
	bottom: -50px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.6);
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	transition: bottom 150ms;
	z-index: 10;
	display: block;
}

.T4175 a:hover .caption {
	bottom: 0px;
	transition: bottom 200ms;
}


/* --- Stylesheet 6651 () --------- */ 

@media all and (min-width: 1024px) and (max-width: 1279px) {
	.T4175 a { width: 230px; margin: 0 20px 20px 0; }
	.T4175 a img { width: 100%; height: auto; }
	.T4175 .Bild { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
}

@media all and (min-width: 768px) and (max-width:1023px) {
	.T4175 .outer { margin-right: -20px;}
	.T4175 a { width: calc( 25% - 20px ); margin: 0 20px 20px 0;}
	.T4175 a img { width: 100%; height: auto; }	
	.T4175 .Bild { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T4175 .outer { margin-right: -15px;}
	.T4175 a { width: calc( 25% - 15px ); margin: 0 15px 15px 0;}
	.T4175 a img { width: 100%; height: auto; }
	.T4175 .Bild { height: calc( ( ( 100vw - 40px - 3% * 3 ) / 4 ) * 0.75 ); }
}

@media all and (max-width: 567px) {
	.T4175 .outer { margin-right: -15px;}
	.T4175 a { width: calc( 50% - 15px ); margin: 0 15px 15px 0; }
	.T4175 a.mod2x { margin: 0 0% 5% 0;}
	.T4175 a img { width: 100%; height: auto; }
	.T4175 .Bild { height: calc( ( ( 100vw - 40px - 3% * 1 ) / 2 ) * 0.75 ); }
}