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

div.rolunk_header_div {
	display: flex;
	width: 100%;
	padding: 0 calc(10px + (20 - 10) * var(--alap-arany));
	background: rgba(49, 87, 124, 0.11);
	min-height: 10vh;
	align-items: center;
	justify-content: center;
}

div.rolunk_header_inside_div {
	width: 100%;
	max-width: 1800px;
	margin: calc(40px + (80 - 40) * var(--alap-arany)) auto calc(40px + (80 - 40) * var(--alap-arany)) auto;
}

div.rolunk_header_title_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 10px;
	border-bottom: 1px solid #31577C;
}

div.rolunk_header_title_div h1 {
	text-align: left;
	font-size: calc(32px + (64 - 32) * var(--alap-arany)); font-style: normal; font-weight: 500; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none; text-transform: uppercase;
	padding: 10px;
	margin: 0px;
}

div.rolunk_header_text_div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 20px;
}

@media screen and (min-width: 1024px) {
	div.rolunk_header_inside_div {
		display: flex;
		align-items: stretch;
		justify-content: content-start;
		margin: calc(40px + (80 - 40) * var(--alap-arany)) auto 0 auto;
	}
	
	div.rolunk_header_title_div {
		width: max-content;
		border: none;
		border-right: 1px solid #31577C;
		padding: 0 calc(10px + (30 - 10) * var(--alap-arany)) calc(40px + (80 - 40) * var(--alap-arany)) 10px;
	}
	div.rolunk_header_title_div h1 {
		width: max-content;
	}
	div.rolunk_header_text_div {
		width: auto;
		padding: 0 10px 0 calc(10px + (30 - 10) * var(--alap-arany));
	}
}

div.rolunk_text_div {
	position: relative;
	width: 100%;
	text-align: left;
	FONT-FAMILY: var(--baseone-font);
	COLOR: #000000;
	font-size: calc(14px + (24 - 14) * var(--alap-arany));
	font-style: normal;
	font-weight: normal;
	line-height: 1.4em;
	text-decoration: none;
}
div.rolunk_text_div.header {
	COLOR: #31577C;
}
div.rolunk_text_div.white {
	COLOR: #ffffff;
}
div.rolunk_text_div h1 {font-size: calc(20px + (32 - 20) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 700; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.rolunk_text_div h2 {font-size: calc(20px + (32 - 20) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.rolunk_text_div h3 {font-size: calc(16px + (26 - 16) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 700; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.rolunk_text_div h4 {font-size: calc(16px + (26 - 16) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.rolunk_text_div h5 {font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: 700; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none; margin: 0; padding: 0;}
div.rolunk_text_div p {font-size: calc(14px + (24 - 14) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: inherit; FONT-FAMILY: var(--baseone-font); text-decoration: none;}
div.rolunk_text_div strong, div.publicdocuments_text_div b {font-weight: 700; FONT-FAMILY: var(--baseone-font);}
div.rolunk_text_div a {COLOR: #31577C; text-decoration: none;}
div.rolunk_text_div.white a {COLOR: #ffffff; text-decoration: none;}
div.rolunk_text_div a:hover {text-decoration: underline;}
div.rolunk_text_div img, div.publicdocuments_text_div table {
	max-width: 100%;
}
div.rolunk_text_div blockquote {
	position: relative;
	font-size: calc(20px + (32 - 20) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
	padding: calc(10px + (30 - 10) * var(--alap-arany)) 0;
	padding-left: calc(50px + (60 - 50) * var(--alap-arany));
	margin: 0;
}
div.rolunk_text_div blockquote p {
	font-size: calc(20px + (32 - 20) * var(--alap-arany)); line-height: inherit; font-style: normal; font-weight: normal; COLOR: #31577C; FONT-FAMILY: var(--basetwo-font); text-decoration: none;
}
div.rolunk_text_div blockquote:before {
	position: absolute;
	content: url(../images/rolunk_jel.png);
	width: 37px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
	div.rolunk_text_div {
		line-height: 1.75em;
	}
}

div.rolunk_session_div {
	width: 100%;
}

div.rolunk_main_div {
	width: 100%;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 10px;
}

div.rolunk_main_div.kiemelt {
	background: #31577C url(../images/profil_header_photo.webp) no-repeat center center;
	background-size: cover;
	padding: 0 10px;
}

div.rolunk_main_inside_div {
	width: 100%;
	max-width: 1800px;
	margin: auto;
}

div.rolunk_left_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

div.rolunk_left_div.kiemelt {
	display: flex;
	align-items: center;
	justify-content: center;
}

div.rolunk_left_div.kiemelt:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	right: 50%;
	top: 100%;
	transform: translate(50%,-50%);
	background-color: #ffffff;
}


div.rolunk_left_div img {
	display: block;
	width: 100%;
	max-width: 350px;
	margin: auto;
	height: auto;
}

div.rolunk_right_div {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

div.rolunk_right_div.kiemelt {
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 0px;
}

div.rolunk_text_container_div {
	position: relative;
	width: 100%;
	padding: calc(10px + (20 - 10) * var(--alap-arany)) calc(15px + (50 - 15) * var(--alap-arany));
}

@media screen and (min-width: 1024px) {
	div.rolunk_main_inside_div.kiemelt {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}

	div.rolunk_left_div {
		width: 30%;
	}

	div.rolunk_left_div.kiemelt {
		width: 35%;
	}

	div.rolunk_left_div.kiemelt:after {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: #ffffff;
	}

	div.rolunk_left_div img {
		display: block;
		width: 100%;
		max-width: none;
		margin: auto;
		height: auto;
	}

	div.rolunk_right_div {
		width: 70%;
		padding-left: 5%;
	}

	div.rolunk_right_div.kiemelt {
		width: 65%;
	}
	
	div.rolunk_text_container_div:nth-child(1):after {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		right: 50%;
		top: 100%;
		transform: translate(50%,-50%);
		background-color: #ffffff;
	}
}


div.links_container_div {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	padding: calc(15px + (50 - 15) * var(--alap-arany)) 0px;
}

div.links_item_div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: calc(140px + (150 - 140) * var(--alap-arany));
	padding-top: calc(140px + (150 - 140) * var(--alap-arany));
	border: 1px solid #ffffff;
	border-radius: 50%;
	font-size: calc(22px + (26 - 22) * var(--alap-arany)); font-style: italic; font-weight: 500; COLOR: #ffffff; FONT-FAMILY: var(--basethree-font); text-decoration: none;
	text-shadow: 0 0 1px #ffffff;
}

div.links_container_div a:nth-child(1) div.links_item_div {
	background-color: #4376A0;
}
div.links_container_div a:nth-child(1) div.links_item_div span {
	position: absolute;
	width: min-content;
	top: 50%;
	left: 50%;
	text-align: right;
	transform: translate(-50%,-50%);
}

div.links_container_div a:nth-child(2) div.links_item_div {
	background-color: #2E7888;
}
div.links_container_div a:nth-child(2) div.links_item_div span {
	position: absolute;
	width: min-content;
	top: 50%;
	left: 50%;
	text-align: right;
	transform: translate(-50%,-50%);
}