/* Layout - Produkt */

body > #PageWrapper:after {
    margin-left: -550px;
    max-width: 1100px;
}
#ContentWrapper > div {
	max-width: 1100px;
	padding-left: 50px;
	padding-right: 50px;
}

@media all and (max-width: 1650px) and (min-height: 550px){

	body > #PageWrapper:after {
		left: 276px;
		margin-left: 0;
	}
	#ContentWrapper > div {
		margin-left: 275px;
	}

}
@media all and (max-width: 1462px) and (max-height: 550px){

	body > #PageWrapper:after {
		left: 181px;
		margin-left: 0;
	}
	#ContentWrapper > div {
		margin-left: 181px;
	}

}
@media all and (max-width: 830px){

	body > #PageWrapper:after {
		left: 181px;
	}
	body > #PageWrapper:before {
		width: 180px;
	}
	#ContentWrapper > div {
		margin-left: 180px;
	}

}
@media all and (max-width: 700px){

	#ContentWrapper {
		background: #FFFFFF;
		background: rgba(255, 255, 255, 0.96);
		margin: 0;
	}
	#ContentWrapper > div {
		margin: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Layout - Produktübersicht */

.shopProductTeaser {
    margin-top: 30px;
}
.shopProductTeaser:after {
	clear: both;
	content: "";
	display: block;
}
.shopProductTeaser .slick-slide {
	text-align: center;
}
.shopProductTeaser li {
	display: inline-block;
	margin: 0 0.5% 0.5%; /* 5 */
	overflow: hidden;
	width: 19%; /* 190 */
}
.shopProductTeaser li > a {
	display: block;
	position: relative;
}
.shopProductTeaser li > a:before { /* Overlay */
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	content: "";
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}
.shopProductTeaser li:hover > a:before {
	opacity: 0;
}
.shopProductTeaser li > a > img {
	display: block;
	width: 100%;
}

@media all and (max-width: 1100px){

	.shopProductTeaser li {
		margin: 0 1% 1%;
		width: 23%;
	}	

}
@media all and (max-width: 900px){

	.shopProductTeaser li {
		margin: 0 1% 1%;
		width: 31.33333333333333%;
	}

}
@media all and (max-width: 700px){

	.shopProductTeaser li {
		margin: 0 2% 2%;
		width: 46%;
	}

}

/* Layout - Produkt */

.product {
    display: block;
    margin: 30px 0;
    position: relative;
    text-align: center;
    -moz-transition: padding-left 300ms ease-in-out;
    -o-transition: padding-left 300ms ease-in-out;
    -webkit-transition: padding-left 300ms ease-in-out;
    transition: padding-left 300ms ease-in-out;
}
.product:after {
	clear: both;
	content: "";
	display: block;
}
.product > div {
    display: inline-block;
}
.product > div > a {
	display: block;
	position: relative;
}
.product > div > a > img {
	display: block;
	max-width: 500px;
	width: 100%;
}
.product > p {
	border-bottom: 1px solid #BDBDBC;
    display: block;
    left: 50%;
    margin: 0 0 0 270px;
    max-width: 200px;
    min-width: 160px;
    position: absolute;
    text-align: left;
    top: 5px;
}
.product > p > b {
	font-weight: bold;
}
.easyzoom-flyout {
	display: block;
	left: 0;
	height: 100% !important;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 530px !important;
	z-index: 100;
}

/* Verweise */

/* zurück zur Übersicht */

.cmsLink.back {
    left: 50%;
    margin: 2px 0 -25px -250px;
    position: relative;
}
.cmsLink.back > a {
	font-family: "Average Sans",sans-serif;
	font-size: 15px;
	font-weight: normal;
}
.cmsLink.back > a:hover {
	margin-left: 0;
}
.cmsLink.back > a:before {
	content: "\E806";
	font-size: 11px;
}
.cmsLink.back > a:hover:before {
	margin-right: 15px;
    -moz-transition: margin-right 300ms ease-in-out;
    -o-transition: margin-right 300ms ease-in-out;
    -webkit-transition: margin-right 300ms ease-in-out;
    transition: margin-right 300ms ease-in-out;
}
.cmsLink.next,
.cmsLink.prev {
	margin: -32px 0 0;
    position: absolute;
    top: 50%;
    width: 0 !important;
}
.cmsLink.prev {
	left: 16px;
}
.cmsLink.next {
	right: 33px;
}
.cmsLink.next > a,
.cmsLink.prev > a {
	text-indent: -99999px;
	width: 0 !important;
}
.cmsLink.next > a:hover,
.cmsLink.prev > a:hover {
	margin-left: 0;
}
.cmsLink.next > a:before,
.cmsLink.prev > a:before {
	font-size: 40px;
    left: 0;
    position: absolute;
    text-indent: 0 !important;
    top: 0;
}
.cmsLink.next > a:before {
	content: "\E834";
}
.cmsLink.prev > a:before {
	content: "\E837";
}

@media all and (max-width: 1250px){

	.cmsLink.back {
		left: 50%;
		margin-left: -250px;
		position: relative;
	}
	.product > p {
		border-bottom: none;
		font-family: "Average Sans",sans-serif;
		font-size: 15px;
		left: auto;
		margin: 0 -250px 0 0;
		min-width: 0;
		right: 50%;
		text-align: right;
		top: -32px;		
	}

}
@media all and (max-width: 800px){

	.cmsLink.back {
		display: table;
		left: auto;
		margin-left: auto;	
		margin-right: auto;
	}
	.product > p {
		display: table;
		font-size: 20px;
		margin: 0 auto 15px;
		position: relative;
		right: auto;
		top: auto;
	}

}
@media all and (max-width: 700px){

	.product {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 73px;
	}
	.product > p {
		font-size: 19px;
	}
	.cmsLink.back {
		margin-bottom: 0;
	}
	.cmsLink.back > a:before {
		display: none;
	}
	.cmsLink.prev {
		left: auto;
		margin-left: -44px;
	}
	.cmsLink.next {
		right: auto;
		margin-left: 26px;
	}
	.cmsLink.next,
	.cmsLink.prev {
		left: 50%;
		margin-top: 0;
		top: 32px;
		z-index: 1;
	}
	.cmsLink.back > a {
		font-size: 19px;
	}

}