.lista-h2{
	text-align: center;
	font-family: Roboto-light;
	font-size: 28px;
	margin-top: 12px;
}

.lista-holder-basic{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

/*KERES*/

.lista-keres-toggle{
	width: 50%;
	margin-left: 25%;
	background-color: var(--bcg_sotet);
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	transition-delay: 0.4s;
}

.lista-keres-toggle p{
	color: var(--text_vilagos);
	font-size: 20px;
}

.lista-keres-toggle.active{
	border-radius: 0px 0px 8px 8px;
	transition-delay: 0.0s;
}

.lista-keres-toggle.active p{
	font-size: 30px;
}

.lista-keres-toggle:hover{
	cursor: pointer;
}

.lista-keres-toggle:hover p{
	color: var(--kek_3);
}

.lista-keres-holder{
	background-color: var(--bcg_sotet);
	margin-top: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	padding: 0 0 0 0;
	transition: 0.4s;
	max-height: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.lista-keres-holder.active{
	padding: 12px 0px 12px 0px;
	max-height: 100vh;
}

.lista-keres-holder *{
	color: var(--text_vilagos);
}

.lista-keres-holder h3{
	text-align: center;
	margin-top: 12px;
}

.lista-keres-holder div{
	margin-top: 12px;
	display: flex;
	align-items: center;
}

.lista-szabad-holder p{
	margin-right: 12px;
}

.lista-szabad-holder input{
	border-bottom: 1px solid var(--bcg_vilagos);
	width: 300px;
}

/* mobile */
body.res-tall .lista-szabad-holder input{
	width: 240px;
}

.lista-keres-holder input:hover{
	border-bottom: 1px solid var(--kek_3);
}

.lista-mehet{
	background-color: var(--bcg_vilagos);
	color: var(--text_sotet);
	padding: 4px;
	width: 200px;
	min-width: 30%;
	text-align: center;
	border-radius: 8px;
	margin-top: 24px;
	font-size: 20px;
}

.lista-mehet:hover{
	cursor: pointer;
	background-color: var(--kek_2);
}

.lista-keres-datum-holder{
	display: flex;
	justify-content: center;
	align-items: center;
}

.lista-keres-datum-holder p{
	margin: 0px 12px 0px 12px;
}

.lista-keres-tipus-holder{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.lista-keres-tipus-holder p{
	padding: 6px 12px 6px 12px;
	border: 1px solid var(--bcg_vilagos);
	margin: 6px;
}

.lista-keres-tipus-holder p:hover{
	cursor: pointer;
	border: 1px solid var(--kek_2);
	color: var(--kek_2);
}

.lista-keres-tipus-holder .active{
	background-color: var(--fogkrem_1);
	border: 1px solid var(--fogkrem_1);
}

.lista-keres-tipus-holder .active:hover{
	background-color: var(--fogkrem_2);
	border: 1px solid var(--fogkrem_2);
	color: var(--text_vilagos);
}


/*TILE*/

.tile{
	display: block;
	width: 100%;
	max-width: 1200px;
	text-decoration: none;
	/*margin: 8px 4px 8px 4px;*/
	box-sizing: border-box;
	/*border-radius: 8px;*/
	overflow: hidden;
}

.tile:hover{
	/*border: 1px solid var(--fogkrem_1);*/
}

.tile > img{
	width: 100%;
	display: block;
}

.tile-tipus{
	text-align: center;
	color: var(--text_vilagos);
	padding: 4px 0 4px 0;
	font-size: 18px;
	font-family: Roboto-light;
}

.tile:hover .tile-tipus{
	/*background-color: var(--fogkrem_1);*/
}

.tile-divider > div{
	width: 50%;
	margin-left: 25%;
	height: 1px;
	background-color: var(--bcg_vilagos);
}

.tile:hover .tile-divider{
	/*background-color: var(--fogkrem_1);*/
}

.tile-header{
	padding: 6px;
}

.tile:hover .tile-header{
	/*background-color: var(--fogkrem_1);*/
}

.tile-header *{
	color: var(--text_vilagos);
}

.tile-header h4{
	/*text-align: center;*/
	font-size: 20px;
	font-family: Roboto-regular;
	font-weight: 300;
	/*margin: 8px 10%;*/
}

.tile-data{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tile-data > div{
	display: flex;
	margin: 0 12px;
}

.tile-data-2{
	justify-content: center;
}

.tile svg{
	height: 20px;
	margin-right: 4px;
}

.tile svg *{
	stroke: var(--bcg_vilagos);
	stroke-width: 16;
	fill: rgba(0, 0, 0, 0.0);
}

.tile svg .fill{
	stroke: var(--bcg_vilagos);
	stroke-width: 8;
	fill: rgba(0, 0, 0, 0.0);
}

.tile-lead{
	margin: 2px 4px 4px 4px;
	text-align: justify;
	font-family: Roboto-medium;
}

.tile-footer{
	padding: 8px 0 4px 0;
	display: flex;
	justify-content: center;
	flex-flow: column;
}

.tile-footer > div{
	display: flex;
	justify-content: center;
	align-items: center;
}

.tile-footer p{
	color: var(--text_vilagos);
	margin: 0px 4px 0px 4px;
}

.tile:hover .tile-footer{
	background-color: var(--fogkrem_1);
}

.tile-tovabb{
	width: 150px;
	margin-left: calc(50% - 75px);
	margin-top: 12px;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
	border: 1px solid var(--bcg_sotet);
	transition: 0.2s;
}

.tile:hover .tile-tovabb{
	background-color: var(--bcg_sotet);
	color: var(--text_vilagos) !important;
	transform: scale(1.1);
}

/*SPECIFIC*/

.es-data-div{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	
}