/* ---------------------------------- 
	POSTS RELATED SLIDER
	---------------------------------- */
    .single #related {
		margin-top: -60px; 
		padding: 60px 0;
		background: #eee;
		text-align: center;
	}
	
	.single .RelatedSlider .slick-track,
	.single .RelatedSlider .slick-slide,
	.single .RelatedSlider .slick-container .inner {display: flex;}
	
	.single .RelatedSlider .slick-track { flex-wrap: wrap;}
	.single .RelatedSlider .slick-slide {
		height: auto;
		margin: 0 8px;
		overflow: hidden;
		background: white;
	}
	.single .RelatedSlider .slick-container { height: 100%; }
	.single .RelatedSlider .slick-container .inner {
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}
	
	.single .RelatedSlider .slick-container .inner a {
		margin: 0px; 
		padding: 0px;
	}
	
	/*image*/
	.single .RelatedSlider .image {overflow: hidden;}
	.single .RelatedSlider img {
		height: 19em;
		object-fit: cover;
		transition: all .5s ease-out;
	}
	.single .RelatedSlider img:hover {transform: scale(1.03);}
	
	/* 2er brake */
	@media only screen and (max-width: 960px) { 
		.single .RelatedSlider img {height: 16em;}
	}
	@media only screen and (max-width: 850px) { 
		.single #related {padding-top: 40px;}
	}
	/* 1er brake */ 
	@media only screen and (max-width: 760px) { 
		.single .RelatedSlider img {height: 23em;}
	}
	@media only screen and (max-width: 600px) { 
		.single .RelatedSlider img {height: 19em;}
	}
	@media only screen and (max-width: 480px) { 
		.single .RelatedSlider img {height: 15em;}
	}

	/*header*/
	.single .RelatedSlider .headline { 
		padding: 1rem 1rem 0;
		min-height: 1em;
		margin-bottom: 0px;
	}
	.single .RelatedSlider .heateor_sss_sharing_container { display: none; }
	/*excerpt*/
	.single .RelatedSlider .excerpt {
		position: relative;
		text-align: center;
		font-size: 16px;
		line-height: 1.3em;	
		padding: 0rem 1rem;
		top: 0px;
		margin-top: 0px;
	}
	/*date*/
	.single .RelatedSlider .date {
		font-size: 18px;
	}

	
   /* ---------------------------------- 
	SLIDER GASTRO ESPRESSO MASCHINEN
	---------------------------------- */
	/*img*/
	#hero-slider .carousel .image {
		margin: 0px auto;
	}
	
	/*text*/
	#hero-slider .carousel h2 { font-size: 36px; }
	#hero-slider .carousel .copy { text-align: center !important;}
	
	#hero-slider .carousel .textbox { 
		max-width: 800px; 
		margin: 0 auto;
	}
	
	/*but*/
	#hero-slider .carousel .but {
		background-size: 215px 53px;
		padding-top: 30px;
	}
	
	/*arrows*/
	#hero-slider .carousel .slick-prev,
	#hero-slider .carousel .slick-next{
		background-position: 10px 10px;
		margin-top: -150px;
		z-index: 3;
	}
	#hero-slider .carousel .slick-prev {left: 0px;}
	#hero-slider .carousel .slick-next{right: 0px;}
	
	/*dots*/
	#hero-slider .carousel .slick-dots { 
		bottom: -35px;
	}
	#hero-slider .carousel .slick-dots li.slick-active button:before { opacity: 1;}
	#hero-slider .carousel .slick-dots li button:before {
		font-size: 13px;
	}
	
	/* 1024 */
	@media only screen and (max-width: 1024px) { 
		.gastro section#hero-slider { margin-bottom: 40px; }
	}
	
	/* 767 */
	@media only screen and (max-width: 767px) { 
		#hero-slider .carousel h2 {font-size: 30px;}
		#hero-slider .carousel .repeater .col-8 {
			width: 100%;
			margin-top: 20px;
		}
	}
	
	/* 600 */
	@media only screen and (max-width: 600px) { 
		.gastro section#hero-slider.col-10 {
			width: 94%;
		}
	}
	
	/* 479 */
	@media only screen and (max-width: 479px) { 
		#hero-slider .carousel h2 {font-size: 24px;}
		.gastro section#hero-slider,
		#hero-slider .carousel .repeater .col-8 {
			margin-top: 0px !important;
		}
	}
	
	
	/* ---------------------------------- 
	SLIDER SPECIAL ROASTING
	---------------------------------- */
	 /* font */
	  #hero-slider .beans h1 {
		  font-size: 80px;
		  text-transform: uppercase;
		  font-family: DINPro-condbold;
	  }
	  #hero-slider .beans h2 {
		  font-size: 22px;
		  text-transform: none;
		  font-family: DIN-next-reg;
		  color: #8a8a8a;
		  line-height: 1.35em;  
	   }
	   
	 .roasting #hero-slider { 
		width: calc(100% - 20px); 
		padding: 0px;
		margin-bottom: 10px;
	}
	   
	 /*image*/
	  #hero-slider .beans .slick-container img {
		  max-height: 850px;
		  overflow: hidden;
		  object-fit: cover;
	  }
	  
	  /*textbox */
	  #hero-slider .beans,
	  #hero-slider .beans .contain { position: relative; }
	  
	  #hero-slider .beans .textbox { 
		  position: absolute; 
		  z-index: 2; 
		  left: 50%;
		  transform: translate(-50%, 0%);
	  }
	  #hero-slider .beans .textbox.headline { top: 8%;  }
	  #hero-slider .beans .textbox.top { top: 20%;  }
	  #hero-slider .beans .textbox.bottom { bottom: 25%;  }
	  
	  /*arrows*/
	  #hero-slider .beans .carousel .slick-next,
	  #hero-slider .beans .carousel .slick-prev {
		  margin-top: -50px;
	  }
	  #hero-slider .carousel .slick-next {right: 18%;}
	  #hero-slider .carousel .slick-prev {left: 18%;}
	  
	  /*dots*/
	  #hero-slider .beans .carousel .slick-dots { bottom: 15%;}
	  #hero-slider .beans .slick-dotted.slick-slider { margin-bottom: 0px; }
	  
	   /* 1440 */
		@media only screen and (max-width: 1440px) { 
			 #hero-slider .beans .textbox.top { top: 22%;  }
		}
		
		/* 1280 */
		@media only screen and (max-width: 1280px) { 
		
		  #hero-slider .beans .textbox.headline { top: 6%;  }
		  #hero-slider .beans h2 {
			  font-size: 18px;
		   }
		   
		  #hero-slider .beans .carousel .slick-next,
		  #hero-slider .beans .carousel .slick-prev { margin-top: -30px; }
		   
		  #hero-slider .carousel .textbox {width: 80%;}
		   
		   #hero-slider .beans .textbox.bottom { bottom: 20%;  }
		   #hero-slider .beans .carousel .slick-dots { bottom: 10%;}
		}
		
		/* 1024 */
		@media only screen and (max-width: 1024px) { 
			#hero-slider .beans h1 {
			   font-size: 60px;
			}
			
			#hero-slider .beans .slick-container img {
				overflow: auto;
				height: 550px;
			}
			
			 #hero-slider .carousel .textbox {width: 90%;}
			
			 #hero-slider .carousel .slick-next {right: 7%;}
	  		 #hero-slider .carousel .slick-prev {left: 7%;}
		}
		
		
		/* 850 */
		@media only screen and (max-width: 850px) { 
		  #hero-slider .beans h2 br {
			  display: none;
		   }
		   #hero-slider .beans h2 .brake {
			  display: block;
		   }
			
		}
		
		/* 767 */
		@media only screen and (max-width: 767px) { 
			#hero-slider .beans .textbox.headline {
				top: 8%;
			}
			
			#hero-slider .beans .textbox.bottom {
				bottom: auto;
				top: 350px;
			}

			#hero-slider .beans .slick-container img {
				height: 600px;
			}
		}
		
		/* 479 */
		@media only screen and (max-width: 479px) { 
			#hero-slider .beans h2 br {
			  display: block;
		    }
			
			#hero-slider .beans .carousel .slick-dots {
				bottom: 5%;
			}
		}
		
		
	/* ---------------------------------- 
	SLIDER HOME KURSE
	---------------------------------- */
	
	/* font */
	#hero-slider .kurse h1 {
		font-size: 60px;
		text-transform: uppercase;
		font-family: DINPro-condbold;
	}
	
	
	 /* background */
	.slider.kurse .background,
	.slider.kurse .top,
	.slider.kurse .bottom { width: 850px;}

	.slider.kurse .background { 
		position: relative; 
		height: auto;
		margin: 50px auto;
	}
	
	/* bg-image center */
	.slider.kurse .center,
	.slider.kurse .left,
	.slider.kurse .right {
		height: 295px;
	}
	.slider.kurse .center {
		background-size: contain;
		background: url("../../picts/_shapes/kurse-shape.png") no-repeat center center;  
		opacity: 1;
		margin: 0 25px 0 25px;
		min-width: calc(100% - 50px);
		background-color: rgb(255, 255, 255);
		
	}

	/* bg-image top / bottom */
	.slider.kurse .top,
	.slider.kurse .bottom { 
		height: 50px; 
		background-size: auto auto;
		position: absolute;
	}
	.slider.kurse .top { 
		top: -46px;
		background: url("../../picts/_shapes/kurse-shape-white-top.svg") no-repeat center center;  
		background-size: cover;
	}
	.slider.kurse .bottom { 
		bottom: -50px; 
		background: url("../../picts/_shapes/kurse-shape-white-bottom.svg") no-repeat center center; 
		background-size: cover; 
	}
	
	/* bg-image left / right */
	.slider.kurse .left,
	.slider.kurse .right {
		position: absolute; 
		width: 25px;  
		height: 100%;
		background: url("../../picts/_shapes/kurse-shape-left.svg") repeat center center; 
	 }
	.slider.kurse .left {left: 0px; }
	.slider.kurse .right {right: 0px; transform: rotate(180deg); }
	
	
	/* arrows */
    #hero-slider .kurse .carousel .slick-next,
    #hero-slider .kurse .carousel .slick-prev {
		margin-top: 0px;
	}
	
	/* dots */
	#hero-slider .kurse .slick-dotted.slick-slider {margin-bottom: 50px;}
	#hero-slider .kurse .carousel .slick-dots {bottom: -50px;}
	
	/* textbox */
	.slider.kurse .slick-container { position: relative; }
	#hero-slider .kurse .carousel .textbox { 
		position: absolute; 
		top: 50%;  
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 700px;
		padding: 0 20px;
  	}
		
	#hero-slider .kurse .carousel .copy {margin-bottom: 20px;}
	
	/* 1600 */
	@media only screen and (max-width: 1599px) { 
		#hero-slider .carousel .slick-next {right: 10%;}
		#hero-slider .carousel .slick-prev {left: 10%;}	
   }
   
   /* 1280 */
	@media only screen and (max-width: 1280px) { 
		.slider.kurse .background,
		.slider.kurse .top,
		.slider.kurse .bottom { width: 750px;}
		
		#hero-slider .carousel .slick-next {right: 4%;}
		#hero-slider .carousel .slick-prev {left: 4%;}	
   }
   
	/* 1024 */
   @media only screen and (max-width: 1023px) { 
		.slider.kurse .background,
		.slider.kurse .top,
		.slider.kurse .bottom { width: 705px;}
   }
   
   /* 850 */
   @media only screen and (max-width: 849px) { 
		.slider.kurse .background,
		.slider.kurse .top,
		.slider.kurse .bottom { width: 580px;}
		#hero-slider .kurse .carousel .textbox {max-width: 580px;}
		
		.slider.kurse .top, .slider.kurse .bottom {height: 40px;}
		.slider.kurse .top { top: -36px;}
		.slider.kurse .bottom { bottom: -40px;}
		
		/*text*/
		#hero-slider .kurse h1 {font-size: 45px;}
		#hero-slider .kurse .carousel .textbox {
			padding: 0 40px;
		}
   }
   
    /* 767 */
   @media only screen and (max-width: 767px) { 
	   #hero-slider .kurse .carousel .repeater .col-8 {
			margin-top: 0px;
		}
   }
   
   /* 600 */
   @media only screen and (max-width: 600px) { 
	    .home #academy {padding: 20px 0;}
		
		.slider.kurse .background,
		.slider.kurse .top,
		.slider.kurse .bottom { width: 470px;}
		#hero-slider .kurse .carousel .textbox {max-width: 470px;}
		
		.slider.kurse .top, 
		.slider.kurse .bottom {height: 35px;}
		.slider.kurse .top { top: -30px;}
		.slider.kurse .bottom { bottom: -34px;}
		
		.slider.kurse .center,
		.slider.kurse .left,
		.slider.kurse .right {
			height: 225px;
		}
		
		/*text*/
		#hero-slider .kurse h1 {
			font-size: 36px; 
			margin-bottom: 10px;
		}
		#hero-slider .kurse .carousel .textbox {
			padding: 0 25px;
		}
		hero-slider .kurse .carousel .copy {
			margin-bottom: 15px;
		}
		#hero-slider .kurse .carousel .but {
			transform: scale(.9);
			padding-top: 10px;
		}
		
		/*dots*/
		#hero-slider .kurse .carousel .slick-dots {bottom: -20px;}
		
   }
   
   /* 480 */
   @media only screen and (max-width: 480px) { 
	    .slider.kurse .background,
		.slider.kurse .top,
		.slider.kurse .bottom { width: 330px;}
		#hero-slider .kurse .carousel .textbox {max-width: 330px;}
		
		.slider.kurse .top, 
		.slider.kurse .bottom {height: 25px; }
		.slider.kurse .top { top: -22px;}
		.slider.kurse .bottom { bottom: -25px;}
		
		/*text*/
		#hero-slider .kurse h1 {font-size: 30px;}
		
   }