@CHARSET "UTF-8";

/*----------------------------------------------------------------------------- 
IDS Screen Stylesheet 
version:		0.3 
date:			24.05.2021 
author:			Kamilla Michele 
email:			kamilla.michele@tiv-consulting.de
for website:	czastka.de
-----------------------------------------------------------------------------*/

/*---picture-Boxes-Overview---*/




.container {
	display: inline-block;
	width:calc(20% - 7px);
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}


.imageBox {
	display: flex;
	height:calc(220px - 2px);
	width: calc(100% - 0px);
   margin: auto;
	border:1px solid rgba(221, 19, 19, 0.4);
}

.imageBox img {
	height:auto;
	max-width: calc(100% - 20px);
	width:auto;
	margin:auto;
	text-align:center;
}

.holder p {
	height: 21px;
	padding: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}




@media only screen and (min-width:2561px){

}

@media only screen and (max-width:2560px) {

}

@media only screen and (max-width:2300px) {

}

@media only screen and (max-width:2150px) {

}

@media only screen and (max-width:1920px) {

}

@media only screen and (max-width:1890px) {

}

@media only screen and (max-width:1770px) {

}

@media only screen and (max-width:1680px) {

}

@media only screen and (max-width:1600px) {

}

@media only screen and (max-width:1536px) {


}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1170px) {

}

@media only screen and (max-width:1024px) {
	.container {
		width:calc(25% - 7px);
}


}

@media only screen and (max-width: 950px) {
	

}

@media only screen and (max-width: 768px) {
		.container {
		width:calc(50% - 4px);
	}

		.imageBox {
			height: auto;
			width: calc(100% - 22px);
			padding: 10px;
	}

		.imageBox img {
			width: calc(100% - 0px);
	}
}

@media only screen and (max-width: 640px) {

}

@media only screen and (max-width: 568px) {	


}

@media only screen and (max-width: 450px) {
	.container {
		width:calc(100% - 0px);
	}

	.imageBox {
		height: auto;
		width: calc(100% - 22px);
		padding: 10px;
	}

	.imageBox img {
		width: calc(100% - 0px);
	}
}

@media only screen and (max-width: 375px) {
	
}

@media only screen and (max-width:360px) {

}

@media only screen and (max-width: 320px) {

}