@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* 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;
	}
	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button {  
		opacity: 1;
	}
/* End reset html elements */

/* Start generic elements */
	html {
		overflow-y: scroll; 
		height: 100%;
	}
	body {
		color:#000; 
		background-color:#fff;
		height:100%;
	}
	
	* {
		max-height:100000px;
	}
	
	td, p, div, span, ol, ul, input, textarea, select, nav, h2 {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		line-height: 150%;
		font-size:14px;
	}
	
	b, strong, b span, strong span {
		font-family:"Roboto", sans-serif;
		font-weight: 700;
	}
	i, em {
		color:#CC0606;
		font-style:normal;
	}
	#editor i,
	#editor em {
		color:#CC0606;
		font-style:italic;
	}
	input[type=text], 
	input[type=number], 
	input[type=password], 
	input[type=button],
	input[type=submit],
	textarea,
	select {
		border: none;
		line-height: 120%;
		background-color:#eee;
		position: relative;
		height: 25px;
		width:190px;
		margin:0 0 5px 0;
		display: inline-block;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		-webkit-border-radius: 0px;
		text-indent: 0.01px;
		text-overflow: '';
		padding:0px 5px;
		resize:none;
	}
	select {
		*behavior: none;
		padding:3px 5px;
		cursor:pointer;
	}
	input[type=checkbox] { 
		border-width: 0px;
		background-color: transparent;
		width: 20px !important;
		#margin-top: -1px;
		margin-left: -3px;
	}
	input[type=submit], 
	input[type=button],
	article a.button { 
		cursor: pointer; 
		position: relative; /* prevent element from disappearing in ie */
	}
	/* span is to cope for protected emails */
	a, a:visited, a:link, a span, a:visited span, a:link span {
		color: #CC0606; 
		text-decoration: none;
	}
	a:hover, a:hover span {
		color:#999;
		text-decoration:none;
	}
	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 {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
		clear:both;
	}
	address{
		font-style:normal;
	}
	address ul li{
		background:transparent;
		padding:0;
	}
	
	.documentsHeader, .documentsFooter {
		display: none;
	}
	
	::-webkit-input-placeholder { color:#000000; opacity:1; font-size: 14px; }
	::-moz-placeholder { color:#000000; opacity:1; font-size: 14px; } /* firefox 19+ */
	:-ms-input-placeholder { color:#000000; opacity:1; font-size: 14px; } /* ie */
	input:-moz-placeholder { color:#000000; opacity:1; font-size: 14px; }
	
	.clear {
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/* For modern browsers */
	.clearfix:after {
		content: "";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}
	
	.red {
		color:red;
	}

	.mobile{
		display:none;
	}
	
	a.fancybox-nav{
		width:50%;
		top:10%;
		height:80%;
	}
	a.fancybox-nav span{
		background-image:url('/images/nav-icons.png');
		background-repeat:no-repeat;
		background-size:250px;
		height:44px;
		width:26px;
		visibility:visible;
	}
	a.fancybox-prev span{
		background-position:0 100%;
	}
	a.fancybox-next span{
		background-position:-82px 100%;
	}
/* End generic elements  */

/* Start Freshpage elements (these classes are defined in Freshpage and setable) */
	.small, font[size="1"] { 
		color:#cc0606;
		font-size:100%;
	}
	.big, font[size="4"] { 
		font-size: 28px;
		color:#CC0606 !important;
	}
	
	#editor i,
	#editor em {
		color:#CC0606;
		font-style:italic;
	}

/* End Freshpage elements  */

/* Start Layout */
	#wrapper { 
		width: 1180px; 
		margin: 0 auto;
		padding: 0 40px;
		min-height: 100%; 
		/*height: auto !important; 
		height: 100%;*/
	}
	/* Start Layout Header */
		#wrapper > header {
			width:1180px;
			padding:20px 0 60px;
			position:relative;
			z-index:3;
			margin-bottom:-58px;
		}
		
		#wrapper > header > a#menubutton{
			display:none;
		}
		
		#wrapper > header > div#logo {
			position:absolute;
			left:0;
			top:22px;
			width:40%;
		}
		#wrapper > header > div#logo > a {
			display:block;
		}
		#wrapper > header > div#logo > a > img{
			width:205px;
			border:0;
			margin-bottom:2px;
		}
		#wrapper > header > div#logo > div#claim{
			font-size:21px;
			margin-left:-1px;
		}
		
		#wrapper > header > nav#main {
			float:left;
			font-size:20px;
			margin-left:40%;
		}	
		#wrapper > header > nav#main a,
		#wrapper > header > nav#main a:visited {
			margin-right:10px;
			color:#000;
		}
		/*#wrapper  > header nav.inactive a {
			color:#ccc;
		}*/
		#wrapper > header > nav#main a:hover,
		#wrapper > header > nav#main a.active {
			color:#cc0606;
		}
		
		#wrapper > header > div#languagebox {
			float:right;
			margin-top:6px;
		}
		#wrapper > header > div#languagebox a{
			display:inline-block;
			margin-right:10px;
		    font-size: 18px;
			color:#000;
		}
		#wrapper > header > div#languagebox a.active,
		#wrapper > header > div#languagebox a:hover{
			color:#cc0606;
		}
		
		#wrapper > header > a#showsearch{
			display:none;
		}
		#wrapper > header > div#searchbox {
			clear:both;
			padding-top:42px;
			margin-left:40%;
			position:relative;
		}
		#wrapper > header > div#searchbox form[name=searchform]{
			position:relative;
			width:490px;
		}
		#wrapper > header > div#searchbox form[name=searchform] > input#search{
			background-color:transparent;
			border:1px solid #ccc;
			width:455px;
			height:28px;
		    font-size: 19px;
			padding-right:30px;
		}
		#wrapper > header > div#searchbox form[name=searchform] > input#searchbutton{
			background:transparent url('/images/search.svg') no-repeat center center;
			background-size: 20px;
			position:absolute;
			right:0;
			top:0;
			width:30px;
			height:30px;
			margin:0;
		}
		#wrapper > header > div#searchbox ::-webkit-input-placeholder { font-size: 19px; }
		#wrapper > header > div#searchbox ::-moz-placeholder { font-size: 19px; } /* firefox 19+ */
		#wrapper > header > div#searchbox :-ms-input-placeholder { font-size: 19px; } /* ie */
		#wrapper > header > div#searchbox input:-moz-placeholder { font-size: 19px; }
		
		/* START login/basket navigation */
			#wrapper > header > div#searchbox {
				float:left;
			}
			#wrapper > header > div#loginbasket {
				width:200px;
				position:absolute;
				right:0;
				bottom:0;
			}
			#wrapper > header > div#loginbasket > a{
				color:#000;
				font-size: 18px;
				text-align:left;
				display:inline-block;
			}
			#wrapper > header > div#loginbasket > a#showlogin{
				background:url('/images/login.svg') no-repeat center left;
				padding-left:24px;
			}
			#wrapper > header > div#loginbasket > a#showbasket{
				background:url('/images/basket.svg') no-repeat center left;
				margin-left:10px;
				padding-left:32px;
				position:relative;
			}
			#wrapper > header > div#loginbasket > a#showbasket.inactive{
				pointer-events: none;
				cursor: default;
			}
			#wrapper > header > div#loginbasket > a#showbasket span{
				font-size:11px;
				padding-left:4px;
				position:absolute;
				left:5px;
				top:0px;
				color:#CC0606;
			}
			
			#wrapper > header > div#loginbasket > img.triangle{
				position:absolute;
				height:11px;
				top:22px;
			}
			#wrapper > header > div#loginbasket > img.triangle.hidden{
				display:none;
			}
			#wrapper > header > div#loginbasket > img#baskettriangle{
				right:55px;
			}
			#wrapper > header > div#loginbasket > img#logintriangle{
				right:155px;
			}
		/* End login/basket navigation */
		/* Start login/basket slideDown boxes */
			#wrapper > header > div#loginbasket div.box.hidden{
				display:none;
			}
			#wrapper > header > div#loginbasket div.box{
				position:absolute;
				right:0;
				top:32px;
				width:100%;
			}
			
			#wrapper > header > div#loginbasket div.box > a,
			#wrapper > header > div#loginbasket div.box > a:visited {
				color: #000;
			}
			#wrapper > header > div#loginbasket div.box  > a:hover {
				color: #cc0606;
			}
			
			#wrapper > header > div#loginbasket div.box div.boxtitle{
				font-size: 16px;
				margin:8px 0 8px;
			}
			#wrapper > header > div#loginbasket div.box div.boxtitle > span{
				color:#CC0606;
				font-size:12px;
				float:right;
				padding-top:3px;
			}
			
			/* basket */
				#wrapper > header > div#loginbasket div.box table#minibasket {
					width:100%;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket a,
				#wrapper > header > div#loginbasket div.box table#minibasket a:visited {
					color:#000;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket a:hover {
					color:#cc0606;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr > td {
					line-height: 120%;
					vertical-align: top;
					padding:0 5px 6px 2px;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr > td.left {
					white-space: nowrap;
					text-align: right;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr > td.right {
					white-space: nowrap;
					text-align: right;
					padding-right: 0px;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr.total {
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr td a#basketlink {
					color:#CC0606;
					display:inline-block;
					padding:3px 0 0 2px;
				}
				#wrapper > header > div#loginbasket div.box table#minibasket tr td a#basketlink:hover {
					color:#999;
				}
			
			/* logout */
				#wrapper > header > div#loginbasket div.box form[name=logoutform] > input[type=submit] {
					margin-top: 5px;
					width:200px;
				}
		/* End login/basket slideDown boxes */
	/* End Layout Header */
	
	/* Start Layout Content */
		#wrapper > div#content {
			width:100%;
			border-spacing:0 8px;
			border-collapse:separate;
			position:relative;
		}
		#wrapper > div#content::before,
		#wrapper > div#content::after {
			background:#ccc;
			content: "";
			position: absolute;
			top: 70px;
			width: 1px;
			white-space: pre;
			height: calc(100% - 72px);
			visibility:visible;
        }
		#wrapper > div#content::before {
			left: 240px;
		}
		#wrapper > div#content.web::before {
			display:none;
		}
		#wrapper > div#content::after {
			left: 969px;
		}
		
		#wrapper > div#content span.error,
		#wrapper > div#content span.important {
			display:block;
			color:#ff0000;
			font-family:"Roboto", sans-serif;
			font-weight: 700;
		}
		#wrapper > div#content > h2#welcome { 
			border-bottom:1px solid #ccc;
			width:100%;
			color:#cc0606;
			font-size:28px;
			padding:0 0 8px 0;
			margin:25px 0 8px 0;
			line-height:28px;
			font-weight:normal;
		}
		#wrapper > div#content  > h2#welcome a {
			color:#ccc;
			font-size:28px;
		}
		
		/* Start Layout Content LeftColumn */
			#wrapper > div#content > aside#leftColumn {
				width:240px;
				float:left;
           	 	position: relative;
			}
			#wrapper > div#content.web > aside#leftColumn {
				display:none;
			}
		/* End Layout Content LeftColumn */
		
		/* Start Layout Content RightColumn */
			#wrapper > div#content > aside#rightColumn {
				width:200px;
				padding-left:10px;
				padding-top:0;
				overflow:hidden;
				float:left;
           	 	position: relative;
			}
		/* End Layout Content RightColumn */
		
		/* Start Layout Content LeftColumn/RightColumn Boxes */
			#wrapper > div#content > aside ul#articlenav {
				margin-bottom:60px;
			}
			#wrapper > div#content > aside ul#articlenav.custom {
				margin-bottom:20px;
			}
			#wrapper > div#content > aside ul#articlenav li{
				background:none;
				padding-left:0px;
				line-height:160%;
			}
			#wrapper > div#content > aside ul#articlenav li {
				font-size:20px;
			}
			#wrapper > div#content > aside ul#articlenav li a{
				color: #000;
				text-decoration: none;
			}
			#wrapper > div#content > aside ul#articlenav li a:hover,
			#wrapper > div#content > aside ul#articlenav li a.active{
				color:#cc0606;
			}
			#wrapper > div#content > aside ul#articlenav li li{ 
				padding-left:20px;
				font-size:16px;
			}
			#wrapper > div#content > aside ul#articlenav li li li{
				padding-left:17px;
				font-size:16px;
			}
			#wrapper > div#content > aside ul#articlenav li li li li{
				padding-left:18px;
				font-size:16px;
			}
			#wrapper > div#content > aside ul#articlenav li li li li{
				padding-left:16px;
				font-size:16px;
			}
			#wrapper > div#content > aside > div.linkbox {
				width:188px;
				padding:5px;
				border:1px solid #ccc;
				position:relative;
				text-align:center;
				margin-bottom:10px;
			}
			#wrapper > div#content > aside > div.linkbox:last-of-type{
				margin-bottom:3px;
			}
			#wrapper > div#content > aside > div.linkbox a{
				color:#000;
			}
			#wrapper > div#content > aside > div.linkbox a div.imgcontainer {
				position: relative;
			}
			#wrapper > div#content > aside > div.linkbox a:hover{
				color:#CC0606;
			}
			#wrapper > div#content > aside > div.linkbox img.desktop{
				width:188px;
				display:block;
			}
			#wrapper > div#content > aside > div.linkbox img.icon{
				position:absolute;
				height:60px;
				width:auto;
			}
			#wrapper > div#content > aside > div.linkbox a div.text > div{
				width:100%!important;
				margin:12px 0 4px;
			}
			
			#wrapper > div#content > aside > div.linkbox div.imgcontainer img.mobile{
				display:none;
			}
			#wrapper > div#content > aside > div.linkbox div.text.mobile{
				display:none;
			}
		/* End Layout Content LeftColumn/RightColumn Boxes */
		
		/* Start Layout Content Article */
			#wrapper > div#content > article {
				width:calc(100% - 210px - 240px - 20px); /* - rightcol - leftcol - padding */
				position:relative;
				padding:5px 10px 0 10px;
				float:left;	
			}
			
			#wrapper > div#content > article.full {
				/*width:959px;*/
				width:calc(100% - 210px - 10px - 1px); /* - rightcol - padding - border */
				border-left:none;
				padding-left:0;
				position:relative;
				overflow:hidden;
			}
			
			/* Start Layout Content Article.full LeftContent */
				#wrapper > div#content > article.full div#leftContent {
					width:calc((100% - 20px) * 0.32);
					float:left;
					margin-right:20px;
					position:relative;
					overflow:hidden;
				}
				#wrapper > div#content > article.full div#leftContent img{
					max-width:100%;
					height:auto;
					display:block;
				}
			/* End Layout Content Article.full LeftContent */
						
			/* Start Layout Content Article.full RightContent */
				#wrapper > div#content > article.full div#rightContent {
					width:calc((100% - 20px) * 0.68);
					float:left;
					position:relative;
					overflow:hidden;
				}
				#wrapper > div#content > article.full div#rightContent div.halfwidth{
					width:calc((100% - 10px) * 0.5);
					float:left;
					position:relative;
					margin-right:10px;
					margin-bottom:20px;
					clear:right;
				}
				#wrapper > div#content > article.full div#rightContent div.halfwidth.right{
					float: right;
					margin-right:0;
				}
			/* End Layout Content Article.full RightContent */
						
			#wrapper > div#content > article > nav#sub{
				margin-bottom:30px;
			}
			#wrapper > div#content > article > nav#sub a {
				color:#000;
				font-size:24px;
				margin-right:30px;
			}
			#wrapper > div#content > article > nav#sub a:hover,
			#wrapper > div#content > article > nav#sub a.active {
				color:#cc0606;
			}
			
			#wrapper > div#content > article h1.entrytitle { 
				color:#cc0606;
				width:100%;
				font-size:28px;
				margin-bottom:5px;
				line-height:28px;
				font-weight:normal;
			}
			#wrapper > div#content > article h1.entrytitle.articledetail,
			#wrapper > div#content > article h1.entrytitle a {
				color:#cc0606;
			}
			#wrapper > div#content > article h1.entrytitle.articledetail {
				width:400px;
				float:left;
				margin-bottom:0;
			}
			#wrapper > div#content > article .articlenavcontainer {
				border-spacing:0;
				border-collapse:collapse;
				width:100%;
			}
			
			#wrapper > div#content > article div.fpmain {
				clear:both;
				width:90%!important;
			}
			
			/* Start Layout Content Article Forms */
				#wrapper > div#content > article form label br,
				#wrapper > div#content > article form label + a + br,
				#wrapper > div#content > article form label + select + br,
				#wrapper > div#content > article form label + textarea + br,
				#wrapper > div#content > article form label + input + input + br {
					clear: both;
				}
				#wrapper > div#content > article form input.error,
				#wrapper > div#content > article form select.error,
				#wrapper > div#content > article form textarea.error	{
					border: 1px solid #f00;
					background-color: #FFE6E6;
				}
				#wrapper > div#content > article form input,
				#wrapper > div#content > article form textarea {
					width: 180px;
				}
				#wrapper > div#content > article form select,
				#wrapper > div#content > article form input[type="submit"] {
					width: 190px;
				}
				#wrapper > div#content > article form textarea {
					height: 40px;
				}
				
				#wrapper > div#content > article form label {
					margin-top: 3px;
					margin-bottom: 2px;
					/*height: 17px;*/
					float: left;
					width: 160px;
				}
				#wrapper > div#content > article form .newsletter label[for=newsletter],
				#wrapper > div#content > article form .lieferung_abweichend label[for=lieferung_abweichend],
				#wrapper > div#content > article form .privacy_checkbox label[for=privacy]{
					float:none !important;
				}
				#wrapper > div#content > article form .resetpassword span,
				#wrapper > div#content > article form .newsletter span,
				#wrapper > div#content > article form .lieferung_abweichend span,
				#wrapper > div#content > article form .privacy_checkbox span{
					width: 160px;
					margin-top: 3px;
					margin-bottom: 2px;
					float: left;
				}
				#wrapper > div#content > article form .newsletter,
				#wrapper > div#content > article form .lieferung_abweichend,
				#wrapper > div#content > article form .privacy_checkbox{
					display:block;
				}
				#wrapper > div#content > article form[name=contactform] label {
					width: 80px;
				}
				#wrapper > div#content > article form#addressform label,
				#wrapper > div#content > article form#registerform label {
					width: 160px;
				}
				#wrapper > div#content > article form label.long.spacing {
					margin-top: 15px;
				}
				#wrapper > div#content > article form input#plz,
				#wrapper > div#content > article form input#lieferungplz {
					width: 45px;
					margin-right: 5px;
				}
				#wrapper > div#content > article form input#ort,
				#wrapper > div#content > article form input#lieferungort {
					width: 120px;
				}
				#wrapper > div#content > article form input#newsletter {
					margin-bottom:13px;
				}
				#wrapper > div#content > article form div#different_delivery_box {
					display: none;
				}
				#wrapper > div#content > article form#passwordforgottenform label {
					display: block; 
					width: 40px;
				}
				#wrapper > div#content > article form#passwordforgottenform input[type=text] {
					vertical-align:-1px;
				}
				
				/* Search Form */
					#wrapper > div#content > article div#searchbox form[name=searchform]{
						position:relative;
					}
					#wrapper > div#content > article div#searchbox form[name=searchform] > input#search {
						width:250px;
						line-height:25px;
					}
					#wrapper > div#content > article div#searchbox form[name=searchform] > input#searchbutton {
						background-color: #CC0606;
						color: #fff;
						width:140px;
						line-height:25px;
						margin-left:3px;
					}
				
				/* Newsletter Form */
					#wrapper > div#content form[name=profileform] > input#newsletteremail {
						margin:2px 0 15px 0;
						width:163px;
						padding-right:20px;
					}
					#wrapper > div#content form[name=profileform] {
						position:relative;
					}
					#wrapper > div#content form[name=profileform] > input#newsletterbutton {
						width:25px;
						height:25px;
						position:absolute;
						right:2px;
						top:2px;
					}
				
				/* Login Form */
					#wrapper > header form[name=loginform],
					#wrapper > div#content form[name=loginform] {
						position:relative;
					}
					#wrapper > header form[name=loginform] > label,
					#wrapper > div#content form[name=loginform] > label {
						float: left;
						display: block;
						width: 65px;
					}
					#wrapper > header form[name=loginform] > input[type=text],
					#wrapper > header form[name=loginform] > input[type=password],
					#wrapper > div#content form[name=loginform] > input[type=text],
					#wrapper > div#content form[name=loginform] > input[type=password]{
						margin:2px 0 3px 0;
					}
					#wrapper > header form[name=loginform] > input#submitlogform,
					#wrapper > div#content form[name=loginform] > input#submitlogform {
						width:25px;
						height:25px;
						position:absolute;
						right:0;
						top:32px;
					}
					#wrapper > header form[name=loginform] > a:link,
					#wrapper > header form[name=loginform] > a:visited,
					#wrapper > div#content form[name=loginform] > a:link,
					#wrapper > div#content form[name=loginform] > a:visited {
						color:#000;
					}
					#wrapper > header form[name=loginform] > a:hover,
					#wrapper > div#content form[name=loginform] > a:hover {
						color:#CC0606;
					}
					#wrapper > header article form[name=loginform] > input#submitlogform,
					#wrapper > div#content article form[name=loginform] > input#submitlogform {
						left:165px;
					}
			/* End Layout Content Article Forms */
			
			/* Start Layout Content Article Overview */
				#wrapper > div#content > article > div.pagenav {
					width: 100%;
					border-top: 1px solid #ccc;
					border-bottom: 1px solid #ccc;
					margin-bottom: 10px;
					padding: 3px 0px 1px 0px;
				}
				#wrapper > div#content > article > div.pagenav > span {
					display: inline-block;
					float: left;
				}
				#wrapper > div#content > article > div.pagenav > span.left {
					width: 270px;
				}
				#wrapper > div#content > article > div.pagenav > span.left > a:link,
				#wrapper > div#content > article > div.pagenav > span.left > a:visited,
				#wrapper > div#content > article > div.pagenav > span.left > a:hover {
					display: inline-block;
					margin-left: 5px;
				}
				#wrapper > div#content > article > div.pagenav > span.left > a.active {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > div.pagenav > span.center {
					width: 170px;
					text-align: center;
				}
				#wrapper > div#content > article > div.pagenav > span.right {
					width: 270px;
					text-align: right;
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > div.pagenav > span.right > a.forward {
					display: inline-block;
					margin-left: 10px;
				}
				
				#wrapper > div#content > article > div#categorydetail .description .descriptiontext{
					overflow:hidden;
					cursor:pointer;
				}
				
				#wrapper > div#content > article > div.articlecontainer,
				#wrapper > div#content > article > div.categorycontainer,
				#wrapper > div#content > article > div.manufacturercontainer{
					width:100%;
				}
				
				#wrapper > div#content > article > div.articlecontainer.front{
					border-bottom:1px solid #ccc;
				}
				
				#wrapper > div#content > article > div.articlecontainer > div.article,
				#wrapper > div#content > article > div.categorycontainer > div.category,
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer {
					float: left;
					margin-left: 10px;
					margin-bottom: 12px;
					width: 230px;
					position:relative;
				}
				#wrapper > div#content > article > div.articlecontainer > div.article *,
				#wrapper > div#content > article > div.categorycontainer > div.category *,
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer * {
					line-height: 120% !important;
				}
				
				#wrapper > div#content > article > div.articlecontainer.front > div.article{
					margin-bottom: 22px;
				}
				#wrapper > div#content > article > div.articlecontainer.front > div.article h3{
					font-size:20px;
					font-weight:normal;
					width:100%;
				}
				
				#wrapper > div#content > article > div.articlecontainer > div.article:nth-of-type(3n+1),
				#wrapper > div#content > article > div.categorycontainer > div.category:nth-of-type(3n+1),
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer:nth-of-type(3n+1) {
					clear:both;
					margin-left:0;
				}
				
				#wrapper > div#content > article > div.articlecontainer > div.article a,
				#wrapper > div#content > article > div.categorycontainer > div.category a,
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer a {
					color: #000;
				}
				#wrapper > div#content > article > div.articlecontainer > div.article:hover a,
				#wrapper > div#content > article > div.categorycontainer > div.category:hover a,
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer:hover a,
				#wrapper > div#content > article > div.articlecontainer > div.article:hover a span,
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer:hover a span {
					color: #CC0606!important;
				}
				#wrapper > div#content > article > div.articlecontainer > div.article > a span {
					white-space: nowrap;
					text-decoration: line-through;
					color:#CC0606;
					
				}
				#wrapper > div#content > article > div.articlecontainer > div.article > a span:first-child {
					text-decoration: none;
					color:#000;
				}
				#wrapper > div#content > article > div.articlecontainer > div.article > a > img,
				#wrapper > div#content > article > div.categorycontainer > div.category > a > img {
					width: 228px;
					height: 228px; 
					float: left;
					margin-bottom: 3px;
				}
				
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer div.imgbox {
					width: 228px;
					height: 228px; 
					border: 1px solid #ccc;
					float: left;
					display: table;
					#position: relative;
					overflow: hidden;
					margin-bottom: 3px;
				}
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer div.imgbox div {
					#position: absolute;
					#top: 50%;
					display: table-cell;
					vertical-align: middle;
					text-align: center;
					#width:100%;
				}
				#wrapper > div#content > article > div.manufacturercontainer > div.manufacturer div.imgbox a {
					#display:block;
					#position: relative; 
					#top: -50%; 
				}
			/* End Layout Content Article Overview */
			
			/* Start Layout Content Article Detailview */
				#wrapper > div#content > article div.articlenav {
					width:290px;
					float:right;
					margin:-5px 0 0px;
					padding-top:12px;
					text-align:right;
					
				}
				#wrapper > div#content > article div.articlenav::before {
					display:none;
				}
				#wrapper > div#content > article div.articlenav::after {
					display:none;
				}
				#wrapper > div#content > article div.articlenav > a {
					display:inline-block;
					margin-left:10px;
					color:#000;
				}
				#wrapper > div#content > article div.articlenav > a:hover {
					color:#cc0606;
				}
				#wrapper > div#content > article div#articledetail {
					border-top:1px solid #ccc;
					width:100%;
					padding-top:20px;
				}
				#wrapper > div#content > article div#articledetail div.images {
					float: left;
					width: 230px;
					line-height: 0;
					font-size:0;
					position:relative;
				}
				#wrapper > div#content > article div#articledetail div.images div.easyzoom {
					float:left;
				}
				#wrapper > div#content > article div#articledetail div.images div.easyzoom a img#main {
					width: 228px;
					height: 228px;
				}
				#wrapper > div#content > article div#articledetail div.images div.easyzoom div.easyzoom-flyout {
					position:absolute;
					overflow:hidden;
					width:468px;
					left:240px;
					top:0;
					height:468px;
					z-index:100;
					border:1px solid #ccc;
				}
				#wrapper > div#content > article div#articledetail div.images a img.thumbnail {
					width: 72px;
					height: 72px;
					margin-top: 4px;
					margin-right: 4px;
				}
				#wrapper > div#content > article div#articledetail div.images a img.thumbnail.last {
					margin-right: 0px;
				}
				
				#wrapper > div#content > article div#articledetail div.description {
					float: left;
					margin-left: 10px;
					width: 465px;
				}
				#wrapper > div#content > article div#articledetail div.description::before {
					display:none;
				}
				#wrapper > div#content > article div#articledetail div.description div.beschreibung,
				#wrapper > div#content > article div#articledetail div.description div.beschreibung > span {
					
				}
				#wrapper > div#content > article div#articledetail div.description > div::before {
					display:none;
				}
				#wrapper > div#content > article div#articledetail div.description div.artnrAndPrint {
				    display: flex;
				}
				#wrapper > div#content > article div#articledetail div.description span.artnr {
					border-top:1px solid #eee;
					width:296px;
					display:inline-block;
				}
				#wrapper > div#content > article div#articledetail div.description a.print {
					display:inline-block;
					margin-left: auto;
					width: 93px;
				}
				#wrapper > div#content > article div#articledetail div.description span.wiederverfuegbar {
					color:#cc0606;
				}
				#wrapper > div#content > article div#articledetail div.description span.lieferzeit,
				#wrapper > div#content > article div#articledetail div.description span.lieferzeit span {
					color: #999;
				}
				#wrapper > div#content > article div#articledetail div.description div.price {
					margin-top:18px;
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article table.variantinfo {
					width:100%;
				}
				#wrapper > div#content > article table.variantinfo tr > td,
				#wrapper > div#content > article div#articledetail > div.description > table.blockprices tr > td {
					border: 1px solid #ccc;
					padding: 2px;
					white-space: nowrap;
				}
				#wrapper > div#content > article table.variantinfo tr > td.firstrow,
				#wrapper > div#content > article div#articledetail > div.description > table.blockprices tr > td.firstrow {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
					text-transform: uppercase;
				}
				#wrapper > div#content > article table.variantinfo tr > td.right,
				#wrapper > div#content > article div#articledetail > div.description > table.blockprices tr > td.right {
					text-align: right;
					font-family:"Roboto", sans-serif;
					font-weight: 700;
					padding-left: 10px;
				}
				#wrapper > div#content > article table.variantinfo tr > td {
					white-space: normal;
				}
				#wrapper > div#content > article table.variantinfo tr > td > form > input,
				#wrapper > div#content > article table.variantinfo tr > td > form > select  {
					width:30px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] {
					position:relative;
					padding-bottom: 10px;
				}

				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext {
					position: relative;
				}

				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext label {
					display: block;
					width: 100%;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext textarea {
					box-sizing: border-box;
					padding: 5px;
					height: 10em;
					width: 100%;
				}

				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext .voucherpreview {
					position: absolute;
					top: 0;
					right: 0;
					z-index: 2;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext .voucherpreview > a {
					display: block;
					padding: 0 5px 0 26px;
					background-color: #eeeeee;
					position: relative;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.vouchertext .voucherpreview > a:before {
					position: absolute;
					top: 2px;
					left: 5px;
					bottom: 2px;
					display: inline-block;
					margin-right: 5px;
					content: "";
					width: 16px;
					background: url("/images/eye.svg") center / contain no-repeat;
					vertical-align: text-top;
				}

				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale {
					margin-top: 10px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale label {
					float: left;
					display: block;
					padding-right: 10px;
					width:100px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale select {
					float: left;
					margin-bottom: 10px;
					transition: opacity .3s ease;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale select:hover,
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale select:hover + div.merkmale-selecticon {
					opacity: .7;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale div.merkmale-selecticon {
					display: block;
					float: left;
					position: relative;
					pointer-events: none;
					transition: opacity .3s ease;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale div.merkmale-selecticon:after {
					position: absolute;
					content: "";
					top: 5px;
					left: -20px;
					width: 16px;
					height: 16px;
					background: url("/images/icon_select.svg") center / contain no-repeat;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > div.merkmale br {
					clear: both;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket label {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
					padding-right: 10px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket > input {
					margin: 0 0 0 5px;
					width:185px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket > select {
					margin:0;
					width:105px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket > input#count {
					width:87px;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket_not_available {
					color:red;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket > input#basketbutton {
					background-color:#CC0606;
					color:#fff;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span#inbasket > input#reservebutton{
					width:185px;
					margin:5px 0 0 111px;
					background-color: #eee;
					height: 25px;
					display: inline-block;
					line-height: 120%;
				}
				#wrapper > div#content > article div#articledetail > div.description > form[name=inbasket] > span.sticker{
					background-color: #CC0606;
					color: #FFF;
					text-transform: uppercase;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 5px;
					padding-right: 5px;
					display: inline-block;
					font-weight: bold;
					text-align: center;
				}
				#wrapper > div#content > article #reservationhinweis{
					max-width:300px;
					display:inline-block;
				}
				
				#wrapper > div#content > article div#articledetail div.socialmedia {
					position:absolute;
					bottom: 0;
					right:0;
				}
				
				#wrapper > div#content > article div#articledetail div.socialmedia > div{
					margin-bottom:10px;
				}
				
				#wrapper > div#content > article div#articledetail div.socialmedia > div iframe {
					display:block;
				}
				
				#wrapper > div#content > article div#articledetail > div.description > a#manufacturerlink {
					display: block;
					margin-top: 12px;
				}
				
				#wrapper > div#content > article h3#crosssellingtitle {
					margin-top: 16px;
					margin-bottom: 6px;
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article div.crossselling > div *{
					line-height: 120% !important;
				}
				#wrapper > div#content > article div.crossselling > div.article {
					float: left;
					margin-left: 10px;
					width:calc((100% - 40px) / 5);
				}
				#wrapper > div#content > article div.crossselling > div.article:nth-of-type(5n+1) {
					margin-left: 0px;
					clear:both;
				}
				#wrapper > div#content > article div.crossselling div.article:last-of-type{
					margin-bottom:20px;
				}
				#wrapper > div#content > article div.crossselling > div.article a,
				#wrapper > div#content > article div.crossselling > div.article a:visited,
				#wrapper > div#content > article div.crossselling > div.article a span,
				#wrapper > div#content > article div.crossselling > div.article a:visited span {
					color:#000;
				}
				#wrapper > div#content > article div.crossselling > div.article a:hover,
				#wrapper > div#content > article div.crossselling > div.article a:hover span {
					color:#cc0606;
				}
				#wrapper > div#content > article div.crossselling > div.article > a > span {
					white-space: nowrap;
					text-decoration: line-through;
				}
				#wrapper > div#content > article div.crossselling > div.article > a > span:first-child {
					text-decoration: none;
				}
				#wrapper > div#content > article div.crossselling > div.article > a > img {
					width: 134px;
					height: 134px; 
					float: left;
					margin-bottom: 3px;
				}
			/* End Layout Content Article Detailview */
			/* Start Layout Content Manufacturers */
				#wrapper > div#content > article .herstellerlink{
					width: 230px;
					float: left;
					margin-left: 10px;
					margin-bottom: 12px;
				}
				#wrapper > div#content > article .herstellerlink:nth-of-type(3n+1){
					margin-left: 0;
				}
				#wrapper > div#content > article .herstellerlink a img{
					width: 228px;
					height: 228px;
				}
			
			
			/* End Layout Content Manufacturers */
			
			/* Start Layout Content Article Customerarea */
				#wrapper > div#content > article > ul#customernavigation {
					margin: 0; 
					padding: 0;
					margin-bottom: 20px;
				}
				#wrapper > div#content > article > ul#customernavigation > li {
					background: url(/images/spacer.gif) no-repeat 0px 0px; 
					display: inline;
					padding: 0;
					margin: 0 1px 0 0; 
					min-width: 100px;
				}
				#wrapper > div#content > article > ul#customernavigation > li > a:link,
				#wrapper > div#content > article > ul#customernavigation > li > a:visited {
					background-color: #dedede;
					height: 13px;
					display: inline-block;
					padding: 6px 30px 6px 10px;
					text-decoration: none;
					color:#000;
					
					line-height:120%;
				}
				#wrapper > div#content > article > ul#customernavigation > li > a:hover,
				#wrapper > div#content > article > ul#customernavigation > li > a.active {
					background-color: #999;
					color: #fff;
					text-decoration: none;
				}
				#wrapper > div#content > article > table#orderheader {
					width: 100%;
				}
				#wrapper > div#content > article > table#orderheader tr > td {
					padding: 2px 0px 2px 0px;
				}
				#wrapper > div#content > article > table#orderheader tr > td.firstCol {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > table#orderheader tr > td.secondCol {
					text-align: right;
				}
				#wrapper > div#content > article > table#ordertable {
					width: 100%;
				}
				#wrapper > div#content > article > table#ordertable tr:first-child > td {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > table#ordertable tr  > td {
					padding: 2px 20px 2px 0px;
					border-bottom: 1px solid #ccc;
				}
				#wrapper > div#content > article > table#ordertable tr  > td.secondCol,
				#wrapper > div#content > article > table#ordertable tr  > td.fifthCol {
					text-align: right;
				}
				#wrapper > div#content > article > table#ordertable tr  > td.fifthCol {
					padding-right: 0px;
				}
			/* End Layout Content Article Customerarea */
			
			/* Start Layout Content Article Basket */
				#wrapper > div#content > article > div.basketnav {
					width: 100%;
				}
				#wrapper > div#content > article > div.basketnav > form {
					float:left;
				}
				#wrapper > div#content > article > div.basketnav > form input[type=submit] {
					margin-bottom:0;
				}
				#wrapper > div#content > article > div.basketnav > form input#checkout {
				    background-color: #CC0606;
				    color: #fff;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher {
					position:relative;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher > div {
					position:absolute;
					top:30px;
					left:0;
					width:230px;
					padding: 15px;
					background-color: #eee;
					display: none;
					z-index: 1;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher > div > div {
					margin-bottom:5px;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher > div label {
					padding-right:10px;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=text] {
					width:183px;
					margin-right:0px;
					background-color:#fff;
				}
				#wrapper > div#content > article > div.basketnav > form.voucher > div input[type=submit] {
					width:35px;
					background-color:#fff;
					vertical-align:1px;
				}
				#wrapper > div#content > article > div.basketnav > form.continue {
					float:right;
				}
				#wrapper > div#content > article > div.basketnav a#continueshopping {
					color:#000;
					float: left;
					line-height: 120%;
					background-color: #eee;
					position: relative;
					height: 15px;
					width: 190px;
					margin: 0 10px 0 0;
					padding: 5px 5px;
					text-align:center;
				}
				#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;
				}
				#wrapper > div#content > article > div#basketprogressbar:after {
					content:"";
					display: inline-block;
					width: 100%;
				}
				#wrapper > div#content > article > div#basketprogressbar > div.item {
					color: #666;
					display: inline-block;
				}
				#wrapper > div#content > article > div#basketprogressbar > div.item.active {
					color: #000;
				}
				#wrapper > div#content > article > form#paymentmethodform input[type=radio],
				#wrapper > div#content > article > form#deliverymethodform input[type=radio] {
					width:20px;
					vertical-align:top;
				}
				#wrapper > div#content > article > form#paymentmethodform > label,
				#wrapper > div#content > article > form#deliverymethodform > label {
					width:350px;
					float:none;
					display:inline-block;
				}
				#wrapper > div#content > article > form#paymentmethodform > label:hover,
				#wrapper > div#content > article > form#deliverymethodform > label:hover {
					color:#CC0606;
				}
				#wrapper > div#content > article > div#zahlungsarten {
					width:230px;
				}
				#wrapper > div#content > article > div#zahlungsarten > img {
					margin-left:2px;
					line-height:0;
					height:34px;
				}
				#wrapper > div#content > article > div#zahlungsarten > img:first-child,
				#wrapper > div#content > article > div#zahlungsarten > img.newline {
					margin-left:0;
				}
				#wrapper > div#content > article > table.baskettable {
					width: 100%;
				}
				#wrapper > div#content > article > table.baskettable tr > td {
					border-bottom: 1px solid #ccc;
					padding: 2px 0px; 
					vertical-align: top;
				}
				#wrapper > div#content > article > table.baskettable tr > td.right {
					text-align: right;
				}
				#wrapper > div#content > article > table.baskettable tr > td.center {
					text-align: center;
				}
				#wrapper > div#content > article > table.baskettable tr > td.center > a > img.icon{
					padding-top:2px;
				}
				#wrapper > div#content > article > table.baskettable tr.header > td {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > table.baskettable tr.items > td img.articleimage {
					width: 80px;
					float: left;
					margin-right: 10px;
				}
				#wrapper > div#content > article > table.baskettable tr.items > td > a.articletitle {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > table.baskettable tr.items > td span.alert_reset {
					background:#FFE6E6;
					color:#f00;
					border:1px solid #f00;
					padding:1px 3px;
					font-size:10px;
					line-height:230%;
				}
				#wrapper > div#content > article > table.baskettable tr.items > td > form[name=refresh] > input#count {
					border: 1px solid #ccc;
					padding:0;
					height:auto;
					margin-right: 3px;
					width: 47px;
					text-align: center;
					line-height: 110%;
				}
				#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;
				}
				#wrapper > div#content > article > table.baskettable tr.total > td {
					font-family:"Roboto", sans-serif;
					font-weight: 700;
				}
				#wrapper > div#content > article > form#orderform > label{
					width:100%;
				}
				
				/* Start Layout Content Article Basket Reservation form */
					#wrapper > div#content > article div.basketnav #reservationform {
						width:100%;
						text-align:right;
					}
					#wrapper > div#content > article div.basketnav #reservationform a#reservationlink {
						width:190px;
						margin-top:0;
						line-height: 120%;
						background-color: #eee;
						height: 20px;
						display: inline-block;
						text-indent: 0.01px;
						padding-top:5px;
						color:#000;
						text-align:center;
						margin:5px 0 20px 115px;
					}
					#wrapper > div#content > article #reservationform.open a#reservationlink {
						background-color:#ddd;
					}
					
					#wrapper > div#content > article #reservationform > form > div {
						max-height:0;
						overflow:hidden;
						transition:max-height 0.5s ease;
						width:65%;
						margin-left:35%;
						text-align:left;
						display:none;
					}
					
					#wrapper > div#content > article #reservationform.open > form > div {
						max-height:430px;
					}
					
					#wrapper > div#content > article #reservationform > form > div > label {
						width:100px;
						padding-right:10px;
						vertical-align:top;
					}
					
					#wrapper > div#content > article #reservationform > form > div .newsletter {
						width:calc(100% - 110px);
						float:left;
					}
					
					#wrapper > div#content > article #reservationform > form > div .newsletter input {
						float:left;
						margin-top:6px;
					}
					
					#wrapper > div#content > article #reservationform > form > div .newsletter label {
						width:auto;
					}
					
					#wrapper > div#content > article #reservationform > form > div .newsletter div {
						color:#999;
					}
					
					#wrapper > div#content > article #reservationform > form > div input[type=submit] {
						margin-top:20px;
					}
				/* End Layout Content Article Basket Reservation form */
			
				/* Start Layout Content Article Basket Login */
					#wrapper > div#content > article > div.loginbox {
						width: 100%;
					}
					#wrapper > div#content > article > div.loginbox > div.title {
						width:50%;
						position:relative;
						float: left;
						font-family:"Roboto", sans-serif;
						font-weight: 700;
						margin-bottom: 10px;
						border-bottom: 1px solid #ccc;
					}
					#wrapper > div#content > article > div.loginbox form {
						float: left;
						width:calc(50% - 20px);
						margin-right: 20px;
						border-right: 1px solid #ccc;
						position:relative;
					}
					#wrapper > div#content > article > div.loginbox form label {
						width: 70px;
						float: left;
					}
					#wrapper > div#content > article > div.loginbox form input{
						margin-right:20px;
						width:calc(100% - 70px - 10px - 20px); /* - label - padding - margin-right */
					}
					#wrapper > div#content > article > div.loginbox form input.error{
						width:calc(100% - 70px - 10px - 20px - 2px); /* - label - padding - margin-right - border */
					}
					
					#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 Summary */
					#wrapper > div#content > article > div#summary_address{
						width:100%;
					}
					#wrapper > div#content > article > div#summary_address > div.leftCol,
					#wrapper > div#content > article > div#summary_address > div.rightCol {
						float:left;
						width:50%;
					}
					#wrapper > div#content > article > div#summary_address > div.leftCol > span,
					#wrapper > div#content > article > div#summary_address > div.rightCol > span {
						display:inline-block;
						width:110px;
					}
					
					div#dataInProgress2,
					div#dataInProgress{
						display: none;
						position: fixed;
						top: 0px;
						left: 0px;
						width: 100%;
						height: 100%;
						background-color: rgba(0,0,0,0.2);
						z-index: 1000;
					}
					div#dataInProgress2 div,
					div#dataInProgress div{
						position: relative;																	
						top: 50%;
						left: 50%;
						width: 300px;
						height: 225px;					
						margin-top: -112px;
						margin-left: -150px;
						z-index: 1500;										
						display: table;	
						
					}			
					div#dataInProgress2 div div,
					div#dataInProgress div div{
						display: table-cell;
						vertical-align: middle;
						text-align: center;
						background-color: white;
						color: #CC0606;
						-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
						-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.5);
						box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.5);
					}
				/* End Layout Content Article Basket Summary */
				
				/* Start Layout Content Article Basket Checkout */
					#wrapper > div#content > article > div.contentbox {
						width: 100%;
					}
					#wrapper > div#content > article > div.contentbox > img.paypal {
						width: 178px;
						height: 72px;
						border: 0;
					}
					#wrapper > div#content > article > div.contentbox > img.postfinance {
						width: 178px;
						height: 63px;
						border: 0;
					}
					#wrapper > div#content > article > div.contentbox > img.saferpay {
						width: 178px;
						height: 60px;
						border: 0;
					}
					#wrapper > div#content > article > div.contentbox > span.addresslabel {
						display: inline-block;
						width: 60px; 
					}
					#wrapper > div#content > article > div.contentbox > span.important {
						color: #ff0000;
						font-family:"Roboto", sans-serif;
						font-weight: 700;
					}
					#wrapper > div#content > article > div.contentbox > form > input.paymentButton,
					#wrapper > div#content > article > div.contentbox > form > a.paymentButton {
						font-family:"Roboto", sans-serif;
						font-weight: 700;
						width:auto;
					}
				/* End Layout Content Article Basket Checkout */
			/* End Layout Content Article Basket */
			
			/* Start Layout Content Article Errorbox */
				div#errorbox,
				#wrapper > div#content > article > div.errorbox {
					width: 324px;
					border: 1px solid #f00;
					padding: 10px;
					margin-bottom: 12px;
					background-color: #FFE6E6;
				}
				#wrapper > div#content > article > div.successbox {
					width: 324px;
					border: 1px solid #00B200;
					padding: 10px;
					margin-bottom: 12px;
					background-color: #E6FFE6;
				}
			/* End Layout Content Article Errorbox */
			
			/* Start Layout Content Module Events */
				#wrapper > div#content > article.full nav.events-nav  {
					position: relative;
				}
				#wrapper > div#content > article.full nav.events-nav a {
					display: inline-block;
					color: #000;
					font-size: 28px;
					padding-bottom: 5px;
				}
				#wrapper > div#content > article.full nav.events-nav a.active,
				#wrapper > div#content > article.full nav.events-nav a:hover{
					color: #CC0606;
				}
				#wrapper > div#content > article.full nav.events-nav div.scroll{
					display:none;
				}
				
				#wrapper > div#content > article.full div.event{
					width:100%;
					margin-bottom:25px;
					border-bottom:1px solid #ccc;
					cursor:pointer;
				}
				#wrapper > div#content > article.full div.event:last-of-type{
					border-bottom:0;
					margin-bottom:0;
				}
				#wrapper > div#content > article.full div.event img{
				    max-width: 100%;
				    height: auto;
				}
				#wrapper > div#content > article.full div.event > div.left{
					width: calc((100% - 20px) * 0.32);
					margin-right:20px;
					float: left;
					position: relative;
					overflow: hidden;
					margin-bottom:25px;
				}
				#wrapper > div#content > article.full div.event div.right{
					width: calc((100% - 20px) * 0.68);
					float: left;
					position: relative;
					overflow: hidden;
					margin-bottom:25px;
				}
				
				#wrapper > div#content > article.full div.event div.right div.morelink{
					color:#cc0606;
					cursor:pointer;
				}
				#wrapper > div#content > article.full div.event div.right div.more{
					display:none;
					margin-top:12px;
				}
			/* End Layout Content Module Event */
			
			/* Start Layout Content Module Schaufenster */
				#wrapper > div#content > article.full nav.schaufenster-years {
					position: relative;
					margin-bottom:78px!important;
				}
				#wrapper > div#content > article.full nav.schaufenster-years ul li{
					background:none;
					display:inline-block;
					height:100%;
					padding:0;
					color: #000;
					font-size: 28px;
					line-height:28px;
				}
				#wrapper > div#content > article.full nav.schaufenster-years li a{
					display:block;
				}
				#wrapper > div#content > article.full nav.schaufenster-years li.active > a{
					color:#cc0606!important;
				}
				
				#wrapper > div#content > article.full nav.schaufenster-years li > nav.schaufenster-list {
					display:none;
					position:absolute;
					width: 100%;
					top:25px;
					left:0;
					padding-top:10px;
				}
				#wrapper > div#content > article.full nav.schaufenster-years li.active > nav.schaufenster-list {
					display:block;
				}
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll{
					/*display:none;*/
				}
				/* Scrolling also in desktop view */
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll{
					background-color:#fff;
					background-image:url('/images/nav-icons.png');
					background-repeat:no-repeat;
					background-size:140px;
					display:block;
					position:absolute;
					top:0;
					height:25px;
					width:20px;
					cursor:pointer;
					z-index:2;
				}
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.leftyears,
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.leftschaufenster{
					background-position:0 0;
					left:0;
					display:none;
					border-right:10px solid #fff;
				}
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.rightyears,
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.rightschaufenster{
					background-position:-40px 0;
					right:0;
					border-left:10px solid #fff;
					border-right: 10px solid white;
					margin-right: -10px;
				}
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.leftschaufenster,
				#wrapper > div#content > article.full nav.schaufenster-years div.scroll.rightschaufenster{
					top:39px;
}

				#wrapper > div#content > article.full div.schaufenster-image-container,
				div.schaufenster-image-container.fullscreen {
					position:relative;
					width:100%;
					height:570px;
					overflow:hidden;
				}
				div.schaufenster-image-container.fullscreen{
					height:98vh;
				}
				#wrapper > div#content > article.full div.schaufenster-image-container > div,
				div.schaufenster-image-container.fullscreen > div {
					width:100%;
					height:550px;
					position:absolute;
					left:0;
					top:0;
				}
				#wrapper > div#content > article.full div.schaufenster-image-container > div > img,
				div.schaufenster-image-container.fullscreen > div > img {
					height:550px;
					width:auto;
				}
				div.schaufenster-image-container.fullscreen > div > img {
					height:98vh;
				}
				
				#wrapper > div#content > article.full div.schaufenster-nav {
					text-align:center;
					width:100%;
					margin-top:10px;
				}
				div.schaufenster-nav.fullscreen {
					position:absolute;
					left:calc(50vw - 60px);
					margin:auto;
					bottom:90px;
					width:120px;
				}
				#wrapper > div#content > article.full div.schaufenster-nav > div,
				div.schaufenster-nav.fullscreen > div{
					background-image:url('/images/nav-icons.png');
					background-repeat:no-repeat;
					background-size:250px;
					height:44px;
					width:26px;
					display:inline-block;
					margin-right:7px;
					cursor:pointer;
				}
				#wrapper > div#content > article.full div.schaufenster-nav div.back{
					background-position:0 0;
				}
				div.schaufenster-nav.fullscreen > div.back{
					background-position:0 100%;
				}
				#wrapper > div#content > article.full div.schaufenster-nav div.pause{
					background-position:-42px 0;
				}
				div.schaufenster-nav.fullscreen > div.pause{
					background-position:-42px 100%;
				}
				#wrapper > div#content > article.full div.schaufenster-nav div.forward{
					background-position:-82px 0;
				}
				div.schaufenster-nav.fullscreen > div.forward{
					background-position:-82px 100%;
				}
				#wrapper > div#content > article.full div.schaufenster-nav div.fullscreen{
					width:47px;
					background-position:-124px 0;
					position:relative;
				}
				#wrapper > div#content > article.full div.schaufenster-nav div.fullscreen > a{
					display:block;
					height:100%;
					width:100%;
				}
			/* End Layout Content Module Schaufenster */
			
			/* Start Layout Content Entrytype Bild */
				#wrapper > div#content > article.full div#leftContent div.bild{
					margin-bottom:12px;
				}
			/* End Layout Content Entrytype Bild */
			
			/* Start Layout Content Entrytype Video */
				#wrapper > div#content > article div.video {
					margin-bottom:12px;
					padding:0;
				}
				#wrapper > div#content > article div.video > a{
					display:block;
					position:relative;
					padding:0;
				}
				#wrapper > div#content > article div.video > a > div {
					position:absolute;
					top:0;
					left:0;
					width:100%;
					height:100%;
					z-index:3;
				}
				#wrapper > div#content > article div.video > a > div:hover{
					background-color:rgba(255,255,255,0.3);
				}
				#wrapper > div#content > article div.video > a > div.play {
					display:block;
					background: no-repeat url('/images/nav_buttons.png');
					border:3px solid #fff;
					border-radius:10px;
					width:23px;
					height:23px;
					top:0;
					bottom:0;
					left:0;
					right:0;
					margin:auto;
					z-index:2;
				}
			/* End Layout Content Entrytype Video */
			
			/* Start Layout Content Entrytype Panorama & Google Map */
				#wrapper > div#content > article.full div div.panorama,
				#wrapper > div#content > article.full div div.googlemap {
					width:100%;
					position:relative;
					margin-bottom:12px;
				}
				#wrapper > div#content > article.full div div.panorama:before{
					content: "";
					display: block;
					padding-top:78%!important;
				}
				#wrapper > div#content > article.full div div.googlemap:before{
					content: "";
					display: block;
					padding-top: 62.33333333%!important;
				}
				#wrapper > div#content > article.full div div.panorama iframe,
				#wrapper > div#content > article.full div div.googlemap iframe {
					height:100%;
					width:100%;
					position:absolute;
					top:0;
					left:0;
					bottom:0;
					right:0;
				}
			/* End Layout Content Entrytype Panorama */
			
			/* Start Layout Content Entrytype Öffnungszeiten */
				#wrapper > div#content > article.full div#rightContent span.oeffnungszeitentitel{
					color:#cc0606;
					margin-top:12px;
					display:inline-block;
				}
			/* End Layout Content Entrytype Öffnungszeiten */
			
		/* End Layout Content Article */
	/* End Layout Content */
	
	/* Start Layout Footer */
		#wrapper > footer{
			width:100%;
			position:relative;
			margin-top:10px;
			overflow:hidden;
		}
		
		#wrapper > footer a:link,
		#wrapper > footer a:link span,
		#wrapper > footer a:visited,
		#wrapper > footer a:visited span{
			color:#000;
		}
		#wrapper > footer a:hover,
		#wrapper > footer a:hover span {
			color:#CC0606;
		}
		
		#wrapper > footer nav#main{
			display:none;
		}
		#wrapper > footer div#languagebox{
			display:none;
		}
		
		#wrapper > footer div.box {
			line-height:150%;
			margin-bottom:15px;
		}
		#wrapper > footer div.boxtitle {
			font-size: 16px;
			margin-bottom:5px;
		}
		#wrapper > footer a.button{
			background-color: #eee;
			margin:2px 0 0 0;
			width:200px;
			height: 25px;
			line-height: 25px;
			font-size: 12px;
			padding:0 5px;
			display:inline-block;
			position: relative;
		}
		#wrapper > footer a.button::after{
			content:'>>';
			position:absolute;
			right:3px;
			font-size:14px;
		}
		#wrapper > footer form[name=profileform] {
			position:relative;
			width:167px;
			margin-top:22px;
		}
		#wrapper > footer form[name=profileform] > input#newsletteremail {
			margin:2px 0 0 0;
			width:135px;
			padding-right:20px;
		}
		#wrapper > footer form[name=profileform] > input#newsletterbutton {
			width:25px;
			height:25px;
			position:absolute;
			right:7px;
			top:2px;
		}
		#wrapper > footer div#zahlungsarten > img {
			margin-left:0px;
			line-height:0;
			height:26px;
		}
		#wrapper > footer div#zahlungsarten > img:first-child,
		#wrapper > footer div#zahlungsarten > img.newline {
			margin-left:0;
		}
		#wrapper > footer ul#infonav{
			/*margin-top:22px;*/
			margin-top:11px;
		}
		#wrapper > footer ul#infonav li {
			background:none;
			padding-left:0px;
			line-height:160%;
			/*font-size:13px;*/
			font-size:16px;
		}
		#wrapper > footer ul#infonav li a {
			color: #000;
			text-decoration: none;
		}
		#wrapper > footer ul#infonav li a:hover,
		#wrapper > footer ul#infonav li a.active {
			color:#cc0606;
		}
		#wrapper > footer ul#infonav li li{ 
			padding-left:20px;
			font-size:16px;
		}

		#wrapper > footer > div#footerCenter > div.box.facebook .footer__socialmediaicons {
			display: flex;
			justify-content: space-between;
			max-width: 160px;
		}
		/*#wrapper > footer > div#footerCenter > div.box.facebook .footer__socialmediaicons .footer__socialmediaicon {
            margin-right: 30px;
			width:24px;
		}
		#wrapper > footer > div#footerCenter > div.box.facebook .footer__socialmediaicons .footer__socialmediaicon:last-child {
			margin-right: 0;
		}*/
		#wrapper > footer > div#footerCenter > div.box.facebook .footer__socialmediaicons .footer__socialmediaicon:hover {
			opacity: 0.8;
		}
		#wrapper > footer a.impressum{
			font-size: 16px;
			/*margin:22px 0 8px;*/
			margin:0 0 8px;
			display:inline-block;
		}
		/* start footer top */
			#wrapper > footer > div#footerTop{
				background-color:#e8e9eb;
				width:100%;
			}
			#wrapper > footer > div#footerTop h2{
				font-size:18px;
				padding:5px 10px;
			}
			#wrapper > footer > div#footerTop .fpmain{
				width:calc(100% - 20px)!important;
				margin-bottom:15px;
				padding:0 10px;
			}
			#wrapper > footer > div#footerTop > div.col{
				width:calc((100% - 70px) / 5);
				padding:20px 7px;
				max-height:150px;
				float:left;
				position:relative;
			}
			#wrapper > footer > div#footerTop > div.col > div.footericon{
				display:block;
				height:45px;
				width:100%;
				line-height:50px;
			}
			#wrapper > footer > div#footerTop > div.col > div.footericon img{
				width:30px;
			}
			#wrapper > footer > div#footerTop > div.col:nth-of-type(2) > div.footericon img{
				width:45px;
			}
			#wrapper > footer > div#footerTop > div.col:nth-of-type(3) > div.footericon img,
			#wrapper > footer > div#footerTop > div.col:nth-of-type(5) > div.footericon img{
				width:34px;
			}
			#wrapper > footer > div#footerTop > div.col > .fpbild{
				width:100%!important;
			}
		/* end footer top */
		/* start footer main */
			#wrapper > footer > div#footerCenter{
				width:100%;
				position:relative;
				margin-bottom:10px;
			}
			#wrapper > footer > div#footerCenter > div.box{
				width:calc((100% - 70px) / 5);
				padding:20px 7px;
				max-height:150px;
				float:left;
				position:relative;
			}
			#wrapper > footer > div#footerCenter > div.box > div.boxtitle{
				font-size: 16px;
				margin-bottom:8px;
			}
		/* end footer main */
		/* start footer maps */
			#wrapper > footer > div#footerMaps{
				width:100%;
				margin-bottom:20px;
				position:relative;
				padding:8px 0;
			}
			#wrapper > footer > div#footerMaps:before{
				content: "";
				display: block;
				padding-top: 31.16666667%!important;
			}
			#wrapper > footer > div#footerMaps > iframe{
				height:100%;
				width:calc(50% - 10px);
				position:absolute;
				top:0;
				bottom:0;
				right:0;
			}
			#wrapper > footer > div#footerMaps > iframe:first-of-type{
				left:0;
			}
		/* end footer maps */
		/* start footer bottom */
			#wrapper > footer > div#footerBottom{
				background-color:#e8e9eb;
				width:100%;
				margin-bottom:20px;
				position:relative;
				padding:8px 0;
			}
			#wrapper > footer > div#footerBottom > div.boxtitle{
				padding:12px 0 0 7px;
				margin-bottom:0;
			}
			#wrapper > footer > div#footerBottom > div.box{
				width:calc(100% - 14px);
				padding:0 7px 12px 7px;
				-webkit-column-count: 5; /* Chrome, Safari, Opera */
				-moz-column-count: 5; /* Firefox */
				column-count: 5;
			    overflow:hidden;        
				-webkit-column-gap: 14px; /* Chrome, Safari, Opera */
				-moz-column-gap: 14px; /* Firefox */
				column-gap: 14px;
				margin-bottom:0;
			}
		/* end footer bottom */
	/* End Layout Footer */

    /* START - Popup */
    .popup {
        background-color: rgba(0,0,0,.7);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
    }
    .popup__inner {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 85%;
        width: 600px;
        min-height: 200px;
        background-color: white;
        padding: 20px;
        transform: translate(-50%,-50%);
    }
    .popup h2 {
        margin-bottom: 10px;
    }
    .popup__close {
        position: absolute;
        right: 10px;
        top: 10px;
        color: #cc0606;
        font-size: 25px;
        line-height: 1;
        cursor: pointer;
    }
    .popup__close:hover {
        color: black;
    }

	.popup .fpmain{
		width: auto !important;
	}
    /* END - Popup */
	/* scroll to top*/
	#wrapper .scrolltotop{
		display:none;
	}

	.countHide {
		visibility: hidden;
	}
	.basketbuttonForGutschein {
		width: 190px !important;
		margin-top: 11px !important;
		margin-left: 4.5px !important;
	}
.brHide {
		display: none;
	}
.labelHide {
		visibility: hidden;
	}
.priceHide {
	visibility: hidden;
	height: 0;
	margin-top: 0 !important;
}
.loyaltyform__group {
	display: none;
}
.loyaltyform__group.show {
	display: block;
}
.loyaltyform__groupInner {

}
input[type=checkbox].loyality-check {
	position: static;
	width: 190px !important;
	height: 0;
	clip: rect(0, 0, 0, 0);
	float: left;

}
.loyality-check::before {
	content: '×';
	position: relative;
	font-size: 2rem;
	margin-left: auto;
	float: right;
	cursor: pointer;
}
.loyality-check.disabled  {
	pointer-events: none;
	opacity: 0;
}
.loyalitymore {
	box-sizing: border-box;
	height: 25px;
	width: 190px;
	margin-left: 160px;
	background: #fff;
	border: 2px solid #eee;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0px;
	text-indent: 0.01px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	line-height: 150%;
	font-size:14px;
}
.loyalitymore:hover {
	background: #eee;
}
/* End Layout */