@charset "UTF-8";
/* CSS Document */





	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 					SHARED					*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	/* 											*/
	

	/* TOP BACKGROUND PATTERN */

	.top-background {
		padding:0;
		position: relative;
		width: 90%;
		max-width: 1600px;
		height:var(--top_background_height);
		left: 50%;
		transform:translateX(-50%);
		top: -140px;
		top: -150px;
		top: -360px;
		margin-bottom:calc(-1 * var(--top_background_height));
		/*margin-bottom:0;*/
		/* background-color: rgb(25 25 25 / 77%); */
	}
	.top-background:before {
		content: "";
		position: absolute;
		inset: 0;
		display: block;
		background-image: url(../../images/background/pattern.v2.webp?v=2);
		background-repeat: repeat-y;
		-webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent), -webkit-mask-composite: destination-in;
		mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent), linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
		mask-composite: intersect;
		opacity: 0.25;
		background-size: contain;
		background-position: 50% 100%;
	}

	/* 											*/
	/* 	TOC										*/
	/* 											*/

		section#toc {
			margin-top: 40px;
		}
		section#toc .inset {
			padding: 40px;
			padding-bottom: 120px;
		}
		section#toc .quick-links {pointer-events: all;}
		section#toc .quick-links > ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			/* grid-template-columns: repeat(4, 1fr); */
			/* grid-template-rows: repeat(2, 1fr); */
			gap: 15px;
			justify-content: center;
			flex-wrap: wrap;
			width: calc(100% + 30px);
			margin-left: -15px;
		}
		section#toc .quick-links ul li {
			display: block;
			position: relative;
			aspect-ratio:1/1;
			background:white;
			text-align:center;
			width: calc(25% - 20px);
		}
		section#toc .quick-links > ul > li > a {
			display: block;
			position: absolute;
			inset:0;
		}
		section#toc .quick-links > ul > li > a:before {
			content:"";
			display: block;
			position: absolute;
			inset: 2px;
			background-color: rgba(0,0,0,0.5);
			z-index: 2;
			transition: background-color 0.3s ease;
		}
		section#toc .quick-links > ul > li > a:hover:before {
			background-color: rgba(0,0,0,0.75);
		}
		section#toc .quick-links > ul > li > a > figure {
			position: absolute;
			display: block;
			inset:0;
			background-repeat: no-repeat;
			background-size: cover;
			box-shadow: inset 0 0 0 1px rgba(255,255,255,0.52);
		}
		section#toc .quick-links > ul > li > a > figure > img {
			position: absolute;
			display: block;
			width:100%;
			height:100%;
			object-fit: cover;
			opacity: 0;
		}
		section#toc .quick-links > ul > li > a > figure > figcaption {
			display: inline-block;
			position: absolute;
			z-index: 3;
			top: 50%; left: 50%;
			transform: translate(-50%,-50%);
			text-align: center;
			background-color: rgba(0,0,0,0.50);
			color: white;
			padding: 10px 25px;
			min-width: 180px;
			text-transform: uppercase;
			border-radius: 10px;
			font-family:Metro;
			font-size: 2.2rem;
			line-height: 1.2;
			white-space: nowrap;
			transition: color 0.3s ease;
		}
		section#toc .quick-links > ul > li > a:hover > figure > figcaption {
			color: var(--yellow);
		}
		li[data-label="a-programrol"      ] {}
		li[data-label="tudtad"            ] {}
		li[data-label="erdekessegek"      ] {}
		li[data-label="receptajanlo"      ] {}
		li[data-label="nagykovetek"       ] {}
		li[data-label="esemeny"           ] {}
		li[data-label="egyuttmukodes"     ] {}
		li[data-label="a-program-ettermei"] {}
		
		.quick-links > ul > li[data-label="a-programrol"]       a figure { background-image:url(../../images/quick-links/a-programrol.webp); }
		.quick-links > ul > li[data-label="tudtad"]             a figure { background-image:url(../../images/quick-links/tudtad.webp); }
		.quick-links > ul > li[data-label="erdekessegek"]       a figure { background-image:url(../../images/quick-links/erdekessegek.webp); }
		.quick-links > ul > li[data-label="receptajanlo"]       a figure { background-image:url(../../images/quick-links/receptajanlo.webp); }
		.quick-links > ul > li[data-label="nagykovetek"]        a figure { background-image:url(../../images/quick-links/nagykovetek.webp); }
		.quick-links > ul > li[data-label="esemeny"]            a figure { background-image:url(../../images/quick-links/esemeny.webp); }
		.quick-links > ul > li[data-label="egyuttmukodes"]      a figure { background-image:url(../../images/quick-links/egyuttmukodes.webp); }
		.quick-links > ul > li[data-label="a-program-ettermei"] a figure { background-image:url(../../images/quick-links/ettermek.webp); }
		
		
		main section#toc .figures { 
			height:var(--toc); 
			margin-bottom: calc(-1 * var(--toc));
		}
		main section#toc .figures figure[data-label="7"  ] {height: 270px;left: -9%;top: -23%;transform:rotate(30deg);}
		main section#toc .figures figure[data-label="14" ] {}
		main section#toc .figures figure[data-label="15" ] {}
		main section#toc .figures figure[data-label="17" ] { height: 100px;right: -7%;bottom: 0%;}
		main section#toc .figures figure[data-label="29" ] {width: 300px;height: 300px;left: -16.2%;bottom: -6%;transform: scale(-1,1) rotate(4deg);}
		main section#toc .figures figure[data-label="31" ] { height: 100px;right: -7%;bottom: 0%;}
		main section#toc .figures figure[data-label="30" ] {width: 200px;height: 200px;right: -11%;bottom: 0%;transform: rotate(250deg);}
		main section#toc .figures figure[data-label="32" ] {width: 500px;height: 500px;right: -22%;top: -20%;}
		
		main section#toc .figures figure[data-label="7"  ] { }
		main section#toc .figures figure[data-label="14" ] { display:none; }
		main section#toc .figures figure[data-label="15" ] { display:none; }
		main section#toc .figures figure[data-label="17" ] { display:none; }
		main section#toc .figures figure[data-label="29" ] { display:none; }
		main section#toc .figures figure[data-label="30" ] { }
		main section#toc .figures figure[data-label="31" ] { display:none; }
		main section#toc .figures figure[data-label="32" ] { }

		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {  }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {  }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {  }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {  }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }

		/* -XL */ @media screen and (min-width:0px) and (max-width:1239px) {
			main section#toc .figures figure[data-label="7"  ] {width: 15vw;height: 20vw;left: -12%;top: -20%;transform:rotate(30deg);}
			main section#toc .figures figure[data-label="17" ] { height: 100px;right: -7%;bottom: 0%;}
			main section#toc .figures figure[data-label="29" ] {width: 300px;height: 300px;left: -16.2%;bottom: -6%;transform: scale(-1,1) rotate(4deg);}
			main section#toc .figures figure[data-label="31" ] { height: 100px;right: -7%;bottom: 0%;}
			main section#toc .figures figure[data-label="30" ] {width: 15vw;height: 15vw;right: -13%;bottom: 0%;transform: rotate(250deg);}
			main section#toc .figures figure[data-label="32" ] {width: 30vw;height: 30vw;right: -22%;top: -20%;}
		}
		/* -S */ @media screen and (min-width:0px) and (max-width: 699px) {
			main section#toc .figures {width: 87vw;margin-left: 5vw;top: 10vw;}
		}

		/* XXXXL   */ @media screen and (min-width:1600px)                        {
			section#toc .quick-links > ul > li { width:calc(13.66% - 20px); width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {
			section#toc .quick-links > ul > li { width:calc(13.66% - 20px); width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  
			section#toc .quick-links > ul > li { width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {
			section#toc .quick-links > ul > li { width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {
			section#toc .quick-links > ul > li { width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {
			section#toc .quick-links > ul > li { width:calc(25% - 20px); }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal; }
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			section#toc .quick-links > ul > li { width:calc(25% - 20px); aspect-ratio:1/1.28; }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal;}
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(50.0% - 20px); aspect-ratio:2/1; }
		}
		/* XXS-S */  @media screen and (min-width:520px) and (max-width: 699px) { 
			section#toc .inset {padding: 55px;}
			section#toc .mirror {}
			section#toc .quick-links > ul > li { width:calc(33.3% - 20px); aspect-ratio:1/1.2; }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal;}
			section#toc .quick-links > ul > li:nth-child(1),
			section#toc .quick-links > ul > li:nth-child(7) { width:calc(66.6% - 20px); aspect-ratio:2/1.2; }
		}
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  
		}
		/*   -XXS   */ @media screen and (min-width: 0px) and (max-width: 519px) {
			section#toc .quick-links > ul > li { width:calc(50% - 20px); aspect-ratio:2/1; }
			section#toc .quick-links > ul > li > a > figure > figcaption { font-size:1.8rem; padding:10px 10px; min-width:0; white-space: normal;}
			section#toc .quick-links > ul > li:nth-child(1) { width:calc(100.0% - 25px); aspect-ratio:4/1; }
		}
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {
		}
		









	/* 											*/
	/* 	HERO									*/
	/* 											*/

		/* top banner */

		section#top-banner {
}
		section#top-banner .hero-background {
			position: relative;
		}
		section#top-banner .main-logo {}
		section#top-banner .main-logo > h1 {
			background-image: url("../../images/logo/joizu-magyarorszag-logo.webp");
			background-size: contain;
			background-repeat: no-repeat;
			height: 270px;
			margin-bottom: 0px;
		}
		section#top-banner .main-logo > h1 .text-original {
			display: block;
			position: absolute;
			width:  10px;
			height: 10px;
			overflow: hidden;
			text-indent:-1000em;
		}
		section#top-banner .copies {
			padding-top: 0;
			padding-bottom: 50px;
			pointer-events: all;
		}
		section#top-banner .copies .decor-title {
			position: relative;
			width: 100%;
			height: 300px;
			overflow: hidden;
			margin-bottom: 30px;
		}
		section#top-banner .copies .decor-title:before,
		section#top-banner .copies .decor-title:after {
			content:"";
			position: absolute;
			inset:0;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 53% 0%;
		}
		section#top-banner .copies .decor-title:before { background-image: url("../../images/hero/hagyomany.webp?v=2"); }
		section#top-banner .copies .decor-title:after { content:""; background-image: url("../../images/hero/a-jovoert.webp?v=2"); }
		section#top-banner .copies .decor-title h1 {
			color: var(--yellow);
			font-weight: 900;
			text-transform: uppercase;
			letter-spacing: 0.5pt;
			margin-bottom: 15px;
			text-indent:-1000em;
		}
		section#top-banner .copies .decor-title h2 {
			font-weight: 400;
			font-size: 4rem;
			color: white;
			margin-bottom:40px;
			letter-spacing: 0.5pt;
			text-indent:-1000em;
		}
		section#top-banner .copies p {
			font-weight: 400;
			font-size: 2.5rem;
			text-wrap:balance;
			padding-inline: 15%;
			color: rgba(255,255,255,0.85);
			text-shadow: 0 0 1px black;
			-webkit-font-smoothing: antialiased;
			padding-bottom: 15px;
		}
		section#top-banner .copies p > b,
		section#top-banner .copies p > strong {
			color: var(--yellow);
			font-weight: 900;
			letter-spacing: 0.5pt;
			text-transform: uppercase;
		}
		section#top-banner .frame:before {
			display: block;
			content:"";
			position: absolute;
			inset:0;
			/* background-image: url("../../images/decor/kitchen-pattern.webp"); */
			/* background-size: 300px 300px; */
			/* background-repeat: repeat; */
			/* background-position: top center; */
			opacity: 0.15;
			z-index: -1;
		}
		main section#top-banner .decors {
			height:         90vh;
			margin-bottom: -90vh;
			outline: 1px dotted green;
			outline: none;
		}
		main section#top-banner .decors .decor {
			outline: 1px solid orange;
			outline: none;
		}
		main section#top-banner .decors .decor:nth-child(1) { width: 500px; top:0; left:0; transform:rotate(-45deg) translate(0%,70px); background-image:url("../../images/decor/1.webp"); }
		main section#top-banner .decors .decor:nth-child(2) { width: 300px; top:0px; right:50px; transform:rotate(-45deg) translate(0%,0%); background-image:url("../../images/decor/7.webp"); }
		main section#top-banner .decors .decor:nth-child(3) { width: 150px; top:350px; right:120px; transform:rotate(-45deg) translate(0,0); background-image:url("../../images/decor/2.webp"); }
		
		main section#top-banner .figures { 
			height:var(--top_banner); 
			margin-bottom: calc(-1 * var(--top_banner));
		}
		
		main section#top-banner .figures figure[data-label="7" ] { /* paradicsom   */right: -12%;top: 33%;width: 260px;height: 330px;transform: rotate(-35deg);}
		main section#top-banner .figures figure[data-label="29"] { /* répa         */width: 350px;height: 330px;left: -12%;top: -9%;transform: scale(-1,1) rotate(1deg);}
		main section#top-banner .figures figure[data-label="31"] { /* erőspaprika  */width: 100px;height: 100px;right: 13%;top: 10%;}
		main section#top-banner .figures figure[data-label="33"] { /* hagyma       */width: 150px;height: 150px;left: -3%;bottom: 10%;}
		
		/* -XL */ @media screen and (min-width:0px) and (max-width:1239px) {
			main section#top-banner .figures figure[data-label="3" ] { left: -15%; bottom: 38%; }
			main section#top-banner .figures figure[data-label="7" ] {width: 17vw;}
			main section#top-banner .figures figure[data-label="29"] {width: 25vw;}
			main section#top-banner .figures figure[data-label="31"] {width: 5vw;}
			main section#top-banner .figures figure[data-label="33"] {width: 11vw;}
		}
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#top-banner .figures figure[data-label="3" ] { width: 250px; height: 250px; left: -15%; bottom: 38%; }
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#top-banner .copies {padding-bottom: 80px;}
			main section#top-banner .copies .decor-title {width: 80%;margin-inline: auto;height: 30vw;}
			main section#top-banner .copies .decor-title h1 { }
			main section#top-banner .copies .decor-title h2 { }
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			section#top-banner .main-logo > h1 {
				height:130px;
			}
			section#top-banner .copies .decor-title { 
				height:130px;
				margin-bottom:5px;
			}
			section#top-banner .copies p {
				font-size: 2.25rem;
				padding-inline:8%;
			}
			main section#top-banner .figures {
			}
		}
		main section#top-banner .buttons {
			margin-top: 30px;
			margin-bottom: 20px;
		}




		
	/* 											*/
	/* 	FOOD									*/
	/* 											*/

		main section#food-offer {
		}
		main section#food-offer .background {
		}
		main section#food-offer h2 {
			color: var(--yellow);
		}
		main section#food-offer .mirror-inner {
			padding: 0 35px 0 35px;
			background-color: rgba(255,255,255,0.3);
		}
		main section#food-offer .mirror-inner.has-copies {
			padding-top: 60px;
			padding-bottom: 40px;
		}
		main section#food-offer .mirror-inner.has-products {
			padding-bottom: 50px;
		}
		main section#food-offer .validity-wrapper {
			display: block;
			position: relative;
			float: right;
			height: 30px;
			margin: 0 0 -30px 0;
			text-align: right;
			top: 15px;
			right: 10px;
			font-size: 1.85rem;
		}
		main section#food-offer .buttons {
			padding-top: 20px;
		}
		main section#food-offer .decors {
			height:         80vh;
			margin-bottom: -80vh;
			outline: 1px dotted green;
			outline: none;
		}
		main section#food-offer .decors .decor {
			outline: 1px solid orange;
			outline: none;
		}
		main section#food-offer .decors .decor:nth-child(1) { width: 350px; top:0; left:0; transform:rotate(-30deg) translate(140px,-100px); background-image:url("../../images/decor/3.webp"); }
		main section#food-offer .decors .decor:nth-child(2) { width: 400px; top:400px; right:0; transform:translate(0%,0%); background-image:url("../../images/decor/8.webp"); }

	/* 											*/
	/* 	LEAD									*/
	/* 											*/

		main section#lead {
			border-bottom: 5px solid var(--yellow);
		}
		main section#lead .background {
			background-image: url();
			background-size: cover;
			padding-block:100px;
		}
		main section#lead h2 {
			color: white;
		}

	/* 											*/
	/* 	B2B										*/
	/* 											*/

		main section#b2b {
		}
		main section#b2b .background {
			position: relative;
			z-index: -1;
		}
		main section#b2b .background:before {
			display: block;
			content:"";
			position: absolute;
			inset:0;
			z-index: -50;
			background-color: rgba(34,63,124,0.80);
		}		
		main section#b2b .mirror-inner {
			padding-top: 70px;
			padding-bottom: 90px;
		}
		main section#b2b p.lead {
			text-transform: uppercase;
			font-weight: 900;
			letter-spacing: 0.5pt;
			margin-bottom: 20px;
		}
		main section#b2b p {
			text-wrap:balance;
		}
		main section#b2b h2 {
			color: var(--yellow);
		}
		main section#b2b .figures {
			height: var(--b2b);
			margin-bottom: calc(-1 * var(--b2b));
			top: 0;
		}
		main section#b2b .figures figure[data-label="7" ] { /* paradicsom     */left: -15%;top: -15%;width: 320px;height: 320px;transform: scale(1,1) rotate(-30deg);}
		main section#b2b .figures figure[data-label="32"] { /* evőeszköz      */right: -15%;top: -20%;width: 360px;height: 410px;transform:scale(1,1) rotate(0deg);}

		/* -XL */ @media screen and (min-width:0px) and (max-width:1239px) {
			main section#b2b .figures figure[data-label="7" ] { /* paradicsom     */width: 18vw;}
			main section#b2b .figures figure[data-label="32"] { /* evőeszköz      */width: 22vw;}
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#b2b .figures figure[data-label="15"] { width: 80px; height: 80px; right: 7%; }
			main section#b2b .figures figure[data-label="7" ] { width: 120px; height: 150px; transform: scale(1, 1) rotate(-37deg); right: -13%; }
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#b2b .figures figure[data-label="15"] {width: 60px;height: 120px;right: 5%;top: -10%;}
			main section#b2b .figures figure[data-label="7" ] {width: 100px;height: 220px;transform: scale(1,1) rotate(-42deg);right: -9%;bottom: -18%;}
		}
		
		
	/* 											*/
	/* 	DRINKS									*/
	/* 											*/

		main section#drink-offer {
			border-bottom: 5px solid var(--yellow);
		}
		main section#drink-offer .background {
			background-image: url();
			background-size: cover;
		}
		main section#drink-offer h2 {
			color: var(--yellow);
		}
		main section#drink-offer .mirror-inner {
			max-width: 800px;
			display: inline-block;
		}


	/* 											*/
	/* 	PARTNERS								*/
	/* 											*/

		main section#partners {}
		main section#partners .mirror {}
		main section#partners .frame .mirror-inner { padding: 60px 35px 70px 35px; }
		main section#partners .background {}
		main section#partners .partners { margin-top: 35px; }
		main section#partners .partners > ul {
			display: grid;
			grid-template-columns: repeat(5, minmax(0, 1fr));
			gap: 1px;
			margin: 0 15%;
			padding: 0;
			list-style: none;
		}
		main section#partners .partners > ul > li { 
			position: relative;
			aspect-ratio:3/2;
			background-color: white;
			border:1px solid var(--yellow); 
			border:none;
		}
		main section#partners .partners > ul > li > i {
			position: absolute;
			display: block;
			inset:15px;
			height: auto;
			background-color: rgba(255,255,255,0.34);
			background-repeat: no-repeat;
			background-position: center;
			background-size: contain;
			outline: 1px solid red;
			outline: none;
		}
		main section#partners .partners > ul > li em {}
		main section#partners .partners > ul > li[data-label="unl"] i { background-image:url(../../images/partners/unilever.svg); }
		main section#partners .partners > ul > li[data-label="drh"] i { background-image:url(../../images/partners/dreher.svg); }
		main section#partners .partners > ul > li[data-label="suz"] i { background-image:url(../../images/partners/suzuki.svg); }
		main section#partners .partners > ul > li[data-label="crs"] i { background-image:url(../../images/partners/ceres.svg); }
		main section#partners .partners > ul > li[data-label="pts"] i { background-image:url(../../images/partners/pottyos.svg); }
		
		main section#partners .decors { height: 300px; margin-bottom: -300px; outline: 1px dotted green; outline: none; }
		main section#partners .decors .decor { outline: 1px solid orange; outline: none; }
		
		main section#partners .figures { height: var(--partners); margin-bottom: calc(-1 * var(--partners)); }
		
		main section#partners .figures figure[data-label="6" ] { /* só             */ left: -6%;top: 9%;width: 150px;height: 130px;transform: scale(1,1) rotate(0deg);}
		main section#partners .figures figure[data-label="30"] { /* zsálya         */ right: -9%;top: -11%;width: 250px;height: 240px;transform: scale(1,1) rotate(275deg);}
		main section#partners .figures figure[data-label="31"] { /* erőspaprika    */left: 24%;top: 9%;width: 100px;height: 100px;transform: scale(1,1) rotate(71deg);}

		/* -XL */ @media screen and (min-width:0px) and (max-width:1239px) {
			:root { --partners:300px; }
			main section#partners .figures figure[data-label="6" ] { /* só             */width: 12vw;}
			main section#partners .figures figure[data-label="30"] { /* zsálya         */ width:15vw; }
			main section#partners .figures figure[data-label="31"] { /* erőspaprika    */width: 5vw;}
		}
		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#partners .partners > ul { margin: 0 15px; }
			main section#partners .figures figure[data-label="6" ] { /* só             */width: 12vw;}
			main section#partners .figures figure[data-label="30"] { /* zsálya         */ width:15vw; }
			main section#partners .figures figure[data-label="31"] { /* erőspaprika    */width: 5vw;}
		}
		/* MS */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#partners .partners > ul { margin: 0 15px; }
			main section#partners .frame .mirror-inner { padding: 60px 35px 0px 35px; }
			main section#partners .figures figure[data-label="6" ] { /* só             */width: 12vw;}
			main section#partners .figures figure[data-label="30"] { /* zsálya         */ width:15vw; }
			main section#partners .figures figure[data-label="31"] { /* erőspaprika    */width: 5vw;}
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#partners .frame .mirror-inner { padding: 30px 35px 35px 35px; }
			main section#partners .partners > ul { margin: 0 15px; }
			main section#partners .figures[data-id="2"] { display:none; }
			main section#partners .partners > ul > li > ul {
				display:flex;
				justify-content: center;
			}
			main section#partners .partners > ul > li > ul > li {
				flex-grow: 0.2;
				align-content: center;
			}
			main section#partners .figures figure[data-label="6" ] { /* só             */width: 12vw;}
			main section#partners .figures figure[data-label="30"] { /* zsálya         */ width:15vw; }
			main section#partners .figures figure[data-label="31"] { /* erőspaprika    */width: 5vw;}
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {
		}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {
		}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {
			main section#partners .partners > ul {
				grid-template-columns: repeat(1, minmax(0, 1fr));
				margin: 0 25%;
			}
			main section#partners .partners > ul > li { 
				aspect-ratio:2/1;
			}
		}
		
		
		

	/* 											*/
	/* 	EVENT									*/
	/* 											*/

		main section#event {}
		main section#event .mirror {}
		main section#event .frame .mirror-inner {
			position: relative;
			padding: 60px 35px 60px 35px;
		}
		main section#event .frame .mirror-inner:before {
			content:"";
			position: absolute;
			inset:0;
			display: block;
			background-color: rgb(25 25 25 / 77%);
			background-image: url("../../images/background/pattern.v2.webp");
			background-repeat: repeat-y;
			-webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent),
			-webkit-mask-composite: destination-in;
			mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent),
					  linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
			mask-composite: intersect;
			opacity: 0.15;
		}
		main section#event p {
			text-wrap:balance;
		}
		
		main section#event .event-info {
			position: relative;
			margin-block:35px;
			margin-inline:auto;
			padding-block:15px;
			border: 1px solid var(--yellow);
			max-width: 800px;
			backdrop-filter: blur(1px);
			background-color: #252525a3;
			z-index: 2;
		}
		main section#event .event-info .inset {}
		main section#event .event-info {
			box-shadow: 0 0 0 0 var(--yellow), 0 0 0 0 black; 
			transform: scale(1,1) translate(0,0); 
			will-change: transform;
			transition: box-shadow 0.3s ease, transform 0.3s ease; 
		}
		main section#event .event-info:hover {
			box-shadow: 0 0 2px 1px var(--yellow), 0 60px 70px 0 black;
			transform: scale(1.08,1.08) translate(0,-5px); 
		}		
		main section#event .event-info p.label {
			color: white;
			margin-bottom: 5px;
		}
		main section#event .event-info h3 {
			color: var(--yellow);
			text-transform: none;
			font-size: 2.5rem;
			line-height: 1.3;
			font-weight: 800;
		}
		main section#event p a {
			display: inline-block;
			position: relative;
			color:var(--yellow);
			font-weight: 800;
		}
		main section#event p a:before {
			content:"";
			display: block;
			position: absolute;
			width: 100%;
			bottom: -1.5px;
			border-top: 1px solid var(--yellow);
			opacity: 0.85;
		}
		main section#event .decors {
			height:         90vh;
			margin-bottom: -90vh;
			outline: 1px dotted green;
			outline: none;
		}
		main section#event .decors .decor {
			outline: 1px solid orange;
			outline: none;
		}
		main section#event .decors .decor:nth-child(1) { width: 400px; top:0; left:0; transform:translate(0%,0); background-image:url("../../images/decor/4.webp"); }
		main section#event .decors .decor:nth-child(2) { width: 400px; top:400px; right:0; transform:translate(0%,0%); background-image:url("../../images/decor/5.webp"); }
		main section#event .decors .decor:nth-child(3) { width: 250px; bottom:0; left:0; transform:translate(30%,0); background-image:url("../../images/decor/6.webp"); }
		main section#event .figures {
			height: var(--event);
			margin-bottom: calc(-1 * var(--event));
		}
		main section#event .figures figure[data-label="30"] { /* zsálya       */left: -9%;top: -11%;width: 230px;height: 210px;transform: scale(1,1) rotate(11deg);}
		main section#event .figures figure[data-label="31"] { /* erőspaprika  */right: 10%;top: 40%;width: 100px;height: 100px;transform: scale(1,1) rotate(151deg);}
		main section#event .figures figure[data-label="33"] { /* hagyma       */left: -4%;top: 31%;width: 120px;height: 120px;transform:scale(1,1) rotate(0deg);}
		main section#event .figures figure[data-label="34"] { /* fűszerek     */right: -10%;top: -5%;width: 240px;height: 240px;transform:scale(1,1) rotate(0deg);}

		main section#event .figures figure[data-label="30"] { /* zsálya       */  }
		main section#event .figures figure[data-label="31"] { /* erőspaprika  */  }
		main section#event .figures figure[data-label="33"] { /* hagyma       */  }
		main section#event .figures figure[data-label="34"] { /* fűszerek     */  }

		/* XL */ @media screen and (min-width:1040px) and (max-width:1239px) {
			main section#event .frame .mirror-inner { padding: 60px 115px 60px 115px; }
		}
		/* -L */ @media screen and (min-width: 0px) and (max-width:1039px) {
			main section#event .figures figure[data-label="30"] { /* zsálya       */width: 15vw;height: 15vw;}
			main section#event .figures figure[data-label="31"] { /* erőspaprika  */right: 3%;top: 35%;width: 8vw;height: 9vw;}
			main section#event .figures figure[data-label="33"] { /* hagyma       */width: 9vw;height: 9vw;}
			main section#event .figures figure[data-label="34"] { /* fűszerek     */right: -12%;top: 0%;width: 19vw;height: 19vw;}
		}
		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
		}
		/* MS */ @media screen and (min-width: 700px) and (max-width: 859px) {
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#event .frame .mirror-inner { padding: 30px 35px 30px 35px; }
			main section#event .event-info .inset { padding-inline: 10px; }
		}





	/* 											*/
	/* 	FACTS									*/
	/* 											*/

		main section#facts {
		}
		main section#facts .background {
			background-color: rgba(26,26,26,0.66);
			padding: 0;
			margin: 0;
			z-index: -9;
			position: relative;
			width: 100%;
			height: var(--facts);
			margin-bottom: calc(-1 * var(--facts));
			/* display: none; */
		}
		main section#facts .background .mirror-inner {
			position:relative;
			z-index: 11;
		}
		main section#facts .column[data-label="gondoltad"] figcaption {padding-inline: 10%;margin-top: 75px;}
		main section#facts .column[data-label="gondoltad"] figcaption h2 { padding-inline: 10%; }
		main section#facts .column[data-label="gondoltad"] figcaption p { padding-inline: 5%; }
		main section#facts .column[data-label="tudtad"] {}
		main section#facts .column[data-label="tudtad"] figcaption { padding:5% 5% 0 10%; }
		main section#facts .column[data-label="tudtad"] h3 {
			text-align: left;
			color: var(--yellow);
			text-transform: none;
			font-weight: 800;
		}
		main section#facts .column[data-label="tudtad"] ul,
		main section#facts .column[data-label="tudtad"] p {
			text-align: left;
			color: rgba(255,255,255,0.85);
			-webkit-font-smoothing:antialiased;
			text-shadow:0 0 1px black;
			font-family: Metro;
			font-size: 2.3rem;
			line-height: 1.4;
			text-wrap:balance;
		}
		main section#facts .column[data-label="tudtad"] ul li {
			margin-bottom: 3px;
		}
		main section#facts .column[data-label="tudtad"] ul li i {
			display: block;
			position: relative;
			top:5px;
			]
			width: 20px;
			height: 20px;
			margin: 0 0 -20px 0;
			color: var(--yellow);
			overflow: hidden;
		}
		main section#facts .column[data-label="tudtad"] ul li i:before { content:"•"; }
		main section#facts .column[data-label="tudtad"] ul li em {
			display: block;
			position: relative;
			margin: 0 0 0 20px;
		}
		main section#facts .mirror .illustrations {
			display:block;
			position:relative;
			min-width:0px;
			min-height:0px;
			outline:1px dotted cyan;
			outline: none;
		}
		main section#facts .mirror .illustrations .illustration {
			width:0;
			height:0;
			margin:0;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			background-color: rgba(78,212,85,0.58);
			background-color: transparent;
			opacity: 0.25;
		}
		main section#facts .illustrations .illustration[data-label="21"] { transform: translate(26.67%,0%); opacity: 0.15; background-position: top center; width:calc(var(--figure_size_21) * 1.25);height:var(--figure_size_21);margin-bottom:calc(-1 * var(--figure_size_21)); }
		main section#facts .figures {
			height:var(--facts);
			margin-bottom: calc(-1 * var(--facts));
			z-index: 10;
		}
		main section#facts figure[data-label="12"] {width: 390px;height: 220px;left: 0;top: -15%;}
		main section#facts figure[data-label="13"] {width: 290px;height: 120px;left: 10%;bottom: 7%;}
		main section#facts figure[data-label="19"] {width: 190px;height: 130px;right: -7%;bottom: 0%;}
		main section#facts figure[data-label="34"] {width: 201px;height: 220px;right: -8%;top: -4%;}
		
		/* -XL */ @media screen and (min-width:0px) and (max-width:1239px) {
			main section#facts figure[data-label="12"] {width: 31vw;}
			main section#facts figure[data-label="13"] {width: 19vw;/* left: 44vw; *//* transform: translateX(-50%); */}
			main section#facts figure[data-label="19"] {width: 12vw;}
			main section#facts figure[data-label="34"] {width: 15vw; }
		}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {
			:root {--facts: 380px;}
			main section#facts .figures {
	/* display: none; */
}
			main section#facts .column[data-label="tudtad"] {padding-top: 13vw;}
			main section#facts .column[data-label="gondoltad"] {}
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#facts .column[data-label="gondoltad"] { padding-bottom: 95px; }
			main section#facts .column[data-label="gondoltad"] figcaption { margin-bottom: 15px; }
			main section#facts .column[data-label="gondoltad"] .figures { height: 130px; margin-bottom: -130px; }
			main section#facts .column[data-label="gondoltad"] .figures figure[data-label="13"] { left:auto; right:0%; top:0%; width:230px; height:100px; }
			main section#facts .column[data-label="tudtad"] { padding-bottom: 0; }
			main section#facts .column[data-label="tudtad"] figcaption { /*padding: 5% 0% 0 2%; */ }
			main section#facts .column[data-label="tudtad"] ul, main section#facts .column[data-label="tudtad"] p { /* text-wrap:auto;*/ }
			main section#facts .column[data-label="tudtad"] figure[data-label="19"] { width: 310px; height: 150px; right: -9%; bottom: 60%; }
			main section#facts figure[data-label="19"] { width:150px; height:150px; }
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section .frame .mirror-inner { padding-inline: 35px; padding-bottom: 10px; }
			main section#facts .column[data-label="gondoltad"] { padding-top: 15px; }
			main section#facts .column[data-label="tudtad"] { margin-top: 35px; }
			main section#facts .column[data-label="gondoltad"] figcaption {padding-inline:0%;margin-top: 0px;}
			main section#facts .column[data-label="tudtad"] figcaption { padding:55px 0 0 0; }
			main section#facts .column[data-label="tudtad"] ul,
			main section#facts .column[data-label="tudtad"] p { font-size: 1.85rem; }
			main section#facts .illustrations .illustration[data-label="21"] { height:100px; margin-bottom:-100px; }
			main section#facts .figures {height: 280px;margin-bottom: -280px;}
			main section#facts figure[data-label="12"] {width:100%;height: 20vw;background-position:left top;}
			main section#facts figure[data-label="13"] {width: 30vw;left: 35%;bottom: 0%;}
			main section#facts figure[data-label="19"] {width: 18vw;top: -24%;}
		}


		
		
		
		
		
	/* 											*/
	/* 	FUN FACTS								*/
	/* 											*/

		main section#fun-facts {}
		main section#fun-facts .background {}
		main section#fun-facts .mirror-inner {
			padding-block: 50px;
			padding-inline:50px;
		}
		main section#fun-facts .mirror-inner p {
			padding-inline:10%;
		}
		main section#fun-facts .columns {
			display: flex;
			flex-direction: row-reverse;
		}
		main section#fun-facts .columns .column {}
		main section#fun-facts .columns .column:nth-child(1) { width:30%; }
		main section#fun-facts .columns .column:nth-child(2) { width:70%; }
		main section#fun-facts .columns .column figure {
			display: block;
			width: 100%;
			height: 600px;
			background-image: url(../../images/page/fun-facts.webp);
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			outline: 1px solid orange;
			outline: none;
		}
		main section#fun-facts .columns .column figcaption {
			h2 {
				text-align: left;
				padding-inline:0;
				padding-bottom: 25px;
			}
			p {
				text-align: left;
				padding-inline:0;
			}
			.buttons {
				text-align: left;
				padding-top: 25px;
			}
		}
		
		
		
		
		
		
		
		
		
	/* 											*/
	/* 	INTERESTS								*/
	/* 											*/
	
		main section#interests {}
		main section#interests .mirror {}
		main section#interests .mirror-inner {padding: 95px 200px 75px 200px;}
		main section#interests h2 { text-align: left; margin-bottom: 25px; }
		main section#interests h3 { font-weight: 900; color:var(--yellow); -webkit-font-smoothing: antialiased; }
		main section#interests p { -webkit-font-smoothing: antialiased; }
		main section#interests h3:before { content:""; display: block; position: relative; width:  auto; height: 100px; margin: 0 0 -100px 0; aspect-ratio:2/3; outline: 2px solid orange; outline: none; }
		main section#interests .illustrations {display:block;position:relative;min-width:0px;min-height:0px;outline:1px dotted cyan;outline: none;}
		main section#interests .illustrations .illustration {position: absolute;width:0;height:0;margin:0;background-repeat: no-repeat;background-size: contain;background-position: center;background-color: rgba(78,212,85,0.58);background-color: transparent;opacity: 0.25; z-index:-1; }
		main section#interests .figures figure[data-label="6" ] { left:-5%; }
		
		main section#interests .block[data-label="gulyas"] {margin-bottom: 150px;}
		main section#interests .block[data-label="gulyas"] h3 { text-align: left; }
		main section#interests .block[data-label="gulyas"] p { text-align: left; text-wrap:balance; }
		main section#interests .block[data-label="gulyas"] .illustrations { width:100%; height: 500px; margin-bottom:-500px; }
		main section#interests .block[data-label="gulyas"] .illustrations .illustration[data-label="24"] {background-image: url("../../images/decor/24.webp");right: 20%;top: -30%;width: calc(0.75 * var(--figure_size_24));height: calc(1.1 * var(--figure_size_24));margin-bottom:calc(-1 * var(--figure_size_24));}
		main section#interests .block[data-label="gulyas"] .inset {padding-right: 25%;}
		main section#interests .block[data-label="gulyas"] .figures { height: 500px; margin-bottom: -500px; }
		main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] {right: -7%;top: -16%;width: 400px;height: 400px;}
		main section#interests .block[data-label="gulyas"] .buttons { text-align: left; margin-top: 20px; }

		main section#interests .block[data-label="hagyma"] { margin-bottom:70px; }
		main section#interests .block[data-label="hagyma"] h3 { text-align: right; }
		main section#interests .block[data-label="hagyma"] h3[data-logo="metrochef"]:before { background-image: url("../../images/brands/metrochef.webp"); background-repeat: no-repeat; background-position: top center; background-size: contain; }
		main section#interests .block[data-label="hagyma"] h3[data-logo="metrochef"]:before { float:right; transform:translateX(calc(100% + 15px)); }
		main section#interests .block[data-label="hagyma"] .inset {padding-left: 30%;}
		main section#interests .block[data-label="hagyma"] p { text-align: right; text-wrap:balance; }
		main section#interests .block[data-label="hagyma"] .illustrations { width:100%; height: 500px; margin-bottom:-500px; }
		main section#interests .block[data-label="hagyma"] .illustrations .illustration[data-label="25"] { background-image: url("../../images/decor/25.webp"); left:30%; top: 5%; transform: translate(-50%,-20%); width:calc(0.9 * var(--figure_size_25)); height:var(--figure_size_25); }
		main section#interests .block[data-label="hagyma"] .buttons {text-align: right;margin-top: 45px;}
		main section#interests .block[data-label="hagyma"] figure {/* position: relative; *//* width: auto; *//* height: 250px; *//* margin: 0 0 -250px 0; *//* outline: 2px solid orange; *//* outline: none; *//* aspect-ratio: 3/4; *//* transform: translate(-10%,0%) rotate(-16deg); */}
		main section#interests .block[data-label="hagyma"] .illustrations .illustration[data-label="8"] {right: -15%; top: 30%; background-image: url("../../images/decor/8.webp");width:calc(var(--figure_size_8_2) * 0.5);height:calc(var(--figure_size_8_2) * 0.5);opacity: 1;}
		main section#interests .block[data-label="hagyma"] .figures {height: 380px;margin-bottom: -380px;/* background-color: #ffff0061; */}
		main section#interests .block[data-label="hagyma"] figure[data-label="30"] {width: 180px;height: 210px;right: -35%;transform: scale(-1,1) rotate(13deg);}
		main section#interests .block[data-label="hagyma"] figure[data-label="31"] {width: 60px;height: 60px;left: -16%;bottom: 10%;transform: rotate(14deg);}
		main section#interests .block[data-label="hagyma"] figure[data-label="33"] {width: 200px;height: 200px;left: -5%;transform: rotate(14deg);}
		
		main section#interests .block[data-label="marha" ] { margin-bottom:25px; }
		main section#interests .block[data-label="marha" ] h3 { text-align: left; }
		main section#interests .block[data-label="marha" ] h3[data-logo="metrochef"]:before { background-image: url("../../images/brands/metrochef.webp"); background-repeat: no-repeat; background-position: top center; background-size: contain; }
		main section#interests .block[data-label="marha" ] h3[data-logo="metrochef"]:before { float:left;  transform:translateX(calc(-100% - 15px)); }
		main section#interests .block[data-label="marha" ] .inset {padding-right: 30%;}
		main section#interests .block[data-label="marha" ] p { text-align: left; text-wrap:balance; }
		main section#interests .block[data-label="marha" ] .illustrations {width:100%;height: 400px;margin-bottom:-400px;}
		main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="22"] { background-image: url("../../images/decor/22.webp"); right:13%; width:var(--figure_size_22); height:var(--figure_size_22); }
		main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {background-image: url("../../images/decor/9.webp");left: -10%;top: 31%;width:var(--figure_size_9_2);height:var(--figure_size_9_2);opacity:1;}
		main section#interests .block[data-label="marha" ] .buttons {text-align: left;margin-top: 45px;margin-left: 20%;}
		main section#interests .block[data-label="marha" ] figure[data-label="11"] { position: relative; float: right; width: auto; height: 250px; margin: 0 0 -250px 0; outline: 2px solid orange; outline: none; aspect-ratio: 3/4; transform: translate(10%,10%) rotate(16deg);}
		main section#interests .block[data-label="marha" ] .illustrations[data-label="marha-1"] { transform:translateY(-50%); outline: 1px dotted orange; outline: none; }
		main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] { height: 300px; margin-bottom: -300px; }
		main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="3"] {right: -10%;top: -5%;outline: 1px dashed green;outline:none;width: 330px;height: 330px;}
		
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {
			main section#interests .mirror-inner {padding: 95px 200px 75px 200px;}
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {background-image: url("../../images/decor/9.webp");left: -10%;top: 31%;width:var(--figure_size_9_2);height:var(--figure_size_9_2);opacity:1;}
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] {right: -20%;top: -14%;width: 370px;height: 370px;}
		}	
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {}
		}
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {}
		}
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {}
		}
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {
	left: -21%;
}
		}
		
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {
			main section#interests .mirror-inner {padding: 95px 120px 75px 120px;}
			main section#interests .block[data-label="gulyas"] .inset {padding-right: 50%;margin-bottom: -80px;}
		}		
		/* L */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#interests .mirror-inner {padding: 95px 200px 75px 200px;}
			main section#interests .figures figure[data-label="6" ] {width: 110px;}
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] { left:-20%; }
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="3"] {right: -25%;top: 17%;outline: 1px dashed green;outline:none;width: 290px;height: 290px;transform: rotate(15deg);}
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] {left: 41vw;width: 30vw;height: 30vw;}
			main section#interests .block[data-label="hagyma"] .figures figure[data-label="30"] {width: 170px;height: 170px;right: -48%;top: 40%;transform: scale(-1,1) rotate(13deg);}
		}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#interests .mirror-inner {padding: 95px 100px 75px 100px;}
			main section#interests .figures figure[data-label="6" ] {left: -15%;}
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] {right: -21%;top: -16%;width: 31vw;height: 31vw;}
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="3"] {right: -19%;width: 35vw;height: 35vw;}
			main section#interests .block[data-label="hagyma"] figure[data-label="30"] {width: 10vw;height: 10vw;right: -23%;top: 40%;}
		}
		/* MS */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#interests .mirror-inner {padding: 95px 100px 75px 100px;}
			main section#interests .figures figure[data-label="6"] {width: 100px;height: 100px;left: -10%;}
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] {right: -21%;width: 230px;height: 230px;top: -10%;}
			main section#interests .block[data-label="gulyas"] .illustrations .illustration[data-label="24"] {right: -5%;}
			main section#interests .block[data-label="hagyma"] .figures figure { height: 200px; margin: 0 0 -200px 0; aspect-ratio: 3 / 4; transform: translate(-70%, -16%) rotate(-16deg); }
			main section#interests .block[data-label="hagyma"] .illustrations .illustration[data-label="8"] { right: -30%; height: 70px; }
			main section#interests .block[data-label="hagyma"] .illustrations .illustration[data-label="25"] { top:25%; }
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] {height:250px;margin-bottom:-250px;/* transform:translateY(-100%); */}
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="3"] { width: 27vw; height: 27vw; right: -10vw; }
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="20"] { top:10%; right:-50%; }
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] { left: -20%; height: 180px; width: 180px; }
			main section#interests .block[data-label="marha" ] figure[data-label="11"] { transform: translate(50%, 0%) rotate(16deg); width: 150px; height: 150px; }
			main section#interests .block[data-label="marha" ] p .wrap { display: block; }
			main section#interests .block[data-label="marha" ] p .wrap:nth-child(1) { padding-right:12%; }
			main section#interests .block[data-label="marha" ] p .wrap:nth-child(2) { margin-right: -10%; }
			main section#interests .block[data-label="marha" ] p .wrap:nth-child(3) { margin-right: -20%; }
			main section#interests .block[data-label="marha" ] .buttons { margin-left: 50%; }
		}
		/*  S- */  @media screen and (min-width:700px) { 
		}
		
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
		
			main section#interests .mirror-inner { padding: 95px 50px 0px 50px; }
			main section#interests .block[data-label="gulyas"] {margin-bottom: 50px;}
			main section#interests .block[data-label="gulyas"]  .illustrations { height: 300px; margin-bottom: -300px; outline: 1px solid red; outline: none; }
			main section#interests .block[data-label="gulyas"]  .illustrations .illustration[data-label="24"] { width: 60vw; height:60vw; right:-18vw; top:-35%; transform: rotate(-35deg); }
			main section#interests .block[data-label="gulyas"] .inset { padding-right:0%; }
			main section#interests .figures { height: 380px; margin-bottom: -380px; }
			main section#interests                             .figures figure[data-label="6"] { left: -6%;bottom: 20%;width: 50px;height: 50px; transform:rotate(35deg); }
			main section#interests .block[data-label="gulyas"]  .figures { height: 300px; margin-bottom: -300px; outline: 1px solid red; outline: none; }
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="5"] { left:auto; right:-34%; top:  -27%; width: 120px; height: 120px; }
			main section#interests .block[data-label="gulyas"] .figures figure[data-label="7"] { left:auto; right:-18%; bottom: 3%; width:  90px; height:  90px; transform:rotate(-34deg); }

			main section#interests .block[data-label="hagyma"] .inset { padding-left: 0; }
			main section#interests .block[data-label="hagyma"] .inset p .wrap { display: block; }
			main section#interests .block[data-label="hagyma"] .inset p .wrap:nth-child(1) { padding-left:20%; }
			main section#interests .block[data-label="hagyma"] .inset p .wrap:nth-child(2) { padding-left:10%; margin-left:0%; }
			main section#interests .block[data-label="hagyma"] .inset p .wrap:nth-child(3) { padding-left:10%; margin-left:0%; }
			main section#interests .block[data-label="hagyma"] h3[data-logo="metrochef"]:before { height:45px; transform: translate(38px); }
			main section#interests .block[data-label="hagyma"]  .illustrations { height: 300px; margin-bottom: -300px; outline: 1px solid red; outline: none; }
			main section#interests .block[data-label="hagyma"]  .illustrations .illustration[data-label="25"] { width: 50%; height:50%; left:-12%; top:auto; bottom:0%; transform: rotate(0deg); }
			main section#interests .block[data-label="hagyma"]  .illustrations .illustration[data-label="8"]  { width: 18%; height:18%; left:auto; right:-22%; top:50%; transform: rotate(0deg); }
			main section#interests .block[data-label="hagyma"] .figures figure[data-label="10"] { left:-12%; top:-3%; width:90px; height:90px; }
			main section#interests .block[data-label="hagyma"] .figures figure[data-label="33"] {width: 26vw;height: 26vw;left: -9%;transform: rotate(14deg);}
			main section#interests .block[data-label="hagyma"] .figures figure[data-label="30"] { display: none; }
			
			main section#interests .block[data-label="marha" ] .inset { padding-right: 0; }
			main section#interests .block[data-label="marha" ] .inset p .wrap { display: block; }
			main section#interests .block[data-label="marha" ] .inset p .wrap:nth-child(1) { padding-right:24%; }
			main section#interests .block[data-label="marha" ] .inset p .wrap:nth-child(2) { padding-right:10%; margin-right:0%; }
			main section#interests .block[data-label="marha" ] .inset p .wrap:nth-child(3) { padding-right:10%; margin-right:0%; }
			main section#interests .block[data-label="marha"] h3[data-logo="metrochef"]:before { height:45px; transform: translate(-38px); }
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="22"] { right:auto; left: -29%; top:15%; width:180px; height:180px; }
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -15%; bottom:auto; top:0; width:110px; height: 110px; transform:translateY(-50%); }
			main section#interests .block[data-label="marha"] .figures figure[data-label="11"] { width: 25vw; height: 25vw; left: auto; right:-5%; top: -8%; }
			main section#interests .block[data-label="marha"] .figures figure[data-label="20"] { width: 15vw; height: 25vw; left: auto; right:-25%; top: -40%; }
			main section#interests .block[data-label="marha" ] .figures[data-label="marha-1"] figure[data-label="3"] {right: -16%;top: -11%;outline: 1px dashed green;outline:none;width: 35vw;height: 35vw;}
			main section#interests .block[data-label="marha" ] .buttons {margin-left: 35%;z-index: 1;}
		}

		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {
			main section#interests .mirror-inner { padding: 95px 100px 75px 100px; } 
		}
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {
			main section#interests .block[data-label="hagyma"] .illustrations { width:130%; margin-left:-25%; }
			main section#interests .block[data-label="hagyma"] figure { transform: translate(-60%,0%) rotate(-16deg); }
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] { left: -100px; }
			main section#interests .block[data-label="marha" ] figure[data-label="11"] { transform: translate(50%,0%) rotate(16deg); }
		}
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {
			main section#interests .block[data-label="hagyma"] .illustrations { width:130%; margin-left:-25%; }
			main section#interests .block[data-label="hagyma"] figure { transform: translate(-60%,0%) rotate(-16deg); }
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] { left: -100px; }
			main section#interests .block[data-label="marha" ] figure[data-label="11"] { transform:translate(40%, 10%) rotate(16deg); }
		}
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#interests .mirror-inner { padding: 95px 150px 75px 150px; } 
			main section#interests .block[data-label="marha" ] figure[data-label="11"] { transform: translate(50%,0%) rotate(16deg); }
		}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {  }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -5%; bottom:20%; top:auto; }
		}
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -5%; bottom:20%; top:auto; }
		
		}
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -5%; bottom:20%; top:auto; }
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -5%; bottom:20%; top:auto; }
		}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -5%; bottom:20%; top:auto; }
		}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -10%; bottom:20%; top:auto; }
		}
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -15%; bottom:20%; top:auto; }
		}
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -15%; bottom:20%; top:auto; }
		}
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {
			main section#interests .block[data-label="marha" ] .illustrations .illustration[data-label="9" ] {left: -15%; bottom:20%; top:auto; }
		}

		/*     S   */  @media screen and (min-width: 0px) and (max-width: 699px) {
			#top-banner .hero-background {padding-bottom: 0;}
		}	
		/*  Mobile  */ @media screen and (min-width: 0px) and (max-width: 1139px) {
		}
















		
	/* 											*/
	/* 	INFLUENCERS								*/
	/* 											*/

		main section#influencers {
		}
		main section#influencers .quotes {
			position: relative;
			padding: 50px 100px 25px 100px;
			border:1px solid var(--yellow);
			backdrop-filter: blur(1px);
			background-color: #1a1a1a96;
		}
		main section#influencers .quotes .quote {
			display: block;
			width: 100%;
			min-height: 220px;
			white-space: nowrap;
			margin: 0;
			padding: 0;
			font-size: 0;
			line-height: 0;
		}
		main section#influencers .quotes .quote .col {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			outline: 1px dotted green;
			outline:none;
		}
		main section#influencers .quotes .quote .col figure {
			display: inline-block;
			position: relative;
			width:         180px;
			height:        180px;
			border-radius: 180px;
			background-size: 130%;
			margin: 0 0 0 0;
		}
		main section#influencers .quotes .quote[data-label="bm"] figure { background-position:50% 40%; }
		main section#influencers .quotes .quote[data-label="db"] figure { background-position:50% 10%; }
		
		main section#influencers .quotes .quote .col figure:before {
			content:"";
			display: block;
			border-radius: inherit;
			position: absolute;
			inset:-7px;
			border: 1px solid var(--yellow);
		}
		main section#influencers .quotes .quote .col {
			display: inline-block;
			vertical-align: middle;
			outline: 1px dotted orange;
			outline:none;
		}
		main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(1) { width:180px; }
		main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) {width:calc(100% - 250px);transform: translateY(25%);}
		main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption {margin: 0 0 0 60px; padding: 0 28% 0 0; white-space:normal; }
		main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) {width:calc(100% - 250px);transform: translateY(10%);}
		main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
		main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 5%);padding: 0 0 0 18%; white-space:normal; }

		main section#influencers .quotes .quote .col figcaption {
			position: relative;
			outline: 1px dotted cyan;
			outline:none;
		}
		main section#influencers .mirror .quotes .quote .col figcaption p {
			text-align: left;
		}
		main section#influencers .mirror .quotes .quote .col figcaption p.from {
			text-align: right;
			font-weight: 900;
			color: var(--yellow);
			text-transform: uppercase;
			letter-spacing: 0.5pt;
		}
		main section#influencers .mirror .quotes .quote .illustrations {
			display:block;
			position:relative;
			min-width:100px;
			min-height:100px;
			outline:1px dotted cyan;
			outline: none;
		}
		main section#influencers .mirror .quotes .quote .illustrations .illustration {
			width:       230px;
			height:      230px;
			margin: 0 0 -230px 0;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			background-color: rgba(78,212,85,0.58);
			background-color: transparent;
			opacity: 0.25;
		}
		main section#influencers .mirror .quotes .quote .illustrations .illustration[data-label="fork"] {
			background-image: url("../../images/decor/fork.webp");
			transform: translate(56%,-8%);
		}
		main section#influencers .mirror .quotes .quote .illustrations .illustration[data-label="spoon"] {
			background-image: url("../../images/decor/spoon.webp");
			transform: translate(-76%,-8%);
		}
		main section#influencers .quotation-mark {
			display: block;
			position: absolute;
			background-image: url("../../images/decor/quotation-mark.webp");
			background-size: contain;
			background-repeat: no-repeat;
			width: 210px;
			height: 210px;
			opacity: 0.25;
			filter:blur(2px);
		}
		main section#influencers .quotes .quote[data-label="bm"] .col figcaption .quotation-mark {right: 5%;top: -35%;}
		main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left:8%; }
		
		main section#influencers .figures figure[data-label="bm"] { background-image: url(../../images/influencers/borbas-marcsi.webp); }
		main section#influencers .figures figure[data-label="db"] { background-image: url(../../images/influencers/dalnoki-bence.webp); }
		
		main section#influencers .figures[data-id="1"] {
			height: var(--influencers1);
			margin-bottom: calc(-1 * var(--influencers1));
		}
		main section#influencers .figures figure[data-label="20"] {left: -3%;top: -11%;width:100px;height:100px;}
		main section#influencers .figures figure[data-label="2" ] {right: -4%;top: -11%;width:100px;height:100px;transform: rotate(-45deg);}

		main section#influencers .figures[data-id="2"] {
			height: var(--influencers2);
			margin-bottom: calc(-1 * var(--influencers2));
			transform:translateY(-10%);
		}
		main section#influencers .figures figure[data-label="18"] {right: -3%;top: 0%;width:100px;height:100px;}


		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#influencers .frame .mirror-inner {
				padding-inline: 20px;
				padding-bottom: 50px;
			}
			main section#influencers .mirror .quotes .quote .illustrations {
				min-width: 60px;
				min-height: 60px;
			}
			main section#influencers .quotation-mark {
				width: 90px;
				height: 90px;
			}
			main section#influencers .quotes { padding: 0px 0px 0px 0px; }
			main section#influencers .quotes .quote { min-height: 0; }
			main section#influencers .quotes .quote .col figure { width:80px; height:80px; }
			main section#influencers .quotes .quote[data-label="bm"] .col figure { left:0; top:0; }
			main section#influencers .quotes .quote[data-label="bm"] { margin-bottom: 25px; }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(1) { width:130px; }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) {width:calc(100% - 130px);transform: translateY(15%); }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption {margin: 0 0 0 0;padding: 0 10% 0 0;}
			main section#influencers .quotes .quote[data-label="bm"] .col figcaption .quotation-mark {right: 5%;top: -10%;}
			main section#influencers .quotes .quote[data-label="bm"] figure {}
			
			main section#influencers .quotes .quote[data-label="db"] .col figure { right:15%; top:0; }
			main section#influencers .quotes .quote[data-label="db"] { margin-bottom: 30px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) {width:calc(100% - 100px);transform: translateY(10%); }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:100px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 10%);padding: 0 0 0 10%;}
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left:8%; bottom:-10%; }
			main section#influencers .quotes .quote[data-label="db"] figure {}
			
			main section#influencers .figures figure[data-label="20"] {left: -3%;top: -11%;width: 40px;height: 40px;}
			main section#influencers .figures figure[data-label="2" ] {right: -4%;top: -11%;width: 40px;height: 40px;transform: rotate(-45deg);}
			main section#influencers .figures figure[data-label="18"] {right: -3%;top: 2%;width:50px;height:50px;}
		}

		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { 
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {}
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] { margin-bottom: 55px; }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] { margin-bottom: 55px; }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#influencers .quotes { padding: 20px 30px 55px 30px; } 
			main section#influencers .quotes .quote[data-label="bm"] { margin-bottom: 55px; }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) { width: calc(100% - 190px); }
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 0% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 15%);margin-left:-5%; padding: 0 0 0 0%; }
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -20%; }
		}
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {
			main section#influencers .quotes { padding: 50px 50px 25px 50px; } 
			main section#influencers .quotes .quote[data-label="bm"] .col:nth-child(2) figcaption { margin:0 0 0 60px; padding: 0 18% 0 0; } 
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption { margin-left:70px; width:calc(100% - 250px); }  
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(2) { width:180px; }
			main section#influencers .quotes .quote[data-label="db"] .col:nth-child(1) figcaption {width: calc(100% - 25%);padding: 0 0 0 0%; }			
			main section#influencers .quotes .quote[data-label="db"] .col figcaption .quotation-mark { left: -15%; }
		}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }

	
		
		
		
		
		
	/* 											*/
	/* 	BRAND AMBASSADORS						*/
	/* 											*/
	
		main section#ambassadors {
		}
		main section#ambassadors .mirror-inner {
			padding-top: 40px;
			padding-bottom: 50px;
		}
		main section#ambassadors .mirror-inner .lead {
			padding-inline:25%;
			text-shadow: 0 0 1px black, 0 0 2px black, 0 0 3px black, 0 0 5px black;
			-webkit-font-smoothing: subpixel-antialiased;
			letter-spacing: 0.25pt;
		}
		main section#ambassadors .quotes {
			display: block;
			position: relative;
			margin: 0 auto;
			padding: 50px 0 0 0;
			font-size: 0;
			line-height: 0;
			white-space: nowrap;
			width: calc(100% + 20px);
			outline:1px dotted cyan;
			outline: none;
		}
		main section#ambassadors .quotes .quote {
			display: inline-block;
			vertical-align: top;
			margin: 0 20px 0 0;
			padding: 0;
			width: calc(50% - 20px);
			outline:1px dotted orange;
			outline: none;
		}
		main section#ambassadors .quotes .quote figure {
			display: inline-block;
			position: relative;
			width:         260px;
			height:        260px;
			border-radius: 260px;
			background-size: 110%;
			margin: 0 0 0 0;
		}
		main section#ambassadors .quotes .quote[data-label="bm"] figure { background-position:50% 40%; }
		main section#ambassadors .quotes .quote[data-label="db"] figure { background-position:50% 10%; }
		
		main section#ambassadors .quotes .quote figure:before {
			content:"";
			display: block;
			border-radius: inherit;
			position: absolute;
			inset: -9px;
			border: 1px solid var(--yellow);
		}
		main section#ambassadors .quotes .quote figcaption {
			margin: 30px 0 0 0;
		}
		main section#ambassadors .quotes .quote figcaption .name {
			font-weight: 800;
			color: var(--yellow);
			text-transform: uppercase;
			letter-spacing: 0.5pt;
			margin-bottom: 15px;
		}
		main section#ambassadors .quotes .quote figcaption .description {
			display: -webkit-box;
			opacity: 0.9;
			-webkit-font-smoothing: antialiased;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			line-clamp: 4;
			overflow: hidden;
		}
		main section#ambassadors .buttons button { min-width:200px; }
		
		main section#ambassadors .illustrations {
			display:block;
			position:relative;
			min-width: 100px;
			min-height:100px;
			outline:1px dotted cyan;
			outline: none;
			z-index: -1;
		}
		main section#ambassadors .illustrations .illustration {
			position: relative;
			width:       100%;
			height:      530px;
			margin: 0 0 -530px 0;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center;
			background-color: rgba(78,212,85,0.58);
			background-color: transparent;
			opacity: 0.25;
		}
		main section#ambassadors .illustrations .illustration[data-label="square-scoop"] {
			background-image: url("../../images/decor/square-scoop.webp");
		}
		main section#ambassadors .illustrations .illustration[data-label="round-scoop"] {
			background-image: url("../../images/decor/round-scoop.webp");
		}
		main section#ambassadors .figures figure[data-label="bm"] { background-image: url(../../images/influencers/borbas-marcsi.webp); }
		main section#ambassadors .figures figure[data-label="db"] { background-image: url(../../images/influencers/dalnoki-bence.webp); }
		
		main section#ambassadors .figures figure[data-label="8"] {
			width: 100px;
			height: 100px;
			transform: scale(-1,1);
			left: -5%;
			top: 10%;
		}
		
		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#ambassadors .quotes {}
			main section#ambassadors .quote {}
		}
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {  }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {  }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {  }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }
			

		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#ambassadors .mirror-inner {
				padding-top:0;
				padding-bottom: 15px;
			}
			main section#ambassadors .mirror-inner .lead {
				padding-inline:0;
				margin-bottom:35px;
			}
			main section#ambassadors .quotes {
				padding:0;
				white-space:normal;
				width: 100%;
			}
			main section#ambassadors .buttons {
				margin-top:20px;
				margin-bottom: 0;
			}
			main section#ambassadors .quotes .quote {
				width:100%;
				margin: 0 0 15px 0;
			}
			main section#ambassadors .quotes .quote figure { 
				width:200px;
				height:200px;
			}
			main section#ambassadors .quotes .quote figcaption .description {
				-webkit-box-orient:revert;
				-webkit-line-clamp:99;
				line-clamp:99;
			}
			main section#ambassadors .figures figure[data-label="8"] {
				width: 50px;
				height: 50px;
				left: -5%;
				top: 10%;
			}
		}
		
		/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {  }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {  }
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {  }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {  }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }
		
		/* XL-XXL */ @media screen and (min-width:1240px) and (max-width:1439px) {
		}
		/* XL- */ @media screen and (min-width:1040px) and (max-width:1239px) {
			main section#ambassadors .quotes { width: calc(100% + 70px); }
			main section#ambassadors .quotes .quote { width: calc(50% - 70px);margin: 0 70px 0 0;  }
		}
		/* L */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#ambassadors .quotes { width: calc(100% + 70px); }
			main section#ambassadors .quotes .quote { width: calc(50% - 70px);margin: 0 70px 0 0;  }
			main section#ambassadors .quotes .quote[data-label="bm"] figure,
			main section#ambassadors .quotes .quote[data-label="db"] figure { width:  200px; height: 200px; border-radius: 200px; background-size: 110%; }
		}
		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#ambassadors .illustrations { }
			main section#ambassadors .quotes .quote[data-label="bm"] .illustrations { display: none; }
			main section#ambassadors .quotes .quote[data-label="db"] .illustrations { }
			main section#ambassadors .illustrations .illustration[data-label="square-scoop"] { transform: translate(-63%,-41%) rotate(-20deg); }
			main section#ambassadors .illustrations .illustration[data-label="round-scoop"] { transform: translate(63%,-41%) rotate(20deg); }
			main section#ambassadors .quotes .quote[data-label="bm"] figure,
			main section#ambassadors .quotes .quote[data-label="db"] figure { width:  200px; height: 200px; border-radius: 200px; background-size: 110%; }
		}
		/* L-M */ @media screen and (min-width: 960px) and (max-width: 859px) {
			main section#ambassadors .quotes { width: 100%; }
			main section#ambassadors .quotes .quote { display: block; width:100%; margin:0;  }
			main section#ambassadors .illustrations { top: -100px; }
			main section#ambassadors .illustrations .illustration[data-label="square-scoop"] { width: 100%; transform:translate( 10%,0%) rotate( 30deg); height: 700px; margin-bottom: -700px; }
			main section#ambassadors .illustrations .illustration[data-label="round-scoop"]  { width: 100%; transform:translate(-10%,0%) rotate(-30deg); height: 700px; margin-bottom: -700px; }
		}
		/* S-M */ @media screen and (min-width: 699px) and (max-width: 859px) {
			main section#ambassadors .quotes { width: 100%; }
			main section#ambassadors .quotes .quote { display: block; width:100%; margin:0;  }
			main section#ambassadors .illustrations { top: -100px; }
			main section#ambassadors .illustrations .illustration[data-label="square-scoop"] { width: 100%; transform:translate( 10%,0%) rotate( 47deg); height: 500px; margin-bottom: -500px; }
			main section#ambassadors .illustrations .illustration[data-label="round-scoop"]  { width: 100%; transform:translate(-10%,0%) rotate(-47deg); height: 500px; margin-bottom: -500px; }
		}
		/* -S */ @media screen and (min-width: 0px) and (max-width: 700px) {
			main section#ambassadors .quotes { width: 100%; }
			main section#ambassadors .quotes .quote { display: block; width:100%; margin:0;  }
			main section#ambassadors .illustrations { top: -70px; }
			main section#ambassadors .illustrations .illustration[data-label="square-scoop"] { width: 100%; transform:translate( 5%,0%) rotate( 47deg); height: 400px; margin-bottom: -400px; }
			main section#ambassadors .illustrations .illustration[data-label="round-scoop"]  { width: 100%; transform:translate(-5%,0%) rotate(-47deg); height: 400px; margin-bottom: -400px; }
		}
		
		
		
		
		
		
		
		
		
		
		
		

	/* 											*/
	/* 	RECIPES									*/
	/* 											*/

		main section#recipes {
		}
		main section#recipes .background {
			background-image: url();
			background-size: cover;
			background-position: center bottom;
		}
		main section#recipes .frame .mirror-inner {
			padding-top:60px;
			padding-bottom: 10px;
			/* background-color: rgba(255,255,255,0.1); */
			padding-inline: 80px;
		}
		main section#recipes .mirror {
		}
		main section#recipes .mirror p {
			text-wrap:balance;
		}
		main section#recipes h2 {
			color: var(--yellow);
		}
		main section#recipes ul.recipes {
			list-style: none;
			margin: 0 0 -15px 0;
			padding: 30px 0 0 0;
			font-size: 0;
			line-height: 0;
			display: block;
			width: calc(100% + 30px);
		}
		main section#recipes ul.recipes li.recipe {
			vertical-align: top;
			cursor: pointer;
			width: calc(33.333% - 30px);
			display: inline-block;
			margin: 0px 30px 20px 0;
		}
		main section#recipes ul.recipes li.recipe * { cursor: pointer; }
		main section#recipes ul.recipes li.recipe label {
			text-align: center;
		}
		main section#recipes ul.recipes li.recipe label input {
			position: absolute;
			opacity: 0;
		}
		main section#recipes ul.recipes li.recipe label figure {
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 100%;
			aspect-ratio: 16 / 10;
		}
		main section#recipes ul.recipes li.recipe label figure .image {
			position: absolute;
			display: block;
			inset:0;
			z-index: 3;
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: cover;
			background-size: contain;
			background-repeat: no-repeat;
			border: 1px solid var(--yellow);
			border:none;
		}
		main section#recipes ul.recipes li.recipe label figcaption {
			/* display: inline-block; */
			position: relative;
			z-index: 3;
			padding: 10px 35px;
			font-family: Metro;
			font-weight: 400;
			font-size: 2.2rem;
			line-height: 1.2;
			color: white;
			margin-top: 15px;
			white-space: normal;
		}
		main section#recipes ul.recipes li.recipe label figcaption .ttl {
			display: block;
		}
		main section#recipes ul.recipes li.recipe label figcaption .hl {
			display: block;
			font-weight: 900;
			font-size: 2.5rem;
			color: var(--yellow);
			text-transform: uppercase;
			margin-inline: -50px;
		}
		main section#recipes ul.recipes li.recipe label figcaption .nl {
			display: block;
			font-weight: 400;
			font-size: 2.2rem;
			opacity: 0.8;
		}
		main section#recipes ul.recipes li.recipe label figcaption .dsc {
			display: -webkit-box;
			margin-top: 15px;
			font-weight: 400;
			font-size: 2rem;
			line-height: 1.3;
			opacity: 1;
			-webkit-font-smoothing: antialiased;
			-webkit-line-clamp: 3;
			overflow: hidden;
			line-clamp: 3;
			-webkit-box-orient: vertical;
		}
		main section#recipes ul.recipes li.recipe label figcaption .dsc p {
			font-size: inherit;
			line-height: inherit;
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm {
			display: block;
			position:relative;
			width: calc(100% + 100px);
			text-align: center;
			margin: 15px 0 0 -50px;
			padding: 0;
			list-style: none;
			text-align: center;
			color: white;
			font-size: 1.5rem;
			line-height: 1.2;
			white-space: nowrap;
			outline: 1px dotted orange;
			outline: none;
			/* left: 50%; */
			/* transform: translateX(-50%); */
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li {
			display: inline-block;
			vertical-align: top;
			white-space: normal;
			outline: 1px dotted green;
			outline: none;
			margin-left: 10px;
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li i {
			display: block;
			position: relative;
			width: 40px;
			height: 40px;
			margin: 0 0 -40px 0;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li em {
			display: block;
			position: relative;
			margin: 0 0 0 45px;
			text-align: left;
			font-style: normal;
			max-width: 70px;
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li em:before {
			display: block;
			white-space: nowrap;
			opacity: 0.5;
			font-size: 0.7em;
		}
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="tim"] em:before { content:"Elkészítési idő:"; }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"] em:before { content:"Nehézség:"; }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="por"] em:before { content:"Adag:"; }
		
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="tim"] i { background-image: url("../../images/icon/recipes/time.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"][data-value="könnyű"         ] i { background-image: url("../../images/icon/recipes/difficulty-1.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"][data-value="közepes"        ] i { background-image: url("../../images/icon/recipes/difficulty-3.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"][data-value="közepesen nehéz"] i { background-image: url("../../images/icon/recipes/difficulty-4.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"][data-value="nehéz"          ] i { background-image: url("../../images/icon/recipes/difficulty-5.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="dif"][data-value="nagyon nehéz"   ] i { background-image: url("../../images/icon/recipes/difficulty-5.svg"); }
		main section#recipes ul.recipes li.recipe label figcaption ul.prm li[data-label="por"] i { background-image: url("../../images/icon/recipes/portions.svg"); }
		
		main section#recipes .buttons {
			margin-top:25px;
			margin-bottom: 50px;
		}
		main section#recipes .figures {
			height: var(--recipes);
			margin-bottom: calc(-1 * var(--recipes));
		}
		main section#recipes .figures figure[data-label="7" ] { /* paradicsom   */right: -14%;top: -1%;width: 16vw;height: 16vw;transform: scale(-1,1) rotate(35deg);}
		main section#recipes .figures figure[data-label="18"] { /* pirospaprika */left: -7%;top: 59%;width: 10vw;height: 10vw;}
		main section#recipes .figures figure[data-label="31"] { /* erőspaprika  */right: -2%;bottom: 10%;width: 80px;height: 100px;}

		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {
			:root {--recipes: 1060px;}
			main section#recipes .figures figure[data-label="7" ] { /* paradicsom   */right: -14%;top: -3%;width: 190px;height: 250px;transform: scale(-1,1) rotate(35deg);}
			main section#recipes .figures figure[data-label="18"] { /* pirospaprika */left: -7%;top: 56%;width: 100px;height: 60px;}
		}
		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
			:root {--recipes: 1100px;}
			main section#recipes .figures figure[data-label="7" ] { /* paradicsom   */right: -14%;top: -3%;width: 190px;height: 250px;transform: scale(-1,1) rotate(35deg);}
			main section#recipes .figures figure[data-label="18"] { /* pirospaprika */left: -7%;top: 56%;width: 100px;height: 60px;}
		}
		/* -MS */ @media screen and (min-width:0px) and (max-width: 859px) {
			main section#recipes ul.recipes li.recipe label figcaption .hl {padding-inline: 15%;}
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			:root {--recipes: 1100px;}
			main section#recipes .figures figure[data-label="7" ] { /* paradicsom   */right: -14%;top: -3%;width: 190px;height: 250px;transform: scale(-1,1) rotate(35deg);}
			main section#recipes .figures figure[data-label="18"] { /* pirospaprika */left: -7%;top: 56%;width: 100px;height: 60px;}
		}
		/*  -XS   */ @media screen and (min-width: 0px) and (max-width: 579px) {
			main section#recipes .figures figure[data-label="7" ] { /* paradicsom   */right: -8%;top: -2%;width: 20vw;height: 20vw;transform: scale(-1,1) rotate(35deg);}
			main section#recipes .figures figure[data-label="18"] { /* pirospaprika */left: -7%;top: 58%;width: 10vw;height: 10vw;}
			main section#recipes .figures figure[data-label="31"] { /* erőspaprika  */right: -2%;bottom: 16%;width: 10vw;height: 10vw;}
		}
		
		/* XXXXL   */ @media screen and (min-width:1600px)                        { }
		/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { }
		/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { }
		/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { }
		/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { }
		/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { }
		/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { }
		/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { }
		/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { }
		/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { }
		/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { }
		/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { }
		/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { }
		/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { }
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { }
		/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { 
			main section#recipes .buttons { margin-top: 0px; margin-bottom: 50px; }
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { }
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { }
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { }
		/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { }
		/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { }
		/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { }
		/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { }
		/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { }
		/*    MS1  */ @media screen and (min-width: 760px) and (max-width: 859px) { }
		/*    MS2  */ @media screen and (min-width: 700px) and (max-width: 759px) { }
		/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { }
		/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { }


		/* S-L */ @media screen and (min-width: 700px) and (max-width:1039px) {
			main section#recipes ul li { width: calc(50% - 30px); }
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#recipes .frame .mirror-inner {
				padding-inline:20px;
				padding-bottom: 50px;
			}
			main section#recipes ul.recipes { 
				width:100%;
			}
			main section#recipes ul.recipes li.recipe {
				display:block;
				width:100%;
				margin:0 0 50px 0;
			}
			main section#recipes ul.recipes li.recipe label figure {
				width:60%;
			}
			main section#recipes ul.recipes li.recipe label figcaption {
				margin-top:0;
				margin-bottom:20px;
			}
			main section#recipes ul.recipes li.recipe label figcaption ul.prm { width: auto; text-align: center; margin-top: 15px; }
			main section#recipes ul.recipes li.recipe label figcaption ul.prm > li { padding-inline:5px; }
		}











	/* 											*/
	/* 	RESTAURANTS								*/
	/* 											*/

		main section#restaurants {
		}
		main section#restaurants .mirror {
		}
		main section#restaurants .frame .mirror-inner {
			padding: 60px 35px 0 35px;
		}
		main section#restaurants .background {}
		main section#restaurants h2 {
			color: var(--yellow);
		}
		main section#restaurants .restaurants {
			display: block;
			margin: 25px 0 0 0; 
			padding: 0;
			width: 100%;
			aspect-ratio:1/1;
		}
		main section#restaurants .restaurants .restaurant-map {
			width: 100%;
			height: 100%;
		}
		main section#restaurants .map-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
		}
		main section#restaurants .map-wrapper #map {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		main section#restaurants .map-wrapper #map canvas {
			width: 100%!important;
			height: auto!important;
			aspect-ratio:1/1;
		}
		
		.maplibregl-ctrl-zoom-in,
		.maplibregl-ctrl-zoom-out,
		.maplibregl-ctrl-reset {
			font-size:   25px !important;
			line-height: 50px !important;
			width:       50px !important;
			height:      50px !important;
		}
		.maplibregl-ctrl-zoom-in svg,
		.maplibregl-ctrl-zoom-out svg,
		.maplibregl-ctrl-reset svg {
			width:  25px !important;
			height: 25px !important;
		}
		.mapboxgl-ctrl.mapboxgl-ctrl-attrib, .maplibregl-ctrl.maplibregl-ctrl-attrib {
			background-color: transparent;
		}
		.maplibregl-ctrl-attrib-inner {
			font-size: 1rem;
		}
		.maplibregl-ctrl-bottom-right.mapboxgl-ctrl-bottom-right {
		}
		
		/* FAKE MAP */
		
		main section#restaurants .fake-map {
			position: relative;
			background-image: url("../../images/map/light.webp");
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			aspect-ratio:2/1;
			margin: 50px;
			border-bottom:50px solid rgba(255,255,255,0.00);
		}
		main section#restaurants .fake-map:before {
			content:"";
			display: block;
			position: absolute;
			inset:0;
			background-color: rgba(10,10,21,0.60);
		}
		main section#restaurants .fake-map figcaption {
			position: absolute;
			inset:0;
			font-family: Metro;
			font-weight: 500;
			-webkit-font-smoothing:antialiased;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 2.75rem;
			line-height: 1.2;
			letter-spacing: 0.5pt;
			color: white;
			text-transform: uppercase;
		}
		main section#restaurants .frame {
			margin-bottom: 85px;
		}
		
		main section#restaurants .figures {
			height: var(--restaurants);
			margin-bottom: calc(-1 * var(--restaurants));
		}
		main section#restaurants .figures figure[data-label="18"] { /* pirospaprika   */ right: -5%;top: 2%;width: 150px;height: 150px;transform: scale(1,1) rotate(-130deg); }
		main section#restaurants .figures figure[data-label="29"] { /* répa           */ left: -15%;top: -45%;width: 300px;height: 300px;transform: scale(-1,1) rotate(-1deg); }

		/* L */ @media screen and (min-width: 960px) and (max-width:1039px) {
			main section#restaurants .figures figure[data-label="18"] { /* pirospaprika   */width: 11vw;height: 11vw; }
			main section#restaurants .figures figure[data-label="29"] { /* répa           */left: -19%;width: 25vw;height: 25vw; }
		}
		/* M */ @media screen and (min-width: 860px) and (max-width: 959px) {
			main section#restaurants .figures figure[data-label="18"] { /* pirospaprika   */width: 11vw;height: 11vw; }
			main section#restaurants .figures figure[data-label="29"] { /* répa           */left: -19%;width: 25vw;height: 25vw; }
		}
		/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {
			main section#restaurants .figures figure[data-label="18"] { /* pirospaprika   */width: 9vw;height: 11vw;}
			main section#restaurants .figures figure[data-label="29"] { /* répa           */left: -19%;width: 20vw;height: 20vw;}
		}
		/* -S */  @media screen and (min-width: 0px) and (max-width: 699px) {
			main section#restaurants .frame .mirror-inner { padding: 15px 35px 0 35px; }
			main section#restaurants .restaurants { display: block; }
			main section#restaurants .restaurants .restaurant-map { }
			main section#restaurants .map-wrapper {width: 100%;height: auto;aspect-ratio: 1/1;}
			main section#restaurants .figures figure[data-label="18"] { /* pirospaprika   */width: 11vw;height: 11vw; }
			main section#restaurants .figures figure[data-label="29"] { /* répa           */left: -19%;width: 25vw;height: 25vw; }
		}
		/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {
		}
		/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {
		}
		/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {
			main section#restaurants .fake-map { aspect-ratio:1/1; }
		}








			/* XXXXL   */ @media screen and (min-width:1600px)                        {  }
			/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) {  }
			/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) {  }
			/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) {  }
			/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) {  }
			/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) {  }
			/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) {  }
			/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) {  }
			/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) {  }
			/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) {  }
			/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) {  }
			/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) {  }
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) {  }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) {  }
			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) {  }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) {  }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) {  }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) {  }
			/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) {  }
			/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) {  }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) {  }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) {  }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) {  }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) {  }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) {  }
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) {  }
			


			/*     S   */  @media screen and (min-width: 0px) and (max-width: 699px) {
				#top-banner .hero-background {padding-bottom: 0;}
			}	
			/*  Mobile  */ @media screen and (min-width: 0px) and (max-width: 1139px) {
			}


#toc {

}

#food-offer {
	XXXXdisplay: none;
}
#influencers,
#ambassadors,
#toc,
#top-banner,
#event,
#facts,
#b2b,
#partners,
#recipes,
#interests {

}
#restaurants {
	XXXdisplay: none;
}


#top-banner { Xdisplay: none; } 
#facts      { Xdisplay: none; }
#interests  { Xdisplay: none; }
#recipes    { Xdisplay: none; }
#event      { Xdisplay: none; }
#b2b        { Xdisplay: none; }
#partners   { Xdisplay: none; }
#restaurants{ Xdisplay: none; }

.figures {
	/* outline: 1px dashed cyan!important; */
	/*pointer-events: all!important;*/
	pointer-events: none;
}
.illustrations {
	/* outline: 1px dashed orange!important; */
	/*pointer-events: all!important;*/
	pointer-events: none;
}