/*
============================================================================
# Layout Seitennavigation (Übernahme)
============================================================================
*/

.pagination {
	text-align: center;
	width: 100%;
}
.pagination span>a, .pagination span>span {
	float: left;
	padding: 5px 12px;
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
	height: 30px;
}

.pagination span>a:first-child, .pagination span>span:first-child {
	border-left-width: 1px;
}

.pagination span>a:hover, .pagination span.active>a, .pagination span>.active>span {
	background-color: #f5f5f5;
}

.pagination span>a:first-child {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}

.pagination span>a:last-child {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}

.pagination  span > .active {
	color: #999999;
	cursor: default;
	background: #eee;
}

.pagination > span {
	display: inline-block;
	line-height: 30px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	*/
}

.pagination > span > a > i {
	line-height: 20px;
}

.pagination .icon-large::before {
	vertical-align: 0px;
}
/*
============================================================================
# Ende: Layout Seitennavigation (Übernahme)
============================================================================
*/

button#listreloader-button{
	background-color: #002AD8;
}

button#listreloader-button:hover{
	background-color: black;
}

.item-title {
	white-space: normal !important;
    /* white-space: nowrap; */
}

.item-title a {
    min-height: 70px;
    display: block;
}

.item-list-title {
	width:60%;
	float:left;
}

.item-list-price {
	float:left;
	width:20%;
}

.item-list-cart {
	float:left;
	width:20%;
}

.products-list .product-shop {
    width: 100% !important;
}


InpCrt2 > input {
    border-radius: 5px 0px 0px 5px;
}

#product_list_header{
  background-color: #ccc;
  min-height:60px;
  font-size: 16px;
  font-weight:bold;
  clear:both;
}


#product-data-form-list-resp:nth-of-type(even) div {
  background-color: #eee;
}

#product-data-form-list-resp:nth-of-type(even) {
  background-color: #eee;
}


@media screen and (min-width: 768px) {
	#product-data-form-list-resp div {
		min-height: 60px;
	}
	
	.listitem {
		top: 30%;
		height: 50% !important;
		position: absolute;
	}


}

#product-data-form-list-resp {
	clear:both;
}

#ContentAGB .text-content a[href$='.pdf']:hover {
    color: #D81C10;
    text-decoration: underline;
}

#ContentAGB .text-content a[href$='.pdf']:before {
    content: url(../pdf.gif);
    padding-right: 5px;
    line-height: 30px;
    position: relative;
    top: 4px;
}

.cmdSaveOrder {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 3px;
    padding: 8px 12px;
    text-transform: none;
    border: none;
    font-size: 16px;
    background-color: #002AD8;
    color: #FFF;
    font-weight: bold;
}

.product-block img {
	max-width: 100%;
}

/*
============================================================================
# Katalogliste
============================================================================
*/
#catalog-list .catalog-form {
	margin-bottom: 30px;
}
#catalog-list .catalog-form .catalog {
	position: relative;
	overflow: hidden;
}
#catalog-list .catalog-form .catalog .catalog-img {
	height: 300px;
	overflow: hidden;
}
#catalog-list .catalog-form .catalog:hover .catalog-img img {
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
	transition: -webkit-transform .5s;
	transition: transform .5s;
}
#catalog-list .catalog-form .catalog .catalog-img img {
	max-width: 100%;
	width: 100%;
	transition: -webkit-transform .5s;
	transition: transform .5s;
}
#catalog-list .catalog-form .catalog .catalog-desc {
	/*position: absolute;*/
    width: 100%;
    bottom: 0;
    text-align: center;
	padding: 30px 15px;
	background-color: rgba(19,41,215,.7);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#home-page #catalog-list {
	margin-top: 20px;
}