/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* Hide the not computed base price*/

@font-face {
    font-family: 'hummingbirdregular';
    src: url('custom-fonts/hummingbird-regular-webfont.woff2') format('woff2'),
         url('custom-fonts/hummingbird-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'StencilStd';
  src: url('custom-fonts/StencilStd%EF%B9%96.eot#iefix') format('embedded-opentype'),  url('custom-fonts/StencilStd.otf')  format('opentype'),
	     url('custom-fonts/StencilStd.woff') format('woff'), url('custom-fonts/StencilStd.ttf')  format('truetype'), url('custom-fonts/StencilStd.svg#StencilStd') format('svg');
  font-weight: normal;
  font-style: normal;
}


body.role-test30 p.price.price-unit.smaller, body.role-test30 p.wc-gzd-additional-info.tax-info, body.role-test30 span.unit-price.unit-price-cart {
    display: none !important;
}

#tab-description > p.small-margin-bottom, #tab-description > div.shortcode-toggle > div > p.small-margin-bottom{
	margin-bottom: 0.5em;
}

@media only screen and (min-width: 768px) {
#header-container {
    background-color: #fff;
    float: left;
    margin-right: 2em;
    }}

 @media only screen and (min-width: 768px){
#navigation .menus.nav-icons .side-nav {
    position: relative;
    top: 0;
    right: 0;
    float: right;   
}
}

#logo{
	width: 167px !important;
	padding-top: 20px;
}

@media only screen and (max-width: 425px){
	#logo{
		margin: auto;
		}}

@media only screen and (min-width: 768px) {
    #navigation {
		float: left;
	    width: auto;
	    clear: none;
	    max-width: 600px;
	    margin-left: 2%;
	    padding-top: 1.9em;
    }
}



@media only screen and (max-width: 425px){
	#navigation{
	background-color: #f8f7f2;
	font-weight: 300;
		}}


@media only screen and (min-width: 768px){
#nav-container {
    margin: 0 0 1em 0;
}
}

@media only screen and (max-width: 425px){
ul.nav li.current_page_item a, #navigation ul.rss li a, #navigation .nav-home, #navigation .nav-close{
	background: #f8f7f2;
    color: #a88c25;
	}}

@media only screen and (max-width: 425px){
	ul.nav li a{
	background: #f8f7f2;
    color: #28292b;
		}}


@media only screen and (max-width: 425px){
		#navigation h3{
		display: none;
			}}

@media only screen and (min-width: 768px){
#top ul.nav li a{
	color: #a88c25;
}}

@media only screen and (min-width: 768px) {
body.full-width #content {
    padding: 20px 40px;
    position: relative;
    border-top: 1px solid #dadada;
}}

.breadcrumb-title {
    display: none;
}

.breadcrumb{
	border-bottom: none;
}

span.macafeheadline{
	font-family:'StencilStd';
}

.woocommerce_ordering, .woocommerce-ordering, mark.count {
text-align: right;
display: none;
}

/* New category badge*/

#woocommerce_product_categories-3 > ul > li.cat-item.cat-item-190 > a:after, #woocommerce_product_categories-3 > ul > li.cat-item.cat-item-303 > a:after{
position:absolute;
padding-left: 1em;
width: 2em;
content: url(../../uploads/2017/03/badgeNeu.svg) " ";
}

#woocommerce_product_categories-3 > ul > li.cat-item.cat-item-196 > a:after{
position:absolute;
padding-left: 1em;
width: 2em;
content: url(../../uploads/2017/03/badgeNew.svg) " ";
}

#woocommerce_product_categories-3 > ul > li.cat-item.cat-item-204 > a:after{
position:absolute;
padding-left: 1em;
width: 2em;
content: url(../../uploads/2017/03/badgeNuovo.svg) " ";
}

#woocommerce_product_categories-3 > ul > li.cat-item.cat-item-305 > a:after{
position:absolute;
padding-left: 1em;
width: 2em;
content: url(../../uploads/2017/03/badgeNeu.svg) " ";
}

#woocommerce_product_categories-3 > ul > li.cat-item.cat-item-267{
display: none !important;
}


#woocommerce_product_categories-3, .widget.widget_nav_menu{
	font-size: 1.1em;
	line-height: 2.2em;
}

#woocommerce_product_categories-3 >ul >li >a, #woocommerce_product_categories-3 >ul >li >ul >li >a, #menu-rechtliches >.menu-item >a{
	color: #28292b;
	text-align: left;
	font-family: helvetica;
}

#woocommerce_product_categories-3 >ul >li >a:active, #woocommerce_product_categories-3 >ul >li >ul >li >a:active, #menu-rechtliches >.menu-item >a:active{
	color: #a88c25;
}

#woocommerce_product_categories-3 >ul, #woocommerce_product_categories-3 >ul >li >ul,  ul#menu-rechtliches{
	list-style-type: none;
}

#menu-rechtliches >.menu-item{
	text-align: left;
}

#social-widget >a{
	float:left;
	margin: 1.5em;
	width: 32px;
}

div.cleardiv{
clear: both;
}

#user_pass{
	display: block;
}

/*wo overwrites*/

/*ratings*/

p.stars a.star-1:after, p.stars a.star-2:after, p.stars a.star-3:after, p.stars a.star-4:after, p.stars a.star-5:after{
	color: #a88c25;
	font-size: 1em;
	top: 0.5em;
}

.star-rating span:before{
	color: #a88c25;
}


a.button.wc-forward{
	margin-top: 1em;
}

.woocommerce_message, .woocommerce-message {
    background-color: #f8f7f2;
	}
/*startseite imageHeader*/

#startTopLeft > div {
    margin: 0;
    width: 100%;
    height: 20em;
		margin-bottom: 2em;
}

#start-content-header-bild-1{
	/* background-image: url(../../uploads/2018/11/weihnachtsHeroMacafeV2-1.jpg); */
	background-image: url(../../uploads/2017/02/landingTop2.jpg);
	/*background-image: url(../../uploads/2016/12/startLandingTop.jpg);*/
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#start-content-header-bild-1 > div{
	position: relative;
	top: 5%;
    left: 5%;
    background-color: #28292b;
    opacity: 0.5;
    width: 30em;
}

#start-content-header-bild-1 > div > h1{
	font-family:'StencilStd';
	font-size: 4em;
	margin-bottom: 0;
	color: #f8f7f2;
    margin-left: 1em;

}

@media only screen and (max-width: 425px){
	#start-content-header-bild-1 > div > h1{
	font-size: 3em;
	margin-bottom: 0;
}}

#start-content-header-bild-1 > div > h1:hover{
	color: #ffffff;
}


#start-content-header-bild-1 > div > h2{
	font-family: "hummingbirdregular",sans-serif;
	font-size: 3em;
  	padding-left: 3em;
  	margin: 0;
  	color: #f8f7f2;
}

@media only screen and (max-width: 425px){
	#start-content-header-bild-1 > div > h2{
	font-size: 2em;
  	padding-left: 1em;
  	margin: 0;
  	color: #f8f7f2;
}}

.page-id-668 #main > div.breadcrumb.breadcrumbs.woo-breadcrumbs{
display: none !important;
margin-bottom: 0em !important;
}

.widget ul li:before {
    content: "";
    margin-right: 0em;
}


/*@media only screen and (min-width: 768px){
.woocommerce.columns-2 ul.products li.product, .woocommerce-page.columns-2 ul.products li.product {
    width: 38%;
	}
}*/

/*LandingPage categories*/

/* catHeader & featuredHeader*/

.cat-desc-header{
display: block;
width: 100%;
margin: 30px auto;
height: 40px;
text-align: center;
padding: 5px;
background-color: #28292b;
border: 1px solid #28292b;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}




.cat-desc-header h3{
	font-weight: normal;
	color: #a88c25;
}

.startKat-wrapper{
	/*width: 48%;*/
	width: 31%;
	float: left;
	margin: 1%
}

@media only screen and (max-width: 425px){
.startKat-wrapper{
	width: 80%;
	margin: 5% 10%;
}
}

#startKat-1, #startKat-2, #startKat-3, #startKat-4, #startKat-5, #startKat-6 {
	width: 150px;
	height: 150px;
	margin: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: 1px solid #a88c25;
}


#startKat-1{
	background-image: url(../../uploads/2017/02/coffeeTripleCategory.jpg);
}

#startKat-2{
	background-image: url(../../uploads/2017/02/tassenglas.jpg);
}

#startKat-3{
	background-image: url(../../uploads/2017/02/toGoCupCategory.jpg);
}

#startKat-4{
	background-image: url(../../uploads/2017/02/78_0.jpg);
}

#startKat-5{
	background-image: url(../../uploads/2017/02/reinigungCategory-1.jpg);
}

#startKat-6{
	background-image: url(../../uploads/2017/02/filterCategory.jpg);
}


.cat-name-custom{
	display: block;
	width: 100%;
	margin: auto;
	text-align: center;
}

.cat-name-custom > h2, .cat-name-custom > h2.span{
	font-size: 1.1em;
	font-weight: normal;
}



@media only screen and (min-width: 768px){
ul.products li.product, .post-type-archive-product ul.products li.product.first {
    width: 30%;
    margin: 5% 1% !important;
}
}


#shop-startseite > div > ul > li {
	width: 29%;
    margin: 2% 2%;
    float: left;
}

@media only screen and (max-width: 425px){
	#shop-startseite > div > ul > li{
	width: 80%;
    margin: 5% 10%;

	}}

@media only screen and (max-width: 425px){
ul.products li.product {
    width: 80%;
    margin: 5% 10%;
}
}

ul.products >li >a >h2{
	font-weight: normal;
	font-size: 1em;
	min-height: 3em;
    display: block;
}


ul.products li.product .price {
    display: block;
    color: #28292b;
    min-height: 3em;
}


a.versandkosten{
	display: inline-block !important;
}

p.price{
	margin-bottom: 0px;
}

 p.wc-gzd-additional-info.shipping-costs-info, p.wc-gzd-additional-info.tax-info{
 	font-size: 10px;
 }

/*product details*/
/*span.woocommerce-Price-amount.amount{
padding-left: 0.5em;
}*/

span.woocommerce-Price-currencySymbol{
	margin-right: 0.5em;
}

.woocommerce-price-suffix {
    display: none;
}

p.price.price-unit.smaller {
    font-size: 1em;
    font-weight: 300;

}

.woocommerce-Price-amount.amount {
    font-size: 1em;
    font-weight: 300 ;
}

.woocommerce-price-suffix {
    font-size: 1em;
    font-weight: 300;
}

/* labels next to price */

td > div.quantity, td.price, td.label{
	vertical-align: middle;
}


div.product_meta{
	display: none;
}

.woocommerce .woocommerce-tabs .panel h2 {
    margin-bottom: 0.7em;
    font-size: 1.2em;
}


.woocommerce #tab-description ul li {
    list-style-type: none;
}

#tab-description > ul.product-detail-bean{
margin-left: 2em;
list-style: none;
}

#tab-description > ul.product-detail-bean li{
position: relative;
line-height: 180%;
}

#tab-description > ul.product-detail-bean li:before{
position:absolute;
left: -2em;
width: 1em;
content: url(../../uploads/2017/02/beanUse.svg) " ";
}

/*rohkaffee beans */

#tab-description > h3.bean-headline, #tab-description > div.shortcode-toggle > div > h3{
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-size: 1.1em;
}


#tab-description > ul.product-detail-bean-small{
margin-left: 5em;
list-style: none;
}

#tab-description > ul.product-detail-bean-small li{
position: relative;
line-height: 180%;
padding-left: 1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-1{
position:absolute;
left: -5em;
width: 1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-last-1{
position:absolute;
left: -5em;
width: 1em;
margin-right:4em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-2{
position:absolute;
left: -4em;
width: 1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-last-2{
position:absolute;
left: -4em;
width: 1em;
margin-right:3em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-3{
position:absolute;
left: -3em;
width: 1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-last-3{
position:absolute;
left: -3em;
width: 1em;
margin-right:2em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-4{
position:absolute;
left: -2em;
width: 1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-last-4{
position:absolute;
left: -2em;
width: 1em;
margin-right:1em;
}

#tab-description > ul.product-detail-bean-small > li > span.bean-small-5{
position:absolute;
left: -1em;
width: 1em;
}


/* toggle content bean */

#tab-description > h4#togglebeantypehead{
	margin-bottom: 2em;
}

#tab-description > div.shortcode-toggle > div > ul.product-detail-bean-small{
margin-left: -1em;
list-style: none;
padding: 0 0 0 1em;
}

#tab-description > div.shortcode-toggle > div > ul > li{
position: relative;
line-height: 180%;
padding-left: 6em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-1{
position:absolute;
left: 0em;
width: 1em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-last-1{
position:absolute;
left: 0em;
width: 1em;
margin-right:5em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-2{
position:absolute;
left: 1em;
width: 1em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-last-2{
position:absolute;
left: 1em;
width: 1em;
margin-right:4em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-3{
position:absolute;
left: 2em;
width: 1em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-last-3{
position:absolute;
left: 2em;
width: 1em;
margin-right:3em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-4{
position:absolute;
left: 3em;
width: 1em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-last-4{
position:absolute;
left: 3em;
width: 1em;
margin-right:2em;
}

#tab-description > div.shortcode-toggle > div > ul > li > span.bean-small-5{
position:absolute;
left: 4em;
width: 1em;
margin-right:1em;
}





#tab-description > h5.tagespreis-headline{
	margin-top: 2em;
}


.wgm-extra-costs-eu {
    font-size: 0.7em;
}

div.related.products > ul > li{
	width: 40%;
    margin: 5% 2%;
    clear: none;
}

#footer-widgets-container {
    background-color: #f8f7f2;
	border-top: 1px solid #dadada;
	}

#footer{
	padding-top: 1em;
	padding-bottom: 1em;
}

#footer-delivery, #footer-support, #footer-wallet{
padding-top: 1em;
max-width: 250px;
}

#footer-delivery > .style-svg, #footer-support > .style-svg, #footer-wallet > .style-svg{
	height: 44px;
  padding-bottom: 1em;
}

.woocommerce .social {
    text-align: left;
    padding-top: 2em;
}

p.stock.out-of-stock {
	color: #B51219;
	font-weight: 600;
}

#footer-container {
    border-top: 1px solid #dadada;
}


ul > li.post-14523 > a.woocommerce-LoopProduct-link{
	margin-bottom: 3em;
}
/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {}
	/* Desktop styles go below this line */