/*=== = R E S E T = ==================================================*/
html, body, div, span, object, iframe,h1, h2, h2, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{   margin: 0;   padding: 0;   border: 0;   outline: 0;   font-size: 100%;   background: transparent;}

table {   border-collapse: collapse;   border-spacing: 0;}

/*=== = B A S I S = ===============================================*/
.stopFloat, .clear {	clear: both;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}
.clearRight{	clear: right;	display: block;	float: none;	margin: 0;	padding: 0;	border: 0;	width: 0;	height: 0;	font-size: 0;}

body{ background: #F8F8EC; font-family: 'Open Sans', sans-serif; color: #604334; }
.breite { max-width: 1150px; margin: 0 auto; width: 90%; }

.right { float: right; }
.left { float: left; }

p { font-size: 1em; margin-bottom: 1.3em; margin-top:0em; line-height: 1.4em; color: #604334; }
img { max-width: 100%; height: auto; }

.klein{ font-size: 70%; }
.big{ font-size: 140%; }

.spacer { margin: 1.5em 0; }

.align-right { text-align: right; }
.cart-icon::before { padding-left: 1.3em; content: ""; background: url(../img/cart-icon.svg) left center/1.1em no-repeat; }

#menueToggle { background: url(../img/menu.jpg) center/contain no-repeat; position: fixed; top: 65px; right: 5%; width: 50px; height: 50px; z-index:1000000; display: none; cursor: pointer; }
#menueToggle.close { background:url(../img/close.jpg) center/contain no-repeat;}

/* Buttons */
input[type="submit"], .wk-button, .cookie input.accept[type="submit"] { background: #BBBB3F; color: #604334; }
input[type="submit"]:hover, .wk-button:hover, .cookie input.accept[type="submit"]:hover { background: #3E2B1D; color: #fff; text-decoration: none !important; }

a { text-decoration: none; color: #BABC3F; }
.category a { color: #614436; }

/*=== = Ü B E R S C H R I F T E N = =================================*/
h1, h2, h2, h4, h5, h6  {	font-family: 'Open Sans', sans-serif;  }

h1, .h1 {font-size: 1.8em; padding:0;font-weight:600;margin:0 0 1.2em;color:#604334; }
h1 .two, h2 .two {font-size: 1em; padding:0;font-weight:700;color:#c7c73e; }
h2 {font-size: 1.2em; padding:0; font-weight:400;margin:0 0 .83em;color:#604334; }

h4 {font-size: 1.1em; font-weight: normal;}
h5 {font-size: 1em;}
h6 {font-size: 0.9em; letter-spacing: 0.5px;	margin-top: 0;}

/*=== HEADER =============*/
#header { padding: .5em 0 0 0; }

#navi { position: fixed; left: 0; top: 0; width: 100%; z-index: 100000; background: #e0e1b0; color: #22180C; font-size: .8em; }
#navi .nav { text-align: left; }
#navi .nav li { display: block; border-bottom: 1px dotted #f0f0f0; }
#navi .nav li a { display: block; padding: 1em 5%; color: inherit; font-weight: 600; }
#navi .nav li a:hover, #navi .nav li.active a { color: #fff; }

#logo { display: block; max-width: 300px; }
#logo img { display: block; }

#oeffnung { background: #755540; color: #fff; padding: 0.9em 1em; }
#oeffnung h2 { color: #fff; font-weight: 600; margin-bottom: .3em; }
#oeffnung > p { display: none; margin-bottom: .5em; }

#shop a { display: block; padding: 1.35em 0 1.5em 0.5em; color: #41291D; font-size: 1.5em; font-weight: 600; background: #BBBC3C; }
#shop a:hover { background: #3E2B1C; color: #BBBC3C; }
#shop span { font-size: 1.4em; font-weight: 700; }


/*=== CONTENT =============*/

#system-message-container > div{ background: #e0e1b0;  padding: 1em; position: relative; }
.alert-heading { font-weight: bold; }
#system-message-container  .close { font-weight: bolc; position: absolute; top: 0.2em; right: 0.2em; }
main {overflow-x:hidden; }

#content { padding: 1em 0 2em;}

main table { font-size:1em; margin-bottom: 1.3em; margin-top:0em; line-height:1.4em;color:#604334; }

main ul:not(.chzn-results) {margin-left:2em;color:#604334;}
main ul:not(.chzn-results) li{padding:0 0 0.5em 1em;background:url(../img/li.png) top left no-repeat;list-style:none;font-weight:600;}
main .product-description ul { margin-bottom: 1em; }
main .product-description ul li { background: none; padding: 0; font-weight: normal; list-style: disc; }
main a:hover{text-decoration: underline;}

main ul.breadcrumb { list-style: none; margin: 0em  0; font-size: 0.8em; padding: 0.5em 0; }
main ul.breadcrumb li { display: inline; background: none; padding: 0;font-weight:400;  }
main ul.breadcrumb li a { font-weight:400; }

figure { text-align: center; }
figcaption { font-size: .9em; font-style: italic; }

.g-recaptcha { margin: 1em 0; }

/*++++++++Footer+++++++++++++++++++++++++*/

#footer { background: url(../img/bgfoot.jpg) top center / cover no-repeat #121F03; padding: 4em 0; }
#footer p, #footer table { color: #fafafa; font-size: 0.9em; }
#footer h2 { text-transform: none; color: #E7E65A; padding: 0 0 5px 45px; font-size: 1.5em;}
#footer h2.anfahrt { background: url(../img/icoAnfahrt.png) top left no-repeat; }
#footer h2.kontakt { background: url(../img/icoTelefon.png) top left no-repeat; }
#footer h2.email { background: url(../img/icoEmail.png) top left no-repeat; }

#footer .wk-u-1:not(:last-of-type) .abstand { min-height: 9em; border-right: 1px solid #fff; height: 100%; }
#footer a { color: #fff; font-weight: 600; font-size: 1.1em; }
#footer a:hover{color:#BBBE3D;}

#slogan {font-family: 'Rock Salt', cursive; color: #fafafa; padding: 20px 5%; font-size: 1.2em; }

#copy { color: #fafafa; font-size: 0.7em; }

#weko ul { text-align: right; font-size:0.7em; } 
#weko li { display: inline-block; } 
#weko li:not(:last-of-type):after { content: "|"; } 
#weko a { color:#fafafa; padding: 0 .3em; }

#gotop { position: fixed; bottom: 0px; right: 0px; width: 100%; height: auto; padding: .5em 0; background: #3E2B1C; text-indent: 0px; color: #fff; text-align: center; }


/*=== CMS=============*/
.box{background:#dedebe;padding:1.5em 1em 0.2em;margin:0 0 1.5em;}
#content .start ul{font-size:1.2em;margin:0 0 1em 1em;}
#content span.li{background:url(../img/li.png) left top no-repeat;padding:0 2em 0 1em;font-weight:700;font-size:1.1em;}

/*===ACCORDION=============*/
.panel h2{margin:0;}
h2.title.pane-toggler{ margin:0; text-decoration:none; background: #dfe1e6; }
h2.title.pane-toggler a{ display:block; color:#2C3C6C; padding:0.5em 1em 0.5em 1em; font-size:0.7em; text-transform: none;}
h2.title.pane-toggler a:hover{color:#FFFFFF; background:url(../img/pfeil2.png) center right no-repeat #2c3c6c; text-decoration:none !important; }
h2.title.pane-down{text-decoration:none;margin: 0; text-transform:none !important;}
h2.title.pane-toggler-down a{ display:block; padding:0.5em 0em 0.5em 1em; display:block; color:#FFFFFF ; background:#2c3c6c; font-size:0.8em; text-decoration:none !important;text-transform:none !important;  }
.pane-sliders{margin-bottom:2em;}
.panel{ border:1px solid #e9e9e9; background:#fff;}
.itemcontent{padding:0.7em 1.4em; font-size:100%;}

#merkliste{position: fixed; top: 40%; left: -3.1em; background: #BBBC3C; -webkit-transform: matrix(-0.005,1.000,-1.000,-0.005,0,0); transform: matrix(-0.005,1.000,-1.000,-0.005,0,0); letter-spacing: 0.05em; border:1px solid #ffffff;}
#merkliste:hover{background:#3E2B1C;}
#merkliste a{ color:#fff; display:block; padding: 0.5em 1em;}


/*=== VIRTUE MART =============*/

.vmicon, .vmiconFE {
    background-image:url("../img/vm2-sprite.png") 
}

.category a { display: block; background: #E0E1B0; }
.category a:hover { background: #fff; -webkit-box-shadow: 0px 2px 7px 0px rgba(50,50,50,0.75); box-shadow: 0px 2px 7px 0px rgba(50,50,50,0.75); text-decoration: none !important; }
.category a .title { display: block; width: 100%; margin: 0; padding: 0.7em 1em; text-align: center; font-weight: bold; -webkit-box-sizing:border-box; box-sizing:border-box; min-height: 4.5em; width: 100%; }

.browse-view .vm-product { border: 1px solid #E9E8E8; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1em; text-align: center; }
.browse-view .vm-product .vm-product-image { margin-bottom: 1em; }
.browse-view .vm-product h2 { font-size: 1.1em; font-weight: 600; min-height: 50px; }
.browse-view .product-price { float: none; text-align: center; }

.cart-view h2 { font-size: 1.5em; margin-top: 0.5em; }
.ordertable td, .ordertable th { padding: 0.3em; border: 1px solid #904D34;}
.vm-button-correct, .vm-button-correct:link, .vm-button-correct:visited  , span.addtocart-button input.addtocart-button, .cart-view a.details { background:#bbbb3f ; border: 1px solid #8AA53C; color: #402a1d; font-weight: normal; }
.vm-button-correct:hover, .vm-button-correct:focus, span.addtocart-button input.addtocart-button:hover, .cart-view a.details:hover   { background:#402A1D; color: #fff; }
span.details-button input.details-button { color: #402a1d; }

.productdetails-view .product-price { margin: 1em 0; }
span.PricesalesPrice { font-size: 1.4em; font-weight: bold; }

.vm-product-media-container { -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 1em; }
.vm-product-details-container *:first-child { margin-top: 0; }

.product-fields h2 { float: left; width: 10em; }
.product-fields .product-field { float: left; width: auto; }
.product-fields .product-field-type-E { float: none; width: 100%; margin-top: -.7em; }
.product-fields .product-field-type-E textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 5em; font-size: .8em; }

.product-fields .product-field-container::after { clear: both; display: block; content: ""; }

.deleveryNotice { font-size: 0.8em; }

.warenkorb-link { position: fixed; top: 16em; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; transform-origin: left top; }
.warenkorb-link .wk-button { border-radius: 0; text-transform: uppercase; letter-spacing: .02em; }

.vm-cats { list-style: none; }
.vm-cats li { font-size: 1.2em; font-weight: 600; text-transform: uppercase; letter-spacing: .02em; }
.vm-cats > li > a { color: #614436; }
.vm-cats li ul { margin-bottom: .7em; list-style: none; }
.vm-cats li ul li { font-size: 1rem; font-weight: normal; text-transform: none; letter-spacing: 0; }
.vm-cats li ul li::before { content: "» "; }

/* === = M E D I A  Q U E R I E S = ===============================*/

@media only screen and (max-width: 640px) {
	.left , .right {  float: none; }
	#footer { background: #121F03; }
	#footer h2{padding: 0 0 0 38px;margin: 1em 0 0.5em;}
	#footer .abstand { border-right: 0 !important; }
	#copy {font-size:0.7em;}
  
	#copy, #weko a {text-align: center; padding: 0.5em 0; }
	#footer ul.menu {text-align: center; }
	#oeffnung { max-width: 640px; background: #755540; }
	#oeffnung h2{margin: 0 0 0.5em;font-size: 1em;}
	#footer a{font-size: 0.9em;}
	#footer .abstand { min-height: 0; }
	#footnavi {margin:1em  0 0 0; font-size: 0.9em;  }
	h1 {font-size: 1.5em;line-height: 1.2em;}
	h1 .two {font-size: 0.9em;}
	form .suftext {width: 100%;float:none;}
    form .form-controls { width: 100%;float:none; }
	#shop a{display:block;padding: 1em 0 1em 0.5em;font-size:1.3em;}
	#shop span{font-size:1.2em;}

	.hiddenmobile {display: none; }
	#menueToggle { display: block; }
}

@media only screen and (min-width: 640px) {
	#slogan { font-size: 2em; }

	#navi { position: static; margin-top: 0.4em; border-radius: 3px; }
	#navi .nav li { display: inline-block; border-bottom: none; }
	#navi .nav li a { padding: 1em; }
}

@media only screen and (min-width: 768px) {
	.wk-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#oeffnung { background: url(../img/bgoeffnung.jpg) center/cover no-repeat; }

	#gotop { position: fixed; bottom: 60px; right: 10px; width: 84px; height: 84px; background: url(../img/gotop.png) center / cover no-repeat; text-indent: -10000px; }
}

@media only screen and (min-width: 1024px) {
	main { padding-left: 2.5em !important; }
	#slogan { font-size: 3em; }
}

@media only screen and (min-width: 1260px) {
	#navi { font-size: 1em; }
}