:root {
	--h_topmenu: 40px;
	--h_fejlec: 140px;
	--h_fejlec_m: 120px;
	--h_fejlec_s: 100px;
	--h_hlogo: 70px;
	--h_hlogo_m: 60px;
	--h_hlogo_s: 50px;
	--h_menu: 70px;
	--h_menu_m: 60px;
	--h_menu_s: 50px;
	--w_page: 1600px;
	--w_balsav: 130px;
	--g_xxs: 5px;
	--g_xs: 10px;
	--g_s: 15px;
	--g_m: 20px;
	--g_l: 30px;
	--f_xs: 10px;
	--f_s: 12px;
	--f_sm: 14px;
	--f_m: 16px;
/*	--f_m: 14px;
	--f_ml: 16px;*/
	--f_l: 18px;
	--f_xl: 20px;
	--f_mxl: 22px;
	--f_xxl: 26px;
	--f_xxxl: 32px;
	--c_kek: #17365c;
/*	--c_zold: #8dae10;
	--c_vzold: #acce14; */
	--c_skek: #09224c;
	--c_turkiz: #00877D;
	--c_turkiz_uj: #008675;
	--c_turkiz_kieg: #279989;
	--c_rozsa: #960048;
/*	--c_hszurke: #f9f9f9;*/
	--c_vszurke: #eee;
	--c_szurke: #dcdcdc;
	--c_kszurke: #999;
	--c_ksszurke: #666;
	--c_sszurke: #444;
	--c_fekete: #333;
	--c_sfekete: #222;
	--c_piros: #f00;
	--c_vpiros: #f66;
	--c_pink: #f99;
}
@font-face {
	font-family: PTSans;
	src: url(PTSans-Regular.ttf);
}
@font-face {
	font-family: PTSans;
	src: url(PTSans-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: PTSans;
	src: url(PTSans-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: PTSans;
	src: url(PTSans-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: Merriweather;
	src: url(MerriweatherSans-Regular.ttf);
}
@font-face {
	font-family: Merriweather;
	src: url(MerriweatherSans-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: Merriweather;
	src: url(MerriweatherSans-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: Merriweather;
	src: url(MerriweatherSans-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: MerriweatherLight;
	src: url(MerriweatherSans-Light.ttf);
}
@font-face {
	font-family: MerriweatherLight;
	src: url(MerriweatherSans-LightItalic.ttf);
	font-style: italic;
}
@font-face {
	font-family: SourceCode;
	src: url(SourceCodePro-Regular.ttf);
}
@font-face {
	font-family: SourceCode;
	src: url(SourceCodePro-Bold.ttf);
	font-weight: bold;
}
@font-face {
	font-family: SourceCode;
	src: url(SourceCodePro-Italic.ttf);
	font-style: italic;
}
@font-face {
	font-family: SourceCode;
	src: url(SourceCodePro-BoldItalic.ttf);
	font-weight: bold;
	font-style: italic;
}
* {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	background: #fff;
	font-family: "Merriweather", sans-serif;
	font-size: var(--f_m);
	color: var(--c_fekete);
	display: flex;
	flex-flow: column nowrap;
	min-height: 100%;
	position: relative;
	overflow-y: auto;
	width: 100%;
}
body.noscroll {
	position: fixed;
	overflow-y: scroll;
}
body.grey {
	background: var(--c_szurke);
}
.vis_hidden {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	caption-side: bottom;
}
a,
.level {
	text-decoration: none;
	color: inherit;
}
a:hover,
a:focus,
.level:hover,
.level:focus {
	text-decoration: underline;
}
ul {
	list-style: none;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.fullw {
	width: 100%;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea,
select,
button {
	padding: var(--g_xs);
	font-family: "Merriweather", sans-serif;
	font-size: var(--f_m);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea,
select {
	background: #fff;
	border: 1px solid var(--c_kszurke);
	color: var(--c_fekete);
}
textarea {
	resize: none;
}
button {
	background: var(--c_turkiz_uj);
	color: #fff;
	height: 100%;
	cursor: pointer;
}
button:hover {
	text-decoration: underline;
}
#topmenu,
#fejlec,
main,
#footer,
#subfooter,
#suti {
	margin: 0 auto;
	max-width: var(--w_page);
}
#go_top {
	display: none;
	opacity: 0.75;
	background: var(--c_turkiz_uj) url(/img/top.svg) no-repeat center;
	background-size: auto 30px;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 70px;
	right: 0;
	z-index: 998;
	cursor: pointer;
}
#suti-wrapper {
	background: var(--c_skek);
	opacity: 0.9;
	width: 100%;
	position: fixed;
	bottom: 0;
}
#suti {
	padding: var(--g_s);
	color: #fff;
	display: flex;
	flex-flow: row wrap;
}
#suti button {
	margin: var(--g_xs) auto 0;
	width: 50%;
	flex-shrink: 0;
}
.backdrop {
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
.popup {
	padding: var(--g_l);
/*	padding: var(--g_l) var(--g_l) 0 var(--g_l);	 firefox bug miatt kell így */
	background-color: #fff;
	box-shadow: 0 0 20px -5px #000;
	width: 100%;
	height: auto;
	max-height: 100%;
/*	width: calc(100% - 4*var(--g_l));
	height: calc(100% - 4*var(--g_l));*/
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: auto;
	z-index: 1001;
}
.popup.video {
	width: 100%;
	max-width: unset;
}
.hiddencheck + .popup,
.hiddencheck ~ .backdrop,
form .backdrop {
	visibility: hidden;
/*	display: none;*/
	opacity: 0;
	transition: opacity 0.2s ease, visibility 0.2s ease;
}
/*
.popup > *:last-child {	 firefox bug miatt kell 
	margin-bottom: var(--g_l);
}
*/
.popup > *:last-child {
	margin-bottom: 0;
}
.popup_x {
	background: url(/img/g_x.svg) no-repeat center;
	background-size: 20px;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.popup.video .popup_x {
	width: 34px;
	height: 34px;
}
.fluid_wrapper {
	display: inline-block;
	position: relative;
	width: 100%;
}
.fluid_dummy.r16_9 {
	margin-top: 75%;
}
.fluid_content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/************************ fejléc ************************/
/*
header {
	position: sticky;
	top: calc(-1 * var(--h_topmenu));
}
*/
#topmenu_wrap {
	min-height: var(--h_topmenu);
	line-height: var(--h_topmenu);
	background: var(--c_szurke);
}
#topmenu {
	display: flex;
	flex-flow: row nowrap;
}
#topmenu div a {
	margin: var(--g_xs);
	background-size: 20px auto;
	display: block;
	height: 20px;
	width: 20px;
	flex-shrink: 0;
	font-size: 0;
	text-indent: -9999px;
}
#topmenu div a.en {
	background: url(/img/en.svg) no-repeat center;
}
#topmenu div a.hu {
	background: url(/img/hu.svg) no-repeat center;
}
#topmenu ul {
	margin-right: var(--g_xs);
	max-width: max-content;
	display: flex;
	flex-flow: row nowrap;
	overflow: scroll hidden;
	font-size: var(--f_s);
}
#topmenu .icon {
	display: none;
}
#topmenu li:not(.icon) {
	padding-left: var(--g_xxs);
}
#topmenu li:not(:first-of-type,.icon):before {
	content: "|";
	padding-right: var(--g_xxs);
}
#topmenu .icon a,
#ikonmenu a {
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0;
	text-indent: -9999px;
}
#topmenu .icon a {
	margin: -3px 0 0 var(--g_xs);
	background-size: 20px auto;
	height: 20px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
#topmenu .icon a:hover {
	opacity: 0.6;
}
#ikonmenu a {
	margin: var(--g_m) auto;
	background-size: 30px auto;
	height: 30px;
	width: 30px;
	display: block;
}
#ikonmenu li:first-of-type a {
	margin-top: var(--g_xs);
}
#ikonmenu a:hover {
	opacity: 0.6;
}
/*
#topmenu .icon.rss a,
#ikonmenu .rss a {
	background: url(/img/k_rss.svg);
}
*/
#topmenu .icon.fb a,
#ikonmenu .fb a {
	background: url(/img/k_fb.svg);
}
#topmenu .icon.in a,
#ikonmenu .in a {
	background: url(/img/k_in.svg);
}
#topmenu .icon.yt a,
#ikonmenu .yt a {
	background: url(/img/k_yt.svg);
}
#topmenu .icon.tt a,
#ikonmenu .tt a {
	background: url(/img/k_tt.svg);
}
#topmenu .icon.en a,
#ikonmenu .en a {
	background: url(/img/en.svg);
}
#topmenu .icon.hu a,
#ikonmenu .hu a {
	background: url(/img/hu.svg);
}
#fejlec_wrap {
	min-height: var(--h_fejlec_s);
	width: 100%;
	/*background: var(--c_skek);*/
	background: var(--c_turkiz_uj);
	transition: min-height 0.3s ease;
}
.sticky #fejlec_wrap {
	min-height: var(--h_menu_s);
	position: fixed;
	top: calc(-1 * var(--h_menu_s));
	transition: none;
	z-index: 999;
}
#fejlec {
	height: 100%;
	display: grid;
	grid-template-rows: repeat(var(--h_menu_s));
	grid-template-columns: minmax(min-content, max-content) 1fr;
	grid-template-areas:
		"logo search"
		"logo menu";
}
#header_logo,
#header_logo img {
	height: var(--h_hlogo_s);
	transition: height 0.3s ease;
}
.sticky #header_logo,
.sticky #header_logo img {
	height: var(--h_topmenu);
	transition: none;
}
#header_logo {
	grid-area: logo;
	margin: calc((var(--h_fejlec_s) - var(--h_hlogo_s)) / 2) var(--g_xs);
	transition: margin 0.3s ease;
}
.sticky #header_logo {
	margin: var(--g_xxs);
	transition: none;
}
#header_icons {
	grid-area: search;
	margin: 0 var(--g_s) 0 auto;
	height: var(--h_fejlec_s);
	display: flex;
	flex-flow: row wrap;
	align-content: center;
	align-items: center;
	justify-content: flex-end;
	transition: height 0.3s ease;
}
.sticky #header_icons {
	margin: var(--g_xxs) var(--g_s) var(--g_xxs) auto;
	height: var(--h_topmenu);
	transition: none;
}
#header_icons button,
#header_icons label {
	margin: var(--g_xs) 0 var(--g_xs) var(--g_xs);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 24px auto;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 1px;
	text-indent: -9999px;
	cursor: pointer;
}
#header_icons #search_label {
	background-image: url(/img/search.svg);
}
#header_icons #menu_open {
	background-image: url(/img/menu.svg);
}
#header_icons #menu_close {
	display: none;
	background-image: url(/img/x.svg);
}
/*
nav {
	font-size: var(--f_ml);
}
*/
.menu_wrap {
	display: none;
	margin-top: -20px;
	width: 100%;
	background: var(--c_szurke);
	color: var(--c_kek);
/*	border-top: var(--g_xxs) solid var(--c_turkiz_uj);
	border-bottom: 3px solid var(--c_turkiz_uj);*/
	border-top: var(--g_xxs) solid var(--c_turkiz_kieg);
	border-bottom: 3px solid var(--c_turkiz_kieg);
	position: absolute;
	left: 0;
	overflow-y: scroll;
	z-index: 999;
}
.almenu_wrap {
	border-top: none;
	top: 0;
	left: 100%;
}
.menu_cont {
	margin: 0 auto;
	max-width: var(--w_page);
	display: flex;
	flex-flow: row nowrap;
}
.almenu_cont button {
	display: none;
}
.menu_cont > span,
.menu_cont > ul {
	margin: var(--g_s);
}
.menu_cont > span {
	width: 25%;
}
.menu_cont > .back {
	color: var(--c_turkiz_uj);
	font-size: var(--f_xs);
	text-align: center;
	cursor: pointer;
}
.menu_cont > .back:before {
	content: '';
	margin: 0 auto;
	padding-top: 20px;
	background: url(/img/t_left.svg) no-repeat center;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}
.menu_cont > .back:hover,
.menu_cont > .back:focus {
	color: var(--c_rozsa);
	text-decoration: underline;
}
.menu_cont > .back:hover:before,
.menu_cont > .back:focus:before {
	background-image: url(/img/t_left_hover.svg);
}
.menu_cont > .back.home {
	background-image: url(/img/t_home.svg);
	background-repeat: no-repeat;
	background-position: center 60px;
	background-size: 12px auto;
	font-size: 0;
	text-indent: -9999px;
}
.menu_cont > .back.home:hover {
	background-image: url(/img/t_home_hover.svg);
}
.menu_cont > ul {
	width: 75%;
	column-count: 1;
	column-fill: balance;
	column-gap: calc(2 * var(--g_l));
	column-rule: 1px solid var(--c_sszurke);
}
.menu_cont > ul > li {
	padding: var(--g_xs) 0;
	break-inside: avoid;
	page-break-inside: avoid; /* firefox column bug miatt, egyelőre nem működik, talán a jövőben */
}
.almenu_cont > ul > li { /* firefox break-inside: avoid bug miatt kell */
	display: table;
	width: 100%;
}
.almenu_cont > ul > li:first-of-type {
	column-span: all;
	text-transform: uppercase;
}
.almenu_cont > ul > li.hidden {
	display: none;
}
.menu_cont a {
	display: block;
}
.menu_cont a:hover,
.menu_cont a:focus {
	text-decoration: none;
}
.almenu_cont a:hover span,
.almenu_cont a:focus span {
	border-bottom: 1px solid var(--c_kek);
}
.menu_cont a.sub {
	padding-right: 24px;
	background: url(/img/t_right.svg) no-repeat right center;
	background-size: 14px auto;
}
.menu_cont a.sub:hover,
.menu_cont a.sub:focus {
	background-image: url(/img/t_right_hover.svg);
}
.fomenu_cont li.aktiv:not(.aktivsub) > a > span,
.almenu_cont li.aktiv > a > span {
	border-bottom: 2px solid var(--c_turkiz_uj);
}
#fomenu > li > a {
	text-transform: uppercase;
}

.scroller {
	width: 20px;
	position: absolute;
	top: 0;
	pointer-events: none;
}
#lokator .scroller {
	margin: var(--g_xxs) 0;
}
.scroller.left {
	display: none;
	background: linear-gradient(270deg, rgba(220,220,220,0), rgba(220,220,220,1) 50%);
	left: 0;
}
#topmenu .scroller.left {
	left: 40px;
}
.scroller.right {
	background: linear-gradient(90deg, rgba(220,220,220,0), rgba(220,220,220,1) 50%);
	right: 0;
}
/*#lokator .scroller.right {
	display: none;
}
*/.scroller:after {
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--g_xs) auto;
	display: inline-block;
	height: var(--g_xs);
	width: var(--g_xs);
}
.scroller.left:after {
	margin-right: 8px;
	background: url(/img/g_left.svg);
}
.scroller.right:after {
	margin-left: 8px;
	background: url(/img/g_right.svg);
}

/************************ főrész ************************/
main {
	background: #fff;
	width: 100%;
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
}
#lokator {
	padding: var(--g_xxs) var(--g_s);
	background: var(--c_szurke);
	color: var(--c_kek);
	font-size: var(--f_s);
	line-height: 24px;
	display: flex;
	flex-flow: row nowrap;
	overflow: auto hidden;
}
/*
#cimkep[style] #lokator {
	background: rgb(220, 220, 220, 0.8);
	display: inline-block;
}
*/
#lokator ul {
	display: flex;
	flex-flow: row nowrap;
}
#result_oldal ul.lokator {
	margin: 0;
	color: var(--c_kszurke);
	display: flex;
	flex-flow: row wrap;
	font-size: var(--f_xs);
	line-height: normal;
	list-style: none;
}
#lokator li {
	white-space: nowrap;
}
#lokator .home,
#lokator li:before,
#result_oldal ul.lokator li:before {
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
}
#lokator .home,
#lokator li:before {
	height: 12px;
	width: 12px;
	vertical-align: text-top;
}
#result_oldal ul.lokator li:before {
	height: 8px;
	width: 8px;
	vertical-align: baseline;
}
#lokator .home {
	background: url(/img/home.svg);
	font-size: 0;
	text-indent: -9999px;
}
#lokator li:not(:first-of-type):before,
#result_oldal ul.lokator li:not(:first-of-type):before {
	content: '';
	margin: 0 var(--g_xxs);
	background: url(/img/t_right.svg);
}
article {
	flex-grow: 1;
	display: flex;
	flex-flow: column nowrap;
	position: relative;
}
.yt-wrap {
	padding-bottom: 56.25%; /* 9:16 */
	position: relative;
	height: 0;
}
.yt-wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.korhinta {
	display: none;
}
/*
.kiemelt_tartalom {
	display: flex;
	flex-flow: column nowrap;
	grid-gap: var(--g_s);
}
*/
.kiemelt_tartalom .slick-slide img {
	padding: calc(var(--g_s) / 2);
}
#cimkep[style],
.slick-slide {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#cimkep[style], 
.korhinta .slick-slide {
	height: 150px !important;
}
.korhinta .slick-arrow {
	display: none !important;
}
article.hir #cimkep[style] {
	height: 200px;
}
#cimkep:not([style]).dark {
	background: var(--c_szurke) linear-gradient(to right, var(--c_vszurke), var(--c_turkiz_uj));
}
#cimkep:not([style]).light {
	background: var(--c_kszurke) linear-gradient(to right, var(--c_skek), var(--c_kszurke));
}
#cimkep h1,
.slick-slide h1 {
	padding: var(--g_s);
	color: #fff;
	font-size: var(--f_xl);
	text-shadow: 1px 1px 5px #000, -1px -1px 5px #000;
	position: absolute;
	bottom: 0;
	left: 0;
}
#cimkep .play,
.slick-slide .play,
.slick-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}
.slick-slide a {
	z-index: 1;
}
#cimkep .play,
.slick-slide .play {
	margin: auto;
	background: transparent url(/img/play.svg) center no-repeat;
	background-size: auto 30%;
/*	background-size: 100px;*/
/*	width: 200px;
	height: 200px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
	text-indent: -9999px;
	cursor: pointer;
	transition: background-size 0.2s ease;
}
#cimkep .play:hover,
.slick-slide .play:hover {
	background-size: auto 35%;
/*	background-size: 120px;*/
}
#cimkep img {
	margin: var(--g_xs);
	height: var(--h_hlogo_s);
}
#cimkep input,
.slick-slide input {
	display: none;
}
#cimkep .kepinfo,
.slick-slide .kepinfo {
	background: url(/img/info.svg) no-repeat center;
	opacity: 0.75;
	height: 24px;
	width: 24px;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: var(--g_xs);
	right: var(--g_xs);
	z-index: 1;
}
#cimkep .kepinfo:hover,
.slick-slide .kepinfo:hover {
	opacity: 1;
}
#cimkep p,
.slick-slide p {
	padding: var(--g_xs) calc(2 * var(--g_xs) + 24px) var(--g_xs) var(--g_xs);
	color: #fff;
	background: rgb(0, 0, 0, 0.5);
	font-size: var(--f_s);
	line-height: 1.8em;
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}
#cimkep input:checked ~ p,
.slick-slide input:checked ~ p {
	display: block;
}
#balsav {
	padding: var(--g_s) var(--g_s) var(--g_xs) var(--g_s);
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	font-size: var(--f_xs);
	text-transform: uppercase;
}
#frissitve {
	flex-grow: 1;
/*	align-self: flex-end;
	padding-bottom: var(--g_xs);
	border-bottom: 1px solid var(--c_szurke);*/
	display: flex;
	flex-flow: row wrap;
}
article.hir #frissitve {
	display: none;
}
#megosztas p {
	display: none;
}
#megosztas ul {
	display: flex;
	flex-flow: row nowrap;
}
#megosztas a {
	margin: 0 0 0 var(--g_xs);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 30px;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
}
#megosztas a:hover {
	opacity: 0.7;
}
#megosztas .fb a {
	background: url(/img/g_fb.svg);
}
#megosztas .tw a {
	background: url(/img/g_x-tw.svg);
}
#megosztas .li a {
	background: url(/img/g_lin.svg);
}
#megosztas .em a {
	background: url(/img/g_email.svg);
}

/************************ főrész: tartalom, oldalsáv ************************/
#content {
	padding: var(--g_s);
	background: #fff;
}
article.col3 #content {
	padding: 0;
}
article.col3 #content > div {
/*	padding: var(--g_s);*/
	padding: var(--g_l) var(--g_s);
/*	text-align: center;*/
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
/*	position: relative;*/
}
/*
article.col3 #content > div:nth-child(even) {
	background: var(--c_vszurke);
}
*/
article.col3 #content > div.feher {
	background: #fff;
}
article.col3 #content > div.vilagos {
	background: var(--c_vszurke);
}
article.col3 #content > div.sotet {
	background: var(--c_skek);
}
article.col3 #content > div > .flex {
/*	padding: var(--g_s);*/
	width: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}
article.col3 #content > div > .grid,
.kiemelt_tartalom {
	margin: 0;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--g_s);
}
article.col3 #content > div > .flex > div {
/*	margin-bottom: var(--g_s);*/
	margin-bottom: var(--g_l);
	width: 100%;
/*	max-width: 450px;*/
}
article.col3 #content > div > .flex > div:last-of-type {
	margin-bottom: 0;
}
article.col3 #content > div > .grid > div a {
	display: block;
	background: #000;
}
article.col3 #content > div > .grid > div a img {
	display: block;
}
article.col3 #content > div > .grid > div a img:hover {
	opacity: 0.9;
}
article.col3 #content > div > .flex > div a.button {
	height: 100%;
	font-size: var(--f_xl);
}
h1#focim,
h1#kapcsolodo,
article.col3 #content > div > h1:first-of-type {
	color: var(--c_kek);
}
article.col3 #content > div.sotet > h1:first-of-type {
	color: #fff;
}
h1#en_hp_first {
	max-inline-size: 300px;
}
article.col3 #content > div > h1:first-of-type {
	margin-bottom: calc(var(--g_l) + var(--g_m));
	font-size: var(--f_xl);
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.5em;
	margin-right: -0.5em;
	position: relative;
}
article.col3 #content > div > h1:first-of-type::after {
  content: '';
  display: block;
  position: absolute;
  bottom: calc(-1 * var(--g_s));
  left: var(--g_l);
  right: calc(var(--g_l) + 0.5em);
  border-bottom: 2px solid var(--c_kszurke);
}
aside:empty {
	display: none;
}
aside {
	padding: var(--g_l) var(--g_s);
	background: var(--c_vszurke);
}

article.hirek,
article.esemenyek,
article.munkatarsak,
article.search {
	display: block;
}
/*article .szur_keres_wrap > h1,
article.hirek #content > h1,
article.esemenyek #content > h1,*/
article.hiresemeny #content > h1,
article.hiresemeny aside > h1,
article.hir aside > h1,
article.esemeny aside > h1 {
	color: var(--c_kek);
}
.szur_keres_wrap {
	display: flex;
	flex-flow: row wrap;	
	justify-content: space-between;
	align-items: center;
}
.szur_keres_wrap > h1 {
	margin-right: var(--g_s);
}
.hclabel_wrap {
	margin: var(--g_xxs) 0 var(--g_l);
	display: flex;
	flex-flow: row nowrap;
	line-height: var(--f_xxxl);
}
.hclabel {
	cursor: pointer;
}
article .hclabel {
	margin-right: var(--g_s);
}
.hclabel:hover {
	text-decoration: underline;
}
.hclabel:last-of-type {
	margin-right: 0;
}
article .hclabel:before {
	content: '';
	margin-right: var(--g_xs);
	display: inline-block;
	width: var(--f_l);
	height: var(--f_l);
	vertical-align: middle;
}
#szur_label:before {
	background: url(../img/ddg_eq.svg) no-repeat center;
}
#keres_label:before {
	background: url(../img/ddg_search.svg) no-repeat center;
}
.hiddencheck {
	display: none;
}
/*header #gamma_check:checked ~ #gamma_popup,
.hirek #keres_check:checked ~ #keres_popup,
.hirek #szur_check:checked ~ #szur_kat_popup,
.esemenyek #keres_check:checked ~ #keres_popup,
.esemenyek #szur_check:checked ~ #szur_kat_popup,
.munkatarsak #keres_check:checked ~ #keres_popup,
.munkatarsak #szur_check:checked ~ #szur_egys_popup,*/
.hiddencheck:checked + .popup,
.hiddencheck:checked ~ .backdrop {
/*	display: block;*/
	visibility: visible;
	opacity: 1;
}
.hirek #szur_kat_popup div,
.esemenyek #szur_kat_popup div,
.munkatarsak #szur_egys_popup div {
	padding: var(--g_xs);
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.hirek #szur_kat_popup div:not(:first-of-type),
.esemenyek #szur_kat_popup div:not(:first-of-type),
.munkatarsak #szur_egys_popup div:not(:first-of-type) {
	border-top: 1px solid var(--c_szurke);
}
.hirek #szur_kat_popup div p,
.esemenyek #szur_kat_popup div p,
.munkatarsak #szur_egys_popup div p {
	width: calc( 100% - ( var(--f_l) + var(--g_s) ) );
	flex-grow: 1;
}
.munkatarsak #szur_egys_popup div label {
	padding: var(--g_s);
	background: url(../img/arrow_down.svg) no-repeat center;
	background-size: 16px;
	display: inline-block;
	width: var(--f_l);
	height: var(--f_l);
	font-size: 0;
	text-indent: -9999px;
	transition: transform 0.3s;
}
.munkatarsak #szur_egys_popup div .hiddencheck:checked + label {
	transform: rotate(180deg);
}
.munkatarsak #szur_egys_popup div label.hidden {
	background: none;
	cursor: default;
}
.munkatarsak #szur_egys_popup div label:not([class]) {
	display: none;
}
.hirek #szur_kat_popup p,
.esemenyek #szur_kat_popup p,
.munkatarsak #szur_egys_popup p,
.munkatarsak #szur_egys_popup li {
	cursor: pointer;
}
.hirek #szur_kat_popup p:hover,
.esemenyek #szur_kat_popup p:hover,
.munkatarsak #szur_egys_popup p:hover,
.munkatarsak #szur_egys_popup li:hover {
	text-decoration: underline;
}
.munkatarsak #szur_egys_popup div label[class] + ul {
	margin-left: var(--g_l);
	max-height: 0;
	width: 100%;
	overflow-y: hidden;
	transition: max-height 0.3s ease-out; /* height auto nem animálható */
}
.munkatarsak #szur_egys_popup div .hiddencheck:checked + label[class] + ul {
	max-height: 300px;
	transition: max-height 0.3s ease-in; /* height auto nem animálható */
}
.munkatarsak #szur_egys_popup li {
	padding: var(--g_xxs) 0;
}
#search_popup .popup_x,
#keres_popup .popup_x {
	top: unset;
	right: var(--g_l);
}
#search_popup input,
#keres_popup input {
	padding-right: 40px;
	width: 100%;
}
#searchfield {
	width: 100%;
}
article.search #result_main_wrap {
	margin-top: var(--g_l);
}
article.search .result_wrap {
	margin-bottom: var(--g_l);
	border-top: 1px solid var(--c_kszurke);
	display: table; /* firefox break-inside: avoid bug miatt kell */
	width: 100%; /* firefox break-inside: avoid bug miatt kell */
	break-inside: avoid;
	page-break-inside: avoid; /* firefox column bug miatt, egyelőre nem működik, talán a jövőben */
}
article.search .result_wrap h3 {
	margin: var(--g_m) 0 var(--g_l);
	text-transform: uppercase;
}
article.search .result_wrap h3 span {
	font-weight: normal;
	font-style: italic;
	text-transform: none;
}
#hirek,
#esemenyek,
#munkatarsak,
article.search .result {
	display: grid;
	grid-gap: var(--g_m);
}
#hirek,
article.hirek .grid {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
#esemenyek {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
#munkatarsak {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
#galeria {
	margin-bottom: var(--g_l);
	display: flex;
	flex-flow: row wrap;
	gap: var(--g_m);
/*	grid-template-columns: 1fr 1fr;*/
}
#galeria a {
	text-decoration: none;
	flex-grow: 1;
}
#galeria a.nogrow {
	flex-grow: 0;
}
#galeria img {
	height: auto;
	width: 100%;
}
.col3 #hirek,
.col3 #esemenyek {
	grid: none;
	grid-gap: inherit;
}
aside #hirek {
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
aside #esemenyek {
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
article.col3 #content > div > p,
article.hiresemeny #content > p,
aside #hirek + p,
aside #esemenyek + p {
	text-align: right;
}
article.col3 #content > div > p {
	margin: var(--g_s) 0 0 0;
	align-self: flex-end;
}
article.hiresemeny #content > p,
aside #hirek + p,
aside #esemenyek + p {
	margin-top: var(--g_s);
	padding-top: var(--g_l);
	border-top: 1px solid var(--c_kszurke);
}
aside #hirek + p {
	margin-top: var(--g_l);
}
article.col3 #content > div > p a,
article.hiresemeny #content > p a,
aside #hirek + p a,
aside #esemenyek + p a {
	padding-right: 28px;
	background: url(/img/t_right.svg) no-repeat right center;
	background-size: auto 22px;
	font-size: var(--f_l);
	text-decoration: none;
}
article.col3 #content > div > p a:hover,
article.hiresemeny #content > p a:hover,
aside #hirek + p a:hover,
aside #esemenyek + p a:hover {
	background-image: url(/img/t_right_hover.svg);
	text-decoration: underline;
}
#esemenyek,
#munkatarsak {
	margin-bottom: var(--g_l);
}
#esemenyek > div:not(.nomatch),
#result_esemeny >div:not(.nomatch),
#munkatarsak > div:not(.nomatch),
#result_mt > div:not(.nomatch),
div.nevjegy {
	background: var(--c_vszurke);
	display: flex;
	flex-flow: row nowrap;
}
/*
#hirek > div {
	position: relative;
}
#hirek > div > a {
	width: 100%;
	height: calc(100% - var(--g_l));
	position: absolute;
}
#hirek > div > a:hover {
	border-bottom: 15px solid var(--c_turkiz_uj);
}
#hirek > div > a:hover ~ .image div {
	background-color: rgb(0,0,0,0.1);
}
#hirek > div > a:hover ~ .text h2 {
	color: var(--c_turkiz_uj);
}
*/
#hirek .image {
	height: 200px;
	background-size: cover;
/*	background-position: center;*/
}
/*
#hirek .image div {
	width: 100%;
	height: 100%;
}
*/
#hirek .image a {
	display: block;
	width: 100%;
	height: 100%;
}
#hirek .image a:hover {
	background-color: rgb(0,0,0,0.1);
}
#esemenyek .naptar,
#result_esemeny .naptar,
#munkatarsak .kep,
#result_mt .kep,
div.nevjegy .kep {
	color: #fff;
}
#esemenyek .naptar,
#result_esemeny .naptar {
	background: var(--c_kek);
	text-transform: uppercase;
	text-align: center;
	flex-shrink: 0;
}
#munkatarsak .img,
#result_mt .img,
div.nevjegy .img {
	padding: var(--g_xs) 0 var(--g_xs) var(--g_xs);
	width: 180px;
}
#munkatarsak .img img,
#result_mt .img img,
div.nevjegy .img img {
	background: var(--c_szurke);
}
/*
.esemenyek #esemenyek .naptar {
	background: var(--c_kek) linear-gradient(to bottom, var(--c_kek), var(--c_kek), var(--c_vszurke));
	padding: var(--g_s);
}
.col3 #esemenyek .naptar,
aside #esemenyek .naptar {
	background: var(--c_kek);
}
*/
.col3 #esemenyek .naptar,
.esemenyek #esemenyek .naptar,
#result_esemeny .naptar {
	padding: var(--g_s);
	width: 75px;
	font-size: var(--f_sm);
}
aside #esemenyek .naptar {
	padding: var(--g_xs);
	width: 60px;
	font-size: var(--f_s);
}
/*
#esemenyek .naptar a {
	padding: var(--g_l);
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
}
#esemenyek .naptar a:hover {
	border-bottom: var(--g_s) solid var(--c_turkiz_uj);
}
*/
#esemenyek .naptar span,
#result_esemeny .naptar span {
	display: block;
	font-weight: bold;
}
.col3 #esemenyek .naptar span,
.esemenyek #esemenyek .naptar span,
#result_esemeny .naptar span {
	font-size: var(--f_xxxl);
}
aside #esemenyek .naptar span {
	font-size: var(--f_xxl);
}
#hirek .text {
/*	margin: -28px 0 var(--g_m) 0;*/
	margin-bottom: var(--g_m);
	word-break: break-word;
	position: relative;
}
#esemenyek .text,
#result_esemeny .text,
#munkatarsak .text,
#result_mt .text,
div.nevjegy .text {
	width: 100%;
	word-break: break-word;
}
#esemenyek .text,
#result_esemeny .text {
	font-size: var(--f_s);
}
#munkatarsak .text,
#result_mt .text,
div.nevjegy .text {
	padding: var(--g_xs);
}
.col3 #esemenyek .text,
.esemenyek #esemenyek .text,
#result_esemeny .text {
	padding: var(--g_s);
}
/*
.col3 #esemenyek .text {
	background: var(--c_hszurke);
}
*/
/*.col3 #esemenyek .text,*/
aside #esemenyek .text {
/*	padding: 0 0 var(--g_xs) var(--g_s);*/
	padding-left: var(--g_s);
/*	font-size: var(--f_sm);*/
}
article.search .result .text > div {
	display: flex;
	flex-flow: row nowrap;
}
#hirek p,
#esemenyek p,
#munkatarsak p,
article.search p,
div.nevjegy p {
	margin-bottom: 0 !important; // ha grid-be helyezzük, akkor is 0 legyen
}
#hirek p {
	font-size: var(--f_sm);
	line-height: calc(var(--f_sm) + 0.5em);
}
#result_hir p {
	font-size: var(--f_s);
	line-height: calc(var(--f_s) + 0.5em);
}
#munkatarsak p,
#result_mt p,
div.nevjegy p {
	font-size: var(--f_s);
}
#hirek .kat,
.hirek #aktiv_szurok .kat,
.esemenyek #aktiv_szurok .kat,
.munkatarsak #aktiv_szurok .egys,
#result_hir .kat {
/*	margin-top: var(--g_xs);*/
	background: var(--c_turkiz_uj);
/*	color: var(--c_turkiz_uj);*/
	color: #fff;
	text-transform: uppercase;
/*	font-weight: bold;*/
}
#hirek .kat,
#result_hir .kat,
#result_hir .egys {
	padding: 2px var(--g_xs);
}
article.search .egys {
	color: var(--c_kszurke);
	text-transform: uppercase;
}
#hirek .kat,
#result_hir .kat {
	margin: 0;
	display: inline-block;
	font-weight: normal;
}
#hirek .kat {
/*	position: relative;*/
	position: absolute;
/*	top: -33px;*/
	top: -30px;
	left: 0;
}
#result_hir .kat {
	align-self: center;
}
article:not(.col3,.katszurt) #content #hirek .kat {
	cursor: pointer;
}
article:not(.col3,.katszurt) #content #hirek .kat:hover {
	background: var(--c_rozsa);
/*	color: var(--c_kek);*/
}
#esemenyek .kat,
#result_esemeny .kat,
#munkatarsak .egys,
#result_mt .egys,
div.nevjegy .egys {
	color: var(--c_turkiz_uj);
	display: inline-block;
	text-transform: uppercase;
}
#munkatarsak .alegys,
#result_mt .alegys,
div.nevjegy .alegys {
	display: table; /* nem lehet még egy inline-block */
}
article:not(.esemeny,.col3) #esemenyek .kat,
#munkatarsak .egys[data-x],
article[class] #munkatarsak .alegys[data-x] {
	cursor: pointer;
}
article:not(.esemeny,.col3) #esemenyek .kat:hover,
#munkatarsak .egys[data-x]:hover,
article[class] #munkatarsak .alegys[data-x]:hover {
	margin-left: -4px;
	margin-right: -4px;
	padding: 0 4px;
	color: #fff;
}
article:not(.esemeny,.col3) #esemenyek .kat:hover,
#munkatarsak .egys[data-x]:hover {
	background: var(--c_turkiz_uj);
}
article[class] #munkatarsak .alegys[data-x]:hover {
	background: var(--c_kszurke);
}
#hirek .datum,
#result_hir .datum {
	color: var(--c_kszurke);
	font-size: var(--f_s);
	font-style: italic;
}
#hirek .datum {
	margin-top: var(--g_xxs);
}
#result_hir .datum {
	margin: 0;
}
#hirek .datum span,
#result_hir .datum span {
	color: var(--c_turkiz_uj);
}
#hirek .datum span:before,
#result_hir .datum span:before {
	content: '';
	margin-right: 4px;
	display: inline-block;
	width: var(--f_m);
	height: var(--f_m);
	background: url(../img/t_clock.svg) no-repeat center;
	background-size: auto var(--f_m);
	vertical-align: text-top;
}
#esemenyek .datum,
#esemenyek .helyszin,
#result_esemeny .datum,
#result_esemeny .helyszin,
#munkatarsak .iroda,
#munkatarsak .email,
#munkatarsak .mellek,
#munkatarsak .mobil,
#result_mt .iroda,
#result_mt .email,
#result_mt .mellek,
#result_mt .mobil,
div.nevjegy .iroda,
div.nevjegy .email,
div.nevjegy .mellek,
div.nevjegy .mobil {
	color: var(--c_ksszurke);
	display: flex;
	flex-flow: row nowrap;
}
#munkatarsak .beo,
#result_mt .beo,
div.nevjegy .beo {
	font-style: italic;
}
#munkatarsak .egys,
#result_mt .egys,
div.nevjegy .egys {
	margin-top: var(--g_xxs);
	font-size: var(--f_sm);
}
#munkatarsak .egys + p:not(.alegys),
#munkatarsak .egys + .alegys + p,
#result_mt .egys + p:not(.alegys),
#result_mt .egys + .alegys + p,
div.nevjegy .egys + p:not(.alegys),
div.nevjegy .egys + .alegys + p {
	margin-top: var(--g_xxs);
}
/*
#munkatarsak .alegys,
#munkatarsak .iroda,
#munkatarsak .email,
#munkatarsak .mellek,
#munkatarsak .mobil {
	font-size: var(--f_s);
}
*/
#esemenyek .datum:before,
#esemenyek .helyszin:before,
#result_esemeny .datum:before,
#result_esemeny .helyszin:before,
#munkatarsak .iroda:before,
#munkatarsak .email:before,
#munkatarsak .mellek:before,
#munkatarsak .mobil:before,
#result_mt .iroda:before,
#result_mt .email:before,
#result_mt .mellek:before,
#result_mt .mobil:before,
div.nevjegy .iroda:before,
div.nevjegy .email:before,
div.nevjegy .mellek:before,
div.nevjegy .mobil:before {
	content: '';
	margin-right: var(--g_xxs);
	width: var(--f_m);
	background-repeat: no-repeat;
	background-size: auto var(--f_m);
	background-position: center;
	flex-shrink: 0;
}
#esemenyek .datum:before,
#result_esemeny .datum:before {
	background-image: url(../img/dg_event.svg);
/*	background-position: center 4px;*/
}
#esemenyek .helyszin:before,
#result_esemeny .helyszin:before {
	background-image: url(../img/dg_pin.svg);
/*	background-position: center 3px;*/
}
#munkatarsak .iroda:before,
article.munkatars .iroda:before,
#result_mt .iroda:before,
div.nevjegy .iroda:before {
	background-image: url(../img/dg_door.svg);
}
#munkatarsak .email:before,
article.munkatars .email:before,
#result_mt .email:before,
div.nevjegy .email:before {
	background-image: url(../img/dg_email.svg);
}
#munkatarsak .mellek:before,
article.munkatars .mellek:before,
#result_mt .mellek:before,
div.nevjegy .mellek:before {
	background-image: url(../img/dg_tel.svg);
}
#munkatarsak .mobil:before,
article.munkatars .mobil:before,
#result_mt .mobil:before,
div.nevjegy .mobil:before {
	background-image: url(../img/dg_mobile.svg);
}
aside #hirek .datum.rovid,
aside #hirek .datum.kozep {
	display: none;
}
#hirek h2,
#result_oldal h2 {
	margin-bottom: var(--g_xxs);
}
#result_hir h2 {
	margin: 0;
}
#esemenyek h2,
#result_esemeny h2 {
	margin: var(--g_xxs) 0 var(--g_xs) 0;
}
#munkatarsak > h2,
#munkatarsak > h3,
#munkatarsak > h4,
#result_mt > h2,
#result_mt > h3,
#result_mt > h4 {
	margin: 0;
	grid-column: 1 / -1;
}
#munkatarsak div h2,
#result_mt div h2,
div.nevjegy h2 {
	margin-bottom: var(--g_xxs);
	font-size: var(--f_l);
}
#hirek h2,
#esemenyek h2,
aside #esemenyek h2,
#result_hir h2,
#result_esemeny h2,
#result_oldal h2 {
	font-size: var(--f_xl);
}
#hirek h2 a,
#esemenyek h2 a,
#munkatarsak h2 a,
article.search h2 a,
#result_mt h2 a,
div.nevjegy h2 a {
	color: var(--c_kek);
	text-decoration: none;
}
#hirek h2 a:hover,
#esemenyek h2 a:hover,
#munkatarsak h2 a:hover,
article.search h2 a:hover,
#result_mt h2 a:hover,
div.nevjegy h2 a:hover {
	color: var(--c_turkiz_uj);
}
#result_oldal .leiras {
	font-size: var(--f_sm);
	font-style: italic;
	line-height: calc(var(--f_sm) + 0.5em);
}
#hirek .tags span,
.hirek #aktiv_szurok .tag,
.munkatarsak #aktiv_szurok .alegys,
#result_hir .tags span {
/*	background: var(--c_turkiz_uj);*/
/*	background: var(--c_szurke);*/
	background: var(--c_kszurke);
	color: #fff;
/*	position: relative;*/
}
#hirek .tags span,
#result_hir .tags span {
	margin: 0 var(--g_xs) var(--g_xxs) 0;
	padding: 0 var(--g_xxs);
	display: inline-block;
	font-size: var(--f_xs);
/*	position: relative;*/
}
article:not(.col3,.tagszurt) #hirek .tags span {
	cursor: pointer;
}
article:not(.col3,.tagszurt) #hirek .tags span:hover {
	background: var(--c_turkiz_uj);
}
article.search .a_like {
	margin-top: var(--g_m);
	padding-right: 28px;
	background-size: 22px auto;
	font-size: var(--f_l);
	text-decoration: none;
	float: right;
	display: none;
}
.hirek #aktiv_szurok,
.hirek #aktiv_kereses,
.hirek #rendez,
.esemenyek #aktiv_szurok,
.esemenyek #aktiv_kereses,
.esemenyek #rendez,
.munkatarsak #aktiv_szurok,
.munkatarsak #aktiv_kereses,
.munkatarsak #rendez {
	margin-bottom: var(--g_l);
	display: none;
}
.hirek #aktiv_szurok,
.esemenyek #aktiv_szurok,
.munkatarsak #aktiv_szurok {
	flex-flow: row wrap;
	align-items: center;
}
.hirek #aktiv_szurok span,
.hirek #aktiv_kereses span,
.esemenyek #aktiv_szurok span,
.esemenyek #aktiv_kereses span,
.munkatarsak #aktiv_szurok span,
.munkatarsak #aktiv_kereses span {
	margin: 0 var(--g_xs) var(--g_xs) 0;
}
.hirek #aktiv_szurok span[class],
.hirek #aktiv_kereses span[class],
.esemenyek #aktiv_szurok span[class],
.esemenyek #aktiv_kereses span[class],
.munkatarsak #aktiv_szurok span[class],
.munkatarsak #aktiv_kereses span[class] {
	padding: var(--g_xs);
}
.hirek #aktiv_szurok span button,
.hirek #aktiv_kereses span button,
.esemenyek #aktiv_szurok span button,
.esemenyek #aktiv_kereses span button,
.munkatarsak #aktiv_szurok span button,
.munkatarsak #aktiv_kereses span button {
	margin-right: var(--g_xs);
	width: var(--f_m);
	height: var(--f_m);
	background: url(../img/x.svg) no-repeat center;
	vertical-align: middle;
	font-size: 0;
	text-indent: -9999px;
	cursor: pointer;
}
.hirek #aktiv_kereses .kereses,
.esemenyek #aktiv_kereses .kereses,
.munkatarsak #aktiv_kereses .kereses {
	background: var(--c_kek);
	color: #fff;
}

article.hir #kat_datum {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
article.hir .kat {
	margin: 0 var(--g_l) 0 0;
	color: var(--c_turkiz_uj);
	font-weight: bold;
	text-transform: uppercase;
}
article.hir .datum {
	margin-bottom: var(--g_xs);
	color: var(--c_kszurke);
	font-size: var(--f_s);
	font-style: italic;
}
article.hir .datum span {
	color: var(--c_turkiz_uj);
}
article.hir .datum span:before {
	content: '';
	margin-right: 4px;
	display: inline-block;
	width: var(--f_m);
	height: var(--f_m);
	background: url(../img/t_clock.svg) no-repeat center;
	background-size: auto var(--f_m);
	vertical-align: text-top;
}
article.hir #focim {
	margin-bottom: var(--g_xs);
}
article.hir .tags span {
	margin: 0 var(--g_xs) var(--g_xxs) 0;
	padding: 0 var(--g_xxs);
	display: inline-block;
	background: var(--c_kszurke);
	color: #fff;
	font-size: var(--f_s);
}
article.hir #content .tags + p {
	font-size: var(--f_l);
	font-weight: bold;
}
article.hir .kapcs_esemeny,
article.esemeny .kapcs_hir {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
article.hir .kapcs_esemeny li,
article.esemeny .kapcs_hir li {
	margin-bottom: var(--g_xs);
	background: var(--c_vszurke);
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	width: 100%;
/*	font-size: var(--f_ml);*/
	position: relative;
}
article.hir .kapcs_esemeny div,
article.esemeny .kapcs_hir div {
	padding: var(--g_xs);
	background: var(--c_kek);
	color: #fff;
	min-height: 55px;
	height: 100%;
	font-size: var(--f_xs);
	line-height: var(--f_xs);
	text-transform: uppercase;
	text-align: center;
}
article.hir .kapcs_esemeny div {
	width: 50px;
}
article.esemeny .kapcs_hir div {
	width: 90px;
	background-position: center;
	background-size: cover;
	flex-shrink: 0;
}
article.hir .kapcs_esemeny div:last-of-type,
article.esemeny .kapcs_hir div {
	margin-right: var(--g_s);
}
article.hir .kapcs_esemeny div:not(:first-of-type):before {
    content: '';
    background: #fff;
    border: 1px solid #fff;
    display: block;
    width: 0;
    height: 33px;
    position: absolute;
    left: 49px;
}
article.hir .kapcs_esemeny span {
	display: block;
	font-size: var(--f_xxl);
	font-weight: bold;
	line-height: normal;
}
article.hir .kapcs_esemeny a,
article.esemeny .kapcs_hir a {
	color: var(--c_kek);
	text-decoration: none;
}
article.hir .kapcs_esemeny a:hover,
article.esemeny .kapcs_hir a:hover {
	color: var(--c_turkiz_uj);
}
article.hir #kapcsolodo,
article.esemeny #kapcsolodo {
	border-top: 5px solid var(--c_turkiz_uj);
	padding-top: var(--g_l);
}
/*
article.esemeny .kapcs_hir {
	font-size: var(--f_l);
}
article.esemeny .kapcs_hir li {
	margin-bottom: var(--g_xs);
}
*/
article.esemeny #kat {
	margin-bottom: var(--g_xs);
	color: var(--c_turkiz_uj);
	font-weight: bold;
	text-transform: uppercase;
}
article.esemeny #datum_helyszin {
	margin-bottom: var(--g_l);
	color: var(--c_ksszurke);
/*	font-size: var(--f_ml);*/
}
article.esemeny #datum_helyszin p {
	margin: 0;
}
article.esemeny #content .helyszin {
	margin-top: var(--g_xxs) !important;
}
article.esemeny #content .datum:before,
article.esemeny #content .helyszin:before {
	content: '';
	margin-right: var(--g_xs);
	display: inline-block;
	width: var(--f_l);
	height: var(--f_l);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto var(--f_l);
}
article.esemeny #content .datum:before {
	background-image: url(../img/dg_event.svg);
	vertical-align: sub;
}
article.esemeny #content .helyszin:before {
	background-image: url(../img/dg_pin.svg);
	vertical-align: baseline;
}
article.munkatars #portre_adatok {
	margin-bottom: var(--g_s);
	display: flex;
	flex-flow: row nowrap;
	word-break: break-word;
}
article.munkatars .img {
	padding-right: var(--g_xs);
	width: 33%;
	flex-shrink: 0;
}
article.munkatars .text > p {
	margin-bottom: 0;
}
article.munkatars .text > div {
	margin-top: var(--g_xs);
}
article.munkatars .text p:not(.egys) {
	font-size: var(--f_sm);
}
article.munkatars .egys {
	margin-top: var(--g_xs);
	color: var(--c_turkiz_uj);
/*	font-size: var(--f_ml);*/
	display: inline-block;
	text-transform: uppercase;
}
article.munkatars .iroda,
article.munkatars .email,
article.munkatars .mellek,
article.munkatars .mobil {
	margin-bottom: var(--g_xxs);
	color: var(--c_ksszurke);
	display: flex;
	flex-flow: row nowrap;
}
article.munkatars .beo {
	font-style: italic;
}
article.munkatars .iroda:before,
article.munkatars .email:before,
article.munkatars .mellek:before,
article.munkatars .mobil:before {
	content: '';
	margin-right: var(--g_xs);
	width: var(--f_l);
	background-repeat: no-repeat;
	background-size: auto var(--f_l);
	background-position: center;
	flex-shrink: 0;
}
article.munkatars .linkek {
	margin: var(--g_l) 0 var(--g_s) 0;
}
article.munkatars .linkek a {
	margin-right: var(--g_xs);
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 40px auto;
}
article.munkatars .linkek .mtmt {
	background-image: url(../img/icon_mtmt.svg);
}
article.munkatars .linkek .rg {
	background-image: url(../img/icon_rg.svg);
}
article.munkatars .linkek .orcid {
	background-image: url(../img/icon_orcid.svg);
}
article.munkatars .linkek .gs {
	background-image: url(../img/icon_gs.svg);
}
article.munkatars #content > h4,
article.munkatars #content > p,
article.munkatars #content > ul {
	margin-bottom: var(--g_s);
}
article.munkatars .fogado {
	margin-left: 0;
	list-style-type: none;
}
article.sitemap #content ul {
/*	list-style: none;*/
	font-weight: bold;
	text-transform: uppercase;
}
article.sitemap #content ul ul {
	margin-left: 2em;
	list-style: square;
	text-transform: none;
}
article.sitemap #content ul ul ul {
	list-style: "- ";
	font-weight: normal;
}
article.sitemap #content ul ul ul ul {
	list-style: disc;
}
article.sitemap #content ul ul ul ul ul {
	list-style: circle;
}
.txt .grid {
	margin-bottom: var(--g_l);
	display: grid;
	grid-gap: var(--g_s);
}
article.hirek .grid {
	grid-gap: var(--g_l);
}
.txt .grid.wide {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}
.txt .grid.narrow {
	grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
}
.txt .grid.narrower {
	grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
}
.txt .grid.middle {
	align-items: center;
}
.txt .grid p {
	margin-bottom: var(--g_xs);
}
.txt .grid > *:not(div.elem),
.txt .grid .elem > *:last-child {
	margin-bottom: 0;
}
.txt .lenyilo {
	margin-left: 34px;
}
.txt .lenyilo > *:first-child {
	cursor: pointer;
}
.txt .lenyilo > *:first-child:before {
	content: '';
	margin: 0 10px 0 -34px;
	background: url(/img/t_arrow_down.svg) no-repeat 0 center;
	background-size: auto 24px;
	display: inline-block;
	width: 24px;
	height: 20px;
	vertical-align: middle;
}
/*
.txt .lenyilo:not(.nyitva) > *:first-child:before {
	transition: transform 0.3s ease;
}
.txt .lenyilo.nyitva > *:first-child:before {
	transform: scaleY(-1);
	transition: transform 0.3s ease;
}
*/
.txt .lenyilo.nyitva > *:first-child:before {
	transform: scaleY(-1);
}
@keyframes lenyilo1 {
	0%, 14% {
		transform: translate(0, 0);
	}
	7% {
		transform: translate(0, 3px);
	}
}
.txt .lenyilo:not(.nyitva) > *:first-child:hover:before {
	animation: lenyilo1 3s ease infinite;
}
@keyframes lenyilo2 {
	0%, 100% {
		transform: scaleY(-1) translate(0, 0);
	}
	50% {
		transform: scaleY(-1) translate(0, 3px);
	}
}
.txt .lenyilo.nyitva > *:first-child:hover:before {
	animation: lenyilo2 0.4s ease;
}
.txt .lenyilo:not(.nyitva) > *:not(:first-child), 
.txt .lenyilo:not(.nyitva) > *:not(:first-child) * {
	margin: 0;
	padding: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
}
.txt .lenyilo.nyitva > *:not(:first-child) {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.txt h1,
.txt h2,
.txt h3,
.txt h4 {
	margin-bottom: var(--g_l);
	font-family: "PTSans";
	font-weight: bold;
	letter-spacing: 0.01em;
	clear: both;
}
.txt h1 {
	font-size: var(--f_xxxl);
}
.txt h2 {
	font-size: var(--f_xxl);
}
.txt h3 {
	font-size: var(--f_mxl);
}
.txt h4 {
	font-size: var(--f_l);
}
.txt a,
.txt .level,
.a_like,
#suti a {
	color: var(--c_turkiz_uj);
	text-decoration: underline;
}
.a_like {
	cursor: pointer;
}
.a_like.nyil {
	padding-right: var(--g_m);
	background: url(/img/t_right.svg) no-repeat right center;
	background-size: auto var(--f_sm);
}
.txt a:hover,
.txt .level:hover,
.a_like:hover,
#suti a:hover {
	color: var(--c_rozsa);
/*	padding: 2px 0;
	background-color: var(--c_turkiz_uj);
	color: #fff;*/
/*	text-decoration: none;*/
}
.txt a.button,
.txt a.button2 {
	padding: var(--g_s);
/*	display: inline-block;*/
	display: inline-flex;
	color: #fff;
	text-decoration: none;
/*	text-align: center;*/
	align-items: center;
	justify-content: center;
}
.txt a.button {
	background-color: var(--c_skek);
	border-left: 15px solid var(--c_turkiz_uj);
}
.txt a.button2 {
	background-color: var(--c_turkiz_uj);
	border-left: 15px solid var(--c_turkiz_kieg);
}
.txt a.button:hover,
.txt a.button2:hover {
	text-decoration: underline;
}
.txt a.icon {
	padding-left: 1.7em;
	background-repeat: no-repeat;
	background-position: left top;
}
/*
.txt a.icon:before {
	content: '';
	padding-left: 1.7em;
	background-repeat: no-repeat;
}
.txt a.icon:hover {
	background: linear-gradient(var(--c_turkiz_uj) 0 0) 1.7em no-repeat;
}
*/
.txt a.icon.pdf {
	background-image: url(/img/file-pdf.svg);
}
.txt a.icon.doc {
	background-image: url(/img/file-doc.svg);
}
.txt a.icon.xls {
	background-image: url(/img/file-xls.svg);
}
.txt a.icon.ppt {
	background-image: url(/img/file-ppt.svg);
}
.txt a.icon.zip {
	background-image: url(/img/file-zip.svg);
}
.txt a.icon.img {
	background-image: url(/img/file-img.svg);
}
.txt a.icon.fb {
	background-image: url(/img/c_fb.svg);
}
.txt a.icon.in {
	background-image: url(/img/c_in.svg);
}
.txt a.icon.tw {
	background-image: url(/img/c_tw.svg);
}
.txt a.icon.yt {
	background-image: url(/img/c_yt.svg);
}
.txt a.icon.nyil {
	background-image: url(/img/t_right.svg);
}
.txt a.icon.nyil:hover {
	background-image: url(/img/t_right_hover.svg);
}
.txt a.icon.felvi {
	padding-left: 3.5em;
	background-image: url(/img/felvi_logo.png);
	background-size: auto 100%;
}
.txt p,
.txt ul,
.txt ol,
.txt hr,
.txt pre,
.txt figure,
.table_wrap,
.youtube-embed-wrapper {
	margin-bottom: var(--g_l);
}
.txt p,
.txt ul,
.txt ol,
#suti p {
	line-height: calc(var(--f_m) + 0.5em);
}
.txt ul.gap > li,
.txt ol.gap > li {
	margin-bottom: var(--g_s);
}
.txt ul.gap > li > ul,
.txt ol.gap > li > ul {
	margin-top: var(--g_s);
}
.txt ul ul,
.txt ol ol,
.txt ul ol {
	margin: 0 0 0 1em;
}
.txt ol ul {
	margin: 0 0 0 2em;
}
.txt ul {
	margin-left: 1.2em;
	list-style: disc outside;	
}
.txt ul.kor {
	list-style: circle outside;	
}
.txt ul.negyzet {
	list-style: square outside;	
}
.txt ul.vonal {
	list-style: "- ";
}
.txt ul.nincs {
	margin-left: 0;
	list-style: none;	
}
.txt ul.nincs ul {
	margin-left: 1em;
}
.txt ul.nyil {
	list-style: none;	
}
.txt ul.nyil > li:before {
	content: '';
	margin-left: -1.2em;
	background: url(/img/t_right.svg) no-repeat 0 center;
	background-size: auto 14px;
	display: inline-block;
	width: 20px;
	height: 14px;
}
.txt ul.inline {
	margin-left: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.txt ul.inline li:not(:first-of-type):before {
	padding: 0 0.3em;
}
.txt ul.inline.pont li:not(:first-of-type):before {
	content: "\2022";
}
.txt ul.inline.pipe li:not(:first-of-type):before {
	content: "|";
}
.txt ol {
	list-style: decimal inside;
}
.txt ol.nulla {
	list-style: decimal-leading-zero inside;
}
.txt ol.betu {
	list-style: upper-alpha inside;
}
.txt ol.kisbetu {
	list-style: lower-alpha inside;
}
.txt ol.romai {
	list-style: upper-roman inside;
}
.txt ol.kisromai {
	list-style: lower-roman inside;
}
.txt ol.gap {
	margin-left: 2em;
	list-style-position: outside;
}
.txt s {
	text-decoration: line-through;
}
.txt hr {
	border-top: 1px solid var(--c_szurke);
	clear: both;
}
.txt pre {
	font-family: "SourceCode";
	-moz-tab-size: 4;
	tab-size: 4;
	white-space: pre-wrap;
}
.txt blockquote {
	padding: 0 100px 0 80px;
	background: url(/img/t_idezojel.svg) no-repeat left top;
	background-size: 60px auto;
/*	color: var(--c_kszurke);*/
	font-size: var(--f_l);
	font-style: italic;
	min-height: 40px;
}
.txt .kiemelt {
	padding-left: var(--g_m);
	border-left: 15px solid var(--c_turkiz_uj);
	font-size: var(--f_l);
}
.txt blockquote,
.txt .kiemelt {
	line-height: calc(var(--f_l) + 0.5em)
}
.txt small {
	font-size: var(--f_s);
}
.txt cite {
	text-transform: uppercase;
	font-style: normal;
}
.txt code {
	font-family: "SourceCode";
}
/*
.txt ins {
	padding: 0 1px;
	background: var(--c_szurke);
	text-decoration: none;
}
*/
.txt img {
	width: 100%;
}
.txt > figure > img,
.txt > p > img,
.txt > p > a > img {
	margin: 0 calc(-1 * var(--g_s));
	width: calc(100% + 2 * var(--g_s));
}
.txt figcaption,
table caption,
.tablecaption {
	margin-top: var(--g_xxs);
	color: var(--c_kszurke);
	text-align: center;
	font-size: var(--f_s);
}
.txt img.orig {
	width: auto;
	max-width: 100%
}
.txt img.fright,
.txt img.fleft {
	width: auto;
	max-width: 50%;
}
.txt img.fright {
	margin: 0 0 var(--g_s) var(--g_s);
	float: right;
}
.txt img.fleft {
	margin: 0 var(--g_s) var(--g_s) 0;
	float: left;
}
.txt a.button img,
.txt a.button2 img {
	margin: 0;
}
.txt a.button img.fright,
.txt a.button2 img.fright {
	margin-left: var(--g_s);
}
.txt a.button img.fleft,
.txt a.button2 img.fleft {
	margin-right: var(--g_s);
}
table caption {
	margin-top: var(--g_xs);
}
table {
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
table th {
	background: var(--c_kek);
	border: 1px solid #fff;
	color: #fff;
}
table.lista th,
table.savos th {
	border-left: none;
	border-right: none;
}
table tr th:first-of-type {
	border-left: none;
}
table.keretes tr th:first-of-type {
	border-left: 1px solid var(--c_kek);
}
table thead tr th:last-of-type {
	border-right: none;
}
table.keretes thead tr th:last-of-type {
	border-right: 1px solid var(--c_kek);
}
table tbody tr:last-of-type th {
	border-bottom: none;
}
table th,
table td {
	padding: 2px var(--g_xs);
}
table td.greyf {
	color: var(--c_szurke);
}
table td.greybg {
	background: var(--c_vszurke);
}
table td.greyfbg {
	color: var(--c_kszurke);
	background: var(--c_vszurke);
}
table td.green {
	color: #fff;
	background: var(--c_turkiz_uj);
}
table.keretes td {
	border: 1px solid var(--c_sszurke);
}
table.lista td {
	border-bottom: 1px solid var(--c_kszurke);
}
table.savos tr:nth-child(even) {
	background: var(--c_vszurke);
}
.table_wrap {
	overflow-x: auto;
}
.table_wrap.scroll {
	margin-bottom: var(--g_xxs);
	padding-bottom: var(--g_xxs);
}

/************************ űrlapok ************************/
input.hiba,
select.hiba,
textarea.hiba,
.radiogombsor.hiba,
span.hiba {
	border: 1px solid var(--c_piros);
}
span.hiba {
	padding: var(--g_xxs);
}
.hibauz {
	margin: calc(-1 * var(--g_xxs)) 0 var(--g_xs);
	color: var(--c_piros);
}
article.urlap form,
article.urlap form div {
	display: flex;
	flex-flow: column nowrap;
}
article.urlap form h3 {
	margin: var(--g_m) 0 var(--g_xs);
}
article.urlap form p + h3,
article.urlap .popup h3:first-of-type,
article.urlap .popup p + div > button {
	margin-top: 0;
}
article.urlap label {
	margin-bottom: var(--g_xxs);
}
article.urlap label.req:before {
	content: "*";
	padding-right: 2px;
	color: var(--c_piros);
}
article.urlap label small {
	font-size: var(--f_s);
}
article.urlap label .req {
	padding-left: 2px;
	color: var(--c_piros);
}
article.urlap input:not([type="checkbox"]),
article.urlap select,
article.urlap textarea {
	margin-bottom: var(--g_xs);
}
article.urlap input[type="file"] {
	width: 100%;
}
article.urlap input[type="checkbox"]:not(#kepinfo),
article.urlap input[type="radio"] {
	display: none;
}
article.urlap input[type="checkbox"]:not(#kepinfo) + label,
article.urlap input[type="radio"] + label {
	margin-bottom: var(--g_s);
	display: flex;
	align-items: center;
	cursor: pointer;
}
article.urlap input[type="checkbox"]:not(#kepinfo) + label > .req {
	align-self: start;
	padding-right: 2px;
}
/*
article.urlap input[type="radio"]:disabled + label,
article.urlap input[type="checkbox"][readonly]:not(#kepinfo) + label {
	color: var(--c_bord);
	cursor: default;
}
*/
article.urlap input[type="checkbox"]:not(#kepinfo) + label:before,
article.urlap input[type="radio"] + label:before {
	content: "";
	margin-right: var(--g_xs);
	border: 1px solid var(--c_kszurke);
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
}
article.urlap input[type="checkbox"]:not(#kepinfo) + label:before {
	background-size: auto 24px;
}
article.urlap input[type="radio"] + label:before {
	border-radius: 50%;
	background-size: auto 20px;
}
/*
article.urlap input[type="checkbox"]:not([readonly]):not(#kepinfo) + label:hover:before {
	background-image: url(../img/off_hover.svg);
}
article.urlap input[type="radio"]:not(:disabled) + label:hover:before {
	background-image: url(../img/radio-off_hover.svg);
}
*/
article.urlap input[type="checkbox"]:not(#kepinfo):checked + label:before {
	background-image: url(/img/t_check.svg);
}
/*
article.urlap input[type="checkbox"][readonly]:not(#kepinfo) + label:before {
	background-image: url(../img/off-dis.svg);
}
article.urlap input[type="checkbox"][readonly]:not(#kepinfo):checked + label:before {
	background-image: url(../img/on-dis.svg);
}
*/
article.urlap input[type="radio"]:checked + label:before {
	background-image: url(/img/t_dot.svg);
}
/*
article.urlap input[type="radio"]:disabled + label:before {
	background-image: url(../img/radio-dis.svg);
}
article.urlap input[type="checkbox"]:not([readonly]):not(#kepinfo):checked + label:hover:before {
	background-image: url(/img/on_hover.svg);
}
article.urlap input[type="radio"]:checked + label:hover:before {
	background-image: url(../img/radio-on_hover.svg);
}
*/
article.urlap .radiogombsor,
article.urlap .inline {
	display: flex;
	flex-flow: row wrap;
}
article.urlap .inline.nowrap {
	flex-flow: row nowrap;
}
article.urlap .inline.center {
	margin-top: var(--g_l);
	justify-content: center;
}
article.urlap .radiogombsor {
	margin-bottom: var(--g_s);
	width: fit-content;
	column-gap: var(--g_l);
}
article.urlap .radiogombsor.hiba {
	margin-bottom: var(--g_xs);
	padding: var(--g_xxs);
}
article.urlap .radiogombsor > label {
	margin-bottom: 0 !important;
}
article.urlap .inline {
	column-gap: var(--g_s);
}
article.urlap .inline .grow {
	flex-grow: 1;
}
article.urlap input[type="submit"],
article.urlap button {
	margin: var(--g_l) 0;
	padding: var(--g_xs) var(--g_l);
	background-color: var(--c_turkiz_uj);
	color: #fff;
	min-width: 20%;
	height: 100%;
	min-height: calc(2 * var(--g_xs) + 22px);
	align-self: center;
	font-family: "Merriweather", sans-serif;
	font-size: var(--f_m);
	cursor: pointer;
}
article.urlap .inline.center input[type="submit"],
article.urlap .inline.center button {
	margin: 0 0 var(--g_l) 0;
}
article.urlap input[type="submit"]:not(:disabled):hover,
article.urlap button:not(:disabled):hover {
	background-color: var(--c_rozsa);
}
article.urlap button:hover {
	text-decoration: none;
}
article.urlap button.nogap {
	margin: 0;
	align-self: flex-start;
}
article.urlap button.topgap {
	margin: calc(var(--f_m) + 4px + var(--g_xxs)) 0 0;
	align-self: flex-start;
}
article.urlap button.left {
	align-self: flex-start;
}
article.urlap button.red {
	background-color: var(--c_piros);
}
article.urlap button.red:hover {
	background-color: var(--c_vpiros);
}
article.urlap button.icon {
	background-repeat: no-repeat;
	background-size: auto 18px;
}
article.urlap button.icon.ileft {
	padding-left: calc(18px + var(--g_xxs) + var(--g_l));
	background-position: var(--g_s) center;
}
article.urlap button.icon.iright {
	padding-right: calc(18px + var(--g_xxs) + var(--g_l));
	background-position: right var(--g_s) center;
}
article.urlap button.icon.notxt {
	padding: 0 22px;
	background-position: center;
	font-size: 0;
	min-width: 0;
}
article.urlap button.icon.plus {
	background-image: url(/img/plus.svg);
}
article.urlap button.icon.check {
	background-image: url(/img/check.svg);
}
article.urlap button.icon.x {
	background-image: url(/img/x.svg);
}
article.urlap button.icon.aleft {
	background-image: url(/img/left_arrow.svg);
}
article.urlap button.icon.aright {
	background-image: url(/img/right_arrow.svg);
}
article.urlap input.noarrow::-webkit-outer-spin-button,
article.urlap input.noarrow::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
article.urlap input.noarrow {
	-moz-appearance: textfield;
}
article.urlap input:disabled,
article.urlap select:disabled,
article.urlap button:disabled {
	background-color: var(--c_szurke);
	cursor: default;
}
article.urlap #captcha_wrap {
	margin-bottom: var(--g_xxs);
	display: flex;
	flex-flow: row nowrap;
}
article.urlap #uj-captcha {
	margin: 0;
	padding: var(--g_xs);
	background-image: url(/img/refresh.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 20px;
	min-width: 42px;
	width: 42px;
	height: 42px;
	font-size: 0;
	flex-shrink: 0;
}
article.urlap #captcha_img {
	margin: 0 var(--g_s) 0 0;
	width: auto;
	flex-shrink: 0;
}
article.urlap #captcha {
	margin: 0;
	flex-grow: 1;
}
article.urlap p.mell {
	line-break: anywhere;
}
article.urlap p.fajl_ok {
	margin-bottom: var(--g_s);
	padding: var(--g_xs) 44px var(--g_xs) var(--g_xs);
	background: var(--c_szurke);
	position: relative;
}
article.urlap p.fajl_ok:after {
	content: '';
	background: url(/img/t_check.svg) center no-repeat;
	background-size: auto 24px;
	width: 44px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
article.urlap .popup {
	display: none;
}
article.urlap #kab #megertettem + label {
	margin-bottom: 0;
}
article.urlap #kab .targy,
article.urlap #ktnr .mell {
	margin-top: var(--g_s);
}
article.urlap #kab .targy {
/*	display: flex;
	flex-flow: column nowrap;*/
	position: relative;
	transition: margin 0.2s ease;
}
article.urlap #ktnr .mell {
	background: var(--c_vszurke);
	display: flex;
	flex-flow: row nowrap;
}
article.urlap #kab #targyak_div .targy,
article.urlap #ktnr #mellekletek_div .mell {
	cursor: pointer;
}
article.urlap #kab #targyak_div .targy:hover {
	margin-left: 5px;
	margin-right: -5px;
}
article.urlap #ktnr #mellekletek_div .mell:hover {
	background: var(--c_szurke);
}
article.urlap #ktnr #mellekletek_div .mell.hiba:hover {
	background: var(--c_pink);
}
article.urlap #kab .targy > div,
article.urlap #ktnr .mell > div {
	padding: var(--g_s);
}
article.urlap #ktnr .mell > div {
	flex-grow: 1;
}
article.urlap #kab .targy p,
article.urlap #ktnr .mell p {
	margin: 0;
	word-break: break-word;
	line-height: normal;
}
article.urlap #ktnr .mell p.mellfajl {
	font-style: italic;
}
article.urlap #kab .targy .x {
/*	padding: 0;
	background: var(--c_piros);
	width: 40px;
	height: 40px;*/
	height: calc(2 * var(--g_xs) + 22px);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
/*	cursor: pointer;*/
}
article.urlap #kab #targy_del_popup .targy .x,
article.urlap #ktnr #mell_del_popup .mell .x {
	display: none;
}
/*
article.urlap #kab .targy .x:before {
	content: '';
	background: url(/img/x.svg) no-repeat center;
	background-size: 20px;
	width: 40px;
	height: 40px;
	transition: transform 0.2s ease;
}
article.urlap #kab .targy .x:hover:before {
	transform: rotate(90deg);
}
*/
article.urlap #kab .targy .old {
	background: var(--c_szurke);
}
/*
article.urlap #kab #targyak_div  .targy:hover .old {
	background: var(--c_ksszurke);
	color: #fff;
}
*/
article.urlap #kab .targy .old p {
	margin-right: 40px;
}
article.urlap #kab .targy .new {
	background: var(--c_vszurke);
	border-top: 4px solid #fff;
	position: relative;
}
article.urlap #kab .targy .new:before {
	content: '';
	background: var(--c_szurke);
	border-right: 4px solid #fff;
	border-top: 4px solid #fff;
	width: 12px;
	height: 12px;
	transform: rotate(135deg);
	position: absolute;
	top: -9px;
	left: calc(50% - 9px);
}
/*
article.urlap #kab #targyak_div  .targy:hover .new {
	background: var(--c_kszurke);
	color: #fff;
}
article.urlap #kab #targyak_div  .targy:hover .new:before {
	background: var(--c_ksszurke);
}
*/
article.urlap #kab .targy.hiba .old,
article.urlap #kab .targy.hiba .new,
article.urlap #kab .targy.hiba .new:before,
article.urlap #ktnr .mell.hiba {
	background: var(--c_vpiros);
}
article.urlap #kab .targy .inline {
	column-gap: var(--g_xxs);
}
article.urlap #kab .targy .kredit,
article.urlap #kab .targy .jegy {
	margin: var(--g_xxs) 0;
	padding: var(--g_xxs);
	width: 44px;
	font-size: var(--f_xs);
	color: #fff;
	text-align: center;
}
article.urlap #kab .targy .kredit {
	background: var(--c_kek);
}
article.urlap #kab .targy .jegy {
	background: var(--c_ksszurke);
}
/*
article.urlap #kab #targyak_div .targy:hover .jegy {
	background: var(--c_fekete);
}
*/
article.urlap #kab .targy .kredit span,
article.urlap #kab .targy .jegy span {
	margin-top: -2px;
	font-size: var(--f_l);
	font-weight: bold;
}
article.urlap #kab #targy_del_popup {
	width: 100%;
}
article.urlap #szulnev_ua ~ div.szulnev_ua,
article.urlap #ertcim_ua ~ div.ertcim_ua {
	max-height: 500px;
	transition: max-height 0.2s ease-in; /* height auto nem animálható */
}
article.urlap #szulnev_ua:checked ~ div.szulnev_ua,
article.urlap #ertcim_ua:checked ~ div.ertcim_ua {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out; /* height auto nem animálható */
}
article.urlap #ktnr #targy {
	height: calc(var(--f_m) + 2*var(--g_xs) + 5px);
}
article.urlap #ktnr label[for='szoveg'] + p {
	margin: var(--g_s) 0;
}
article.urlap #ktnr .hiddencheck + .table_wrap {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out; /* height auto nem animálható */
}
article.urlap #ktnr .hiddencheck:checked + .table_wrap {
	max-height: 300px;
	transition: max-height 0.3s ease-in; /* height auto nem animálható */
}
article.urlap .autohi {
	overflow: hidden;
}
article.urlap .counter {
	align-self: flex-end;
	margin-top: calc(-1 * var(--g_xs));
}
article.urlap .s {
	max-width: 120px;
}
article.urlap .m {
	max-width: 200px;
}
article.urlap .l {
	max-width: 300px;
}
article.urlap .xl {
	max-width: 450px;
}

/************************ lábléc ************************/
footer {
	background: var(--c_fekete);
	color: #eee;
	font-family: "MerriweatherLight", sans-serif;
	font-size: var(--f_s);
	line-height: 24px;
}
#footer,
#subfooter {
	display: flex;
	flex-flow: column nowrap;
}
#footer > div,
#subfooter > p {
	margin: var(--g_m);
	flex-grow: 1;
}
#footer > div:not(:last-of-type),
#subfooter > p:not(:last-of-type)  {
	margin-bottom: 0;	
}
#footer_addr {
	padding-left: calc(var(--w_balsav) - 35px);
	/*background: url(/img/t_ttk-logo.svg) no-repeat 0 0;*/
	background: url(/img/t_ttk-logo_ver.svg) no-repeat 0 0;
	background-size: 80px auto;
}
/*
#footer_addr p {
	margin-bottom: var(--g_s);
}
*/
#footer_addr a:before,
#footer_addr span:before {
	content: "";
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: auto 16px;
	display: inline-block;
	width: 24px;
	height: 16px;
	vertical-align: text-top;
}
#footer_addr .tel:before {
	background-image: url(/img/t_tel.svg);
}
#footer_addr .level:before {
	background-image: url(/img/t_email.svg);
}
#footer_addr .pin:before {
	background-image: url(/img/t_pin.svg);
}
#footer_addr .mappin:before {
	background-image: url(/img/t_map-pin.svg);
}
#footer_addr .map:before {
	background-image: url(/img/t_map.svg);
}
#footer_addr .level {
	word-break: break-all;
}
#footer_egys a:before {
	content: "";
	background: url(/img/t_right.svg) no-repeat 0 center;
	background-size: auto 12px;
	display: inline-block;
	width: 16px;
	height: 12px;
}
#footer_sm {
	width: calc(100% - 2*var(--g_s));
}
#footer_sm ul {
	line-height: 40px;
	column-count: 2;
}
#footer_sm a:before {
	content: "";
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size: auto 30px;
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
#footer_sm .fb a:before {
	background-image: url(/img/t_fb.svg);
}
#footer_sm .in a:before {
	background-image: url(/img/t_in.svg);
}
#footer_sm .yt a:before {
	background-image: url(/img/t_yt.svg);
}
#footer_sm .tt a:before {
	background-image: url(/img/t_tt.svg);
}
#subfooter_wrap {
	background: var(--c_sfekete);
}
#subfooter > p:last-of-type {
	flex-grow: 0;
}
#subfooter a,
#subfooter span {
	white-space: nowrap;
}
#subfooter span {
	color: var(--c_kszurke);
}

/************************ 360px és felette ************************/
@media (min-width: 360px) {

	#header_logo img {
		height: var(--h_hlogo_s);
	}

}

/************************ 420px és felette ************************/
@media (min-width: 420px) {

	#header_logo {
		margin: calc((var(--h_fejlec_s) - var(--h_hlogo_m)) / 2) var(--g_s);
	}
	#header_logo img {
		height: var(--h_hlogo_m);
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 170px !important;
	}
	article.hir #cimkep[style] {
		height: 260px;
	}
	#cimkep h1,
	.slick-slide h1 {
		font-size: var(--f_xxl);
	}
	#cimkep img {
		margin: var(--g_s);
		height: var(--h_hlogo_m);
	}
	article.col3 #content > div > h1:first-of-type {
		margin-bottom: calc(2 * var(--g_l));
		font-size: var(--f_xxl);
	}
	article.col3 #content > div > h1:first-of-type::after {
	  bottom: calc(-1 * var(--g_m));
	}
	h1#en_hp_first {
		max-inline-size: 380px;
	}
	.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	}
	.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
	}
	footer {
		font-size: var(--f_sm);
	}
	#footer > div,
	#subfooter > p {
		margin: var(--g_l);
	}
	#footer_sm li {
		padding-right: var(--g_s);
	}
	#subfooter > p:last-of-type {
		margin-top: var(--g_s);
	}
	#hirek .image {
		height: 240px;
	}
	#munkatarsak .img,
	#result_mt .img,
	div.nevjegy .img {
		width: 220px;
	}

}

/************************ 480px és felette ************************/
@media (min-width: 480px) {

	.fluid_dummy.r16_9 {
		margin-top: 56%;
	}
	#galeria a {
		flex-grow: 0;
	}
	#galeria img {
		height: 140px;
		width: auto;
	}
	#hirek .image {
		height: 260px;
	}
	#munkatarsak .img,
	#result_mt .img,
	div.nevjegy .img {
		padding: var(--g_s) 0 var(--g_s) var(--g_s);
	}
	#munkatarsak .text,
	#result_mt .text,
	div.nevjegy .text {
		padding: var(--g_s);
	}
	article.munkatars .text > div {
		margin-top: var(--g_s);
	}
	article.munkatars .text p:not(.egys) {
		font-size: var(--f_m);
	}
	article.munkatars .egys {
		margin-top: var(--g_s);
		font-size: var(--f_l);
	}
	aside #hirek .image {
		height: 140px;
	}
	.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}

}

/************************ 520px és felette ************************/
@media (min-width: 520px) {

	article.col3 #content > div > .grid {
/*		grid-template-columns: repeat(2, 1fr);*/
		grid-template-columns: repeat(4, 1fr);
	}
	article.col3 #content > div > .grid > div {
		grid-column: span 2;
	}
	/* árva elem esetén */
	article.col3 #content > div > .grid > div:last-child:nth-child(2n - 1) {
	  grid-column-end: -2;
	}
	.kiemelt_tartalom.paros {
		grid-template-columns: repeat(2, 1fr);
	}
	.kiemelt_tartalom.paratlan {
		width: calc(100% - 100px + 2*var(--g_s)); /* 100px = 2*gombszélesség */
/*		width: calc(100% + 2*var(--g_s)); center mode slick */
	}
	article.col3 #hirek > div {
		display: flex;
		flex-flow: row nowrap;
		grid-gap: var(--g_s);
	}
	article.col3 #hirek .image {
		width: 40%;
		max-width: 300px;
		flex-shrink: 0;
	}
	article.col3 #hirek .kat {
		position: relative;
		top: 0;
	}
	article.col3 #hirek .tags {
		display: none;
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 200px !important;
	}
	article.hir #cimkep[style] {
		height: 300px;
	}
	article.munkatars .img {
		padding-right: var(--g_s);
	}
	#footer_egys,
	#footer_sm {
		padding-left: calc(var(--w_balsav) - 35px);
	}
	#hirek .image {
		height: 160px;
	}

}

/************************ 566px és felette ************************/
@media (min-width: 566px) {

	#topmenu ul {
		margin-left: auto;
		overflow: hidden;
	}
	#topmenu span {
		display: none;
	}
	aside #hirek .image {
		height: 160px;
	}
	#munkatarsak div h2,
	#result_mt div h2,
	div.nevjegy h2 {
		font-size: var(--f_xl);
	}
	#munkatarsak p,
	#result_mt p,
	div.nevjegy p {
		font-size: var(--f_sm);
	}
	#munkatarsak .egys,
	#result_mt .egys,
	div.nevjegy .egys {
		font-size: var(--f_m);
	}
	article.urlap #kab .targy {
		flex-flow: row nowrap;
	}
	article.urlap #kab .targy > div {
		width: 50%;
	}
	article.urlap #kab .targy .old p {
		margin-right: 0;
	}
	article.urlap #kab .targy .new {
		border-top: none;
		border-left: 4px solid #fff;
	}
	article.urlap #kab .targy .new:before {
		transform: rotate(45deg);
		top: calc(50% - 8px);
		left: -9px;
	}
	article.urlap #kab .targy .new p {
		margin-right: 40px;
	}

}

/************************ 596px és felette ************************/
@media (min-width: 596px) {

	#footer_sm ul {
		display: flex;
		flex-flow: row nowrap;
	}

}

/************************ 646px és felette ************************/
@media (min-width: 646px) {

	#fejlec_wrap {
		min-height: var(--h_fejlec_m);
	}
	#fejlec {
		grid-template-rows: repeat(var(--h_menu_m));
	}
	#header_logo,
	#header_logo img {
		height: var(--h_hlogo_m);
	}
	#header_logo {
		margin: calc((var(--h_fejlec_m) - var(--h_hlogo_m)) / 2) var(--g_l);
	}
	#header_icons {
		margin: 0 var(--g_l) 0 auto;
		height: var(--h_fejlec_m);
/*		line-height: var(--h_fejlec_m);*/
	}
	.menu_cont > span,
	.menu_cont > ul {
		margin: var(--g_l);
	}
	#lokator {
		padding: var(--g_xxs) var(--g_l);
	}
	article {
		flex-grow: 1;
		display: grid;
		grid-template-rows: minmax(min-content, max-content) minmax(min-content, 100%) minmax(min-content, max-content);
		grid-template-columns: var(--w_balsav) calc(100% - var(--w_balsav));
/*		grid-template-columns: var(--w_balsav) 1fr; ez a túl széles tablázatok miatt nem jó */
		grid-template-areas:
			"kep kep"
			"bal txt"
			"jobb jobb";
	}
	article.col3 {
		display: flex;
		flex-flow: column nowrap;
	}
	article.hiresemeny {
		display: block;
	}
	#cimkep,
	.korhinta {
		grid-area: kep;
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 240px !important;
	}
	article.hir #cimkep[style] {
		height: 340px;
	}
	#cimkep[style] + #balsav + #content,
	article:not(.hir) > #cimkep[style] + #balsav + #content + aside {
		margin-top: -50px;
		z-index: 0;
	}
	#cimkep h1,
	.slick-slide h1 {
		font-size: var(--f_xxxl);
	}
	#cimkep img {
		margin: var(--g_l);
	}
	.kiemelt_tartalom.paratlan {
		width: calc(100% - 100px + 2*var(--g_l)); /* 100px = 2*gombszélesség */
/*		width: calc(100% + 2*var(--g_l)); center mode slick */
	}
	.txt img.fright {
		margin: 0 0 var(--g_l) var(--g_l);
	}
	.txt img.fleft {
		margin: 0 var(--g_l) var(--g_l) 0;
	}
	#balsav {
		grid-area: bal;
		padding: var(--g_l) var(--g_xs);
		display: block;
		height: 100%; /* Firefox hiba miatt kell */
		text-align: right;
	}
	#cimkep[style] + #balsav {
		margin-bottom: 50px;
	}
	#frissitve,
	article.hir #frissitve {
		margin: var(--g_xs) 0 var(--g_s);
		display: block;
	}
	#frissitve p {
		margin-bottom: var(--g_xxs);
	}
	#frissitve p span {
		display: none;
	}
	#megosztas {
		margin-top: var(--g_xs);	
	}
	#megosztas p {
		margin-bottom: 7px;
		display: block;
	}
	#megosztas ul {
		display: block;
	}
	#megosztas a {
		margin: 0 0 var(--g_xs) auto;
	}
	#content {
		grid-area: txt;
		padding: var(--g_l) calc(var(--g_l) + var(--g_xs)) 50px var(--g_l);
	}
	article.col3 #content > div {
		padding: var(--g_l);
	}
/*
	article.col3 #content > div > div > div {
		margin-bottom: var(--g_l);
	}
*/
	#hirek {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
	#munkatarsak {
		grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	}
	#hirek .image {
		height: 180px;
	}
	aside #hirek .image {
		height: 140px;
	}
	article.search .result {
		grid-gap: var(--g_l);
	}
/*
	.txt .grid.wide {
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	}
*/
	.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
	.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
	}
	.txt > figure > img,
	.txt > p > img,
	.txt > p > a > img {
		margin: 0;
		width: 100%;
/*		width: calc(100% + var(--g_l) + var(--g_xs));*/
	}
	aside {
		grid-area: jobb;
		padding: var(--g_l) calc(var(--g_l) + var(--g_xs)) var(--g_l) calc(var(--w_balsav) + var(--g_l));
	}
	.hiresemeny aside {
		grid-area: jobb;
		padding: var(--g_l);
	}
	article.urlap input[type="submit"] {
		margin: var(--g_l) 0 0;
	}
	article.urlap #kab .targy {
		flex-flow: column nowrap;
	}
	article.urlap #kab .targy > div {
		width: auto;
	}
	article.urlap #kab .targy .old p {
		margin-right: 40px;
	}
	article.urlap #kab .targy .new {
		border-top: 4px solid #fff;
		border-left: none;
	}
	article.urlap #kab .targy .new:before {
		transform: rotate(135deg);
		top: -9px;
		left: calc(50% - 8px);
	}
	article.urlap #kab .targy .new p {
		margin-right: 0;
	}
	footer {
		font-size: var(--f_m);
	}
	#footer > div {
		padding-left: var(--w_balsav);
	}
	#footer_addr {
		background-position: 5px 0;
	}
	#footer_sm {
		width: calc(100% - 2*var(--g_l));
	}
	#footer_sm ul {
		display: block;
	}
	#suti {
		padding: var(--g_l);
		flex-flow: row nowrap;
		align-items: center;
	}
	#suti p {
		flex-grow: 1;
	}
	#suti button {
		margin: 0 0 0 var(--g_l);
		width: 25%;
	}

}

/************************ 696px és felette ************************/
@media (min-width: 696px) {

	#topmenu div {
		display: none;
	}
	#topmenu .icon {
		display: list-item;
	}
	#footer_sm ul {
		display: flex;
	}

}

/************************ 720px és felette ************************/
@media (min-width: 720px) {

	h1#en_hp_first {
		max-width: auto;
		max-inline-size: max-content;
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 260px !important;
	}
	.korhinta .slick-arrow {
		display: block !important;
	}
/* slick mode center
	.korhinta .slick-arrow,
	.kiemelt_tartalom .slick-arrow {
		display: block !important;
	}
	.kiemelt_tartalom {
		width: calc(100% - 100px + 2*var(--g_l)); 100px = 2*gombszélesség
	}
*/
	article.hir #cimkep[style] {
		height: 380px;
	}
	#footer {
		flex-flow: row wrap;
	}
	#footer_egys {
		padding: 0;
	}
	#hirek .image {
		height: 200px;
	}

}

/************************ 768px és felette ************************/
@media (min-width: 768px) {

	#ikonmenu li:first-of-type a {
		margin-top: inherit;
	}
	#ikonmenu {
		margin: 0 auto;
		width: 50%;
		column-count: 2;
	}
	#ikonmenu li {
		padding: var(--g_xs) 0;
	}
	#ikonmenu a {
		margin: 0 auto;
	}
	.popup {
		width: auto;
		min-width: 300px;
		max-width: 800px;
		max-height: calc(100% - 2*var(--g_l));
	}
	.popup.video {
		width: calc(100% - 2*var(--g_l));
	}
	#gamma_popup {
		width: 400px;
	}
	.menu_cont > ul {
		column-count: 2;
	}
	#lokator {
		display: block;
/*		overflow: auto hidden;*/
	}
	#lokator ul {
		display: flex;
		flex-flow: row wrap;
	}
	#lokator li {
		white-space: normal;
	}
/*
	.yt-wrap {
		padding-bottom: 45%; 
	}
*/
	.kiemelt_tartalom {
		width: calc(100% - 100px + 2*var(--g_l)); /* 100px = 2*gombszélesség */
/*		width: calc(100% + 2*var(--g_l)); center mode slick */
	}
	article.col3 #content > div > .grid {
/*		grid-template-columns: repeat(3, 1fr);*/
		grid-template-columns: repeat(6, 1fr);
	}
	/* 2 árva elem esetén */
	article.col3 #content > div > .grid > div:last-child:nth-child(3n - 1) {
	  grid-column-end: -2;
	}
	article.col3 #content > div > .grid > div:nth-last-child(2):nth-child(3n + 1) {
	  grid-column-end: 4;
	}
	/* 1 árva elem esetén */
	article.col3 #content > div > .grid > div:last-child:nth-child(3n - 2) {
	  grid-column-end: 5;
	}
	article.col3 #content > div > .flex {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: var(--g_l);
		flex-flow: unset;
		align-items: unset;
	}
/*
	article.col3 #content > div > h1:first-of-type {
		grid-column: 1 / span 3;
	}
*/
	article.col3 #content > div > .flex > div {
		margin-bottom: 0;
		max-width: none;
	}
/*
	article.col3 #content > div > p {
		position: absolute;
		top: var(--g_l);
		right: var(--g_l);
	}
*/
	article.col3 #hirek > div {
		display: block;
/*		flex-flow: row nowrap;
		grid-gap: var(--g_s);*/
	}
	article.col3 #hirek .kat {
		position: absolute;
/*		top: -33px;*/
		top: -30px;
	}
	article.col3 #hirek .tags {
		display: block;
	}
	article.search #result_main_wrap {
		column-count: 2;
		column-fill: balance;
		column-gap: calc(2 * var(--g_l));
		column-rule: 1px solid var(--c_kszurke);
	}
	article.search h2 {
		column-span: all;
	}
	article.hir #cimkep[style] {
		height: 420px;
	}
	#search_popup input,
	#keres_popup input {
		width: 500px;
	}
	#hirek,
	article.hirek .grid {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}
	#hirek .image {
		height: 220px;
	}
	aside #hirek .image {
		height: 180px;
	}
	article.col3 #hirek .image {
		width: unset;
		max-width: unset;
		height: 140px;
	}
	article.col3 #esemenyek .naptar {
		padding: var(--g_s) var(--g_xs);
		font-size: var(--f_s);
		width: 60px;
	}
	article.col3 #esemenyek .naptar span {
		font-size: var(--f_xxl);
	}
	article.urlap #kab .targy {
		flex-flow: row nowrap;
	}
	article.urlap #kab .targy > div {
		width: 50%;
	}
	article.urlap #kab .targy .old p {
		margin-right: 0;
	}
	article.urlap #kab .targy .new {
		border-top: none;
		border-left: 4px solid #fff;
	}
	article.urlap #kab .targy .new:before {
		transform: rotate(45deg);
		top: calc(50% - 8px);
		left: -9px;
	}
	article.urlap #kab .targy .new p {
		margin-right: 40px;
	}
	.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	}

}

/************************ 880px és felette ************************/
@media (min-width: 880px) {

	/*
	#galeria {
		grid-template-columns: 1fr 1fr 1fr;
	}
	*/
	#galeria img {
		height: 160px;
	}
	#hirek .image,
	article.col3 #hirek .image {
		height: 160px;
	}
	aside #hirek .image {
		height: 140px;
	}

}

/************************ 900px és felette ************************/
@media (min-width: 900px) {

	article {
		grid-template-rows: minmax(min-content, max-content) minmax(min-content, 100%);
		grid-template-columns: var(--w_balsav) calc(70% - var(--w_balsav)) 30%;
		grid-template-areas:
			"kep kep kep"
			"bal txt jobb";
	}
	article.hiresemeny {
		display: grid;
		grid-template-columns: 70% 30%;
		grid-template-areas: "txt jobb";
	}
	article.hir {
		grid-template-areas:
			"kep kep jobb"
			"bal txt jobb";
	}
	article.munkatars {
		grid-template-areas:
			"kep kep kep"
			"bal txt txt";
	}
	article.galeria {
		grid-template-columns: var(--w_balsav) calc(100% - var(--w_balsav));
		grid-template-areas:
			"kep kep"
			"bal txt";
	}
	article.urlap #kab .targy {
		flex-flow: column nowrap;
	}
	article.urlap #kab .targy > div {
		width: auto;
	}
	article.urlap #kab .targy .old p {
		margin-right: 40px;
	}
	article.urlap #kab .targy .new {
		border-top: 4px solid #fff;
		border-left: none;
	}
	article.urlap #kab .targy .new:before {
		transform: rotate(135deg);
		top: -9px;
		left: calc(50% - 8px);
	}
	article.urlap #kab .targy .new p {
		margin-right: 0;
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 300px !important;
	}
	article.hir #cimkep[style] {
		height: 360px;
	}
	#cimkep .kepinfo,
	.slick-slide .kepinfo {
		top: var(--g_s);
		right: var(--g_s);
	}
	#cimkep p,
	.slick-slide p {
		padding: var(--g_s) calc(2 * var(--g_s) + 24px) var(--g_s) var(--g_s);
	}
	#cimkep[style] + #balsav {
		margin-bottom: 0;
	}
	aside {
		padding: var(--g_l) var(--g_l) 50px var(--g_l);
	}
	aside:empty {
		display: inherit;
	}
	aside #hirek {
		display: flex;
		flex-flow: column nowrap;
	}
	aside #hirek > div {
		display: flex;
		flex-flow: column nowrap;
	}
	aside #hirek .text {
		margin-bottom: 0;
	}
	aside #hirek .kat,
	aside #hirek .tags,
	aside #hirek p:not([class]) {
		display: none;
	}
	aside #hirek .datum.kozep {
		display: block;
	}
	aside #hirek .datum.hosszu {
		display: none;
	}
	aside #hirek h2 {
		margin-bottom: 0;
		font-size: var(--f_l);
	}
	aside #esemenyek {
		display: flex;
		flex-flow: column nowrap;
	}
	aside #esemenyek .datum:before,
	aside #esemenyek .helyszin:before {
		margin-right: var(--g_xxs);
	}
	aside #esemenyek .text {
		padding-left: var(--g_xs);
	}
	#footer > #footer_egys {
		padding: 0;
	}
	#subfooter {
		flex-flow: row wrap;
	}
	div.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
	aside.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	}
	aside.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(86px, 1fr));
	}

}

/************************ 1110px és felette ************************/
@media (min-width: 1110px) {

/*
	.yt-wrap {
		padding-bottom: 35%; 
	}
*/
	#hirek,
	#esemenyek,
	article.hirek .grid {
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
	/*
	#galeria {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	*/
	#galeria img {
		height: 180px;
	}
	#hirek .image,
	article.col3 #hirek .image {
		height: 200px;
	}
	article.col3 #esemenyek .naptar {
		padding: var(--g_s);
		font-size: var(--f_m);
		width: 70px;
	}
	article.col3 #esemenyek .naptar span {
		font-size: var(--f_xxxl);
	}
	article.munkatars {
		grid-template-areas:
			"kep kep kep"
			"bal txt jobb";
	}
	aside #hirek .image {
		height: 160px;
	}
	aside #hirek h2 {
		margin-bottom: 0;
		font-size: var(--f_xl);
	}
	aside #esemenyek .text {
		padding-left: var(--g_s);
	}
	.txt .grid.wide {
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}
/*
	.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	}
*/
/*
	.txt img {
		width: 100%;
	}
*/
	article.urlap #kab .targy {
		flex-flow: row nowrap;
	}
	article.urlap #kab .targy > div {
		width: 50%;
	}
	article.urlap #kab .targy .old p {
		margin-right: 0;
	}
	article.urlap #kab .targy .new {
		border-top: none;
		border-left: 4px solid #fff;
	}
	article.urlap #kab .targy .new:before {
		transform: rotate(45deg);
		top: calc(50% - 8px);
		left: -9px;
	}
	article.urlap #kab .targy .new p {
		margin-right: 40px;
	}
	#footer > div:not(:last-of-type) {
		margin: var(--g_l);
	}
	#footer > #footer_sm {
		padding: 0;
		width: auto;
	}
	#footer_sm ul {
		display: block;
		column-count: unset;
	}
	#footer_sm li {
		padding: 0;
	}
	#subfooter > p:last-of-type {
		margin: var(--g_l);
	}

}

/************************ 1120px és felette ************************/
@media (min-width: 1120px) {

	.sticky #fejlec_wrap {
		min-height: var(--h_hlogo);
		top: calc(-1 * var(--h_hlogo));
	}
	.sticky #header_logo,
	.sticky #header_logo img {
		height: var(--h_hlogo_s);
	}
	.sticky #header_logo {
		margin: var(--g_xs);
	}
	#header_icons {
		align-content: flex-end;
	}
	#header_icons,
	#fomenu > li > a {
		height: var(--h_menu_m);
		line-height: var(--h_menu_m);
	}
	.sticky #header_icons {
		grid-area: menu;
		align-content: baseline;
	}
/*
	#header_icons button {
		vertical-align: bottom;
	}
*/
	#header_icons #menu_open,
	#header_icons #menu_close {
		display: none;
	}
	#menu {
		grid-area: menu;
		margin: 0 0 0 auto;
		display: block;
		transition: margin 0.3s ease;
	}
	.sticky #menu {
		margin: 0 50px 0 auto;
		transition: none;
	}
	.menu_wrap {
		overflow-y: visible;
	}
	.fomenu_wrap {
		margin: 0;
		width: auto;
		background: none;
		color: #fff;
		border: none;
		visibility: visible;
		opacity: 1;
		position: inherit;
		display: block;
	}
	.fomenu_cont {
		margin: 0;
		width: auto;
		display: block;
	}
	.fomenu_cont > ul {
		column-count: unset;
		column-fill: unset;
		column-gap: unset;
		column-rule: unset;
	}
	.fomenu_cont > span {
		margin: 0;
	}
	#ikonmenu {
		display: none;
	}
	#fomenu {
		margin: 0 var(--g_m) 0 auto;
		width: 100%;
		display: flex;
		flex-flow: row wrap;
		transition: margin 0.3s ease;
	}
	.sticky #fomenu {
		margin: 0 0 0 auto;
		transition: none;
	}
	#fomenu > li {
		padding: 0;
	}
	#fomenu > li > a {
		padding: 0 var(--g_xs);
		height: var(--h_menu_m);
		line-height: var(--h_menu_m);
		position: relative;
	}
	#fomenu > li > a:hover,
	#fomenu > li > a:focus,
	#fomenu > li.aktivsub > a,
	#fomenu > li.aktiv > a,
	#fomenu > li > a.openedsub {
		text-decoration: none;
	}
	#fomenu > li > a > span:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: var(--g_xs);
		right: var(--g_xs);
		/*border-bottom: 0 solid var(--c_turkiz_uj);*/
		border-bottom: 0 solid var(--c_turkiz_kieg);
		transition: border-width 0.2s ease;
	}
	#fomenu > li > a:hover > span:after,
	#fomenu > li > a:focus > span:after,
	#fomenu > li.aktivsub > a > span:after,
	#fomenu > li.aktiv > a > span:after,
	#fomenu > li > a.openedsub > span:after {
		border-bottom-width: 15px;
	}
	#fomenu > li.aktiv > a > span {
		border: none;
	}
	#fomenu > li > a.sub {
		padding: 0 var(--g_xs);
		background: none;
	}
	.almenu_wrap {
		/*border-top: 5px solid var(--c_turkiz_uj);*/
		border-top: 5px solid var(--c_turkiz_kieg);
		top: inherit;
		left: 0;
	}
	.almenu_wrap .almenu_wrap {
		border-top: none;
		top: 0;
		left: 100%;
	}
	.almenu_cont button {
		display: block;
		margin: var(--g_l);
		background: transparent url(/img/g_x.svg) no-repeat center;
		background-size: 24px auto;
		width: 24px;
		height: 24px;
		font-size: 0;
		text-indent: -9999px;
		cursor: pointer;
	}
	.almenu_cont > ul {
		column-count: 3;
	}
	.almenu_cont > ul > li {
		padding: var(--g_xxs) 0;
	}

}

/************************ 1160px és felette ************************/
@media (min-width: 1160px) {

	#fejlec_wrap {
		min-height: var(--h_fejlec);
	}
	#fejlec {
		grid-template-rows: repeat(var(--h_menu));
	}
	#header_logo,
	#header_logo img {
		height: var(--h_hlogo);
	}
	#header_logo {
		margin: calc((var(--h_fejlec) - var(--h_hlogo)) / 2) var(--g_l);
	}
	#header_icons,
	#fomenu > li > a {
		height: var(--h_menu);
		line-height: var(--h_menu);
	}
/*
	#fomenu {
		font-size: 16px;
	}
*/
	#result_oldal ul.lokator {
		font-size: var(--f_s);
	}
	#lokator .home,
	#lokator li:before {
		height: 14px;
		width: 14px;
	}
	#result_oldal ul.lokator li:before {
		height: 10px;
		width: 10px;
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 350px !important;
	}
	article.hir #cimkep[style] {
		height: 390px;
	}
	#cimkep img {
		height: var(--h_hlogo);
	}

}

/************************ 1200px és felette ************************/
@media (min-width: 1200px) {

	:root {
		--f_sm: 14px;
/*		--f_m: 16px;
		--f_ml: 20px;*/
		--f_ml: 18px;
		--f_l: 20px;
		--f_xl: 26px;
		--f_xxl: 32px;
		--f_xxxl: 38px;
	}
	nav {
		font-size: var(--f_m);
	}
	#cimkep[style],
	.korhinta .slick-slide {
		height: 400px !important;
	}
	#cimkep p,
	.slick-slide p {
		font-size: var(--f_sm);
	}
	article.col3 #content > div > .flex > div a.button {
		padding: var(--g_l);
	}
	article.hir #cimkep[style] {
		height: 420px;
	}
	article.hir .kapcs_esemeny span {
		font-size: var(--f_xl);
	}
	article.hir .datum {
		font-size: var(--f_sm);
	}
	article.munkatars .img {
		padding-right: var(--g_l);
	}
	#hirek,
	#esemenyek,
	article.hirek .grid {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	}
	.hiresemeny #hirek {
		grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
	}
	#hirek .image,
	article.col3 #hirek .image {
		height: 240px;
	}
	.hiresemeny #hirek .image {
		height: 200px;
	}
	#hirek p {
		font-size: var(--f_m);
		line-height: calc(var(--f_m) + 0.5em);
	}
	#result_hir p {
		font-size: var(--f_sm);
		line-height: calc(var(--f_sm) + 0.5em);
	}
	#result_oldal .leiras {
		font-size: var(--f_m);
		line-height: calc(var(--f_m) + 0.5em);
	}
	#hirek .kat,
	article.col3 #hirek .kat {
		top: -33px;
	}
	#hirek .datum,
	#result_hir .datum {
		font-size: var(--f_sm);
	}
	#hirek .tags span,
	#result_hir .tags span {
		font-size: var(--f_s);
	}
	article.col3 #esemenyek .naptar,
	.esemenyek #esemenyek .naptar,
	#result_esemeny .naptar {
		font-size: var(--f_m);
		width: 90px;
	}
	#esemenyek .text,
	#result_esemeny .text {
		font-size: var(--f_sm);
	}
	#munkatarsak p,
	#result_mt p,
	div.nevjegy p {
		font-size: var(--f_sm);
	}
	aside #hirek > div {
		display: flex;
		flex-flow: row nowrap;
	}
	aside #hirek .image {
		margin-right: var(--g_xs);
		width: 120px;
		height: 80px;
		flex-shrink: 0;
	}
	aside #hirek h2 {
		font-size: var(--f_m);
	}
	aside #hirek .datum {
		margin-top: 0;
		font-size: var(--f_s);
	}
	aside #hirek .datum.rovid {
		display: block;
	}
	aside #hirek .datum.kozep,
	aside #hirek .datum.hosszu {
		display: none;
	}
	aside #esemenyek .naptar {
		padding: var(--g_s);
		width: 70px;
		font-size: var(--f_sm);
	}
	div.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	}
	div.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}
	aside.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	}
	aside.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));
	}
	.txt .grid {
		grid-gap: var(--g_l);
	}
	.txt .grid p {
		margin-bottom: var(--g_s);
	}
	.txt h3 {
		font-size: var(--f_xl);
	}
	.a_like.nyil {
		background-size: auto var(--f_m);
	}

}

/************************ 1320px és felette ************************/
@media (min-width: 1320px) {

	aside #hirek h2 {
		font-size: var(--f_ml);
	}
	aside #hirek .datum.kozep {
		display: block;
	}
	aside #hirek .datum.rovid {
		display: none;
	}
	aside #esemenyek h2 {
		font-size: var(--f_xl);
	}
	aside #esemenyek .naptar {
		width: 80px;
		font-size: var(--f_m);
	}
	aside #esemenyek .naptar span {
		font-size: var(--f_xxxl);
	}
	div.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	}
	div.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(106px, 1fr));
	}

}

/************************ 1400px és felette ************************/
@media (min-width: 1400px) {

	#cimkep[style],
	.korhinta .slick-slide {
		height: 450px !important;
	}
	#galeria img {
		height: 200px;
	}
	#hirek,
	#esemenyek,
	#munkatarsak,
	article.hirek .grid {
		grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	}
	#munkatarsak p,
	#result_mt p,
	div.nevjegy p {
		font-size: var(--f_m);
	}
	#munkatarsak .egys,
	#result_mt .egys,
	div.nevjegy .egys {
		font-size: var(--f_ml);
	}
	#hirek .image,
	article.col3 #hirek .image {
		height: 260px;
	}
	.hiresemeny #hirek .image {
		height: 220px;
	}
	aside #hirek h2 {
		font-size: var(--f_l);
	}
	aside #hirek .datum {
		font-size: var(--f_sm);
	}
	.txt .grid.wide {
		grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
	}
	div.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
	}
	div.txt .grid.narrow {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}

}

/************************ 1514px és felette ************************/
@media (min-width: 1514px) {

	.hiresemeny #hirek .image {
		height: 180px;
	}
	div.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
	}
	aside.txt .grid.narrower {
		grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
	}

}

/******************* loader aimáció *******************/

.loader {
   margin: 0 auto;
	position: relative;
	width: 64px;
	height: 64px;
	align-self: center;
}
.loader:first-child {
	grid-column: 1 / -1;
}
.loader span {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #cccccc;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader span:nth-child(1) {
	left: 6px;
	animation: loader1 0.6s infinite;
}
.loader span:nth-child(2) {
	left: 6px;
	animation: loader2 0.6s infinite;
}
.loader span:nth-child(3) {
	left: 26px;
	animation: loader2 0.6s infinite;
}
.loader span:nth-child(4) {
	left: 45px;
	animation: loader3 0.6s infinite;
}
@keyframes loader1 {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}
@keyframes loader3 {
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}
@keyframes loader2 {
	0% { transform: translate(0, 0); }
	100% { transform: translate(19px, 0); }
}

/************************ e-mail védelem ************************/
.level {
	cursor: pointer;
}
.temil:after {content:'@ttk.pte.hu';}
.gama:after {content:'@gamma.ttk.pte.hu';}
.fiemil:after {content:'@fizika.ttk.pte.hu';}
.pemil:after {content:'@pte.hu';}
.gamil:after {content:'@gmail.com';}