@CHARSET "UTF-8";



@import url('https://fonts.googleapis.com/css?family=Montserrat:light,regular,bold,black&subset=latin-ext');


/*URL-HEZ KÖTHETŐ CSS SZABÁLYOK SZINTAXISA
A html tag-be teszünk egy data-aurl attribútumot, aminek az értékét automatikusan beállítjuk PHP alól. 
Így erre számíthatunk akkor, amikor a azalábbi módon css selectort határozunk meg: 
A :root elem a html tag. 
A *= a wildcardként használható. 
:root[data-aurl*="/dujv"] *
{
	color: red;
}
*/
::-webkit-scrollbar 
{
	width: 15px;
}

::-webkit-scrollbar-track 
{
	background: var(--color_bg_work);
}

::-webkit-scrollbar-thumb 
{
	background: var(--color_border);
}

::-webkit-scrollbar-thumb:hover
{
	background: var(--color_main);
}

html
{
	background: none;
}

body
{

}

body .iui_cms
{
	--s_font_main_family: Montserrat;
	/*Erre azért van szükség, mert a szövegszerkesztő obj. időnként beletszi a inline style-ba a 
	font family értékét a szülőtől, ami a változó neve lesz.Ha itt nem adjuk meg, akkor a központit 
	leörökli, ami a rendszer open-sans-ja, és a publikus felületeken rosszul jelenik meg. */
	font-family: var(--s_font_main_family) !important;
	font-weight: 300;
	background-color: #FFF;
	color: #000;
	--color_border_required: #a00;
	--color_bg_required: #FFF;
}


.iui_color_ger-black 
{
	--iui_color_code: #000000;
}
.iui_color_ger-red 
{
	--iui_color_code: #ff0000;
}
.iui_color_ger-yellow 
{
	--iui_color_code: #ffcc00;
}

.iui_color_hun-red 
{
	--iui_color_code: #ce2939;
}

.iui_color_hun-white 
{
	--iui_color_code: #eeeeee;
}

.iui_color_hun-green 
{
	--iui_color_code: #477050;
}

body .iui_cms a
{

	text-decoration-line: none;
	text-decoration-thickness: 0.11vw;
	text-decoration-color: #000;
	color: #000;
	font-weight: bold;
	overflow-wrap: anywhere;
}

body .iui_cms [data-aid="container_menubar"] a,
body .iui_cms [data-aid="container_menu"] a,
body .iui_cms [data-aid="container_footer"] a
{
	color: #888;
	font-weight: normal;
}

body .iui_cms a:hover
{
	text-decoration-line: underline;
}






/*############################## HEADER beállításai ####################################*/
.iui_cms_header
{
	background-color: #FFF;
	border-bottom: 1px solid #000000;
}

.iui_cms_title_1
{

}

.iui_cms_title_1 span
{
	background-color: rgba(5,5,5,0.5);
	color: #FFF;
	font-weight: 300;
	font-size: 4vw;
	line-height: 5.6vw;
	width: fit-content;
	height: fit-content;
	padding: 5px;
}

.iui_cms_section.iui_cms_header
{
	color: #000;
	padding-top: unset;
	padding-bottom: unset;
}

.iui_cms_header [data-aid='container_header']
{

	cursor: pointer;
	text-transform: uppercase;
	display: grid;
	/*grid-auto-flow: column;*/
	grid-gap: 5px;
	align-items: center;

	
}

.iui_cms_header [data-aid='container_header'] [data-aid="container_logo"]
{
	grid-area: container_logo;
	text-align: right;
}
.iui_cms_header [data-aid='container_header'] [data-aid="container_logo"] span
{
	color: var(--iui_color_code);
	font-weight: 600;
}

.iui_cms_header [data-aid='container_header'] [data-aid="container_button"]
{
	grid-area: container_button;
	background-image: url(../icon/iui_button_menu.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

.iui_cms_header [data-aid='container_header'] [data-aid="container_home"]
{
	grid-area: container_home;
	background-image: url(../icon/iui_button_home.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;

}

.iui_cms_header [data-aid='container_header'] [data-aid="container_menubar"]
{
	grid-area: container_menubar;
	font-weight: normal;
	color: #888;
	text-decoration: none;

}

.iui_cms_header [data-aid='container_header'] [data-aid="container_search"]
{
	grid-area: container_search;
}
.iui_cms_header [data-aid='container_header'] div
{
	display: inline-block;
}



/*Header elrendezés desktop media esetén*/
@media only screen and (min-width: 1025px)
{
	.iui_cms_section 
	{
    	width: 100%;
    	padding-left: 0;
    	padding-right: 0;
	}
	.iui_cms_row
	{
		max-width: calc(100% - 20vw);
	}
	
	.iui_cms_header
	{
		height: unset;
	}
	
	.iui_cms_header [data-aid='container_header']
	{
		font-size:1vw;
		grid-template-areas: 
			'container_logo container_logo container_logo container_logo'
			'container_button container_home container_menubar container_search';
		grid-template-columns: 2.5vw 2.5vw 6fr 1fr;
		grid-template-rows: 1fr 1fr;	
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_logo"]
	{
		padding-top: 1.5vw;
	    padding-bottom: 0.5vw;
	    font-size: 1.5vw;

	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_button"]
	{
		height: 20px;
	}
	
	.iui_cms_header [data-aid='container_header'] [data-aid="container_home"]
	{
		height: 20px;
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_menubar"] a
	{
		margin-top: 0.25vw;
	    margin-bottom: 1.5vw;
	    margin-right: 1.8vw;

		

	}

	.iui_cms_header [data-aid='container_header'] [data-aid="container_menubar"] a:hover
	{
		
		text-decoration-color: var(--iui_color_code);
	}

	
	.iui_cms_header [data-aid='container_search'] input[type="text"]
	{
		font-size: 1vw;
		width: unset;
		height: 2vw;
	}
	
}

/*Header elrendezés tablet media esetén*/
@media only screen and (max-width: 1024px) and (min-width: 600px)
{
	
	.iui_cms_row
	{
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.iui_cms_header
	{
		height: unset;
	}
	
	.iui_cms_header [data-aid='container_header']
	{
		font-size:1.2vw;
		grid-template-areas: 
			'container_logo container_logo container_logo container_logo'
			'container_button container_home container_menubar container_search';
		grid-template-columns: 25px 25px 6fr 1fr;
		grid-template-rows: 1fr 1fr;	
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_logo"]
	{
		padding-top: 1.5vw;
	    padding-bottom: 0.5vw;
	    font-size: 1.5vw;
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_button"]
	{
		height: 20px;
	}
	
	.iui_cms_header [data-aid='container_header'] [data-aid="container_home"]
	{
		height: 20px;
	}

	.iui_cms_header [data-aid='container_header'] [data-aid="container_menubar"] a
	{
		margin-top: 0.25vw;
	    margin-bottom: 1.5vw;
	    margin-right: 1vw;

	}
	.iui_cms_header [data-aid='container_search'] input[type="text"]
	{
		font-size: 1.3vw;
		height: 3vw;
	}
}

/*Header elrendezés mobil media esetén*/
@media only screen and (max-width: 600px)
{
	.iui_cms_header
	{
		height: unset;
	}
	.iui_cms_header [data-aid='container_header']
	{
		font-size:1.5vw;
		grid-template-areas: 
			'container_logo container_logo container_logo container_logo'
			'container_button container_home container_menubar container_search';
		grid-template-columns: 25px 25px 6fr 1fr;
		grid-template-rows: 1fr 1fr;	
		height: 20vw;
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_logo"]
	{
		padding-top: 1.5vw;
	    padding-bottom: 1.5vw;
	    font-size: 2.5vw;
	    text-align: left;
	}
	.iui_cms_header [data-aid='container_header'] [data-aid="container_button"]
	{
		height: 20px;
	}
	
	.iui_cms_header [data-aid='container_header'] [data-aid="container_home"]
	{
		height: 20px;
	}
	
	.iui_cms_header [data-aid='container_header'] [data-aid="container_menubar"]
	{
		display: none;
	}
	.iui_cms_header [data-aid='container_search'] input[type="text"]
	{
		font-size: 2vw;
		height: 5vw;
	}
		
}


.iui_cms_header .iui_cms_menu
{
	display: none;
	position: relative;
	background-color: #FFF;
	color: #888;
	font-weight: normal;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	grid-template-rows: auto;
	gap: 1.6vw;
	align-items: self-start;
}

.iui_cms_header .iui_cms_menu.iui_visible
{
	display: grid;
}

.iui_cms_header [data-aid="container_menubar"].iui_hidden
{
	display: none;
}

/*Főmenü formázás*/
.iui_cms_menu > .iui_cms_menu_element > .iui_cms_menu_label
{
	font-size: 1.2em;
	text-transform: uppercase;
}

.iui_cms_menu > .iui_cms_menu_element.iui_cms_link > .iui_cms_menu_label
{
	cursor: pointer;
}


/*Almenü formázás*/
.iui_cms_menu > .iui_cms_menu_element > .iui_cms_menu_element > .iui_cms_menu_label
{
	padding-top: 0.5em;	
	cursor: pointer;
	line-height: 2em;
}


.iui_cms_header [data-aid='container_search']
{
	text-align: right;	
}

.iui_cms_header [data-aid='container_search'] input[type="text"]
{
	border-radius: 3px;
	border: 1px solid #000;
	color: #000;

	width: unset;
}
.iui_cms_header [data-aid='container_search'] input[type="text"]:focus
{
	border: 2px solid #000;
}

/*############################## FOOTER ####################################*/
.iui_cms .iui_cms_footer
{
	color: #000;
}


.iui_cms .iui_cms_footer a
{
	color: #000;
}


/*############################## FŐOLDAL, MAIN_PUBLIC ####################################*/

.iui_cms_section
{
	padding-top: 3vw;
	padding-bottom: 3.5vw	;
}


[data-aid='main_section_welcome']
{
	background-position: center;
	background-size: cover;
	height: 47vw;
}


[data-aid='main_section_about']
{
	color: #000;
	padding-top: 30px;
    padding-bottom: 30px;
    font-size: 2.5em;
}

[data-mod='c_rec_mod_dujv_main_public.html'] .iui_cms_title_1,
[data-mod='c_rec_mod_dujv_main_public'] .iui_cms_title_2
{
	margin-block-start: 0px;
}

[data-aid="main_section_news"]
{
	background-color: #f5f5f5;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}


[data-aid='main_row_news']
{
	display: grid;
	grid-template-rows: auto;
	gap: var(--i_width_gap);
	align-items: self-start;

}





[data-aid='main_row_news'] div[data-aid='element'].iui_cms_list_element
{
	grid-row: span 3;
	grid-column: unset;
	display: grid;
	grid-template-areas: 
		'pic pic'
		's_name_author i_time_modified'
		's_shell_name s_shell_name'
		's_intro s_intro'
		'next next';
		
		
	
	grid-template-columns: 2fr 1fr;
	align-content: start;
	cursor: pointer;
	align-self: normal;	
	margin-bottom: var(--i_width_gap);
}

/*Header elrendezés desktop media esetén*/
@media only screen and (min-width: 1025px)
{
	[data-aid='main_row_news']
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	[data-aid='main_row_news'] div[data-aid='element'].iui_cms_list_element
	{
		grid-template-rows: 18vw 30px minmax(0px, min-content) minmax(0px, min-content) minmax(0px, auto);
	}
	
}

/*Header elrendezés tablet media esetén*/
@media only screen and (max-width: 1024px) and (min-width: 600px)
{
	[data-aid='main_row_news']
	{
		grid-template-columns: 1fr 1fr;
	}
	[data-aid='main_row_news'] div[data-aid='element'].iui_cms_list_element
	{
		grid-template-rows: 25vw 30px minmax(0px, min-content) minmax(0px, min-content) minmax(0px, auto);
	}
}

/*Header elrendezés mobil media esetén*/
@media only screen and (max-width: 600px)
{
	[data-aid='main_row_news']
	{
		grid-template-columns: 1fr;
	}
	[data-aid='main_row_news'] div[data-aid='element'].iui_cms_list_element
	{
		grid-template-rows: 50vw 30px minmax(0px, min-content) minmax(0px, min-content) minmax(0px, auto);
	}
}



[data-aid='main_row_news'] div[data-aid='element'].iui_cms_list_element_etc
{
	display: grid;
	grid-template-areas: 
		's_shell_name s_shell_name'
		's_name_author s_name_author'
		's_intro s_intro'
		'next next';
	grid-template-rows: auto 40px minmax(0px, auto);
	grid-template-columns: 2fr 1fr;
	align-content: start;
	cursor: pointer;
	align-self: normal;	
}

[data-aid='main_row_news'] [data-aid='element'] [data-aid='pic']
{
	grid-area: pic;
	background-size: cover;
	background-position: center;

}
[data-aid='main_row_news'] [data-aid='element'] [data-aid='s_name_author']
{
	grid-area: s_name_author;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	align-self: center;
	text-transform: uppercase;
	font-size: 0.8em;
	margin-top: 0.8em;
	color: #999;

}

[data-aid='main_row_news'] [data-aid='element'] [data-aid='i_time_modified']
{
	grid-area: i_time_modified;
	align-self: center;
	text-align: right;
	font-size: 0.8em;
	margin-top: 0.8em;
	color: #999;
	
}
[data-aid='main_row_news'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	grid-area: s_shell_name;
}
[data-aid='main_row_news'] [data-aid='element'] [data-aid='s_intro']
{
	grid-area: s_intro;
}
[data-aid='main_row_news'] [data-aid='element'] [data-aid='next']
{
	grid-area: next;

}

[data-aid='container_news_text'].iui_cms_section [data-aid='download'] [data-aid='doc']
{
	margin-top: 0.8em;
	font-size: 1.2em;
	background-image: url(../icon/iui_download.svg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.5em;
}


[data-aid='main_row_calendar']
{
	display: grid;
	gap: var(--i_width_gap);
	align-items: self-start;
}



[data-aid='main_row_calendar'] [data-aid='element']
{
	border: 1px;	
	cursor: pointer;
	align-self: stretch;
	background-size: cover;
	background-position: center;
	display: grid;
	grid-template-areas: 
		'ph1 ph1 date ph2'
		'text text text text';
	grid-template-columns: 1fr 1fr 2fr 1fr;
	

}


/*Header elrendezés desktop media esetén*/
@media only screen and (min-width: 1025px)
{
	[data-aid='main_row_calendar']
	{
		grid-template-columns: 1fr 1fr 1fr;
	}
	[data-aid='main_row_calendar'] div[data-aid='element']
	{
		grid-template-rows: 6vmin 20vmin;
		height: 25vmin;

	}
	
}

/*Header elrendezés tablet media esetén*/
@media only screen and (max-width: 1024px) and (min-width: 600px)
{
	[data-aid='main_row_calendar']
	{
		grid-template-columns: 1fr 1fr;
	}
	[data-aid='main_row_calendar'] div[data-aid='element']
	{
		grid-template-rows: 6vmin 27vmin;
		height: 33vmin;
	}
}

/*Header elrendezés mobil media esetén*/
@media only screen and (max-width: 600px)
{
	[data-aid='main_row_calendar']
	{
		grid-template-columns: 1fr;
	}
	[data-aid='main_row_calendar'] div[data-aid='element']
	{
		grid-template-rows: 10vmin 30vmin;
		height: 40vmin;
	}
}



[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='ph1']
{
	grid-area: ph1;
}

[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='date']
{
	grid-area: date;
    color: var(--color_font_text);
 /*   background-color: var(--color_bg_text);*/
    background-color: rgba(255,255,255,0.6);
    font-size: 1.5em;
    text-align: center;
    font-weight: 700;
	align-self: baseline;
	padding: 2px;

}


[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='ph2']
{
	grid-area: ph2;
}

[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='text']
{
	grid-area: text;
	padding: 1vmin;
	padding: 2vmin;
	align-self: end;
}
[data-aid='main_row_calendar'] [data-aid='element'] [data-aid="text"] div
{
	color: #FFF;
	background-color: rgba(0,0,0,0.6);
	display: inline-block;
	padding: 5px;
	
}

[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	font-size: 2em;
	
}

[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='i_time_begin']
{
	grid-area: i_time_begin;
	align-self: center;
	font-size: 1em;
	margin-top: 5px;
}


[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='s_guid_location']
{
	grid-area: s_guid_location;
	align-self: center;

}

[data-aid='main_row_calendar'] [data-aid='element'] [data-aid='s_virtual_path']
{
	grid-area: s_virtual_path;
	align-self: center;

}


[data-aid='main_row_supporters'] [data-aid='element']
{
	display: grid;
	grid-template-areas: 
	'icon s_shell_name s_shell_name s_shell_name'
	'icon s_web s_web s_web'
	'place s_role s_role s_role'
	'place s_role s_role s_role';
	
	grid-template-rows: 40px 40px 40px minmax(0px, 1fr) 30px;
	grid-template-columns: 100px 1fr 1fr 1.7fr ;
	align-content: start;
	transition: transform .2s; /* Animation */
	align-self: stretch;

}

[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='icon']
{
	grid-area: icon;
	padding: 0px;
	margin-right: 20px;

}
[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='icon'] [data-aid='pic']
{
	grid-area: icon;
	background-size: cover;
	height: 100%;
	width: 100%;

}
[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='place']
{
	grid-area: place;
}
[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='s_shell_name']
{
	grid-area: s_shell_name;
	align-self: center;
}

[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='s_role']
{
	grid-area: s_role;
}
[data-aid='main_row_supporters'] [data-aid='element'] [data-aid='s_web']
{
	grid-area: s_web;
	align-self: center;
	justify-self: start;
	cursor: pointer;
}


/*####################################################### FOOTER ############################################################*/
[data-aid="container_footer"]
{
	background-color: #FFF;
	border-top: 1px solid #888;

}



[data-aid="main_section_about"]
{

	/*Hátterkép kellene, ami az egész sectiont lefedi. */
}

[data-aid="main_section_news"]
{

}

[data-aid="main_section_calendar"]
{


}
[data-aid="main_section_sections"]
{

}
[data-aid="main_section_supporters"]
{

}





/*################################################ AZ EGYES ALOLDALAK CSS-EI ##################################################*/
[data-aid="title_text"],
[data-aid="title"]
{
	display: none;
}

.iui_cms input[type="button"], 
.iui_cms input[type="reset"], 
.iui_cms input[type="submit"], 
.iui_cms input[type="file"], 
.iui_cms input[type="text"], 
.iui_cms input[type="password"], 
.iui_cms input[type="color"],
.iui_cms input[type="number"],  
.iui_cms select, 
.iui_cms textarea,
.iui_cms div.iui_select [data-aid='node_widget'],
.iui_cms .iui_checklist, 
.iui_cms .iui_radiolist
{
	font-size: 1.1em;
	line-height: 1.5em;
	height: 2.5em;
}
.iui_cms textarea
{
	height: 10em;
}

.iui_cms div[data-aid="form_field_container"] [data-aid="element_label"], 
.iui_cms td[data-aid="form_field_container"] [data-aid="element_label"],
.iui_cms tr[data-aid="form_field_container"] [data-aid="element_label"] 
{
	overflow: hidden;
	padding-left: 2px;
	height: 22px;
}

[data-mod="c_rec_mod_dujv_search_list_public"] div[data-aid="form"]
{
	margin-bottom: 50px;	
}

.c_rec_dujv_person .shell_icon, div[class*="c_rec_mod_org_dujv_public_person"]  .shell_icon, div[class="c_rec_mod_org_dujv_person_modify"]  .shell_icon
{
	background-image: url('../icon/c_rec_dujv_person.svg');
	background-color: var(--color_mod_org);
}

div[data-mod="c_rec_mod_org_dujv_public_person_create"] a
{
	color: #000;
}

/*##################################################### ÜBER UNS OLDAL CSS #################################################*/
.dujv_vorstand
{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
}

.dujv_vorstand > div
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 18em auto;
	gap: 20px;
}

.dujv_vorstand > div > div.dujv_vorstand_pic
{
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

}

.dujv_vorstand > div > div#dujv_vorstand_pic_1
{
	background-image: url('../background/Hanns_Engelhardt_public.png');
}
.dujv_vorstand > div > div#dujv_vorstand_pic_2
{
	background-image: url('../background/Csaba_Lang_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_3
{
	background-image: url('../background/Agnes_Urbancsek_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_4
{
	background-image: url('../background/Herbert_Kuepper_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_5
{
	background-image: url('../background/Marc-Tell_Madl_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_6
{
	background-image: url('../background/Michael_Froschl_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_7
{
	background-image: url('../background/Rita_Bajaky_public.png');	
}
.dujv_vorstand > div > div#dujv_vorstand_pic_8
{
	background-image: url('../background/Helmut_Gohr_public.png');	
}
.dujv_vorstand > div > div.dujv_vorstand_text
{
	text-align: center;
}
/*##################################################### PUBLIKUS NAPTÁR MODUL CSS #################################################*/

/*Rita és Ágens kérésére az összecsuoktt eseménynaptárban nem látszik a dátum. */
.iui_cms_list_element.c_rec_time_fix:not(.iui_open) [data-aid="i_time_begin"]
{
	display: none;	
}

/*###################### Tag import modul ##########################*/
div.c_rec_mod_org_dujv_person_import .shell_icon
{
	background-image: url('../../../../../generic/skin/skin_profile_1/global/icon/c_rec_mod_doc_upload_f.svg');
}