/* Általános stílusok */

* {
	border: none;
	box-sizing: border-box;
	font-family: 'Grandstander', cursive;
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

*, :focus, :hover {
	outline: none !important;
}

body, html {
	font-size: 16px;
	scrollbar-width: thin;
	scroll-behavior: smooth;
}

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

input, textarea {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/*
main {
	position: relative;
	z-index: 90;
}
*/

.igazodas_bal {
	float: left;
}

.igazodas_jobb {
	float: right;
}

.rejtett {
	display: none;
	height: 0;
	width: 0;
}

/* Funkciók */

a.fo_funkcio,
div.fo_funkcio,
input.fo_funkcio,
a.al_funkcio,
div.al_funkcio,
input.al_funkcio {
	background-color: var(--button_color_1);
	border: 1px solid transparent;
	border-radius: 3rem;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	padding: 10px 20px;
	text-decoration: none;
	transition: all 0.2s ease;
}

a.fo_funkcio:hover,
div.fo_funkcio:hover,
input.fo_funkcio:hover {
	/* box-shadow: 0 0 7px rgba(0, 0, 0, 0.5); */
	transform: scale(1.07);
}

a.al_funkcio,
div.al_funkcio,
input.al_funkcio {
	color: var(--text_color_2);
	background-color: var(--button_color_4);
}

a.al_funkcio:hover,
div.al_funkcio:hover,
input.al_funkcio:hover {
	background-color: var(--button_color_5);
}

/* Szövegek */

main p.szoveg {
	padding: 20px 0;
}

h1.torzs_cim,
h2.torzs_cim,
h3.torzs_alcim,
p.torzs_cim {
	clear: both;
	color: var(--header_color_1);
	margin-bottom: 10px;
	text-align: center;
}

h1.torzs_cim a,
h2.torzs_cim a,
h3.torzs_alcim a,
p.torzs_cim a {
	color: var(--header_color_1);
	text-decoration: none;
}

h1.torzs_cim {
	font-size: 2rem;
}

h2.torzs_cim {
	font-size: 1.9rem;
	margin-bottom: 20px;
}

h3.torzs_alcim {
	font-size: 1.8rem;
	margin-bottom: 20px;
}

p.torzs_cim {
	font-size: 2rem;
	margin-bottom: 30px;
}

body.oldal_kezdo p.torzs_cim {
	text-align: center;
}

@media (min-width: 770px) {

	h1.torzs_cim {
		font-size: 2.4rem;
	}

	h2.torzs_cim {
		font-size: 2.1rem;
	}

	h3.torzs_alcim {
		font-size: 1.9rem;
	}

	p.torzs_cim {
		font-size: 2.6rem;
	}

	h1.torzs_cim,
	h2.torzs_cim,
	h3.torzs_alcim,
	p.torzs_cim {
		text-align: left;
	}

	body.oldal_kezdo p.torzs_cim {
		text-align: center;
	}

}

a.torzs_cim_ikon_link i {
	color: var(--text_color_3);
}

p.torzs_szoveg {
	color: var(--text_color_1);
	font-size: 1rem;
	line-height: 200%;
	padding: 10px 0;
	text-align: justify;
}

p.torzs_szoveg a {
	color: var(--text_color_1);
}

/* Egyedi checkbox */

div.checkbox_kontener {
	/*
	align-items: center;
	cursor: pointer;
	display: flex;
	*/
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

div.checkbox_kontener input[type='checkbox'] {
	cursor: pointer;
	height: 15px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 15px;
	z-index: -1;
}

div.checkbox_kontener label.checkbox_jelolo {
	display: inline-block;
	padding-left: 25px;
	position: relative;
	text-align: left;
}

div.checkbox_kontener label.checkbox_jelolo_rejtett {
	padding: 0;
}

div.checkbox_kontener label.checkbox_jelolo:before {
	background-color: #ffffff;
	content: "";
	cursor: pointer;
	height: 15px;
	left: 0;
	pointer-events: inherit;
	position: absolute;
	top: 0;
	transition: all 0.2s;
	width: 15px;
}

div.checkbox_kontener input:checked~.checkbox_jelolo:before {
	align-items: center;
	background-color: var(--button_color_1);
	border: 1px solid var(--button_color_1);
	color: #ffffff;
	content: "\f00c";
	display: flex;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	font-size: 10px;
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	justify-content: center;
}

div.checkbox_kontener label.checkbox_jelolo_rejtett:before {
	display: none;
}

/* Tárolók */

.tarto_teljes_szelesseg {
	margin: 0 auto;
	max-width: 100%;
}

.tarto_kulso {
	margin: 0 auto;
	max-width: 1920px;
}

.tarto_belso {
	margin: 0 auto;
	max-width: 1440px;
	padding: 0 0.5rem;
}

@media (min-width: 1200px) {

	.tarto_belso {
		padding: 0 2rem;
	}

}

/* Info sáv */

.info_sav_tarto_kulso {
	color: #fff;
	overflow: hidden;
	background-color: var(--background_color_5);
	text-align: center;
}

.info_sav_tarto_belso {
	align-items: center;
	display: flex;
	justify-content: center;
}

.info_sav_szoveg_tarto {
	width: 80%;
}

.info_sav_tarto_kulso p {
	padding: 10px 5px;
	font-size: 0.85rem;
	font-weight: bold;
}

.info_sav_tarto_kulso a {
	color: #fff;
}

.info_sav_tarto_belso button {
	align-items: center;
	background-color: transparent;
	border: none;
	display: flex;

}

.info_sav_tarto_belso span {
	color: var(--text_color_4);
	cursor: pointer;
	display: block;
	font-size: 1.3rem;
	-ms-transform: rotate(45deg);
	/* IE9 */
	-moz-transform: rotate(45deg);
	/* FF3.5/3.6 */
	-o-transform: rotate(45deg);
	/* Opera 10.5 */
	-webkit-transform: rotate(45deg);
	/* Saf3.1+ */
	transform: rotate(45deg);
	transition: color ease 0.2s;

}

.info_sav_tarto_belso span:hover {
	color: #ffffff;
}

/* Fejléc */

header {
	margin-bottom: 0;
	display: block;
}

#header_belso {
	background-color: var(--background_color_6);
	box-shadow: 0px 6px 3px rgba(0, 0, 0, 0.15);
	/* align-items: center; */
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: center;
	position: relative;
	z-index: 1030;
}

/*
#header_belso p
{
	padding: 50px 20px;
}
*/

header.header_fixalt #header_belso {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
}

header.header_fixalt.header_rejtett #header_belso {
	transform: translateY(calc(-100% - 40px));
	transition: transform ease 0.4s;
}

header.header_fixalt.header_lathato #header_belso {
	transform: translateY(0);
	transition: transform ease 0.4s;
}

/* Fejléc tartalom */

div#header_tartalom {
	width: 100%;
	/* z-index: 100; */
}

@media only screen and (min-width: 1024px) {
	div#header_tartalom {
		max-width: 1440px;
		width: 95%;
	}
}

div#menu_tarto_mobil {
	position: relative;
}

div#header_tartalom div#logo_tarto_asztali,
div#header_tartalom div#header_elem_1_tarto {
	display: none;
}

div#header_tartalom div#header_elem_2_tarto {
	display: flex;
	flex-wrap: nowrap;
	height: 3em;
	width: 100%;
}

div#header_tartalom div#header_elem_tarto a,
div#header_tartalom div#header_elem_tarto div#din_kosar_felso_tartalom {
	align-items: center;
	color: var(--text_color_7);
	cursor: pointer;
	display: flex;
	/* height: 100%; */
	flex-grow: 1;
	font-size: 20px;
	justify-content: center;
	outline: none;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
}

div#header_tartalom div#header_elem_tarto a.aktiv,
div#header_tartalom div#header_elem_tarto a:not(.aktiv) {
	background-color: transparent !important;
}

div#header_tartalom div#header_elem_tarto a span {
	font-size: 15px;
}

svg.header_alj {
	fill:var(--background_color_6);
	-webkit-filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.15));
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

@media only screen and (min-width: 1024px) {

	div#header_tartalom div#header_elem_tarto {
		align-items: center;
		/* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
		display: flex;
		flex-wrap: nowrap;
		/* height: auto; */
		justify-content: space-between;
		padding: 20px 0;
	}

	div#header_tartalom div#logo_tarto_asztali {
		display: block;
		/* flex-shrink: 1; */
		order: 1;
		padding-right: 5px;
	}

	div#header_tartalom div#header_elem_1_tarto,
	div#header_tartalom div#header_elem_2_tarto {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
	}

	div#header_tartalom div#header_elem_1_tarto {
		order: 2;
		padding: 0 20px;
		text-align: center;
	}

	div#header_tartalom div#header_elem_2_tarto {
		/* display: flex; */
		/* justify-content: right; */
		max-width: 50%;
		order: 3;
		padding: 20px 0 20px 5px;
		width: auto;
	}

	div#header_tartalom div#header_elem_2_tarto form#altalanos_deviza_urlap {
		padding-left: 1px;
	}

	div#header_tartalom div#header_elem_tarto div#header_elem_2_tarto a,
	div#header_tartalom div#header_elem_tarto div#header_elem_2_tarto div#altalanos_nyelv_deviza_tarto_asztali {
		background: transparent !important;
		/* flex-grow: 0; */
		padding-left: 15px;
	}

	div#header_tartalom div#header_elem_tarto div#logo_tarto a,
	div#header_tartalom div#header_elem_tarto div#header_elem_1_tarto a {
		background: transparent !important;
	}

	div#header_tartalom div#header_elem_tarto p.header_szoveg,
	div#header_tartalom div#header_elem_tarto p.header_szoveg a {
		color: var(--text_color_1);
		font-size: 0.8125rem;
	}

	div#header_tartalom div#header_elem_tarto p.header_szoveg a {
		display: inline;
	}
	
	svg.header_alj {
		height: 30px;
	}

}

/* Logó */

div#logo_tarto img {
	margin: 0 auto;
	max-height: 50px;
	max-width: 150px;
	padding: 5px 0;

}

/* Általános kereső űrlap */

div#altalanos_kereso_tarto_mobil {
	position: relative;
	/* width: 100%; */
	z-index: 1000;
}

/*
div#altalanos_kereso_tarto_asztali
	{
	position: static;
	}
*/

div#altalanos_kereso_urlap_tarto {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 10px;
	transition: all 0.2s ease-in-out;
	transform: translateY(10px);
	width: 96%;
	/* z-index: 0; */
}

div#altalanos_kereso_urlap_tarto.aktiv {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
	/* z-index: 101; */
}

form#altalanos_kereso_urlap {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

form#altalanos_kereso_urlap input#din_altalanos_kifejezes {
	border: 0;
	box-sizing: border-box;
	font-size: 1rem;
	height: 100%;
	padding: 8px 10px;
	width: 85%;
}

form#altalanos_kereso_urlap input#din_altalanos_kereso_funkcio {
	background-color: var(--background_color_4);
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 20px;
	outline: none;
	width: 15%;
}

@media only screen and (min-width: 1024px) {
	div#altalanos_kereso_urlap_tarto {
		margin: 0;
		max-width: 250px;
		opacity: 1;
		pointer-events: auto;
		position: static;
		transition: none;
		transform: none;
		width: 100%;
	}

	form#altalanos_kereso_urlap {
		box-shadow: none;
		/* display: flex; */
		/* flex-direction: row; */
		/* flex-wrap: nowrap; */
	}

	form#altalanos_kereso_urlap input#din_altalanos_kifejezes {
		background-color: rgba(255, 255, 255, 0.2);
		color: #ffffff;
	}

	form#altalanos_kereso_urlap input#din_altalanos_kifejezes::placeholder {
		color: #ffffff;
		opacity: 1;
	}

	form#altalanos_kereso_urlap input#din_altalanos_kereso_funkcio,
	form#altalanos_kereso_urlap input#din_altalanos_kereso_funkcio:hover {
		background-color: rgba(255, 255, 255, 0.2);
		color: var(--text_color_7);
	}
}

/* Általános nyelv és deviza választó űrlap */

div#altalanos_nyelv_deviza_tarto_mobil {
	position: relative;
	/* width: 100%; */
	z-index: 1000;
}

/*
div#altalanos_nyelv_deviza_tarto_asztali
	{
	position: static;
	}
*/

div#altalanos_nyelv_deviza_urlap_tarto {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 10px;
	transition: all 0.2s ease-in-out;
	transform: translateY(10px);
	width: 96%;
	/* z-index: 0; */
}

div#altalanos_nyelv_deviza_urlap_tarto.aktiv {
	transform: translateY(0px);
	opacity: 1;
	pointer-events: auto;
	/* z-index: 101; */
}

form#altalanos_nyelv_urlap {
	margin-bottom: 10px;
}

div#altalanos_nyelv_valaszto_tarto,
div#altalanos_deviza_valaszto_tarto {
	/* display: block; */
	/* height: 100%; */
	/* overflow: hidden;  */
	position: relative;
	/* width: 100%; */
}

div#altalanos_nyelv_valaszto_tarto:after,
div#altalanos_deviza_valaszto_tarto:after {
	align-items: center;
	background-color: var(--background_color_4);
	box-sizing: border-box;
	color: #ffffff;
	content: "\f0dc";
	display: flex;
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	height: 100%;
	justify-content: center;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	/* text-align: center; */
	width: 15%;
	/* z-index: 1; */
}

form#altalanos_nyelv_urlap,
form#altalanos_deviza_urlap {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

form#altalanos_nyelv_urlap select,
form#altalanos_deviza_urlap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #ffffff;
	border: 0;
	/* box-sizing: border-box; */
	color: var(--text_color_5);
	cursor: pointer;
	font-size: 1rem;
	/* height: 100%; */
	padding: 8px 10px;
	width: 100%;
}

@media only screen and (min-width: 1024px) {
	div#altalanos_nyelv_deviza_urlap_tarto {
		flex-direction: row;
		flex-wrap: nowrap;
		/* margin: 0; */
		opacity: 1;
		pointer-events: auto;
		position: static;
		transition: none;
		transform: none;
		width: 100%;
	}

	form#altalanos_nyelv_urlap {
		margin: 0;
	}

	/*
	div#altalanos_nyelv_valaszto_tarto,
	div#altalanos_deviza_valaszto_tarto
		{
		position: relative;
		}
	*/

	div#altalanos_nyelv_valaszto_tarto:hover:after,
	div#altalanos_deviza_valaszto_tarto:hover:after {
		background-color: transparent;
	}

	div#altalanos_nyelv_valaszto_tarto:after,
	div#altalanos_deviza_valaszto_tarto:after {
		background: transparent;
		color: var(--text_color_3);
		width: 25%;
	}

	form#altalanos_nyelv_urlap,
	form#altalanos_deviza_urlap {
		box-shadow: none;
	}

	/*
	form#altalanos_nyelv_urlap select option,
	form#altalanos_deviza_urlap select option
		{
		background: rgba(255, 255, 255, 0.2) !important;
		}
	*/
}

/* Livesearch keresés */

div.livesearch_tarto {
	/* position: relative; */
}

div.din_livesearch_ablak {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
	filter: alpha(opacity=0);
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	transform: translateY(20px);
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
	visibility: hidden;
	z-index: 1100;
}

div.livesearch_formazo {}

div.din_livesearch_ablak.livesearch_ablak_lathato {
	filter: alpha(opacity=1);
	opacity: 1;
	transform: translateY(10px);
	visibility: visible;
}

ul.termek_livesearch_lista {
	list-style: none;
	line-height: 110%;
	max-height: 200px;
	overflow-y: auto;
}

@media only screen and (min-width: 900px) {
	div.din_livesearch_ablak {
		margin-top: 3px;
	}

	div.livesearch_formazo {
		background-color: transparent;
		padding: 0;
	}
}

ul.termek_livesearch_lista li a {
	background-color: #ffffff;
	display: block;
	overflow: auto;
	-webkit-transition: background-color 0.1s linear, box-shadow 0.1s linear;
	transition: background-color 0.1s linear, box-shadow 0.1s linear;
	text-decoration: none;
}

ul.termek_livesearch_lista li a.termek_livesearch_lista_elem_csikos {
	background-color: var(--background_color_1);
}

ul.termek_livesearch_lista li a:hover {
	background-color: var(--background_color_2);
}

div.termek_livesearch_lista_kep_tarto {
	float: left;
	width: 100px;
}

div.termek_livesearch_lista_kep_tarto img {
	display: block;
	max-width: 100%;
}

div.termek_livesearch_lista_adat_tarto {
	box-sizing: border-box;
	padding: 15px 15px 15px 115px;
}

p.termek_livesearch_lista_nev {
	color: var(--text_color_1);
	font-size: 1rem;
	margin-bottom: 3px;
	text-transform: uppercase;
}

p.termek_livesearch_lista_ar {
	color: var(--text_color_1);
	font-size: 1rem;
	font-weight: bold;
}

p.termek_livesearch_lista_regi_ar {
	color: var(--text_color_5);
	font-size: 0.75rem;
	text-decoration: line-through;
}

div.termek_livesearch_lista_ajandekpont span {
	background-color: var(--label_color_1);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #ffffff;
	display: inline-block;
	font-size: 0.625rem;
	line-height: 100%;
	margin-top: 3px;
	opacity: 0.8;
	padding: 5px;
}

/* Mobil felületre egymás után megnyíló almenük */

@media only screen and (max-width: 1023px) {

	.dl-menu-tarto-kulso {
		left: 0;
		top: 0;
		position: absolute;
		width: 100%;
	}

	.dl-menu-tarto-belso {
		box-sizing: border-box;
		padding: 0 10px;
		position: relative;
		width: 100%;
	}

	/* A menüelemek általános stílusai */

	.dl-menu {
		/* Azért kell, hogy a képernyő magasságán eredetileg túllógó,
		de javascripttel csökkentett magasságú menü görgethető legyen */
		overflow: auto;
	}

	.dl-menuwrapper {
		float: left;
		max-width: 100%;
		-webkit-perspective: 1000px;
		perspective: 1000px;
		-webkit-perspective-origin: 50% 200%;
		perspective-origin: 50% 200%;
		position: relative;
		width: 100%;
		z-index: 1000;
	}

	div#header_tartalom div#header_elem_tarto a.aktiv,
	.dl-menuwrapper ul {
		background-color: #ffffff;
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
		border: none;
	}

	.dl-menuwrapper ul {
		list-style: none;
		padding: 0;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

	.dl-menuwrapper li {
		position: relative;
	}

	.dl-menuwrapper li a {
		color: var(--text_color_2);
		display: block;
		font-size: 1rem;
		letter-spacing: 2px;
		line-height: 20px;
		outline: none;
		padding: 15px 20px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
	}

	/*
	.no-touch .dl-menuwrapper li a:hover {
		background: var(--background_color_1);
	}
	*/

	.dl-menuwrapper li.dl-back>a {
		background-color: var(--background_color_4);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		color: #ffffff;
		padding-left: 50px;
	}

	.dl-menuwrapper li:not(.dl-back)>a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	.dl-menuwrapper li.dl-back:after,
	.dl-menuwrapper li>a:not(:only-child):after {
		color: var(--text_color_2);
		content: '►';
		line-height: 50px;
		position: absolute;
		speak: none;
		top: 0;
		-webkit-font-smoothing: antialiased;
	}

	.dl-menuwrapper li.dl-back:after {
		color: #ffffff;
		left: 20px;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.dl-menuwrapper li>a:after {
		right: 20px;
	}

	.dl-menuwrapper .dl-menu {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		margin: 0;
		opacity: 0;
		pointer-events: none;
		position: absolute;
		/* Ennek a top értéknek meg kell egyeznie a '.dl-menuwrapper > .dl-submenu' top értékével,
		egyébként a menüváltások animációja után ugrik egyet a menüablak. */
		top: 10px;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		width: 100%;
	}

	.dl-menuwrapper .dl-menu.dl-menu-toggle {
		transition: all 0.3s ease;
	}

	.dl-menuwrapper .dl-menu.dl-menuopen {
		opacity: 1;
		pointer-events: auto;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}

	/* A belső almenük elrejtése */
	.dl-menuwrapper li .dl-submenu {
		display: none;
	}

	/* 
	Ha egy almenüt megnyitnak, akkor az összes vele egy szinten lévő menüt elrejtjük.
	Ehhez egy dl-subview osztályt adunk a szülő menünek.
	Az almenü linkjét is elrejtjük.
	A megnyitott almenü a dl-subviewopen osztályt kapja.
	Ez az egész a teljes almenü struktúrán végigmegy.
	*/
	.dl-menu.dl-subview li,
	.dl-menu.dl-subview li.dl-subviewopen>a,
	.dl-menu.dl-subview li.dl-subview>a {
		display: none;
	}

	.dl-menu.dl-subview li.dl-subview,
	.dl-menu.dl-subview li.dl-subview .dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen,
	.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
	.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
		display: block;
		/* Azért kell, hogy a képernyő magasságán eredetileg túllógó,
		de javascripttel csökkentett magasságú menü görgethető legyen */
		overflow: auto;
	}

	/* Dinamikusan hozzáadott almenü a menükörnyezeten kívül */

	.dl-menuwrapper>.dl-submenu {
		left: 0;
		margin: 0;
		position: absolute;
		top: 10px;
		width: 100%;
	}

	/* Animációk a menük megjelenéséhez és eltűnéséhez */

	.dl-menu.dl-animate-out-5 {
		-webkit-animation: MenuAnimOut5 0.4s ease;
		animation: MenuAnimOut5 0.4s ease;
	}

	@-webkit-keyframes MenuAnimOut5 {
		0% {}
		100% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}
	}

	@keyframes MenuAnimOut5 {
		0% {}
		100% {
			-webkit-transform: translateY(40%);
			transform: translateY(40%);
			opacity: 0;
		}
	}

	.dl-menu.dl-animate-in-5 {
		-webkit-animation: MenuAnimIn5 0.4s ease;
		animation: MenuAnimIn5 0.4s ease;
	}

	@-webkit-keyframes MenuAnimIn5 {
		0% {
			-webkit-transform: translateY(40%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes MenuAnimIn5 {
		0% {
			-webkit-transform: translateY(40%);
			transform: translateY(40%);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			opacity: 1;
		}
	}

	.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
		-webkit-animation: SubMenuAnimIn5 0.4s ease;
		animation: SubMenuAnimIn5 0.4s ease;
	}

	@-webkit-keyframes SubMenuAnimIn5 {
		0% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}
	}

	@keyframes SubMenuAnimIn5 {
		0% {
			-webkit-transform: translateZ(-200px);
			transform: translateZ(-200px);
			opacity: 0;
		}
		100% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			opacity: 1;
		}
	}

	.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
		-webkit-animation: SubMenuAnimOut5 0.4s ease;
		animation: SubMenuAnimOut5 0.4s ease;
	}

	@-webkit-keyframes SubMenuAnimOut5 {
		0% {
			-webkit-transform: translateZ(0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-200px);
			opacity: 0;
		}
	}

	@keyframes SubMenuAnimOut5 {
		0% {
			-webkit-transform: translateZ(0);
			transform: translateZ(0);
			opacity: 1;
		}
		100% {
			-webkit-transform: translateZ(-200px);
			transform: translateZ(-200px);
			opacity: 0;
		}
	}
}

/* Asztali felület több szintű menüje */

@media only screen and (min-width: 1024px) {
	.dl-menu-tarto-kulso {
		position: static;
		width: 100%;
	}

	.dl-menu-tarto-belso {
		box-sizing: border-box;
		position: static;
		width: 100%;
	}

	/* Általános fejlec elemek */

	div#menu_tarto_mobil {
		display: none;
		position: auto;
	}

	/*
	div#header_tartalom div#header_elem_tarto a,
	div#header_tartalom div#header_elem_tarto a:not(.aktiv)
		{
		align-items: center;
		background-color: var(--bg_nav_color_1) !important;
		display: flex;
		font-size: 20px;
		}
	*/

	div#header_tartalom div#header_elem_tarto a:hover {
		color: var(--text_color_4) !important;
	}

	/* A menü és a kereső gomb nem kap helyet a fejlécben széles képernyőnél,
	mert a menü bal oldalon van, a keresőnek pedig eleve egy űrlap jelenik meg */
	div#header_tartalom div#header_elem_tarto a.dl-trigger,
	div#header_tartalom div#header_elem_tarto a#header_kereso_funkcio,
	div#header_tartalom div#header_elem_tarto a#header_nyelv_deviza_funkcio {
		display: none;
	}

	/* Vízszintes többszintű menü */
	/*
	Szintek:
	0. div#dl-menu
	1. ul.dl-menu			fejsor lista
	2. ul.dl-menu li		fejsor lista elemek
	3. ul.dl-menu li ul		almenü lista
	4. ul.dl-menu li ul li	almenü lista elemek
	*/

	/* 0. szint, középre igyazítja a menüt */
	div#dl-menu {
		/* display:flex; */
		/* justify-content: center; */
		margin: 0 auto;
		max-width: 90%;
		z-index: 50;
	}

	/* 1. szint, a további menüelemek flex tartója */
	div#dl-menu>ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 auto !important;
	}

	/* Menü linkek formázása */
	div#dl-menu ul a,
	div#dl-menu ul span {
		color: #ffffff;
		display: block;
		font-size: 1rem;
		letter-spacing: 1px;
		padding: 8px 0;
		text-decoration: none;
		text-transform: uppercase;
	}

	/* A menü linkekre ráállva változik azok színe */
	div#dl-menu ul a:hover {
		color: var(--text_color_3);
	}

	/* 3. szinttől a menü linkek formázása */
	div#dl-menu ul li ul a,
	div#dl-menu ul li ul span {
		color: var(--text_color_2);
		height: auto;
		padding: 8px 0;
	}

	/* 2. szinten a menü elemek háttere fehérre vált */
	div#dl-menu>ul>li:hover {
		background-color: #ffffff;
	}

	/* 2. szinten a menü linkek színe vált (a fehér háttér miatt) */
	div#dl-menu>ul>li:hover>a {
		color: var(--text_color_2);
	}

	/* Lista formázások minden szintre */
	div#dl-menu ul, div#dl-menu ul li, div#dl-menu ul ul {
		/* list-style: none; */
		/* margin: 0; */
		/* padding: 0; */
		white-space: nowrap;
	}

	/* Minden lista elem általános formázása */
	div#dl-menu ul li {
		display: inline-block;
		line-height: 2em;
		padding: 0 15px;
		position: relative;
		vertical-align: middle;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
		zoom: 1;
	}

	/* A 4. szinttől a menü elemek egymás alatt helyezkednek el */
	div#dl-menu ul li ul li {
		display: block;
		float: none;
	}

	/* Kiemelt elemek vastagon szedve */
	li.tobbszintu_lista_kiemelt_elem>a,
	li.tobbszintu_lista_kiemelt_elem>span {
		font-weight: bold;
	}

	/* 3. szinttől lefele a listák formázása */
	div#dl-menu ul ul {
		background-color: #ffffff;
		left: 0;
		opacity: 0;
		position: absolute;
		visibility: hidden;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
		transition: all 0.2s ease-in;
		top: 100%;
		z-index: 51;
	}

	/* A lista elemre állva megjelenik a közvetlenül alatta lévő lista */
	div#dl-menu ul li:hover>ul {
		opacity: 1;
		visibility: visible;
	}

	/* A 2. szinten a lista elemeket eltávolítjuk egymástól */
	div#dl-menu>ul>li {
		border-radius: 20px 20px 0 0;
		margin: 0 10px;
	}

	/* 3. szint alatti listák igazítása az eredeti lista jobb oldalához */
	div#dl-menu ul ul ul {
		left: 100%;
		top: 0;
	}

	/* Balra nyíló menük pozícionálása */

	div#dl-menu ul li.balra_nyilo ul {
		right: 0;
		left: auto;
		text-align: right;
	}

	div#dl-menu ul li.balra_nyilo ul ul {
		right: 100%;
	}

	/* Vízszintes mega menü elrendezés (termékcsoportok) */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		overflow: auto;
		margin: 0 10%;
		max-height: calc(100vh - 300px);
		width: 80%;
	}

	/* Nagyon széles monitorokon ne legyen túl széles a menü */
	@media only screen and (min-width: 2000px) {
		div#dl-menu ul li.tobbszintu_lista_termekek>ul {
			margin: 0 calc((100vw - 1920px)/2);
			width: 1890px;
		}
	}

	/* Függőleges mega menü elrendezés */
	/*
	div#dl-menu ul li.tobbszintu_lista_termekek > ul
	{
		flex-direction: column;
	}
	*/

	/* A relatív pozíciót levesszük, mert a termékcsoport lista nem a 2. szint lista eleméhez igazodik */
	div#dl-menu ul li.tobbszintu_lista_termekek {
		position: static;
	}

	/* A megjelenő termékcsoport menük szélessége */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul>li {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}

	/* A 3. szint alatti listáknak (a mega menü listáinak) már nincs árnyéka */
	div#dl-menu ul li.tobbszintu_lista_termekek ul ul {
		box-shadow: none;
	}

	/* A 4. szint linkjeinek formázása */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul li a,
	div#dl-menu ul li.tobbszintu_lista_termekek>ul li span {
		letter-spacing: normal;
		text-align: left;
		white-space: normal;
		word-wrap: break-word;
	}

	/* A 4. szint listáinak elemeinek formázása */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul>li {
		/* box-sizing: border-box; */
		line-height: 120%;
		padding-bottom: 20px;
	}

	/* A fő menücsoportok alcsoportjainak formázása */
	div#dl-menu ul li.tobbszintu_lista_termekek ul li ul li a,
	div#dl-menu ul li.tobbszintu_lista_termekek ul li ul li span {
		/* font-size: 0.875em; */
		line-height: 100%;
		padding: 5px 0;
		text-transform: none;
	}

	div#dl-menu ul li.tobbszintu_lista_termekek ul a {
		transition: 0.3s;
	}

	/* A főcsoportok alatt lévő alcsoport listák pozícionálása */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul li ul {
		left: 0;
		position: initial;
	}

	/* A főcsoportok alatt lévő alcsoport listák látszanak, ha a 2. szinten lévő lista elemekre állunk (vagyis ha nyitva a mega menü) */
	div#dl-menu ul li.tobbszintu_lista_termekek:hover>ul li ul {
		opacity: 1;
		visibility: visible;
	}

	/* A főcsoportok alatt lévő alcsoportok igazítása */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul li ul li {
		padding: 0;
	}

	/* A fő termékcsport elnevezések formázása */
	div#dl-menu ul>li.tobbszintu_lista_termekek>ul>li>a,
	div#dl-menu ul>li.tobbszintu_lista_termekek>ul>li>span {
		color: var(--text_color_3);
		font-weight: bold;
		margin-bottom: 10px;
		padding: 16px 0 0;
	}

	/* A termék főcsoportok alatt lévő alcsoportok alcsoportjai és a termék gyűjtő termékcsoportok nem látszanak */
	div#dl-menu ul li.tobbszintu_lista_termekek>ul ul ul,
	div#dl-menu ul li.tobbszintu_lista_termekek ul li.tobbszintu_lista_uj_termekek,
	div#dl-menu ul li.tobbszintu_lista_termekek ul li.tobbszintu_lista_top_termekek,
	div#dl-menu ul li.tobbszintu_lista_termekek ul li.tobbszintu_lista_akcios_termekek {
		display: none;
	}

	/* Továbbnyíló menük nyil jelölése */

	div#dl-menu ul>li>a:after,
	div#dl-menu ul>li>span:after {
		content: '►';
		display: inline-block;
		padding-left: 5px;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}

	div#dl-menu li:hover>a:after,
	div#dl-menu li:hover>span:after {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	div#dl-menu li>a:only-child:after,
	div#dl-menu li>span:only-child:after {
		content: '';
		padding: 0;
	}

	div#dl-menu ul li.balra_nyilo a:after,
	div#dl-menu ul li.balra_nyilo span:after {
		content: '';
		padding: 0;
	}

	div#dl-menu ul>li.balra_nyilo a:before,
	div#dl-menu ul>li.balra_nyilo span:before {
		content: '◄';
		display: inline-block;
		padding-right: 5px;
		-webkit-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-ms-transition: all 0.2s ease-in;
		transition: all 0.2s ease-in;
	}

	div#dl-menu li:hover>a:before,
	div#dl-menu li:hover>span:before {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	div#dl-menu li.balra_nyilo a:only-child:before,
	div#dl-menu li.balra_nyilo span:only-child:before {
		content: '';
		padding: 0;
	}

	/* A mega menüben nincsenek nyilak */
	div#dl-menu ul li.tobbszintu_lista_termekek ul li a:after,
	div#dl-menu ul li.tobbszintu_lista_termekek ul li span:after {
		content: "";
	}
}

/* Lap alja */

div#alj_tarto {
	background-color: var(--background_color_3);
	border-bottom: 1px solid var(--border_color_1);
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	overflow: auto;
}

div.alj_oszlop {
	flex: 0 1 32%;
}

div.alj_oszlop:nth-child(2) {
	background-color: var(--background_color_1);
}

div.alj_oszlop_tartalom {
	box-sizing: border-box;
	padding: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 650px), (min-width: 900px) and (max-width: 1050px) {

	div#alj_tarto {
		flex-direction: column;
	}

	div.alj_oszlop {
		border-bottom: 1px solid var(--border_color_1);
		flex: 0 1 100%;
	}

	div.alj_oszlop:last-child {
		border: none;
	}
}

@media only screen and (min-width: 651px) and (max-width: 899px), (min-width: 1051px) {

	div#alj_tarto {
		flex-direction: row;
	}

	div.alj_oszlop {
		flex: 0 1 33.3333%;
	}

}

div.alj_oszlop_tartalom {
	height: 100%;
}

p.alj_oszlop_cim {
	color: var(--header_color_1);
	font-size: 1.25rem;
	padding-bottom: 20px;
}

ul.alj_lista {
	width: 100%;
}

ul.alj_lista li {
	list-style-type: none;
	padding: 10px 0;
}

ul.alj_lista li,
ul.alj_lista li a {
	color: var(--text_color_2);
	font-size: 0.85rem;
	text-decoration: none;
}

ul.alj_kozossegi_elerhetoseg li {
	display: inline-block;
	padding: 10px 10px 0 0;
}

ul.alj_kozossegi_elerhetoseg li a {
	background-size: cover;
	border: 1px solid var(--border_color_1);
	border-radius: 50%;
	display: block;
	height: 30px;
	opacity: 0.6;
	-webkit-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
	width: 30px;
}

ul.alj_kozossegi_elerhetoseg li a:hover {
	opacity: 1;
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_facebook {
	background-image: url(../kep/kozossegi_ikon_facebook.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_tiktok {
	background-image: url(../kep/kozossegi_ikon_tiktok.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_instagram {
	background-image: url(../kep/kozossegi_ikon_instagram.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_googleplus {
	background-image: url(../kep/kozossegi_ikon_googleplus.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_pinterest {
	background-image: url(../kep/kozossegi_ikon_pinterest.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_twitter {
	background-image: url(../kep/kozossegi_ikon_twitter.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_snapchat {
	background-image: url(../kep/kozossegi_ikon_snapchat.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_youtube {
	background-image: url(../kep/kozossegi_ikon_youtube.png);
}

ul.alj_kozossegi_elerhetoseg li a.kozossegi_elerhetoseg_ikon_linkedin {
	background-image: url(../kep/kozossegi_ikon_linkedin.png);
}

/* Hírlevél fel- és leiratkozás */

div#hirlevel_tarto {
	background: var(--background_color_4);
}

body.oldal_kezdo div#hirlevel_tarto {
	margin-top: 50px;
}

div#hirlevel_tarto,
div#hirlevel_tarto a {
	color: #ffffff;
}

div#hirlevel_tarto #hirlevel_tartalom {
	margin: 0 auto;
	max-width: 700px;
	padding: 2rem;
	text-align: center;
}

p#hirlevel_cim {
	font-size: 2.5rem;
	margin-bottom: 1rem;
}

div.hirlevel_sor {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	padding: 10px 0;
}

div.hirlevel_sor.hirlevel_mezo_sor input {
	background-color: rgba(255, 255, 255, 0.3);
	border: none;
	border-radius: 5px;
	color: #fff;
	font-size: 1rem;
	margin: 5px 10px;
	padding: 12px;
}

div.hirlevel_sor.hirlevel_mezo_sor input::placeholder {
	color: rgba(255, 255, 255, 1);
	opacity: 1;
}

div.hirlevel_sor.hirlevel_funkcio_sor input {
	background-color: var(--button_color_1);
	border: none;
	border-radius: 20px;
	color: #ffffff;
	cursor: pointer;
	font-size: 1rem;
	margin: 5px 10px;
	padding: 10px 20px;
	transition: all 0.2s ease;
	;
}

div.hirlevel_sor input[type="submit"]:hover {
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
	transform: scale(1.1);
}

@media only screen and (min-width: 1024px) {
	p#hirlevel_cim {
		font-size: 3.6rem;
		margin-bottom: 1rem;
	}
}

/* Fejlesztő információk */

div#fejleszto_tarto {
	border-top: 1px solid var(--border_color_1);
	text-align: center;
}

div#fejleszto_tarto a {
	color: var(--developer_color_1);
	display: block;
	font-size: 0.8125rem;
	padding: 5px;
	text-decoration: none;
}

/* TOP gomb */

#top_funkcio {
	background-color: var(--button_color_1);
	border-radius: 50%;
	bottom: 20px;
	display: inline-block;
	height: 50px;
	position: fixed;
	right: 10px;
	opacity: 0;
	text-align: center;
	transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
	visibility: hidden;
	width: 50px;
	z-index: 1000;
}
#top_funkcio::after {
	color: #ffffff;
	content: "\f077";
	/* Single-quotes kell MacOS Chrome miatt */
	font-family: 'Font Awesome\ 5 Free';
	/* Ez is kell a FontAwesome 5-nek */
	font-weight: 900;
	font-style: normal;
	font-size: 2em;
	line-height: 50px;
}
#top_funkcio:hover {
	background-color: var(--button_color_2);
	cursor: pointer;
}

#top_funkcio.top_funkcio_megjelenik {
	opacity: 0.7;
	visibility: visible;
}

/* Általános üzenő ablak stílusok */

div.din_uzeno_hatter {
	background-color: #000000;
	filter: alpha(opacity=0);
	height: 100%;
	opacity: 0;
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: 1000;
	/* Ez a két transition sor zavarhatja a régebbi böngészőket. */
	/* Ha az üzenő ablakot slide-in menüvel együtt használjuk, akkor */
	/* az üzenő ablak nem jelenik meg. */
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

div.uzeno_hatter_lathato {
	filter: alpha(opacity=0.4);
	opacity: 0.4;
	visibility: visible;
}

div.din_uzeno_ablak {
	bottom: 0;
	filter: alpha(opacity=0);
	left: 0;
	margin: auto;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1500;
	/* 
	Fontos, hogy csak a visibility és opacity (meg a böngészőfüggő társai) legyenek
	benne a transition által érintett tulajdonságokban, hogy az egyes üzenő ablak méretek
	átméretezése ne látszódjon.
	*/
	-webkit-transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
	transition: visibility 0.3s ease-in, opacity 0.3s ease-in, filter 0.3s ease-in;
}

div.uzeno_ablak_lathato {
	visibility: visible;
	opacity: 1;
	filter: alpha(opacity=1);
}

div.uzeno_ablak_tartalom_keret {
	background-color: var(--message_background_color_1);
	border-radius: 10px;
	/* Magasság állítás miatt fontos! */
	height: auto !important;
	overflow: auto;
}

a.din_uzeno_ablak_bezaras {
	background-color: var(--message_background_color_1);
	border-radius: 100%;
	color: var(--button_color_1);
	display: block;
	font-size: 25px;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	/* Bezáró x középre igazítása */
	outline: none;
	padding: 4px 2px 0 0;
	position: absolute;
	right: -13px;
	text-align: center;
	text-decoration: none;
	top: -15px;
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
	transform: rotate(45deg);
	vertical-align: center;
	width: 25px;
	z-index: 1002;
}

/* Üzenő ablakon belüli termék lista */

div.din_uzeno_ablak div.uzeno_ablak_termeklista_tarto {
	display: none;
	overflow: hidden;
	padding: 10px 0;
	width: 710px;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio,
div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio {
	cursor: pointer;
	float: left;
	margin-top: 20px;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio {
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-right: 30px solid var(--button_color_1);
	height: 0;
	margin-right: 21px;
	width: 0;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_bal_funkcio:hover {
	border-right: 30px solid var(--button_color_2);
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio {
	border-bottom: 50px solid transparent;
	border-top: 50px solid transparent;
	border-left: 30px solid var(--button_color_1);
	height: 0;
	margin-left: 21px;
	width: 0;
}

div.din_uzeno_ablak div#uzeno_ablak_termeklista_jobb_funkcio:hover {
	border-left: 30px solid var(--button_color_2);
}

div.din_uzeno_ablak div.uzeno_ablak_termeklista_keret {
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 588px;
}

div.din_uzeno_ablak div.termek_lista_flex {
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	padding: 0;
	position: relative;
	width: 9999px;
}

div.din_uzeno_ablak div.termek_lista_flex article.termek_elem {
	flex: 0 1 164px;
	margin: 0 10px;
	padding: 6px;
	width: 164px;
}

div.din_uzeno_ablak div.termek_lista_flex h3 a,
div.din_uzeno_ablak div.termek_lista_flex p.termek_lista_uj_ar {
	font-size: 0.875rem;
	height: 37px;
	min-height: auto;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_kosarba_funkcio,
div.din_uzeno_ablak div.termek_lista_flex a.termek_lista_reszletek_funkcio {
	font-size: 0.75rem;
	padding: 5px 8px;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_elem div.termek_lista_kep_tarto {
	min-height: 171px;
}

div.din_uzeno_ablak div.termek_lista_flex div.termek_lista_cimke_tarto span {
	font-size: 0.75rem;
	padding: 5px 8px;
}

@media only screen and (min-width: 1171px) {

	div.din_uzeno_ablak div.uzeno_ablak_termeklista_tarto {
		display: block;
	}

}

/* Típusfüggő üzenő ablak stílusok: hiba ablak */

div.uzeno_ablak_hiba {
	color: var(--message_color_2);
	height: 20%;
	max-width: 680px;
	width: 70%;
}

div.uzeno_ablak_hiba div.uzeno_ablak_tartalom_keret {
	background-color: var(--message_background_color_2);
}

div.uzeno_ablak_hiba div.uzeno_ablak_tarto {
	min-height: 80px;
}

@media only screen and (min-width: 801px) {

	div.uzeno_ablak_hiba div.uzeno_ablak_tarto {
		align-items: stretch;
		display: flex;
		padding-left: 80px;
		position: relative;
	}

	div.uzeno_ablak_hiba div.uzeno_ablak_tarto::after {
		color: var(--message_color_2);
		content: "\f00d";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 900;
		font-size: 60px;
		left: 15px;
		position: absolute;
		top: 0;
	}

}

div.uzeno_ablak_hiba div.uzeno_ablak_tarto div.uzeno_ablak_uzenet_tarto {
	background-color: var(--message_background_color_2);
	width: 100%;
}

/* Típusfüggő üzenő ablak stílusok: várakozó ablak */

div.uzeno_ablak_varakozas {
	color: var(--message_color_1);
	max-width: 680px;
	width: 70%;
}

div.uzeno_ablak_varakozas div.uzeno_ablak_tarto {
	min-height: 80px;
}

@media only screen and (min-width: 801px) {

	div.uzeno_ablak_varakozas div.uzeno_ablak_tarto {
		align-items: stretch;
		display: flex;
		padding-left: 80px;
		position: relative;
	}

	div.uzeno_ablak_varakozas div.uzeno_ablak_tarto::after {
		color: var(--message_color_3);
		content: "\f017";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 300;
		font-size: 60px;
		left: 10px;
		position: absolute;
		top: 5px;
	}

}

div.uzeno_ablak_varakozas div.uzeno_ablak_tarto div.uzeno_ablak_uzenet_tarto {
	background-color: var(--message_background_color_1);
	width: 100%;
}

/* Típusfüggő üzenő ablak stílusok: popup kép tartó ablak */

/*
div.uzeno_ablak_popup_kep
	{
	}
*/

/* Típusfüggő üzenő ablak stílusok: általános ablak */

div.uzeno_ablak_altalanos {
	color: var(--message_color_1);
	max-width: 680px;
	width: 70%;
}

div.uzeno_ablak_altalanos div.uzeno_ablak_tarto {
	min-height: 80px;
}

@media only screen and (min-width: 801px) {

	div.uzeno_ablak_altalanos div.uzeno_ablak_tarto {
		align-items: stretch;
		display: flex;
		padding-left: 80px;
		position: relative;
	}

	div.uzeno_ablak_altalanos div.uzeno_ablak_tarto::after {
		color: var(--message_color_3);
		content: "\f06a";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 900;
		font-size: 60px;
		left: 10px;
		position: absolute;
		top: 5px;
	}

}

div.uzeno_ablak_altalanos div.uzeno_ablak_tarto div.uzeno_ablak_uzenet_tarto {
	width: 100%;
}

/* Típusfüggő üzenő ablak stílusok: kosárba ablak */

div.uzeno_ablak_kosarba {
	max-width: 820px;
	width: 70%;
}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto,
div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto {
	text-align: center;
}

div.uzeno_ablak_kosarba img.uzeno_ablak_kosarba_termek_kep {
	display: initial;
	float: none;
	background-color: #ffffff;
	padding: 8px;
	width: 100px;
}

div.uzeno_ablak_kosarba p.uzeno_ablak_kosarba_uzenet {
	color: var(--message_color_1);
	float: none;
	font-size: 0.875rem;
	padding: 10px;
	width: auto;
}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto p.uzeno_ablak_kosarba_uzenet {
	color: var(--message_color_1);
}

/*
div.uzeno_ablak_kosarba_sikeres_tarto div.uzeno_ablak_kosarba_valasz_tarto
	{
	background-color: var(--message_background_color_1);
	}
*/

/*	
div.uzeno_ablak_kosarba_nem_sikeres_tarto div.uzeno_ablak_kosarba_valasz_tarto
	{
	background-color: var(--message_background_color_1);
	}
*/

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_valasz_tarto {
	overflow: auto;
}

div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_funkcio_tarto {
	float: none;
	padding: 10px 0 10px 10px;
}

div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio,
div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio {
	background-color: var(--button_color_1);
	border-radius: 3rem 0 0 3rem;
	clear: both;
	color: #ffffff;
	display: block;
	font-size: 0.875rem;
	letter-spacing: 1px;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: background 0.1s ease-in;
	transition: background 0.1s ease-in;
}

div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio:hover,
div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio:hover {
	background-color: var(--button_color_2);
}

div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio {
	margin-bottom: 10px;
}

@media only screen and (min-width: 801px) {

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto {
		min-height: 52px;
		padding-left: 80px;
		position: relative;
		text-align: left;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_sikeres_tarto::after {
		color: var(--message_color_3);
		content: "\f00c";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 900;
		font-size: 60px;
		left: 10px;
		position: absolute;
		top: 0;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto {
		min-height: 52px;
		padding-left: 80px;
		position: relative;
		text-align: left;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_nem_sikeres_tarto::after {
		color: var(--message_color_2);
		content: "\f00d";
		/* Single-quotes kell MacOS Chrome miatt */
		font-family: 'Font Awesome\ 5 Free';
		/* Ez is kell a FontAwesome 5-nek */
		font-weight: 900;
		font-size: 60px;
		left: 15px;
		position: absolute;
		top: 0;
	}

	div.uzeno_ablak_kosarba img.uzeno_ablak_kosarba_termek_kep {
		float: left;
		padding: 2px;
		width: 58px;
	}

	div.uzeno_ablak_kosarba p.uzeno_ablak_kosarba_uzenet {
		float: left;
		padding: 10px;
		width: 350px;
	}

	div.uzeno_ablak_kosarba div.uzeno_ablak_kosarba_funkcio_tarto {
		float: right;
		padding: 10px 0;
	}

	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio,
	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_penztar_funkcio {
		padding: 5px 15px;
	}

	div.uzeno_ablak_kosarba a.uzeno_ablak_kosarba_kosar_funkcio {
		margin-bottom: 5px;
	}

}

/* Üzenetek */

div.hiba_uzenet_tarto {
	animation-duration: 0.4s;
	animation-name: fadeInUp;
	background-color: var(--message_background_color_2);
	border-bottom: 1px solid var(--border_color_4);
	border-radius: 10px;
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	overflow: auto;
}

p.hiba_szoveg {
	color: var(--text_color_1);
	font-size: 0.875rem;
	line-height: 170%;
	padding: 5px 20px;
}

p.hiba_szoveg a {
	color: var(--text_color_1);
}

div.uzenet_tarto {
	animation-duration: 0.4s;
	animation-name: fadeInUp;
	background-color: var(--message_background_color_3);
	border-bottom: 1px solid var(--border_color_3);
	border-radius: 10px;
	clear: both;
	margin: 20px 0;
	padding: 15px 0;
	overflow: auto;
}

p.uzenet_szoveg {
	color: var(--text_color_1);
	font-size: 0.875rem;
	line-height: 170%;
	padding: 5px 20px;
}

p.uzenet_szoveg a {
	color: var(--text_color_1);
}

/* Süti figyelmeztetés */

div#suti_figyelmeztetes_ablak_fix {
	animation-duration: 0.8s;
	animation-name: fadeInUp;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	z-index: 10000;
}

div#suti_figyelmeztetes_ablak_hatter {
	background-color: #000000;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10001;
}

div#suti_figyelmeztetes_ablak {
	bottom: 0;
	left: 0;
	position: relative;
	right: 0;
	top: 0;
	z-index: 10002;
}

p.suti_figyelmeztetes_szoveg {
	color: #ffffff;
	font-size: 11px;
	margin: 0 auto;
	padding: 10px 10px 0;
	text-align: center;
}

@media only screen and (min-width: 1024px) {

	p.suti_figyelmeztetes_szoveg {
		font-size: initial;
	}

}

p.suti_figyelmeztetes_szoveg a {
	color: #ffffff;
	text-decoration: underline;
}

div#suti_figyelmeztetes_bezar_funkcio_tarto {
	margin: 0 auto;
	padding: 10px;
	text-align: center;
}

input.suti_funkcio,
input#suti_figyelmeztetes_bezar_funkcio {
	border-radius: 3rem;
	color: var(--text_color_3);
	cursor: pointer;
	margin: 5px;
	padding: 5px 10px;
}

/* Animációk */

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
	.animated {
		-webkit-animation-duration: 1ms !important;
		animation-duration: 1ms !important;
		-webkit-transition-duration: 1ms !important;
		transition-duration: 1ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
	}
}

/*
Photoswipe 5.2.4 thumbnail kép eltüntetése az animációból.
Animáció közben a thumbnail képet elkezdi nagyítani a Photoswipe, majd mikor elérte a végső
méretét, a helyén megjeleníti a nagy képet. De ha a két kép oldalaránya
nem egyforma, akkor itt van egy ugrás. Ezért a thumbnail képet inkább eltüntetjük.
*/
img.pswp__img--placeholder {
	display: none !important;
}

/* Partnerek megjelenítése */

div#partner_elemek_tarto {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

div#partner_elemek_tarto div {
	padding: 20px;
}

div#partner_elemek_tarto div img {
	max-height: 30px;
}

/* Hibás űrlap mezők formázása */

.hibas_mezo {
	border: 2px solid !important;
	border-color: var(--border_color_4) !important;
}

.hibas_mezo_hatter {
	background-color: var(--message_background_color_2) !important;
}