::-moz-selection { background:#600; color: #fff; text-shadow: none; }
::selection { background: #600; color: #fff; text-shadow: none; }

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/*-webkit-backface-visibility: hidden;*/
}

html{
	-webkit-font-smoothing: antialiased;
}

body{
	-webkit-text-size-adjust:none;
	text-rendering: optimizeLegibility;
}

body,
.reset-font{
	text-shadow: none;
	color: rgb(79, 79, 79);
	font-size: 16px;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: normal;
	font-family: "Open Sans", "Arial", sans-serif;
}

body > iframe{ /* some scripts are inserting iframes in the body, that destroy the layout of the footer, this hopefully fixes it */
	display: none!important;
	visibility: hidden!important;
}

.clearall {
	-webkit-backface-visibility: visible;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
	font-weight: 300;
	padding: 0;
	color: #333;
	font-style: normal;
	font-family: "Sansation", "Open Sans", "Arial", sans-serif;
}

p{
	margin: 0.5em 0;
}

#page{
	min-width: 980px;
	position: relative;
	overflow: hidden;
}

#page-shadow{
	position: absolute;
	content: "";
	margin-top: 0;
	height: 40px;
	left: 0;
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.29), rgba(0,0,0,0));
}

#page_wrapper{
	min-height: 600px;
}

#content{
	padding: 0;
}

#content>h1,
#contentmid>h1,
*.page-title,
*.center-heading {
	overflow: hidden;
	text-align: center;
	display: block;
	line-height: normal;
	color: #666;
	font-weight: 300;
	margin: 1em 0;
}

#content>h1:before,
#contentmid>h1:before,
*.page-title:before,
*.center-heading:before,
#content>h1:after,
#contentmid>h1:after,
*.page-title:after,
*.center-heading:after
{
	background-color: #e4dfd9;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}

#content>h1:before,
#contentmid>h1:before,
*.page-title:before,
*.center-heading:before {
	right: 0.5em;
	margin-left: -50%;
}

#content>h1:after,
#contentmid>h1:after,
*.page-title:after,
*.center-heading:after {
	left: 0.5em;
	margin-right: -50%;
}

#content>h1 + .lead,
#contentmid>h1 + .lead,
*.page-title + .lead,
*.center-heading + .lead {
	font-size: 1.5em;
	font-weight: 300;
	opacity: 0.8;
	text-align: center;
	margin: -0.5em 0 1.5em 0;
}

a{
	color: inherit;
}

a,
a:visited,
a:link
{
	/*transition: color 100ms ease-out;*/
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	color: #600;
}

strong, b, .strong{
	font-weight: 600;
}

.hidden{
	display: none !important;
}

table{
	line-height: normal;
}

table tr td{
	padding: 0.5em;
}

body *.center-page,
#page_wrapper{
	min-width: 980px;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	display: block;
	float: none;
	position: relative;
}

body *.center-page:after,
#page_wrapper:after{
	content: "";
	display: block;
	clear: both;
}

.fa{
	margin-right: 3px;
}

.faded{
	opacity: 0.8;
}

.main-color{
	color: #F54A14 !important;
}

.main-color-bg{
	background: #F54A14 !important;
	color: white !important;
}

.serif{
	font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
}

.relative{
	position: relative;
}

.toggle-popover{
	position: relative;
}

.toggle-popover .popover{
	position: absolute;
	bottom: 100%;
	margin-bottom: 10px;
	left: -10px;
	background: white;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	border: 1px solid #e4dfd9;
	padding: 0;
	color: #555;
	opacity: 0;
	visibility: collapse;
	text-align: left;
	font-weight: 500;
	line-height: normal;
	text-shadow: none;
	display: block;
	white-space: normal;
	padding: 1em;
	font-size: 13px;
	right: auto;
	width: auto;
	min-width: 150px;
	z-index: 10;
	cursor: default;
	-webkit-backface-visibility: hidden;
	transition: opacity 100ms 200ms, visibility 0ms 300ms;
}

.toggle-popover:hover .popover,
.toggle-popover.click-toggle.active .popover{
	opacity: 1;
	visibility: visible;
	transition: opacity 300ms 200ms, visibility 0ms 300ms;
}

.toggle-popover.click-toggle.active .popover{
	transition: opacity 100ms;
}

.toggle-popover.click-toggle:hover .popover{
	opacity: 0;
	visibility: hidden;
}

.toggle-popover.click-toggle .popover{
	transition: opacity 100ms;
}

.toggle-popover.click-toggle:hover.active .popover{
	opacity: 1;
	visibility: visible;
}

.toggle-popover .popover:before,
.toggle-popover .popover:after{
	content: "";
	position: absolute;
	border: 7px solid rgba(0, 0, 0, 0);
	border-top-color: white;
	left: 10px;
	bottom: -13px;
}

.toggle-popover .popover:before{
	bottom: -14px;
	border-top-color: #D6D3CE;
}

.toggle-popover .popover > *:first-child{
	margin-top: 0 !important;
}

.popover .body{
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
	white-space: normal;
	text-align: left;
}

.popover.popover-bottom{
	top: 100%;
	bottom: auto;
	margin-top: 10px;
	margin-bottom: 0;
}

.popover.popover-bottom:before,
.popover.popover-bottom:after{
	top: -13px;
	bottom: auto;
	border-color: transparent;
	border-bottom-color: white;
}

.popover.popover-bottom:before{
	top: -14px;
	border-bottom-color: #D6D3CE;
}

.popover.popover-right{
	right: -10px;
	left: auto;
}

.popover.popover-right:before,
.popover.popover-right:after{
	left: auto;
	right: 10px;
}

/*********************
 HEADER Styling
**********************/
#header_wrapper {
	width: 100%;
	top: 0;
	padding: 0.5em 0 0 0;
/*	background: #F2F2F2; */
	background: #F2F1EF;
}

.header-minimal #header_wrapper{
	padding-bottom: 1em;
}

#header{
	z-index: 4;
	height: auto;
}

#header .header-inner {
	margin-top: 38px;
}

.header-top{
	background: #FAFAFA;
	padding: 0.7em 0;
	font-size: 0.8em;
}

.header-button, .kk-ajax-cart{
	vertical-align: middle;
	display: inline-block;
}

.header-button-info {
	background: white;
	padding: 0.4em 30px 0.2em 0.7em;
	position: relative;
	border-radius: 2px;
	cursor: pointer;
}

.header-button-text{
	font-family: "Sansation";
	font-weight: 300;
	color: rgb(20, 20, 20);
	font-size: 1em;
	line-height: normal;
}

.header-button:hover .header-button-info {
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.header-button-info:after{
	content: "";
	left: 0;
	right: 20px;
	bottom: -2px;
	height: 7px;
	background: white;
	position: absolute;
	z-index: 11;
	opacity: 0;
	transition: opacity 200ms 0ms;
}

.header-button:hover .header-button-info:after {
	opacity: 1;
	transition: opacity 200ms 100ms;
}

.header-button .header-button-desc {
	color: #888;
	font-size: 0.75em;
	line-height: normal;
	margin-bottom: 0.5em;
	white-space: nowrap;
}

.header-button .header-button-icon {
	background: #89B40F;
	background: linear-gradient(#A8C44B 0%, #84AD0F 100%);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 20px;
	border-radius: 0 2px 2px 0;
	color: white;
	text-align: center;
	padding-top: 0.6em;
}

.header-button.empty .header-button-info:after{
	display: none !important;
}

/*******************
 Breadcrumb
*******************/
#breadcrumb{
	font-size: 0.9em;
	background: #F2F1EF;
	color: #6F6F6F;
	padding: 0.3em 1.3em;
	border-radius: 0 0 2px 2px;
}

/*******************
 Mini Cart
********************/
.kk-ajax-cart{
	margin-left: 0.5em;
}

.kk-ajax-cart .cart-arrow{
	display: block;
	position: absolute;
	right: 15px;
	top: 30%;
	width: 75px;
	height: 68px;
	z-index: 99999999;
	background: url(images/cart_arrow.png) no-repeat center center;
	opacity: 0;
	transform-origin: 100% 50%;
	transform: scale(0.8);
	transition: all 200ms;
}

.kk-ajax-cart .filled:hover .cart-arrow{
	top: 50%;
	opacity: 1;
	transform: scale(1);
	transition: all 200ms 100ms;
}

/*******************
 Servicecenter
*********************/
#service-and-cart {
	vertical-align: middle;
	margin-top: 13px;
}

/**************
 SEARCH Styling
***************/
#search{
	margin-left: 40px;
	margin-top: 17px;
}

#search-form{
	display: inline-block;
	position: relative;
}

#search-form button{
	position: absolute;
	top: 0;
	right: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 0.8em 1em;
}

#search-form .search-input{
	font-size: 0.9em;
	padding: 0.8em 0.8em;
	padding-right: 60px;
	width: 350px;
}

#certificates {
	cursor: pointer;
	height: 53px;
	margin-left: 30px;
	margin-top: 12px;
	white-space: nowrap;
}

#logo, #search, #certificates, #service-and-cart{
	display: block;
	float: left;
}

#logo a {
	width: 250px;
	max-width: 100%;
	padding-bottom: 23.6%;
	background: url(images/logo.svg) no-repeat left top;
	background-size: contain;
	line-height: 0;
	display: inline-block;
}

/**
 * TEXT STYLING
 */

.strike{
	text-decoration: line-through;
}

.tjustify{
	text-align: justify;
}

.uppercase{
	text-transform: uppercase !important;
}

.strong{
	font-weight: 500 !important;
}

.nowrap{
	white-space: nowrap !important;
}

body .text{
	display: inline-block;
	border-radius: 0;
}

.h1, h1, body .text h1{
	margin: 1.25em 0 0.9em 0;
	line-height: normal;
	font-size: 2em;
	letter-spacing: -0.04em;
}

.h2, h2, body .text h2{
	margin: 1em 0 0.75em 0;
	line-height: normal;
	font-size: 1.5em;
}

.h3, h3, body .text h3 {
	font-size: 1.3em;
	line-height: normal;
	margin: 1em 0 0.8em 0;
}

.h4, h4, body .text h4{
	font-size: 1.1em;
	margin: 1em 0 0.65em 0;
}

body .huge-header {
	font-weight: 500;
	text-transform: uppercase;
	color: inherit;
	letter-spacing: -1px;
	white-space: nowrap;
}


body .divider-header {
	width: auto !important;
	margin-right: auto !important;
	display: table !important;
	margin-left:  auto !important;
	background: #FFF;
	padding-left: 0.5em;
	padding-right: 0.5em;
	white-space: nowrap;
}

body .divider-header:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 0;
	border-top: 1px dashed #CECECE;
	margin-top: 0.7em;
	z-index: -1;
}

body .text p {
	text-shadow: none;
}

body .text .text-wrap{
	display: inline-block;
	width: 100%;
	padding-top: 1em; /* 1.5em;*/
	padding-bottom: 1em
}

body .text .text-wrap > *:first-child {
	margin-top: 0 !important;
}

body .text .text-wrap > *:last-child {
	margin-bottom: 0 !important;
}

body .text .p25,
body .text .p33,
body .text .p50,
body .text .p66,
body .text .p75,
body .text .p100
{
	width: 50%;
	padding-left: 2.5em;
	padding-right: 2.5em;
	float: left;
}

body .text .p25.first,
body .text .p33.first,
body .text .p50.first,
body .text .p66.first,
body .text .p75.first,
body .text .p100.first
{
	padding-left: 0;
}

body .text .p25.last,
body .text .p33.last,
body .text .p50.last,
body .text .p66.last,
body .text .p75.last,
body .text .p100.last
{
	padding-right: 0;
}

body .text .p25
{
	width: 25%;
}

body .text .p33{
	width: 33.333%;
}

body .text .p66
{
	width: 66.666%;
}

body .text .p75
{
	width: 75%;
}

body .text .p100
{
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

body .text .description p{
	margin-top: 0;
}

body .text .image{
	width: 50%;
	line-height: 0;
	margin-bottom: 0px;
	display: inline-block;
	position: relative;
	transition: transform 300ms ease-out;
	cursor: pointer;
}

body .text .image img{
	width: 100%;
}

body .text .image.align-left{
	margin: 0px 40px 40px 0;
}

body .text .image.align-right{
	margin: 40px 0 40px 40px;
}

body .text strong,
body .text b{
	font-weight: inherit;
	color: #161616;
}

body .text p{
	margin: 1em 0;
}

body .text p.hyphenate{
	text-align: justify;
}

/*body .text br + br,*/
body .text ul + br,
body .text p + br,
body .text h1 + br,
body .text h2 + br,
body .text h3 + br,
body .text h4 + br,
body .text h5 + br,
body .text p > br:first-child{
	/*display: none;*/
}

#content .text-special > *:first-child,
#content .text-special > * > *:first-child {
    margin-top: 0;
}

#content .text-special address {
    font-style: normal;
}

#content .text-special dl {
    margin-bottom: 1em;
}

@media (min-width: 480px) {
	#content .text-special dt {
	    width: 180px;
	    float: left;
	}
}

#content .text-special strong {
    font-weight: 600;
}

/**************************
 Link Styles
***************************/
body .text a,
*.link,
*.popup,
.vat_info a{
	border-bottom: 1px dotted #bbb;
}

*.link.link-menu{
	border-bottom: 1px solid #EEEBE6;
	padding: 0.5em 0;
	display: block;
	position: relative;
}

*.link.link-menu.last{
	border-bottom: 0 none;
}

*.link.link-menu:hover,
*.link.link-menu.active{
	color: #600;
}

*.link.link-menu:before{
	content: "\00BB";
	font-family: "Sansation";
	position: relative;
	margin-right: 0.5em;
	font-size: 1.2em;
	color: #600;
}

*.link.link-menu:hover:before,
*.link.link-menu.active:before{
	opacity: 1;
}

*.link.link-menu.no-children:before,
.no-children > *.link.link-menu:before{
	display: none;
}

*.link.link-menu.link-menu-right{
	padding-right: 20px;
}

*.link.link-menu.link-menu-right:before{
	position: absolute;
	right: 0;
	top: 50%;
	line-height: 0;
	margin-right: 0;
	opacity: 0.5;
	color: inherit;
}

*.link.link-menu.link-menu-right:hover:before,
*.link.link-menu.link-menu-right.active:before{
	opacity: 1;
}

body hr,
body .text hr{
	border: none;
	margin: 1em 0;
	clear: both;
	height: 0px;
	border-bottom: 1px solid #e4dfd9;
	display: inline-block;
	opacity: 1;
	width: 100%;
}

body hr.dashed,
body .text hr.dashed{
	border-bottom-style: dashed;
}

body hr.dotted,
body .text hr.dotted{
	border-bottom-style: dotted;
}

body .text hr+p {
	margin-top: 2em;
}

body .text blockquote,
body .text quote
{
	float: right;
	display: block;
	width: 33%;
	border-left: 2px solid rgb(227, 85, 50);
	padding: 10px 0px 10px 20px;
	font-weight: 600;
	text-align: left !important;
	margin: 1em 0 1em 2em;
}

body .text blockquote p{
	margin: 0 !important;
}

body .text ul,
body .text ol{
	margin: 1em 0;
}

body .text ul li {
	list-style: outside disc;
	margin-left: 1.2em;
}

body .text ul ul li{
	list-style-type: circle;
}

body .text pre {
	font-size: 0.85em;
	line-height: 1.5;
	white-space: pre-wrap;
	border-radius: 0;
	background: rgb(248, 248, 248);
	padding: 1.5em 2em 0em 2em;
	border: 1px solid rgb(238, 238, 238);
}

body *.thin{
	font-weight: 400 !important;
}

body *.thinner{
	font-weight: 300 !important;
}

body *.hair{
	font-weight: 200 !important;
}

body .text pre p{
	margin: 0;
}

body .bright,
body .text .bright {
	border-right: 1px solid #e4dfd9;
}

body .bleft,
body .text .bleft {
	border-left: 1px solid #e4dfd9;
}

body .btop,
body .text .btop {
	border-top: 1px solid #e4dfd9;
}

body .bbottom,
body .text .bbottom {
	border-bottom: 1px solid #e4dfd9;
}

body .text img{
	max-width: 100%;
}

body .text img.framed{
	border: 10px solid white;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
}

body .text img.left{
	margin-right: 1.5em;
}

body .text img.right{
	margin-left: 1.5em;
}

body .text .grouponly > h1:first-child,
body .text .grouponly > h2:first-child,
body .text .grouponly > h3:first-child,
body .text .grouponly > h4:first-child,
body .text .grouponly > h5:first-child
{
	display: none;
}

body .text .hyphenate p{
	text-align: justify;
}

/**
 * TABLE STYLES
 */
.text table, table.tiny{
	border-top: 1px solid #e4dfd9;
	border-left: 1px solid #e4dfd9;
	border-bottom: 1px solid #e4dfd9;
}

.text *+table{
	margin: 1.5em 0;
}

.text table tr th,
.text table tr td,
table.tiny tr th,
table.tiny tr td{
	padding: 0.7em 1em;
	border-right: 1px solid #e4dfd9;
	/*border-bottom: 1px solid #e4dfd9;*/
	font-size: 0.95em;
}

.text table tr th,
table.tiny tr th{
	border-bottom: 1px solid #e4dfd9;
	font-weight: 500;
	font-size: 0.9em;
	font-family: "Sansation";
	text-transform: uppercase;
	color: #444;
}

table.tiny tbody tr:nth-child(2n) td,
.text table tbody tr:nth-child(2n) td{
	background: #F8F7F5;
}

table.tiny tfoot tr:first-child td,
.text table tfoot tr:first-child td{
	border-top: 1px solid #e4dfd9;
}

/**
 * BUTTON STYLES
 */
.btn,
.submit,
button,
input[type="button"],
input[type="submit"],
.qq-uploader .qq-upload-button{
	/*font-family: "Sansation";*/
	user-select: none;
	display: inline-block;
	color: #4F4F4F;
	padding: 0.5em 1.2em;
	line-height: 1.4;
	cursor: pointer;
	border-radius: 0.2em;
	border: 1px #DBDBDB solid;
	border-style: solid !important;
	font-weight: normal;
	color: inherit;
	border-bottom-color: #C4C4C4;
	background-color: #F7F8F9;
	background-image: linear-gradient(#F7F8F9, #ECECEC);
	font-size: 0.9em;
	white-space: nowrap;
	text-align: center;
	transition: background-image 200ms, color 200ms;
	vertical-align: top;
	white-space: nowrap;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.qq-uploader .qq-upload-button:hover{
	background-image: linear-gradient(#FFF, #F0F0F0);
	color: #333;
}

.btn:active,
.btn.active,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
.qq-uploader .qq-upload-button:active{
	background-image: linear-gradient(#F0F0F0, #FFF);
	box-shadow: 0 1px 0 #FFF, inset 0 1px 4px rgba(0, 0, 0, 0.1);
	border-color: #ccc;
	color: #000;
}

.qq-uploader .qq-upload-button{ width: auto !important; }

.btn strong,
input.submit strong,
button.submit strong{
	font-weight: 500 !important;
	color: inherit !important;
}

.btn.btn-important,
button.btn-important,
input.submit,
button.submit{
	background: #89B40F;
	background-image: linear-gradient(#A8C44B 0%, #84AD0F 100%);
	text-shadow: 0 1px 1px #728D24;
	color: #FFF;
	border-color: #84AD0F;
	border-bottom-color: #7A9B1C;
}

.btn.btn-important:hover,
button.btn-important:hover,
input.submit:hover,
button.submit:hover{
	color: white;
	background: #B7D848;
	background-image: linear-gradient(#B7D848 0%, #84AD0F 100%);
}

.btn.btn-important:active,
.btn.btn-important.active,
input.submit:active,
input.submit.active,
button.submit:active,
button.submit.active{
	color: white;
	background: #84AD0F;
	background-image: linear-gradient(#84AD0F 0%, #A8C44B 100%);
	border-color: #84AD0F;
}

.btn.btn-ion,
button.btn-ion,
input[type="button"].btn-ion,
input[type="submit"].btn-ion{
	background: none;
	box-shadow: none !important;
	text-shadow: none !important;
	border-width: 1px;
	border-color: #A29E97;
	color: rgba(0, 0, 0, 0.7);
	transition: none;
}

.btn.btn-ion:hover,
button.btn-ion:hover,
input[type="button"].btn-ion:hover,
input[type="submit"].btn-ion:hover,
.btn.btn-ion:active,
button.btn-ion:active,
input[type="button"].btn-ion:active,
input[type="submit"].btn-ion:active,
.btn.btn-ion.active,
button.btn-ion.active,
input[type="button"].btn-ion.active,
input[type="submit"].btn-ion.active{
	background: #A29E97;
	color: #FFF;
	text-shadow: none;
	border-color: rgba(0, 0, 0, 0);
}

.btn.btn-ion.btn-important{
	border-color: #89B40F;
	color: #729413 !important;
}

.btn.btn-ion.btn-important:hover,
.btn.btn-ion.btn-important:active,
.btn.btn-ion.btn-important.active{
	color: white !important;
	border-color: transparent;
	background: #89B40F;
}

.btn.btn.btn-small,
button.btn.btn-small,
input[type="button"].btn.btn-small,
input[type="submit"].btn.btn-small {
	font-size: 0.75em;
	padding: 0.5em 0.75em;
}

.btn.btn.btn-large,
button.btn.btn-large,
input[type="button"].btn.btn-large,
input[type="submit"].btn.btn-large {
	font-size: 1.15em;
	padding: 0.5em 1.1em;
}

.btn.btn.btn-huge,
button.btn.btn-huge,
input[type="button"].btn.btn-huge,
input[type="submit"].btn.btn-huge {
	font-size: 1.3em;
	padding: 0.8em 1.3em;
	line-height: 1;
	font-weight: 400;
}

.btn.btn-append{
	margin-left: -2px !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.btn-arrow:after{
	font-family: "Sansation";
	content: "\00BB";
	margin-left: 0.3em;
	margin-right: -0.2em;
	font-size: 1.7em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	top: 0.07em;
}

.btn-arrow-left:before{
	font-family: "Sansation";
	content: "\00BB";
	margin-left: -0.1em;
	margin-right: 0.2em;
	font-size: 1.7em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
	top: 0.05em;
}

.btn.btn-sansation{
	font-family: "Sansation";
	font-weight: 300 !important;
}

.btn-group{
	display: inline-block;
}

.btn-group .btn{
	margin-right: -1px;
	display: block;
	float: left;
	border-radius: 0;
}

.btn-group .btn:first-child{
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.btn-group .btn:last-child{
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}


.btn-group .btn:last-child{
	margin-right: 0;
}

.button.buy-button{
	margin-top: 0.75em;
	padding: 12px 30px;
}

.button.next-step{
	position: absolute;
	bottom: 35px;
	right: 0px;
	width: auto;
}

.circle-btn{
	font-size: 1.8em;
	border-radius: 100%;
	border: 1px solid #e4dfd9;
	line-height: 2em;
	width: 2em;
	height: 2em;
	text-align: center;
	padding: 0;
	background: none;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	position: relative;
	background: linear-gradient(rgba(255, 255, 255, 0.61) 0%, rgba(255, 255, 255, 0) 100%);
	-webkit-backface-visibility: hidden;
	text-shadow: none;
	transition: none;
}

.circle-btn span{
	font-size: 0.5em;
	font-weight: normal;
	margin-top: 1em;
	line-height: 0;
	display: block;
	white-space: nowrap;
	position: absolute;
	width: 300px;
	left: 50%;
	text-align: center;
	margin-left: -150px;
	top: 100%;
	pointer-events: none;
	font-family: 'Sansation';
}

.circle-btn:hover{
	background: white;
	color: #600;
}

.circle-btn.btn-important{
	background: white;
	color: #600;
	text-shadow: none;
}

.circle-btn.btn-important:hover{
	background: #600;
	border-color: #600;
	color: white;
}

.circle-btn.btn-important:hover span{
	color: #600;
}

.circle-btn.btn-important:active{
	background: #BD0E55;
}

.circle-btn.btn-floating{
	position: absolute;
	top: -1em;
	left: 50%;
	margin-left: -1em;
}

.circle-btn.btn-floating,
.circle-btn.btn-shadow{
	box-shadow: 0 3px 8px rgba(178, 192, 195, 0.81);
}

.circle-btn-group .circle-btn{
	margin: 0 1em 1em 1em;
}

.control-group{
}

.control-group .control{
	display: inline-block;
	margin-right: -6px;
	height: 51px;
	text-align: center;
}

.control-group .control:first-child{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-right: -1px;
}

.control-group .control:last-child{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.control-group input[type="text"]{
	min-width: 50px;
}

/************************************
 Form Styles
 ************************************/
body form .incorrect{
	border: 1px solid #E05954;
}

/**
 * LAYOUT OVERRIDE STYLES FOR BETTER ADJUSTMENTS
 */
.m-0{margin:0!important;}
.m-0-top{margin-top:0!important;}
.m-0-bottom{margin-bottom:0!important;}
.m-0-right{margin-right:0!important;}
.m-0-left{margin-left:0!important;}

.m-025{margin:0.25em!important;}
.m-025-top{margin-top:0.25em!important;}
.m-025-bottom{margin-bottom:0.25em!important;}
.m-025-right{margin-right:0.25em!important;}
.m-025-left{margin-left:0.25em!important;}

.m-05{margin:0.5em!important;}
.m-05-top{margin-top:0.5em!important;}
.m-05-bottom{margin-bottom:0.5em!important;}
.m-05-right{margin-right:0.5em!important;}
.m-05-left{margin-left:0.5em!important;}

.m-075{margin:0.75em!important;}
.m-075-top{margin-top:0.75em!important;}
.m-075-bottom{margin-bottom:0.75em!important;}
.m-075-right{margin-right:0.75em!important;}
.m-075-left{margin-left:0.75em!important;}

.m-1{margin:1em!important;}
.m-1-top{margin-top:1em!important;}
.m-1-bottom{margin-bottom:1em!important;}
.m-1-right{margin-right:1em!important;}
.m-1-left{margin-left:1em!important;}

.m-125{margin:1.25em!important;}
.m-125-top{margin-top:1.25em!important;}
.m-125-bottom{margin-bottom:1.25em!important;}
.m-125-right{margin-right:1.25em!important;}
.m-125-left{margin-left:1.25em!important;}

.m-15{margin:1.5em!important;}
.m-15-top{margin-top:1.5em!important;}
.m-15-bottom{margin-bottom:1.5em!important;}
.m-15-right{margin-right:1.5em!important;}
.m-15-left{margin-left:1.5em!important;}

.m-175{margin:1.75em!important;}
.m-175-top{margin-top:1.75em!important;}
.m-175-bottom{margin-bottom:1.75em!important;}
.m-175-right{margin-right:1.75em!important;}
.m-175-left{margin-left:1.75em!important;}

.m-2{margin:2em!important;}
.m-2-top{margin-top:2em!important;}
.m-2-bottom{margin-bottom:2em!important;}
.m-2-right{margin-right:2em!important;}
.m-2-left{margin-left:2em!important;}

.m-25{margin:2.5em!important;}
.m-25-top{margin-top:2.5em!important;}
.m-25-bottom{margin-bottom:2.5em!important;}
.m-25-right{margin-right:2.5em!important;}
.m-25-left{margin-left:2.5em!important;}

.m-3{margin:3em!important;}
.m-3-top{margin-top:3em!important;}
.m-3-bottom{margin-bottom:3em!important;}
.m-3-right{margin-right:3em!important;}
.m-3-left{margin-left:3em!important;}

.m-4{margin:4em!important;}
.m-4-top{margin-top:4em!important;}
.m-4-bottom{margin-bottom:4em!important;}
.m-4-right{margin-right:4em!important;}
.m-4-left{margin-left:4em!important;}

.m-5{margin:5em!important;}
.m-5-top{margin-top:5em!important;}
.m-5-bottom{margin-bottom:5em!important;}
.m-5-right{margin-right:5em!important;}
.m-5-left{margin-left:5em!important;}

.p-0{padding:0!important;}
.p-0-top{padding-top:0!important;}
.p-0-bottom{padding-bottom:0!important;}
.p-0-right{padding-right:0!important;}
.p-0-left{padding-left:0!important;}

.p-025{padding:0.25em!important;}
.p-025-top{padding-top:0.25em!important;}
.p-025-bottom{padding-bottom:0.25em!important;}
.p-025-right{padding-right:0.25em!important;}
.p-025-left{padding-left:0.25em!important;}

.p-05{padding:0.5em!important;}
.p-05-top{padding-top:0.5em!important;}
.p-05-bottom{padding-bottom:0.5em!important;}
.p-05-right{padding-right:0.5em!important;}
.p-05-left{padding-left:0.5em!important;}

.p-075{padding:0.75em!important;}
.p-075-top{padding-top:0.75em!important;}
.p-075-bottom{padding-bottom:0.75em!important;}
.p-075-right{padding-right:0.75em!important;}
.p-075-left{padding-left:0.75em!important;}

.p-1{padding:1em!important;}
.p-1-top{padding-top:1em!important;}
.p-1-bottom{padding-bottom:1em!important;}
.p-1-right{padding-right:1em!important;}
.p-1-left{padding-left:1em!important;}

.p-125{padding:1.25em!important;}
.p-125-top{padding-top:1.25em!important;}
.p-125-bottom{padding-bottom:1.25em!important;}
.p-125-right{padding-right:1.25em!important;}
.p-125-left{padding-left:1.25em!important;}

.p-15{padding:1.5em!important;}
.p-15-top{padding-top:1.5em!important;}
.p-15-bottom{padding-bottom:1.5em!important;}
.p-15-right{padding-right:1.5em!important;}
.p-15-left{padding-left:1.5em!important;}

.p-175{padding:1.75em!important;}
.p-175-top{padding-top:1.75em!important;}
.p-175-bottom{padding-bottom:1.75em!important;}
.p-175-right{padding-right:1.75em!important;}
.p-175-left{padding-left:1.75em!important;}

.p-2{padding:2em!important;}
.p-2-top{padding-top:2em!important;}
.p-2-bottom{padding-bottom:2em!important;}
.p-2-right{padding-right:2em!important;}
.p-2-left{padding-left:2em!important;}

.p-25{padding:2.5em!important;}
.p-25-top{padding-top:2.5em!important;}
.p-25-bottom{padding-bottom:2.5em!important;}
.p-25-right{padding-right:2.5em!important;}
.p-25-left{padding-left:2.5em!important;}

.p-3{padding:3em!important;}
.p-3-top{padding-top:3em!important;}
.p-3-bottom{padding-bottom:3em!important;}
.p-3-right{padding-right:3em!important;}
.p-3-left{padding-left:3em!important;}

.p-4{padding:4em!important;}
.p-4-top{padding-top:4em!important;}
.p-4-bottom{padding-bottom:4em!important;}
.p-4-right{padding-right:4em!important;}
.p-4-left{padding-left:4em!important;}

.p-5{padding:5em!important;}
.p-5-top{padding-top:5em!important;}
.p-5-bottom{padding-bottom:5em!important;}
.p-5-right{padding-right:5em!important;}
.p-5-left{padding-left:5em!important;}

.fs-0{font-size:0!important;}
.fs-01{font-size:0.1em!important;}
.fs-02{font-size:0.2em!important;}
.fs-03{font-size:0.3em!important;}
.fs-04{font-size:0.4em!important;}
.fs-05{font-size:0.5em!important;}
.fs-06{font-size:0.6em!important;}
.fs-07{font-size:0.7em!important;}
.fs-075{font-size:0.75em!important;}
.fs-08{font-size:0.8em!important;}
.fs-09{font-size:0.9em!important;}
.fs-095{font-size:0.95em!important;}
.fs-1{font-size:1em!important;}
.fs-11{font-size:1.1em!important;}
.fs-12{font-size:1.2em!important;}
.fs-13{font-size:1.3em!important;}
.fs-14{font-size:1.4em!important;}
.fs-15{font-size:1.5em!important;}
.fs-16{font-size:1.6em!important;}
.fs-17{font-size:1.7em!important;}
.fs-18{font-size:1.8em!important;}
.fs-19{font-size:1.9em!important;}
.fs-2{font-size:2em!important;}
.fs-25{font-size:2.5em!important;}
.fs-3{font-size:3em!important;}
.fs-35{font-size:3.5em!important;}
.fs-4{font-size:4em!important;}
.fs-5{font-size:5em!important;}
.fs-6{font-size:6em!important;}
.fs-7{font-size:7em!important;}

.fw-light{font-weight: 300!important;}
.fw-normal{font-weight: 400!important;}
.fw-bold{font-weight: 500!important;}

.ff-sansation, .ff-header{font-family: "Sansation", Arial, sans-serif !important}
.ff-normal, .ff-body{font-family: "Open Sans", Arial, sans-serif}

.lh-normal{line-height: normal!important;}
.lh-0{line-height: 0!important;}
.lh-1{line-height: 1!important;}
.lh-11{line-height: 1.1!important;}
.lh-12{line-height: 1.2!important;}
.lh-13{line-height: 1.3!important;}
.lh-14{line-height: 1.4!important;}
.lh-15{line-height: 1.5!important;}
.lh-2{line-height: 1.5!important;}

.red,.red-hover:hover{color: #600!important;}
.green,.green-hover:hover{color: #89B40F!important;}
.dark-green,.dark-green-hover:hover{color: #719704!important;}

.red-bg{background: #600 !important;}
.green-bg{background: #89B40F !important;}

.relative{position: relative;}
.absolute{position: absolute;}
.static{position: static;}

.d-block{display: block;}
.d-inline{display: inline;}
.d-inline-block{display: inline-block;}
.d-table{display: table;}
.d-table-row{display: table-row;}
.d-table-cell{display: table-cell;}

.hcenter{display: table;margin-left: auto;margin-right: auto;}

.naked,
.naked:hover,
.naked:active,
.naked:visited{display:block!important;margin:0!important;padding:0!important;border:0!important none;background:none!important;text-shadow:none!important;text-decoration:none!important;color:inherit!important;box-shadow:none!important;font-size:1em!important;}

.br-0{ border-radius: 0 !important; }
.br-2{ border-radius: 2px !important; }

.c-default{	cursor: default !important; }
.c-pointer{	cursor: pointer !important; }
.click-through{ pointer-events: none!important; }

/**
 * BOX STYLES
 */
.box_info,
.box_error,
.box_success{
	padding: 1em 70px 1em 1em;
	background-image: none;
	border-radius: 2px;
	margin: 1em 0;
	position: relative;
	border: 0 none;
}

.box_info > *:first-child,
.box_error > *:first-child,
.box_success > *:first-child{
	margin-top: 0 !important;
}

.box_info > *:last-child,
.box_error > *:last-child,
.box_success > *:last-child{
	margin-bottom: 0 !important;
}

.box_info p,
.box_error p,
.box_success p{
	margin-bottom: 0;
}

.box_info *,
.box_error *,
.box_success *{
	color: inherit !important;
}

.box_info:before,
.box_error:before,
.box_success:before{
	position: absolute;
	opacity: 0.5;
	right: 20px;
	top: 50%;
	font-size: 40px;
	line-height: 40px;
	margin-top: -20px;
	font-family: "Ionicons";
	user-select: none;
	pointer-events: none;
}

.box_info{
	color: rgb(158, 90, 27);
	background: rgb(255, 242, 145);
}

.box_info:before{
	content: "\f1a0";
}

.box_success{
	background: #89B40F;
	color: white;
}

.box_success:before{
	content: "\f16d";
}

.box_error{
	color: white;
	background: #BB3232;
}

.box_error:before{
	content: "\f2bb";
}

.box_info.screen-width,
.box_error.screen-width,
.box_success.screen-width{
	border-left: 0 none;
	border-right: 0 none;
	border-radius: 0;
}

/*******************************
 FRAME STYLES
********************************/
.frame{
	background: #F4F2F0;
	display: inline-block;
	width: 100%;
	padding: 1em;
	border-radius: 2px;
	line-height: normal;
}

.frame > *:first-child{margin-top: 0 !important;}
.frame > *:last-child{margin-bottom: 0 !important;}

.frame.frame-outline{
	background: white;
	border: 1px solid #e4dfd9;
}

.frame.frame-double{
	background: white;
	border: 1em solid #F4F2F0;
	box-shadow: inset 0 0 0 1px #E4E2DF;
}

.frame.frame-green{
	background: #89B40F;
	color: white;
}

.frame.frame-dark{
	background: #A29E97;
	color: white;
}

.frame.frame-green *,
.frame.frame-dark *{
	color: white;
}

.frame.frame-green.c-inherit *,
.frame.frame-dark.c-inherit *{
	color: inherit;
}

.frame.frame-plain{
	background: none;
}

.equal-height > .frame,
.full-height {
	height: 100% !important;
}

/*******************************
 ICONS
********************************/
.frame-green .circle-icon,
.frame-dark .circle-icon {
	background: white;
	padding: 0.5em;
	border-radius: 400px;
	display: inline-block;
	line-height: 1;
}

.frame-green .circle-icon i{
	color: #89B40F !important;
}

.frame-dark .circle-icon i{
	color: #B4B1AA !important;
}

.eat-lh{
	display: block !important;
	width: 100% !important;
	float: left;
}
.eat-lh:after{
	content: "";
	clear: both;
}
/*******************************
 Border Styles
********************************/
.bleft{
	border-left: 1px solid #e4dfd9 !important;
}
.bright{
	border-right: 1px solid #e4dfd9 !important;
}
.btop{
	border-top: 1px solid #e4dfd9 !important;
}
.bbottom{
	border-bottom: 1px solid #e4dfd9 !important;
}
.ball{
	border: 1px solid #e4dfd9 !important;
}
.bnone{
	border: 0 none !important;
}


/*******************************
 FADE STYLES
*******************************/
.o-01{opacity: 0.1!important;}
.o-02{opacity: 0.2!important;}
.o-03{opacity: 0.3!important;}
.o-04{opacity: 0.4!important;}
.o-05{opacity: 0.5!important;}
.o-06{opacity: 0.6!important;}
.o-07{opacity: 0.7!important;}
.o-08{opacity: 0.8!important;}
.o-09{opacity: 0.9!important;}
.o-1{opacity: 1!important;}
.o-1-hover:hover{opacity: 1!important;}


.init-fadein{
	opacity: 0;
	transition: opacity 700ms ease;
}

.init-fadein.in{
	opacity: 1;
}

/********************************
 MENU STYLES
********************************/
.toggle-menu{
}

.toggle-menu .menu{
	position: absolute;
	background: white;
	padding: 1em;
	display: inline-block;
	border-radius: 2px;
	box-shadow: 0 2px 7px rgba(0,0,0,0.3);
	visibility: hidden;
	opacity: 0;
	right: 0;
	width: auto;
	transition: opacity 200ms, visibility 0ms 200ms;
	z-index: 10;
}

.toggle-menu:hover .menu{
	opacity: 1;
	visibility: visible;
	transition: opacity 200ms 200ms, visibility 0ms 200ms;
}

/********************************
 TEXTBOX STYLES
 *******************************/
.textbox,
textarea,
select,
input[type="text"],
input[type="email"],
input[type="password"]{
	font-family: inherit;
	font-size: 0.9em;
	outline: none;
	display: inline-block;
	padding: 0.5em;
	line-height: 1.4;
	border: 1px #D5D5D5 solid;
	border-radius: 2px;
	font-weight: 500;
	text-shadow: none;
	color: rgb(79, 79, 79);
	background: white;
	transition: border-color 200ms;
}

.textbox:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus{
	border-color: #A8A8A8;
	border-top-color: #A0A0A0;
}

input[name="kk-captcha"] {
	width: 100%;
}

select{
	padding: 0.4em 0 0.5em 0.5em;
}

.popover-box {
	display: none;
	border: 1px solid #CCC;
	background-color: #FFF;
	width: 240px;
	padding: 1em;
	position: absolute;
	font-size: 1em;
	z-index: 999;
	margin: 0;
	color: #444;
	right: 0;
	top: 89%;
	border-radius: 3px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	border-bottom-color: #BBB;
}

/********************************
 FOOTER STYLES
********************************/
.hidden-footer-placeholder{
	position: relative;
	z-index: -2;
}

.hidden-footer-placeholder,
.hidden-footer{
	height: 720px;
}

.hidden-footer{
	position: fixed;
	bottom: 0; left: 0;
	right: 0; z-index: -1;
	background: #403F3D;
	width: 100%;
	color: #8B8B8B;
	padding-top: 3em;
}

.hidden-footer hr{
	height: 0;
	border: 0 none;
	position: relative;
	margin: 1.5em 0;
	padding: 0;
	border-bottom: 1px solid #555;
}

.lichtkonzept-button {
	float: right;
	background: url(images/lichtkonzept.png);
	width: 42px;
	height: 28px;
	margin-top: -20px;
}

.facebook-button {
	float: right;
	background: url(images/facebook.png);
	width: 30px;
	height: 28px;
	margin-right: 15px;
	margin-top: -20px;
}
/*********************************
 Modal Styling
*********************************/
#simplemodal-container {
	background-color: #FFF;
	border: 0 none;
	padding: 20px;
	border-radius: 3px;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 1px 0 1px rgba(0, 0, 0, 0.1);
	line-height: 1.4;
}

#simplemodal-container a.close {
	background: none;
	width: auto;
	height: auto;
	line-height: 1;
	font-size: 2em;
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: 300;
	opacity: 0.7;
}

#simplemodal-container a.close:before{
	content: "\00D7";
}

#simplemodal-container .modal-header,
#simplemodal-container .modal-footer,
#simplemodal-container .actions{
	display: block;
	margin: -20px -20px 15px -20px;
	padding: 15px 60px 15px 20px;
	border-bottom: 1px solid #eee;
	background: white;
	border-radius: 3px 3px 0 0;
}

#simplemodal-container .modal-header{
	font-size: 1.1em;
}

#simplemodal-container .modal-footer,
#simplemodal-container .actions{
	margin-top: 15px;
	margin-bottom: -20px;
	background: #FAFAFA url(images/groovepaper.png) repeat;
	border-bottom: 0 none;
	border-top: 1px solid #EEE;
	padding: 15px 20px;
	border-radius: 0 0 3px 3px;
}

#simplemodal-container .simplemodal-data{
	-webkit-overflow-scrolling: touch;
}

/*********************************
 Rating Style
**********************************/
.ion-rating{
	color: #FAAC10;
}

/*********************************
 Article (LIST) Styling
**********************************/
.article{
	display: inline-block;
	width: 25%;
	text-align: center;
	position: relative;
}

.article.last .article-wrap, .article.kk-last-in-view .article-wrap{
	border-right-color: transparent !important;
}

.article .article-wrap{
	padding: 0.5em 1em 50px 1em;
	border-right: 1px solid #e4dfd9;
	min-height: 100%;
}

.article.no-border .article-wrap{
	border-right: 0 none !important;
}

.article .article-image{
	width: 100%;
	position: relative;
}
.article:hover .article-image{
	opacity: 0.9;
}

.article .article-name{
	font-size: 1em;
	min-height: 3.5em;
	line-height: 1.3;
	/*color: #111;*/
	/*transition: all 300ms;*/
}
.article:hover .article-name{
	color: #000;
}

.article .article-set{
	background: #89B40F;
	font-size: 1.5em;
	width: 3em;
	height: 3em;
	line-height: 3em;
	border-radius: 3em;
	color: white;
	font-family: "Sansation";
	font-weight: 300;
	text-transform: uppercase;
	position: absolute;
	top: 0.75em;
	left: 0.75em;
	box-shadow: -1px 2px 0 1px rgba(0,0,0,0.13);
	transform: rotate(-6deg);
}

.article .article-link{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQYV2NgYAAAAAMAAWgmWQ0AAAAASUVORK5CYII=") 0 0 repeat;
}

.article .price{
	color: #6D9106;
	font-family: "Sansation";
	font-size: 1.4em;
	line-height: 1;
	font-weight: 300;
}

.article .old-price{
	display: block;
	line-height: normal;
	opacity: 0.8;
	font-family: "Sansation";
}

.article .price_label {
	color: #6D9106;
	font-size: 0.7em;
	vertical-align: text-bottom;
}

.article .article-combi{
	margin: 0.5em 0;
}

.article .article-combi li {
	display: inline-block;
	border: 1px solid #e4dfd9;
	line-height: 0;
}

.article .article-combi li:hover{
	border-color: #888;
}

.article-listing{
	position: relative;
	width: 100%;
	float: left;
}

.article-listing:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	background: white;
	z-index: 2;
}

.article-listing:after{
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	height: 1px;
	background: white;
	z-index: 1;
}

.listing-description img{
	max-width: 35%!important;
}

.article-listing .article{
	float: left;
	border-bottom: 1px solid #e4dfd9;
	padding: 10px 0;
}

.article .article-extension {
	position: absolute;
	top: 100%;
	z-index: 2;
	background: white;
	left: -1px;
	right: 0;
	border: 1px solid #e4dfd9;
	border-top: 0 none;
	opacity: 0;
	visibility: hidden;
	padding: 0 1em 0 1em;
	margin-top: -1em;
}

.article:hover .article-extension{
	opacity: 1;
	visibility: visible;
}

.article .article-shadow{
	content: "";
	display: block;
	width: 100%;
	left: 0;
	height: 16px;
	top: 100%;
	background: url(images/shadow-horizontal.png) center center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	opacity: 0;
}

.article:hover .article-shadow{
	opacity: 1;
}

.article .article-info{
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	z-index: 1;
	opacity: 0;
}

.article:hover .article-info{
	display: block;
	opacity: 1;
}

.article .article-badges{
	display: inline-block;
	cursor: default;
}

.article .article-badges .badge{
	font-family: "Sansation";
	display: inline-block;
	padding: 0 0.25em;
	background: #eee;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
}

.article .article-badges .badge.badge-lower-uvp {
	color: white;
	background: #600;
}

.article .article-badges .badge.badge-onstock {
	color: white;
	background: #89B40F;
}
.article .ion-rating {
	background: #FAAC10;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	padding: 0 0.5em;
	font-size: 0.9em;
	color: white;
	cursor: default;
	position: relative;
	top: 1px;
}

/*********************************
 Article Listing Frames
*********************************/
.article-listing .article-wrap,
.article-listing .article-listing-box .inner{
	/*height: 430px;*/
	height: 27em;
}

.article-listing .article-listing-box {
	float: left;
	padding: 10px 0;
	border-bottom: 1px solid #e4dfd9;
	position: relative;
}

.article-listing .article-listing-box .inner{
	border-right: 1px solid #e4dfd9;
	font-size: 0.9em;
	padding: 0 2em;
	color: #666;
}

.article-listing .listing-info-box .inner{
	overflow-y: hidden !important;
	overflow: hidden;
	overflow-y: auto;
	cursor: default;
}

.article-listing .listing-info-box.scrollable .inner{
	overflow-y: auto !important;
	cursor: initial;
}

.article-listing .listing-info-box:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 1px;
	right: 1px;
	height: 60px;
	pointer-events: none;
	background: linear-gradient(rgba(255,255,255,0), white 80%);
}

.article-listing .article-listing-box .box-support.inner{
	padding: 0 1em 0 0;
}

.article-listing .article-listing-box .box-bestseller{
	position: relative;
	z-index: 3;
}

#listing-banner > div,
#listing-footer > div {
	margin: 0px 0px 2em;
}

/*********************************
 Article Page Styling
*********************************/
.semtabs #description .short-description > *:first-child,
.semtabs #description .long-description > *:first-child{
	margin-top: 0 !important;
}

.semtabs #description .article-description{
	display: table-row;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	width: 100%;
}

.semtabs #description .article-description .long-description,
.semtabs #description .article-description .short-description{
	display: block;
	-moz-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	float: none;
	vertical-align: top;
}

/* IE9, IE10 */
:root .semtabs #description .article-description .long-description,
:root .semtabs #description .article-description .short-description {
	display: table-cell \ ;
}


.media{
	font-size: 0.95em;
	padding: 0 !important;
}

.media a{
	border-bottom: 0 none !important;
}

.media .media-item {
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #e4dfd9;
	padding: 0.5em 1em;
	white-space: nowrap;
}

.media .media-link:last-child .media-item{
	border-bottom: 0 none;
}

.media .media-item span {
	vertical-align: middle;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 85%;
}

.media .media-item .media-preview{
	margin-right: 0.5em;
	line-height: 0;
}

#article #mytabset{
	margin: 2em 0 1em 0;
	border-bottom: 1px solid #e4dfd9;
	float: left;
	width: 100%;
}

#article #mytabset div.semtabs{
	border-right: 1px solid  #e4dfd9;
}

#article #mytabset .panel{
	position: relative;
	padding-bottom: 310px;
	min-height: 930px;
}

#article #mytabset .droplet-supporter{
	position: absolute;
	line-height: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

#article #similar-products .similar-head{
	height: 71px;
	padding: 0;
	line-height: 70px;
}

#article .pricing-information .price-item {
	font-family: "Sansation";
	font-size: 2.2em;
	font-weight: 300;
	color: #89B40F;
	line-height: 1;
	margin: 0 0 0.5em 0;
}

#article .pricing-information .price-item.instead {
	font-size: 1em;
	color: inherit;
	font-weight: normal;
}

#article .pane-right .popover{
	width: 200px;
}

#article .product-information{
	line-height: normal;
}

#article .product-information td{
	padding: 0.25em 0.5em;
}

#article .product-information td.caption {
	opacity: 0.8;
}

#article .ion-help-circled{
	opacity: 0.5;
}

#article input.quantity {
	padding: 0.4em 0;
	display: inline-block;
	width: 51px;
	text-align: center;
	font-size: 1.2em;
	margin-right: 0.5em;
}


#article .pane-center .image-wrapper {
	/*overflow: hidden;*/
	border-radius: 2px;
	border: 1px solid #e4dfd9;
	line-height: 0;
	background: #fff url(/gfx/lade.png) center center no-repeat;
	padding: 0 0 100% 0; /* keep aspect */
	position: relative;
}

#article .pane-center .image-wrapper .switch-image{
	border-radius: 2px;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	display: block;
}

#article .pane-center .image-wrapper #kk-360-player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	overflow: hidden;
}

#article .pane-center #kk-360-player .kk-360player{
	height: 100%;
	border: 0 none;
}

#article .pane-center #kk-360-player .kk-360player .kk-360player-images{
	padding-bottom: 0!important;
}

#article .pane-center .variations-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: white;
	background: rgba(255, 255, 255, 0.94);
	line-height: normal;
	padding: 2.5em;
	overflow-y: auto;
	z-index: 2;
}

#article .pane-center .variations-wrapper.active{
	border: 1px solid #89B40F;
}

#article .pane-center .variations-wrapper .variations .label{
	padding: 0 0 0.25em 0;
	margin: 0 0 0.5em 0;
	border-bottom: 1px solid #aaa;
}

#article .pane-center .variations-wrapper .variation{
	padding: 0.3em 0.5em;
}

#article .pane-center .variations-wrapper .variation:nth-child(2n) {
	background: rgba(0,0,0,0.03);
}

#article .pane-center .variations-wrapper .variation label{
	padding: 0;
	white-space: nowrap;
}

#article .pane-center .variations-wrapper .variation .name,
#article .pane-center .variations-wrapper .variation .price,
#article .pane-center .variations-wrapper .variation .info-block{
	display: inline-block;
}

#article .pane-center .variations-wrapper .variation .info-block,
#article .pane-center .variations-wrapper .variation .price{
	float: right;
	font-size: 0.9em;
	opacity: 0.8;
}

#article .pane-center .variations-wrapper .variation .info-block{
	display: none;
}

#article .pane-center .variations-wrapper .variation input{
	margin-right: 0.5em;
}


#article .pane-center .variations-wrapper .variation-option{
	margin-bottom: 1em;
}

#article .pane-left .article_images {
	display: inline-block;
	width: 100%;
	padding: 0;
}

#article .article_images img {
	width: 62px;
	height: 62px;
}

#article .pane-left .article_images li {
	float: left;
	display: inline-block;
	margin: 0 3px 6px 3px;
	border-radius: 2px;
}

#article .pane-left .article_images .article-preview-image {
	overflow: hidden;
	padding: 0;
	border: 1px solid #e4dfd9;
	line-height: 0;
	cursor: pointer;
	transition: border-color 150ms;
}

#article .pane-left .article_images .article-preview-image:hover{
	border-color: #B1AAA1;
}

#article .pane-right .actions{
	font-size: 0.9em;
}

#article .pane-right .actions li{
	cursor: pointer;
	white-space: nowrap;
}

#article .pane-right .actions li > *:hover{
	color: #171717!important;
}

#article .pane-right .actions i {
	display: inline-block;
	text-align: center;
	width: 24px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}

#article #box_config{
	background: white;
	padding-bottom: 0;
	transition: padding-top 150ms;
}

#article #box_config.kk-fix-scroll-fixed{
	padding-top: 1em;
}

#article #box_config_list {
	max-height: 500px;
	overflow-y: auto;
}

#article #box_config_list ul{
	margin-bottom: 1em;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 1em;
}

#article #box_config_list ul:last-child{
	border-bottom: 0 none;
	padding-bottom: 0;
	margin-bottom: 0;
}

#article #box_config_list ul li.title {
	font-weight: normal;
	font-family: "Sansation";
	font-size: 1.2em;
	clear: both;
	font-weight: 300;
	margin-bottom: 0.5em;
	line-height: normal;
}

#article #box_config_list li p {
	display: inline-block;
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
	line-height: normal;
}

#article #box_config_list li p.quantity {
	color: #171717;
	min-width: 30px;
	padding-right: 0.5em;
}

#article .config-group-head{
	padding-left: 140px;
	padding-right: 150px;
	min-height: 95px;
}

#article .kk-pieces {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	z-index: 1;
	background: white;
	background: rgba(244, 242, 240, 0.90);
	border-top: 1px solid #e4dfd9;
	padding: 0;
	text-align: center;
	border-radius: 0 0 2px 2px;
	line-height: normal;
}

#article .kk-pieces.top{
	bottom: auto;
	top: 0;
	border-radius: 2px 2px 0 0;
	border-top: 0 none;
	border-bottom: 1px solid #e4dfd9;
}

#article .kk-pieces .kk-piece{
	display: inline-block;
	margin: 0.7em 0.4em;
	border: 1px solid #e4dfd9;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 0;
	position: relative;
}

#article .kk-pieces .kk-piece .kk-piece-badge{
	position: absolute;
	top: -8px;
	right: -8px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: white;
	background: #8DB329;
	border-radius: 20px;
	font-weight: normal;
	font-family: "Sansation";
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

#article .kk-pieces .kk-piece img{
	border-radius: 2px;
}

#article .kk-pieces .kk-piece-sign {
	font-size: 1.5em;
	vertical-align: middle;
	line-height: 0;
	font-weight: normal;
	font-family: "Sansation", Arial, sans-serif;
	opacity: 0.85;
}

#article .kk-pieces .kk-piece-name{
	white-space: nowrap;
	display: block;
}

#article .kk-pieces .kk-pieces-summary{
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	margin-left: 0.75em;
	margin-bottom: 1em;
	opacity: 0.85;
}

#article .kk-pieces .kk-pieces-price{
	font-family: "Sansation";
	font-size: 1em;
}

#article .kk-pieces .kk-pieces-price.setprice{
	font-size: 1em;
}

#article .kk-pieces .kk-pieces-price .instead{
	text-decoration: line-through;
}

#article .kk-pieces-badge,
.badge-overlay{
	position: absolute;
	z-index: 1;
	font-size: 3em;
	width: 3em;
	height: 3em;
	border-radius: 3em;
	line-height: 3em;
	color: white;
	font-weight: 300;
	font-family: "Sansation",Arial,sans-serif;
	background: #8DB329;
	top: 0.25em;
	left: 0.25em;
	text-align: center;
	box-shadow: -3px 3px 0 1px rgba(0,0,0,0.13);
	transform: rotate(-6deg);
	text-shadow: 0 2px 3px #729123;
	text-transform: uppercase;
}

#article .special-cases > div{
	margin-bottom: 2em;
}

/*********************************
 Navigation
*********************************/
.page_navigation {
	margin: 0;
	width: 100%;
	height: 30px;
	top: -16px;
	position: relative;
	z-index: 1;
	display: inline-block;
}

.page_navigation .navi-bg {
	height: 1px;
	border-bottom: 1px solid #e4dfd9;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.page_navigation .pagenavi {
	margin: 0 auto;
	display: table;
	position: relative;
	background: #fff;
	padding: 0 0.5em;
}

.page_navigation .pagenavi a, .page_navigation .pagenavi div {
	font-family: 'Sansation',Arial,sans-serif;
	font-size: 1.5em;
	line-height: 30px;
	vertical-align: middle;
	padding: 0 5px;
	display: inline-block;
	color: #9a938a;
	font-weight: 300;
}

.page_navigation .pagenavi a:hover {
	text-decoration: none;
}

.page_navigation .pagenavi .next,
.page_navigation .pagenavi .prev {
	font-size: 2em;
	position: relative;
	top: -3px;
	font-weight: 300;
}

.page_navigation .pagenavi .next:hover,
.page_navigation .pagenavi .prev:hover {
	color: #a6ca45;
}

.page_navigation .pagenavi .selected {
	color: #a6ca45;
}

.page_navigation .pagenavi .outlined {
	border: 1px solid #e4dfd9;
	width: 30px;
	text-align: center;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
	margin: 0 5px;
}

.page_navigation .pagenavi .outlined:hover {
	border: 0 none;
	background: #a6ca45;
	color: white;
}

.page_navigation .pagenavi .disabled {
	opacity: .5;
	text-decoration: none!important;
}

.page_navigation .pagenavi .disabled:hover{
	text-decoration: none!important;
}

/**********************************
 Cart Summary
***********************************/
.cart-summary table.basket{
	border: 0 none;
}
.cart-summary table.basket td{
	padding: 1em 1.5em;
	border: 0 none;
	border-bottom: 1px solid #e4dfd9;
}

.cart-summary table.basket td select.quantity_sel {
	width: 6.0em;
}

.cart-summary table.basket td.img {
	background: white;
	padding: 0.5em;
}

.cart-summary table.basket td.qty {
	width: 80px;
}

.cart-summary table.basket td.price {
	width: 100px;
}

.cart-summary table.basket td a {
	text-decoration: none;
}

.cart-summary table.basket td p.price_overall,
.cart-summary table.basket td span.price_value {
	white-space: nowrap;
}

.cart-summary table.basket td p.price_overall {
	font-size: 1em;
}

.cart-summary table.basket td div.actions {
}

.cart-summary table.basket td div.config {
	padding: 5px;
	background-color: #FAF9F8;
	border-radius: 2px;
}

.cart-summary strong,
.cart-summary b{
	font-weight: normal;
	color: #171717;
}

.cart-summary table.basket td.price{
	color: #719704;
	font-size: 1.3em;
	font-family: "Sansation";
	font-weight: 300;
}

.cart-summary .basket_price_wrapper {
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "Sansation";
	font-size: 1.2em;
	font-weight: 300;
	padding: 0.5em 0;
	border-bottom: 1px solid #e4dfd9;
}

.cart-summary .basket_price_wrapper p {
	color: #333;
}

.cart-summary .basket_price_wrapper span.price_value,
.cart-summary .basket_price_wrapper span.price_label {
	font-size: 1.4em;
	color: #719704;
	white-space: nowrap;
}

.cart-summary .basket_price_wrapper span.tax_label {
	font-size: 0.95em;
}

.cart-summary .basket_price_wrapper div.info_base  {
	float: left;
	padding: 12px 0 0 5px;
}

.cart-summary .basket_price_wrapper div.total_amount  {
	float: right;
	width: 350px;
	text-align: right;
	padding: 5px;
}

.cart-summary .basket_price_wrapper div.total_amount table tr td {
	text-align: right;
}

#header .kk-checkout-steps {
	margin-top: 0.5em;
	float: right;
}

.data-line{
	display: inline-block;
	vertical-align: middle;
	width: 64%;
	margin: 0;
}

.data-line li{
	float: left;
}

.data-line li,
.data-line-label{
	display: inline-block;
	padding: 0.4em 0.4em;
}

.data-line-label{
	display: inline-block;
	width: 35%;
	font-size: 0.95em;
	padding-top: 0.5em;
	white-space: nowrap;
	margin: 0;
	color: #777;
	clear: both;
	vertical-align: middle;
}

.data-line-label.active{
	color: #171717;
}

.data-line-label em{
	color: inherit;
	font-size: 0.8em;
	margin-left: 2px;
	position: relative;
	top: -2px;
}

.data-line li input[type="text"],
.data-line li input[type="password"],
.data-line li input[type="submit"],
.data-line li textarea,
.data-line li select,
.data-line li button{
	width: 100%!important;
}

.data-line .error_text {
	font-size: 0.75em;
	color: rgb(204, 86, 49);
}

.data-line .error_block input,
.data-line .error_block select,
.data-line .error_block textarea{
	border-color: rgb(204, 86, 49)!important;
}


/*********************************
 JTL Search
**********************************/
#search .search-suggestions {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background: rgba(0,0,0,0.3);
	z-index: 999;
	transition: opacity 400ms, visibility 400ms;
}

body.search-open #search,
body.search-open #search .search-suggestions{
	z-index: 999;
}


body.search-open #search .search-suggestions{
	visibility: visible;
	opacity: 1;
}

body .search-suggestions .search-suggestions-content{
	background: white;
	padding: 2em;
	border-radius: 2px;
	box-shadow: 0 3px 11px rgba(0,0,0,0.1);
	top: 7em;
}

body.search-open #search-form{
	position: fixed;
	z-index: 9999;
	border: 1em solid white;
	margin-left: -1em;
	margin-top: -1em;
	border-radius: 2px 2px 0 0
}

/*********************************************
 GLOSSARY (Plugin)
**********************************************/
.glossary-letter-navigation {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.glossary-letter-navigation .letter-nav-entry {
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	min-width: 30px;
	text-align: center;
	padding: 0 0.25em;
}

.glossary-entries .glossary-entry {
	padding: 2em 0 0 2em;
	border-left: 2px solid #89B40F;
	margin: 0 0 0 .5em;
}

.glossary-entries .glossary-entry h2 {
	margin: 0;
}

.glossary-entries .glossary-entry .content {
	margin-top: 0.5em;
	opacity: 0.9;
}

.glossary-entries .glossary-entry.first{
	padding-top: 0;
}


/*********************************************
 PAGE RESIZING
**********************************************/
@media only screen and (max-width : 1200px) {
	#certificates{
		display: none;
	}

	#search-form .search-input{
		width: 250px;
	}
}

/********************************************
 MOBILE DEVICES FROM iPAD to Smaller
********************************************/
@media only screen and (max-device-width : 1024px) {
	.horizontal-filters{
		position: relative !important;
		top: 0!important;
		left: 0!important;
		width: 100%!important;
	}

	.hidden-footer{
		position: relative;
		min-width: 980px;
		padding-bottom: 5em;
		height: auto;
	}

	#page-shadow{
		min-width: 980px;
	}

	.hidden-footer-placeholder{
		display: none;
	}

}