/********************************
  KEYWORD ACCORDION
***/  

@font-face { font-family: "Font Awesome 5 Free"; src: url("fa-solid-900.woff2") format("woff2") ; font-style: normal; font-weight: 900; font-display: auto; }

.accordion_unit
{
		margin:0 auto 1px auto;
		transition: ease 3s;
		position:relative;
		width:100%;
		max-width:800px;
		
		background-color: #E5E5E5;
		border: 1px solid #E5E5E5;
}

.accordion_unit:first-child
{
		border-radius: 3px 3px 0 0;
}

.accordion_unit input.keyword_topic
{
		display:none;
}

.accordion_unit .accordion_label
{
		padding:12px 24px 12px 10px;
		display:block;
		cursor:pointer;
		position:relative;
		z-index:1;
		transition: ease 3s;
		
		color: #616161;
		border-bottom: 1px solid #C5C5C5;
}

.accordion_unit .accordion_label::after
{
		content: '\f31e';
		font-family: "Font Awesome 5 Free";
		font-size:15px;
		font-weight:bold;
		position:absolute;
		right:2.5%;
		top:34%;
}

.accordion_unit input.keyword_topic:checked + .accordion_label::after
{
		content:'\f78c';
		font-family: "Font Awesome 5 Free";
		font-size:15px;
		font-weight:bold;
		position:absolute;
		right:2.5%;
		top:34%;
}

.accordion_unit input.keyword_topic + .accordion_label + .accordion_content
{
		display:block;
		height:0px; 
		
		font-size: 14px;
		transition:ease 3s;
		
		width:100%;
		max-width:800px;
		padding:0px 0 0px 0; /* fontos, hogy ne legyen felső és alsó padding, mert akkor nem lesz 0px a magassága! */
		opacity: 1;
		overflow:hidden;
		transition: height .7s linear;
		-moz-transition: height .7s linear;
		-ms-transition: height .7s;
		-o-transition: height .7s;
		-webkit-transition: height .7s;
			
}