@charset "utf-8";
html, body {
	height: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1 0 auto;
}

.captchaerror p{
	color:#ed0000;
	font-size: 20px;
}
.robotdiv{
	display: none;
	padding-bottom: 10px;
}
.robotdiv p.phiba{
	color:#ed0000;
	font-size: 15px;
	padding: 0;
	margin: 0;
}
.recaptchadiv{
	margin: 10px 0px 20px 0px;
}
.nyelv{
	background-color: #000000;
	padding: 30px 20px 30px 20px;
	margin-bottom: 20px;
}
.nyelv h1{
	font-family: 'Montserrat', sans-serif;
	color: #d5c07c;
	font-size: 25px;
	padding-left: 10px;
}
.nyelv span{
	font-family: 'Montserrat', sans-serif;
	color: #d5c07c;
	font-size: 15px;
	padding: 0 10px 0 10px;
}
.nyelv a{
	font-family: 'Montserrat', sans-serif;
	color: #d5c07c;
	font-size: 15px;
	text-decoration: none;
}
.nyelv a:hover{
	color:#ffffff;
	text-decoration: none;
}
.btn-custom {
    background-color: black!important;
    border-color: black!important;
    color: #d5c07c!important;
	padding: 5px 10px 5px 10px;
	margin: 20px auto 20px auto;
	letter-spacing: 1px;
}
.btn-custom:hover {
 	color: #FFFFFF!important;
}
#collapsible {
    transition: height 0.3s ease;
    overflow: hidden;
}
#collapsible p{
	font-family: 'Montserrat', sans-serif;
	color: #000000;
	font-size: 15px;
	text-align: justify;
}


.footer{
	flex-shrink: 0;
	padding: 10px 0;
	background-color: #000000;
}
.footer img.flogo{
	margin: 50px 0px 50px 0px;
	width: 350px;
}
.footer p{
	color: #ffffff;
}
.footer a{
	color: #ffffff;
	text-decoration: none;
}
.footer a:hover{
	color: #d1ab67;
	text-decoration: none;
}
.footer p.cim{
	padding: 25px 0 0 0;
	font-size:calc(1.3rem + .5vw)!important;
	font-weight: 500;
	text-align: left;
}
.footer .fehercsik{
	width: 100%;
	height: 1px;
	background-color: #FFFFFF;
}
.footer .jog p{
	padding-top: 5px;
}
.footer .container{
	text-align: left!important;
}






.hrefvalaszto {
    color:#000000;
    text-decoration:none;
    font-size:20px;
    padding:0px 0px 0px 0px;
    display: inline-block;
	transition: color 0.5s ease;
}
.hrefvalaszto:hover {
    color: #d5c07c;
}

.keresdiv{
	display: none;
}

#keres{
	margin-bottom:15px;
}

.imagePreviews img {
    height: 150px;
    margin: 0 10px 10px 10px;
}

.koszonjuk{
	text-align: center;
}
.koszonjuk p{
	color:#4d9a05;
	font-size: 20px;
}
.koszonjuk img{
	width: 100px;
	padding-top: 15px;
}

.hiba{
	text-align: center;
}
.hiba p{
	color:#ed0000;
	font-size: 20px;
}
.hiba img{
	width: 100px;
	padding-top: 15px;
}

.containercopy {
	border: 2px solid #000;
	padding: 10px;
	width: 100%;
	max-width: 100%;
	font-family: Arial, sans-serif;
	position: relative;
	margin-bottom: 10px;
	margin-top:35px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
#contentid {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.copy-btn {
	background-color: #4CAF50;
	color: white;
	padding: 5px 10px;
	font-size: 12px;
	cursor: pointer;
	border: none;
	border-radius: 5px;
	position: absolute;
	top: -3px;
	left: -25px;
	transform: translate(50%, -50%);
}



.info{
	color:#000000;
	font-size: 12px;
}

.akciokelte{
	color:#000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0px;
}
.akciokelte span{
	color:#000000;
	font-size: 12px;
	font-weight: normal;	
}
.akcioszoveg{
	color:#000000;
	font-size: 15px;
}

.flex-container {
	display: flex;
	align-items: center; /* Középre igazítja az elemeket vertikálisan */
}
.flex-container img {
	margin-right: 10px; /* Távolság a kép és a szöveg között */
}

.vissza{
	color:#000000;
	font-size: 14px;
	text-decoration: none;
}
.vissza hover{
	color:#d5c07c;;
	font-size: 14px;
}

.gap{
	height: 20px;
	min-height: 20px;
	display: block;
	margin-top:20px;
}

.nyito form{
	margin-bottom: 20px!important;
}

.gap{
	height: 5px;
	min-height: 5px;
}

.inglistamobil {
	padding: 0px 5px 0px 5px;
	margin: 0 0 0 0;
}
.inglistamobil p{
	padding: 0 10px 0 10px;
}
.inglistamobil a{
	padding: 0 10px 0 10px;
}

.inglistamobil ul {
    margin: 0;
    padding: 0;
    list-style: none;
	background-color: transparent;
}
@media only screen and (max-width:480px) { 
    /*.inglistamobil ul { text-align: center }*/
}
.inglistamobil ul li { 
	display: inline; 
	background-color: transparent;
	border: none;
}

#toggleButton1, #toggleButton2, #toggleButton3 {
    background-color: black;
    color: #d5c07c;
    border-color: #d5c07c;
	font-size: 12px;
	width: 120px;
	min-width: 120px;
	padding: 5px;
}
#toggleButton1:hover, #toggleButton2:hover, #toggleButton3:hover {
    color: #fff;
}

.adatmentesok{
	display: none;
	font-size: 12px;
	color: #048E04;
}
.adatmenteshiba{
	display: none;
	font-size: 12px;
	color:#B90808;
}

/*
.floating-label-group {
  position: relative;
  margin-bottom: 20px;
}
.floating-label-group input {
  padding: 10px 10px 10px 10px;
  font-size: 16px;
  width: 100%;
}
.floating-label-group label {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  background-color: white;
  padding: 0 5px;
  pointer-events: none;
  transition: 0.2s ease all;
}

.floating-label-group input:focus ~ label,
.floating-label-group input:not(:placeholder-shown) ~ label {
  top: -10px;
  left: 10px;
  font-size: 12px;
  color: #007bff;
}
*/


/*
.nyito h1{
	color:#000000;
	font-size: 15px;
	font-weight: bold;
}
.nyito h2{
	color:#000000;
	font-size: 14px;
	font-weight: bold;
}
.nyito p{
	color:#000000;
	font-size: 12px;	
}
*/