/* Styles für gruppe.php */


.floating-box {
    	display: inline-block;
    	width: 300px;
	height: 290px; 
    	margin: 5px;
	margin-bottom: 10px;
	padding: 0px;
	border: none;
	border-bottom: solid grey;
	border-bottom-width: 1px;
}

@media screen and (min-width: 768px) {
	.no-touch .floating-box:hover {
		-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
		box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	}
}


@media (max-width: 480px) {
	.floating-box {
	    width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
}


.artikelname {
	color: #1C3E68; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 45px; vertical-align: top; margin-top: 10px;
}

@media (max-width: 480px) {
	.artikelname {
		height: auto;
	    	margin-bottom: 20px;
		font-size: 18 px;
	}
}


.artikelbild {
	position: relative;
 	display: table-cell;
	vertical-align: middle;
	width: 330px;
	height: 180px;
}

.artikelbild img {
	max-width: 330px;
	max-height: 180px;
}

@media (max-width: 480px) {
	.artikelbild {
		width = 350px;
		height: auto;
	}
}

.alleAnzeigen {
	margin-top: 15px;
	height: 45px;
}



.floating-box-marken {
    	display: inline-block;
    	width: 300px;
	height: 180px; 
    	margin: 5px;
	margin-bottom: 10px;
	padding: 0px;
	border: none;
	border-bottom: solid grey;
	border-bottom-width: 1px;
}

@media screen and (min-width: 768px) {
	.no-touch .floating-box-marken:hover {
		-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
		box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	}
}


@media (max-width: 480px) {
	.floating-box-marken {
	    width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
}

.artikelbild-marken {
	position: relative;
 	display: table-cell;
	vertical-align: middle;
	width: 330px;
	height: 100px;
}

@media (max-width: 480px) {
	.artikelbild-marken {
		width = 350px;
		height: auto;
	}
}