/* Start font embedding */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700);
/* End font embedding */

/*
S:  576 px
M:  768 px
L:  992 px
XL: 1250px

@media (max-width: 576px) {

}

@media (max-width: 768px) {

}

@media (max-width: 992px) {

}

@media (max-width: 1250px) {

}
*/

/* Start reset html elements */
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		background: transparent;
	}
	address,article,aside,audio,canvas,command,datalist,
	details,embed,figcaption,figure,footer,header,
	hgroup,keygen,mark,meter,nav,ouput,progress,
	section,source,summary,time,video,wbr {
		display: block;
	}
	input:focus, textarea:focus, select:focus {
		outline: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		padding: 0;
		border: 0;
	}
	table td, table th {
		padding: 0;
	}
	a:active, label:active {
		outline: none;
		ie-dummy: expression(this.hideFocus=true);
	}
	a:focus, label:focus {
		-moz-outline-style: none;
		outline: none;
		ie-dummy: expression(this.hideFocus=true);
	}
	input[type=checkbox] {
		border-width: 0;
	}
/* End reset html elements */

/* Start generic elements */
	html {
		overflow-y: scroll;
		height: 100%;
		margin: 0;
		padding: 0;
		border: 0;
	}
	body {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.bgRes {
		pointer-events: none;
		touch-action: none;
		z-index: -9999;
		position: absolute;
		/*top: 0;*/
		right: 0;
		bottom: 0;
		left: 0;
		height: 644px;
		/*background-color: red;*/
		background-image: url('/images/landscape.jpg');
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	.outerWrapper {
		/*background-image: url('/images/landscape.jpg');*/
		/*background-repeat: no-repeat;*/
		/*background-position: bottom center;*/
		/*min-width: 1190px;*/
		width: 100%;
		height: auto;
		min-height: 100% !important;
		/*padding-bottom: 405px;*/
		box-sizing: border-box;
	}
	td, p, div, span, ol, ul, input, textarea, select, footer {
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		line-height: 150%;
		color: #585858;
	}
	input[type=text],
	input[type=password],
	input[type=button],
	input[type=submit],
	textarea,
	select {
		line-height: 120%;
		background-color:#FFF;
		position: relative;
		height: 28px;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		padding:3px 8px;
		margin: 0;
		border: 2px solid #585858;
		border-radius: 18px;
		resize:none;
	}
	select {
		*behavior: none;
		padding:3px 5px;
	}
	input[type=checkbox] {
		border-width: 0px;
		background-color: transparent;
		width: 20px !important;
		#margin-top: -1px;
		margin-left: -3px;
	}
	input[type=submit] {
		color: #fff;
		background-color: #8f9e43;
		height: 36px;
		text-transform: uppercase;
		font-weight: 600;
		box-shadow: none;
		border: 0;
		border-radius: 50px;
		transition: box-shadow .2s;
	}
	input[type=submit]:hover {
		box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	}
	input[type=submit],
	article a.button {
		cursor: pointer;
		position: relative; /* prevent element from disappearing in ie */
	}
	/* span is to cope for protected emails */
	a, a:visited, a:visited span, a:link span {
		color: #8f9e43;
		text-decoration: none;
	}
	a:hover, a:hover span {
		color: #8f9e43;
	}
	ul {
		list-style-type: none;
		list-style-position: outside;
	}
	ul li {
		list-style-type: none;
		background: url(/images/bullet.gif) no-repeat 0px 7px;
		padding-left: 14px;
	}
	hr {
		color: #ccc;
		background-color: #ccc;
		height: 1px;
	}
	.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/* For modern browsers */
	.clearfix:before,
	.clearfix:after {
		content: "";
		display: table;
	}
	.clearfix:after {
		clear: both;
	}
	/* For IE 6/7 (trigger hasLayout) */
	.clearfix {
		*zoom: 1;
	}
/* End generic elements	*/

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
	.small {
		font-size: 14px
	}
	.big {
		font-size: 18px
	}
	table[tbltype=Standard]{
	}
	#oContentTable tr td {
	}
/* End Freshpage elements	*/

/* Start styledInput */
	/* OPTIONS POPUP CONTAINER (ACTIVATE WITH {styleOptions:true} for all, {styleOptionsTouch:true/false} for touch devices) */
	/* main optionscontainer - ONLY for positioning, NO STYLING HERE!*/
	.styledInput.si-select .si-options {
		top: 85%;
		left: -2px;
		min-width: calc(100% + 4px);
	}

	.styledInput.si-select.si-open {
		/*border-bottom: none;*/
		border-radius: 18px 18px 0 0 ;
	}

	/* Focus effect */
	.si-select.si-focus {
		/*border: 1px solid #fafafa;*/
		/*-webkit-box-shadow: 0 0 5px #007eff;*/
		/*-moz-box-shadow: 0 0 5px #007eff;*/
		/*box-shadow: 0 0 5px #007eff;*/
		/*outline: none;*/
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	/* inner optionscontainer - define here: max-height, transition, background, border, shadow etc */
	/* you can use max-height and transition or just display:none/block if no animation needed */
	.styledInput.si-select .si-options > div {
		/*max-height: 0;*/
		/*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);*/
		box-shadow: none;
		/*-moz-transition: max-height .2s ease;*/
		/*-webkit-transition: max-height .2s ease;*/
		/*transition: max-height .2s ease;*/
		/*background: #f9f9f9;*/
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;

		display: none;
		border: 2px solid #585858;
		border-radius: 0 0 18px 18px;
		border-top: none;
	}

	/* Options Container when open - define max-height here or display:block */
	.styledInput.si-select.si-open .si-options > div,
	.styledInput.si-select .si-options > div > div {
		/*max-height: 400px;*/
		display: block;

	}
    /* Options */
    .styledInput.si-select .si-options a {
        color: #585858;
		padding: 2px 5px 2px 10px;
    }
	/* Label */
	.styledInput.si-select > span {
		color: #585858;
	}
	.styledInput.si-select.si-open > span::after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.styledInput.si-select > span::after {
		content: "›";
		display: inline-block;
		transform-origin: center 55%;
		transition: transform .1s;
	}
	/* Wrapper */
	.styledInput.si-select {
		border: 2px solid #585858;
		margin-right: 14px;
		padding: 0 5px;
		border-radius: 50px;
	}
/* End styledInput */

/* Start Layout */
	div#wrapper {
		/*width: 1190px;*/
		width: 95%;
		max-width: 1190px;
		/*max-width: 100%;*/
		/*padding-left: 20px;*/
		/*padding-right: 20px;*/
		margin: 0 auto;
		min-height: 100%;
	}

	footer {
		position: relative;
		padding: 150px 0 110px;
		text-align: center;
		/*margin-top: -405px;*/
	}

	footer .footerNavFromHeader {
		display: none;
	}

	@media (max-width: 1250px) {
		footer .footerNavFromHeader {
			display: block;
			/*margin-bottom: 10px;*/
		}
	}
	@media (max-width: 992px) {
		footer .footerNavFromHeader a {
			color: #000 !important;
			text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
		}

		footer .footerNavFromHeader a:hover {
			color: #000 !important;
			text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
		}
	}

	footer nav {
		display: inline-block;
		margin-bottom: 25px;
	}

	footer, footer a {
		color: #FFF !important;
		font-weight: 600;
		font-size: 20px;
	}

	footer a {
		border-left: 2px solid #FFF;
		padding: 10px 15px 14px;
		display: inline-block;
	}
	@media (max-width: 1250px) {
		footer a {
			border-left: none;
		}
	}

	footer a:first-child {
		border-left: none;
	}

	footer a {
		text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
	}
	footer a:hover {
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
	}

	footer .copyright {

		color:inherit;
		font-weight: inherit;
		font-size: inherit;
		padding: 10px 15px 14px;
		display: inline-block;

	}

	footer > a {

		display: inline-block;
		vertical-align: middle;

	}

	footer > span a img {

		width: 1.5em;
		height: 1.5em;
		vertical-align: top;

	}

	footer .footerSocial {
		display: inline-block;
	}

	@media (max-width: 576px) {
		footer .footerSocial {
			display: block;
		}
	}

	/* Start Layout Header */
		header {
			position: relative;
		}
		div#wrapper > header {
			padding: 50px 0 40px 0;
		}
		@media (max-width: 1250px) {
			div#wrapper > header {
				padding: 10px 0 45px 0;
			}
		}


		div#wrapper > header > div#logobox {
			float: left;
		}
		div#wrapper > header > div#logobox img {
			width: 115px;
			margin-right: 10px;
		}
        div#wrapper > header > div#logobox span {
            font-size: 22px;
        }
        div#wrapper > header > div#logobox p {
            font-size: 20px;
        }
        div#wrapper > header > div#logobox span.title {
            font-size: 28px;
            color: #000000;
        }
		div#wrapper > header > div#logobox a {
			font-size: 20px;
		}

		@media (max-width: 576px) {
			div#wrapper > header > div#logobox:nth-child(2) {
				margin-top: -3px;
			}
			div#wrapper > header > div#logobox img {
				width: 86px;
			}
			div#wrapper > header > div#logobox span {
				font-size: 19px;
			}
			div#wrapper > header > div#logobox p {
				font-size: 14px;
			}
			div#wrapper > header > div#logobox span.title {
				font-size: 22px;
			}
			div#wrapper > header > div#logobox a {
				display: block;
				margin-top: -1px;
				font-size: 14px;
			}
		}

		div#wrapper > header > div.links {
			float: right;
			font-size: 14px;
			padding-top: 16px;
		}
		@media (max-width: 1250px) {
			div#wrapper > header > div.links {
				padding-top: 50px;
			}
		}
		@media (max-width: 768px) {
			div#wrapper > header > div.links {
				padding-top: 23px;
			}
		}

		div#wrapper > header > div.links a {
			color: #585858;
			display: inline-block;
			line-height: 30px;
		}
		div#wrapper > header > div.links a:hover {
			color: #8f9e43;
		}

		div#wrapper > header > div.links .headerBasket {
			border: 1px solid #585858;
			border-radius: 20px;
			padding: 3px 15px 5px;
			font-size: 20px;
			font-weight: 600;
			height: 30px;
			line-height: 30px;
			margin-bottom: 5px;
			display: block;
		}
		@media (max-width: 1250px) {
			div#wrapper > header > div.links .headerBasket {
				display: inline-block;
			}
		}


		div#wrapper > header > div.links .headerBasket:hover {
			border: 1px solid #8f9e43;
		}

		div#wrapper > header > div.links .headerBasket span {
			font-size: 20px;
			font-weight: 600;
		}
		div#wrapper > header > div.links .nav, div#wrapper > header > div.links .kundennav {
			display: inline-block;
			vertical-align: top;
		}
		div#wrapper > header > div.links .kundennavMobile {
			display: none;
		}

		@media (max-width: 1250px) {
			/*,div#wrapper > header > div.links .kundennav */
			div#wrapper > header > div.links .nav {
				display: none;
			}
			div#wrapper > header > div.links .kundennav {
				display: block;
				max-width: 160px;
				text-align: right !important;
				margin-left: auto !important;
			}
			div#wrapper > header > div.links .kundennavMobile  {
				display: block;
				text-align: right !important;
			}
		}
		@media (max-width: 768px) {
			div#wrapper > header > div.links .kundennav {
				display: none;
			}
		}


		div#wrapper > header > div.links .nav a {

			padding: 3px 15px 5px;

		}
div#wrapper > header > div.links .nav a.highlight {
    color: #f44336;
    text-transform: uppercase;
    letter-spacing: .5px;
}
		div#wrapper > header > div.links .kundennav {
			text-align: center;
			margin-left: 20px;
            margin-bottom: 5px;
		}
		div#wrapper > header > div.links > .form {
            display: flex;
			display: -webkit-flex;
			justify-content: flex-end;
			-webkit-justify-content: flex-end;
            height: 40px;
		}
		@media (max-width: 768px) {
			div#wrapper > header > div.links > .form {
				display: none;
			}
		}


		div#wrapper > header > div.links .form .form__searchbar {
			border-radius: 18px 0 0 18px;
			-webkit-appearance: none;
			height: auto;
			margin-right: 0;
            border: 1px solid #585858;
			padding: 2px 5px 2px 10px;
		}
		div#wrapper > header > div.links .form .form__submit {
			border-radius: 0 50px 50px 0;
			border: 1px solid #585858;
			border-left-style: none;
			margin-left: 0;
			height: auto;
		}
		div#wrapper > header > div.links .zahlungsarten {
			display: flex;
			display: -webkit-flex;
			justify-content: flex-end;
			-webkit-justify-content: flex-end;
            height: 36px;
			margin-top:1rem
		}
		@media (max-width: 768px) {
			div#wrapper > header > div.links .zahlungsarten {
				display: none;
			}
		}


		div#wrapper > header > div.links .zahlungsarten__image {
            height: 36px;
		}

	div#wrapper > header > div.links .zahlungsarten__rating {
		height: 30px;
		margin-right: 20px;
		margin-top: 3px;
	}


		div#wrapper > header > div#highlightbox {
			position: relative;
			width: 730px;
			height: 230px;
			float: left;
		}
		div#wrapper > header > div#highlightbox > div {
			float: left;
			width: 440px;
			padding-left: 10px;
		}
		div#wrapper > header > div#highlightbox > div:first-child {
			width:230px;
			padding-left:10px;
		}
		div#wrapper > header > div#highlightbox > div > p {
			font-size: 24px;
			font-family: 'microsoft_yi_baitiregular', sans-serif;
			line-height: 110%;
		}
		div#wrapper > header > div#highlightbox > div > p:first-child {
			font-size: 40px;
			font-weight: bold;
			padding-top: 20px;
			line-height: 90%;
			margin-bottom: 10px;
		}
		div#wrapper > header > div#highlightbox > div > p#price {
			margin-top: 10px;
			font-weight: bold;
		}
		div#wrapper > header > div#highlightbox > div > a {
			display: inline-block;
			font-size: 24px;
			line-height: 120%;
			font-family: 'microsoft_yi_baitiregular', sans-serif;
		}
		div#wrapper > header > div#newsbox {
			position: relative;
			width: 200px;
			height: 190px;
			padding: 15px;
			float: left;
		}
		div#wrapper > header > div#newsbox > span#newstitle {
			font-size: 28px;
			font-family: 'microsoft_yi_baitiregular', sans-serif;
		}
		div#wrapper > header > div#newsbox > div#lauftext {
			visibility:hidden;
			height:120px;
		}
		div#wrapper > header > div#newsbox > div#lauftext li {
			height:110px;
			background:none;
			padding:0;
		}

		div#wrapper > header > div#newsbox > img#mastercard,
		div#wrapper > header > div#newsbox > img#visa,
		div#wrapper > header > div#newsbox > img#saferpay {
			margin-right: 5px;
			margin-top:20px;
			height: 30px;
		}
	/* End Layout Header */

	/* Start Layout Content */

		.hamburger {
			display: none;
		}
		@media (max-width: 1250px) {
			.hamburger {
				position: absolute;
				top: 20px;
				right: 0;
				display: block;
				padding: 0;
				outline: none;
			}
			.hamburger:focus {
				outline: none;
			}
		}
		@media (max-width: 768px) {
			.hamburger {
				top: 60px;
			}
		}

		div#wrapper > div#content {
			position: relative;
		}

		div#wrapper > div#content span.error,
		div#wrapper > div#content span.important {
			display:inline-block;
			color: #ff0000;
			font-weight: bold;
		}
		/* Start Layout Content LeftColumn */
			body.home div#wrapper > div#content > aside#leftColumn {
				display: none;
			}
			.leftColumnMobile,
			div#wrapper > div#content > aside#leftColumn {
				display: block;
				width: 206px;
				float: left;
				padding-right: 20px;
			}

			@media (max-width: 1250px) {
				div#wrapper > div#content > aside#leftColumn {
					display: none !important;
				}
			}

			/*@media (max-width: 1250px) {*/
			/*	div#wrapper > div#content > aside#leftColumn {*/
			/*		z-index: 1;*/

			/*		position: absolute;*/
			/*		top: -12px;*/
			/*		left: 0;*/

			/*		display: none;*/

			/*		width: 252px;*/

			/*		padding: 5px 15px;*/
			/*		border: 1px solid black;*/

			/*		background: white;*/
			/*	}*/
			/*}*/
		/* End Layout Content LeftColumn */

		/* Start Layout Content RightColumn */
			div#wrapper > div#content > aside#rightColumn {
				width: 230px;
				float: left;
				margin: 42px 0px 10px 0px;
			}
		/* End Layout Content RightColumn */

		/* Start Layout Content LeftColumn/RightColumn Boxes */
			div#wrapper > div#content > aside ul#articlenav {
				margin-bottom: 10px;
			}
			@media (max-width: 1250px) {
				div#wrapper > div#content > aside ul#articlenav {
					margin-bottom: 0px;
				}
			}


			div#wrapper > div#content > aside ul#articlenav li,
			div#wrapper > div#content > aside ul#infonav li {
				background: none;
				padding: 6px 0;
				font-size: 20px;
				line-height: 130%;
			}
			div#wrapper > div#content > aside ul#articlenav li li,
			div#wrapper > div#content > aside ul#infonav li li{
				background: none;
				padding-left: 15px;
			}
			div#wrapper > div#content > aside ul#articlenav li a,
			div#wrapper > div#content > aside ul#infonav li a {
				color: #585858;
				text-decoration: none;
			}
			div#wrapper > div#content > aside ul#articlenav li a:hover,
			div#wrapper > div#content > aside ul#articlenav li a.active,
			div#wrapper > div#content > aside ul#infonav li a:hover,
			div#wrapper > div#content > aside ul#infonav li a.active {
				color: #8f9e43
			}
			div#wrapper > div#content > aside > div.boxtitle {
				text-transform: uppercase;
				background-color: #999;
				font-size: 20px;
				color: #fff;
				padding: 0px 15px;
				background: #B1B1B1;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B1B1B1), to(#888888));
				background: -webkit-linear-gradient(#B1B1B1, #888888);
				background: -moz-linear-gradient(#B1B1B1, #888888);
				background: -ms-linear-gradient(#B1B1B1, #888888);
				background: -o-linear-gradient(#B1B1B1, #888888);
				background: linear-gradient(#B1B1B1, #888888);
				font-family: 'microsoft_yi_baitiregular', sans-serif;
			}
			div#wrapper > div#content > aside > div.box {
				padding: 15px;
				background-color: #dedede;
				line-height: 150%;
				margin-bottom: 10px;
			}
			div#wrapper > div#content > aside > div.box > a,
			div#wrapper > div#content > aside > div.box > a:visited {
				color: #8f9e43;
			}
			div#wrapper > div#content > aside > div.box > a:hover {
				color: #8f9e43;
			}
			div#wrapper > div#content > aside > div.box > form > select {
				width: 160px;
			}
			div#wrapper > div#content form[name=searchform] > input#search,
			div#wrapper > div#content form[name=newsletterform] > input#newsletteremail {
				margin-right: 5px;
				width:135px;
			}
			div#wrapper > div#content > aside > div.box > form[name=searchform] > input#searchbutton,
			div#wrapper > div#content > aside > div.box > form[name=newsletterform] > input#newsletterbutton {
				width: 50px;
			}
			div#wrapper > div#content .loginform label,
			div#wrapper > div#content .profileform label {
				float: left;
				display: block;
				width: 120px;
			}
			div#wrapper > div#content > aside > div.box > form[name=loginform] > input[type=text],
			div#wrapper > div#content > aside > div.box > form[name=loginform] > input[type=password]{
				margin-bottom: 5px;
				width: 120px;
			}
			div#wrapper > div#content .profileform input[type=submit] {
				width: auto;
			}
			div#wrapper > div#content > aside > div.box > form[name=loginform] > br {
				clear: both;
			}
			div#wrapper > div#content > aside > div.box > table#merkliste {
				width: 100%;
			}
			div#wrapper > div#content > aside > div.box > table#merkliste tr > td {
				padding-right: 10px;
				line-height: 120%;
				vertical-align: top;
				padding-bottom: 4px;
			}
			div#wrapper > div#content > aside > div.box > table#merkliste tr > td.right {
				white-space: nowrap;
				text-align: right;
				padding-right: 0px;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket {
				width: 100%;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket a,
			div#wrapper > div#content > aside > div.box > table#minibasket a:visited {
				color: #8f9e43;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket a:hover {
				color: #8f9e43;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket tr > td {
				padding-right: 10px;
				line-height: 120%;
				vertical-align: top;
				padding-bottom: 4px;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket tr > td.left {
				white-space: nowrap;
				text-align: right;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket tr > td.right {
				white-space: nowrap;
				text-align: right;
				padding-right: 0px;
			}
			div#wrapper > div#content > aside > div.box > table#minibasket tr.total td {
				font-weight: bold;
				border-top: 1px solid #999;
				padding-top: 2px;
			}
			div#wrapper > div#content > aside > div.box > form[name=logoutform] > input[type=submit] {
				margin-top: 5px;
			}
			div#wrapper > div#content > aside > div.box > form[name=logoutform] > a#customerarealink,
			div#wrapper > div#content > aside > div.box > form[name=logoutform] > a#customerarealink:visited {
				color: #8f9e43;
			}
			div#wrapper > div#content > aside > div.box > form[name=logoutform] > a#customerarealink:hover {
				color: #8f9e43;
			}
		/* End Layout Content LeftColumn/RightColumn Boxes */

		/* Start Layout Content Article */
			body.home > div#content article {
				width: 100%;
			}
			body.subsite article {
				border-left: 2px solid #8f9e43;
				padding-left: 54px;
				position: relative;
			}
			@media (max-width: 1270px) {
				body.subsite article {
					padding-left: 34px;
				}
			}
			@media (max-width: 1250px) {
				body.subsite article {
					border-left: 0px solid #8f9e43;
					padding-left: 0;
				}
			}


			div#wrapper > div#content > article {
				width: 908px;
				float: left;
			}
			@media (max-width: 1250px) {
				div#wrapper > div#content > article {
					width: 100%;
				}
			}
			body.home div#wrapper > div#content > article {
				width: 100%;
				float: none;
			}

			/* FRONTSEITE */
			/*.frontseite > div {*/
			/*	margin-top: 15px;*/
			/*}*/

			/*.frontseite > div:first-child {*/
			/*	margin-top: 0px;*/
			/*}*/
			.frontseite a {
				margin-top: 15px;

				display: block;
				box-sizing: border-box;
				float: left;
				width: calc(33.3% - 10px);
				height: 290px;
				margin-left: 15px;
				background-size: cover;
				background-position: center center;
				background-color: rgba(0,0,0,0.1);
			}
			@media (max-width: 992px) {
				.frontseite a {
					width: calc(50% - 10px);
				}
			}
			@media (max-width: 576px) {
				.frontseite a {
					width: 100%;
					margin-left: 0;
				}
			}

			/*.frontseite a:first-child {*/
			/*	margin-left: 0;*/
			/*}*/

			@media (min-width: 993px) {
				.frontseite a:nth-child(3n+1) {
					margin-left: 0;
				}
			}
			@media (min-width: 769px) and (max-width: 992px) {
				.frontseite a:nth-child(2n+1) {
					margin-left: 0;
				}
			}
			@media (min-width: 577px) and (max-width: 768px) {
				.frontseite a:nth-child(2n+1) {
					margin-left: 0;
				}
			}

			.frontseite a .table {
				display: table;
				width: 100%;
				height: 100%;
			}


			.frontseite a .cell {
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.37);
				font-size: 50px;
				color: #FFF;
				font-weight: bold;
				width: 100%;
				height: 100%;

				padding-left: 10px;
				padding-right: 10px;
			}
			@media (max-width: 1250px) {
				.frontseite a .cell {
					font-size: 36px;
				}
			}



			div#wrapper > div#content > article > h1.entrytitle {
				color: #8f9e43;
				font-size: 50px;
				line-height: 110%;
				margin-top: -11px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				margin-bottom: 31px;
			}
			@media (max-width: 1250px) {
				div#wrapper > div#content > article > h1.entrytitle {
					font-size: 36px;
				}
			}
			@media (max-width: 768px) {
				div#wrapper > div#content > article > h1.entrytitle {
					word-wrap: break-word;
				}
			}


			div#wrapper > div#content > article > h1.entrytitle.articleDetail {
				padding-right: 315px;
			}
			@media (max-width: 992px) {
				div#wrapper > div#content > article > h1.entrytitle.articleDetail {
					padding-right: 0px;
				}
			}


			div#wrapper > div#content > article	> h1.entrytitle a {
				font-size: 12px;
				text-transform: none;
			}

			/* Start Layout Content Article Forms */
				div#wrapper > div#content > article form label br,
				div#wrapper > div#content > article form label + a + br,
				div#wrapper > div#content > article form label + select + br,
				div#wrapper > div#content > article form label + textarea + br,
				div#wrapper > div#content > article form label + input + input + br {
					clear: both;
				}
				div#wrapper > div#content > article form input.error,
				div#wrapper > div#content > article form select.error,
				div#wrapper > div#content > article form textarea.error	{
					border: 2px solid #f00;
					background-color: #FFE6E6;
				}
				div#wrapper > div#content > article form input[type=text],
				div#wrapper > div#content > article form input[type=password],
				div#wrapper > div#content > article form input[type=submit],
				div#wrapper > div#content > article form textarea {
					width: 220px;
					margin-bottom: 5px;
				}
				div#wrapper > div#content > article form .si-select {
					margin-bottom: 5px;
					/*width: 226px;*/
				}
				div#wrapper > div#content > article form textarea {
					height: 40px;
				}
				div#wrapper > div#content > article form label {
					margin-top: 6px;
					margin-bottom: 2px;
					height: 17px;
					float: left;
				}
				div#wrapper > div#content > article form input + label {
					float:none;
				}
				div#wrapper > div#content > article form[name=contactform] label {
					width: 120px;
				}
				div#wrapper > div#content > article form#registerform {
					margin-top:18px;
				}
				div#wrapper > div#content > article form#addressform label,
				div#wrapper > div#content > article form#registerform label {
					width: 140px;
				}
				div#wrapper > div#content > article form label.long.spacing {
					margin-top: 15px;
				}
				div#wrapper > div#content > article form input#plz,
				div#wrapper > div#content > article form input#lieferungplz {
					width: 45px;
					margin-right: 4px;
				}
				div#wrapper > div#content > article form input#ort,
				div#wrapper > div#content > article form input#lieferungort {
					width: 151px;
				}
				div#wrapper > div#content > article form#addressform input#passwortwiederholen{
					width: 120px;
					margin-right: 4px;
				}
				div#wrapper > div#content > article form div#different_delivery_box {
					display: none;
				}
				div#wrapper > div#content > article form#passwordforgottenform label {
					display: block;
					width: 120px;
				}
			/* End Layout Content Article Forms */

			/* Start Layout Content Article Overview */
				div#wrapper > div#content > article > div.pagenav {
					width: 100%;
					padding: 3px 0px 1px 0px;
				}
				div#wrapper > div#content > article > div.pagenav > span {
					display: inline-block;
					float: left;
				}
				div#wrapper > div#content > article > div.pagenav > span.left {
					width: 270px;
					font-weight: 600;
				}
				div#wrapper > div#content > article > div.pagenav > span.left > a:link,
				div#wrapper > div#content > article > div.pagenav > span.left > a:visited {
					display: inline-block;
					margin-left: 5px;
					font-weight: 600;
					color: #585858;
				}
				div#wrapper > div#content > article > div.pagenav > span.left > a.active,
				div#wrapper > div#content > article > div.pagenav > span.left > a:hover {
					font-weight: 600;
					color: #8f9e43;
				}
				div#wrapper > div#content > article > div.pagenav > span.center {
					width: 368px;
					float: right;
					font-weight: 600;
					text-align: right;
				}
				div#wrapper > div#content > article > div.pagenav > span.right {
					width: 270px;
					text-align: right;
				}
				div#wrapper > div#content > article > div.pagenav > span.right > a.forward {
					display: inline-block;
					margin-left: 10px;
				}
				div#wrapper > div#content > article > div.articlerow,
				div#wrapper > div#content > article > div.manufacturerrow {
					margin-bottom: 15px;
				}
				div#wrapper > div#content > article > div.categoryrow {
					margin-bottom: 31px;
				}
				div#wrapper > div#content > article > div.articlerow > div *,
				div#wrapper > div#content > article > div.categoryrow > div *,
				div#wrapper > div#content > article > div.manufacturerrow > div * {
					line-height: 120% !important;
				}
				div#wrapper > div#content > article > div.articlerow > div.article,
				div#wrapper > div#content > article > div.categoryrow > div.article,
				div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer {
					float: left;
					margin-left: 15px;
					width: 292px;
					height: 292px;
					position: relative;
				}
				div#wrapper > div#content > article > div.articlerow > div.article {

					width: 288px;
					height: 288px;

				}
				div#wrapper > div#content > article > div.articlerow > div.article > img {
					border-radius: 3px;
				}
				div#wrapper > div#content > article > div.articlerow > div.article {
					border: 2px solid #8f9e43;
					border-radius: 5px;
				}
				div#wrapper > div#content > article > div.categoryrow > div.article {
					width: 446px;
				}
				div#wrapper > div#content > article > div.articlerow > div.article:first-child,
				div#wrapper > div#content > article > div.categoryrow > div.article:first-child,
				div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer:first-child {
					margin-left: 0px;
				}
				div#wrapper > div#content > article > div.articlerow > div a,
				div#wrapper > div#content > article > div.categoryrow > div a {
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					display: block;
					background-color: rgba(0,0,0,.5);
					padding: 15px 30px 30px;
					box-sizing: border-box;
					transition: height .2s;
					overflow: hidden;
				}
				div#wrapper > div#content > article > div.articlerow > div a {
					height: auto;
					transition: height .4s;
					border-top-left-radius: 3px;
					border-top-right-radius: 3px;
				}
				div#wrapper > div#content > article > div.articlerow > div:hover a {
					height: 288px !important;
					border-bottom-left-radius: 3px;
					border-bottom-right-radius: 3px;
				}
				/*div#wrapper > div#content > article > div.articlerow > div a:hover > div { */
				div#wrapper > div#content > article > div.articlerow > div:hover .content {
					display: block;
				}
				div#wrapper > div#content > article > div.articlerow > div a span,
				div#wrapper > div#content > article > div.articlerow > div a div {
					color: #FFF;
				}
				div#wrapper > div#content > article > div.articlerow > div a .articleTitle {
					font-weight: 700;
					font-size: 30px;
					line-height: 32px !important;
					display: inline-block;
				}
				div#wrapper > div#content > article > div.articlerow > div a .articleTitle > img{
					width: 24px;
					margin-right: 7px;
				}
				div#wrapper > div#content > article > div.categoryrow > div a {
					display: table;
					padding: 0;
				}
				div#wrapper > div#content > article > div.categoryrow > div a .articleTitle {
					font-weight: 700;
					font-size: 30px !important;
					line-height: 30px !important;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					height: 100%;
					color: #FFF;
					padding: 25px;
					transform: text-shadow .2s;
				}
				.badge-container {
					position: absolute;
					right: 0;
					top: 145px;
				}
				.badge-container--detail {
					position: absolute;
					right: 0;
					top: -100px;
				}
.badge-container .badge {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 125px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	background: #8f9e43;
	padding: 8px;
	border-radius: 18px 0 0 18px;
	margin-bottom: 8px;
}
.badge-container .badge--star {
	background: #f44336;
}
.badge-container .badge--sticker  {
	background: #f44336;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
				.badge__icon--leaf {
					width: 15%;
				}
				.badge-container .badge > .badge__text {
					color: white;
				}
				div#wrapper > div#content > article > div.categoryrow > div a:hover .articleTitle {
					text-shadow: 0px 0px 8px rgba(255, 255, 255, .5);
				}
				div#wrapper > div#content > article > div.articlerow > div a span {
					font-weight: 700;
					font-size: 22px;
					display: inline-block;
				}
				div#wrapper > div#content > article > div.articlerow > div a > div {
					display: none;
				}
				div#wrapper > div#content > article > div.articlerow > div a > div > *{
					margin-top: 15px;
				}
				div#wrapper > div#content > article > div.articlerow > div a > div > .shortDescription{
					margin-top: 25px;
				}
				div#wrapper > div#content > article > div.articlerow > div a div div span {
					text-decoration: line-through;
				}
				div#wrapper > div#content > article > div.articlerow > div a div div span:first-child {
					text-decoration: none;
				}

				div#wrapper > div#content > article > div.articlerow > div a span.detailShizzle {
					font-weight: 600;
					font-size: 16px;
					background-color: #8f9e43;
					border-radius: 20px;
					text-transform: uppercase;
					padding: 8px 22px;
				}
				div#wrapper > div#content > article > div.articlerow > div.article > a.articleimage > img,
				div#wrapper > div#content > article > div.categoryrow > div.category > a.articleimage > img {
					width: 292px;
					height: 292px;
					float: left;
					margin-bottom: 3px;
				}
				div#wrapper > div#content > article > div.articlerow > div.article > a > img.icon {
					width: 16px;
					height: 16px;
					margin-bottom: 10px;
					vertical-align:top;
				}
				div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox {
					width: 228px;
					height: 228px;
					border: 1px solid #ccc;
					float: left;
					display: table;
					#position: relative;
					overflow: hidden;
					margin-bottom: 3px;
				}
				div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox div {
					#position: absolute;
					#top: 50%;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					#width:100%;
				}
				div#wrapper > div#content > article > div.manufacturerrow > div.manufacturer div.imgbox a {
					#display:block;
					#position: relative;
					#top: -50%;
				}

				div#wrapper > div#content > article .categoryrow img {
					display: block;
					width: 100%;
					height: auto;
					max-height: 292px;
				}

				@media (max-width: 1250px) {
					div#wrapper > div#content > article .categoryrow {
						display: flex;
						flex-wrap: nowrap;
						flex-direction: row;
						justify-content: center;
						align-items: flex-start;
					}
					div#wrapper > div#content > article .categoryrow .article {
						max-width: 446px;
						max-height: 292px;
						width: 100% !important;
						height: 100% !important;
					}
				}
				@media (max-width: 992px) {
					div#wrapper > div#content > article > div.categoryrow > div a .articleTitle {
						font-size: 25px !important;
					}
				}
				@media (max-width: 768px) {
					div#wrapper > div#content > article > div.categoryrow > div a .articleTitle {
						font-size: 22px !important;
					}
				}
				@media (max-width: 576px) {
					div#wrapper > div#content > article .categoryrow {
						flex-wrap: wrap;
					}
					div#wrapper > div#content > article .categoryrow .article:first-child {
						margin-bottom: 31px;
					}
					div#wrapper > div#content > article .categoryrow .article {
						margin-left: 0 !important;
					}
				}
			/* End Layout Content Article Overview */

			/* Start Layout Content Article Detailview */
				div#wrapper > div#content > article > div.articlenav {
					width: 100%;
					margin-bottom: 10px;
					padding: 3px 0px 1px 0px;
					text-align: right;
					font-weight: 600;
					position: absolute;
					top: 15px;
					right: 0;
				}
				@media (max-width: 992px) {
					div#wrapper > div#content > article > div.articlenav {
						position: relative;
						top: 0;
					}
				}
				div#wrapper > div#content > article > div.articlenav > a {
					display: inline-block;
					margin-left: 10px;
					color: #585858;
				}
				div#wrapper > div#content > article > div.articlenav > a:hover {
					color: #8f9e43;
				}
				div#wrapper > div#content > article > div#articledetail > div.images {
					float: left;
					width: 268px;
					line-height: 0;
					font-size: 0;
				}
				div#wrapper > div#content > article > div#articledetail > div.images > #mainlink {
					position: relative;
				}
				@media (max-width: 576px) {
					div#wrapper > div#content > article > div#articledetail > div.images > a#mainlink[rel=colorbox] {
						pointer-events: none !important;
						touch-action: none !important;
					}
				}
				div#wrapper > div#content > article > div#articledetail > div.images > a > img#main {
					width: 268px;
					height: 268px;
				}
				div#wrapper > div#content > article > div#articledetail > div.images > a > img.bio {
					position: absolute;
					bottom: -50px;
					left: -50px;
				}
				div#wrapper > div#content > article > div#articledetail > div.images > a > img.thumbnail {
					border: 1px solid #ccc;
					margin-top: 6px;
					margin-right: 6px;
					width: 51px;
					height: 51px;
				}
				div#wrapper > div#content > article > div#articledetail > div.images > a > img.thumbnail.last {
					border: 1px solid #ccc;
					margin-right: 0px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description {
					float: left;
					margin-left: 30px;
					width: 610px;
				}

				@media (max-width: 1250px) {
					div#wrapper > div#content > article > div#articledetail > div.description {
						max-width: 100%;
					}
				}

				div#wrapper > div#content > article > div#articledetail > div.description > span.artnr {
					color: #999;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lieferzeit > span,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lagerbestand,
				div#wrapper > div#content > article > div#articledetail > div.description > span.lagerbestand > span {
					color: #999;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > div.price {
					font-size: 22px;
					font-weight: bold;
					display: inline-block;
					padding: 20px 0;
					color: #8f9e43;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td {
					border: 1px solid #ccc;
					padding: 2px;
					white-space: nowrap;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.firstrow {
					font-weight: bold;
					text-transform: uppercase;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > table.blockprices tr > td.right {
					text-align: right;
					font-weight: bold;
					padding-left: 10px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div > * {
					float: left;
					display: block;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div label {
					margin-right: 7px;
					font-weight: 600;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div .si-select {
					margin-right: 14px;
					font-weight: 600;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > div .si-select#si-mwid0 {
					min-width: 115px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] > span#inbasket_not_available {
					color:red;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] span#inbasket > * {
					float: left
				}
				div#wrapper > div#content > article > div#articledetail > div.description > form[name=inbasket] span#inbasket > input[type=submit] {
					width: auto;
					padding: 0 15px;
				}
				div#wrapper > div#content > article > div#articledetail > div.description > a#manufacturerlink {
					display: block;
					margin-top: 12px;
				}
				div#wrapper > div#content > article > h3#crosssellingtitle {
					margin-top: 16px;
					margin-bottom: 6px;
					font-weight: bold;
					font-size: 14px;
				}
				div#wrapper > div#content > article > div.crossselling {
					margin-bottom: 10px;
				}
				div#wrapper > div#content > article > div.crossselling > div *{
					line-height: 120% !important;
					margin-bottom: 10px;
				}
				div#wrapper > div#content > article > div.crossselling > div.article {
					float: left;
					margin-left: 10px;
					width: 134px;
				}
				div#wrapper > div#content > article > div.crossselling > div.article:first-child {
					margin-left: 0px;
				}
				div#wrapper > div#content > article > div.crossselling > div.article a,
				div#wrapper > div#content > article > div.crossselling > div.article a:visited,
				div#wrapper > div#content > article > div.crossselling > div.article a span,
				div#wrapper > div#content > article > div.crossselling > div.article a:visited span {
					color:#000;
				}
				div#wrapper > div#content > article > div.crossselling > div.article a:hover,
				div#wrapper > div#content > article > div.crossselling > div.article a:hover span {
					color: #8f9e43;
					text-decoration:none;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.left {
					float: left;
					display: inline-block;
					width: 64px;
					word-wrap: break-word;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.right {
					float: right;
					display: inline-block;
					width: 70px;
					text-align: right;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.right > span {
					white-space: nowrap;
					text-decoration: line-through;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a.right > span:first-child {
					text-decoration: none;
				}
				div#wrapper > div#content > article > div.crossselling > div.article > a > img {
					width: 132px;
					height: 132px;
					border: 1px solid #ccc;
					float: left;
					margin-bottom: 3px;
				}
			/* End Layout Content Article Detailview */

			/* Start Layout Content Article Customerarea */
				div#wrapper > div#content > article > ul#customernavigation {
					margin: 0;
					padding: 0;
					margin-bottom: 20px;
				}
				@media (max-width: 576px) {
					div#wrapper > div#content > article > ul#customernavigation {
						font-size: 14px;
					}
				}


				div#wrapper > div#content > article > ul#customernavigation > li {
					background: url(/images/spacer.gif) no-repeat 0px 0px;
					padding: 0;
					margin: 0 1px 0 0;
					min-width: 100px;
					float:left;
				}
				div#wrapper > div#content > article > ul#customernavigation > li > a:link,
				div#wrapper > div#content > article > ul#customernavigation > li > a:visited {
					background-color: #8f9e43;
					font-weight: 600;
					color: #fff;
					height: 100%;
					display: inline-block;
					padding: 10px 20px;
					text-decoration: none;
				}
				@media (max-width: 576px) {
					div#wrapper > div#content > article > ul#customernavigation > li > a:link,
					div#wrapper > div#content > article > ul#customernavigation > li > a:visited {
						padding: 10px 17px;
					}
				}


				div#wrapper > div#content > article > ul#customernavigation > li > a:hover,
				div#wrapper > div#content > article > ul#customernavigation > li > a.active {
					box-shadow: inset 0 0 6px rgba(0,0,0,.3);
					text-decoration: none;
				}
				div#wrapper > div#content > article > table#orderheader {
					width: 100%;
				}
				div#wrapper > div#content > article > table#orderheader tr > td {
					padding: 2px 0px 2px 0px;
				}
				div#wrapper > div#content > article > table#orderheader tr > td.firstCol {
					font-weight: 600;
				}
				div#wrapper > div#content > article > table#orderheader tr > td.secondCol {
					text-align: right;
				}
				div#wrapper > div#content > article > table#ordertable {
					width: 100%;
				}
				div#wrapper > div#content > article > table#ordertable tr:first-child > td {
					font-weight: 600;
				}
				div#wrapper > div#content > article > table#ordertable tr	> td {
					padding: 2px 20px 2px 0px;
					border-bottom: 1px solid #ccc;
				}
				div#wrapper > div#content > article > table#ordertable tr	> td.secondCol,
				div#wrapper > div#content > article > table#ordertable tr	> td.fifthCol {
					text-align: right;
				}
				div#wrapper > div#content > article > table#ordertable tr	> td.fifthCol {
					padding-right: 0px;
				}
			/* End Layout Content Article Customerarea */

			/* Start Layout Content Article Basket */
				div#wrapper > div#content > article > div.basketnav {
					width: 100%;
				}
				div#wrapper > div#content > article > div.basketnav > form {
					float:left;
				}
				div#wrapper > div#content > article > div.basketnav > form:first-child input,
				div#wrapper > div#content > article > div.basketnav > form.voucher input {
					width:auto;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher {
					padding-left:30px;
					position:relative;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher > div {
					position:absolute;
					top:36px;
					left:30px;
					width:257px;
					padding: 15px;
					background-color: #dedede;
					display: none;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher > div > div {
					margin-bottom:5px;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher > div label {
					padding-right:10px;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=text] {
					width:70px;
					margin-right:2px;
				}
				div#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=submit] {
					width:40px;
				}
				div#wrapper > div#content > article > div.basketnav form.continue {
					float: right;
				}
				div#wrapper > div#content > article div#basketprogressbar {
					border-bottom: 1px solid #ccc;
					margin-bottom: 20px;
					text-align:justify;
					-ms-text-justify: distribute-all-lines;
					width:100%;
					font-size: 0;
				}
				div#wrapper > div#content > article div#basketprogressbar:after {
					content:"";
					display: inline-block;
					width: 100%;
				}
				div#wrapper > div#content > article div#basketprogressbar div.item {
					color: #666;
					display:inline-block;
				}
				div#wrapper > div#content > article > div#basketprogressbar div.item.active {
					color: #000;
					font-weight: 600;
				}
				div#wrapper > div#content > article > table.baskettable {
					width: 100%;
				}
				div#wrapper > div#content > article > table.baskettable tr > td {
					border-bottom: 1px solid #ccc;
					padding: 2px 0px;
					vertical-align: top;
				}
				div#wrapper > div#content > article > table.baskettable tr > td.right {
					text-align: right;
				}
				div#wrapper > div#content > article > table.baskettable tr > td.center {
					text-align: center;
				}
				div#wrapper > div#content > article > table.baskettable tr.header > td {
					font-weight: 600;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td img.articleimage {
					width: 80px;
					float: left;
					margin-right: 10px;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td > a.articletitle {
					font-weight: 600;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td span.alert_reset {
					background:#FFE6E6;
					color:#f00;
					padding:1px 3px;
					font-size:10px;
					line-height:230%;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td > form[name=refresh] > input#count {
					padding:0;
					height:auto;
					margin-right: 3px;
					width: 30px;
					text-align: center;
					line-height: 110%;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td > form[name=refresh] > input#refreshbutton {
					border: 0px;
					width: 16px;
					height: 16px;
					padding: 0px;
					margin: 0px;
					vertical-align: -3px;
				}
				div#wrapper > div#content > article > table.baskettable tr.items > td > a.deletebutton > img.icon {
					height:16px;
					width:16px;
				}
				div#wrapper > div#content > article > table.baskettable tr.total > td {
					font-weight: 600;
				}
			/* End Layout Content Article Basket */

			/* Start Layout Content Article Basket Login */
				div#wrapper > div#content > article > div.loginbox div.title {
					width: 50%;
					float: left;
					font-weight: bold;
					margin-bottom: 10px;
					border-bottom: 1px solid #ccc;
				}
				div#wrapper > div#content > article > div.loginbox div.title.left {
					width: 50%;
				}
				div#wrapper > div#content > article > div.loginbox > .rightSide {
					float: left;
					width: 49.7%;
				}
				div#wrapper > div#content > article > div.loginbox > .rightSide .title {
					float: none;
					width: 100%;
				}
				div#wrapper > div#content > article > div.loginbox form {
					float: left;
					width: 48.1%;
					box-sizing: border-box;
					margin-right: 20px;
					border-right: 1px solid #ccc;
				}
				div#wrapper > div#content > article > div.loginbox form label {
					width: 80px;
					float: left;
				}
				div#wrapper > div#content > article > div.loginbox form input[type=submit]{
					float: left;
					width:auto;
				}
			/* End Layout Content Article Basket Login */

			/* Start Layout Content Article Basket Checkout Steps */

				div#wrapper > div#content > article > #paymentmethodform label,
				div#wrapper > div#content > article > #deliverymethodform label {
					float:left;
					width:294px;
					text-align:center;
					padding-top:20px;
					height:120px;
					border:1px solid #ccc;
					margin:0 0 10px 10px;
					cursor:pointer;
				}

				div#wrapper > div#content > article > #paymentmethodform label:first-child,
				div#wrapper > div#content > article > #deliverymethodform label:first-child {
					margin-left:0px;
				}

				div#wrapper > div#content > article > #paymentmethodform label.active,
				div#wrapper > div#content > article > #deliverymethodform label.active {
					background:#f5f5f5;
				}

				div#wrapper > div#content > article > #paymentmethodform label img,
				div#wrapper > div#content > article > #deliverymethodform label img {
					max-height:45px;
					padding-top:5px;
				}

			/* End Layout Content Article Basket Checkout Steps */

			/* Start Layout Content Article Basket Summary */
				div#wrapper > div#content > article > div#summary_address > div.leftCol,
				div#wrapper > div#content > article > div#summary_address > div.rightCol {
					float: left;
					width: 50%;
				}
				div#wrapper > div#content > article > div#summary_address > div.leftCol > span,
				div#wrapper > div#content > article > div#summary_address > div.rightCol > span {
					display: inline-block;
					width: 110px;
				}
			/* End Layout Content Article Basket Summary */

			/* Start Layout Content Article Basket Checkout */
				div#wrapper > div#content > article > div.contentbox {
					width: 500px;
				}
				@media (max-width: 1250px) {
					div#wrapper > div#content > article > div.contentbox {
						max-width: 100%;
					}
				}


				div#wrapper > div#content > article > div.contentbox > img.paypal {
					width: 178px;
					height: 72px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > img.postfinance {
					height: 55px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > img.saferpay {
					width: 178px;
					height: 60px;
					border: 0;
				}
				div#wrapper > div#content > article > div.contentbox > span.addresslabel {
					display: inline-block;
					width: 60px;
				}
				div#wrapper > div#content > article > div.contentbox > span.important {
					color: #ff0000;
					font-weight: bold;
				}
				div#wrapper > div#content > article > div.contentbox > form > input.paymentButton,
				div#wrapper > div#content > article > div.contentbox > form > a.paymentButton {
					font-weight: bold;
					font-size: 15px;
					width:auto;
				}
			/* End Layout Content Article Basket Checkout */

			/* Start Layout Content Article Errorbox */
				div#wrapper > div#content > article > div.errorbox {
					width: 324px;
					border: 1px solid #f00;
					padding: 10px;
					margin-bottom: 12px;
					background-color: #FFE6E6;
				}
			/* End Layout Content Article Errorbox */

			/* Start Layout Content Entrytype Bildtext */
				div#wrapper > div#content > article > div.bildtextbox {
					width: 710px;
				}
				div#wrapper > div#content > article > div.bildtextbox > a,
				div#wrapper > div#content > article > div.bildtextbox > img,
				div#wrapper > div#content > article > div.bildtextbox > div.content {
					float: left;
				}
				div#wrapper > div#content > article > div.bildtextbox > div.content {
					width:490px;
				}
				div#wrapper > div#content > article > div.bildtextbox > a > img,
				div#wrapper > div#content > article > div.bildtextbox > img {
					margin-right: 20px;
				}
				@media (max-width: 1250px) {
					div#wrapper > div#content > article > div.bildtextbox {
						max-width: 100%;
					}
					div#wrapper > div#content > article > div.bildtextbox > div.content {
						max-width: 100%;
					}
					div#wrapper > div#content > article > div.bildtextbox > a > img,
					div#wrapper > div#content > article > div.bildtextbox > img {
						max-width: 100%;
					}
				}

			/* End Layout Content Entrytype Bildtext */

			/* Start Entrytype Blogeintrag */

			.blogoverview {
				text-align: center;
			}
			.blogoverview .entries {
				text-align: left;
				margin: -15px;
				display: flex;
				flex-wrap: wrap;
			}
			@media (max-width: 576px) {
				.blogoverview .entries {
					margin: 0;
				}
			}


			.blogoverview .entries .entry {

				vertical-align: top;
				display: inline-block;
				width: 50%;
				box-sizing: border-box;
				padding: 15px;

			}
			@media (max-width: 576px) {
				.blogoverview .entries .entry {
					width: 100%;
					padding: 15px 0;
				}
			}


			.blogoverview .entries .entry h2 {
				margin-bottom: 15px;
			}
			.blogoverview .entries .entry a.imgLink {
				display: block;
				vertical-align: top;
			}
			.blogoverview .pagination {

				display: inline-flex;
				line-height: 1.3;
				margin-top: 15px;

			}
			.blogoverview .pagination .spacer {

				display: inline;
				border-left:  1px solid black;
				margin-left:  5px;
				margin-right:  5px;

			}
			.blogoverview .pagination a.active {
				color: inherit;
				cursor: default;
			}

			.blogeintrag {

				margin-top: -31px;

			}
			.blogeintrag .pubdate{

				color: #808080;
				font-size: 1em;

			}
			.blogeintrag .description, .blogoverview .entries .entry .excerpt {

				margin-top: 15px;

			}
			.blogeintrag .video, .blogoverview .entries .entry .video {

				width: 100%;
				padding-top: 56.25%;
				position: relative;
				margin-top: 15px;

			}
			.blogeintrag .video iframe, .blogoverview .entries .entry .video iframe {

				position: absolute;
				top: 0;
				width: 100%;
				height: 100%;

			}
			.blogeintrag img, .blogoverview .entries .entry img {

				margin-left: auto;
				margin-right: auto;
				max-width: 100%;
				display: block;

			}
			.blogeintrag .comments {
				border-top: 2px solid #8f9e43;
				margin-top: 30px;
				padding-top: 15px;
			}
			.blogeintrag .comments .commentform {
				margin-bottom: 30px;
			}
			.blogeintrag .comments .commentform label {
				display: block;
				float: none!important;
				height: auto!important;
				font-weight: bold;
			}
			.blogeintrag .comments .commentform textarea {
				width: 100%!important;
				height: auto!important;
				box-sizing: border-box;
			}
			.blogeintrag .comments .commentform .error {

				margin-bottom: 15px;

			}
			.blogeintrag .comments .commentform .success {
				color: green;
				margin-bottom: 15px;
			}
			.blogeintrag .comments .comment {

				margin-top: 20px;

			}
			.blogeintrag .comments .comment .meta {
				margin-bottom: 5px;
				font-size: 1.3em;
			}
			.blogeintrag .comments .comment .meta .name {
				font-weight: bold;
				font-size: inherit;
			}

			.neuheiten .neuheit:not(:first-child) {
				margin-top: 31px;
			}
			.neuheiten .neuheit img {

				width: 20%;
				padding-right: 15px;
				box-sizing: border-box;
				vertical-align: top;
				display: inline-block;

			}
			.neuheiten .neuheit > div {

				display: inline-block;
				width: 60%;
				vertical-align: top;
				padding-right: 15px;
				box-sizing: border-box

			}
			.neuheiten .neuheit > div h2 {

				margin-bottom: 7.5px;

			}
			.neuheiten .neuheit  a.button {

				width: 20%;
				box-sizing: border-box;
				display: inline-block;
				vertical-align: top;
				text-align: center;
				color: #fff;
				background-color: #8f9e43;
				height: 36px;
				line-height: 36px;
				text-transform: uppercase;
				font-weight: 600;
				box-shadow: none;
				border: 0;
				border-radius: 50px;
				transition: box-shadow .2s;

			}
			.neuheiten .neuheit a.button:hover {
				box-shadow: inset 0 0 6px rgba(0,0,0,.3);
			}


			/* End Entrytype Blogeintrag */
		/* End Layout Content Article */
	/* End Layout Content */
/* End Layout */


/*Kundenmeinungen*/
.kundenmeinungen ul li .star:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/images/star.png);
}
/* Start Layout Content Kundenmeinungen */
.kundenmeinungen .review-item {
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}
.kundenmeinungen .review-item:before, .kundenmeinungen .review-item:after {
	content: "";
	display: table;
}
.kundenmeinungen .review-meta {
	float: right;
}
.kundenmeinungen .review-stars {
	float: left;
}
@media (max-width: 768px) {
	.kundenmeinungen .review-meta {
		width: 100%;
		margin-bottom: 5px;
	}
	.kundenmeinungen .review-stars {
		width: 100%;
	}
}


.kundenmeinungen .review-text {
	clear: both;
	padding-top: 20px;
}
.kundenmeinungen ul li {
	background: none;
	float: left;
	padding-left: 0px;
}
.kundenmeinungen ul li .star:after {
	content: '';
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(/images/star.png);
}
.kundenmeinungen ul li .star.inactive:after {
	background-image: url(/images/star_inactive.png);
}
/* End Layout Content Kundenmeinungen */

/*Article Detail*/
@media (max-width: 1250px) {
	#articledetail {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
	}
}
@media (max-width: 768px) {
	#articledetail {
		flex-direction: column;
	}
	#articledetail .description {
		margin-left: 0 !important;
	}
}

/*Artikel Overview*/
.article_tpl {
	margin-left: -15px;
}

@media (max-width: 1250px) {
	.article_tpl {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}
}

.article_tpl > div {
	margin-bottom: 15px;
	margin-left: 15px !important;
}

/*FPMAIN*/
@media (max-width: 1250px) {
	.fpmain {
		max-width: 100%;
	}
	.fpmain img {
		max-width: 100% !important;
		height: auto !important;
	}
	.fpmain iframe {
		max-width: 100% !important;
	}
}
@media (max-width: 576px) {
	.fpmain a[rel=lightbox] {
		pointer-events: none !important;
		touch-action: none !important;
	}
	/*.fpmain a[rel=lightbox] img {*/
	.fpmain a[rel=lightbox] img {
		width: 100% !important;
		height: auto !important;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.fpmain iframe {
		max-height: 400px;
	}
}

/*form*/

@media (max-width: 576px) {
	.errorbox {
		max-width: 93%;
	}

	.errorBoxProfileForm {
		display:inline-block;
		width:0px;
	}
}
@media (max-width: 576px) {
	form[name=contactform] label,
	form[name=profileform] label,
	form[name=loginform] label,
	form#addressform label,
	form#passwordforgottenform label,
	form#loginform label,
	form#registerform label {
		float: initial !important;
		display: block;
		margin-bottom: 8px !important;
	}
}

/*Kundenbereich*/
.ordertableMobile {
	display: none;
}

@media (max-width: 768px) {
	#ordertable {
		display: none;
	}
	.ordertableMobile {
		display: table !important;
		width: 100%;
	}
	/*.ordertableMobile td {*/
	/*	width: 50%;*/
	/*}*/
}

/*Warenkorb*/
@media (max-width: 1250px) {
	div#wrapper > div#content > article > #paymentmethodform label,
	div#wrapper > div#content > article > #deliverymethodform label {
		margin: 0 10px 10px 0 !important;
	}
}

@media (max-width: 768px) {
	#summary_address .leftCol {
		width: 100% !important;
		margin-bottom: 22px;
	}
	#summary_address .rightCol {
		width: 100% !important;

	}
}

/*Basket und Checkout*/
@media (min-width: 769px) {
	.baskettable .mobileTitle {
		display: none;
	}
}
@media (max-width: 768px) {
	.baskettable tr.items > td,
	.baskettable tr.header > td {
		font-size: 14px;
	}

	.baskettable tr.items:nth-child(even) > td {
		border-bottom: 0 solid black !important;
	}
	.baskettable tr.items:nth-child(even) > td:first-child img {
		width: 70px !important;
		float: left !important;
		margin-right: 10px !important;
	}
	.baskettable tr.items:nth-child(even) > td:first-child .articletitle {
		display: none;
	}
	.baskettable tr.items:nth-child(even) > td:first-child .small {
		display: none;
	}
	.baskettable tr.items:nth-child(even) > td:first-child span {
		display: none;
	}

	.baskettable tr.items > td:nth-child(1) a:first-child {
		display: inline-block;
	}
	.baskettable tr.items > td:nth-child(1) a:nth-child(2) {
		display: block;
	}
	.baskettable tr.items > td:nth-child(2) {
		min-width: 66px;
	}
	.baskettable tr.items > td:nth-child(3) {
		min-width: 60px;
	}
	.baskettable tr.items > td:nth-child(4) {
		min-width: 70px;
	}
	.baskettable tr.items > td:nth-child(5) {
		min-width: 20px;
	}

	.basketnav {
		display: flex !important;
		flex-direction: column-reverse;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.basketnav form {
		padding-left: 0 !important;
		margin-bottom: 10px !important;
		float: none !important;
	}

	.basketnav form.voucher div {
		z-index: 10;
		left: 0 !important;
	}
}
@media (max-width: 576px) {
	#basketprogressbar .item {
		display: block !important;
		margin-bottom: 5px;
	}
}


/*Loginbox im checkout*/
@media (max-width: 992px) {
	.loginbox #loginform {
		width: 100% !important;
		border-right: 0px solid black !important;
	}
	.loginbox .title.left {
		width: 100% !important;
	}
	.loginbox .title:nth-child(2) {
		display: none;
	}

	.loginbox .rightSide {
		width: 100% !important;
	}

	.loginbox .titleMobileRight {
		display: block;
	}

	.loginbox .rightSide .title {
		width: 100%;
	}
}

@media (min-width: 993px) {
	.loginbox .titleMobileRight {
		display: none !important;
	}
}


/*Header Mobile Nav*/
@media (min-width: 769px) {
	.headerMobileNavNew {
		display: none;
	}
}
@media (max-width: 768px) {
	.headerMobileNavNew {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}

	header .links {
		width: 100%;
	}

	.headerMobileNavNew .headerBasket {
		flex-shrink: 0;
		margin-left: 15px;
	}

	.headerMobileNavNew .headerBasket img {
		width: 17px;
	}

	div#wrapper > header .form {
		display: flex;
		display: -webkit-flex;
		justify-content: flex-end;
		height: 40px;
		width: 100%;
	}
	div#wrapper > header .form .form__searchbar {
		border-radius: 18px 0 0 18px;
		-webkit-appearance: none;
		height: auto;
		width: 100%;
		margin-right: 0;
		border: 1px solid #585858;
		padding: 2px 5px 2px 10px;
	}
	div#wrapper > header .form .form__submit {
		border-radius: 0 50px 50px 0;
		border: 1px solid #585858;
		border-left-style: none;
		margin-left: 0;
		height: auto;
	}
}

/*Footer*/
@media (min-width: 769px) {
	footer .zahlungsarten__imageMobileContainer {
		display: none;
		width: 95%;
	}
}
@media (max-width: 768px) {
	footer {
		padding: 150px 0 50px;
	}
	footer #infonav {
		margin-bottom: 0px !important;
	}

	footer .zahlungsarten__imageMobile {
		height: 40px;
		margin-right: 10px;
	}

	footer .zahlungsarten__ratingMobileLink {
		padding: 0;
		margin-left: 10px;
	}

	footer .zahlungsarten__ratingMobile {
		height: 32px;
		vertical-align: 4px;
		margin-right: 20px;
	}
}

/*Standard*/
.entrytitleNext {
	margin-top: -15px;
}
@media (min-width: 769px) {
	.standardSpaceBottom {
		height: 44px;
	}
}
@media (max-width: 768px) {
	.standardSpaceBottom {
		height: 50px;
	}
}

/*header nav*/
@media (min-width: 1251px) {
	.leftColumnMobile {
		display: none !important;
	}
}
@media (max-width: 1250px) {
	.leftColumnMobile {
		z-index: 10000;
		position: absolute;
		top: 58px;
		left: 0;
		right: 0;
		width: inherit;
		background: #fff;
		border: 1px solid #585858;
		padding: 20px;
		text-align: right;
	}

	.leftColumnMobile li{
		background: none;
		padding: 6px 0;
		font-size: 20px;
		line-height: 130%;
	}
	.leftColumnMobile  li li {
		background: none;
		padding-left: 15px;
	}
	.leftColumnMobile  li a {
		color: #585858;
		text-decoration: none;
	}
	.leftColumnMobile li a:hover,
	.leftColumnMobile li a.active,
	.leftColumnMobile li a:hover,
	.leftColumnMobile li a.active {
		color: #8f9e43
	}
}

@media (max-width: 768px) {
	.leftColumnMobile {
		top: 145px;
	}
}

@media (max-width: 576px) {
	.leftColumnMobile {
		top: 106px;
	}
}

/*articledetail*/
@media (max-width: 576px) {
	#articledetail > .images:first-child {
		width: 100% !important;
	}
	#articledetail > .images:first-child > a > img#main {
		width: 100% !important;
		height: auto !important;
	}
}

/*categories*/
/*div#wrapper > div#content > article > div.categoryrow > div.article > img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/

/*@media (max-width: 576px) {*/
/*	form[name=contactform] label {*/
/*		display: none;*/
/*	}*/
/*}*/

/*@media (min-width: 577px) {*/
/*	form[name=contactform] input::placeholder, form[name=contactform] textarea::placeholder {*/
/*		color: #fff;*/
/*	}*/
/*}*/


/*@media (min-width: 993px) {*/
/*	.article_tpl div:nth-child(3n+1) {*/
/*		margin-left: 0 !important;*/
/*	}*/
/*}*/
/*@media (min-width: 769px) and (max-width: 992px) {*/
/*	.article_tpl div:nth-child(2n+1) {*/
/*		margin-left: 0 !important;*/
/*	}*/
/*}*/
/*@media (min-width: 577px) and (max-width: 768px) {*/
/*	.article_tpl div:nth-child(2n+1) {*/
/*		margin-left: 0 !important;*/
/*	}*/
/*}*/