/* -------------------------
		VIEWPORT 
		------------------------- */
		#viewport { 
		  position:fixed; 
		  bottom:150px; 
		  left: 0px; 
		  display: block; 
		  display: none;
		  z-index: 9999; 
		}
		/*.gastro.office #viewport { display: block; }*/
		
		#viewport div {  
		  color: #fff;
		  font-size: 14px;
		  background-color: #000;
		  padding: 2px 10px 0px;
		}
		
		
		/* -------------------------
		RESOLUTION  
		------------------------- */
		.col-full { 
			width: 100% !important; 
			max-width: 100% !important; 
		} 
		
		/* -------------------------
		PAGE 
		------------------------- */
		#page { max-width: 100% !important; }
		
		#intro,
		#blognews,
		#quotes,
		#text-modul,
		#referenzen,
		#shopnews,
		#jobs,
		#ansprechpartner { 
			max-width: 1660px; 
			padding: 0 8%; 
		}
		
		
		/* -------------------------
		BLOG 
		------------------------- */
		/* cat header */
		.page-template-cat-all .header_image img.attachment-headerimage.size-headerimage.wp-post-image { width: 100% !important; }
		/* GRID */
		.single-post section,
		.single-post .widgets_on_page ul { max-width: 1660px; }
		
		.single-post section { padding: 0 8%;}
			
			
		/* -------------------------------- */
		/* > 1900 */
		@media only screen and (min-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.bigger_1900  { display: block;  }
		
		}
		
		/* 1900 */
		@media only screen and (max-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1900  { display: block;  }
			
			/* -------------------------
			MODULE
			------------------------- */
			/* intro */
			.speciality.roasting #intro .col-8 {width: 83%;}
			
			/* text-modul */
			.speciality.sourcing #text-modul .col-8,
			.speciality.sourcing .copy-all .col-8 {width: 83%; }
			.speciality.sourcing .copy-all .col-5 {width: 50%; }
			
			/* dreier_grid */
			.gastro.office #dreier_grid { width: 80%; }
		}
		
		/* 1600 */
		@media only screen and (max-width: 1599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320   { display: none }
		.l_1600  { display: block;  }
		
			/* -------------------------
			RESOLUTION  
			------------------------- */
			.col-full { max-width: 100% !important;}
			.col-full,
			#page { width: 100% !important;  } 
			
			/* -------------------------
			DETAIL
			------------------------- */
			.page-template.detail #text.col-10 {width: 100%; }
			
			/* -------------------------
			DETAIL GASTRO
			------------------------- */
			/* -------------------------
			SPACER
			------------------------- */
			.gastro.vermietung .spacer {height: 0px;}
			
			/* -------------------------
			MODULE
			------------------------- */
			/* intro */
			.home #intro .col-5,
			.gastro.overview .col-5 {width: 50%;}
			
			#intro .col-8 {width: 80%; }
			.speciality.roasting #intro .col-8 {width: 100%;}
			
			/* dreier_grid */
			.gastro.office #dreier_grid { width: 85%; }
			.gastro.office #dreier_grid .circle_content:before {transform: scale(1.1);}
			
			
			/* referenzen */
			#referenzen .col-6 {width: 70%;}
			
			/*quality*/
			.speciality.overview #quality .col-6 {width: 70%;}
			#quality .icon {margin: -10% auto 40px;}
			
			/*text-modul*/
			.speciality.roasting #text-modul .col-10,
			.speciality.roasting #text-modul .col-8 {width: 100%;}
			
			/* video */
			#video .big iframe {
			width: 1660px !important;
			height: 810px !important;	
			}
			#video .default iframe {
			width: 1440px !important;	
			height: 680px !important;	
			}
			
			/* -------------------------
			NO RESULT
			------------------------- */
			.search-no-results .page-content.col-6 {
			width: 100%;  
			padding: 0 7%; 
			margin-bottom: 80px;
			}
			
			/* -------------------------
			BLOG
			------------------------- */
			/* cat */
			.page-template-cat-all .header_image img.attachment-headerimage.size-headerimage.wp-post-image { width: 100% !important; }
			
			/*img-copy-grid*/
			.single-post #img-copy-grid.col-10 {
			width: 100%;
			padding: 0 8%;
			}
		
		}
		
		/* < 1440 */
		@media only screen and (max-width: 1439px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1440  { display: block;  }
		
			  /* -------------------------
			  DETAIL OFFICE
			  ------------------------- */
			  /*text-modul*/
			  .page-template.gastro.detail.office #text-modul.col-10 {width: 90%; }
			  .page-template.gastro.detail.office #text-modul .copy.col-10 {width: 100%; }
			  
			  /*dreier_grid */
			  .gastro.office #dreier_grid .headline.small {padding-bottom: 30px;}
			  
			  /* -------------------------
			  CONTACT
			  ------------------------- */
			  .contact.overview #addresse {padding: 0px 0 70px;}
			  .contact.overview #addresse .headline.address {padding: 20px 0;}
			  
			  /* -------------------------
			  MODULE
			  ------------------------- */
			  /* intro */
			  #intro {padding: 0 4%;}
			  #intro .col-8 {width: 90%; } 
			  
			  /* hero_img_bottom */
			  #hero_img_bottom .text_box_inner.col-6,
			  #hero_img_bottom .text_box_inner.col-7 { width: 65%; }
			  .speciality.roasting #hero_img_bottom .text_box_inner.col-7 {width: 85%;}
			  
			  /* quotes */
			  .barista.overview #quotes .col-8 { width: 80%;}
			  #quotes .text_box .subhead.author {margin-top: 0px;}
			  
			  /* text-modul */
			  .speciality.sourcing #text-modul.col-10,
			  .speciality.roasting #text-modul.col-10 {width: 100%; padding: 0 7%; }
			  .speciality.roasting #text-modul .col-10 {width: 83%;}
			  
			  .about.story #text-modul .col-8 {width: 83%;}
			  
			  /* specilty sourcing */
			  .img-map.col-8 {width: 90%;}
			  
			  /* img_versatz*/
			  .speciality.roasting #img_versatz.three .img.one {width: 90%; margin-left: 10%;}
			  .speciality.roasting #img_versatz.three .img.two { width: 90%;margin-right: 10%;}
			  .speciality.roasting #img_versatz.three .img.three {width: 70%; margin-right: 30%;}
			  
			  #img_versatz.four {padding: 0px 40px;}
			  
			  /*dreier_grid*/
			  .gastro.office #dreier_grid .circle_content::before {top: 20%;}
			  .gastro.office #dreier_grid .circle_content {font-size: 3.5em; margin-top: 55%;}
			  
			  /*quality*/
			  #quality .icon img {
				top: 75%;
				width: 154px;
			  }
			  #quality .icon {margin: -30% auto 40px;}
			  
			  
			  /*team*/
			  .about.team #extended_team .col-10 { width: 90%;}
			  .about.team #extended_team .three-grid .img.round {
			  width: 240px;
			  height: 240px;
			  background-size: 240px;
			  }
			  .about.team #extended_team .four-grid .img.round {
			  width: 180px;
			  height: 180px;
			  background-size: 180px;
			  }
			  .about.team #extended_team .three-grid .titel { margin-top: -20px; }
			  
			  /* video */
			  #video .big iframe {height: 708px !important;	}
			  #video .default iframe {height: 610px !important;	}
			  
			  /* -------------------------
			  BLOG
			  ------------------------- */
			  /* subhead br */
			  .single #intro .subhead br {display: none; }
			  
			  /* tag */
			  #archive article .tag a,
			  .loadmore_container .tag a {padding: 8px 20px; line-height: 1em;}
		}
		
		
		/* 1280 */
		@media only screen and (max-width: 1279px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1280  { display: block;  }
		
			  /* -------------------------
			  GRID
			  ------------------------- */
			  /* archive */
			  #archive article,
			  .loadmore_container article,
			  #filter-archive article,
			  .search-results article,
			  .search-results li.product,
			  tr.wishlist_item {width: 48%;}
			  
			  /* -------------------------
			  DETAIL OFFICE
			  ------------------------- */
			  .gastro.detail.office #text-modul {margin-top: 120px; }
			  .page-template.gastro.office.detail #dreier_grid {width: 100%; margin: 80px auto 10px;}
			  
			  /* -------------------------
			  DETAIL JOBS
			  ------------------------- */
			  .page-template.jobs-detail #text .headline {margin: 40px auto 30px;}
			  
			  /* -------------------------
			  SPACER
			  ------------------------- */
			  .about.story .spacer-bottom { margin-bottom: 100px; }
			  
			  /* -------------------------
			  MODULE
			  ------------------------- */
			  /* intro */
			  .home #intro.col-10,
			  .gastro.overview #intro.col-10 {width: 100%; padding: 0 4%;}
			  
			  .speciality.tasting #intro.col-10 {width: 100%; padding: 0 7%;}
			  .speciality.tasting #intro .col-5 {width: 50%;}
			  
			  /* shopnews */
			  #shopnews .col-10 { width: 100%; }
			  
			  /* blognews */
			  .single-product #blognews .date, 
			  .single-product #blognews .copy {padding-top: 10px;}
			  
			  .about.story #blognews .but { padding-top: 40px;}
			  
			  /* contact_form */
			  #contact_form .col-6 {width: 60%;}
			  /*.contact #contact_form .form .widgets_on_page { width: 570px; }*/
			  
			  /* hero_img_bottom */
			  #hero_img_bottom .text_box_inner.col-8,
			  #hero_img_bottom .text_box_inner.col-6 { width: 83.33333333333334%; }
			  #hero_img_bottom .text_box_inner { padding: 40px 50px 55px; }
			  
			  /* text-modul */
			  #text-modul .col-8 { width: 83.33333333333334%; }
			  
			  /* dreier_grid */
			  .gastro.office #dreier_grid { width: 90%; }
			  .gastro.office #dreier_grid .circle_content:before {transform: scale(0.9); top: 25%;}
			  .gastro.office #dreier_grid .circle_content {font-size: 3em; margin-top: 60%;}
			  .gastro.filter #dreier_grid .copy {text-align: left;}
			  
			  /* zweier_grid */
			  .gastro.filter #zweier_grid.col-10 {width: 100%; padding: 0 4%;}
			  .gastro.filter #zweier_grid .col-5 {width: 50%;}
			  .gastro.office #zweier_grid .copy.t-left { padding: 0px 15px; }
			 
			  
			  /*quality*/
			  .speciality.overview #quality .col-4 {width: 50%; margin-bottom: 150px;}
			  
			  
			  /* text-modul */
			  .speciality.sourcing #text-modul.col-10 {width: 100%; padding: 0 3%; }
			  
			  /* Referenzen */
			  #referenzen .col-9 { width: 86%;}
			  #referenzen .col-4 {padding: 0 30px;}
			  
			  /* blog-slider */
			  .about.story #blog-slider.col-10 {width: 100%; }
			  
			  /* video */
			  #video .big iframe {height: 720px !important;}
			  #video .default iframe {height: 605px !important;}
			  
			  /*maps*/
			  #maps #wpgmza_map {height: 550px !important; }
			  
			  
			  /* -------------------------
			  BLOG
			  ------------------------- */
			  /*GRID*/
			  .single .col-8 {width: 80%;}
			  .single #author .col-4 {width: 50%;}
			  
			  /* -------------------------
			  WISHLIST
			  ------------------------- */
			  body.wishlist h3 { margin: 30px auto; }
		
		}
		
		/* 1160 */
		@media only screen and (max-width: 1159px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1160  { display: block;  }
		
			/* -------------------------
			COL-SIZE
			------------------------- */
			/* intro */
			#intro .col-8,
			#intro .copy.col-9,
			#intro.col-10 {width: 90%; }
			
			#intro .col-5,
			#intro .col-6 {width: 50%;  }
			
			/* blognews / quotes */
			#blognews,
			#quotes .text_box.col-9 {width: 90%; }
			
			/* contact_form */
			#contact_form .col-6 {width: 80%;}
			
			/* text-modul */
			#text-modul .col-10,
			
			/* contact-form */
			#contact_form.col-10 { width: 90%; }
			
			/* hero-image-bottom */
			#hero_img_bottom .text_box_inner.col-7 {width: 75%;}
			
			/* img_versatz */
			#img_versatz .subhead.col-10 {width: 90%; }
			
			/* -------------------------
			PAGES
			------------------------- */
			#intro,
			#blognews,
			#quotes,
			#text-modul,
			#referenzen,
			#shopnews,
			#jobs,
			#ansprechpartner { padding: 0%; } 
			
			#intro { padding: 0% 6%; } 
			
			/* -------------------------
			DETAIL
			------------------------- */
			/*blog-slider*/
			.page-template.gastro.detail .slick-container img {width: 60%;}
			
			.page-template.detail #text .col-8 {width: 80%; }
			
			/* .detail.office */
			.detail.office #dreier_grid .col-4 {
			margin: 10px 5px;
			width: calc(50% - 10px);
			}
			
			/* -------------------------
			GASTRO OFFICE
			------------------------- */
			/* gastro office spacer */
			.gastro.office .spacer {height: 40px; }
			.gastro.office .spacer.small {height: 0px; }
			
			/* -------------------------
			CONTACT
			------------------------- */
			.contact.overview #addresse .col-4 {width: 90%; padding: 20px 0;}
			.contact.overview #addresse .icon-maps {margin: 20px auto;}
			
			/* -------------------------
			MODULE
			------------------------- */
			/* intro */
			.speciality.overview #intro .col-8 {width: 100%;}
			.speciality.roasting #intro .col-8 {width: 83%;}
			
			/* blognews */
			#blognews .date, 
			#blognews .copy,
			.home #blognews .date, 
			.home #blognews .copy,
			.about #blognews .date, 
			.about #blognews .copy {padding-top: 20px;}
			
			#blognews .titel,
			.home #blognews .titel, 
			.about #blognews .titel {padding-top: 25px;} 
			
			/* contactForm */
			#contact_form .headline { padding: 40px 20px 20px; }
			#contact_form .form { padding: 40px 0 40px;}
			
			/* hero_img_bottom*/
			.gastro.overview #hero_img_bottom .text_box.default { margin-top: -10%; }
			.about.overview #hero_img_bottom .text_box_inner {width: 80%;}
			
			/* hero_img_ending / SPECIALIY ROASTING */
			#hero_img_ending .bg_img { height: 550px; }
			#hero_img_ending .but.more { margin: 450px auto 0px;}
			
			/* dreier_grid */
			.gastro.office #dreier_grid .circle_content:before {top: 18%; transform: scale(.9);}
			.gastro.filter #dreier_grid .col-4 {width: 45%;}
			.gastro.filter #dreier_grid .headline {padding: 20px 30px;}
			
			/* zweier-grid */
			.gastro.office #zweier_grid .col-6 {padding: 0 25px;}
			/*.gastro.office #zweier_grid .copy {text-align: left; }*/
			
			/* text-modul */
			.speciality.tasting #text-modul.col-10 {width: 100%; padding: 0 4%;}
			
			/*team*/
			.about.team #extended_team .three-grid .img.round {
				width: 210px;
				height: 210px;
				background-size: 210px;
			}
			
			/* video */
			#video .big iframe {height: 625px !important;	}
			#video .default iframe {height: 550px !important;	}
			
			
			/* -------------------------
			related: error404 / basket / wishlist
			------------------------- */
			.related .txt-wrapper {
			width: 80%; 
			margin: auto; 
			}
			.related ul.products li.product {
			width: 46% !important;  
			margin: 40px 2% 0px !important;  
			}
			.error404 .related .woocommerce.columns-3, 
			.error404 .related .products.columns-3,
			.basket-empty .related .woocommerce.columns-3, 
			.basket-empty .related .products.columns-3,
			.wishlist .related .woocommerce.columns-3, 
			.wishlist .related .products.columns-3 {
			margin: auto !important; 
			text-align: center !important;
			}
			
			/* -------------------------
			WISHLIST
			------------------------- */
			tr.wishlist_item {margin: 40px .5%;}
			
			
			/* -------------------------
			BLOG
			------------------------- */
			/* intro */
			.single-post #intro {margin-top: 60px;} 
			.hero-blog-text.col-9 {width: 85%;}
			
			/*img-copy-grid*/
			.single-post #img-copy-grid.col-10 { padding: 0 8%; }
			
			/* stuff */
			article .tag a {
			padding: 10px 10px;
			margin: 4px;
			line-height: 1em;
			}
			
			.single-post section { padding: 0%; }
			
			/*img-copy-grid / EXTRSTYLE for ALIGN-TOP */
			.single-post #img-copy-grid .align-top .col-7,
			.single-post #img-copy-grid .align-top .col-5 {
				width: 100%;
				display: block;
				float: none;
				min-height: auto;
				padding: 0px;
			}
			.single-post #img-copy-grid .align-top .col-5,
			.single-post #img-copy-grid .top-spacer.align-top {
			margin: 0px auto;
			}
	
		}
		
		/* 1024 */
		@media only screen and (max-width: 1023px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_1024  { display: block;  }
		       
			 /* -------------------------
			 TEXT MODUL
			  ------------------------- */
			.page-template #text-modul.col-10,
			.page-template #text-modul .col-8 { width: 100%; }
			.page-template #text-modul.col-10 { padding: 0 5% !important;}
			
			  /* -------------------------
			  GASTRO DETAIL
			  ------------------------- */
			  /*blog-slider*/
			  .page-template.gastro.detail .slick-container img {width: 60%;}
			  
			  /*maschinen*/
			  .gastro.detail.maschinen .slick-list {margin-bottom: 0px;}
			  .gastro.detail.maschinen .slick-dots { margin-bottom: -40px}
			  
			  /* -------------------------
			  DETAIL JOBS
			  ------------------------- */
			  .page-template.jobs-detail #text .headline {margin: 120px auto 0px;}
			  
			  /* -------------------------
			  SPACER
			  ------------------------- */
			  .speciality.roasting .spacer.bottom {height: 20px;}
			  
			  /* -------------------------
			  MODULE
			  ------------------------- */
			  /* subhead */
			  .subhead { 
			  	line-height: 1.4em; 
				padding-top: 25px; 
			  } 
			  .overview #archive .subhead, 
			  .cat-overview #archive .subhead { 
				padding-top: 0px; 
			  } 
			  
			  /* intro */
			  #intro .headline {padding-top: 40px;}
			  .speciality.roasting #intro.col-10 {width: 100%; padding: 0 7%;}
			  .speciality.roasting #intro .col-8 {width: 100%; padding: 0px;}
			  
			  /* topseller */
			  #topseller .label { margin-right: 30px;}
			  
			  /* blognews */
			  #blognews, #quotes .text_box.col-9 {width: 95%;}
			  
			  /* quotes */
			  #quotes .col-8 { width: 83.33333333333334%; }
			  #quotes .subhead {padding-top: 0px;}
			  
			  /* shopnews */
			  #shopnews .col-5 { width: 50% }
			  
			  /* hero_img_bottom */
			  #hero_img_bottom .text_box_inner.col-10,
			  #hero_img_bottom .text_box_inner.col-8,
			  #hero_img_bottom .text_box_inner.col-7,
			  #hero_img_bottom .text_box_inner.col-6  { width: 90% }
			  #hero_img_bottom .subhead { margin-top: 0px;}
			  #hero_img_bottom .text_box_inner { padding: 35px 40px 55px; }
			  
			  /* hero_img_center two-img */
			  #hero_img_center.two-img {margin-top: 20%;}
			  #hero_img_center.two-img .img.one {display: none; }
			  #hero_img_center.two-img .text_box {margin: -250px auto;}
			  #hero_img_center.two-img .text_box_inner { padding: 35px }
			  #hero_img_center.two-img .text_box_inner.col-6 {width: 85%;}
			  
			  .speciality.sourcing #hero_img_center.two-img .img.one {display: block; }
			  .speciality.sourcing #hero_img_center.two-img .text_box {margin: -10% auto;}
			  .speciality.sourcing #hero_img_center.two-img {margin-top: 80px;}
			  
			  /*quality*/
			  #quality .icon img {top: 85%;}
			  
			  /* text-modul */
			  #text-modul.col-10,
			  #text-modul .col-8 { width: 90%;}
			  #text-modul .col-5 { width: 50%; }
			  
			  .speciality.roasting #text-modul .col-10,
			  .speciality.roasting #text-modul .col-8 {width: 100%; }
			  
			  #text-modul .subhead {margin: 0px; padding-top: 0px;}
			  
			  /* img_versatz*/
			  .speciality #img_versatz.three .img.one {width: 95%; margin-left: 5%;}
			  .speciality #img_versatz.three .img.two { width: 95%;margin-right: 5%;}
			  .speciality #img_versatz.three .img.three {width: 75%; margin-right: 25%;}
			  
			  .speciality.overview #img_versatz.four {padding: 0px 20px;}
			  
			  /* specilty sourcing */
			  .img-map.col-8 {width: 100%;}
			  
			  /* contactform */
			  #contact_form .upload {margin: -20px 0 0 0; text-align: left; }
			  
			  /* referenzen */
			  .gastro.vermietungen #referenzen {margin: 120px auto 30px;}
			  
			  /*maps*/
			  #maps #wpgmza_map {height: 500px !important; }
			  
			  /*team*/
			  .about.team #extended_team .col-3.four-grid {width: 33.33%;}
			  
			  /* video */
			  #video .big iframe {height: 560px !important;}
			  #video .default iframe {height: 490px !important;}
			  
			  /* -------------------------
			  OTHERS
			  ------------------------- */
			  .page.others .col-8,
			  .page.imprint .col-8,
			  .page.imprint .col-6,
			  .search-results .col-8 {width: 100%; padding: 0 7%; }
			  
			  .page.others #intro {margin-bottom: 50px;}
			  .search-results .page-header { margin: 20px auto;}
			  
			  .page.others #intro .subhead br,
			  .page.imprint .subhead br {display: block !important; }
			  
			  .page.others #intro .subhead,
			  .page.imprint #address .copy,
			  .page.imprint #ending .copy {text-align: center !important; }
			  
			  /* NO RESULT */
			  .search-no-results .page-content.col-12 { padding: 0px; }
			  .search-no-results .headline {padding-top: 40px;}
			  
			  /* basket */
			  .basket-empty h3 {padding-top: 20px;}
			  
			  /* -------------------------
			  WISHLIST
			  ------------------------- */
			  .tinv-wishlist .product-thumbnail {
			  max-width:100%;
			  width:100%;
			  }
			  
			  /* -------------------------
			  error404 
			  ------------------------- */
			  .error404 .page-content.col-12 { 
			  width: 100%; 
			  padding: 0 7%; 
			  }
			  .error404 .page-content .col-8 {  width: 100%; }
			  
			  
			  /* -------------------------
			  BLOG
			  ------------------------- */
			  /* intro */
			  .single-post #header-wrapper {top: 0px;}
			  .single-post #intro {padding-top: 0px !important; margin-top: 0px; }
			  
			  /*img-copy-grid*/
			  .single-post #img-copy-grid.col-10 {padding: 0 4%;}
			
			}
			
		/* 940 */
		@media only screen and (max-width: 939px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_940  { display: block;  }
				
				/* -------------------------
				DETAIL
				------------------------- */
				.page-template.detail #download-box .copy {text-align: center; }
				
				/* -------------------------
				DETAIL OFFICE
				------------------------- */
				/*br*/
				.page-template.gastro.detail.office #text-modul .copy br {display: none; }
				
				/* -------------------------
				MODULE
				------------------------- */
				/* intro */
				/*#intro .headline {padding-top: 80px; }*/
				.speciality.tasting #intro .copy.left {padding-left: 0px;}
				
				/* service */
				#service .copy.col-6 {width: 80%;}
				
				/* dreier_grid */
				.gastro.office #dreier_grid { width: 100%; }
				.gastro.office #dreier_grid .circle_content:before {transform: scale(0.7); top: 25%;}
				.gastro.office #dreier_grid .circle_content {font-size: 2.5em; margin-top: 55%;}
				
				/* quality */
				#quality .headline.big {margin-bottom: 60px;}
				.speciality.overview #quality .col-4 {padding: 0 25px;}
				
				/*team*/
				.about.team #extended_team .col-10 {width: 100%;}
				.about.team #extended_team .col-4.three-grid {width: 50%;}
				
				/*  video */
				#video .col-10 {width: 100%;}
				#video .default iframe {padding: 0px !important; } 
				#video .big iframe,
				#video .default iframe  {height: 530px !important;}
				
				/* text-modul */
				.speciality.tasting #text-modul.col-10 {padding: 0 7%;}
				.speciality.tasting #text-modul .col-8 {width: 100%;}
				.speciality.tasting #text-modul .copy.left {padding-left: 0px; }
				.speciality.tasting #text-modul .copy.right {padding-right: 0px; }
				
				.about.story #text-modul.col-10 {width: 100%; padding: 0 7%;}
				.about.story #text-modul .col-8,
				.about.story #text-modul .col-10 {width: 100%;}
				
				/*quotes*/
				.about.story #quotes.col-12 {padding: 0 7%;}
				.about.story #quotes .text_box.col-9 {width: 100%;}
				
				/* img_versatz */
				.speciality.tasting #img_versatz .subhead.col-10 {width: 100%;}
				
				
				/* -------------------------
				BLOG
				------------------------- */
				/*single-post*/
				.single-post #intro {margin-top: 0px;}
				
				/*overview*/
				.page-template-cat-all.blog .hero-blog-text {padding: 30px 0 50px;}
				
				/*archive tag */
				.archive.tag .blog .hero-blog-text {padding: 20px 0;}
				
				/* GRID */
				.single #intro.col-10,
				.single .col-10,
				.single .col-8,
				
				.single-post #intro .headline,
				.single-post #intro .subhead,
				.single #intro .col-8,
				.single-post #copy-column-one .headline.small {
					width: 100%;
					max-width: 100%;
					padding-left: 3%;
					padding-right: 3%;
				} 
				
				.single #author .col-4 {padding-left: 5%;}
				
				/* image-GRID */
				.single #img-grid-four,
				.single #img-grid-three {padding: 0px;}
				.single #img-grid-four .copy {
					margin-bottom: 150px;
					padding: 3%;
				}
		}
		
		
		/* 850 */
		@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_850  { display: block;  }
			
			/*home*/
			.home #hero_product {margin: -30px auto 30px;}
			.home #topseller {margin: 30px auto;} 
			.home #blognews {margin: 0px auto;}

			/* -------------------------
			DETAIL
			------------------------- */
			.page-template.detail #description .col-6 {padding: 0 5%;}
			
			/* -------------------------
			SPACER
			------------------------- */
			.spacer.big {height: 100px;}
			.single-post #spacer .big {height: 80px;}
		
			.gastro.overview .spacer {margin-top: -130px; }
			.speciality.roasting .spacer.bottom {height: 0px;}
			.about.story .spacer-bottom { margin-bottom: 0px; }
			
			.gastro.filter .spacer {height: 40px;}
			
			
			/* -------------------------
			MODULE
			------------------------- */
			/* intro */
			#intro.col-10 { width: 100%; padding: 0 7%; } 
	
			#intro .col-8, 
			#intro .col-5 {width: 100% !important; }
			#intro .col-5.right {margin-top: 35px;}
	
			.headline.big { margin-bottom: 0px;}
			#intro .subhead {padding-top: 20px;}
			#intro .copy-all { padding-top: 25px; }
			
			#intro .copy.left,
			#intro .copy.right {
				padding-left: 0px;
				padding-right: 0px;
			}
			
			/* blognews */
			#blognews .col-6 { 
			  width: 80%; 
			  padding: 0px; 
			  background: #eee;
			  margin-bottom: 40px;
			}
			#blognews img { width: 100%; padding: 0px; }
			#blognews .date {padding-top: 10px;}
			#blognews .but {margin-bottom: 35px;}
			.barista.overview #blognews {margin: 80px auto 40px;}
			
			/* quotes */
			#quotes .col-8 { width: 90%; }
			#quotes .text_box .subhead.author { margin-top: 0px; }
			
			/* topseller */
			#topseller .desk { display: none; }
			#topseller .mobile-slider { display: block; padding-bottom: 30px; }
			
			/* hero_img */
			.text_box .subhead, 
			.text_box .copy, 
			.text_box .but,
			
			/* hero_img_center two_img */
			#hero_img_center.two-img {margin-top: 40%;}
			#hero_img_center.two-img .text_box_inner.col-6 {width: 90%;}
			#hero_img_center.two-img .text_box_inner {padding: 35px 25px;}
			
			
			/* hero_img_bottom */
			#hero_img_bottom .text_box .but {margin-top: 30px;}
			.about.overview #hero_img_bottom .subhead { padding-top: 15px;}
			
			/* hero_img_ending / SPECIALIY ROASTING */
			 #hero_img_ending .bg_img { height: 500px; }
			 #hero_img_ending .but.more { margin: 400px auto 0px;}
			
			/*#dreier_grid*/
			.gastro.office #dreier_grid { width: 100%;}
			.gastro.filter #dreier_grid .col-4 {width: 50%;}
			
			/* zweier_grid */
			.gastro.filter #zweier_grid.col-10 {padding: 0 7%;}
			.gastro.filter #zweier_grid .col-5 {width: 100%;}
			
			.gastro.office #zweier_grid .col-6 {width: 100%;}
			.gastro.office #zweier_grid .repeat:last-child .copy.t-left { margin-bottom: 30px; }
			.gastro.office #zweier_grid .repeat a { 
				padding: 15px; 
				margin-bottom: 20px;
			}
			.gastro.office #zweier_grid .image img {max-height: 300px;}
			.gastro.office #zweier_grid .copy {
				margin-bottom: 0px; 
				padding: 0px;
			}
			.gastro.office #zweier_grid .but {margin-top: 30px;}

			
			/* quality */
			#quality .col-6,
			.speciality.overview #quality .col-6 {width: 100%;}
			
			/*specialty-coffee-pages*/
			.parent-pageid-25730 .text_box .subhead, 
			.parent-pageid-25730 .text_box .copy, 
			.parent-pageid-25730 .text_box .but,
			.parent-pageid-263 .text_box .subhead, 
			.parent-pageid-263 .text_box .copy, 
			.parent-pageid-263 .text_box .but { margin-top: 20px;}
			
			.speciality.parent-pageid-263 #hero_img_bottom .text_box .copy,
			.speciality.parent-pageid-25730 #hero_img_bottom .text_box .copy { margin-top: 30px;}
			
			.speciality.overview #quality { 
				width: 100%; 
				padding: 0 6%; 
				margin-top: -20%;
			}
			
			.speciality.overview #quality .col-4 {
				width: 100%;
				padding: 20px 0px;
				margin-bottom: 0px;
			}
			#quality .icon {margin: -10% auto 40px;}
			#quality .icon img {top: 90%;}
			
			/* grid-teaser */
			#grid_teaser .col-4 {
				width: 100%;
				padding: 0 7%;
				margin: 10px auto;
			}
			
			/* service */
			#service .tel {padding-top: 35px;}
			#service .txt-wrapper {margin: 0px auto 30px; width: 90%;}
			
			/* barista */
			#academy .subhead {padding: 30px 50px 0px;}
			
			/* text-modul */
			.speciality #text-modul.col-10,
			.speciality.sourcing #text-modul.col-10 {padding: 0px 7%;}
			.speciality #text-modul .col-5 {
				width: 100%;
				margin-bottom: 20px;
				padding: 0px;
			}
			.speciality #text-modul .col-5:last-child {margin-bottom: 0px;}
			.speciality #text-modul .col-8 { width: 100%;}
			
			.about.story #text-modul .subhead {margin: 0px;}
			
			/* image-versatz */
			#img_versatz.four, 
			#img_versatz.three {padding: 0px 7% !important;}
			
			#img_versatz .col-7,
			#img_versatz .col-5,
			#img_versatz .img {
				width: 100% !important; 
				padding: 0px; 
				margin: 0px;
			}
			#img_versatz .col-7,
			#img_versatz.three .right {margin-top: -20px !important; }
			#img_versatz .img { margin: 20px auto !important;}
			
			.speciality.overview #img_versatz.four {margin: 0px 0 90px; }
			.speciality.roasting #img_versatz.three {margin: 90px 0 50px;}
			.speciality.tasting #img_versatz .subhead {margin-bottom: 50px;}
			.speciality #img_versatz.three { margin: 100px 0 40px;}
			
			/* quotes */
			.about #quotes {width: 100%; padding: 0 7%; }
			.about #quotes .text_box.col-9 {width: 100%;}
			
			/* team */
			.about.team #team.col-12 { width: 100%; }
			.about.team #team .col-6 { width: 100%; padding: 0 7%; }
			.about.team #extended_team .col-4.three-grid,
			.about.team #extended_team .col-3.four-grid {width: 50%;}
			.about.team #team .copy { padding: 20px 0px 0; text-align: left; }
			
			.about.team #team_grid .img {padding: 4px;}
			.about.team #team_grid .img.pict_75 {padding: 0 4px 6px }
			
			.about.team #team .subhead,
			.about.team #extended_team .subhead { 
				width: 100%; 
				padding-left: 7%; 
				padding-right: 7%;
			}
			
			.about.team #team .col-6 {
				width: 86%;
				padding: 0%;
				background: #eee;
				margin-bottom: 45px; 
			}
			.about.team #team .titel {padding: 30px 0 10px;}
			.about.team #team .col-6 .copy {padding: 15px 30px; }
			.about.team #team .but {margin: 20px auto 30px;}
			
			/* jobs */
			.about.jobs #jobs .col-10 {padding: 20px 50px;}
		
			/* video */
			#video .big iframe,
			#video .default iframe  {
				height: 480px !important;	
			}
			
			/*ansprechpartner*/
			.page-template #ansprechpartner .col-6 {width: 60%;}
			
			/*maps*/
			#maps #wpgmza_map {height: 400px !important; }
			
			
			
			/* -------------------------
			resp. Slider
			------------------------- */
			.speciality #img_versatz {display: none; }
			#blog-slider.resp {display: block; }
			
			.speciality.overview #blog-slider.resp { margin: 60px auto 100px; }
			.speciality.sourcing #blog-slider.resp { margin: 60px auto 100px; }
			.speciality.roasting #blog-slider.resp { margin: -20px auto 40px; }
			.speciality.tasting #blog-slider.resp { margin: 60px auto 40px; }
			
			
			/* -------------------------
			related
			------------------------- */
			.related .txt-wrapper {width: 100%; margin: auto; }
			
			/* -------------------------
			BLOG
			------------------------- */
			/* GRID */
			.single #blog-slider.col-10,
			.single #img-column-two.col-10,
			.single #img-column-two .col-6 { 
				padding-left: 0px; 
				padding-right: 0px; 
			}
			
			/*spacer 08-04-23*/
			.single-post .top-spacer {margin-top: 30px;}
			.single-post #spacer .normal {height: 40px;}
			
			/*.single-post #intro .headline {padding-top: 0px;}*/
			.single-post #img-grid-three h2.headline, 
			.single-post #img-grid-four h2.headline,
			.single-post #copy-column-one h3.headline {padding-top: 30px;}
			.single #img-grid-three, 
			.single #img-grid-four {margin: 30px 0; padding: 0px;}
			
			
			.single-post #copy-column-two .col-6 {width: 100%;}
			.single-post #copy-column-two .copy { padding: 0 3% !important;}
			.single-post #copy-column-two .copy.right {padding-top: 25px !important;}
			
			/* archive */
			#archive article, 
			.loadmore_container article, 
			.search-results article.product,
			.single-post .widgets_on_page article {height: auto;} 
			
			#archive article,
			.loadmore_container article,
			.search-results article {width: 70%; margin: 20px 15%;}
			#filter-archive article {width: 70%; margin: 20px 15%;}
			
			article.hentry.type-post .entry-content {min-height: 0px;}
			
			/*author*/
			.single #author .col-3 .img { margin: 0 auto 40px; }
			.single #author .col-3,
			.single #author .col-4 {
				width: 100%;
				padding: 0 10%; 
			}
			
			/*slider*/
			.single-post #blog-slider {margin: 80px 0 -80px;}
			
			
			/* image-grids */
			.single #img-column-two.col-10,
			.single #img-column-two.col-12,
			.single #img-grid-three.col-12,
			.single #img-grid-four.col-12 {
				width: 100%;
				max-width: 100%;
				padding-left: 3%;
				padding-right: 3%;
			} 
			
			
			.single .versatz-right .col-6,
			.single .versatz-left .col-6,
			
			.single #img-grid-three .col-5,
			.single #img-grid-three .col-7,
			.single #img-grid-three .col-10,
			.single-post #img-grid-three .img.one,
			.single-post #img-grid-three .img.two,
			.single-post #img-grid-three .img.three,
			
			.single #img-grid-four .col-5,
			.single #img-grid-four .col-7,
			.single #img-grid-four .col-10,
			.single-post #img-grid-four .img.one,
			.single-post #img-grid-four .img.two,
			.single-post #img-grid-four .img.three,
			.single-post #img-grid-four .img.four {
				width: 100% !important;
				margin: 0px auto 20px;
			}
			
			.single-post #img-grid-three .img, 
			.single-post #img-grid-four .img,
	   
			.single .versatz-right .col-6,
			.single .versatz-left .col-6,
			
			.single #img-grid-three .col-5,
			.single #img-grid-three .col-7,
			.single #img-grid-three .col-10,
			
			.single #img-grid-four .col-5,
			.single #img-grid-four .col-7,
			.single #img-grid-four .col-10 {padding: 0%; margin: 0px;}
			
			.single-post #img-grid-three .img.one,
			.single-post #img-grid-four .img.two {margin-bottom: 0px;}
			
			.single #img-grid-three .copy,
			.single #img-grid-four .copy {margin-bottom: 50px;}
			
			/*.single #img-grid-three,
			.single #img-grid-four {
				margin: 90px 0;
				padding: 0px;
			}*/
			
			/*img-copy-grid*/
			.single-post #img-copy-grid .col-5,
			.single-post #img-copy-grid .col-7 {width: 100%;}
			.single-post #img-copy-grid .col-5 {padding-left: 0px;}
			.single-post #img-copy-grid.change .col-5 { height: auto; margin-bottom: 0%;}
			
			
			/*NEW*/
			.single-post #img-copy-grid .top-spacer {margin-top: 0px;}
			.single-post #img-copy-grid:nth-of-type(1) .top-spacer,
			.single-post #img-copy-grid:nth-of-type(2) .top-spacer {margin-top: 60px;}
			
			.single-post #img-copy-grid.change .col-7,
			.single-post #img-copy-grid.change .col-5 {
					display: block;
					float: none;
					min-height: auto;
			}
			
			/*author*/
			/*.single-post #author {margin: 0px 0 140px;}*/
			
			/*share icons*/
			.single-post .share_bottom {
				-webkit-transform: translateX(100%);
				-moz-transform: translateX(100%);
				transform: translateX(100%);
				transform: none; 
			}
			.single-post .share_bottom.open {
				-webkit-transform: translateX(85%);
				-moz-transform: translateX(85%);
				transform: translateX(85%);
				transform: none; 
			}
			
			.single-post .share_bottom #follow_icons {
				margin: -120px auto -30px 0;
				width: 100%;
			}
			.single-post .share_bottom #follow_icons a {
				padding: 0 5px !important;
			}
		}
		
		/* 767 */
		@media only screen and (max-width: 766px) { 
			.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
			.l_767  { display: block;  }
			
			/* -------------------------
			GRID
			------------------------- */
			/* archive*/
			#archive article, 
			.loadmore_container article,
			.search-results article,
			.search-results li.product,
			tr.wishlist_item  {
			  width: 80%; 
			  margin: 25px 10%; 
			}
			
			/*blog-slider*/
			.page-template.gastro.detail .slick-container img {width: 80%;}
			
			.page-template.detail #text .col-8 {width: 90%; }
			.page-template.detail #description .text_box {margin-left: 0px;}
			
			 /* -------------------------
			 DETAIL OFFICE
			 ------------------------- */
			/* text-modul */
			.gastro.detail.office #text-modul {margin-top: 100px; }
			
			/*dreier-grid*/
			.page-template.gastro.detail.office #dreier_grid .headline {padding: 20px;}
			.page-template.gastro.detail.office #dreier_grid .col-4 {width: 80%; margin-bottom: 30px;}
			
			/* -------------------------
			DETAIL JOBS
			------------------------- */
			.page-template.jobs-detail #text .headline {margin: 50px auto 0px;}
			.page-template.jobs-detail #text .subhead { padding-top: 10px;}
			
			/* -------------------------
			GASTRO
			------------------------- */
			.gastro.office section {
				margin: 20px auto;
			}
			.gastro.office #text-modul .col-10 { width: 100%;}
			.gastro.office #zweier_grid .col-6 { padding: 0;}
			
			.gastro.filter #dreier_grid .col-4 {
				padding: 0 10px 50px;
			}
			
			/* -------------------------
			SPECIALITY
			------------------------- */
			.speciality.overview #solo-image .col-4 {width: 40%;}
			.speciality.overview #solo-image .img {padding: 0px;}
	
			/* -------------------------
			MODULE
			------------------------- */
			/* topseller */
			#topseller { width: 100%;}
			
			/* shopnews*/
			#shopnews.col-12 {width: 90%; }
			#shopnews .col-5 { width: 80%; }
			#shopnews { margin: 60px auto 0; }
			#shopnews .col-5 { float: none; margin: 0 auto 100px; }
			
			/* hero_img_bottom */
			#hero_img_bottom .text_box,
			.gastro.overview #hero_img_bottom .text_box,
			.gastro.espresso #hero_img_bottom .text_box { margin-top: -15%; }
			.gastro.overview #hero_img_bottom .text_box.up {margin-top: -70px;}
			
			.barista.overview #hero_img_bottom .text_box { margin-top: -15%; }
			
			.speciality.roasting #hero_img_bottom .text_box { margin-top: -15%; }
			.speciality.roasting #hero_img_bottom .text_box_inner.col-7 {width: 95%;}
			.speciality.roasting #hero_img_bottom .copy { text-align: left; margin-top: 45px;}
			
			.about.overview #hero_img_bottom .text_box,
			.about.team #hero_img_bottom .text_box { margin-top: -15%; }
			.about.overview #hero_img_bottom .text_box_inner {width: 90%; padding: 35px 20px 55px;}
			
			/* hero_img_center.two-img */
			.speciality.sourcing #hero_img_center.two-img .text_box_inner {background: #eee; padding: 35px 20px;} 
			
			/* dreier_grid */
			.gastro.office #dreier_grid .circle_content:before {top: 15%; transform: scale(.6); height: 80px;}
			.gastro.filter #dreier_grid .col-4 { width: 60%; }
			.gastro.filter #dreier_grid .headline {padding: 20px 0px;}
			.gastro.filter #dreier_grid .copy { padding: 0px;}
			
			/* text-modul */
			#text-modul .trenner {margin: 20px auto -15px; }
			#text-modul .copy.col-5.left,
			#text-modul .copy.col-5.right {width: 100%; }
			#text-modul .copy.col-5.left,
			#text-modul .copy.col-5.right {padding: 0px;}
			#text-modul .copy.col-5.right {margin-top: 25px;}
			
			.speciality.sourcing #text-modul .col-8 {width: 100%; }
			.speciality.sourcing #text-modul .copy.col-5 .subtitel { margin-top: 10px;}
			.speciality.sourcing #text-modul .copy.col-5.right {margin-top: 0px;}
			
			.speciality.roasting #text-modul .copy-all {margin-top: 20px;}
			
			/* contactForm */
			#contact_form label {
				float: none;  
				padding: 0px; 
				display: block; 
			}
			
			.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,
			.single-product #contact_form .form .widgets_on_page,
			#contact_form .pflichtfeld {width: auto; width: 100%;}
			#contact_form .pflichtfeld {padding: 0 0 20px; text-align: center;}
			
			
			#contact_form input,
			#contact_form textarea {
			  width: 430px !important;
			  margin: 4px auto;	
			}
			
			#contact_form .but input {margin: 0px auto;	}
			#contact_form .checkbox input {height: 20px; margin: -4px 6px 0;}
			#contact_form .upload {text-align: center;}
			
			/* referenzen */
			.gastro.vermietungen #referenzen {margin: 80px auto 30px;}
			
			/* team */
			.about.team #extended_team .three-grid .img.round {
				width: 180px;
				height: 180px;
				background-size: 180px;
			}
			
			/* video */
			#video .big iframe,
			#video .default iframe {height: 425px !important; }
			
			/*ansprechpartner*/
			.page-template #ansprechpartner .col-6 {width: 70%;}
			
			/* -------------------------
			OTHERS
			------------------------- */
			.page-content .widget_search form::before { margin-left: 15%;}
			
			/* -------------------------
			related
			------------------------- */
			.related ul.products li.product {
				width: 70% !important; 
				margin: 40px auto 0px !important; 
			}
			
			/* -------------------------
			BLOG
			------------------------- */
			/* single-post */
			.single-post #intro {margin-top: -10px;}
	
			.search-results li.product, 
			.search-results article {
				height: auto;
				padding-bottom: 30px;
			}
			
			/*archive tag */
			.archive.tag .blog .hero-blog-text {padding: 0px;}
			
			/*filter-archive*/
			#filter-archive article.hentry .entry-header {margin-bottom: 10px;}
			#filter-archive article h2.entry-title {margin: 0 30px 10px;}
	
			/*#archive article:first-child, */
			.loadmore_container article:first-child {margin-top: 50px; }
			
			/* cat */
			.cat li { margin: 14px 4px;}
			
			
		}
		
		/* 640 */
		@media only screen and (max-width: 640px) { 
		
			/* -------------------------
			WISHLIST
			------------------------- */
			.tinv-wishlist .product-thumbnail img {
				max-width:100%;
				width:100%;
			}
			.tinv-wishlist .product-cb {display: none !important; }
			.tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove {
				position: absolute !important;
				top: 0px !important;
				left: 5px !important;
				width: auto !important;
			}
		}
		
		
		/* 600 */
		@media only screen and (max-width: 599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_600  { display: block;  }
		
			/* -------------------------
			DETAIL
			------------------------- */
			/*blog-slider*/
			.page-template.gastro.detail #blog-slider.col-10 {width: 90%;}
			.page-template.gastro.detail .slick-container img {width: 90%;}
			
			.page-template.detail #download-box {width: 400px;}
			.page-template.detail #description .text_box .headline {margin-bottom: 10px;}
			
			/* detail / back to overview */
			.detail .link-text .desk { display: none; }
			.detail .link-text .mobile { display: block; }
			
			
			/* -------------------------
			DETAIL OFFICE
			------------------------- */
			/*dreier-grid*/
			.page-template.gastro.detail.office #dreier_grid .col-4 {width: 90%; }
			
			/* -------------------------
			SPACER
			------------------------- */
			.spacer.big {height: 80px;}
			.about.story .spacer {height: 50px;}
			.about.story .spacer.small {height: 0px;}
			
			/* -------------------------
			GASTRO
			------------------------- */
			/* office spacer */
			.gastro.office .spacer {height: 40px; }
		
			/* -------------------------
			SPECIALITY
			------------------------- */
			.speciality.overview #solo-image .col-4 {width: 50%;}
			.speciality.overview #solo-image .img {padding: 0px;}
			
			/*sourcing*/
			.speciality.sourcing #hero_img_center.two-img .text_box_inner {padding: 35px 12px;}
			.speciality.sourcing #hero_img_center.two-img .text_box {/*margin: -85% auto;*/}
			.speciality.sourcing #hero_img_center .img.one img {
				width: auto;
				min-height: 300px;
				object-fit: cover;
			}
			
			/* -------------------------
			COL-SIZE
			------------------------- */
			/*topseller*/
			#topseller .mobile-slider .slick-container img {
				width: 90%;
				margin: 0 5%;
			}
		
			.shop-overview #topseller .mobile-slider .headline,
			.shop-overview #topseller .mobile-slider .price { 
				margin-top: -10px; 
				padding: 10px 0;
			}
			
			/* shopnews*/
			#shopnews.col-12,
			#shopnews .col-5 { width: 90%; }
			#shopnews .headline {padding: 0 30px; }
			#shopnews .subhead {padding: 20px 30px 0; line-height: 1.4em; }
			
			/* blognews */
			#blognews .headline {padding-bottom: 25px;}
			#blognews .col-6 { width: 90%; }
			#blognews img { width: 100%; }
			#blognews .but {margin-bottom: 25px;}
			
			#blognews .date, 
			#blognews .copy, 
			.home #blognews .date, 
			.home #blognews .copy, 
			.about #blognews .date, 
			.about #blognews .copy {padding-top: 10px;}
			
			/* service */
			#service .copy.col-6 {width: 95%;}
			.contact.overview #service .tel { padding-bottom: 0px;}
			#service .headline {padding: 30px 0 20px;}
			#service .tel {padding-top: 25px;}
			
			/* hero_img_bottom */
			#hero_img_bottom .text_box_inner { padding: 20px; }
			#hero_img_bottom .text_box .subhead { margin-top: 0px; padding: 25px 0 0;}
			#hero_img_bottom .text_box .but {margin-top: 20px;}
			
			.gastro.vermietung #hero_img_bottom .text_box .subhead {padding: 25px 0;}
			.barista.overview #hero_img_bottom {margin-top: 0px;}
			.academy #hero_img_bottom .text_box .subhead {padding: 10px 20px 0;}
			
			.speciality.roasting #hero_img_bottom .text_box .subhead {padding: 25px 0px 0; } 
			.speciality.tasting #hero_img_bottom .text_box .subhead {padding: 25px 0px 20px; }
			
			.academy.homeuser #hero_img_bottom .text_box .but {margin: 40px auto;}
			.academy.homeuser #hero_img_bottom .text_box .subhead {padding: 20px 20px 0;}
			
			/* hero_img_center two-img */
			#hero_img_center.two-img {margin-top: 80%;}
			#hero_img_center.two-img .text_box_inner.col-6 { width: 100%;}
			
			/* quotes */
			.barista.overview #quotes .text_box {margin-top: 60px;}
			
			/* #dreier_grid*/
			.gastro #dreier_grid {margin-top: 40px;}
			
			.gastro.office #dreier_grid .headline { margin-bottom: 40px; }
			.gastro.office #dreier_grid .col-4 {width: 55%;  margin: 2% auto;}
			.gastro.office #dreier_grid .circle_content:before {top: 25%; transform: scale(.9);}
			
			.gastro.filter #dreier_grid {margin-top: 80px;}
			.gastro.filter #dreier_grid .col-4 { width: 70%; }
			.gastro.filter #dreier_grid .headline { padding: 20px 0; }
			
			/* quality */
			#quality .headline.big,
			.gastro.office #zweier_grid .headline.big {margin-bottom: 40px;}
			.gastro.office #zweier_grid .copy.t-left {margin-bottom: 40px;}
			
			/* contact_form */
			#contact_form .col-6 {width: 90%;}
			
			/* referenzen */
			#referenzen .col-6 {width: 90%;}
			#referenzen .col-4 {width: 50%;}
			
			/*text modul*/
			#text-modul.col-10,
			#text-modul .col-10,
			#text-modul .col-8 { width: 90%; }
			
			#text-modul .col-8 { width: 95%; }
			
			/* hero_img_ending / SPECIALIY ROASTING */
			#hero_img_ending .bg_img { height: 400px; }
			#hero_img_ending .but.more { margin: 300px auto 0px;}
			
			/*.text_box .subhead*/
			.text_box .copy, 
			.text_box .but { margin-top: 10px;}
			
			/* team */
			.about.team #extended_team .three-grid .img.round,
			.about.team #extended_team .four-grid .img.round {
				width: 150px;
				height: 150px;
				background-size: 150px;
			}
			.about.team #extended_team .three-grid .titel {margin-top: -35px;}
			.about.team #team_grid .img {display: none; }
			
			.about.team #extended_team {margin: -40px auto 60px;}
			.about.team #team .subhead,
			.about.team #extended_team .subhead { padding: 20px 7% 30px 7%; }
			.about.team #extended_team .but.bigger {margin: 0px auto 60px;}
			
			.about.team #team .titel {padding: 25px 0 10px;}
			.about.team #team .col-6 .copy {padding: 10px 20px; }
			
			/* jobs */
			.about.jobs #jobs {margin: -20px auto -80px;}
			.about.jobs #jobs .col-10 { width: 100%; padding: 20px 100px }
			
			.about.jobs .titel.small,
			.about.jobs .subtitel { margin-left: -70px;}
			.about.jobs .but { margin-right: -70px; }
			
			/* video */
			#video .big iframe,
			#video .default iframe {height: 335px !important;}
			
			/*ansprechpartner*/
			.page-template #ansprechpartner .col-6 {width: 80%;}
			
			/* -------------------------
			li products / basket
			------------------------- */
			.related ul.products li.product {width: 75% !important; }
			
			.basket .basket-empty #content-wrapper-inner {
				width: 100%; 
				margin: auto; 
			}
			
			/* -------------------------
			search form
			------------------------- */
			.page-content .widget_search form input[type="search"] { width: 100%;}
			.page-content .widget_search form input[type="submit"] {margin-top: 15px;}
			.page-content .widget_search form::before {margin-left: 6%;}
			
			/* -------------------------
			BLOG
			------------------------- */
			/* single-post */
			.single-post #intro {margin-top: 0px;}
			
			/*GRID*/
			.hero-blog-text.col-9 {width: 90%;}
			
			/*image-grid*/
			.single .versatz-right .col-6,
			.single .versatz-left .col-6 {width: 100% !important; padding: 0 3%;}
			
			/* archive */
			#archive article,
			.search-results article {width: 90%; margin: 20px 5%;}
			#archive article h2.entry-title { margin: 0 20px 15px;}
			#archive article.hentry.type-post .entry-content {padding: 0 20px; }
			
			#archive article .tag a,
			.loadmore_container article .tag a,
			#filter-archive article .tag a { padding: 5px 10px; }
			
			/* filter-archive */
			#filter-archive .taglist.col-10 {text-align: left; width: 90%;}
			#filter-archive article {width: 90%; margin: 20px 0%;}
			#filter-archive article h2.entry-title {margin: 0 20px 10px;}
			#filter-archive article.hentry.type-post .entry-content {padding: 0 20px;}
			
			/* cat */
			.cat li {margin: 6px 2px;}
			.cat li a {padding: 4px 14px;}
			
			
			/* -------------------------
			SHOP
			------------------------- */
			.kurse-overview .woocommerce-product-details__short-description p { padding: 0px 25px !important; }
			
			
		} 
		
		/* 480 */
		@media only screen and (max-width: 479px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_480  { display: block;  }
			
			/* -------------------------
			GRID
			------------------------- */
			/*archive*/
			#archive article,
			.loadmore_container article,
			.search-results article,
			.search-results li.product,
			tr.wishlist_item {width: 90%; margin: 25px 5%; }
			
			
			/* -------------------------
			COL-SIZE
			------------------------- */
			/*intro*/
			.page-template #intro.col-10,
			
			/* hero_img_bottom */ 
			#hero_img_bottom .text_box_inner.col-10,
			#hero_img_bottom .text_box_inner.col-8,
			#hero_img_bottom .text_box_inner.col-7,
			#hero_img_bottom .text_box_inner.col-6  { padding: 20px 5%;}
			
			.about.overview #hero_img_bottom .text_box_inner {
				width: 100%;
				padding: 35px 5% 55px;
			}
			
			/* quality */ 
			.page-template #quality,
			.page-template #zweier-grid { padding: 0 5% !important;}
			.page-template #quality .col-11, 
			.page-template #quality .col-6 {width: 100%; padding: 0px !important;}
			
			/*dreier_grid*/
			.page-template #dreier_grid { padding: 0 5% !important;}
			.page-template #dreier_grid .col-4 {width: 100% !important; padding: 35px 0px !important; }
			
			/*zweier_grid*/
			.page-template #zweier_grid.col-10 {padding: 0 5% !important;}
			.gastro.office #zweier_grid.col-11 {width: 94%;}
			
			/*quotes*/
			.about.story #quotes.col-12 {padding: 0 5%;}
			
			/* map */ 
			#map .subhead.col-10 { width: 100%; padding: 0 5%; }
			
			/*speciality*/
			.speciality.overview #solo-image .col-4 {width: 60%;}
			
			/* team */ 
			.about.team #team .col-6 { width: 90%;}
			
			
			/* -------------------------
			DETAIL
			------------------------- */
			/*blog-slider*/
			.page-template.gastro.detail #blog-slider.col-10 { width: 100%;}
			.page-template.gastro.detail .slick-container img { width: 100%;}
			
			.page-template.detail #download-box {
			width: 300px;
			padding: 30px 0px;
			}
			.page-template.detail #description .txt-all {margin-top: 40px;}
			.page-template.detail #description .but {display: none;}
			
			/* detail / back to overview */
			.detail .link-text .mobile { display: none; }
			
			/* description */
			.detail #description .text_box .copy, 
			.detail #description .text_box .copy ul {margin-bottom: 0px;}
			
			/* -------------------------
			DETAIL OFFICE
			------------------------- */
			.gastro.detail.office #text-modul .headline {padding-top: 10px; }
			
			/* -------------------------
			DETAIL JOBS
			------------------------- */
			.page-template.jobs-detail #text .subhead { margin-bottom: 20px; }
			
			/* -------------------------
			MODULE
			------------------------- */
			/*topseller*/
			#topseller .mobile-slider .slick-container img {
				width: 100%;
				margin: 0px;
			}
			
			.home #topseller .mobile-slider .price { margin-top: -5px;}
			.espresso-overview #topseller .mobile-slider .price,
			.filter-overview #topseller .mobile-slider .price,
			.single-product #topseller .mobile-slider .price { margin-top: 0px;}
			
			/* blognews */
			#blognews {width: 100%;}
			#blognews .copy { width: 88%; }
			#shopnews { margin: 60px auto -70px; }
			.about.overview #blognews {margin: 80px auto 0px;}
			
			/* shopnews*/
			#shopnews.col-12,
			#shopnews .col-5 { width: 100%; padding: 0px; }
			
			/* contactForm */
			#contact_form .copy.col-10 {width: 95%;}
			#contact_form .form { margin: 0px auto 0; }
			#contact_form input,
			#contact_form textarea,
			.contact #contact_form input,
			.contact #contact_form textarea {width: 340px !important;}
			.contact #contact_form .form .widgets_on_page {width: 320px;}
			
			span.wpcf7-list-item { margin: 0em; width: 250px;}
			#contact_form label {padding: 0px;}
			
			/* hero_img_bottom */ 
			#hero_img_bottom .text_box_inner.col-10,
			#hero_img_bottom .text_box_inner.col-8,
			#hero_img_bottom .text_box_inner.col-7,
			#hero_img_bottom .text_box_inner.col-6  { width: 100%; padding: 20px 5%;}
			
			#hero_img_bottom .text_box, 
			#hero_img_bottom .text_box.default,
			
			.gastro.overview #hero_img_bottom .text_box.default,
			.gastro.overview #hero_img_bottom .text_box.up,
			.gastro.overview #hero_img_bottom .text_box, 
			.gastro.espresso #hero_img_bottom .text_box, 
			.barista.overview #hero_img_bottom .text_box, 
			.about.overview #hero_img_bottom .text_box, 
			.about.team #hero_img_bottom .text_box, 
			.speciality.roasting #hero_img_bottom .text_box { margin-top: 0%;}
			
			.about.overview #hero_img_bottom .text_box_inner {padding: 20px 0px 55px;}
			.about.team #hero_img_bottom .text_box .subhead {padding: 25px 0px 0;}
			
			.academy.homeuser #hero_img_bottom .text_box .subhead {padding: 20px 0px 0;}
			.speciality.roasting #hero_img_bottom .text_box_inner.col-7 {width: 100%;}
			
			/* hero_img_center two-img */
			#hero_img_center.two-img {margin-top: 100%;}
			.speciality.sourcing #hero_img_center.two-img {margin-top: 65%;}
			.speciality.sourcing #hero_img_center.two-img .text_box {margin: -50% auto;}
			
			/* hero_img_ending */
			#hero_img_ending .bg_img { height: 350px; }
			#hero_img_ending .but.more { margin: 270px auto 0px;}
			
			/* dreier_grid*/
			.gastro.office #dreier_grid .headline {font-size: 30px; padding: 40px 20px 0}
			.gastro.office #dreier_grid {width: 90%;}
			.gastro.office #dreier_grid .col-4 {width: 55%;  margin: 0% auto; padding: 10px 0px !important;}
			
			.gastro.office #dreier_grid .circle-outer {
				width: 70%;
				height: 70%;
				padding-bottom: 70%;
			}
			.gastro.filter #dreier_grid .col-4 { width: 90%; }
			
			/* zweier_grid */
			#quality .headline.big,
			.gastro.office #zweier-grid .headline.big { margin-bottom: 40px; }
			.gastro.office #zweier_grid .image img {max-height: 250px;}
			.gastro.office #zweier_grid .repeat:last-child .copy.t-left { margin-bottom: 0px; }
			
			/* topseller (slider) */
			#topseller .mobile-slider .price {padding: 10px 0;}
			
			/* service */
			#service .copy { padding: 0px;}
			#service .txt-wrapper {width: 100%;}
			
			/*referenzen*/
			.gastro.office #referenzen .col-4 { width: 50%; }
			#referenzen .col-4 { padding: 0 10px; }
			
			/* quotes */
			.barista.overview #quotes .col-8 {width: 90%;}
			
			/* team */
			.about.team #extended_team .three-grid .img.round,
			.about.team #extended_team .four-grid .img.round {
				 width: 180px;
				 height: 180px;
				 background-size: 180px;
			}
			
			.about.team #extended_team .col-4.three-grid, 
			.about.team #extended_team .col-3.four-grid {width: 90%; margin-top: -60px !important; }
			
			/* video */
			#video .big iframe,
			#video .default iframe {height: 255px !important;}
			
			/*ansprechpartner*/
			.page-template #ansprechpartner .col-6 {width: 100%;}
			
			/*maps*/
			#maps #wpgmza_map {height: 350px !important; }
			
			/*resp. Slider*/
			.speciality.overview #blog-slider.resp { margin: 60px auto 60px; }
			.speciality.sourcing #blog-slider.resp { margin: 60px auto 60px; }
			.speciality.tasting #blog-slider.resp { margin: 60px auto 0px; }
			
			
			/* -------------------------
			li products
			------------------------- */
			.related ul.products li.product {width: 90% !important; }
			
			/* -------------------------
			BLOG
			------------------------- */
			/*single-post*/
			.single-post article .entry-content p {padding: 20px 5% 0;}
			
			/* filter-archive */
			#filter-archive article {width: 94%; }
			
			/*share icons*/
			.single-post .share_bottom.open {
			  -webkit-transform: translateX(80%);
			  -moz-transform: translateX(80%);
			  transform: translateX(80%);
			}
			
			/* -------------------------
			GASTRO
			------------------------- */
			.gastro section { margin: 80px auto !important; }
			.gastro.office section,
			.gastro.maschinen section {margin: 40px auto !important;}
			
			.gastro #content-wrapper-inner > .spacer {display: none; }
			
			.gastro.espresso #hero_img_bottom .text_box_inner {padding: 35px 0px 0px;}
			
			.gastro.office #contact_form.col-12 { margin: 40px auto 10px !important; }
			.gastro.office #referenzen.col-9 {width: 80%;}
			.gastro.office #dreier_grid .circle_content {margin-top: 45%;}
			.gastro.office #dreier_grid .circle_content:before {
			  top: 12%;
			  transform: scale(.8);
			}
			
			/* -------------------------
			SPECIALITY
			------------------------- */
			/*sourcing*/
			.speciality.sourcing #hero_img_center.two-img {margin-top: 75%;}
			.speciality.sourcing #hero_img_center.two-img .text_box {margin: -85% auto;}
			.speciality.sourcing #hero_img_center .img.one img {
			  width: auto;
			  min-height: 250px;
			  object-fit: cover;
			}
			.speciality.sourcing #hero_img_center.two-img .but {margin-top: -65%;}
			
			.speciality #shopnews {margin: 0px auto -70px;}
		
		
		}
		
		/* 360 */
		@media only screen and (max-width: 359px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_360  { display: block;  }
			
			/* -------------------------
			MODULE
			------------------------- */
			/* shopnews */
			#shopnews .col-5 {margin-bottom: 60px;}
			
			/* contact_form */
			#contact_form input,
			#contact_form textarea,
			.contact #contact_form input,
			.contact #contact_form textarea,
			.contact #contact_form .form .widgets_on_page {width: 280px !important;}
			
			/* hero_img_center two-img */
			#hero_img_center.two-img {margin-top: 120%;}
			
			/* dreier_grid*/
			.gastro.office #dreier_grid .col-4 {padding: 5px 0px !important; }
			.gastro.office #dreier_grid .circle-outer {
			width: 80%;
			height: 80%;
			padding-bottom: 80%;
			}
			.gastro.office #dreier_grid .circle_content::before {transform: scale(.8);}
			
			/* quality */
			#quality .col-11 { width: 100%;}
			
			/* video */
			#video .big iframe,
			#video .default iframe {height: 190px !important;	}
			
			/*maps*/
			#maps #wpgmza_map {height: 300px !important; }
			
			
			/* -------------------------
			SPECIALITY
			------------------------- */
			/*sourcing*/
			.speciality.sourcing #hero_img_center.two-img {margin-top: 90%;}
			.speciality.sourcing #hero_img_center.two-img .text_box {margin: -100% auto;}
			.speciality.sourcing #hero_img_center.two-img .text_box_inner {padding: 35px 10px;}
			.speciality.sourcing #hero_img_center .text_box {padding: 10px;}
			
			/* -------------------------
			error li PRODUCTS
			------------------------- */
			.error ul.products li.product {width: 95%; }
		
		}
		
		/* 320 */
		@media only screen and (max-width: 319px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_320  { display: block;  }
		
			/* video */
			#video .big iframe,
			#video .default iframe {height: 180px !important;	}
			
			/* shopnews */
			#shopnews .col-5 {margin-bottom: 60px;}
			
			/* contact_form */
			#contact_form input,
			#contact_form textarea,
			.contact #contact_form input,
			.contact #contact_form textarea,
			.contact #contact_form .form .widgets_on_page {width: 280px !important;}
			
			/* hero_img_center two-img */
			#hero_img_center.two-img {margin-top: 120%;}
			
			/* dreier_grid*/
			.gastro.office #dreier_grid .col-4 {padding: 5px 0px !important; }
			.gastro.office #dreier_grid .circle-outer {
			  width: 80%;
			  height: 80%;
			  padding-bottom: 80%;
			}
			.gastro.office #dreier_grid .circle_content::before {top: 20%; transform: scale(.8);}
			
			/* quality */
			#quality .col-11 { width: 100%;}
			
			/* video */
			#video .big iframe,
			#video .default iframe {height: 190px !important;	}
			
			/*maps*/
			#maps #wpgmza_map {height: 300px !important; }
			
			
			/* -------------------------
			SPECIALITY
			------------------------- */
			/*sourcing*/
			.speciality.sourcing #hero_img_center.two-img {margin-top: 90%;}
			.speciality.sourcing #hero_img_center.two-img .text_box {margin: -100% auto;}
			.speciality.sourcing #hero_img_center.two-img .text_box_inner {padding: 35px 10px;}
			.speciality.sourcing #hero_img_center .text_box {padding: 10px;}
			
			/* -------------------------
			error li PRODUCTS
			------------------------- */
			.error ul.products li.product {width: 95%; }
		
		}
		
		/* 320 */
		@media only screen and (max-width: 319px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320  { display: none }
		.l_320  { display: block;  }
		
		}