/***************************** KulcsAPP landing *************************/

:root {
	--kulcsappp-arany: 0px;
	--kulcsappp-arany-desktop: 0px;
	--kulcsappp-arany-mobile: 0px;
}
@media screen and (min-width: 300px) {
	:root {
		--kulcsappp-arany: calc((100vw - 300px) / (1065 - 300));
		--kulcsappp-arany-mobile: calc((100vw - 300px) / (600 - 300));
	}
}
@media screen and (min-width: 600px) {
	:root {
		--kulcsappp-arany-desktop: calc((100vw - 600px) / (1065 - 600));
		--kulcsappp-arany-mobile: 1px;
	}
}
@media screen and (min-width: 1065px) {
	:root {
		--kulcsappp-arany: 1px;
		--kulcsappp-arany-desktop: 1px;
	}
}


section.kulcsapp_landing_bar {
	width: 100%;
	background-color: #f1f1f1;
}

div.kulcsapp_main_container_div {
	width: 100%;
	max-width: 1065px;
	margin: auto;
}


/* header start */

div.kulcsapp_header_desktop_container_div {
	position: relative;
	display: none;
	width: 100%;
	padding-top: 75%;
	background: url(../images/kulcsapp/header_desktop_alap_new_.webp) no-repeat center center;
	background-size: 100% auto;
}

div.kulcsapp_header_mobile_container_div {
	position: relative;
	width: 100%;
	padding-top: 125%;
	background: url(../images/kulcsapp/header_mobile_alap_new_.webp) no-repeat center center;
	background-size: 100% auto;
}

@media screen and (min-width: 600px) {
	div.kulcsapp_header_desktop_container_div {
		display: block;
	}
	div.kulcsapp_header_mobile_container_div {
		display: none;
	}
}

div.kulcsapp_header_desktop_title_text_div {
	position: absolute;
	width: 40%;
	top: 23%;
	left: 7%;
	text-align: left;
}
div.kulcsapp_header_desktop_title_text_div span {
	FONT-SIZE: calc(28px + (52 - 28) * var(--kulcsappp-arany-desktop)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}
div.kulcsapp_header_desktop_title_text_div span.strong {
	font-weight: 700;
}

div.kulcsapp_header_desktop_content_div {
	position: absolute;
	width: 50%;
	top: 52%;
	left: 3%;
	text-align: left;
}
div.kulcsapp_header_desktop_content_text_div {
	width: 90%;
	line-height: 1.2em;
}
div.kulcsapp_header_desktop_content_text_div h1 {
	FONT-SIZE: calc(18px + (32 - 18) * var(--kulcsappp-arany-desktop)); font-style: normal; font-weight: 500; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
div.kulcsapp_header_desktop_content_apps_div {
	width: 100%;
	padding-top: 8%;
}
div.kulcsapp_header_desktop_content_apps_div img {
	width: 30%;
	height: auto;
	margin-right: 2%;
}


div.kulcsapp_header_mobile_title_text_div {
	position: absolute;
	width: 40%;
	top: 29%;
	left: 11%;
	text-align: left;
}
div.kulcsapp_header_mobile_title_text_div span {
	FONT-SIZE: calc(14px + (28 - 14) * var(--kulcsappp-arany-mobile)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
}
div.kulcsapp_header_mobile_title_text_div span.strong {
	font-weight: 700;
}

div.kulcsapp_header_mobile_content_div {
	position: absolute;
	width: 52%;
	top: 50%;
	left: 5%;
	text-align: left;
}

div.kulcsapp_header_mobile_content_text_div {
	width: 100%;
	line-height: 1em;
	padding-bottom: 10%;
}

div.kulcsapp_header_mobile_content_text_div span {
	FONT-SIZE: calc(10px + (22 - 10) * var(--kulcsappp-arany-mobile)); font-style: normal; font-weight: 500; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1em;
}

@media screen and (min-width: 440px) {
	div.kulcsapp_header_mobile_content_text_div {
		line-height: 1.2em;
	}
	div.kulcsapp_header_mobile_content_text_div span {
		line-height: 1.2em;
	}
}

div.kulcsapp_header_mobile_content_qrcode_div {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
}
div.kulcsapp_header_mobile_content_qrcode_div img {
	width: 100%;
	height: auto;
	margin-right: 2%;
}
div.kulcsapp_header_mobile_content_apps_div {
	display: inline-block;
	vertical-align: bottom;
	width: 50%;
}
div.kulcsapp_header_mobile_content_apps_div img {
	width: 95%;
	height: auto;
	margin-left: 5%;
}

/* header end */


/* header ep mod 2025-09 start */

div.kulcsapp_header_ep_container_div {
	display: block;
	width: 100%;
	padding-top: calc(20px + (60 - 20) * var(--kulcsappp-arany));
	padding-bottom: calc(10px + (30 - 10) * var(--kulcsappp-arany));
}
div.kulcsapp_header_ep_content_div {
	position: relative;
	display: block;
	width: 100%;
}
div.kulcsapp_header_ep_content_div img.desktop {
	display: none;
	max-width: 100%;
}
div.kulcsapp_header_ep_content_div img.mobile {
	display: block;
	max-width: 100%;
}

div.kulcsapp_header_ep_content_div img.googleplay {
	display: block;
	position: absolute;
	width: 20%;
	height: auto;
	top: 72%;
	left: 45%;
}
div.kulcsapp_header_ep_content_div img.appstore {
	display: block;
	position: absolute;
	width: 20%;
	height: auto;
	top: 82%;
	left: 45%;
}
div.kulcsapp_header_ep_content_div img.tovabb_az_appba {
	display: block;
	position: absolute;
	width: 31%;
	height: auto;
	top: 77%;
	left: 65%;
}

@media screen and (min-width: 600px) {
	div.kulcsapp_header_ep_content_div img.desktop {
		display: block;
	}
	div.kulcsapp_header_ep_content_div img.mobile {
		display: none;
	}
	
	div.kulcsapp_header_ep_content_div img.googleplay {
		display: block;
		position: absolute;
		width: 13%;
		height: auto;
		top: 73%;
		left: 65%;
	}
	div.kulcsapp_header_ep_content_div img.appstore {
		display: block;
		position: absolute;
		width: 13%;
		height: auto;
		top: 84%;
		left: 65%;
	}
	div.kulcsapp_header_ep_content_div img.tovabb_az_appba {
		display: block;
		position: absolute;
		width: 20%;
		height: auto;
		top: 79%;
		left: 78%;
	}
}

/* header ep mod 2025-09 end */


/* kedvezmények start */

div.kulcsapp_kedvezmenyek_container_div {
	width: 100%;
}

div.kulcsapp_kedvezmenyek_title_div {
	width: 100%;
}
div.kulcsapp_kedvezmenyek_title_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin-top: 0;
	padding-top: 0;
	line-height: 1.4em;
}

div.kulcsapp_kedvezmenyek_content_div {
	position: relative;
	display: block;
	width: 100%;
	background-color: #ffffff;
	padding: 5%;
}
/*
@media screen and (max-width: 599px) {
	div.kulcsapp_kedvezmenyek_content_div:after {
		content: '';
		position: absolute;
		width: 90%;
		height: 1px;
		background-color: #6c6c6c;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
	}
}
*/

div.kulcsapp_kedvezmenyek_content_texts_div {
	display: block;
	width: 100%;
	text-align: left;
}

div.kulcsapp_kedvezmenyek_content_title_div {
	width: 100%;
	padding-bottom: calc(5px + (15 - 5) * var(--kulcsappp-arany));
	line-height: 1.2em;
}
div.kulcsapp_kedvezmenyek_content_title_div h3 {
	FONT-SIZE: calc(14px + (32 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #74b144; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

div.kulcsapp_kedvezmenyek_content_text_div {
	width: 100%;
	padding-bottom: calc(10px + (20 - 10) * var(--kulcsappp-arany));
	text-align: left;
}
div.kulcsapp_kedvezmenyek_content_text_div span {
	FONT-SIZE: calc(12px + (18 - 12) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #6c6c6c; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}

div.kulcsapp_kedvezmenyek_content_photos_div {
	display: block;
	width: 100%;
}
div.kulcsapp_kedvezmenyek_content_photos_div img {
	display: inline-block;
	width: 48%;
	height: auto;
}
div.kulcsapp_kedvezmenyek_content_photos_div img:first-child {
	margin-right: 2%;
}
div.kulcsapp_kedvezmenyek_content_photos_div img:not(:first-child) {
	margin-left: 2%;
}

@media screen and (min-width: 600px) {
	div.kulcsapp_kedvezmenyek_content_div {
		background-color: transparent;
		padding: 0 0 2.5% 0;
	}

	div.kulcsapp_kedvezmenyek_content_texts_div {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		padding: 2.5%;
		text-align: left;
	}
	div.kulcsapp_kedvezmenyek_content_photos_div {
		display: inline-block;
		vertical-align: middle;
		width: 50%;
	}
}

/* kedvezmények end */


/* szezonális ajánlat start */

div.kulcsapp_szezonalis_kinalat_container_div {
	width: 100%;
	background-color: #ffffff;
	margin-bottom: calc(15px + (30 - 15) * var(--kulcsappp-arany));
}
@media screen and (min-width: 600px) {
	div.kulcsapp_szezonalis_kinalat_container_div {
		border-radius: calc(15px + (25 - 15) * var(--kulcsappp-arany-desktop)) calc(15px + (25 - 15) * var(--kulcsappp-arany-desktop)) 5px 5px;
	}
}

div.kulcsapp_szezonalis_kinalat_content_title_div {
	padding: calc(10px + (20 - 10) * var(--kulcsappp-arany)) 5%;
	text-align: left;
}

div.kulcsapp_szezonalis_kinalat_content_title_div h2 {
	FONT-SIZE: calc(14px + (32 - 14) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
div.kulcsapp_szezonalis_kinalat_content_text_div {
	padding: 0 5% calc(10px + (20 - 10) * var(--kulcsappp-arany)) 5%;
	text-align: left;
}
div.kulcsapp_szezonalis_kinalat_content_text_div span {
	FONT-SIZE: calc(12px + (18 - 12) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #6c6c6c; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}

@media screen and (min-width: 600px) {
	div.kulcsapp_szezonalis_kinalat_content_title_div {
		padding: calc(10px + (20 - 10) * var(--kulcsappp-arany)) 3%;
	}
	div.kulcsapp_szezonalis_kinalat_content_text_div {
		padding: 0 3% calc(10px + (20 - 10) * var(--kulcsappp-arany)) 3%;
	}
}
div.kulcsapp_szezonalis_kinalat_photos_desktop_div {
	display: none;
	width: 100%;
}
div.kulcsapp_szezonalis_kinalat_photos_mobile_div {
	display: block;
	width: 100%;
}
div.kulcsapp_szezonalis_kinalat_photos_desktop_div img {
	display: block;
	max-width: 100%;
	height: auto;
}
div.kulcsapp_szezonalis_kinalat_photos_mobile_div img {
	display: block;
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 600px) {
	div.kulcsapp_szezonalis_kinalat_photos_desktop_div {
		display: block;
	}
	div.kulcsapp_szezonalis_kinalat_photos_mobile_div {
		display: none;
	}
}


/* szezonális ajánlat end */


/* digitális kulcskártya start */

div.kulcsapp_digitalis_kulcskartya_dekstop_container_div {
	position: relative;
	display: none;
	width: 100%;
	padding-top: 75%;
	background: url(../images/kulcsapp/digitalis_kulcskartya_desktop_alap.webp) no-repeat center center;
	background-size: 100% auto;
}

div.kulcsapp_digitalis_kulcskartya_mobile_container_div {
	position: relative;
	width: 100%;
	padding-top: 52%;
	background: url(../images/kulcsapp/digitalis_kulcskartya_mobile_alap.webp) no-repeat center center;
	background-size: 100% auto;
}

@media screen and (min-width: 600px) {
	div.kulcsapp_digitalis_kulcskartya_dekstop_container_div {
		display: block;
	}
	div.kulcsapp_digitalis_kulcskartya_mobile_container_div {
		display: none;
	}
}

div.kulcsapp_digitalis_kulcskartya_desktop_content_div {
	position: absolute;
	width: 50%;
	top: 32%;
	left: 3%;
	text-align: left;
}
div.kulcsapp_digitalis_kulcskartya_desktop_content_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany-desktop)); font-style: normal; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0 0 calc(15px + (30 - 15) * var(--kulcsappp-arany-desktop)) 0;
	line-height: 1.2em;
}
div.kulcsapp_digitalis_kulcskartya_desktop_content_div span {
	FONT-SIZE: calc(14px + (22 - 14) * var(--kulcsappp-arany-desktop)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}


div.kulcsapp_digitalis_kulcskartya_mobile_content_div {
	position: absolute;
	width: 50%;
	top: 18%;
	left: 5%;
	text-align: left;
}
@media screen and (min-width: 600px) {
	div.kulcsapp_digitalis_kulcskartya_desktop_content_div {
		left: 3%;
	}
}

div.kulcsapp_digitalis_kulcskartya_mobile_content_div h2 {
	FONT-SIZE: calc(14px + (22 - 14) * var(--kulcsappp-arany-mobile)); font-style: normal; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin: 0;
	padding: 0 0 calc(5px + (20 - 5) * var(--kulcsappp-arany-mobile)) 0;
	line-height: 1.2em;
}
div.kulcsapp_digitalis_kulcskartya_mobile_content_div span {
	display: block;
	width: 80%;
	FONT-SIZE: calc(10px + (16 - 10) * var(--kulcsappp-arany-mobile)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}

/* digitális kulcskártya end */


/* hatos érv start */

div.kulcsapp_hatos_erv_container_div {
	width: 100%;
	line-height: 1.4em;
}
div.kulcsapp_hatos_erv_container_div h2 {
	FONT-SIZE: calc(20px + (48 - 20) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #e21a77; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.4em;
}

div.kulcsapp_hatos_erv_desktop_div {
	width: 100%;
	display: none;
}
div.kulcsapp_hatos_erv_desktop_div img {
	max-width: 100%;
	height: auto;
}
div.kulcsapp_hatos_erv_mobile_div {
	display: block;
}
div.kulcsapp_hatos_erv_mobile_div img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 600px) {
	div.kulcsapp_hatos_erv_desktop_div {
		display: block;
	}
	div.kulcsapp_hatos_erv_mobile_div {
		display: none;
	}
}

/* hatos érv end */


/* footer start */

div.kulcsapp_footer_container_div {
	width: 100%;
	background-color: #e21a77;
	padding: calc(15px + (30 - 15) * var(--kulcsappp-arany)) calc(15px + (30 - 15) * var(--kulcsappp-arany)) 0 calc(15px + (30 - 15) * var(--kulcsappp-arany));
	border-radius: calc(25px + (35 - 25) * var(--kulcsappp-arany)) calc(25px + (35 - 25) * var(--kulcsappp-arany)) 0 0;
	text-align: left;
}

div.kulcsapp_footer_content_div {
	position: relative;
	width: 100%;
	padding-bottom: calc(15px + (30 - 15) * var(--kulcsappp-arany));
}
div.kulcsapp_footer_content_text_1_div {
	width: 100%;
	line-height: 1.2em;
	padding-bottom: calc(15px + (30 - 15) * var(--kulcsappp-arany));
}
div.kulcsapp_footer_content_text_1_div span {
	FONT-SIZE: calc(16px + (32 - 16) * var(--kulcsappp-arany)); font-style: normal; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}
div.kulcsapp_footer_content_inside_1_div {
	display: inline-block;
	vertical-align: bottom;
	width: calc(100% - calc(100px + (148 - 100) * var(--kulcsappp-arany)));
}
div.kulcsapp_footer_content_inside_2_div {
	display: inline-block;
	vertical-align: bottom;
	width: calc(100px + (148 - 100) * var(--kulcsappp-arany));
}
div.kulcsapp_footer_content_inside_2_div img {
	width: 100%;
	max-width: 148px;
	height: auto;
}
div.kulcsapp_footer_content_text_2_div {
	width: 100%;
	line-height: 1.2em;
	padding-right: calc(15px + (30 - 15) * var(--kulcsappp-arany));
	padding-bottom: calc(15px + (30 - 15) * var(--kulcsappp-arany));
}
div.kulcsapp_footer_content_text_2_div span {
	FONT-SIZE: calc(10px + (16 - 10) * var(--kulcsappp-arany)); font-style: normal; font-weight: 400; COLOR: #ffffff; FONT-FAMILY: 'Rubik', sans-serif; text-decoration: none;
	line-height: 1.2em;
}
div.kulcsapp_footer_content_apps_div {
	width: 100%;
}
div.kulcsapp_footer_content_apps_div img {
	width: 30%;
	max-width: 220px;
	height: auto;
	margin-right: 2%;
}
@media screen and (min-width: 600px) {
	div.kulcsapp_footer_content_div {
		width: 75%;
	}
	div.kulcsapp_footer_content_div:after {
		content: '';
		position: absolute;
		width: 30%;
		height: 100%;
		top: 0;
		right: 0;
		transform: translateX(110%);
		background: url(../images/kulcsapp/footer_phone_new.webp) no-repeat top center;
		background-size: 100% auto;
	}
}

/* footer end */