/* ------------------------ 
	XMAS HIGHLIGHT
	------------------------ */
	#highlight {
		position: relative;
		z-index: 2;
		display: none;
	}
	.home #highlight,
	.shop-overview #highlight { display: block; }
	
	#highlight a {
		position: absolute;
		top: 7px;
		left: 50%;
		transform: translate(-50%, 0%);
	
		text-transform: uppercase;
		font-family: DINPro-condbold;
		font-size: 1.2em;
		transition: .2s ease;
		text-align: center;
		min-width: 350px;
	}
	
	@keyframes textclip {
		to {background-position: 200% center; }
	}
	
	
	#highlight a:hover{opacity: .8;}
	#mobile-all #highlight a { 
		top: 20px;
		left: 50%;
		transform: translate(-50%, 0%);
		line-height: 1.1em;
		min-width: 200px;
	}
	
	/* ------------------------ 
	only for PREVIEW BLOG article
	------------------------ */
	/*.single-post.preview a,
	.single-post.preview #custom-search,
	.single-post.preview .owl-item .but,
	.single-post.preview #share li { 
		 pointer-events: none;  
		 cursor: default;
     }
	 .single-post.preview #viewport  { display: none !important; }*/
	 
	.single-post p a,
	.single-post .copy a {
		cursor: pointer;
		text-decoration: underline;
		color: #000;
		transition: all .3s ease;
	}
	
	.single-post p a:hover,
	.single-post .copy a:hover {
		opacity: .6;
	}
	
	/*list element*/
	.single-post .copy.wysiwyg ul {
		margin: 5px 10px 0;
	}
	.single-post .copy.wysiwyg ul li {
		padding-bottom: 5px;
	}
	
	 
	/* ------------------------ 
	Spacer
	------------------------ */
	.space {height: 20px;}
	.spacer {height: 80px; }
	.spacer.small { height: 40px; }
	.spacer.big { height: 140px; }
	
	#intro { margin-top: 80px; }
	#topseller,
	#blognews { margin: 80px auto; }
	#shopnews { margin: 60px auto; }
	
	/* ------------------------ 
	TRENNER
	------------------------ */
	.trenner { 
		width: 102px; 
		margin: auto;
		padding-top: 45px;
	 }
	 
	 .homeuser #text-modul .trenner {
		margin: 25px auto 30px; 
		padding-top: 0px;
	}
	
	/* ------------------------ 
	INTRO
	------------------------ */
	#intro .copy.left,
	#intro .copy.right { text-align: left; }
	#intro .copy.left { padding-right: 20px; }
	#intro .copy.right { padding-left: 20px; }

	#intro .subhead,
	#intro .spacer { padding-top: 40px;}
	#intro .copy-all { padding-top: 35px;}

	/* ------------------------ 
	TOPSELLER
	------------------------ */
	#topseller { text-align: center; }
	#topseller .desk { display: block; }
	#topseller .col-4  { padding: 0 1%; }
	#topseller .col-4 img { width: 100%; }
	
	/*headline*/
	.shop.overview #topseller .headline.big, 
	.shop.overview #topseller .headline.default { padding: 60px 0;} 
	.single #topseller .headline.small,
	.single #topseller h3.headline { margin-top: 15px; }
	
	/*price*/
	#topseller .price { 
		padding: 10px 0 20px;
		font-size: 20px;
		color: #888;
	}
	
	.home #topseller .price { font-size: 25px;}
	
	/*label*/
	/*#topseller .label { 
		width:70px; 
		height:70px; 
		float: right; 
		margin-right: 100px;
	}*/

    /*but*/
	#topseller .but.shop {margin: 80px auto 100px;}
	
	/* mobile-slider*/
	#topseller .mobile-slider { display: none; }
	#topseller .mobile-slider .slick-container img {
		width: 80%;
		margin: 0px 10% 0;
	}
	#topseller .mobile-slider .label {
		position: absolute;
		top: 50px;
		padding-left: 25%;
	   
	}
	#topseller .mobile-slider .slick-dots {bottom: -35px;}
	
	@media only screen and (max-width: 1439px) { 
		#topseller .price { font-size: 25px;}
	}
	
	@media only screen and (max-width: 849px) { 
		#topseller h2.headline { margin-bottom: 0px;}
		#topseller .headline.small { padding-bottom: 0px;}
	}
	
	
	/* ------------------------
	Quotes 
	------------------------ */
	.quotes {
		color: #000;
		line-height: 1.2777;
		padding-bottom: 10px;
	}
	#quotes .text_box .subhead.author { margin-top: 20px; }
	
	/*barista*/
	.barista.overview #quotes .text_box { margin-top: 100px; }
	
	
	/* ------------------------ 
	BLOGNEWS
	------------------------ */
	#blognews .img,
	#blognews img {text-align:center; margin: 0 auto;}
	
	#blognews .col-5,
	#blognews .col-6 { padding: 0 10px;}
	
	#blognews .headline { padding-bottom: 45px; }
	#blognews .titel, 
	#blognews .date,
	#blognews .copy { padding-top: 25px; }
	#blognews .copy { width: 90%; margin: auto;}
	#blognews .but { background-size: 215px 53px; padding-top: 50px; }
	
	/* home / about */
	.home #blognews .titel,
	.about #blognews .titel { padding-top: 35px;}
	
	/* gastro / barista */
	.gastro #blognews .but,
	.barista #blognews .but { padding-top: 50px; }
	
	/* ------------------------ 
	SHOPNEWS
	------------------------ */
	#shopnews .col-12 { padding: 50px; }
	#shopnews .col-5 { padding: 0 10px; }
	
	#shopnews .img { position: relative }
	#shopnews .img img { width: 100% }
	#shopnews .but { 
		position: absolute;
		bottom: -25px;
		left: calc(50% - 110px);
		width: 220px;
	 }
	 
	 
	/* ------------------------
	VORTEILE
	------------------------ */
	#vorteile .col { 
		clear:both; 
		float: none;
		display: inline-block; 
	}
	#vorteile { padding: 2rem 0; }
	#vorteile .txt-wrapper { 
		background: #ECF4EC; 
		padding: 50px 0; 
	}
	#vorteile #topline { padding: 0 2rem; }
	#vorteile .headline.big { margin-bottom: 20px;}

	#vorteile #repeaterbox { padding-top: 20px;}
	#vorteile .repeater.col-4 { padding: 0 3rem; }
	#vorteile .icon img { margin: auto; height: 150px; }
	
	@media only screen and (max-width: 1280px) { 
		#vorteile .repeater.col-4 { padding: 0 1rem; }
	}
	@media only screen and (max-width: 1023px) { 
		#vorteile .subhead {padding-top: 0px;}
		#vorteile .repeater.col-4 { width: 50%; padding: 0 3rem; }
	}
	@media only screen and (max-width: 850px) { 
		#vorteile .repeater.col-4 { padding: 0 1rem; }
	}
	@media only screen and (max-width: 480px) { 
		#vorteile #repeaterbox {padding-top: 0px;}
		#vorteile .repeater.col-4 { width: 100%; padding: 0 3rem; }
		#vorteile .icon img { margin: auto; height: 130px; }
	}
	
	
	/* ------------------------
	ACADEMY
	------------------------ */
	/*.home #academy { display: inline-block; }*/
	
	
	 
	/* ------------------------ 
	NEWSLETTER
	------------------------ */
	/*#newsletter { text-align: center; padding: 10px;}
	#newsletter .container { margin: 0 auto; height: 548px;}
	#newsletter .headline {padding-top: 50px; }
	#newsletter .copy {
		padding: 10px 40px 30px; 
		max-width: 800px;
		margin: auto;
	}
	#newsletter .copy a {
		text-decoration: underline;
		color: #fff;
	}
	
	#newsletter .input-fields {width: 500px; margin: 0 auto;}
	#newsletter .input-fields input {margin: 12px 3px; width: 220px; }
	
	.mc4wp-form-theme input[type="text"],
	.mc4wp-form-theme input[type="email"] {
		padding: 12px 16px; 
		color:#000!important; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: none;
	}
	.mc4wp-form-theme-light input[type="submit"],
	.mc4wp-form-theme-light input[type="submit"]:hover{
		border: none !important;
		background-color: rgba(0, 0, 0, 0)!important;
	}
	.mc4wp-form-theme .mc4wp-success {color: #fff !important;}*/
	
	
	/* ------------------------ 
	NEWSLETTER NEW
	------------------------ */
	/*image*/
	/*#newsletter .my_img img { 
		width: 100%;
		max-height: 580px;
		object-fit: cover;
	}*/
	
	/*headline*/
	/*#newsletter.new .headline {padding-top: 20px;}*/
	
	/*listbox*/
	/*#newsletter.new  ul.listbox { 
		padding: 20px 0 20px 60px; 
		font-size: 16px; 
		color: white; 
		-background: red; 
		width: 335px; 
		margin: auto; 
	}
	#newsletter.new ul.listbox li { 
		padding: 2px; 
		list-style: disc; 
		text-align: left;  
	}*/
	
	/*input*/
	/*#newsletter.new form {margin-bottom: 1em;}
	#newsletter.new .input-fields {width: 600px; }
	#newsletter.new .input-fields input {width: 280px;}*/
	
	/*but datenschutz*/
	/*#newsletter.new a { 
		font-size: 16px; 
		text-transform: uppercase; 
		text-decoration: underline; 
		font-family: DINPro-condbold;
	}*/
	
	
	/* ------------------------ 
	CONTACT FORM
	------------------------ */
	#contact_form.col-12 {
		width: calc(100% - 20px);
		background-color: #eee;
		margin: 80px 10px 10px;
	}
	#contact_form .copy a { 
		color: #000; 
		text-decoration: underline; 
	}
	#contact_form .headline { padding:40px 0 20px;}
	.contact #contact_form .headline {padding: 80px 0 20px;}
	
	#contact_form .form { margin: auto; padding: 40px 0 80px; }
	#contact_form .widgettitle {display: none; }
	#contact_form label {
		float: left; 
		padding: 0 10px;
		/*display: inline-block;*/}
		
	#contact_form form > p br  {display: none;}
	
	#contact_form input,
	#contact_form textarea,
	#contact_form .checkbox { 
		font-family: DIN-next-reg;
		color: #000;
	}

	#contact_form .but input.wpcf7-submit { 
		font-weight: normal;
		color: #fff;
		word-spacing: 3px;
	}
	
	#contact_form input,
	#contact_form textarea { 
		padding-left: 15px;
		background-color: #fff; 
		border-width: 1px;
		border-style: solid;
		border-color: #ddd;
		box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0)
	}
	#contact_form input { height: 50px; }
	#contact_form textarea { margin: 20px 0 5px; float: none; }
	
	#contact_form input { width: 220px !important; }
	#contact_form textarea { width: 700px !important; }
	
	#contact_form input::placeholder,
	#contact_form textarea::placeholder,
	#contact_form input:-ms-input-placeholder,
	#contact_form textarea:-ms-input-placeholder,
	#contact_form input::-ms-input-placeholder,
	#contact_form textarea:-ms-input-placeholder { color: #000; opacity: 1;}
	
	#contact_form .checkbox { margin: 0 auto 20px;}
	#contact_form .checkbox input {
		height: 20px;
		vertical-align: bottom;
		margin-right: 6px;
		width: auto !important; 
	}

	#contact_form .but { padding: 0px; position: relative; }
	#contact_form .but input.wpcf7-submit { 
		border-width: 0px; 
		background-color: rgba(0,0,0,0); 
		height: 56px;
		margin-left: 10px;
	}
	
	#contact_form .pflichtfeld {
		color: #666;
		/*width: 300px;*/
		padding-bottom: 25px;
		text-align: left;
		padding-left: 10px;
	}
	#contact_form .upload {
		margin: -45px 0 0 580px;
	}
	#contact_form .upload input {
		background-color:rgba(0, 0, 0, 0);
		border-width: 0px;		
		color:  #666;
		width: auto !important;
		height: 25px;
		padding-bottom: 50px;
	}
	#contact_form .upload input:after {
    	content: "max. 7mb";
    	padding-left: 5px;
		position: absolute;
		top: 0px;
	}
	
	#contact_form div.wpcf7-mail-sent-ok,
	#contact_form div.wpcf7-response-output { 
		border: 0px !important; 
		margin: 1em 0.5em 1em;
	}
	
	/*spinner*/
	#contact_form .wpcf7-spinner { 
		position: absolute; 
		bottom: -35px; 
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
		
		/*visibility: visible !important; */
	}
	/* error */
	#contact_form div.wpcf7-response-output,
	#contact_form .wpcf7-not-valid-tip {color: red;}
	#contact_form .wpcf7-not-valid-tip {
		font-size: 13px;
		text-align: left;
		padding-top: 5px;
		max-width: 220px;
	}
	
	
	/* gastro / detail / contact */
	.shop.overview #contact_form .form .widgets_on_page,
	.contact #contact_form .form .widgets_on_page,
	.gastro #contact_form .form .widgets_on_page,
	.detail #contact_form .form .widgets_on_page { 
		margin: 0px auto; 
		width: 720px;
	}
	
	.gastro.vermietungen #contact_form.col-12 { margin: 40px 10px 10px;}
	.detail #contact_form.col-12 { margin: 10px;}
	.contact #contact_form.col-12 {margin: 0px 10px; padding: 0px;}
	
	
	
	
	/* ------------------------ 
	GEWINNSPIEL FORM
	------------------------ */
	.gewinnspiel #contact_form.col-10 {width: 95%;}

	.gewinnspiel #contact_form label {
		padding-bottom: 10px; 
		float: none; 
		display: inline-block;
	}
	.gewinnspiel #contact_form input {
		width: 500px !important;
		border-color: #000;
		font-size: 18px;
	}
	
	/* ------ UPLOAD FILE ---- */
	.gewinnspiel #contact_form .upload {margin: 15px 0 0;}
	.gewinnspiel span.wpcf7-form-control-wrap.your-file {
		display: block;
		/*position: relative;*/
		overflow:hidden;
		margin: auto;
		
		border-radius: 20px;
		border: solid 1px #444;
		background: #fff; 
		width: 190px; 
		height: 40px; 
		
		font-size: 16px;
		line-height: 2.4em;
		text-align: center;     
	}
	
	.gewinnspiel .your-file:before {
		content: "Rechnung hinzufügen";
		position: absolute;
		left: 0; 
		right: 0; 
		margin-left: auto; 
		margin-right: auto; 
		bottom: 0px;
		transition: all .2s ease;
	}
	
	/*hover*/
	.gewinnspiel .your-file:hover:before {
		color: #fff;
		background: #222;
	}
	
	/* move default input away */
	.gewinnspiel input.wpcf7-form-control.wpcf7-file {
		position: absolute;
		width: 1500px;
		height: 1000px;
		right: 0;
		bottom: 0;        
		outline: none !important;
	}
	
	
	/* ------ DATENSCHUTZ ------ */
	.gewinnspiel #contact_form .conform {
		padding: 30px 0;
		margin: auto;
    	max-width: 500px;
	}
	
	.gewinnspiel #contact_form .conform .accept,
	.gewinnspiel #contact_form .conform .copy {float: left; }
	.gewinnspiel #contact_form .conform .copy { padding-left: 10px;  }
	
	/*** Checkbox & Radios ***/
	.accept {cursor: pointer;}
	.gewinnspiel #contact_form .accept input {
		  width: 20px !important;
		  height: 20px;
	}
	
	.wpcf7-acceptance input {
		position: relative; 
	}
	
	.wpcf7-acceptance input[type=checkbox]:before,
	.wpcf7-acceptance input[type=checkbox]:after {
		  display: block;
		  position: absolute;
	}
		
	.wpcf7-acceptance input[type=checkbox]:before {
		  content: '';
		  top: 0px;
		  background: #fff; 
		  border-radius: 0px;
		  border: 1px solid #000;
		 
		  height: 18px;
		  width: 18px;
	}
	
	.wpcf7-acceptance input[type=checkbox]:after {
		content: '\2713';
		font-size: 16px;
		border-radius: 100%;
		height: 10px;
		width: 10px;
		top: -2px;
		left: 5px;
		
		color: #ddd;
		/*visibility: hidden;*/
	}
	
	.wpcf7-acceptance input[type=checkbox]:checked:after {
		  /* visibility: visible;*/
		  color: #000;
	}
	.wpcf7-acceptance input[type=checkbox]:checked:before {
	      background: #42d589; 
	}
	
	/* submit */
	.gewinnspiel #contact_form .but input.wpcf7-submit {width: 100% !important;}
	.gewinnspiel #contact_form .but {
		padding-top: 50px;
	}

	/*validatation*/
	.gewinnspiel .wpcf7-not-valid-tip,
	.gewinnspiel .wpcf7-response-output { color: red;}
	
	.gewinnspiel .wpcf7-not-valid-tip {
		font-size: 15px;
		margin: 10px 0 0 0;
		text-align: left;
	}
	
	@media only screen and (max-width: 1024px) {
		.gewinnspiel #text .headline {
			font-size: 45px;
		}
		.gewinnspiel #text .subhead {
 			padding-top: 0px; 
		}
	}
	
	
	@media only screen and (max-width: 850px) {
		
		/*header*/
		.gewinnspiel #content-wrapper-inner.small-header {
			margin-top: 80px !important;
		}
		
		.gewinnspiel .text_box .copy {
			margin-top: 0px;
		}
		/*form*/
		.gewinnspiel #contact_form .copy br {
			display: block;
		}
		
	}
	
	@media only screen and (max-width: 599px) {
		/*form*/
		.gewinnspiel #contact_form .your-name input,
		.gewinnspiel #contact_form .your-email input,
		.gewinnspiel #contact_form .your-tel input {
			width: 400px !important;
		}
		
		/* Datenschutz */
		.gewinnspiel #contact_form .conform {
			padding-bottom: 0px;
		}
		
		.gewinnspiel #contact_form .conform .accept, 
		.gewinnspiel #contact_form .conform .copy {
			float: none;
		}
		
		.wpcf7-acceptance input[type=checkbox]:before,
		.wpcf7-acceptance input[type=checkbox]:after {
		  display: none;
		}
		
		/* invalid */
		.gewinnspiel #contact_form div.wpcf7-response-output {
			margin: 1em 0em;
		}
	}
	@media only screen and (max-width: 479px) {
		/*form*/
		.gewinnspiel #contact_form .your-name input,
		.gewinnspiel #contact_form .your-email input,
		.gewinnspiel #contact_form .your-tel input {
			width: 320px !important;
		}
		
		/*section contact */
		.gewinnspiel section:last-of-type {
			margin: 0px auto !important;
		}
	}
	
	
	/* ------------------------ 
	SERVICE / BERATUNG 
	------------------------ */
	#service { 
		width: calc(100% - 20px); 
		text-align: center; 
		padding: 10px; 
		background-color: #eee; 
		margin: 0 auto;
	}
	#service .txt-wrapper { margin: 40px auto 90px; }
	
	#service .headline {padding: 50px 0 20px; }
	#service .tel {padding-top: 50px;}
	#service .copy.grey {padding-top: 10px;}
	
	/* contact */
	.contact.overview #service { margin: 0px auto 10px; }
	.contact.overview #service .tel { padding-bottom: 10px; }
	

	/* ------------------------ 
	TEXT MODULE
	------------------------ */
	#text-modul .headline { margin: 0 auto 20px; }
	
	#text-modul .copy.left,
	#text-modul .copy.right { text-align: left; }
	#text-modul .copy.left { padding-right: 25px; }
	#text-modul .copy.right { padding-left: 25px; }
	
	
	
	/* ---------------------------------------------- 
	HERO IMAGE ALL 
	---------------------------------------------- */
	.text_box_inner {
		position: relative;
		background-color: #fff;
		margin: 0px auto;
		text-align: center;
	}

	.text_box .subhead { line-height: 1.4em; }
	
	.text_box .subhead,
	.text_box .copy,
	.text_box .but { margin-top: 30px;}
	
	/* ------------------------ 
	HERO IMG BOTTOM
	------------------------ */
	#hero_img_bottom .text_box { margin-top: -10%; }
	#hero_img_bottom .text_box.up { margin-top: -15% ; }
	#hero_img_bottom .text_box_inner { padding: 55px 50px; width: 70%; }
	
	/* gastro */
	.gastro #hero_img_bottom { margin-bottom: 60px; }
	.gastro.overview #hero_img_bottom .text_box.default { margin-top: -7%; }
	
	.gastro.espresso #hero_img_bottom {margin: 90px 0 0px; }
	.gastro.espresso #hero_img_bottom .text_box { margin-top: -6%; }
	.gastro.espresso #hero_img_bottom .text_box_inner { padding: 35px 40px 55px; }
	
	.gastro.vermietungen #hero_img_bottom {margin: 0px; }
	
	/* barista */
	.barista.overview #hero_img_bottom { margin-top: 100px; }
	.barista.overview #hero_img_bottom .text_box { margin-top: -9%; }
	
	.barista.professionals #hero_img_bottom {margin-top: 90px; }
	
	/*speciality */
	.speciality.roasting #hero_img_bottom .text_box {margin-top: -7%; }
	
	/* about */
	.about.story #hero_img_bottom,
	.about.story #hero_img_bottom .img {margin: 90px auto 0px; padding: 0px;	}
	.about.story #hero_img_bottom {margin-bottom: 80px; }
	.about.story #hero_img_bottom img { display: inline-block; }
	
	.about.overview #hero_img_bottom .text_box,
	.about.team #hero_img_bottom .text_box {margin-top: -7%; }
	
	 .xer {font-size: 50px; font-weight: 600; padding: 0 5px;}
	

	/* ------------------------ 
	HERO IMG / TWO IMAGES
	------------------------ */
	/* two img */
	#hero_img_center.two-img { margin-top: 80px; position: relative;}
	#hero_img_center.two-img .text_box {margin: -140px auto;}
	#hero_img_center.two-img .text_box_inner { padding: 35px 45px; }
	#hero_img_center.two-img .text_box .copy {margin-top: 20px; }
	
	/* hero ending */
	#hero_img_ending img { width: 100% }
	

	
	/* ---------------------------------------------- 
	GRIDS
	---------------------------------------------- */
	/* 3er-Grid */
	#quality .col-4 { padding: 0 50px;}
	#quality .headline.big { margin-bottom: 80px; }
	#quality .headline.small { margin-bottom: 10px; }
	#quality .icon { height: 150px; margin: -10% auto 20px; }
	#quality .icon img { 
		position: relative;
		margin: 0px auto;  
		
		top: 60%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 220px;
		height: auto;
	}
	#quality .headline.small {padding-bottom: 10px; }
	#quality .subhead {
		padding-top: 20px;
		font-family: DIN-next-reg;
 	}
	
	
	/* IMG VERSATZ FOUR / THREE */
	#img_versatz.four,
	#img_versatz.three  {margin: 150px 0 90px; padding: 0px 60px;  }
	
	#img_versatz .subhead {padding-top: 25px; }
	
	#img_versatz .left,
	#img_versatz .right {display: inline-block; padding-top: 50px; }
	#img_versatz .img {padding: 7px; }
	
	#img_versatz.four .right {margin-top: -80px; }
	#img_versatz.four .img.one { }
	#img_versatz.four .img.two {width: 80%; margin-left: 20%;}
	#img_versatz.four .img.three {width: 60%; margin-right: 40%;}
	#img_versatz.four .img.four {}
	
	#img_versatz.three .right {margin-top: -40px; }
	.tasting #img_versatz.three .right {margin-top: 0px; }
	
	#img_versatz.three .img.one { width: 80%; margin-left: 20%;}
	#img_versatz.three .img.two {width: 80%; margin-right: 20%;}
	#img_versatz.three .img.three {width: 60%; margin-right: 40%;}
	
	
	/* Grid Teaser */
	#grid_teaser {margin-bottom: 90px; padding: 0 2px; }
	#grid_teaser .col-4 {padding: 0 7px; }
	
	#grid_teaser .headline.small { 
		color: #fff;
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	/* -------------------------
	BLOG SLIDER
	------------------------- */
	#blog-slider .slick-dots {
		position: relative; 
		bottom: 0px; 
		margin-top: 10px;
	}
	
	
	/* ------------------------ 
	HOME
	------------------------ */
	.home .site-main {margin-bottom: 0px; }
	
	/* COVER IMAGE */
	.bg_cover_image {
		background-size: cover;
		background-position: center center;
		background-repeat:no-repeat;
		
		height:700px;
		transition: all .2s ease;
	 }
	 
	.logo {
		 width: 218px;
		 height: 141px;
	
		 position: relative;
		 margin: auto;
		 vertical-align: middle;
		 top: calc(50% - 30px);
		 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
		 transform: translateY(-50%);
	}
	
	/* TOPSELLER */
	/*.home #topseller {margin: 90px auto 180px;}*/
	
	
	/* ---------------------------------------------- 
	SPECIALITY ALL
	---------------------------------------------- */
	/* Text Modul */
	.page-template-template-speciality #quality .headline.small {padding-bottom: 25px;}
	.page-template-template-speciality-tasting #text-modul .trenner { padding-top: 0px;}
	.page-template-template-speciality-tasting #text-modul .subhead { margin: 10px auto 25px;}
	
	#text-modul .headline.small {padding-bottom: 0px;}
	#text-modul .subhead { margin: 35px auto 0;}
	.home #text-modul .subhead { margin: 0 auto;}
	#text-modul .trenner { margin-top: 35px; padding-top: 0px;}
	#text-modul .copy-all { margin-top: 35px;}
	
	/* IMG GRID */
	.sourcing #img_versatz.three  {padding: 0px;  }
	.roasting #img_versatz.three,
	.tasting #img_versatz.three   {margin: 0px 0 90px; padding: 0px; }
	
	.roasting .grid {margin: 90px auto 60px; }

	/* MAP */
	.sourcing #map .headline {margin-bottom: 20px }
	.sourcing #map .img-map img {margin: 30px auto; }
	
	/* COPY-TEXT */
	.sourcing #copy_text {margin-top: 80px; }
	.sourcing #copy_text .subhead {padding: 30px 0;}
	
	#intro .spacer, #standart-headline-copy .spacer {height: 50px }
	.copy.col-5 .subtitel { margin-top: 50px; margin-bottom: -15px;}
	.copy.col-5 {text-align: left; padding: 0 15px;}
	
	/* STANDART */
	#standart-headline-copy {margin: 90px auto 50px; }
	#standart-headline-copy .spacer.top {margin-top: 120px; }
	#standart-headline-copy .spacer.bottom {margin-bottom: 120px; }
	
	#standart-headline-copy .headline {margin-bottom: 20px; } 
	#standart-headline-copy .subhead {margin-bottom: 30px; }
	
	#hero_img .spacer.top {margin-top: 160px; }
	#hero_img .spacer.bottom {margin-bottom: 160px; }
	#hero_img .spacer.bottom-more {margin-bottom: 260px; }

	
	/* HERO IMG TWO + HERO IMAGE BOTTOM */
	.but.more { 
		position: absolute; 
		margin: -80px auto 0px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%); 
	}
	
	
	/* ------------------------ 
	SPECIALITY OVERVIEW
	------------------------ */
	/* NAV */
	.sub-navigation ul#menu-sub-speciality { margin-left: -15px; }
	#header_overlay .sub-navigation ul#menu-sub-speciality {margin-left: -30px;}
	
	/*quality*/
	.speciality.overview #quality .headline.big {margin-bottom: 20px;}
	.speciality.overview #quality .subhead {margin-bottom: 80px;}
	
	/* SOLO-IMAGE */
	#solo-image {max-width: 1000px; margin-top: 80px; text-align: center;}
	#solo-image .img {padding:40px 0; }
	
	/* ----------------- 
	SPECIALITY SOURCING
	------------------ */
	.speciality.sourcing .copy-all .subtitel {font-size: 25px; padding-bottom: 10px;}
	.speciality.sourcing #hero_img_center .arrow-but {margin: 8px 20px 0 8px;}
	.speciality.sourcing #hero_img_center .but.more .buttext {line-height: 0em;}
	
	
	/* ----------------- 
	SPECIALITY TASTING
	------------------ */
	.tasting #hero_img { margin-top: 120px }
	.tasting .copy-all .copy.col-5 {width: 50%; }
	
	
	/* ----------------------------------------------
	GASTRO OVERVIEW
	---------------------------------------------- */
	/*hero_img*/
	.gastro.overview #hero_img .subhead {margin-bottom: 30px }
	
	/* NAV */
	.sub-navigation ul#menu-sub-gastro { margin-left: -70px; }
	#header_overlay .sub-navigation ul#menu-sub-gastro {margin-left: -80px;}
	
	
	 /* section */
	.gastro.office section,
	.gastro.filter section { margin: 40px auto }
	.gastro.office #contact_form.col-12 { margin: 40px auto 10px; }
	
	.gastro #dreier_grid .headline { padding: 40px; }
	
	
	/* ----------------- 
	GASTRO OFFICE
	------------------ */	
	/* dreier_grid */
	.gastro.office #dreier_grid {  
		max-width: 1660px; 
	}
	.gastro.office #dreier_grid .col-4 { margin: 40px auto; }
	
	/* circle */
	.gastro.office #dreier_grid .circle-outer {
		width: 90%;
		height: 90%;
		padding-bottom: 90%;
		position: relative;
		margin: auto;
	}
	.gastro.office #dreier_grid .circle {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: #eaeaea;
		border-radius: 50%;
		transition: all .5s ease;
	}
	.gastro.office #dreier_grid .circle_content {
		color: #000;
		text-transform: uppercase;
		font-family: DINPro-condbold;
		margin-top: 50%;
	}
	
	.gastro.office #dreier_grid .circle_content:before {
		content: "something";
		position: absolute;
		top: 12%;
		left: 0%;
		right: 0%;
		color: transparent;
		transform: scale(1.3);
	}
	
	.gastro.office #dreier_grid .circle_content.one:before {
		background: url('../../picts/_icons/svg/office-small-black-icon.svg') bottom center no-repeat;
	}
	.gastro.office #dreier_grid .circle_content.two:before {
		background: url('../../picts/_icons/svg/office-middle-black-icon.svg') bottom center no-repeat;
	}
	.gastro.office #dreier_grid .circle_content.three:before {
		background: url('../../picts/_icons/svg/office-big-black-icon.svg') bottom center no-repeat;
	}
	
	/* circle hover */
	.gastro.office #dreier_grid .circle:hover {background-color: #000;}
	.gastro.office #dreier_grid .circle:hover .circle_content {color: #fff;}
	.gastro.office #dreier_grid .circle:hover .circle_content.one:before {
		background: url('../../picts/_icons/svg/office-small-white-icon.svg') bottom center no-repeat;
	}
	.gastro.office #dreier_grid .circle:hover .circle_content.two:before {
		background: url('../../picts/_icons/svg/office-middle-white-icon.svg') bottom center no-repeat;
	}
	.gastro.office #dreier_grid .circle:hover .circle_content.three:before {
		background: url('../../picts/_icons/svg/office-big-white-icon.svg') bottom center no-repeat;
	}
	
	
	/* 2er-Grid */
	/*.gastro.office #zweier_grid { background: yellow; }*/
	.gastro.office #zweier_grid .col-6 { padding: 0 50px; }
	
	.gastro.office #zweier_grid .headline.big { margin-bottom: 80px; }
	.gastro.office #zweier_grid .headline.small { margin-bottom: 10px; }
	
	.gastro.office #zweier_grid .repeat { padding-bottom: 3rem; }
	.gastro.office #zweier_grid .repeat a { 
		transition: .2s ease; 
		display: block; 
		padding: 20px; 
	}
	.gastro.office #zweier_grid .repeat a:hover { background: #eee;}
	
	.gastro.office #zweier_grid .image { 
		height: auto; 
		margin: 0px;
		padding-bottom: 15px;
	}
	.gastro.office #zweier_grid  .image img {
		width: 100%;
		max-height: 350px;
		object-fit: contain;
	}
	.gastro.office #zweier_grid .copy { }
	.gastro.office #zweier_grid .copy.t-left {
		text-align: left;
		margin-bottom: 60px;
		padding: 0 30px; 
		
		 -webkit-hyphens: auto;
         -moz-hyphens: auto;
         hyphens: auto;
	}
	
	/* referenzen */
	.gastro #referenzen .headline { margin-bottom: 40px; }
	.gastro #referenzen .col-4 img { margin: 0 auto; }
	
	
	/* ----------------- 
	GASTRO FILTER
	------------------ */
	/*dreier_grid*/
	.gastro.filter #dreier_grid .col-4 { padding: 0 10px 100px;}
	.gastro.filter #dreier_grid .headline { padding: 30px; text-align: left; }
	.gastro.filter #dreier_grid .copy { padding: 0 30px; text-align: left;}
	
	/* ----------------- 
	GASTRO VERMIETUNGEN
	------------------ */
	/*referenzen*/
	.gastro.vermietungen #referenzen {margin: 130px auto 30px; }
	
	/* ----------------- 
	GASTRO DETAIL
	------------------ */
	.gastro.detail.maschinen .slick-dots,
	.gastro.detail.muehlen .slick-dots {
		position: relative;
		bottom: 0px;
	}
	.gastro.detail .slick-dotted.slick-slider {margin-bottom: 0px; }
	
	/* ----------------------------------------------
	BARISTA OVERVIEW
	----------------------------------------------- */
	/* NAV */
	.sub-navigation ul#menu-sub-barista-2 { margin-left: 50px !important; }
	#header_overlay .sub-navigation ul#menu-sub-barista-1 {margin-left: 10px !important; }
	
	/*blognews*/
	.barista.overview #blognews {margin: 80px auto; }
	
	/* ----------------- 
	BARISTA HOMEUSER
	------------------ */
	/*workshops*/
	.barista #workshops {
		margin: 10px auto 0px;
		background-color: #eee;
		padding-bottom: 60px; 
		display: none;
	}
	
	.barista #workshops .headline { padding-top: 70px; }
	.barista #workshops .subhead { padding: 40px 0; }
	
	.barista #workshops .bg_image .shape_logo { 
		margin-top: 10px;
	 	width: 100px;
		height:108px;
		-webkit-transform: scale(.55);
		-moz-transform: scale(.55);
		-ms-transform: scale(.55);
		-o-transform: scale(.55);
		transform: scale(.55);
	}
	
	/*spacer-bottom*/
	.barista.homeuser .spacer-bottom { padding-bottom: 40px; }
	
	
	
	/* ----------------- 
	BARISTA PROFESSIONALS
	------------------ */
	/*hero_img*/
	.barista.professionals #hero_img_bottom {margin-bottom: 90px;}
	
	/*workshops*/
	.barista.professionals #workshops {
		margin: 90px auto 0px; 
		padding-bottom: 140px;
	}
	
	
	/* ----------------------------------------------
	ABOUT OVERVIEW
	---------------------------------------------- */
	.about.overview .site-main { margin-bottom: 0px;}
	
	/* NAV */
	.sub-navigation ul#menu-sub-about { margin-left: 30px; }
	#header_overlay .sub-navigation ul#menu-sub-about {margin-left: -20px;}
	
	/*intro*/
	.about #intro {margin-bottom: 60px; }
	
	/* ----------------- 
	ABOUT STORY
	------------------ */
	/*textbox*/
	#textbox {margin: 90px auto 0px; }
	#textbox .headline {margin: 50px auto; }
	#textbox .headline p { margin: 0px; }
	#textbox .subhead {margin-top: -20px; }
	#textbox .quotes {margin-top: 50px;}
	
	/* text-modul */
	.page-template-template-about-story #text-modul .headline {margin: 0 auto 30px;}
	
	/* blognews*/
	.about.story #blognews { margin: 50px auto;}
	
	/* spacer-bottom*/
	.about.story .spacer-bottom { margin-bottom: 170px; }
	
	
	/* ----------------- 
	ABOUT TEAM
	------------------ */
	/* #team */
	.about.team #team {margin-top: 80px; text-align: center;}
	.about.team #team .subhead { padding: 30px 0 50px;}
	.about.team #team .titel {padding: 30px 0 5px;}
	.about.team #team .subtitel{padding: 5px 0 5px; }
	.about.team #team .copy {padding: 20px 20px 0;text-align: left;}
	.about.team #team .but {margin: 25px auto 70px; }
	.about.team #team .col-6 img {width: 100%; }
	
	#team .subtitel,
	#extended_team .subtitel {
		text-transform: none; 
		font-family: DIN-next-reg;
		font-size: 16px; 
		color: #8a8a8a; 
	}
	
	/*#extended_team*/
	.about.team #extended_team {margin:60px auto; }
	.about.team #extended_team .but.bigger {margin:-20px auto 60px; }
	
	.about.team #extended_team .subtitel {padding: 5px 0 5px; }
	.about.team #extended_team .at {font-family: DIN-next-reg; }
	
	
	.about.team #extended_team .img.round { 
		text-align: center; 
		margin: 0 auto 25px;
		background-position:center;	
	}
	.about.team #extended_team .three-grid .img.round { 
		width: 290px; 
		height: 290px; 
		background-size: 290px;
		-webkit-border-radius: 145px; 
		-khtml-border-radius: 145px; 
		-moz-border-radius: 145px; 
		border-radius: 145px; 	 
	}
	.about.team #extended_team .three-grid { padding: 10px 0 30px; }
	
	.about.team #extended_team .four-grid .img.round { 
		width: 216px; 
		height: 216px; 
		background-size: 216px;
		-webkit-border-radius: 108px; 
		-khtml-border-radius: 108px; 
		-moz-border-radius: 108px; 
		border-radius: 108px; 	 
	}
	.about.team #extended_team .four-grid { -background-color: red; padding: 20px 0;}
	.about.team #extended_team .four-grid .img img {-background-color: yellow; padding: 0 50px}
	
	/*#team_grid*/
	.about.team  #team_grid.col-12 { width: calc(100% - 8px); padding-bottom: 8px; }
	.about.team  #team_grid .img {display: inline-block; padding: 8px; }
	
	.about.team  #team_grid .img.pict_25 { width: 25%; -background-color: yellow;}
	.about.team  #team_grid .img.pict_50 { width: 50%; -background-color: red;}
	
	.about.team  #team_grid .img.pict_35 { width: 25%; -background-color: green;}
	.about.team  #team_grid .img.pict_75 { width: 75%; -background-color: blue;}
	
	
	/* extended team */
	.about.team #extended_team .col-4,
	.about.team #extended_team .col-3 { height: auto !important; }
	
	.about.team #extended_team .subhead {padding: 30px 0 10px;}
	.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;}
	
	
	/* ----------------- 
	ABOUT JOBS
	------------------ */
	/*#jobs*/
	.about.jobs #jobs {margin-top: 40px; }
	.about.jobs #jobs .col-10 {padding: 30px 100px; }
	
	.about.jobs #jobs .col-10 {background-color: #eee;}
	.about.jobs #jobs .col-10:nth-child(2n) {background-color: #fff}
	
	.about.jobs #jobs .left,
	.about.jobs #jobs .right { display: inline-block; }
	
	.about.jobs #jobs .left { width: 80%; }
	.about.jobs #jobs .right { width: 20%; vertical-align: top; }
	
	.about.jobs #jobs .titel,
	.about.jobs #jobs .subtitel { text-align: left; }

	/*spacer-bottom*/
	.about.jobs .spacer-bottom { padding-bottom: 0px; }
	
	
	/* ---------------------------------------------- 
	CONTACT
	---------------------------------------------- */
	.contact.overview .site-main { margin-bottom: 0px;}

	/*#maps*/
	.contact.overview #maps  {margin: 20px 0 0;}
	.contact.overview #maps #wpgmza_map {float: none !important;}
	
	/*#address*/
	.contact.overview #addresse {
		background-color: white; 
		padding: 50px 0 70px;
	}
	.contact.overview #addresse .icon-maps {margin: 45px auto;}
	.contact.overview #addresse .headline.address {
		padding: 30px 0; 
		line-height: 22px;
	}
	
	/* loader */
	div.wpcf7 .ajax-loader {
		display: block;
		margin: 7px auto 0 -16px;
		position: absolute;
		left: 50%;
		right: 50%;
	}
	
	
	/*MAPS DSGVO */
	.kontakt #maps .wpgmza-gdpr-compliance {
	   max-width: 900px;
	   margin: auto;
	   /*text-align: left;*/ 
	}
	
	.kontakt #maps .wpgmza-gdpr-compliance p,
	.kontakt #maps .wpgmza-gdpr-compliance a {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	   
		font-family: DIN-next-reg;
		line-height: 1.4;
		color: #000;
		font-size: 16px;
	}
	
	.kontakt #maps .wpgmza-gdpr-compliance .headline {
		padding-bottom: 20px; 
	}
	
	.kontakt #maps .wpgmza-gdpr-compliance a {
	    text-decoration: underline; 
	}
	
	.kontakt #maps .wpgmza-gdpr-compliance button {
		border: 2px solid #000;
		background: #fff;
		text-transform: uppercase;
	}
	.kontakt #maps .wpgmza-gdpr-compliance button:hover {
		background: #f3f3f3;
	}
	
	
	
	
	/* ----------------------------------------------
	BLOG / ARCHIVE
	---------------------------------------------- */
	.archive .content-area {
		width: 100% !important;
		float: none;
		margin-right: 0%;
 	}
	.archive.tag .filter-posts { 
		max-width: 1660px; 
		margin: auto;
	}
	.page-template-cat-all .site-main {margin-bottom: 0px; }
	
	/*hero post*/
	/*body.page-template-cat-all-php #header-wrapper.default {height: 0px !important; }*/
	.blog .header_image .bg_cover_image {height: 660px; }
	
	.blog .hero-blog-text { padding: 50px 0; }
	.blog .hero-blog-text .highlight,
	.blog .hero-blog-text .content { color: #8a8a8a; }
	.blog .hero-blog-text .content p { line-height: 26px; }
	.blog .hero-blog-text .but { margin: 40px auto 20px;}
	
	/*#archive posts*/
	#archive  { background: #eee; text-align: center;}
	#archive .spacer { height: 50px; width: 100%;}
	
	
	#archive .entry-header, 
	.alm-reveal .entry-header {margin-top: 1.618em; }
	
	#archive .headline { padding: 45px 0 20px;}
	#archive h2.headline { padding: 45px 0 0px;}
	#archive .but { text-align: center; margin: 20px auto;}
	#archive .but a { color: #fff; }
	#archive h2 { margin: 10px auto; line-height: 1;}
	
	.hentry .entry-header .posted-on a { color: #8a8a8a; }
	.entry-title a, 
	article a { color: #000;}
	
	
	/*cat head*/
	.cat { text-align: center; padding: 30px 5% 20px;  }
	.cat li { 
		list-style: none; 
		display: inline-block; 
		margin: 15px 4px; 
	}
	.cat li a { 
		color: #000;
		background-color: #fff;
		padding: 10px 22px;
		border-radius: 8px;
	}
	.cat li a:active,
	.cat li a:hover,
	.cat.head li a.is_active {
		color: #fff;
		background-color: #000;
	}
	
	  /*active nav by overview-page + single-post / single-product*/
	 .page-template-archive-product .primary-navigation ul.menu li:nth-child(1) > a:after,
	 .single-product .primary-navigation ul.menu li:nth-child(1) > a:after,
	 .single-post .primary-navigation ul.menu li:nth-child(5) > a:after { 
	 	content: "";
		position: absolute;
		top: 56px;
		height: 2px;
		width: 14px;
	 }
	  .page-template-archive-product .primary-navigation ul.menu li:nth-child(1) > a:after,
	  .single-product .primary-navigation ul.menu li:nth-child(1) > a:after {
		  background: #000;
		  left: calc(15%);
	  }
	  .page-template-archive-product nav.white .primary-navigation ul.menu li:nth-child(1) > a:after,
	   .single-product nav.white .primary-navigation ul.menu li:nth-child(1) > a:after {
	  		background: #fff;
	  } 
	 .single-post .primary-navigation ul.menu li:nth-child(5) > a:after { 
		background: #fff;
		left: calc(50% - 7px);
	 }
	 
	 /*active sub-nav by categories*/
	.page-template-cat-all .cat li:nth-child(1) a,
	
	.page-template-cat-projects .cat li:nth-child(4) a,
	.page-template-cat-recipes .cat li:nth-child(5) a,
	.page-template-cat-brewguides .cat li:nth-child(6) a,
	.page-template-cat-kaffeewissen .cat li:nth-child(7) a,
	.page-template-cat-kaffeeinnovation .cat li:nth-child(8) a,
	.page-template-cat-coffeecoktails .cat li:nth-child(9) a,
	
	/*lang*/
	 body:lang(de).page-template-cat-news .cat li:nth-child(2) a,
	 body:lang(de).page-template-cat-academy .cat li:nth-child(3) a,	
	 
	 body:lang(en).page-template-cat-news .cat li:nth-child(3) a,
	 body:lang(en).page-template-cat-academy .cat li:nth-child(2) a {
		color: #fff;
		background-color: #000;
	}
	
	/*cat article*/
	article .cat { margin: 50px 0;  }
	article .cat li a { background-color: #eee; }
	
	article .tag { margin: 30px 15px; text-align: center;}
	
	article .tag a { 
		padding: 0px 20px;
		margin: 5px;
		background: #eee; 
		color: #000; 
		border-radius: 8px;
		line-height: 2.5em;
		display: inline-block;
	}
	article .tag a:hover { background: #000; color: #fff; }
	
	
	article.hentry .wp-post-image {margin-bottom: 0em;}
	article.hentry .entry-header {
		margin-top: 1.618em;
		margin-bottom: 1em;
		border-bottom: 0px solid rgba(0,0,0,.05);
		text-align: center;
	}
	article.hentry .entry-header .posted-on a { 
		text-decoration: none;
		font-weight: 400;
	}
	
	article.hentry.type-post .entry-content {
		width: 100%;
		float: none;
		padding: 0 20px;
		text-align: center;
		min-height: 90px;
	}
	article .entry-content p {line-height: 20px;}
	.single-post article .entry-content p {padding: 20px 3% 0;}
	
	/*archive*/
	#archive article h2.entry-title,
	#ajax-load-more h2.entry-title { margin: 0 30px 15px; }
	#archive article.hentry.type-post .entry-content br {display: none; }
	
	#archive article,
	.loadmore_container article,
	#filter-archive article {
		 display: inline-block; 
		vertical-align: top;
		width: 32.1%;
		background: #fff;
		margin: 40px .5%;
	}
	
	
	/*filter-archive*/
	#filter-archive article h2.entry-title { margin: 0 30px 15px; }
	#filter-archive article.hentry.type-post .entry-content {padding: 0 30px; }
	#filter-archive article.hentry.type-post .entry-content br {display: none; }
	#filter-archive article .but { margin-top: 25px; }
	
	/* #Load_More */
	.loadmore_container {background-color: #eee; }
	.loadmore_container ul,
	.loadmore_container .widgets_on_page ul {margin: 0px !important; }
	.loadmore_container ul li {list-style: none; }
	.loadmore_container .widget {margin: 0px;}

	.loadmore_container .alm-btn-wrap {
		margin: 0 auto;  
		text-align: center;
		padding: 40px 0 80px;
	}
	.loadmore_container .ajax-load-more-wrap .alm-load-more-btn {
		text-transform: uppercase;
		font-family: DINPro-condbold;
		font-weight: 400;
		word-spacing: 3px;
		color: #fff;	
	}
	.loadmore_container .ajax-load-more-wrap .alm-load-more-btn:hover {background-color:rgba(0,0,0,0); opacity:.7; }
	.loadmore_container .alm-load-more-btn.done {
			cursor: default;
			opacity: 0 !important;
	}
	
	.alm-btn-wrap .alm-load-more-btn.loading:before {
    	background: #000 url("../../picts/_loader_icon/loader-fading-circles.gif")no-repeat center center !important;	
    }
	
	.alm-load-more-btn.done{display: none !important;}
	
	.loadmore_container article .entry-content p {color: #000; }
	.loadmore_container article .but { text-align: center; margin: 0px auto;}
	.loadmore_container article .but a {color: #FFF;}
	.alm-listing li {
		padding: 0px !important;
		overflow: visible !important;
		margin: 0 4px !important;
	}
	
	.loadmore_container article .cat a { 
		color: #000;
		background-color: #eee;
		padding: 10px 22px;
		border-radius: 8px;
		margin: 0 4px;
	}
	
	
	/* ------------------------ 
	CAT-FILTER PAGE
	------------------------ */
	.filter { background: #fff;  }
	#filter-archive {
		margin: 50px 0 0px; 
		padding: 50px 0 30px; 
		background: #eee; 
	}
	
	.filter .but.bigger  {text-align: center; width: 100%; }
	.filter .but.bigger a {color: #ff;  }
	
	#filter-archive #but-overview {
		margin: 0 auto;
		text-align: center;
		padding: 40px 0 80px;
	} 
	
	.filter .taglist {margin: 20px auto; word-wrap: normal;}
	.filter .taglist a { color: #8a8a8a; padding: 0 5px; }
	.filter .taglist a.black { color: #8a8a8a !important;  }
	.filter .taglist a:hover,
	.filter .taglist a.black:hover { color: #000 !important;  }
	
	
	/* ------------------------ 
	TAG PAGE
	------------------------ */
	.archive.tag .hero-blog-text .content {
			max-width: 800px;
			margin: auto;
	}

	
	/* ----------------------------------------------
	SINGLE POST
	---------------------------------------------- */
	/*#header*/
	.single-post .header_image {height: 550px; overflow: hidden; }
	.single-post .header_image .bg_cover_image  { background-position:0px 50%; }
	
	/*#intro*/
	.single-post #intro .subhead {padding: 30px 30px 00px;}
	.single-post #intro .copy {padding-top: 10px;}
	
	/*#copy-column-one*/
	.single-post #copy-column-one .headline.small {padding: 50px 0 20px;}
	.single-post #copy-column-one h3.headline {padding-top: 50px;}
	.single-post #copy-column-one .copy.left p {text-align: left;}
	
	/*#copy-column-one / Interview */
	.single-post #copy-column-one .copy b { color: #222;}
	
	/*#img-column all */
	.single-post #img-column-one,
	.single-post #img-column-two .col-6 {padding: 0 8px;}
	.single-post .top-spacer { margin-top: 60px; }
	
	/*#img-fullsize */
	.single-post #img-fullsize img {margin: 20px auto; }
	.single-post #img-fullsize .padding img {padding: 0 10px; }
	
	/*#img-column-one */
	.single-post #img-column-one img {margin: 20px auto; }
	.single-post #img-column-one .versatz-right {padding-left: 0%; padding-right:30%; }
	.single-post #img-column-one .versatz-left {padding-left: 30%; padding-right:0%; }
	
	/*#img-column-two */
	.single-post #img-column-two .col-6  { vertical-align: middle; }
	.single-post #img-column-two .versatz-right .col-6:nth-child(1) { width: 56%;}
	.single-post #img-column-two .versatz-right .col-6:nth-child(2) {width: 44%;}
	
	.single-post #img-column-two .versatz-left .col-6:nth-child(1) { width: 44%;}
	.single-post #img-column-two .versatz-left .col-6:nth-child(2) {width: 56%;}
	
	
	/*#img-grid-all*/
	.single-post #img-grid-three .headline,
	.single-post #img-grid-four .headline {padding: 50px 0 20px; }
	.single-post #img-grid-three h2.headline,
	.single-post #img-grid-four h2.headline {padding: 50px 0 0px; }
	.single-post #img-grid-three .copy,
	.single-post #img-grid-four .copy {margin-bottom: 90px; padding: 0 50px;}

	.single-post .left,
	.single-post .right {display: inline-block; }
	.single-post #img-grid-three .img,
	.single-post #img-grid-four .img {padding: 7px; }
	
	/*#img-grid-three*/
	.single-post #img-grid-three {margin: 90px 0; padding: 0px 60px;  }
	
	.single-post #img-grid-three .right {margin-top: -40px; }
	.single-post #img-grid-three .img.two {width: 80%; }
	.single-post #img-grid-three .img.three {width: 60%; margin-right: 40%;}
	
	.single-post #img-grid-three .img.one { width: 90%; margin-left: 10%;}
	.single-post #img-grid-three .img.two {width: 90%; margin-right: 10%;}
	.single-post #img-grid-three .img.three {width: 70%; margin-right: 30%;}
	
	/*#img-grid-four*/
	.single-post #img-grid-four {margin: 90px 0; padding: 0px 60px;  }
	
	.single-post #img-grid-four .right {margin-top: -80px; }
	.single-post #img-grid-four .img.two {width: 80%; }
	.single-post #img-grid-four .img.three {width: 60%; margin-right: 40%;}
	
	.single-post #img-grid-four .img.one { }
	.single-post #img-grid-four .img.two {width: 80%; margin-left: 20%;}
	.single-post #img-grid-four .img.three {width: 60%; margin-right: 40%;}
	
	/*video*/
	.single-post #video .headline {margin: 80px auto 20px;}
	.single-post #video .copy {margin: 0px 0 40px;}

	/*.single-post #video .big iframe {margin-left: 1px;}*/
	/*.single-post #video .default iframe {margin: auto; padding: 10px;}
	.single-post #video .small iframe {margin: auto;}*/
	
	.single-post #video .vid {
		position: relative;
		padding-bottom: 55%;
		padding-top: 15px;
		height: 0;
		overflow: hidden;
	 }
	 .single-post #video .vid iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	  }

	
	/*#img-copy-grid = BREW GUIDES */
	.single-post .headline.small.grey,
	.single-post h3.headline.grey { color: #8a8a8a; }
	
	
	.single-post #img-copy-grid .col-7,
	.single-post #img-copy-grid .col-5,
	.single-post #img-copy-grid .img  { float: none; }
	
	.single-post #img-copy-grid .versatz-right .col-7,
	.single-post #img-copy-grid .versatz-right .col-5,
	.single-post #img-copy-grid .versatz-left .col-7,
	.single-post #img-copy-grid .versatz-left .col-5,
	.single-post #img-copy-grid .versatz-right .img,
	.single-post #img-copy-grid .versatz-left .img  { vertical-align: middle; }
	
	.single-post #img-copy-grid .col-7,
	.single-post #img-copy-grid .col-5,
	.single-post #img-copy-grid .img  { vertical-align: middle;}
	
	.single-post #img-copy-grid .col-5 { 
		padding-left: 30px;
		padding-right: 0px;
		height: auto; 
	 }
	
	
	/* CHANCE umkehren */
	.single-post #img-copy-grid.change .col-7 { float: right;}
	.single-post #img-copy-grid.change .col-5 {
		padding-right: 30px; 
		padding-left: 0px;
		height: 350px;
		margin-bottom: -50%;
	}
	
	.single-post #img-copy-grid .headline { padding-bottom: 20px; margin-top: -5px; }
	
	.single-post #img-copy-grid .col-7 img:nth-child(1) { padding: 0%; }
	.single-post #img-copy-grid .versatz-right .col-7 .img.inline:nth-child(1) {padding: 0 5% 0 15%;}
	.single-post #img-copy-grid .versatz-left .col-7 .img.inline:nth-child(1) {padding: 0 15% 0 5%;}
	
	.single-post #img-copy-grid .versatz-left .col-7 { margin-top: 5%;}
	
	.single-post #img-copy-grid .headline { padding: 20px 0; }
	.single-post #img-copy-grid h3.headline { padding: 20px 0 0;  }
	
	.single-post #img-copy-grid .col-7 img:nth-child(1) { padding: 0%; }
	.single-post #img-copy-grid .versatz-right .col-7 img:nth-child(1),
	.single-post #img-copy-grid .versatz-left .col-7 img:nth-child(1) { padding: 0%; }
	
	.single-post #img-copy-grid .versatz-left .col-7 .img.inline:nth-child(1) { width: 55%; }
	.single-post #img-copy-grid .versatz-left .col-7 .img.inline:nth-child(2) {width: 45%; padding-left: 10px;}
	.single-post #img-copy-grid .versatz-right .col-7 .img.inline:nth-child(1) { width: 45%; }
	.single-post #img-copy-grid .versatz-right .col-7 .img.inline:nth-child(2) {width: 55%; padding-left: 10px;}
	
	/* EXTRSTYLE for ALIGN-TOP */
	.single-post #img-copy-grid .align-top .col-7,
	.single-post #img-copy-grid .align-top .col-5 {
		vertical-align: top;
	}
	.single-post #img-copy-grid .align-top .col-5 {
		margin: -20px auto 0;
		height: auto;
	}
	
	
	.single-post #img-copy-grid.change,
	.single-post #author  { clear:both; }
	.single-post #img-copy-grid.change:last-child { margin-bottom: 60px;}

	
	/*#spacer*/
	.single-post #spacer { clear: both; float: none;}
	.single-post #spacer .big { height: 140px; }
	.single-post #spacer .normal { height: 90px; }
	.single-post #spacer .small { height: 50px; }
	
	.single-post #txt-grid-two {
				max-width: 1000px;
				margin-top: 80px;
				text-align: center; 
	}
	.single-post .headline.left,
	.single-post .copy.left, 
	.single-post .copy.right { text-align: left; }
	.single-post .copy.left { padding-right: 15px;}
	.single-post .copy.right { padding-left: 15px;}
		
	 .single-post .entry-header h1 {
		  text-transform: uppercase;
		  font-family: DINPro-condbold;
		  font-weight: 300;
		  -webkit-margin-after: 0.30em;
	  }
	
	/*author*/ 
	.single-post #author {margin: 120px 0 140px; }
	
	/* author images */
	.single-post #author .img.dominic {background: url("../../picts/_author/dominic.png") top no-repeat; }
	.single-post #author .img.nicole {background: url("../../picts/_author/nicole.png") top no-repeat; }
	.single-post #author .img.ken {background: url("../../picts/_author/ken.png") top no-repeat; }
	.single-post #author .img.chris {background: url("../../picts/_author/chris.png") top no-repeat; }
	.single-post #author .img.rs {background: url("../../picts/_author/rs.png") top no-repeat; }
	.single-post #author .img.anonym {background: url("../../picts/_author/anonym.png") top no-repeat; }
	.single-post #author .img.gast1 {background: url("../../picts/_author/gast1.png") top no-repeat; }
	.single-post #author .img.gast2 {background: url("../../picts/_author/gast2.png") top no-repeat; }
	.single-post #author .img.gast3 {background: url("../../picts/_author/gast3.png") top no-repeat; }
	.single-post #author .img {
		width: 200px; 
		height: 200px; 
		margin: 10px 35px 0 auto; 
		XYbox-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	}
	
	.single-post #author .copy-default,
	.single-post #author .headline,
	.single-post #author .copy,
	.single-post #author .link { text-align: left; }
	
	.single-post #author .copy-default { 
		font-family: DINPro-condbold; 
		text-transform:uppercase; 
	 }
	 .single-post #author h3{ margin-bottom: 0px;}
	.single-post #author .copy { margin: 10px auto 20px;}
	.single-post #author .link a { color: #000; text-decoration: underline;}
		
	/*share*/
	.single-post #follow_icons {margin: 30px auto }
	.ending .heateor_sss_horizontal_sharing ul.heateor_sss_sharing_ul {left: 39% !important;}
	.single-post .share_bottom #follow_icons { margin: -280px auto 80px 0; }
	.single-post .share_bottom { margin-left: 20px; }
	
	/*#but-overview*/
	.single-post #but-overview {margin: 50px auto 120px }
	
	/* related posts */
	.single-post #archive { margin-bottom: -60px;}
	
	
	/* ----------------------------------------------
	resp. Slider
	---------------------------------------------- */
	#blog-slider.resp {display: none; }
	/*body.page-child #gallery-slider {display: none; }*/
	
	/* ----------------------------------------------
	EMBEDED CONTAINER
	---------------------------------------------- */
	.single-post .embed-container iframe, 
	.single-post .embed-container object, 
	.single-post .embed-container embed { position: relative; }
	
	
	/* ----------------------------------------------
	OTHERS
	---------------------------------------------- */
	/* AGB / Datenschutz */
	body.others #intro { margin: 0px auto 80px; }
	
	body.others #intro .subhead {padding-top: 5px;}
	body.others.agb #intro .subhead {padding-top: 25px;}
	
	body.others .col-8 {margin: 35px auto 25px; }
	body.others #text .headline { word-spacing: 0.1em; letter-spacing: 0.01em; padding-bottom: 5px;}
	body.others #text .copy p { line-height: 20px; }
	body.others #text .copy p a { color: #630016; text-decoration: underline;}
	
	body.others .left { text-align: left; }
	body.others .justify {text-align: justify; }
	body.agb .copy,
	body.datenschutz .copy  { 
		-moz-hyphens: auto;
   		-o-hyphens: auto;
   		-webkit-hyphens: auto;
   		-ms-hyphens: auto;
   		hyphens: auto; 
		}
	
	body.others #text ul {margin: 0 0 1.41575em 1em;}
	body.others #text ul li {text-align: left; }
	
	/* Imprint */
	body.imprint #intro { margin: 0px auto 80px; }
	body.imprint .col-8 {margin: 70px auto; }
	
	body.imprint #intro .subhead {padding-top: 20px;}
	body.imprint #text .headline { margin-bottom: 25px;}
	body.imprint img {margin: 15px auto; }
	
	body.imprint .copy p { line-height: 20px;}
	body.imprint .copy p a { text-decoration: underline; color: #000;}
	
	#ending .subhead,
	#address .subhead { 
		color: #000;
		line-height: 24px;
		text-transform: uppercase;
		font-family: DINPro-condbold;
		padding-bottom: 25px
	}
	#address .headline { padding-bottom: 10px }
	#ending .copy p a { line-height: 40px; }
	
	
	/* ----------------------------------------------
	SEARCH RESULTS
	---------------------------------------------- */
	body.search,
	body.search #header-wrapper-inner.small-header,
	body.search #content-wrapper,
	body.search #content-wrapper-inner,
	.search .page-content { background: #fafafa !important; }
	
	body.search #header-wrapper { background-image: none !important;  }
	
	.search-results .txt-wrapper { text-align: center;}
	.search-results .page-header { margin: 60px auto; }
	.search .page-content { padding-bottom: 120px; }
	
	.search #content-wrapper-inner .text,
	.search #content-wrapper-inner .result {display: inline-block; }
	
	.search-results li.product,
	.search-results article {
		vertical-align: top;
		width: 32.1%;
		background: #fff;
		margin: 40px .5%;
		height: 690px;
		display: inline-block; 
	}
	.search-results article.page,
	.search-results article.product {
		height: 550px;
	}
	.search-results article.page h2,
	.search-results article.product h2 {
		margin-top: 30px;
	}
	.search-results .but.bigger {
		margin: 0 auto;
		width: 130px;
		padding: 15px 20px;
	 }
	 
	 /* search-results for products */
	.search-results li.product .woocommerce-de_price_taxrate,
	.search-results li.product .wgm-info,
	.search-results article.product { display: none; }
	
	.search-results li.product .price,
	.search-results li.product .custom-field-price-kg { display: block; }
	
	.search-results li.product h2 { 
		margin: 1em auto .2em;
		font-size: 36px !important; 
		padding: 0 20px;
	}
	.search-results li.product h4 { 
		font-size: 20px !important; 
	}
	.search-results .woocommerce-product-details__short-description p {
		margin-top: 1em;
		padding: 0 20px;
	}
	
	.search-results li.product .woocommerce-Price-amount {
		font-size: 1.6em;
		color: #000;
		margin-top: 1em;
	}
	.search-results .custom-field-price-kg {
		color: #aaa;
	}
	.search-results .custom-field-price-kg,
	.search-results li.product .button {
		font-family: DINPro-condbold;
	}
	
	/* ------------------------ 
	SEARCH NO RESULTS
	------------------------ */
	.search-no-results .page-content { background: transparent; }
	
	.search-no-results .page-header { display: none; }
	.search-no-results {text-align: center; padding-bottom: 80px;}
	
	.search-no-results .headline { padding-top: 40px;}
	.search-no-results .subhead {padding: 20px 0; }
	.search-no-results .site-main { margin-bottom: 0em;}
	
	/*search-form custom*/
	.page-content form {margin-bottom: 0px; padding: 20px; background: #eee; }
	.page-content #search_container {
		position: relative; 
		margin-top: 10px;
		background: transparent;
	}
	.page-content .close-search {display: none;}
	
	.page-content .widget_search form:before {margin-left: 16%; top: 2.5em; }
	.page-content .widget_search form input[type="search"] {background: #fff; width: 60%}
	.page-content .widget_search form input[type="submit"] {background: #fff;}
	
	    /* search Form on https://www.roeststaette.com/xy */
		.error #search-3.widget_search form { position: relative; }
		.error #search-3.widget_search form:before {
			position: absolute; 
			top: 33px;
			left: 65px;
			margin-left: 0px; 
		}

		/* 767 */
		@media only screen and (max-width: 766px) { 
		  .error #search-3.widget_search form:before {left: 45px;}
		}
		/* 600 */
		@media only screen and (max-width: 599px) {
		  .error #search-3.widget_search form:before {left: 35px;}
		  .error #search-3.widget_search form input[type="submit"] {margin-top: 0px;}
		}
		/* 480 */
		@media only screen and (max-width: 479px) {
		  .error #search-3.widget_search form { padding: 15px; }
		  .error #search-3.widget_search form:before {
			  left: 30px;
			  top: 27px; 
		  }
		  .error #search-3.widget_search form input[type="search"] {width: 100%;}
		  .error #search-3.widget_search form input[type="submit"] {
			  margin: 10px 0 0 0;
		  }
		}
	
	
	/* ------------------------ 
	RELATED
	------------------------ */
	.error404 #header-wrapper {background-image: none !important;}
	
	.error404 .page-content { padding: 40px 0 0px; }
	.error404 .page-content .intro {margin: 0 auto 120px; }
	.error404 .subhead {padding: 20px 0; }
	
	/* related */
	.error404 .related,
	.basket-empty .related  { 
		background: #eee;
		padding:40px 0 80px; 
	}
	.basket-empty .related  { 
		margin-top: 80px; 
	}
	.wishlist .related  { 
		padding:40px 0 80px; 
	}
	.search-no-results .related  { 
		padding-bottom:80px; 
	}
	
	.related ul.products li.product { 
		vertical-align: top;
		width: calc(33.33% - 20px) !important;
		background: #fff;
		margin: 40px 10px !important;
		padding-bottom: 30px; 
		display: inline-block; 
	 }
	 .related ul.products li.product .woocommerce-product-details__short-description {width: 94%; margin: auto; }
	.related .secondary-image {display: none;}
	 
	.related .price,
	.related a.add_to_cart_button,
	.related .custom-field-price-kg, 
	.related .woocommerce-variation-description p {
		text-transform: uppercase;
		font-family: DINPro-condbold;
	}
	.related .price {line-height: 1em;}
	.related .custom-field-price-kg {margin: -10px auto 0em;}
	.related .custom-field-price-kg, 
	.related .woocommerce-variation-description p {
		color: #aaa;
		display: block;
	}
	
	/*cart-emty */
	.basket header .entry-title {display: none; }
	/*.basket-empty .page-content { padding: 40px 0 0px; }*/
	.basket-empty .page-content .intro {margin: 0 auto 120px; }
	.basket-empty .subhead {padding: 20px 0; }
	
	/* message */
	.cart-empty,
	.cart-empty.woocommerce-info {
		position: relative;
		z-index: 1;
		width: auto;
		
		background: none !important;
		padding: 0px !important;

		color: #8a8a8a;
		font-size: 18px !important;
		font-family: DIN-next-reg;
		text-align: center;
	}
	
	/*button*/
	.button.wc-backward,
	.button.wc-backward:hover  {
		 width: 215px;
		 text-align: center;
		 margin: auto;
		 background-color: transparent;
		 color: #fff;
	}
	.return-to-shop { 
		width: 215px; 
		margin: auto;
	 }
	
	
	/* ----------------------------------------------
	DETAIL ALL
	---------------------------------------------- */
	.detail .site-main {margin-bottom: 0em; }
	.detail .header { padding-top: 120px; }
	
	/* logo */
	.nav-logo.mobile { display: none; }
	.detail .nav-logo { height: 30px; }
	.page-template.detail.office .nav-logo.mobile  {margin-bottom: 65px; }
	
	
	/* back to overview */
	.detail .link {text-align: left; }
	.detail .link-icon,
	.detail .link-text  { display: inline-block; }
	
	.detail .link-icon,
	.detail .link-text  { 
		position: absolute; 
		top: 118px; 
	}
	.detail .link-icon {top: 120px; }
	
	.detail .link-text  { 
		padding-left: 35px;
		color: #000; 
		vertical-align: middle; 
	}
	.detail .link-text:hover { text-decoration: underline; }
	
	.detail .link-text .desk { display: block; }
	.detail .link-text .mobile { display: none; }
	
	/* blog-slider */
	.detail #blog-slider.centered {margin: 50px auto; }
	.detail .slick-slide img {margin: 0 auto;}
	.detail .slick-prev, 
	.detail .slick-prev:hover, 
	.detail .slick-prev:focus { left: -20px; }
	.detail .slick-next, 
	.detail .slick-next:hover, 
	.detail .slick-next:focus { right: -20px; }
	.gastro.detail .slick-container img {width: 50%; }
	
	/* text */
	.detail #text.centered {margin: 60px auto;}
	.detail #text .headline {margin: 80px auto 30px; }
	.detail #text .subhead { margin-bottom: 30px; }
	
	/* download-box */
	#download-box {
		margin: 80px auto; 
		width: 490px; 
		padding: 60px;
		background: #000;
	}
	#download-box .headline,
	#download-box .copy,
	#download-box .copy-small { color: #fff; }
	
	#download-box .copy {
		font-family: DINPro-condmedium;
		padding: 5px 0;
	}
	#download-box .headline,
	#download-box .but { margin: 20px auto; }
	
	/* description */
	.detail #description {margin-bottom: 50px; }
	.detail #description .bg_img{ position: static; }
	
	.detail #description .col-2,
	.detail #description .col-4,
	.detail #description .col-6 {display: inline-block; }
	
	.detail #description .txt-all {
		/*margin-top: -72px; */
		margin-top: -45px; 
	}
	
	.detail #description .but {
		float: left; 
		background: #fff;
		margin-bottom: 50px;
		padding: 10px 80px 17px 20px;
		color: #777 !important;
		transition: all .0s ease-out !important;
	}
	.detail #description .but:nth-child(2),
	.detail #description .but:nth-child(3) { margin: 0 0 3px 3px; }
	
	.detail #description .text_box .headline,
	.detail #description .text_box .copy { text-align: left; margin-bottom: 30px; }

	.detail #description .text_box .headline { margin-bottom: 30px; }
	.detail #description .text_box .copy{ margin-bottom: 50px; }
	.detail #description .text_box .copy p { line-height: 20px; }
	.detail #description .text_box .copy ul {margin-left: 1.5em; }
	.detail #description .text_box .copy ul li {padding: 5px 0; text-align: left; }
	
	/* description but + text_box = open */
	.detail #description .text_box { float: right; display: none; margin-left: 20px; }
	.detail #description .text_box b { 
		text-transform: uppercase; 
		font-weight: 400; 
		text-transform: uppercase;
		font-family: DINPro-condbold; 
	}
	.detail #description .but.open { opacity: 1; padding-bottom: 20px; color: #000 !important;}
	.detail #description .text_box.open { display: block; }
	
	/* ansprechpartner */
	.detail #ansprechpartner.centered { margin: 80px auto;}
	.detail #ansprechpartner .img { margin: 30px auto 20px;}
	.detail #ansprechpartner .subtitel {color: #000; margin-bottom: 30px;}
	
	
	/* ------------------------ 
	OFFICE-LÖSUNGEN DETAIL
	------------------------ */
	/* dreier_grid */
	.detail.office #dreier_grid { 
		background: #eaeaea; 
		margin: 40px auto 90px; 
		padding: 20px 5px 60px; 
	}
	.detail.office.detail #dreier_grid { 
		margin: 80px auto; 
	}
	.detail.office #dreier_grid .col-4 { 
		background: #fff; 
		margin: 0 5px; 
		width: calc(33.333% - 10px);
		text-transform: uppercase;
		font-family: DINPro-condbold;
	}
	
	.detail.office #dreier_grid .img { padding-top: 10px;}
	.detail.office #dreier_grid .price {
		padding: 10px 0; 
		font-family: DIN-next-reg; 
		text-transform: none; 
	}
	.detail.office #dreier_grid .leasing {margin-bottom: 20px;}
	
	/* dreier_grid buttons */
	.cat .headline,
	.cat li a {
		text-transform: uppercase;
		font-family: DINPro-condbold;
		color: #000;
	}
	.blog .cat li a {
		text-transform: none;
		font-family: DIN-next-reg;
	}
	
	/* buttons */
	.gastro #dreier_grid .cat .headline {
		margin: 0px auto 25px; 
		padding: 0px;
	}
	.cat li a.is_active {
		color: #fff;
		background-color: #000;
	}

	/* description */
	.gastro.detail.office #description .bg_img {
		max-height: 800px;
		overflow: hidden;
	}
	
	
	/* ------------------------ 
	BARISTA DETAIL
	------------------------ */
	/* #Logo */
	.barista.detail #logo {
		margin: -165px auto 40px;
		text-align: center;
		background: #fff;
	}
	.barista.detail .academy-logo {padding: 50px 0 0;}
	
	.barista.detail #kurse .list:nth-child(2n) {background: #fff; }
	.barista.detail .listing .last { height: 30px; background: #eee; }
	
	.barista.detail .listing .titel { 
		display: inline-block;
		padding: 15px;
		text-align: left; 
	}

	/* Kurse: listing */
	.barista.detail .listing { margin: 0px auto 90px;}
	.barista.detail .listing .headline { padding-bottom: 20px; }
	.barista.detail .listing .subhead { padding-bottom: 40px; }
	
	.barista.detail #kurse .list {background: #eee;}
	.barista.detail #kurse .list:nth-child(2n) {background: #fff; }
	.barista.detail .listing .last { height: 30px; background: #eee; }
	
	.barista.detail .listing .date,
	.barista.detail .listing .time,
	.barista.detail .listing .price { width: 15%;}
	.barista.detail .listing .language { width: 15%;}
	.barista.detail .listing .count,
	.barista.detail .listing .tickets { width: 15%; text-align: center; }
	.barista.detail .listing .price { text-align: right; }
	
	.barista.detail .listing .language { 
		display: inline-block;
		padding: 15px;
		margin: 0px auto;
		position: relative;
	}
	
	/* Kurse: Summary_box */
	.barista.detail .listing .versand-line {
		color: #8a8a8a;
		font-family: DIN-next-reg;
		padding: 40px 0 20px;
	}
	.barista.detail .listing .summary_box { 
		outline: 2px solid #cdcdcd; 
		width: 260px; 
		height: 90px !important;
		margin: 15px auto 140px;
	}
	
	.barista.detail .listing .summary_box_inner,
	.barista.detail .listing .but.shop,
	.barista.detail .listing .skinner { position: absolute; }
	
	.barista.detail .listing .summe,
	.barista.detail .listing .summary-price { text-align: center; }
	
	.barista.detail .listing .summary_box_inner { 
		margin-top: -20px;
		width: 260px; 
	}
	.barista.detail .listing .summe {
		width: 75px;
		padding: 0px;
		background: #fff;
		margin-top: 8px;
	}
	.barista.detail .listing .summary-price {
		display: block;
		margin: 10px auto;
		padding: 0px;
	}
	.barista.detail .listing .but.shop {
		margin: 0px 2px;
	}
	.barista.detail .listing .skinner {
		background: #fff;
		width: 198px;
		height: 30px;
		left: 32px;
		top: 100px;
	}
	
	/* Kurse: Geschenk */
	.barista.detail #geschenk .list {background: #fff;}
	.barista.detail #geschenk .first,
	.barista.detail #geschenk .list:nth-child(2n) {background: #eee; }
	.barista.detail #geschenk .headline {padding-top: 35px; }
	
	/* Kurse: description */
	.barista.detail .header_image .bg_cover_image {height: 800px; }
	.barista.detail #text.intro {margin-top: -165px; background: #fff; padding: 60px 0; }
	.barista.detail #description .bg_img { padding: 0 10px; }
	.barista.detail .text_box.description .headline.small:nth-child(1) { margin-top: 30px; }
	
	/* hero-img-one */
	.barista.detail #hero-img-one .col-6 { margin: -170px auto 60px; }
	.barista.detail #hero-img-one .container { 
		background: #fff;
		padding: 60px;
	}
	.barista.detail #hero-img-one .subhead {padding: 15px 0 25px; }
	
	
	/* ---------------------------------------------- 
	PAGE WISHLIST / MY ACCOUNT WISHLIST
	---------------------------------------------- */
	.wishlist .entry-title,
	.tinv-wishlist .tinv-header,
	.tinv-wishlist tfoot,
	.tinv-wishlist .tinvwl-table-manage-list thead,
	.tinv-wishlist .product-cb,
	.tinv-wishlist .wishlist_item .variation {display: none; }
	
	.tinv-wishlist .wishlist_item .variation dt,
	.tinv-wishlist .wishlist_item .variation dd,
	.tinvwl-shortcode-add-to-cart,
	li.product .button { display: inline-block; }
	
	.tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt {
		width: 30px !important;
	}
	
	body.wishlist #header-wrapper.small-header,
	body.wishlist #header-wrapper-inner.small-header,
	body.wishlist #content-wrapper-inner { background: #f3f3f3; }
	
	.my-account.favorites .account-wrapper { background: #f3f3f3; }
	.my-account.first-login .account-wrapper { background: #fff; }
	
	.tinv-wishlist table:not( .has-background ) tbody td,
	.tinv-wishlist table:not( .has-background ) tbody tr:nth-child(2n) td,
	.tinv-wishlist tr.wishlist_item,
	.tinv-wishlist table td { background: #ffff; }
	
	.tinv-wishlist {
		max-width: 1660px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.tinv-wishlist table.tinvwl-table-manage-list {
		text-align: center;
	}
	
	tr.wishlist_item { 
		margin: 0 10px 50px;
		width: calc(33.33% - 30px);
		display: inline-block;
		vertical-align: top;
		
		padding-bottom: 30px;
		cursor: pointer;
		position: relative; 
		height: auto;
	}
	
	.wishlist_item > td { 
		display: block;  
		width: 100% !important;
		text-align: center;
	}
	.tinv-wishlist table td { padding: .3em 0px; }
	
	body.wishlist h3 {
		text-align: center;
		margin: 30px auto 60px;
		font-size: 60px;
	}
	
	.tinv-wishlist .product-thumbnail { 
		width: 100%;
		padding: 0px; 
	}
	.tinv-wishlist .product-remove {
		position: absolute;
		top: 0px;
		left: 5px;
		width: auto !important;
	}
	.tinv-wishlist .product-remove,
	.tinv-wishlist .product-remove button { background: transparent !important; }
	
	.tinv-wishlist table td.product-name { 
		padding: 1em 5% 0;
		line-height: 1.8em;  
	}
	.tinv-wishlist .product-name a,
	/*nicht vorrätig*/
	.tinv-wishlist .product-name {
		font-size: 30px;
		text-transform: uppercase;
		font-family: DINPro-condbold; 
	}
	
	.tinv-wishlist .wishlist_item .product-price {font-size: 2.2em;}
	.tinv-wishlist .product-remove button { font-size: 30px;}
	
	
	/* ----- NEW WISHLIST ----- */
	.zubehoer-overview .tinv-wishlist.tinv-wraper a:first-child { display: none; }
	.zubehoer-overview .tinv-wishlist {display: inline-block;}
	
	/* FORCE TO display on wishlist site / conflixt with other installations*/
	.wishlist .entry-content > .tinv-wishlist,
	.my-account.favorites #account-form .tinv-wishlist {display: block !important;}  
	.wishlist .related .tinv-wishlist {display: inline-block !important;}
	
	.wishlist .tinv-wishlist .wishlist_item .product-action button,
	.my-account.favorites #account-form .tinv-wishlist .wishlist_item .product-action button,
	
	/*nicht vorrätig*/
	.wishlist .tinv-wishlist .wishlist_item .product-action a,
	.my-account.favorites #account-form .tinv-wishlist .wishlist_item .product-action a{
		text-transform: uppercase;
		font-family: DINPro-condbold;
		font-weight: 400;
		background: url("../../picts/_but/but-style1.png") bottom center no-repeat;
		color: #fff;
		font-size: 18px !important;
		line-height: 1.8em !important;
	}
	
	/* stock txt */
	.tinv-wishlist .product-stock {
		margin: auto;
		width: 125px;
		-background: yellow;
	}
	.tinv-wishlist .product-stock p {
		display: inline-block;
		margin-left: -20px;
	}
	
	.tinv-wishlist .product-stock span {
		display: inline-block;
		vertical-align: top;
	}
	.tinv-wishlist .product-stock i {margin-right: 8px;}
	.stock.out-of-stock {color: red !important;}


	/* ---------------------------------------------- 
	FOOTER
	---------------------------------------------- */
	.content-area, 
	.widget-area {margin-bottom: 0em !important; }
	.col-full:after {display: none !important; }
	
	#quicklinks,
	#follow_icons { 
		margin: 0px auto; 
		text-align: center;
		width: 100%; 	
	}
	
	/* logo */
	#footerlogo { margin: 30px auto 50px; width: 110px; }

	/* Quicklinks */
	#quicklinks .headline {padding-bottom: 30px;}
	#quicklinks ul {margin: 0px;}
	#quicklinks ul li { 
		list-style: none; 
		margin: 10px 0; 
	}
	
	/* trusted-logo */
	#trusted-logo { margin: 50px auto 10px; width: 70px; }
	
	/* Follow Icons */
	#follow_icons { margin: 0px auto 80px; }
	#follow_icons a {display: inline-block; padding: 0 15px; vertical-align: middle;}
	
	/* footer Menu */
	.menu-footer ul { margin: 0 auto; }
	.menu-footer ul li { display: inline-block; padding: 0 35px;}
	.copyright { 
		text-align: center; 
		width: 150px;
		margin: auto;
	}
	
	.hentry .entry-content a:not(.button),
	.site-footer a:not(.button),
	.site-footer a:not(.button):hover {
    	text-decoration: none; 
	}
    
	#quicklinks ul li a,
	.menu-footer ul li a {  
		padding: 1em 0em;
		background-size: 1px 1px;
		background-repeat: repeat-x;
		background-position: 0 31px;
		background-image: linear-gradient(#ffffff 50%, #ffffff 50%);
	}
	
	#quicklinks ul li a:hover,
	.menu-footer ul li a:hover { color: #bbb; }
	
	.menu-footer ul li:nth-child(1):before {
		content: "*zzgl. Versand, inkl. MwSt.";
		padding-right: 70px;
	}
	
	.menu-footer ul li:nth-child(1) { float: left; }
	.menu-footer ul li:nth-child(3),
	.menu-footer ul li:nth-child(4),
	.menu-footer ul li:nth-child(5),
	.menu-footer ul li:nth-child(2) { float: right; }
	
	
	#hero-img-one .container { 
		background: #fff;
		padding: 60px;
	}
	.barista.detail #hero-img-one .subhead {padding: 15px 0 25px; }