@charset "UTF-8";
/* CSS Document */
:root {
	--blue:      #014282;
	--yellow:    #FFE619;
	--red:       #D1242E;
	--orange:    #f44a02;
	--green:     #0090A5;
	--white:     #FFFFFF;
	--logo_width:130px;
	--title_shadow_color:rgba(40,65,91,0.25);
	--timeline_items:20;
	--year_other: font-size:2rem; 
	--year_current: font-size:5rem; 
	--badge_size:120px;
	--product_spacing:20px;
	--star_size:200px;
	--product_icon_size:35px;

	--level1_title:1.4rem;
	--level1_copy:1.4rem;

}
	html,body {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 10px;
		line-height: 13px;
		color: #333;
		font-family: Lato;
		font-weight: normal;
	}
	html {
		overflow: hidden;
		overflow-y: overlay;
		-webkit-user-select: none;
		-webkit-user-select: none;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior-x: none;
	}
	body {
		overflow: hidden;
		overflow-y: hidden;
		overflow: visible;
		min-height: 100vw;
		min-height: 100svh;
		min-height: 100dvh;
	}
	body * {box-sizing: border-box;}
	h1,h2,h3,h4,h5,h6,p {
		margin: 0;
		padding: 0;
		font-size: 0.75em;
		line-height: 1.25;
	}
	p.bigger {
		font-size: 2rem;
		line-height: 1.25;
		margin-bottom: 10px;
	}
	div, figure, h1, i {
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}
	ul,ol,ul li, ol li {
		display: block;
		vertical-align: top; 
		margin: 0; padding: 0;
		list-style: none;
	}
	a { 
		color: inherit;
		text-decoration: none;
	}
	figure {margin: 0; padding: 0;}
	.mirror {
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
	.mirror-inner {
		
	}
	em { font-style: normal; }

	@media screen and (min-width:1600px)                        { .mirror { width:1500px; }	}
	@media screen and (min-width:1440px) and (max-width:1599px) { .mirror { width:1400px; }	}
	@media screen and (min-width:1240px) and (max-width:1439px) { .mirror { width:1200px; }	}
	@media screen and (min-width:1040px) and (max-width:1239px) { .mirror { width:calc(100% - 100px);}	}
	@media screen and (min-width: 960px) and (max-width:1039px) { .mirror { width:calc(100% - 100px);}	}
 	@media screen and (min-width: 860px) and (max-width: 959px) { .mirror { width:calc(100% - 100px);}	}
 	@media screen and (min-width: 700px) and (max-width: 859px) { .mirror { width:calc(100% - 100px);}	}
 	@media screen and (min-width: 580px) and (max-width: 699px) { .mirror { width:calc(100% - 20px); }	}
 	@media screen and (min-width: 310px) and (max-width: 579px) { .mirror {width:calc(100% - 20px);padding-bottom: 30px;}	}

	@media screen and (min-width:   0px) and (max-width: 859px) {}
	@media screen and (min-width: 860px) and (max-width:1039px) {}
	@media screen and (min-width:1040px)                        {}


/*								*/
/*	KERNING 					*/
/*								*/

	h2 u,
	button u{
		display: inline-block;
		letter-spacing: -0.02em;	
		text-decoration: none;
	}

/*								*/
/*	LAYERS 						*/
/*								*/

	header { z-index: 10000; }
	main   { z-index: 5000; }
	footer { z-index: 0;}
	.popup { z-index: 15000; }
	.menu-outside-area { z-index: 10; }

/*								*/
/*	SETTINGS					*/
/*								*/

	XXheader { overflow-x:hidden; width: 100vw; }
	XXmain   { overflow-x:hidden; width: 100vw; }
	XXfooter { overflow-x:hidden; width: 100vw; }

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

		.hash-placeholder {
			display: block;
			position: relative;
			top: -70px;
			width: 100%;
			height: 0px;
			overflow: hidden;
			background-color: rebeccapurple;
			background-color: transparent;
			z-index: 999;
		}
		.background {
			width: 100%;
			padding:0;
		}
		.spacer {
			width: 100%;
			height: 75px;
			position: relative;
			bottom: -75px;
			bottom: 0;
		}
		/* spacers */
		
			.spacer { float:none; clear: both; display: block; 	}
			.spacer[data-size="small"] { height: 15px; }
			.spacer[data-size="medium"] { height: 25px; }
			.spacer[data-size="big"] { height: 40px; }
		
		/* character styles */
		
			.wbp { white-space: nowrap; }
		
		/* footnotes */

			.footnotes { position:relative; left: -20px;  margin:0; padding:0 0 0 30px; font-size:12px; line-height:16px; color: #999999; text-align: left; }
			.footnotes .footnote-item { margin:0; padding:0; list-style:none; }
			.footnotes .footnote-item:before { display:block; position:relative; left:-35px; top:0; width:30px; height:20px; margin:0 0 -20px 0; text-align:right; font-size: 12px; line-height: 16px; }
			.footnotes .footnote-item:nth-child(1):before { content:"*"; }
			.footnotes .footnote-item:nth-child(2):before { content:"**"; }
			.footnotes .footnote-item:nth-child(3):before { content:"***"; }
			.footnotes .footnote-item:nth-child(4):before { content:"****"; }
			.footnotes .footnote-item:nth-child(5):before { content:"*****"; }

		/* links */

			.same-site-link    { text-decoration: underline; }
			.foreign-site-link { text-decoration: underline; font-weight: bold; color: #25408e; }

				/* skins */
				
					.css.skn-2 .same-site-link,
					.css.skn-2 .foreign-site-link { color: #f7ec40; }

		
		
/*								*/
/*	HEADER 						*/
/*								*/

	.header-placeholder {
		height: 75px;
		overflow: hidden;
		background-color: white;
		background-color: var(--blue);
		background-color: var(--yellow);
	}
	header {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		height: 75px;
		opacity: 0.2;
		opacity: 1;
		color: white;
		backdrop-filter:blur(10px);
	}
	header:before {
		content:"";
		display: block;
		position: absolute;
		width: 100%;
		height: 75px;
		background-color:var(--yellow);
		backdrop-filter:blur(1px);
		box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);
		opacity: 0.8;
	}
	header .mirror {
		padding-bottom: 0;
		height: inherit;
	}

	/* menu */
	
	#menubar {
		position: relative;
		white-space: nowrap;
		overflow: hidden;
		overflow: visible;
		height: inherit;
		z-index: 10;
	}
	#menubar h1.logo {
		display: inline-block;
		position: relative;
		z-index: 9;
		vertical-align: middle;
		width: var(--logo_width);
		height: 100%;
		margin: 0 0 0 0;
		text-indent: -1000em;
		background-image: url(../../images/logo/metro-nagykereskedelem-logo-pos.webp);
		aspect-ratio:505/211;
	}
	#menubar h1.logo > a {
		display: inline-block;
		position: absolute;
		inset:0;
		text-decoration: none;
		background-color: rgba(186,186,78,0.56);
		background-color: transparent;
	}
	#menubar a.menu-toggle {
		display: block;
		position: fixed;
		text-decoration: none;
		color: var(--blue);
		width: 30px;
		height: 75px;
		text-align: right;
		right: 15px;
		top: 0px;
	}
	#menubar a.menu-toggle i {
		font-size: 30px;
		line-height: 75px;
		z-index: 15;
	}
	#menubar a.menu-toggle i:before { content:"\EC06"; }
	html[data-menu="1"] #menubar a.menu-toggle i:before { content:"\EBAB"; }
	#menubar .menu-container {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		width: calc(100% - var(--logo_width));
		font-size: 0;
		line-height: 0;
		text-align: right;
		user-select: none;
		padding: 0 0 0 0;
		z-index: 10;
	}
	#menubar ul.menu {
		position: relative;
		font-family: Metro;
		font-weight: 600;
		letter-spacing: 0.2pt;
		color: var(--blue);
	}
	#menubar ul.menu[data-animating="1"] {
		transition: transform .2s ease, opacity 0.5s ease;
	}
	#menubar ul.menu li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5rem;
		line-height: 1.2;
		text-transform: uppercase;
	}
	#menubar ul.menu li a {
		display: block;
		padding: 5px 15px;
	}
	#menubar ul.menu li.current a {
	}
	#menubar ul.menu li a * { pointer-events: none; }
	.menu-outside-area {
		display: block;
		position: fixed;
		left:0;
		top: 0;
		width: 100vw;
		height: 100vh;
		opacity: 0.5;
		background-color: var(--blue);
		backdrop-filter:blur(5px);
		-webkit-backdrop-filter:blur(5px);
	}
	html[data-menu="0"] .menu-outside-area { display: none; }

		@media screen and (min-width:1440px) {
			#menubar a.menu-toggle { display: none; }
		}
		@media screen and (max-width:1439px) {
			#menubar a.menu-toggle { display: block; }
			#menubar .menu-container {
				margin-top: 75px;
				margin-top: 0;
				overflow: hidden;
			}
			html[data-menu="0"] #menubar .menu-container { pointer-events: none; }
			html[data-menu="0"] #menubar .menu-container ul.menu {
				transform:translateY(-100%);
				opacity: 1;
				pointer-events: none;
			}
			html[data-menu="1"] #menubar .menu-container ul.menu  {
				transform:translateY(0%);
				opacity: 1;
			}
			#menubar .menu-toggle {z-index: 11;}
			#menubar .menu-container {
				position: fixed;
				left: 50%;
				transform: translateX(-50%);
				width: calc(100vw);
				overflow: hidden;
			}
			#menubar .menu-container ul.menu {
				background-color: var(--yellow);
				opacity: 0.9;
				padding: 35px 0 35px 0px;
			}
			#menubar .menu-container ul.menu li {
				display: block;
				font-size: 2.0rem;
				line-height: 1.2;
				padding-bottom: 8px;
				text-align: center;
			}
		}

		@media screen and (min-width:1600px)                        { }
		@media screen and (min-width:1440px) and (max-width:1599px) { }
		@media screen and (min-width:1240px) and (max-width:1439px) { }
		@media screen and (min-width:1040px) and (max-width:1239px) { }
		@media screen and (min-width: 960px) and (max-width:1039px) { }
		@media screen and (min-width: 860px) and (max-width: 959px) { }
		@media screen and (min-width: 700px) and (max-width: 859px) { }
		@media screen and (min-width: 580px) and (max-width: 699px) { }
		@media screen and (min-width: 310px) and (max-width: 579px) { }











			/*  Desktop  */ @media screen and (min-width: 860px) and (max-width: 99999px) {
				.responsives div[data-label="mobile"]  { display:none; }
				.responsives table[data-label="desktop"] { display:table; }
			}
			/*  Mobile  */ @media screen and (min-width: 0px) and (max-width: 859px) {
				.responsives div[data-label="mobile"]  { display:block; }
				.responsives table[data-label="desktop"] { display:none; }
			
				.responsives { font-weight: normal!important; }
				
				.simple-table-narrow {
				}
				.simple-table-narrow ul li {
					display: block;
					margin-bottom: 10px;
					text-align: left;
					outline: 1px solid red;
					outline: none;
				}
				.simple-table-narrow ul li span {
					display: block;
				}
				.simple-table-narrow ul li span:before {
					display: inline-block;
					padding: 0;
					margin: 0 5px 0 0;
					opacity: 0.5;
					background-color: rgba(245,245,220,0.77);
					background-color: transparent;
				}
				.simple-table-narrow ul li span:nth-child(1):before { content:"Vásárlási időszak: "; }
				.simple-table-narrow ul li span:nth-child(2):before { content:"Sorsolás napja: "; }
				.simple-table-narrow ul li span:nth-child(3):before { content:"Vásárlási időszak alatti vásárlások bruttó összértéke: "; }
				.simple-table-narrow ul li span:nth-child(4):before { content:"Ajándék: "; }
				.simple-table-narrow ul li span:nth-child(5):before { content:"Ajándékok száma havonta: "; }
				
				.simple-table-narrow ul li:last-child span:nth-child(1):before { content:""; margin: 0;}
				
				

			}

			/*						*/
			/*	COOKIE CONSENT 		*/
			/*						*/
		
			/* section: COOKIE CONSENT */

			.cookie-consent .mirror { position:relative; left:50%; transform:translateX(-50%); }
			@media screen and (min-width:1640px)                        { .cookie-consent .mirror { width: 1500px; }}
			@media screen and (min-width:1440px) and (max-width:1639px) { .cookie-consent .mirror { width: 1350px; }}
			@media screen and (min-width:1240px) and (max-width:1439px) { .cookie-consent .mirror { width: 1150px; }}
			@media screen and (min-width:1040px) and (max-width:1239px) { .cookie-consent .mirror { width: 1000px; }}
			@media screen and (min-width: 960px) and (max-width:1039px) { .cookie-consent .mirror { width:  900px; }}
			@media screen and (min-width: 860px) and (max-width: 959px) { .cookie-consent .mirror { width:  800px; }}
			@media screen and (min-width: 700px) and (max-width: 859px) { .cookie-consent .mirror { width:  680px; }}
			@media screen and (min-width: 580px) and (max-width: 699px) { .cookie-consent .mirror { width: calc(100% - 60px); }}
			@media screen and (min-width: 310px) and (max-width: 579px) { .cookie-consent .mirror { width: calc(100% - 30px); }}
			@media screen and (min-width:   0px) and (max-width: 309px) { .cookie-consent .mirror { width: calc(100% - 30px); }}

			.cookie-consent em { font-style: normal; }
			.cookie-consent { text-align: left; }
			.cookie-consent .pane { text-align: left; }
			
			a.cookie-consent-enabler {
				position: fixed;
				display: block;
				bottom: 0px;
				left: 5px;
				transform-origin: left top;
				transform:rotate(-90deg);
				color: white;
				text-decoration: none;
				font-size: 1.2rem;
				line-height: 1.4;
				opacity: 0.5;
				padding: 5px 10px;
				border-radius: 15px;
				background-color: rgba(0,0,0,0.5);
			}
			@media screen and (min-width: 0px) and (max-width: 699px) {
				body { padding-bottom: 25px; }
				a.cookie-consent-enabler {
					transform:translate(-50%,-10px);
					left: 50%;
					z-index: 999;
				}		
			}
			a.cookie-consent-enabler:hover { text-decoration: none; opacity: 1; }
			.cookie-consent-enabler i { color: #FFE402; }
			.cookie-consent-enabler i:before { content:"\E964"; }
			.cookie-consent-enabler em { font-style: normal; margin-left: 5px; }
			.cookie-consent-enabler em:before { content:"Cookie beállítások"; }

			html                          .cookie-consent-enabler { display: none; }
			html[data-cookie_consent="0"] .cookie-consent-enabler { display: block; }

			.cookie-consent {
				position: fixed;
				z-index: 2000;
				bottom: 0;
				left: 0;
				width: 100%;
				height: auto;
				padding: 15px;
				background-color: white;
				box-shadow: 0 0 15px 0 rgba(0,0,0,0.44);
				transition: all 0.5s ease;
			}
			.cookie-consent, .cookie-consent * {
						user-select: none;
				-webkit-user-select:none;
					 -o-user-select:none;
					-ms-user-select:none;
			}
			.cookie-consent .mirror {
				position: relative;
				left: 50%;
				transform: translateX(-50%);
			}
			.cookie-consent h2 {
				font-family: Metro;
				font-weight: bold;
				font-size: 2.5rem;
				line-height: 1.3;
				margin-bottom: 10px;
			}
			.cookie-consent p {
				font-family: Lato;
				font-size: 1.3rem;
				line-height: 1.3;
			}

			.cookie-consent .pane[data-label="dialog"] {
			}
			.cookie-consent .pane[data-label="confirm"] {
				margin-bottom: 15px;
			}
			.cookie-consent .pane[data-label="info"] {
				margin-bottom: 15px;
			}

			.cookie-consent .pane { display: none; }
			.cookie-consent[data-pane="buttons"] .pane[data-label="buttons"],
			.cookie-consent[data-pane="confirm"] .pane[data-label="confirm"],
			.cookie-consent[data-pane="confirm"] .pane[data-label="buttons"] {
				display: block;
			}
			.cookie-consent[data-info="0"] .pane[data-label="info"] {display: none;}
			.cookie-consent[data-info="1"] .pane[data-label="info"] {display: block;}

			.accept-some-cookies {
				display: block;
			}
			.accept-all-cookies {
				display: block;
				margin-top: 15px;
			}

			.switch {
				display: inline-block;
			}
			.switch .label {
				display: inline-block;
				font-family: Lato;
				font-size: 1.3rem;
				line-height: 1.1;
				padding: 0 10px 0 10px;
				max-width: 200px;
				vertical-align: middle;
			}
			.accept-all-cookies .switch .label { font-weight: bold; }

			@media screen and (min-width: 0px) and (max-width: 699px) { .switch .label { max-width:9999px; } }

			.switch .toggle {
				display: inline-block;
				vertical-align: middle;
				margin-bottom: 5px;
			}
			.switch input.real-switch {
				position: absolute;
				opacity: 0.3;
			}
			.switch .fake-switch {
				display: block;
				width: 64px;
				cursor: pointer;
				height: 30px;
				position: relative;
				background: #e6e8eb;
				box-shadow: rgb(0 20 50 / 20%) 0 1px 3px 0 inset;
				transition: background-color .18s ease-out;
				will-change: background-color;
				-webkit-appearance: none;
				appearance: none;
				padding: 0.25rem;
				border-width: initial;
				border-style: none;
				border-color: initial;
				border-image: initial;
				border-radius: 8rem;
			}
			.switch .fake-switch > svg {
				position: absolute;
				fill: #fff;
				width:  24px;
				height: 24px;
				transition: opacity 0.3s ease;
			}
			.switch .fake-switch > svg.on  { left: 5px; }
			.switch .fake-switch > svg.off { right:5px; }

			.switch .fake-switch > .marker {
				width:  22px;
				height: 22px;
				margin: 1px 2px;
				align-items: center;
				padding: 0 0.5rem;
				-webkit-user-select: none;
				-ms-user-select: none;
				user-select: none;
				-webkit-font-smoothing: antialiased;
				white-space: nowrap;
				position: absolute;
				top: 0.25em;
				right: 0;
				left: 0.25em;
				line-height: 2rem;
				text-align: center;
				box-sizing: border-box;
				pointer-events: none;
				overflow: hidden;
				background: #fff;
				box-shadow: rgb(0 20 50 / 20%) 0 1px 3px 0;
				transition: margin .25s ease;
				will-change: margin;
				border-radius: 8rem;
			}
			/* .switch:has(input:checked) .fake-switch, */         .cookie-consent[data-state="1"] > .fake-switch { background-color: #0064fe; }
			/*.switch:has(input:checked) .fake-switch > .marker,*/ .cookie-consent[data-state="1"] > .fake-switch > .marker { margin-left: 34px; }
			/*.switch input:checked ~ .fake-switch > svg.off,*/    .cookie-consent[data-state="1"] > .fake-switch > svg.off { opacity: 0; }
			/*.switch input:checked ~ .fake-switch > svg.on,*/     .cookie-consent[data-state="1"] > .fake-switch > svg.on  { opacity: 1; }

			.switch:has(input:checked) .fake-switch              { background-color: #0064fe; }
			.switch:has(input:checked) .fake-switch > .marker    { margin-left: 36px; }
			.switch input:checked    ~ .fake-switch > svg.off    { opacity: 0; }
			.switch input:checked    ~ .fake-switch > svg.on     { opacity: 1; }

			.cookie-consent                                      div[data-label="informations"] ul.cookie-types li {}
			.cookie-consent                                      div[data-label="informations"] ul.cookie-types li[data-type="basic"] {}

			.cookie-consent:has(input[name="cc-func"]:not(:checked))  div[data-label="informations"] ul.cookie-types li[data-type="func" ] { display:none; }
			.cookie-consent:has(input[name="cc-func"]:checked)        div[data-label="informations"] ul.cookie-types li[data-type="func" ] { display:block; }

			.cookie-consent:has(input[name="cc-promo"]:not(:checked)) div[data-label="informations"] ul.cookie-types li[data-type="promo"] { display:none; }
			.cookie-consent:has(input[name="cc-promo"]:checked)       div[data-label="informations"] ul.cookie-types li[data-type="promo"] { display:block; }



			/*.switch input:not(:checked) ~ .fake-switch > svg.off,*/ .cookie-consent[data-state="0"] .fake-switch > svg.off { opacity: 1; }
			/*.switch input:not(:checked) ~ .fake-switch > svg.on, */ .cookie-consent[data-state="0"] .fake-switch > svg.on  { opacity: 0; }

			.cookie-consent [data-label="copies"] {
				margin: 0 0 15px 0;
				font-size: 1.5rem;
				line-height: 1.3;
				text-align: left;
			}
			.cookie-consent [data-label="copies"] p a { color: #0064fe; text-decoration: underline;}
			.cookie-consent [data-label="details"] {}
			.cookie-consent [data-label="buttons"] { float:right; }
			@media screen and (min-width: 0px) and (max-width: 699px) { .cookie-consent [data-label="buttons"] { float:none; } }

			.cookie-consent [data-label="buttons"] a.button {
				display: inline-block;
				position: relative;
				text-decoration: none;
				background-color: white;
				color: #0064fe;
				background-color: #0064fe;
				color: white;
				border-radius: 4px;
				margin: 0 10px 10px 0;
				padding: 8px 12px 8px 12px;
				text-align: center;
				font-family: Lato;
				font-size: 1.6rem;
				line-height: 1.5;
				font-weight: bold;
				box-shadow: 0 3px 10px 0px rgb(0 0 0 / 20%);
				transition: all 0.3s ease;
			}
			.cookie-consent [data-label="buttons"] a.button:hover {
				background-color: #003A94;
				color: white;
			}
			.cookie-consent a.c-toggle-button {
				display: inline-block;
				position: relative;
				padding: 0;
				width: 15px;
				height: 15px;
				margin-bottom: -15px;
				border-radius: 15px;
				top: -3px;
				text-align: center;
				font-family: Lato;
				font-weight: bold;
				background-color:#33435b55;
				color: white!important;
				text-decoration: none!important;
				font-size: 1.2rem;
			}
			.cookie-consent a.c-toggle-button:hover {
				background-color:#33435b;
			}

			/* states */
			.cookie-consent         {bottom:-100vh;}
			.cookie-consent.visible { bottom:0; }
			.Xcookie-consent[data-state="0"] a.button { opacity: 0; pointer-events: none; }
			.Xcookie-consent[data-state="1"] a.button { opacity: 1; pointer-events: all; }
			html                          .cookie-consent,
			html[data-cookie_consent="0"] .cookie-consent {display: none;}
			html[data-cookie_consent="1"] .cookie-consent { display: block; }
			.cookie-consent[data-pane="confirm"] a.button[data-label="information"] { display: none; }

			div[data-label="informations"] ul.cookie-types {
				display: block;
				margin: 0; 
				padding: 0;
				list-style: none;
				font-family: Lato;
				color: #333333;
				font-size: 0;
				line-height: 0;
			}
			div[data-label="informations"] ul.cookie-types > li {
				list-style: none;
				display: block;
				border-bottom: 1px solid #CCC;
			}
			div[data-label="informations"] ul.cookie-types > li:first-child {
				font-weight: bold;
				text-transform: uppercase;
			}
			div[data-label="informations"] ul.cookie-types > li > span {
				display: inline-block;
				vertical-align: top;
				padding: 5px 0;
				font-size: 1.2rem;
				line-height: 1.2;
			}

			div[data-label="informations"] ul.cookie-types > li > span code {
				color:#0064fe;
				font-weight: bold;
				font-size: 0.9em;
			}
			div[data-label="informations"] ul.cookie-types > li > span:nth-child(1) {
				width: 200px;
			}
			div[data-label="informations"] ul.cookie-types > li > span:nth-child(2) {
				width: calc(100% - 410px);
				padding-right: 10px;

			}
			div[data-label="informations"] ul.cookie-types > li > span:nth-child(3) {
				width: 200px;
			}

			label.switch[data-type="mandatory"] {
				pointer-events: none;
			}
			label.switch[data-type="mandatory"] .toggle {
				opacity: 0.5;
			}

			@media screen and (min-width: 0px) and (max-width: 699px) {
				div[data-label="informations"] ul.cookie-types > li:first-child { display:none; }
				div[data-label="informations"] ul.cookie-types > li > span { display: block; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(1) { width: 100%; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(2) { width: auto; display: inline; padding-right: 0; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(3) { width:auto; display: inline; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(1):before { content:"Név: "; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(2):before { content:"Leírás: "; }
				div[data-label="informations"] ul.cookie-types > li > span:nth-child(3):before { content:"Élettartam: "; }

			}	

			.cookie-consent[data-basic="0"] {

			}
			.cookie-consent[data-promotion="0" ] .switch[data-name="promotion" ] { display: none; }
			.cookie-consent[data-functional="0"] .switch[data-name="functional"] { display: none; }
			
		

		/*						*/
		/*	DEV 				*/
		/*						*/
		
		#Xcharacters { display: none; }
		#Xthen-and-now { display: none; }
		#Xtestimonials { display: none; }
		
		
		/*							*/
		/*	DEBUG					*/
		/*							*/

			/* responsives */

			XXbody[data-location="site"]:before,
			body[data-location="development"]:before {
				content:" ";
				display: block;
				position: fixed;
				right: 0;
				bottom: 0;
				width: auto;
				background-color: #FFFFFFAA;
				box-shadow: 0 0 15px 0 #00000055;
				z-index: 9999999;
				font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
				font-size: 12px;
				line-height: 14px;
				color: black;
				padding: 10px 15px 10px 15px;
				border-left: 20px solid black;
			}
			
			/* XXXXL   */ @media screen and (min-width:1600px)                        { body[data-location="development"]:before { content:" XXXXL 1600px- ";     border-left-color:#F8FF20; } }
			
			/*  XXXL   */ @media screen and (min-width:1440px) and (max-width:1599px) { body[data-location="development"]:before { content:" XXXL  1440-1599px "; border-left-color:#00FF1B; } }
			
			/*   XXL   */ @media screen and (min-width:1240px) and (max-width:1439px) { body[data-location="development"]:before { content:" XXL   1240-1439px "; border-left-color:#0085AA; } }
			/*   XXL4  */ @media screen and (min-width:1400px) and (max-width:1439px) { body[data-location="development"]:before { content:" XXL   1240-1439px (XXL4 1400-1439px) "; border-left-color:#2CD0FF; } }
			/*   XXL3  */ @media screen and (min-width:1340px) and (max-width:1399px) { body[data-location="development"]:before { content:" XXL   1240-1439px (XXL3 1340-1399px) "; border-left-color:#A34FFF; } }
			/*   XXL2  */ @media screen and (min-width:1300px) and (max-width:1339px) { body[data-location="development"]:before { content:" XXL   1240-1439px (XXL2 1300-1339px) "; border-left-color:#FF1594; } }
			/*   XXL1  */ @media screen and (min-width:1240px) and (max-width:1299px) { body[data-location="development"]:before { content:" XXL   1240-1439px (XXL1 1240-1299px) "; border-left-color:#00E47C; } }
			
			/*    XL   */ @media screen and (min-width:1040px) and (max-width:1239px) { body[data-location="development"]:before { content:" XL    1040-1139px "; border-left-color:#02CEB5; } }
			/*    XL4  */ @media screen and (min-width:1200px) and (max-width:1239px) { body[data-location="development"]:before { content:" XL    1040-1239px (XL4 1200-1239px) "; border-left-color:#19FDE1; } }
			/*    XL3  */ @media screen and (min-width:1140px) and (max-width:1199px) { body[data-location="development"]:before { content:" XL    1040-1239px (XL3 1140-1199px) "; border-left-color:#0BB8FF; } }
			/*    XL2  */ @media screen and (min-width:1100px) and (max-width:1139px) { body[data-location="development"]:before { content:" XL    1040-1239px (XL2 1100-1139px) "; border-left-color:#006CFF; } }
			/*    XL1  */ @media screen and (min-width:1040px) and (max-width:1099px) { body[data-location="development"]:before { content:" XL    1040-1239px (XL1 1040-1099px) "; border-left-color:#3500FF; } }
			
			/*     L   */ @media screen and (min-width: 960px) and (max-width:1039px) { body[data-location="development"]:before { content:" L      960-1039px "; border-left-color:#0ED773; } }
			/*     M   */ @media screen and (min-width: 860px) and (max-width: 959px) { body[data-location="development"]:before { content:" M      860- 959px ";  border-left-color:#44D70E; } }
			/*    MS   */ @media screen and (min-width: 700px) and (max-width: 859px) { body[data-location="development"]:before { content:" MS     700- 859px ";  border-left-color:#A0D70E; } }
			/*     S   */ @media screen and (min-width: 580px) and (max-width: 699px) { body[data-location="development"]:before { content:" S      580- 699px ";  border-left-color:#D7CC0E; } }
			/*    XS   */ @media screen and (min-width: 520px) and (max-width: 579px) { body[data-location="development"]:before { content:" XS     520- 579px ";  border-left-color:#D7A60E; } }
			/*   XXS   */ @media screen and (min-width: 440px) and (max-width: 519px) { body[data-location="development"]:before { content:" XXS    440- 519px ";  border-left-color:#BDD70E; } }
			/*  XXXS   */ @media screen and (min-width: 330px) and (max-width: 439px) { body[data-location="development"]:before { content:" XXXS   330- 439px ";  border-left-color:#B1570B; } }
			/*  XXXS2  */ @media screen and (min-width: 400px) and (max-width: 439px) { body[data-location="development"]:before { content:" XXXS   330- 439px (XXXS2 400-439px)";  border-left-color:#E77616; } }
			/*  XXXS1  */ @media screen and (min-width: 330px) and (max-width: 399px) { body[data-location="development"]:before { content:" XXXS   330- 439px (XXXS1 330-399px)";  border-left-color:#F2C512; } }
			
			/* XXXXS   */ @media screen and (min-width:   0px) and (max-width: 329px) { body[data-location="development"]:before { content:" XXXXS    0- 329px ";  border-left-color:#B10B6D; } }



			/*     M2  */ @media screen and (min-width: 900px) and (max-width: 959px) { body[data-location="development"]:before { content:" M     860-959 (M2    900- 959px) ";  border-left-color:#0EC2D7; } }
			/*     M1  */ @media screen and (min-width: 860px) and (max-width: 899px) { body[data-location="development"]:before { content:" M     860-959 (M1    860- 899px) ";  border-left-color:#0ED7A5; } }
			
			/*     S2  */ @media screen and (min-width: 640px) and (max-width: 699px) { body[data-location="development"]:before { content:" S     640-699 (S2    640- 699px) ";  border-left-color:#C6BD17; } }
			/*     S1  */ @media screen and (min-width: 580px) and (max-width: 639px) { body[data-location="development"]:before { content:" S     580-639 (S1    580- 639px) ";  border-left-color:#BEB517; } }
			

			body[data-location="development"] .cols {
				outline: 1px dashed #12CE8D;
			}