/* Styles für gruppe_artikel.php und für marke.php*/



.gruppen-beschreibung {margin-top: 20px;}


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

.floating-box-food {height: 404px;}
.floating-box-non-food {height: 379px;}
.floating-box-fashion {height: 329px;}


@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: 14px; 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: 16 px;
	}
}

.sterne {
	height: 19px;
}
.stern {font-size: 14px; color:#f0ac00; text-shadow: 1px 1px 0px #b68200;}
.stern-leer {font-size: 14px; color:#f0c748;}


.einheit {
	color: #202A3B; font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 25px;
}

.floating-box-non-food .einheit {display: none;}
.floating-box-fashion .einheit {display: none;}

.untertitel {
	color: #202A3B; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 50px;
}

.floating-box-fashion .untertitel {display: none;}

@media (max-width: 480px) {
	.untertitel {
		height: auto;
	    margin-top: 20px;
	    margin-bottom: 20px;
		font-size: 90%;
	}
}


.preis {
	display: inline;
	font-weight: bold; color: #BC0521; font-size: 120%; font-family: Tahoma, Geneva, sans-serif;
	opacity: 0.9;
}
@media (max-width: 480px) {
	.preis {
		width = 350px;
		height: auto;
	}
}

.preis-uvp {
	display: inline;
	color: #BC0521; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif;
	align: right;
}

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

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


.herst-liste {line-height: 2.0;}
.herst-liste a {border-style: solid; border-width: 0px 0px ; }
.herst-liste a:hover {text-decoration: none;}

.herst-liste .active-filter {font-weight: bold; border-width: 2px 0px;}

#filter { text-decoration: none; font-size: 100%;}

.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\e114";
}



/*    PAGINATION */

.myPagination {
    display: inline-block;
    margin-top: 50px;
}

.myPagination a {
	color: black;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 0 4px;
	font-size: 20px;
	border-radius: 7px;
}

.myPagination a.active {
	background:    #e8ba1c;
}

.myPagination a:hover:not(.active) {background-color: #ddd;}