@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

.hochland {
  width: 100%;
  max-width:  1264px;
  margin: 0 auto;
  background:#fff;
  color: #25509b;
  font-family: 'Montserrat', sans-serif;
  font-size:19px;
  overlow:hidden;  
}

.hochland p {
  margin:0;
}

.hochland ul, .hochland ol {
	padding: 0;
	margin:0;
	list-style:none;
}
.hochland ol {
  counter-reset: sekcja;
} 
 

.hochland li {
	padding: 0 0 5px 15px;
  position: relative;	
}

.hochland ul li:before {
  content: '';
  display: block;
  width:4px;
  height:4px;
  border-radius: 50%;
  background: #25509b;
  position: absolute;
  left:0;
  top:10px;
}

.hochland ol li {
  padding: 0 0 5px 35px;
}

.hochland ol li:before {
  counter-increment: sekcja;           
  content: counters(sekcja, ".") " ";
  position: absolute;
  left:0;
  top:0;
  font-weight:700;
}

.hochland .rel {
  position: relative;
}

.hochland .ch-title {
  font-family: 'Amatic SC', cursive;	
  font-size:55px;
  line-height:1.1em;
}
	
.hochland *, .hochland *:before, .hochland *:after {
    -webkit-box-sizing: border-box;  box-sizing: border-box; 
}

.hochland .container {
  width:100%;
  max-width: 1195px;
  padding: 0 15px;
  margin:0 auto;	
}
	
.hochland .topbanner {
	height:900px;
	width:100%;
	position: relative;
	background:url('../images/top_banner.png' ) no-repeat center bottom;
	display: flex;
	align-items: center;
	margin-bottom:170px;
}
	
.hochland .topbanner .box {
	height:516px;
	width:420px;
	background:url('../images/top_banner_box.png' ) no-repeat center center;
	text-align: center;
	padding: 230px 45px 0;
	-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.3); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.3);
  border-radius: 120px 35px 120px 35px;
  font-size:44px;
}

.hochland .product {
	border-radius: 35px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  height:515px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding:30px;
}	


.hochland .product .packshot {
  position: absolute;
  right:50%;
  bottom: 0;
  display:block;
}

.hochland .product .box {
	width: 525px;
	font-size:21px;
	line-height: normal;
}	

.hochland .product__name {
	font-size:46px;
	padding:0 0 30px;
}	

.hochland .slider {
  width:100%;	
  margin:135px auto 105px;
}

.hochland .slider__item {
	height: 510px;
	background-repeat:no-repeat;
	background-size:cover;
	display: flex;
	width:100%;
	align-items: center;
	position: relative;
}

.hochland .slider__item .box {
	border-radius: 35px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  height:405px;
  width:475px;
  position: relative;
  padding:50px 25px 20px 50px;
  font-size:18px;
}

.hochland .slider__item .box__title {
  font-weight:700;
  padding: 0 0 20px;
}

.hochland .slider__item .box__stamp {
  display: flex;
  width:100%;  
  align-items: flex-start;
  justify-content:space-between; 
}

.hochland .slider__item .box__stamp img {
	 width: 105px;  
}	

.hochland .slider__item .box__stamp img.alt-1 {
	 margin-top: -50px;  
}	

.hochland .slider__item .box__stamp img.alt-2 {
	 margin-top: -20px;
	 margin-left:-30px;  
}	

.hochland .slider__item .box__stamp p {
	 width:calc("100% - 110px");
}	

.hochland .owl-nav {
	position: absolute;
	top:50%;
	width:550px;
	left: 15px;
}

.hochland .owl-prev, .hochland .owl-next {
	font-size:0;
	display: block;
	width:20px;
	height:20px;
	border: 0 solid #fff;
	border-width: 2px 2px 0 0;
	position: absolute;
}

.hochland .offer__slider .owl-nav {
	width:100%;
	left:0;
}

.hochland .offer__slider .owl-prev, .hochland .offer__slider .owl-next {
	border-color: #000;
}
	
.hochland .owl-prev {
  left:0;	
  transform:rotate(-135deg);
}

.hochland .owl-next {
  right:0;	
  transform:rotate(45deg);
}

.hochland .feature__title {
  text-align: center;
  padding: 0 0 45px;
  font-weight:700;
}

.hochland .feature__content {
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 130px;
}

.hochland .feature__content .yt {
  width: 580px;
  position: relative;
  padding-bottom: 315px; /* 16:9 */
  height: 0;
}

.hochland .feature__content .box {
  width: 435px;
  display: block;
  margin: 20px calc(50% - 505px);
  height: auto !important;
	padding: 0 !important;
}

.hochland .feature__content .box__stamp {
  max-width: 100%;
}

.hochland .feature__content .box__text {
  max-width: calc(100% - 65px);
}

.hochland .yt-film {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.hochland .recipe {
	border-radius:35px;
	position:relative;
	padding:110px 70px 0; 
	background: #fff;
	z-index:1;
} 

.hochland .recipe:before {
  content: url('../images/label.png');
  position:absolute;
  left:-21px;
  top:50px;
	z-index:3;
}

.hochland .recipe__shadow {
  position: absolute;
  width:calc(100% - 30px);
  height: 600px;
  border-radius: 35px 35px 70px 70px;
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  z-index:0;
}
	
.hochland .recipe__top {
	display: flex;
	width:100%;
	justify-content: flex-end; 
	position: relative;
	height:405px;
} 

.hochland .recipe__top .author {
  position: absolute;
  z-index:1;
  bottom:0;
  left: 15px;
}

.hochland .author__name	{
	position: absolute;
	font-size:16px;
	left:315px;
	bottom: 20px;
	width:225px;
}
	
.hochland .author__name strong {
  font-size:19px;
}

.hochland .recipe__photo {
  position: absolute;
  width:294px;
  padding: 17px 17px 70px;
  background: #e3e5e2;
  z-index:0;
  left:270px;
  top:-80px;
  transform:rotate(9deg);	
  transform-origin:0 0;
}

.hochland .recipe__photo img {
  display: block;
  width:100%;
}	
	
.hochland .recipe__info {
  width:415px;
  text-align: center;
}	

.hochland .recipe__name {
  padding:0 0 10px;
}	
	
.hochland .recipe__info__feature {
	width:100%;
	border-radius: 25px;
	background: #fff;
	padding: 30px 40px;
	display: flex;
	justify-content: space-between;
	-webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  font-size: 21px;
  line-height: 34px;
  margin: 40px 0 0;
}

.hochland .recipe__info__feature .time {
  padding: 0 0 0 45px;
  background: url('../images/icon-clock.png') no-repeat left center;
}	

.hochland .recipe__info__feature .portions {
  padding: 0 0 0 45px;
  background: url('../images/icon-avatar.png') no-repeat left center;
}	

.hochland .recipe__detale {
  display: flex;
  width:100%;
  padding: 60px 0 70px 60px;
  justify-content: space-between;
  align-itaems: flex-start;
}

.hochland .recipe__detale .col {
  width:calc(50% - 20px);
}	

.hochland .recipe__detale .col ul {
  padding: 10px 0;
}	

.hochland .recipe__detale__name {
	font-size:30px;
	font-weight:700;
	padding: 0 0 25px;
}

.hochland .recipe__yt {
	width:100%;
	height:580px;
	position: relative;
}

.hochland .offer {
	height: 1060px;
	background: url('../images/products-bg.jpg') no-repeat center center;
	margin: 160px auto 0;
	text-align: center;
	padding: 120px 0 0;
}

.hochland .offer__content {
	display:inline-block;
	position: relative;
}

.hochland .offer__content .products-all {
	position: relative;
	z-index:2;
}

.hochland .offer__slider {
  width:400px;
  margin:50px auto 0;	
  display: none;
}

.hochland .offer__slider .item {
  position: relative;
}

.hochland .offer__content .item {
  position: absolute;
  z-index:3;
}

.hochland .offer__content .item .btn {
	display: block; 
  background: #2f498d;
  color: #fff;
  font-size:35px;
  width:40px;
  height:40px;
  line-height:40px;
  text-align: center;
  border-radius: 50%;
  cursor:pointer;
}

.hochland .offer .item.sel .tooltip {
  opacity:1 !important;
  visibility:unset !important;
}	

.hochland .offer__content .item .btn:after {
  content: '+';
}	

.hochland .offer__content .item.sel .btn:after {
  content: '-';
}	

.hochland .offer .item .tooltip {
	-webkit-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out;
	width:220px;
	height:165px;
	padding:20px;
  background: rgba(255,255,255,0.8);
  border-radius: 20px;
  z-index:1;
  position: absolute;
  -webkit-box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1); 
  box-shadow: 0px 0px 15px 10px rgba(0,0,0,0.1);
  visibility:hidden;
  opacity:0;
}	

.hochland .offer .item .tooltip.inslider {
	opacity:1;
	visibility:unset;
	position: relative;
	width:80%;
	left:10% !important;
	top:-50px !important;
	bottom: auto !important;
	right:auto !important;
}	

.hochland .offer .item .tooltip:after {
  content:'';
  display:block; 
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12.5px 0 12.5px 15px;
  border-color: transparent transparent transparent rgba(255,255,255,0.9);
  position: absolute;
} 

.hochland .offer .item .tooltip .small {
  font-size:14px;
}


.hochland .offer .item .tooltip.top {
  bottom: 60px;
  left: -90px;	
}

.hochland .offer .item .tooltip.top:after {
  bottom:-20px;
  left:calc(50% - 7px);
  transform:rotate(90deg);	
}

.hochland .offer .item .tooltip.bottom {
  top: 60px;
  left: -90px;	
}

.hochland .offer .item .tooltip.bottom:after {
  top:-20px;
  left:calc(50% - 7px);
  transform:rotate(-90deg);	
}

.hochland .offer .item .tooltip.right {
  top: -65px;
  left: 60px;	
}

.hochland .offer .item .tooltip.right:after {
  top:calc(50% - 7px);
  left:-15px;
  transform:rotate(-180deg);	
}

.hochland .offer .item .tooltip.left {
  top: -65px;
  right: 60px;	
}

.hochland .offer .item .tooltip.left:after {
  top:calc(50% - 7px);
  right:-15px;
}

.hochland .offer .item .link {
  display: block;
  width:100%;
  background: #2f498d;
  text-align: center;
  color:#fff;
  font-size: 16px;
  font-weight:700;
  line-height:36px;
  border-radius: 18px;
  text-decoration: none;
  margin: 20px 0 0;
}	

.hochland .offer__content .item-1 {
  top: 40px;
  left:calc(50% - 80px);
}	

.hochland .offer__content .item-2 {
  top: 70px;
  left:calc(50% + 140px);
}	

.hochland .offer__content .item-3 {
  top: 220px;
  right:50px;
}	

.hochland .offer__content .item-4 {
  top: 400px;
  right:50px;
}	

.hochland .offer__content .item-5 {
  bottom: 135px;
  left:calc(50% + 180px);
} 

.hochland .offer__content .item-6 {
  bottom: 75px;
  left:calc(50% + 30px);
}

.hochland .offer__content .item-7 {
  bottom: 135px;
  left:calc(50% - 225px);
}  

.hochland .offer__content .item-8 {
  top: 400px;
  left:calc(50% - 300px);
}  

.hochland .offer__content .item-9 {
  top: 220px;
  left:calc(50% - 300px);
}  

.hochland .offer__content .item-10 {
  top: 120px;
  left:calc(50% - 230px);
}  

.hochland .other {
  text-align: center;
}

.hochland .other__content {
  display: flex;
  width:100%;
  align-items: flex-start;
  justify-content: space-between;
  padding: 35px 0 0;
}

.hochland .other__content .col {
  width:calc(50% - 5px);
  position: relative;
}	

.hochland .other__content .col.new:after {
  content:url('../images/label_new.png');
  position: absolute;
  left:-20px;
  top:10px;
}	

.hochland .other__content .col img {
  display: block;
  max-width:100%;
  height: auto;
}	

@media all and (max-width: 1264px) {
  .hochland .slider__item .box {
    margin: 0 35px;
  }

	.hochland .product {
		margin: 0 20px;
		width:calc(100% - 40px);
	}
}

@media all and (max-width: 1200px) {
	
	.hochland .ch-title {
		font-size:50px;
	}
	
	.hochland .recipe__info {
		width:300px;
	}

	.hochland .recipe__info .ch-title {
		font-size: 40px;
	}
	
	.hochland .product .packshot {
	  position: static;
	  width:calc(100% - 500px);
	  transform:translateX(-50px);
	}

	.hochland .recipe {
		padding: 45px 40px 0;
	}

	.hochland .recipe__info__feature {
		padding: 15px 30px;
	}

	.hochland .recipe__info__feature .time, .hochland .recipe__info__feature .portions {
	  padding: 40px 0 0 0;
	  background-position: center top;
	}		

	.hochland .recipe {
		padding: 45px 40px 0;
	}

  .hochland .recipe__yt {
    height:50vw;
  }
}

@media all and (max-width: 1100px) {
	.hochland .feature__content {
    display: block;
	}

	.hochland .feature__content .yt {
	  width: 580px;
	  margin: 0 auto 40px;
	}
	
	.hochland .feature__content .box {
	  margin: 0 auto 40px;
	  width:100%;
	  max-width:580px;
	}
	
	.hochland .offer__slider {
	 display: block;
	}

	.hochland .offer__content {
	 display: none;
	}
}
	
@media all and (max-width: 980px) {
	.hochland .topbanner {
	 height:480px;
	 background-size:100% auto;
	 background-position: bottom center;
	 margin-bottom:70px;
	}
	
	.hochland .topbanner .box {
	  height:320px;
	  width: 260px;
	  background-size: 100% auto;
	  border-radius: 85px 25px 85px 25px;
	  padding: 150px 20px;
	  font-size:30px;
	}
	
	.hochland .product {
	 height: auto;
	}

	.hochland .recipe__top {
		display: block;
		height: auto;
	}

	.hochland .recipe__top .author {
		position: relative;
		margin: 0 0 0 70px;
		width:400px;
	}

	.hochland .recipe__top .author .cook{
		width:200px;
	}
	
	.hochland .recipe__detale {
	  padding: 30px 0;
	}
	
	.hochland .recipe__info {
	  margin:70px auto 0;
	}
	
	.hochland .author__name {
	 left: 210px;
	}
	
	.hochland .recipe__photo {
	 padding:20px;
	 transform: rotate(0deg);
	 left: auto;
	 right: 30px;
	 top:0;
	}
}

@media all and (max-width: 780px) {
	 .hochland .topbanner {
		 background-size: auto 100%;
		 background-position: top center;
	 }

	 .hochland .product .packshot {
	   transform:translateX(-20px);
	   width: 210px;
	 }
	 
	 .hochland .product .box {
	   width:calc(100% - 210px);
	   font-size:18px;
	 }
	 
	 .hochland .product__name {
	   font-size:36px;
	   padding: 0 0 15px;
	 }
	 
	 .hochland .slider {
			margin: 70px auto;
	 }

   .hochland .slider__item {
		height: 500px;
		padding: 40px 0 80px;
   }

	 .hochland .slider__item .box {
	   width:calc( 100% - 70px);
	   height: auto;
	 }
	 
	 .hochland .owl-nav {
	   width:100%;
	 }
	 
	 .hochland .owl-next {
	   right:25px;
	 }

	.hochland .feature__content .yt {
	  width: 100%;
	  padding-bottom:47vw;
	}
	
	.hochland .recipe__detale {
    display: block;
  }
  
  .hochland .recipe__detale .col {
    width:100%;
    padding: 0 0 30px;
  }
  
  .hochland .recipe:before {
    top:0;
  }
  
  .hochland .recipe__top .author {
    margin:0;
    width:300px;
  }
  
  .hochland .recipe__top .author .cook {
    width:150px;
  }
  
  .hochland .author__name {
    left:20px;
    font-size:12px;
    bottom: -35px;
  }
  
  .hochland .author__name strong {
    font-size:14px;
  }
  
  .hochland .recipe__photo {
    width:220px;
    padding:10px;
    top:30px;
    right:0;
  }
  
  .hochland .recipe__info {
    width:100%;
    max-width:300px;
  }
  
  .hochland .recipe__yt {
    height:47vw;
  }
}	


@media all and (max-width: 550px) {
	 
	 .hochland {
	   font-size:16px;
	 }
	 
	 .hochland .ch-title {
	   font-size:36px;
	 }

	 .hochland .topbanner {
  		margin-bottom:35px;
	 }

	 .hochland .product {
	   display: block;
	 }
	 
	 .hochland .product .packshot {
     transform:translateX(0);
     margin:0 auto 30px;
   }
   
   .hochland .product .box {
     width:100%;
     text-align: center;
   }
   
   .hochland .slider__item .box {
    padding: 30px 20px;
    border-radius: 20px;
    font-size:16px;
    width:100%;
    margin:0;
   }
   
   .hochland .owl-nav {
    top: calc(100% - 40px);
   }
   
   .hochland .slider__item .box__stamp img {
     position: absolute;
     top: 10px;
     right: 10px;
     width:70px;
   }

	.hochland .slider__item .box__title {
		padding: 0 70px 20px 0;
	}

	.hochland .slider__item .box__stamp img.alt-1 {
		margin-top: 0;
	}
	
	.hochland .recipe {
	 padding: 45px 10px 0;
	 border-radius: 15px;
	}
	
	.hochland .recipe__shadow {
	 border-radius: 15px 15px 70px 70px;
	 box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
	 -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
	}
	
	.hochland .recipe__photo { 
	  position: static;
	  margin:70px auto 0;
	  width:100%;
	}
	
	.hochland .recipe__top .author {
	  width:190px;
	  margin: -80px 0 30px calc(100% - 190px);
	}
	
	.hochland .author__name {
	 left:0;
	}
	
	.hochland .recipe__info .ch-title {
	 font-size: 30px;
	}
	
	.hochland .recipe:before {
	  top:45px;
	}
	
	.hochland .recipe__info {
	 margin:20px 0 0;
	}

	.hochland .recipe__info img {
	 display: block;
	 width:140px;
	 margin:0 auto;
	}
	
	.hochland .recipe__info__feature {
	 font-size:16px;
	 border-radius: 15px;
	 box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
   -webkit-box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
	}
	
	.hochland .other__content {
	 display: block;
	}
	
	.hochland .other__content .col {
	 width:100%;
	 margin: 0 0 5px;
	}
}