﻿/*
Theme Name: Web-Elements Theme für Puszta
Author: Web-Elements GmbH
Author URI: https://web-elements.ch
Description: Theme für Pustza-Shop Oberglatt
Version: 1.1
License: Private, not intended for public use
Tags: web-elements, aviswiss, theme, html5, jQuery, html5shiv, bootstrap, sass
Text Domain: web-elements
*/

/* 
	SPECIFIC RESETS
*/

ol, ul {
	margin:0;
}


/* 
	FONTS
*/

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
	@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(https://fonts.gstatic.com/s/lato/v11/GtRkRNTnri0g82CjKnEB0Q.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/boeCNmOCCh-EWFLSfVffDg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/lato/v11/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}

/* 
	MAIN STYLES
*/

	html, body {
		font-family:'Lato', Verdana, Arial;
		font-size:16px;
	}

	html {
		height:100%;
	}

	body {
		min-height:100%;
	}

	body > div {
		z-index: 1;
	}


a:link, a:visited, a:active {

		color: #624e42;
		text-decoration:none;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

a:focus, a:hover {
		color: #a4897a;
		text-decoration:none;
		outline: none;
}


/* 
	HEADER
*/

	body > header {
	}
	.parallax-window {

		min-height: 500px;
		position: relative;
	}

	.parallax-window h1 {
		position: fixed;
		color: #624e42;
		top: 120px;
		left: 150px;
		z-index: -100;
		font-family: Roboto;
		font-size: 40px;
		color: #49423A;
	}


/* 
	WORPDRESS SPEZIFISCH
*/
.form-allowed-tags {
	display:none;
}



/* 
	HEADER NAVIGATION
*/


	header nav div#logo_transition {
		position:relative;
		float: left;
	}


	header nav div#logo_transition img {
		position:absolute;
		height: auto;
		max-width: 120px;
		padding: 12px 0px 12px 15px;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;	
	}


	header nav {
		background-color: rgba(98, 78, 66, 0.99);
		position: fixed;
		height: 95px;
		width: 100%;
		font-family:'Roboto';
		font-size:18px;
		z-index: 9999;
		color: #624e42;
		-moz-box-shadow:    2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-box-shadow: 2px 2px 4px rgba(98, 78, 66, 0.7);
		box-shadow:         2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
	}

	header nav div {
		height: 100%;

	}

	header nav ul {
		float: right;
		padding-left: 150px;
		height: 100%;
		list-style-type: none;
		padding: 0;
	}

	header nav ul li {
		float: left;
		text-align:center;
		height: 100%;
		min-width: 150px;
		display:inline-block;
	}

	header nav ul li a:link, header nav ul li a:visited, header nav ul li a:active {
		height: 100%;
		padding-top: 38px;
		display:block;
		text-decoration:none;
		color:#fff;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
	}

	header nav ul li a:focus, header nav ul li a:hover {
		color: #a4897a;
		text-decoration:none;
		outline: none;
	}




	header nav ul .levelmarken a:link, header nav ul .levelmarken a:visited, header nav ul .levelmarken a:active {
		height: 100%;
		padding-top: 38px;
		display:block;
		text-decoration:none;
		color:#fff;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
	}

	header nav ul .levelmarken a:focus, header nav ul .levelmarken a:hover {
		
	}




	header nav.nav-small {
		height: 70px;
		background-color: rgba(98, 78, 66, 0.99);
    	-moz-box-shadow:    2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-box-shadow: 2px 2px 4px rgba(98, 78, 66, 0.7);
		box-shadow:         2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
	}

	header .nav-small div#logo_transition img {
		height: auto;
		max-width: 100px;
		float: left;
		padding: 8px 0px 0px 15px;
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    -ms-transition: all 400ms ease;
	    transition: all 400ms ease;	
	}

	header .nav-small ul li a:link, header .nav-small ul li a:visited, header .nav-small ul li a:active {
		color: white;
		padding-top: 24px;
		-webkit-transition: all 400ms ease;
	    -moz-transition: all 400ms ease;
	    -o-transition: all 400ms ease;
	    -ms-transition: all 400ms ease;
	    transition: all 400ms ease;
	}




header nav.subnav {
	top: 95px;
	background-color: #fff;
	color: #624e42;
	height: 60px;
	z-index:9998;
}

header nav.nav-small:nth-child(2) {
	top: 70px;
	background-color: #fff;
}


header nav.subnav ul li a:link, header nav.subnav ul li a:visited, header nav.subnav ul li a:active {
	padding-top: 19px;
	display:block;
	color:#624e42;
}

header nav.subnav ul li a:focus, header nav.subnav ul li a:hover {
	color:#A4897A;
}


header .level1 {
	position: relative;
	font-size: 17px;

}


header .level1 > li {
	min-width: 150px;
	overflow: visible;
	display: block;
}


header .level2 {	
	z-index: 0;
	position: absolute;
	top:60px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	font-size: 14px;
	clip: rect(1px, 1px, 1px, 1px);
	-moz-box-shadow:    0px 2px 2px -1px #333;
	-webkit-box-shadow: 0px 2px 2px -1px #333;
	box-shadow:         0px 2px 2px -1px #333;
}

header .level2 > li > ul.submenu {
	z-index:-1;
	height: 100%;
	overflow: hidden;
	-moz-box-shadow:    0px 2px 2px -1px #333;
	-webkit-box-shadow: 0px 2px 2px -1px #333;
	box-shadow:         0px 2px 2px -1px #333;
}



header .level2 > li > ul.submenu > li > ul.submenu {
	z-index:-2;
	-moz-box-shadow:    0px 2px 2px -1px #333;
	-webkit-box-shadow: 0px 2px 2px -1px #333;
	box-shadow:         0px 2px 2px -1px #333;
}

header .level2 li {
	height: 40px;
	display: block;
	width: 100%;
	text-align: left;
}

header .level2.neu li, header .level2.outlet li {
	height: auto;
}

header nav ul li .level2 a {
	padding-left: 30px;
	padding-top: 10px !important;
}

header nav ul li .level2.neu a, header nav ul li .level2.outlet a {
	padding-left: 0px;
	padding-top: 15px !important;
	font-size: 16px !important;
}

header nav ul li .level2.neu a.button, header nav ul li .level2.outlet a.button {
	font-size: 14px !important;
}

/* header nav ul li .level2.neu span.price del, header nav ul li .level2.outlet span.price del {
    position: absolute;
    top: 222px !important;
    right: 3px !important;
} */

header .levelmarken {
	padding:15px;
}

	header .levelmarken img {
		width:auto;
		height:40px;
		margin:5px auto;
		display: block;
}

header .levelmarken .col-md-2 {
	height: 55px;
}

header ul.level1 > li:hover .level2 {
	clip: inherit;
	background-color:#fff;
	overflow: inherit;
	height: auto;
	width: 300px;
	text-align: left;
}

header ul.level1 > li:hover .levelmarken {
	width: auto;
	text-align: center;
}


header .sub-menu {
	background-color:#fff;
	padding: 0;
	position: relative;
	margin-top: 40px;
	left: 300px;
	top:-78px;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	-moz-box-shadow:    0px 2px 2px #333;
	-webkit-box-shadow: 0px 2px 2px #333;
	box-shadow:         0px 2px 2px #333;
}

header ul.level2 > li:hover > ul.sub-menu {
	clip: inherit;
	overflow: inherit;
	height: auto;
	width: inherit;
	z-index:-2;
	-moz-box-shadow:    1px 1px 2px 0px #333;
	-webkit-box-shadow: 1px 1px 2px 0px #333;
	box-shadow:         1px 1px 2px 0px #333;
}

header ul.level2 > li > ul.sub-menu > li:hover > ul.sub-menu {
	clip: inherit;
	overflow: inherit;
	height: auto;
	width: inherit;
	z-index:-3;
}

header .sub-menu li {
	background-color:#fff;

}

div.menu-cart-icon {
	position: fixed;
	z-index: 99999;
	top: 95px;
	right: 80px;
	color: #624e42;
	height: 60px;
	width: 60px;
	font-size: 25px;
	padding:15px;
	text-align: right;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-small ~ .parallax-window div.menu-cart-icon  {
	top: 70px;
}

div.menu-cart-icon:hover ~ div.shoppingcartheader, header .shoppingcartheader:hover {
	display: inline-block;
}

div.menu-my-account-icon {
	position: fixed;
	z-index: 99999;
	right: 140px;
	top: 95px;
	color: #624e42;
	height: 60px;
	width: 60px;
	font-size: 25px;
	padding:15px;
	text-align: right;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-small ~ .parallax-window div.menu-my-account-icon  {
	top: 70px;
}

div.menu-my-account-icon:hover ~ div.meinkontoheader, header .meinkontoheader:hover {
	display: inline-block;
}


div.menu-search-icon {
	position: fixed;
	z-index: 99999;
	right: 20px;
	top: 95px;
	color: #624e42;
	height: 60px;
	width: 60px;
	font-size: 25px;
	padding:15px;
	text-align: right;
	cursor: pointer;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}

.nav-small ~ .parallax-window div.menu-search-icon  {
	top: 70px;
}

div.menu-search-icon:hover ~ div.sucheheader, header .sucheheader:hover {
	display: inline-block;
}


/* 
	FOR ALL PAGES
*/

hr {
	margin-top: 10px;
}


section#content {
	min-height: 350px;
	padding-top: 75px;
	background-color: white;
}


#content h1 {
	font-family: Roboto;
	font-size: 30px;
	color: #49423A;
	padding-bottom:4px;
	margin-top:20px;
}

#content h2 {
	font-family: Roboto;
	font-size: 22px;
	color: #49423A;
	padding-bottom:4px;
	margin-top:20px;
}


#content a:link, #content a:visited, #content a:active {
	color: #624e42;
}

#content a:focus, #content a:hover {
	text-decoration:none;
	outline: none;
}

#content a:focus h2, #content a:hover h2 {
	color: #a4897a;
}


/* 
	HOME
*/


.home .homeicon {
	font-size:100px;
	text-align:center;
}

.home .margin-small {
	margin: 0 7px;
}

.uberunsimg {
	text-align: center;
}
.uberunsimg img {
	border-radius: 50%;

}
.blob-event {
}

.home-entry {
	position: relative;
	width: 100%;
	height: 150px;
}

.page-template-template_kontakt .entry-content {
	min-height:452px;
}
.home-entry a {
	position: relative;
	height: 100%;
	width: 100%;
}


.home_content .date {

	font-size: 50px;
}

.home_content .date span{
	font-size: 30px;
}


/* 
	AKTUELLES (page-id = 15)
*/

.page-id-15 .wp-post-image {
	margin: 5px 5px 5px 0;

}

.single-post .wp-post-image {
	margin:0 !important;
}

.infobar {
	background-color:rgba(249, 248, 255, 0.92);;
	border-radius:5px;
	padding:5px;
	margin-bottom:10px;
	font-size:12px;
}

.nextpost, 
.previouspost {
	display:inline;
}

.eventcontainer {
	padding:15px;
}

.eventtext {
	float:left;
}

.date-wrap {
	width:auto;
	height:auto;
	margin-top:45px;
	text-align:center;
}


.single-post .date, .page-template-template_home .date, .page-template-template_aktuelles .date {
	float:left;
	margin-right:15px;
	width: 130px; height: auto; 
	background: #fff; 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
	font-family: Roboto, sans-serif; 
	font-size: 45px; text-align: center; color: #a4897a; 
}

.single-format-aside .date {
	margin:0 45px 15px 0;
 
}

.vorher {
	display:inline;
	float:left;
}

.nachher {
	display:inline;
	float:right;
}

.date p {
}

.single-post .date span, .page-template-template_home .date span, .page-template-template_aktuelles .date span {

	background: #fff; 

	font-size: 30px; font-weight: bold; color: #624e42; text-transform: uppercase; 	
	display: block;
	border-top: 1px solid #d2d2d2;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 6px 0 6px 0;
}

.nav-next a:link, .nav-next a:visited, .nav-previous a:link, .nav-previous a:visited {
	padding:5px;
	border-radius:5px;
	margin:5px;
	display:block;
	color: #a4897a;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    transition: all 300ms ease;
}  

.nav-next a:focus, .nav-next a:hover, .nav-previous a:focus, .nav-previous a:hover {
		text-decoration:none;
		color: #a4897a;
		text-decoration:none;
		outline: none;

	}
.nav-next { float:right;}
.nav-previous {float:left;}

.multidate {
	font-size:32px !important;
}

.home .multidate span {
	font-size:30px !important;
}

.margin-top20 {
	margin-top:20px;
}

.margin-top-2 {
	margin-top:55px !important;
}


/* 
	SINGLE POST
*/

body.single-post .wp-post-image {
	margin: 25px;
}




/* 
	LINKS
*/

.page-id-25 .linkimage {
	max-width:75px;
	max-height:75px;
}

.link-box {
	float:left;
	width:33%;
	margin: 15px 0;
}



/* KONTAKT */

input, textarea {
	border: 2px solid #a4897a;
	background-color: #fff;
	color:black;
	padding: 15px;
	margin-top: 20px;
	font-size: 14px;
	-webkit-transition: background-color 300ms ease;
    -moz-transition: background-color 300ms ease;
    -o-transition: background-color 300ms ease;
    -ms-transition: background-color 300ms ease;
    transition: background-color 300ms ease;
}



.page-template-template_kontakt input, .page-template-template_kontakt textarea {
	width: 80%;
	margin-top:0px;
}


input:focus, textarea:focus {
	background-color: #a4897a;
	-webkit-transition: background-color 600ms ease;
    -moz-transition: background-color 600ms ease;
    -o-transition: background-color 600ms ease;
    -ms-transition: background-color 600ms ease;
    transition: background-color 600ms ease;

}

.wpcf7-submit {
	cursor:pointer;
	width: 120px;

}

.wpcf7-submit:hover {
	background-color: #a4897a;
	-webkit-transition: background-color 600ms ease;
    -moz-transition: background-color 600ms ease;
    -o-transition: background-color 600ms ease;
    -ms-transition: background-color 600ms ease;
    transition: background-color 600ms ease;
}

.wpcf7-validation-errors {
	border: none !important;
	color: #F00 !important;
	margin-top:15px !important;
	margin-left:0px !important;
	padding-left: 0px !important;

}


.page-id-11 #post-11 {
	min-height: 474px;
}

.gmaps{
	width: 445px;
	height: 245px;
	position: absolute;
	bottom: 0;
	border: 0;
}

/* 
	SHOP
*/

ul.order_details {
	padding-left: 0px;
}

#billing_country_field {
	height:26px;
}

#billing_country_field label {
	display: inline-block;
	padding-right: 5px;
}

#billing_country_field strong:after {
	content:" (Lieferungen ins Ausland momentan nicht möglich)";
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th {
	padding-right: 10px;
}

.woocommerce ul.products li.product .button {
	margin-top: 0.4em;
	opacity: 0;
	transform: translateY(15px);
}

.woocommerce ul.products li.product:hover .button {
	transform: translateY(0);
	opacity: 1;
}


/* span.price del {
	position: absolute;
	top: 206px;
	right:-7px;
} */

.woocommerce-account .addresses .title .edit {
	float: left;
	margin: 24px 0px 0px 15px;
}

#shipping_method label {
	padding-left: 25px;
}

#billing_country_field 

.woocommerce a.checkout-button:link, .woocommerce a.checkout-button:visited, .woocommerce a.checkout-button:active {
	color: #fff !important;
}

.woocommerce div.woocommerce-info {
	border-top-color: #634E42;
}

.woocommerce .woocommerce-info::before {
	color: #634E42;
}

.shopbreadcrumbs {
	position: absolute;
	margin-left: 15px;
	margin-top: -25px;
	font-weight: 300;
}

.sku_wrapper, 
.posted_in, 
.tagged_as {
	display:block;
	font-weight:600;
}

.sku_wrapper span,
.posted_in a, 
.posted_in span, 
.tagged_as a {

	font-weight:400;
}

.woocommerce .product-categories {
	font-weight: 300;
}

.woocommerce mark.count {
	background-color: transparent;
}

#ship-to-different-address-checkbox {
	width: auto;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color:green;
	color:white;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background-color:green;
}


#place_order {
	width:25%;
}

.actions .button {
	width:25%;
}

.coupon {
	margin-bottom:25px;
}

#coupon_code {
	width:100% !important;
	border-radius:3px;
	margin-bottom:5px;
}

.coupon .button {
	width:100%;
}
.woocommerce .quantity .qty {
	width:100px;
}

.label label {
	color:black;
	font-size:16px;
	font-weight:400;
	margin-top:3px;
}

header nav ~ div.sub-nav-menu {
	position: fixed;
	top: 95px;
	height: 60px;
	z-index: 2;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

header nav ~ div.sub-nav-menu li a {
	color: #fff !important;
}


header div.sub-nav-menu > div {
	height: 100%;
}


header nav.nav-small ~ div.sub-nav-menu {
	top: 70px;
	height: 60px;
	background-color: #fff !important;
	box-shadow: 2px 3px 2px rgba(98, 78, 66, 0.7) !important;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

header nav.nav-small ~ div.sub-nav-menu li a {
	padding: 20px 15px 19px;
	color: #624E42 !important;
}

header nav.nav-small ~ div.sub-nav-menu li.current-menu-item > a {
	color: #fff !important;
}

.shoptabs {
	list-style-type: none;
	float:right;
	z-index:999;
	right:0;
	text-align:right;
	height: 100%;
}

.shoptabs li {
	float:left;
	display:inline-block;
	position: relative;
	text-align: center;
}

.shoptabs li a {
	height: 100%;
	display:inline-block;
	color:white !important;
	font-weight: 300;
	padding: 23px 30px;
}

.shoptabs li a:hover {
	text-decoration:none;
}

.shopheader {
	background-image:transparent; 
	color:#624E42;
	position: relative;
	height: 500px;
}

.tab-pane {
	padding-top: 155px;
	height: 500px;
}

.tab-pane > div.container {
	height: 300px;
	background-color: rgba(255, 255, 255, 0.99);
}

.shopheader a {
	color:#624E42 !important;
}


.shopheader a:hover {
	text-decoration:underline;
}

.product-categories li {
	float:left;
	padding:6px;
	margin:6px;
}

.s_marken ul {
	columns: 5;
  -webkit-columns: 5;
  -moz-columns: 5;
  margin:0 0 35px 5px;
  list-style-type:none;
  padding-left:0;
}

.s_marken ul li {
	display:block;
	width:100%;
	font-weight: 300;
}

.shopheader h3 {
	margin-left:5px;
	font-weight: 300;
}

.shopheader h3 a {
	font-weight: 300;
}


.shopheader h4 {
	margin-left:5px;
	font-weight: 300;
}

.shopheader h4 a {

}


.shopheader h5 {
	margin-left:15px;
	font-weight: 300;
}

.shopheader h5 a {

}

.tab-content {
	margin-top:0;
}
 /*
ul.products li.product {
	min-height: 320px;
} */

ul.products li.product img {
	height: 200px !important;
	width: auto !important;
}

ul.products li.product h3 {
	font-size: 14px !important;
	min-height: 70px;
	max-height: 70px;
}

ul.products li.product a.button {
	font-weight: 300;
	font-size: 14px;
	color: #624E42;
	width: 150px;
	background-color: transparent;
	padding: 15px;
	border: 1px solid #624E42;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}


ul.products li.product a.button:hover {
	color: #fff !important;
	background-color: #A4897A;
	border: 1px solid #A4897A;
}

ul.products li.product a.button:active {
	color: #fff !important;
	background-color: #A4897A;
	border: 1px solid #A4897A;
}

.entry-summary .quantity .input-text {
	margin:0;
	padding: 12px 10px;
	border-radius: 3px;
	background-color: transparent;
	color: #624E42;
	border: 1px solid #624E42;
}

.entry-summary .quantity .input-text:hover {
	color: #fff !important;
	background-color: #A4897A !important;
	border: 1px solid #A4897A;
}

.entry-summary button.single_add_to_cart_button {
	font-weight: 300;
	font-size: 14px;
	color:black !important;
	width: 150px;
	background-color: transparent !important;
	padding: 15px;
	border: 1px solid #624E42;
	text-align: center;
	margin-left: 15px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.entry-summary button.single_add_to_cart_button:hover {
	color: #fff !important;
	background-color: #A4897A !important;
	border: 1px solid #A4897A;
}

.entry-summary button.single_add_to_cart_button:active {
	color: #fff !important;
	background-color: #A4897A !important;
	border: 1px solid #A4897A;
}

.woocommerce-tabs ul.tabs li {
	
}


nav .woocommerce .products ul, nav .woocommerce ul.products {
	width:100%;
}

.product-categories {
	list-style-type:none;
	margin-bottom:35px;
	overflow: hidden;
	height:auto;
}
.product-categories li {
	list-style-type: none;
	margin:0;
	padding:0;
	width:100%;
}
.product-categories li a {
	padding:3px;
	display:block;

}
.product-categories li a:hover {
	background-color:#634E42;
}


.product-categories .children li {
	display:block;
	width:100%;
	padding:0;
	margin:0;
}



.widget_product_categories {
	clear:both;
}

.product-categories .current-cat .children, .product-categories .current-cat-parent .children {
	display:block;
}



li.cat-item.current-cat.cat-parent .children {
	display:block !important;
}


/* SHOPHEADER - NEW */

header .shoppingcartheader {
	position: fixed;
	right: 65px;
	top: 155px;
	width:225px;
	background-color:#fff;
	color: #624e42;
	font-weight: 300;
	display: none;
		-moz-box-shadow:    2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-box-shadow: 2px 2px 4px rgba(98, 78, 66, 0.7);
		box-shadow:         2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

header nav.nav-small ~ div .shoppingcartheader {
	top: 130px;
}

header .shoppingcartcontent {
	padding:10px;
	color: #624e42;
	font-weight: 300;
}

header .shoppingcartfooter {
	padding:10px;
	color: #624e42;
	font-weight: 300;
}


header .shoppincartfooter a {
	display:inline-block !important;
	padding:10px;	
}

header .shoppingcartheader h3 {
	margin:0;
	margin-bottom: 5px;
	font-weight: 300;
}

header .shoppingcartheader hr {
	margin:4px 0;
	border-color:black;
}

header .sucheheader {
	position: fixed;
	right: 15px;
	top: 155px;
	width:225px;
	background-color:#fff;
	color:#624e42;
	font-weight: 300;
	display: none;
	padding:10px;
		-moz-box-shadow:    2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-box-shadow: 2px 2px 4px rgba(98, 78, 66, 0.7);
		box-shadow:         2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

header .meinkontoheader {
	position: fixed;
	right: 115px;
	top: 155px;
	width:225px;
	background-color:#fff;
	color:#624e42;
	font-weight: 300;
	display: none;
	padding:10px;
		-moz-box-shadow:    2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-box-shadow: 2px 2px 4px rgba(98, 78, 66, 0.7);
		box-shadow:         2px 2px 4px rgba(98, 78, 66, 0.7);
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
}

header .meinkontoheader h3 {
	margin:0;
	margin-bottom: 5px;
	font-weight: 300;
}


header nav.nav-small ~ div .sucheheader {
	top: 130px;
}

header nav.nav-small ~ div .meinkontoheader {
	top: 130px;
}

#searchform .screen-reader-text {
	display: none;
}

.sucheheader #searchform #s {
	margin-top: 10px;
}

header .sucheheader h3 {
	margin:0;
	margin-bottom: 5px;
	font-weight: 300;
}



header #menu-shopmenu {
	font-weight: 300;
}


.sidebarshop .a:link {
	padding:0;
}


.sidebarshop ul {
	padding-left:0;
}

.sidebarshop ul.children {
	padding-left:15px;
}

.sidebarshop ul li a, 
.sidebarshop ul li a:link {
	padding-left:0;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}


.sidebarshop ul li a:hover {
	padding-left:2px;
	-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}

#menu-item-992 > ul {
	max-height: 400px;	background-color: #fff;
    -webkit-column-count: 6; /* Chrome, Safari, Opera */
    -moz-column-count: 6; /* Firefox */
    column-count: 6;
}


#menu-item-992 > ul > li {
    display: inline-block;
}



ul.product-categories li a:hover {
	background-color: transparent;
}



/* Marken - Menu
.nav-menu #menu-item-992 .sub-menu {
	background-color:transparent;


}
.nav-menu #menu-item-992 .sub-menu li {
	height:50px;
	width:50px;
	background-color:#efefef;
	float:left;
	position:inline;
	display:inline-block;
}



*/



/* 
	FOOTER
*/

	footer {

		min-height:350px;
		background-image: url("img/footer.jpg");
		background-size:1920px 500px;
		background-position: bottom;
		background-repeat: no-repeat;
	}

	footer .footermenu ul {
		list-style-type: none;
		margin-top:35px;
	}

	footer .footermenu ul li {
		display: inline-block;
	}

	footer .footermenu ul li a, 
	footer .footermenu ul li a:link {
		color:white;
		padding:0 10px;
	}

	footer .footermenu ul li a:hover {
		text-decoration: underline;
	}

	footer h2 {

	}

	.footer_content {
		height: 50%;
		width: 100%;
	}


	.footer_content div {
		position: relative;
	}

	footer .footertext {
		height:100%;
		color:white;
		font-size: 12px;
		margin-top: 270px;
		text-align:right;
	}

	.footertextcenter {
		text-align: right;
	}

	.footertextcenter ul {
		list-style-type: none;
		width:100%;
		padding:0;
		margin:0;
	}

	.footertextcenter ul li {
		display:inline-block;
		float: right;
	
	}

	.footertextcenter ul li a:link, .footertextcenter ul li a:visited {
		padding:15px;
		display:block;
		color:white;
	}

	.footertextcenter ul li a:hover {
		text-decoration: none;
		color:black;
		background-color:#efefef;
		border-radius:5px;
	}

	.web-elements a:link, .web-elements a:visited, .web-elements a:active, .web-elements a:focus {
		color:white !important;
	}

	.web-elements a:hover {
		color:#0F70B7 !important;
	}

	footer .text-left img {
		height:36px;
		width:auto;
		margin-right:20px;
	}

/* 
	PARALLAX
*/

.scene {


  padding: 0;
  margin: 0;
  bottom:0;
}

.expand-width {
  width: 100%;
}

.border {
  border: 2px dashed #00FFAA;
}

.aspect {
  opacity: 0.2;
}

.layer:nth-child(1) {

}


.layer:nth-child(2) {
}


.layer:nth-child(3) {
}


.layer:nth-child(4) {
}




.center {
	text-align: center;
}



/* 
	Helper-Classes
*/

.margin-top {
	margin-top:35px;
}

.margin-top-max {
	margin-top:125px;
}
.margin-bottom {
	margin-bottom:35px;
}

.margin-bottom-small {
	margin-bottom:15px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.margin-small {
	margin:5px;
}

.text-right {
	text-align:right;
}

.text-left {
	text-align:left;
}

.text-center {
	text-align:center;
}

.padding-top {
	padding-top:35px;
}

.padding-top-max {
	padding-top:75px;
}

.margin-top-small {
	margin-top:15px;
}

.maxwidth img {
	max-width:100%;
	height:auto;
}


.hamburger {
  padding: 15px 15px;
  display: none;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
		-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
  float:right;
  position: fixed;
  top:20px;
  right:15px;
  overflow: visible; }


 .nav-small .hamburger {
 	top:10px;
 			-webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    transition: all 300ms ease;
 }
  .hamburger:hover {
    opacity: 0.7; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
bottom: -10px; }


.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
