/*rootverzeichnis*/
	#root {
		background: red; 
		font-size: 12px; 
		position: fixed; 
		top: 0; 
		left: 0px; 
		z-index: 9999; 
	}
	
	/* ------------------------ 
	SEO-DEV deaktivieren
	------------------------ */
	/*td.wpseo-score,
	td.wpseo-title,
	td.wpseo-metadesc,
	td.wpseo-focuskw {display: none !important; }*/


	/* ------------------------ 
	BUTTON
	------------------------ */
	.but,
	.custom-but,
	.add_to_cart_button { padding: 10px 0;}
	
	.custom-but.remove {display: none !important; }
	
	/*iphone mobile*/
	a[href^="tel"] {
	  color: #000 !important; 
	  text-decoration: none; 
	}
	
	
	.but, 
	.button, 
	
	.nav-logo,
	#logo_overlay,
	#custom-search,
	
	#menu_toggle,
	.cmn-toggle-switch,
	#arrow .mobile,
	#mobile-all a.cart,
	#mobile-all a.cart:before,
	
	.add_to_cart_button,
	.shop.overview .woomscart,
	.load_more_but,
	#newsletter .subscripe_but,
	
	#follow_icons a,
	#follow_icons li,
	#quicklinks ul li a,
	.menu-footer ul li a,
	
	.barista #workshops .bg_image,
	.pea_cook_wrapper .pea_cook_btn,
	
	#footer-nav #custom-account,
	#footer-nav #custom-wishlist,
	#footer-nav #locations { 
		cursor: pointer;
	}
	
	/* ------------------------ 
	RESOLUTION
	------------------------ */
	#page, 
	.col-full,
	.footer_byline,
	#header_overlay #navi {max-width: 1660px; }
	
	.pea_cook_wrapper,
	#search_container,
	.masthead-outer { width: 1660px; }
	
	#hero_img img,
	#hero_img_one img,
	#hero_img_two img,
	#hero_img_two .bg_img.big,
	#hero_img_extra img,
	#hero_img_bottom img,
	#hero_img_center img,
	.bg_img img,
	.bg_image img {  width: 100%}
	
	.sourcing #hero_img img { padding: 10px; }
	#dreier_grid img {width: 100%; }
	.story #hero_img_one img { min-width: auto; }
	#team_grid img { min-width: 100%; }

	
	/*txt inner*/
	.txt-wrapper { 
		max-width: 1660px; 
		margin-left: auto;
		margin-right: auto;
	}
	.txt-container {
		position: absolute;
		width: 100%; 
		margin: 0 auto; 
		top: 50%;
		left: 50%;
		margin-left: -50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.bg_img,
	.bg_image {
		position: relative;
		background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.my_img { 
		position: relative;
	 	max-width: 100%;
  		max-height: 100%;
		overflow: hidden;
	}
	.my_img img { width: 100%; }
	
	/*container-height */
	#hero_product .txt-container { min-height: 800px;}
	#description .my_img { max-height: 800px;}
	
	
	/* ----------- GASTRO ----------- */
	.gastro.overview #hero_img_bottom .text_box.up { margin: -10% auto 5%;}
	
	 #referenzen img,
	 #quality img { width: auto; }
	 
	 
	 /* ----------- SPECIALITY ----------- */
	 #hero_img_center.two-img .text_box { margin: -10% auto; }
	 #hero_img_center.two-img .but {margin-top: -5%;}
	 
	 #hero_img_ending .bg_img { height: 700px; }
	 #hero_img_ending .but.more {
			position: absolute;
			margin: 600px auto 0px;
			left: 50%;
	 }
	 
	 /* ----------- ABOUT ----------- */
	 .team #team.col-12 {width: calc(100% - 8px);}
	 #team .col-6 {padding: 0 8px;}

	/* extended team */
	.about.team #extended_team .subhead {padding: 30px 0 50px;}
	.about.team #extended_team .img.round {
		   -webkit-transform: scale(1.3);
			-moz-transform: scale(1.3);
			-ms-transform: scale(1.3);
			-o-transform: scale(1.3);
			transform: scale(1.3);
			margin: 80px auto;
	}
	.about.team #extended_team .four-grid .img.round {margin-bottom: 50px;}
	
	
	/* ----------- BLOG ----------- */
	/*share*/
	/*animate-bottom-icon*/
	.single-post #share,
	.single-post .share_bottom #follow_icons { width: 40px; }
	
	@media only screen and (max-width: 850px) { 
	.single-post #share,
	.single-post .share_bottom #follow_icons { width: 100%; }
	.single-post #share {margin-left: 0px; }
	}
	
	
	
	/*intro-icon*/
	.single.single-post #intro #share {width: 100%;}
	.single-post #intro #share a {padding: 0 3px !important;}
	
	.single-post .widgets_on_page ul { 
		margin: auto; 
		list-style: none;
	}
	.single-post #intro .heateor_sss_sharing_container { 
		width: 260px; 
		margin: auto; 
	}
	/*.single-post #intro .heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul {left: 0% !important;}*/
	
	/* ----------- PRODUCT ----------- */
	#description .txt-container.headline { color: white; }
	
	.single-product #hero_img_slider .text_box {left: 0%; }
	
	
	/* ------------------------ 
	COOKIES
	------------------------ */
	.pea_cook_wrapper { 
		display: block !important; 
		margin: 0 auto !important;
		
		top: 0px !important;
		left: 0px !important;
		right: 0px !important;
		
		padding: 17px 80px !important;
		background-color: #fff !important; 
		border-radius: 0px !important;
		
		z-index: 100 !important;
	}
	/*.home .pea_cook_wrapper { display: block !important; }*/
	
	.pea_cook_wrapper p .long {display: block; float: left; }
	.pea_cook_wrapper p .short,
	.pea_cook_wrapper p .short-short {display: none; float: left;  }
	
	
	.pea_cook_wrapper p,
	button.pea_cook_btn { 
		text-transform: uppercase !important; 
		font-family: DINPro-condbold !important; 
		letter-spacing: -1px !important; 	
		font-size: 20px !important; 
		color:#000 !important;  
		font-weight: normal !important; 
		text-align: left !important;
		width: auto !important;
	}
	.pea_cook_wrapper a {
		color: #8a8a8a !important;
		padding-left: 8px;
		text-decoration: underline !important;
		border-bottom: 0px !important;
	}

	.pea_cook_wrapper .pea_cook_btn {
		background: #fff !important;
		border: 0px !important;
		border-radius: 0px !important;
		box-shadow: inset 0 0 0px 0px !important;
		padding: 0px 0 !important;
		text-align: center;
		text-shadow: 0 0px 0 !important;
		margin-left: 0px !important;
		text-decoration: underline !important;
		
		float: right; 
		margin-right: 5px; 
	}
	
	/* New Cookie Banner */
	#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
		border-top: 0px solid #fff !important;
	}
	#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
	#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p {
		color: #ccc !important;
	}
	
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder {
		text-align: center !important;
	}

	/* 1024 */
	@media only screen and (max-width: 1159px) { 
		#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
			display: block !important;
		}
	}
	
	@media only screen and (max-width: 766px) { 
		#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder {
			display: flex !important;
		}
	}
	
	
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
    	background-color: transparent !important;
	}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
		background-color: #fff !important;
	}
	
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, 
	.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
		background-color: #333 !important;
		border-color: #333 !important;
	}
	
	
	
	/* ------------------------ 
	NAV ALL FOR ALL
	------------------------ */
	.masthead-outer,
	#masthead,
	.primary-navigation,
	.main-navigation { margin: 0 auto; text-align: center;}
	
	.masthead-outer,
	.primary-navigation { background: transparent;}
	
	#masthead,
	.primary-navigation { width: 100%;}
	
	.masthead-outer { position: fixed;}
	#masthead { height: 40px; top: 0px; background: #161616;}
	#masthead .left { float: left; padding-left: 80px; }
	#masthead .right { float: right; padding-right: 70px; width: 400px; }
	
	#masthead .inline-me {display: inline-block; vertical-align: top; padding: 7px 0px 3px;}
	#masthead .right .inline-me:nth-child(2) { padding-left: 40px; padding-right: 60px; }

	.main-navigation ul.menu > li > a { padding: 1em 0!important; }
	.main-navigation ul li:first-child {padding-left: 0% !important;}
	.main-navigation ul li:last-child {padding-right: 0% !important;}
	
	
	/* ------------------------ 
	NAV HOME
	------------------------ */
	.home #site-navigation {background: #000; top: 0px;}
	.home .main-navigation .inner { padding: 0px; }
	
	/* home unterstrich */
	.home .home-navigation ul li.current-page-ancestor > a:after,
	.home .home-navigation ul li.current-menu-item > a:after,
	.home .home-navigation ul li > a:hover:after,
	
	/* nav-main unterstrich */
	.primary-navigation ul.menu li.current-page-ancestor > a:after,
	.primary-navigation ul.menu li.current-menu-item > a:after,
	.primary-navigation ul.menu li > a:hover:after,
	.primary-navigation ul.menu li > a.aktiv:after,
	
	/* nav-main overlay unterstrich */
	#header_overlay #navi ul li.current-page-ancestor > a:after,
	#header_overlay #navi ul li.current-menu-item > a:after,
	#header_overlay #navi ul li > a:hover:after,
	#header_overlay #navi ul li > a.aktiv:after { 
		content:""; 
	    background: #fff; 
	    position: absolute; 
	    top: 56px;
	    left: calc(50% - 7px);
	    height: 2px; 
	    width: 14px;	  	
	}
	/* position nav-main overlay unterstrich */
	#header_overlay #navi ul li.current-page-ancestor > a:after,
	#header_overlay #navi ul li.current-menu-item > a:after,
	#header_overlay #navi ul li > a:hover:after { 
		top: 35px;
	}
	
	 /* home first-child */
	.home .home-navigation ul li:first-child.current-page-ancestor > a:after,
	.home .home-navigation ul li:first-child.current-menu-item > a:after,
	.home .home-navigation ul li:first-child > a:hover:after,
	
	/* nav-main first-child */
	.primary-navigation ul li:first-child.current-page-ancestor > a:after,
	.primary-navigation ul li:first-child.current-menu-item > a:after,
	.primary-navigation ul li:first-child > a:hover:after,
	.primary-navigation ul li:first-child > a.aktiv:after,
	
	/* nav-main-overlay first-child */
	#header_overlay #navi ul li:first-child.current-page-ancestor > a:after,
	#header_overlay #navi ul li:first-child.current-menu-item > a:after,
	#header_overlay #navi ul li:first-child > a:hover:after,
	#header_overlay #navi ul li:first-child > a.aktiv:after  { 
	    left: calc(15%);	
	}
	
	 /* home last-child */
	.home .home-navigation ul li:last-child.current-page-ancestor > a:after,
	.home .home-navigation ul li:last-child.current-menu-item > a:after,
	.home .home-navigation ul li:last-child > a:hover:after,
	
	/* nav-main-overlay last-child */
	#header_overlay #navi ul li:last-child.current-page-ancestor > a:after,
	#header_overlay #navi ul li:last-child.current-menu-item > a:after,
	#header_overlay #navi ul li:last-child > a:hover:after,
	#header_overlay #navi ul li:last-child > a.aktiv:after { 
	    left: calc(80% - 15px);	 
	}
	
	/* nav-main */
	.primary-navigation ul.menu li > a.aktiv.black:after {background: #000; }
	
	/*home-navigation overlay*/
	#header_overlay .home-navigation { display: none; }
	
	.home #header_overlay .home-navigation,
	.blog #header_overlay .home-navigation,
	.kontakt #header_overlay .home-navigation,
	
	.others #header_overlay .home-navigation,
	.imprint #header_overlay .home-navigation,
	
	.wishlist #header_overlay .home-navigation,
	
	.single-post #header_overlay .home-navigation,
	.archive.tag #header_overlay .home-navigation,
	
	.search #header_overlay .home-navigation,
	.error404 #header_overlay .home-navigation,
	
	.woocommerce-cart #header_overlay .home-navigation,
	.woocommerce-checkout #header_overlay .home-navigation {display: block; } 
	
	
	/* ------------------------ 
	NAV TOP
	------------------------ */
	#custom-search { margin-top:4px; }
	#custom-account { margin-top:-1px; }
	#custom-wishlist { margin-top: 4px; }
	#custom-cart { margin-top: 1px;}
	
	/* -- Search -- */
	#custom-search { 
		/*margin-left: 20px;*/
		margin-left: 40px; }
	#custom-search .text:after { 
		display: inline-block;
		margin-left: -58px;
		content: "\f002";
		font-family: 'FontAwesome';
		color: #fff;
		position: absolute;
	}
	
	/* -- Account -- */
	#custom-account a:after,
	#custom-wishlist .text:after,
	#custom-account a:after {
		display: inline-block;
		font-size: 14px/1 ;
		font-family: FontAwesome;
		font-size: inherit;
		text-rendering: auto;
	}
	#custom-account a:after {
		content: "\f007";
		margin-top: 5px;
		margin-left: .4em;
	}
	
	/* -- Wishlist -- */
	#custom-wishlist .text:after { 
		margin-top: 0px;
		margin-left: .4em;
		content: "\f004";
		position: absolute;
	}
	
	
	/* ------------------------ 
	NAV MAIN
	------------------------ */
	ul.menu, 
	.main-navigation ul.nav-menu { margin-left: 0em !important; }
	.home .main-navigation ul.menu, 
	.home .main-navigation ul.nav-menu { margin-left: -1em ;}
	.main-navigation ul li, 
	.secondary-navigation ul li { text-align: center; }
	
	.main-navigation ul.menu > li > a,
	ul.menu > li > a  {
		padding: 1em 0em; 
		font-size: 24px; 
		word-spacing: 3px;
	}
	.mobile.navigation ul.menu > li > a  { padding: 0em; }
	
	#header_overlay .main-navigation ul.menu > li > a, 
	#header_overlay ul.menu > li > a {font-size: 22px;}

	/* nav */
	#site-navigation {position: relative; margin: auto;}
	.primary-navigation { margin: 0 auto; }

	/* nav position */
	.primary-navigation ul.menu li:nth-child(1),
	.primary-navigation ul.menu li:nth-child(2),
	.primary-navigation ul.menu li:nth-child(3) { padding: 0 3.9%; float: left;} 
	.primary-navigation ul.menu li:nth-child(4),
	.primary-navigation ul.menu li:nth-child(5),
	.primary-navigation ul.menu li:nth-child(6),
	.primary-navigation ul.menu li:nth-child(7) { padding: 0 2.6%; float: right;}
	
	.primary-navigation ul li:last-child {padding-right: 3% !important;}
	
	#site-navigation { top: 48px;}  
	.nav-logo .inner {top: -36px;}
	
	/* single-product open / close */
 	#site-navigation { 
		margin-top: 0px; 
		opacity: 1; 
		transition: all .3s ease;
	}  
	#site-navigation.close { 
		margin-top: -150px; 
	}
	
	#site-navigation.fadeout { 
		opacity: 0; 
		transition: all .2s ease;
	}
	
	
	/* ------------------------ 
	SUBNAV MAIN
	------------------------ */
	.sub-navigation { background-color: #000; width: 100%; margin: -1px auto 0; text-align: center; }
	.sub-navigation ul li { display: inline-block; padding: 20px 30px 0px; }
	ul.menu li.current-menu-item > a {color: #fff; }
	
	 /* pfeil hover */
	.sub-navigation ul li:after {
		  content: '';
		  width:0;
		  height:0;
		  border-top:10px solid transparent;
		  border-bottom:10px solid transparent;
		  border-left:10px solid black;
		  transform: rotate(-90deg);
		  display: block;
		  text-align:center;
		  margin: 0px auto -5px;
	}
	.sub-navigation ul li:hover:after,
	.sub-navigation ul li.current-menu-item:after { border-left: 10px solid white;} 
	
	
	/* ------------------------ 
	CHANCE COLOR
	------------------------ */
	/* black */
	.main-navigation.black  ul.menu > li > a,
	body.search .main-navigation.black  ul.menu > li > a {color: #000; } 
	
	.main-navigation.black ul.menu li > a:hover:after,
	.main-navigation.black ul.menu li.current-menu-item > a:after,
	.main-navigation.black ul.menu li.current-page-ancestor > a:after {  background: #000; }
	
	/* white */
	#custom-wishlist .text,
	#header_overlay .main-navigation.black  ul.menu > li > a {color: #fff !important; } 
	.main-navigation.white  ul.menu > li > a {color: #fff; } 
	
	.main-navigation.white ul.menu li > a:hover:after,
	.main-navigation.white ul.menu li.current-menu-item > a:after,
	.main-navigation.white ul.menu li.current-page-ancestor > a:after {  background: #fff; }
	
	
	.nav-logo.white .inner { 
		background: url('../../picts/_logo/svg/logo-white.svg') bottom center no-repeat;
		background-size: 120px 78px;
	}
	.nav-logo.black .inner { 
		background: url('../../picts/_logo/svg/logo-black.svg') bottom center no-repeat;
		background-size: 120px 78px;
	}
	
	
	/* ---------------------------------- 
	NAV LOGO
	---------------------------------- */
	.nav-logo { 
		position: relative;
		margin: 5px auto;
		width: 120px;
	}
	.nav-logo .inner { 
		position: absolute;
		content: '';
		width: 120px;
		height:78px;
		top: -36px;
	}
	
	#home-logo {
		 position: absolute;
  		 width: 218px;
		 height: 141px;
		
		 top: calc(40% - 30px);
		 left: calc(50% - 109px);
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
	}
	
	.but.header {
		bottom: 100px;
		position: absolute;
		text-align: center; 
	}
	.but.header.white .buttext { color: #000; }
	.but.header.black .buttext { color: #fff; }
	
	
	#barista-logo {
		 position: absolute;
  		 width: 220px;
		 height: 240px;
		
		 top: calc(50% + 30px);
		 left: calc(50% - 110px);
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
	}
	
	.academy-logo { 
		position: relative;
		margin: 0px auto;
		width: 149px;	
	}
	.academy-logo .inner { 
		position: relative;
		width: 149px;
		height:163px;
		margin-bottom: 40px;
	}
	
	
	/* ---------------------------------- 
	HEADER OVERLAY
	---------------------------------- */
	#header_overlay,
	#header_overlay .sub-navigation {  
		width: 100%;
		position: fixed;
		opacity: 1;
		background: #000;
	}
	#header_overlay {  
		top: 0px;
		left: 0px;
	}
	
	#header_overlay .main-navigation ul.menu {padding: 0px;}
	#header_overlay .sub-navigation ul { margin-bottom: 0px; }
	
	/* overlay nav */
	#header_overlay,
	#header_overlay #navi,
	#header_overlay #navi ul { margin: 0 auto; }
	
	#header_overlay #navi { background: #000; }
	#header_overlay #navi .inner {padding: 0 0 5px 0px;}
	#header_overlay #navi ul { 
		background: transparent;  
		height: 40px;
	}
	#header_overlay #navi ul li {
		position: relative;
		display: inline-block;
		text-align: center;
	}

	#header_overlay #navi ul li > a { padding: 6px 0 !important; }

	/* position overlay */
	.page-template #header_overlay #navi,
	.archive.tag #header_overlay #navi,
	.search #header_overlay #navi,
	.wishlist #header_overlay #navi,
	.error404 #header_overlay #navi,
	.woocommerce-cart #header_overlay #navi { margin-top: 40px;}
	
	/* single */
	.single #header_overlay #navi { margin-top: 40px;}
	
	/* overlay sub-nav position */
	#header_overlay .sub-navigation ul li { padding: 2px 24px 0px; }
	
	/* pfeil hover */
	#header_overlay .sub-navigation ul li::after {
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-left: 7px solid black;
		margin: 0px auto -3px;
	}
	#header_overlay .sub-navigation ul li:hover:after,
	#header_overlay .sub-navigation ul li.current-menu-item:after {border-left:8px solid white;} 
	
	/* pfeil hover small*neu*/
	#header_overlay .sub-navigation ul li:after {
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid black;
		margin: -2px auto 2px;
	}
	#header_overlay .sub-navigation ul li:hover:after,
	#header_overlay .sub-navigation ul li.current-menu-item:after,
	/* detail-gastro-maschinen */
	#header_overlay .sub-navigation ul li.menu-item-643.current-menu-item:after,
	/* detail-gastro-office */
	#header_overlay .sub-navigation ul li.menu-item-642.current-menu-item:after,
	/* detail-about-jobs */
	#header_overlay .sub-navigation ul li.menu-item-1232.current-menu-item:after {border-left:6px solid white;} 
	
	
	/*subnav-cat active for single products*/
	.espresso #header_overlay .sub-navigation ul li:nth-child(2):after,
	.filterkaffee #header_overlay .sub-navigation ul li:nth-child(3):after,
	
	.gutschein #header_overlay .sub-navigation ul li.menu-item-38581:after,
	.coldbrewx #header_overlay .sub-navigation ul li.menu-item-23638:after,
	.kurse #header_overlay .sub-navigation ul li.menu-item-5394:after,
	.abo #header_overlay .sub-navigation ul li.menu-item-6457:after,
	.zubehoer #header_overlay .sub-navigation ul li.menu-item-49155:after,
	.kaffeekapseln #header_overlay .sub-navigation ul li.menu-item-17660:after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-left: 6px solid #fff;
		margin: -2px auto 2px;
	}
	
	
	/* ---------------------------------- 
	OVERLAY NAV ANIMATION
	---------------------------------- */
	/* close */
	#header_overlay,
	#header_overlay .sub-navigation  { 
		-webkit-transform: translateY(-85px);
		-moz-transform: translateY(-85px);
		transform: translateY(-85px);
		transition: all .5s;
	}
	#header_overlay.fast-close { 
		margin-top: -85px;
		transition: all .0s;	
	}
	
	/* open */
	#header_overlay.open,
	#header_overlay .sub-navigation.open { 
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
 	#header_overlay .sub-navigation { margin-top: -85px;}  
	#header_overlay .sub-navigation.open { margin-top: 0px;}
	
	/*account open*/
	#header_overlay .sub-navigation.account.open {margin-top: 35px;}
	
	
	/* ------------------------ 
	COOOKI -WRAPPER
	------------------------ */
	/*mobile*/
	body.show-cooki-wrapper #menu_toggle, 
	body.show-cooki-wrapper #arrow .mobile {
		top: 75px;
	}
	body.show-cooki-wrapper #mobile-all #mobile-head,
	body.show-cooki-wrapper #mobile-all .cart {
		top: 55px;
	}
	body.show-cooki-wrapper #mobile-all #main-nav,
	body.show-cooki-wrapper #mobile-all #sub-nav {top: 115px; }
	
	body.show-cooki-wrapper #mobile-head .head {margin-top: 33px;}
	
	/*desk*/
	body .masthead-outer { margin-top: 0px;}
	
	body .page-template #header_overlay #navi { margin-top: 100px;}
	body #search_container.open { top: 0px;}
	
	body.show-cooki-wrapper .masthead-outer { margin-top: 55px;}
	body.show-cooki-wrapper .page-template #header_overlay #navi {margin-top: 45px;}
	body.show-cooki-wrapper #search_container.open { top: 60px;}
	
	body.home.show-cooki-wrapper #site-navigation { top: 0px;}
	body.show-cooki-wrapper #site-navigation { top: 80px;}
	body.show-cooki-wrapper .nav-logo .inner {top: -5px;}
	
	body.show-cooki-wrapper #header_overlay .sub-navigation { margin-top: 0px;} 
	body.show-cooki-wrapper #header_overlay .sub-navigation.open { margin-top: 50px;} 
	
	
	
	/* ---------------------------------- 
	NAV MOBILE
	---------------------------------- */
	#mobile-all,
	#mobile-head .head,
	#arrow .mobile,
	#mobile-all .head.default { display: none; }
	
	#mobile-all.open,
	#mobile-head .head.default.open { display: block; }

	#main-nav, #sub-nav { z-index: 99;}
	#mobile-head, #footer-nav { z-index: 100; }
	#arrow .mobile, #menu_toggle { z-index: 101;}
	
	#mobile-head,
	#mobile-user,
	#arrow .mobile,
	#menu_toggle,
	#main-nav,
	#sub-nav { position: fixed; }
	
	#arrow .mobile { 
		top: 25px; 
		left: 120px; 
	}
	#arrow i {
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  display: inline-block;
	  padding: 8px;
	}
	#arrow .left {
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	}
	
	
	#mobile-head { 
		margin-left: auto;
		margin-right: auto;
		top: 0;
		left: 0;
		right: 0;
		height: 65px;
		
		margin: -65px auto; 
		transition: all .2s ease; 
		
		font-size: 2.2em;
		color: #fff;
		text-transform: uppercase;
		font-family: DINPro-condbold;
		letter-spacing: -1px;
		line-height: 0px;
		text-align: center;
		
		background: #141414;
	}
	#mobile-head .head { margin-top: 35px; -margin-top: 40px;}
	#mobile-head.open {margin: 0px auto 0; }
	
	#mobile-head .mobile {display: none; }
	
	
	/* ------------------------ 
	MOBILE CART
	------------------------ */
	#mobile-all a.cart {
		position: fixed; 
		z-index: 100 !important;
		top: 5px;
		left: 30px; 
		width: 50px; 
		height: 50px; 
	}
	#mobile-all a.cart:before {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		
		-webkit-font-smoothing: antialiased;
		font-family: 'Font Awesome 5 Free';
		vertical-align: baseline;
		
		text-align: center;
		line-height: 2.618046972;
		text-indent: 0;
		display: block;
	}
	
	a.cart .count {
		position: absolute;
		top: 1.4em;
		left: -.2em;
		
		background-color: #fff;
		border-color: #fff;
		color: #000;
		border-radius: 100%;
		border: 0px solid;
		
		width: 1.8em;
		height: 1.8em;
		line-height: 1.8;
		box-sizing: content-box;
		font-size: .3em;
		
		text-indent: 0;
		display: block;
	}
	
	/* ------------------------ 
	MOBILE BURGER
	------------------------ */
	#menu_toggle { 
		top: 25px; 
		right: 50px; 
	}
	
	.cmn-toggle-switch {
		display: block;
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 32px;
		height: 25px;
		
		font-size: 0;
		text-indent: -9999px;
		border: none;
		background: transparent !important;
	}
	
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after,
	.cmn-toggle-switch span {
		position: absolute;
		display: block;
		height: 3px;
		background: #fff;
	}
	
	 /* black */
	 body .black.cmn-toggle-switch span:before, 
	 body .black.cmn-toggle-switch span:after,
	 body .black.cmn-toggle-switch span,
	 
	 body .black.cmn-toggle-switch span:before, 
	 body .black.cmn-toggle-switch span:after,
	 body .black.cmn-toggle-switch span,
	 
	 .black.cmn-toggle-switch span:before, 
	 .black.cmn-toggle-switch span:after, 
	 .black.cmn-toggle-switch span,
	
	.search .cmn-toggle-switch span:before, 
	.search .cmn-toggle-switch span:after,
	.search .cmn-toggle-switch span,
	
	.my-account.first-login .cmn-toggle-switch span:before, 
	.my-account.first-login .cmn-toggle-switch span:after,
	.my-account.first-login .cmn-toggle-switch span,
	.my-account.woocommerce-lost-password .cmn-toggle-switch span:before, 
	.my-account.woocommerce-lost-password .cmn-toggle-switch span:after,
	.my-account.woocommerce-lost-password .cmn-toggle-switch span,
	
	.error404 .cmn-toggle-switch span:before, 
	.error404 .cmn-toggle-switch span:after,
	.error404 .cmn-toggle-switch span,
	
	.single-product.zubehoer .cmn-toggle-switch span:before,
	.single-product.zubehoer .cmn-toggle-switch span:after,
	.single-product.zubehoer .cmn-toggle-switch span,
	
	.single-product.merch .cmn-toggle-switch span:before,
	.single-product.merch .cmn-toggle-switch span:after,
	.single-product.merch .cmn-toggle-switch span { background: #000; }
	
	.cart.black .count,
	.others a.cart .count,
	.imprint a.cart .count,
	.search a.cart .count,
	.error404 a.cart .count,
	.single-product.zubehoer a.cart .count,
	.single-product.merch a.cart .count,
	.my-account.first-login a.cart .count,
	.my-account.woocommerce-lost-password a.cart .count/*,
	.woocommerce-cart a.cart .count,
	.woocommerce-checkout a.cart .count */{
		background-color: #000;
		border-color: #000;
		color: #fff;
	}
	
	 /* mobile-head open */
	 body #mobile-head.open .cmn-toggle-switch span:before, 
	 body #mobile-head.open .cmn-toggle-switch span:after,
	 body #mobile-head.open .cmn-toggle-switch span { background: #fff; }
	 
	 body #mobile-head.open a.cart .count {
		background-color: #fff;
		border-color: #fff;
		color: #000;
	}
	
	.cmn-toggle-switch span {
		top: 10px;
		left: 0px;
		right: 0px;
	}
	.cmn-toggle-switch span:before, 
	.cmn-toggle-switch span:after {
		left: 0;
		width: 100%;
		content: "";
	}
	.cmn-toggle-switch span:before { top: -10px;}
	.cmn-toggle-switch span:after { bottom: -10px;}
	
	.cmn-toggle-switch__htx span:before {
		-webkit-transition-property: top, -webkit-transform;
		transition-property: top, transform;
	}
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-property: bottom, -webkit-transform;
		transition-property: bottom, transform;
	}
	.cmn-toggle-switch__htx span:before, 
	.cmn-toggle-switch__htx span:after {
		-webkit-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s;
		-webkit-transition-delay: 0.3s, 0;
		transition-delay: 0.3s, 0;
	}
	
	/* active */
	.cmn-toggle-switch__htx.active span,
	body.is-open .cmn-toggle-switch.active span {background: none !important;}
	
	.cmn-toggle-switch__htx.active span:before {
		top: 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.cmn-toggle-switch__htx.active span:after {
		bottom: 0;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.cmn-toggle-switch__htx.active span:before, 
	.cmn-toggle-switch__htx.active span:after {
		-webkit-transition-delay: 0, 0.3s;
		transition-delay: 0, 0.3s;
	}


	/* ---------------------------------- 
	MOBILE NAV ( animate)
	---------------------------------- */
	#m-overlay {
		 position: fixed;
		 overflow-x: hidden;
		 z-index: 1;
		 
		  width: 0;
		  height: 100%;
		  top: 0;
		  left: 0;
		  background: #141414;   
		  transition: 0s;
	}
	#m-overlay.open { width: 100%; }
	.overlay-content {position: relative; margin: auto;}
	
	#main-nav,
	#sub-nav { 
		position: absolute;
		width: 100%;
		margin: 0 auto;
		
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);
		right: -100%; 
		transition: all .7s ease;	
	}
	
	#main-nav.open,
	#sub-nav.open { 
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		right: 0%; 
	 } 
	
	.mobile.navigation  ul.menu { 
		margin: 80px auto 160px !important; 
		list-style: none;
	}
	.mobile.navigation  ul.menu li { padding: 7px; }
	.mobile.navigation  ul.menu > li > a { font-size: 2.2em;  }
	
	/* mobile-nav unterstrich */
	.mobile.navigation ul.menu li > a:hover:after,
	.mobile.navigation ul.menu li.current-menu-item > a:after{
		content:""; 
	    background: white; 
	    position: absolute; 
	    margin-top: 48px;
	    left: calc(50% - 7px);
	    height: 3px; 
	    width: 18px;	
	}
	
	
	/* ------------------------ 
	MOBILE FOOTER-NAV
	------------------------ */
	#footer-nav {
		position: fixed;
		bottom: -180px;
		margin: auto;
		width: 100%;
		text-align: center;
		background: #000;
		padding: 30px 0; 
		
		transition: all .3s ease-out;	
	}
	#footer-nav.open { bottom: -30px; }
	
	#footer-nav ul.columns-3 {
		padding-bottom: 30px !important;
	}
	#footer-nav ul.columns-3 li {
		width: 33.33333%;
		display: inline-block;
		float: left;
		text-align: center;
	}
	
	#footer-nav #custom-account,
	#footer-nav #custom-wishlist,
	#footer-nav #locations {
		position: relative;
		display: inline-block; 
		color: #fff;
		text-transform: uppercase;
		font-family: DINPro-condbold;
		margin-top: 0px;
	}

	#footer-nav #custom-account { margin-left: -65px; }
	#footer-nav #custom-wishlist { margin-left: -45px; }
	
	#footer-nav #custom-account a,
	#footer-nav #custom-wishlist .text,
	#footer-nav #locations { margin: auto; }
	

	#footer-nav #custom-account a:before,
	#footer-nav #custom-wishlist .text:before,
	#footer-nav #locations .text:before {
		font-family: FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		position: inline-block;
		margin-right: 8px;
	}
	
	#footer-nav #custom-account a:before {content: "\f007";}
	#footer-nav #custom-wishlist .text:before {content: "\f004";}
	#footer-nav #locations .text:before {content: "\F041"; }
	
	#mobile-all .wpml-ls-legacy-dropdown a span {vertical-align: top;}
	#mobile-all #custom-search-m .text:before {content: "\f002";}
	#footer-nav #custom-account a:after,
	#footer-nav #custom-wishlist .text:after,
	#footer-nav #custom-search-m .text:after {content: "";}
	
	#footer-nav .fa-map-marker-alt {padding-right: 8px; }
	
	
	
	/* ------------------------ 
	MOBILE SEARCH CONTAINER
	------------------------ */
	/* trusted shop */
	.is-open #trustbadge-container-98e3dadd90eb493088abdc5597a70810 { display: none !important; }
	
	/* outer container */
	#mobile-bottom_container {
		background: #fff; 
		height: 65px; 
	}
	
	/* search container */
	#search_container_m,
	#custom-sprache_m {
		background: #fff;
		height: auto;
		/*float: left; */ 
	}
	#search_container_m{ 
		padding: 12px 0;  
	}
	#search_container_m .widget_search form:before, 
	#search_container_m .widget_product_search form:before { 
		font-size: 1.4em; 
		top: .3em;
		left: .8em; 
		color: #6d6d6d;
		margin: 0px;
	}
	
	#search_container_m .widget_search form input[type="search"] {
		width: 95%;
		padding: 6px 30px;
		background: #fff;
		box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
		color: #6d6d6d;
		text-transform: uppercase;
		font-family: DINPro-condbold;
		font-size: 18px; 
	}
	
	#search_container_m .widget_search form input[type="submit"] { display: none; }
	
	/*custom-sprache*/
	#custom-sprache_m {
		margin-top: 7px;
		border-left: 2px solid #eeeeee;
	}
	#custom-sprache_m ul {
		list-style: none;
		margin: 0px 3em !important
	}
	
	
	
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
		.widget_search form input[type=search] {border: 0px solid #ccc; }
    }
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
		#search_container_m .search_inner {max-width: 700px;}
    }
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		#search_container_m .search_inner {max-width: 600px;}
		#search_container_m .widget_search form input[type="search"] {padding: 6px 40px;}
    }
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		#search_container_m .search_inner {max-width: 480px;}
    }
	
	/* 480 */
	@media only screen and (max-width: 479px) { 
		#footer-nav ul.columns-3 { margin-left: 2em; }
		#search_container_m .search_inner {max-width: 410px;}
    }
	
	/* 360 */
	@media only screen and (max-width: 359px) { 
		#search_container_m .search_inner {max-width: 320px;}
		#search_container_m .widget_search form input[type="search"] {padding: 6px 40px;}
    }
	
	
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
		.widget_search form input[type=search] {border: 0px solid #ccc; }
    }
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
		#search_container_m .search_inner {max-width: 700px;}
    }
	
	/* 767 */
	@media only screen and (max-width: 766px) { 
		#search_container_m .search_inner {max-width: 600px;}
		#search_container_m .widget_search form input[type="search"] {padding: 6px 40px;}
    }
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		#search_container_m .search_inner {max-width: 480px;}
    }
	
	/* 480 */
	@media only screen and (max-width: 479px) { 
		#footer-nav ul.columns-3 { margin-left: 2em; }
		#search_container_m .search_inner {max-width: 410px;}
		#search_container_m .widget_search form input[type="search"] {padding: 6px 6px 6px 40px}
    }
	
	/* 360 */
	@media only screen and (max-width: 359px) { 
		#search_container_m .search_inner {max-width: 320px;}
		
    }
	
	
	
	/* ---------------------------------- 
	NAV GRADIEN
	---------------------------------- */
	#nav-gradien {
		position: absolute; top: 0px; width: 100%; height: 160px;
		background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 94%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 94%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
		-background: red;
	}
	
	
	/* ---------------------------------- 
	TRANSITIONS
	---------------------------------- */
	.container, .container_image { 
		position: relative; 
		overflow: hidden; 
		margin: 0px; 
		padding: 0px; 
	}
	
	#blognews img { transition: all .5s ease-out; width: 100%;}
	#blognews img:hover { transform: scale(1.03); }
	
	
	/* buton / logo hover */
	.but, 
	.button, 
	.add_to_cart_button,
	.shop.overview .woomscart,
	
	.load_more_but,
	#follow_icons a,
	#follow_icons li,
	#quicklinks ul li a,
	.menu-footer ul li a,
	#logo_overlay,
	#newsletter .subscripe_but {transition: all .3s ease-out;}
	
	 
	.but:hover,
	.button:hover,
	.add_to_cart_button:hover,
	.shop.overview .woomscart:hover,
	 
	.load_more_but:hover,
	#follow_icons a:hover,
	#follow_icons li:hover,
	#logo_overlay:hover { opacity:.7;}
	
	.copy a {
		color: #000;
		text-decoration: underline;
	 }
	.copy a:hover { opacity:.7;}
	
	.but.header:hover { opacity:1;}
	
	#quicklinks ul li a:hover,
	.menu-footer ul li a:hover,
	#newsletter .subscripe_but:hover {opacity:.8;}
	
	.add_to_cart_button:hover {background: transparent; }
	
	/* header_image */
	.header_image img { transition: all .5s ease-out; margin-bottom: 0px;}
	
	/* grid_teaser */
	#grid_teaser .img { position: relative; overflow: hidden; }
	#grid_teaser .img img { transition: all .5s ease-out; }
	#grid_teaser .img img:hover { transform: scale(1.03);}
	
	/* grid_gastro_office */
	.page-template-template-gastro-office #dreier_grid .img { position: relative; overflow: hidden; }
	.page-template-template-gastro-office #dreier_grid .img img { transition: all .4s ease-out; }
	.page-template-template-gastro-office #dreier_grid .img img:hover { transform: scale(1.03);}
	
	/* archive post */
	#archive img, .alm-reveal img, #filter-archive img { transition: all .5s ease-out; margin-bottom: 0px;}
	#archive img:hover, .alm-reveal img:hover, #filter-archive img:hover { transform: scale(1.03); }
	
	/* barista workshops */
	.barista #workshops .bg_image { 
		transition: transform 420ms cubic-bezier(.165,.84,.44,1);
	}
	.barista #workshops .bg_image:hover {
		 -box-shadow: 0 1rem 2rem rgba(0,0,0,.1);
		 -box-shadow: 0 1rem 2rem rgba(0,0,0,.03);
		transform: scale(1.02);
	}
	
	/* CAROUSEL-SLIDER */
	.slider.kurse .owl-stage,
	#hero-slider .owl-stage {transition: all .5s ease-in-out !important;}
	

	/* ---------------------------------- 
	SHARE - SINGLE PAGE
	---------------------------------- */
	/* close */
	.single-post .share_bottom  { 
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		transform: translateX(-100px);
		transition: all 0.5s ease;
	}
	
	/* open */
	.single-post .share_bottom.open { 
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);	
	}  
	
	.page-template-template-gastro-office #dreier_grid .img img { transition: all .4s ease-out; }
	.page-template-template-gastro-office #dreier_grid .img img:hover { transform: scale(1.03);}
	
	/* archive post */
	#archive img, .alm-reveal img, #filter-archive img { transition: all .5s ease-out; margin-bottom: 0px;}
	#archive img:hover, .alm-reveal img:hover, #filter-archive img:hover { transform: scale(1.03); }
	
	/* barista workshops */
	.barista #workshops .bg_image { 
		transition: transform 420ms cubic-bezier(.165,.84,.44,1);
	}
	.barista #workshops .bg_image:hover {
		 -box-shadow: 0 1rem 2rem rgba(0,0,0,.1);
		 -box-shadow: 0 1rem 2rem rgba(0,0,0,.03);
		transform: scale(1.02);
	}
	
	/* CAROUSEL-SLIDER */
	.slider.kurse .owl-stage,
	#hero-slider .owl-stage {transition: all .5s ease-in-out !important;}
	

	/* ---------------------------------- 
	SHARE - SINGLE PAGE
	---------------------------------- */
	/* close */
	.single-post .share_bottom  { 
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		transform: translateX(-100px);
		transition: all 0.5s ease;
	}
	
	/* open */
	.single-post .share_bottom.open { 
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);	
	}