.lista-h2{
	text-align: center;
	font-family: Roboto-light;
	font-size: 28px;
	color: var(--bcg_vilagos);
	display: block;
	margin-top: 0;
	padding-top: 12px;
	padding-bottom: 8px;
}

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

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

/*KERES*/

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

.lista-keres-toggle p{
	color: var(--text_sotet);
	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;
	background-color: var(--kek_1);
}

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

.lista-keres-holder{
	background-color: var(--bcg_vilagos);
	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;
	width: 98%;
	margin-left: 1%;
	border-radius: 8px;
}
.lista-keres-holder.active{
	padding: 12px 0px 12px 0px;
	max-height: 100vh;
}

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

.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_sotet);
	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_sotet);
	color: var(--bcg_vilagos);
	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_sotet);
	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(--bcg_vilagos);
}

/*TILE*/

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

.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{
	padding: 4px;
	text-align: justify;
	font-family: Roboto-medium;
	background-color: var(--bcg_vilagos);
}

.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);
}

/*SPECIFIC*/

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