@charset "utf-8";
/* CSS Document */


@media (min-width: 1500px) {}
@media (min-width: 1200px) {}
@media (max-width: 1199px) {


}
@media (min-width: 993px) {}
@media screen and (max-width: 992px){

	.contact_left p, .contact_left a{
		text-align:center;
	}
	.contact_right p, .contact_right a{
		text-align:center;
	}
}
@media screen and (min-width: 768px){
	#nav_mobil {display:none;}
	#nav_head {display:block}
	#navigation {display:block}

}
@media screen and (max-width: 767px){
    .overlay_menu_3 ul li a img {display:none}
    #separator_1 .sep_img_box img {
        top: -35px;
        left: 10%;
        width: 170px;
    }
	#nav_mobil {display:block;}
	.nav_mobil_left {
        width: 30%;
        float: right;
        display: inline-block;
	}
	.nav_mobil_mid {
        width: 40%;
        float: left;
        display: inline-block;
	}
	.nav_mobil_mid a{
		width:100%;
		height: 40px;
		float: left;
        padding: 3px;
        display: inline-block;
	}
	.nav_mobil_mid img {
        height: 35px;
        max-height: initial;
        padding: 2px 0px;
        margin: 0 auto;
        overflow: hidden;
	}
	.nav_mobil_right {
		width: 30%;
		float: right;
		display: inline-block;
	}
	.nav_mobil_right .btn_cart{
		float: right;
		width: 110px;
		margin:5px;
		text-align: center
	}


	#nav_head {display:none}
	#navigation {display:none}
	.navbar-toggle {
		position: relative;
		border: 1px solid transparent;
		border-radius: 100px;
		width: 110px;
		font-size: 19.5px;
		display: inline-flex;
		height: auto;
		color: var(--navbar_toggle_text);
		margin:5px;
		padding: 2px 5px 0px 8px;
		cursor: pointer;
		float: right;
		background: var(--navbar_toggle_bg);
	}
	#open_cart2 {background:var(--btn_cart_mobil_bg);}
	#open_cart2 a {color:var(--btn_cart_mobil_text)}

	.nav_mobil_left p{
		height: 26px;
		font-size: 14px;
		margin-bottom: 0px;
		line-height: 1.9;
	}
	.icon-menu:before {
    	content: '\e80a';
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: never;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		margin-right: .2em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1.3em;
	    margin-left: 0.11em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	#nav_mobil {
		display: block;
		position: fixed;
		margin-top: 0px;
		background-color: var(--nav_mobil_bg);
		width: 100%;
		box-shadow: 0px 0px 3px #999;
		transition: 0.3s;
		user-select: none;
		z-index: 1500;
	}
	.contact_left p, .contact_left a{
		text-align:left;
	}
	.contact_right p, .contact_right a{
		text-align:left;
	}

	#newsletter .gdpr_p {
		width:90%;
		margin: 6px 5px;
	}

}
@media (max-device-width: 480px) and (orientation: landscape) {}

@media screen and (max-width: 480px){

.nav_mobil_left img {
	width:auto;
	height: 100%;
	padding:0px;
	margin:0px auto;
	}
#newsletter .gdpr_p {
    width: 85%;
    margin: 6px 5px;
}
}
@media screen and (max-width: 360px){



}
#background-container {
  height: 100%;
  background-size: cover;
  background-position-y: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 550px;
  margin: 30px 0;
}

#play-button {
  width: 110px;
  height: 85px;
 background: url('../img/play.png') no-repeat center;
  background-size: contain;
  animation: pulse 2s infinite;
  cursor: pointer;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.4);
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8); /* Sötétebb háttér */
}

.modal-content {
  position: relative;
  background-color: transparent; /* Átlátszó háttér */
  margin: 10% auto; /* Középre helyezés, felső margó módosítása */
  padding: 0;
  border: none; /* Keret eltávolítása */
  width: 80%; /* Szélesség beállítása */
  max-width: 800px; /* Maximális szélesség a videóhoz */
}

iframe {
  display: block;
  width: 100%; /* Teljes szélesség a modal-content-en belül */
  height: 415px; /* Magasság beállítása */
  border: none;
}

.close-button {
  color: #fff;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
}

.close-button:hover,
.close-button:focus {
  color: #ccc;
  text-decoration: none;
  cursor: pointer;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}