body{
	background-color: #101014 !important;
	font-weight: 10 !important;
	text-align: center;
	max-width: 1920px;
	margin: auto;
}

.navbar{
	margin: 0px;
	padding: 0px;

}

.navbar-brand{
	margin-top: 5%;
	padding: 0px;
	opacity: 0.7;
	width: 5%;
	position: relative; /* Vagy használhatsz relative pozicionálást is */
    left: 50%; /* Vízszintes középre helyezés */
    transform: translate(-50%, -50%); /* A tényleges középpontba helyezi az elemet */

}

.navbar-logo{
	margin: 0px;
	padding: 0px;
	 opacity: 0.8; 
}

.section {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.video-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  overflow: hidden; /* Biztosítja, hogy a videó ne lépje túl a konténer határait */
}



.concept-vision {
	  font-family: 'Higuen', sans-serif; /* Használja a betűtípust */
	font-size: 45px;
	color: #c4baa6;
	text-align: left;
	padding-top: 40px;
	padding-left: 40px;
}

.concept-vision-text {
	color: darkgrey;
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
}

.mx-auto{
	padding: 14%;
}

.concept-title {
		  font-family: 'Higuen', sans-serif; /* Használja a betűtípust */
	margin-top: 5%;
	font-size: 33px;
	font-weight: 10;
	color: #c4baa6;
}

.concept-logo{
	opacity: 0.7;
}

.concept-text {
	color: darkgrey;
	margin-top: 5%;
}

.concept-bottom-spacing{
	margin-bottom: 45%;
}

.homepage-contact{
	color: darkgrey;
	padding-bottom: 30%;
	padding-top: 10%;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.container-fluid{
	padding: 0px;
	margin: 0px;
}

.container-fluid:hover .image {
  opacity: 0.3;
}

.container-fluid:hover .middle {
  opacity: 1;
}

.text {
  color: white;
  font-size: 33px;
  padding: 0px;
  margin: 0px;
  
}





@font-face {
  font-family: 'Higuen'; /* A font neve, amit használni szeretnél */
  src: url('font/higuen.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BDSans-Regular'; /* BDSans-Regular betűtípus */
  src: url('font/BDSans-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.video-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.color-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 10, 0, 0.5); /* Átlátszó fekete overlay */
  z-index: 0;
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #a1855d; /* Középső szöveg színe */
  z-index: 3;
  padding: 0 5px; /* Párna a szöveg körül */
  font-family: 'Higuen', sans-serif; /* Használja a betűtípust */
}

.overlay-text h1 {
  color: #fff; /* H1 szöveg színe fehér */
  font-size: 2rem; /* Méret nagy képernyőkhöz */
  font-family: 'BDSans-Regular', sans-serif; /* BDSans-Regular betűtípus */
    letter-spacing: 0.2rem; /* Betűköz növelése 20%-kal */
}

.overlay-text h2 {
  color: #a1855d; /* H2 szöveg színe rózsaszín */
  font-size: 8rem; /* Méret nagy képernyőkhöz */
}

.overlay-text h3 {
  color: #fff; /* H3 szöveg színe fehér */
  font-size: 2rem; /* Méret nagy képernyőkhöz */
}

@media (max-width: 768px) {
  .overlay-text h1 {
    font-size: 1rem; /* Kisebb méret kisebb képernyőkön */
  }

  .overlay-text h2 {
    font-size: 4.3rem; /* Kisebb méret kisebb képernyőkön */
	letter-spacing: -0.7rem; /* Betűköz növelése 20%-kal */
  }

  .overlay-text h3 {
    font-size: 1rem; /* Kisebb méret kisebb képernyőkön */
  }
    .navbar-brand {
    width: 15%; /* Növeli a szélességet kisebb képernyőkön */
	top: 40px; /* 50 pixel távolság a képernyő felső szélétől */
    transform: translate(-50%, 0); /* A tényleges középpontba helyezi az elemet a top használatával */
  }
}


@media (max-width: 800px) { 
  .container-fluid .middle {
    opacity: 1;
   text-shadow: 
    1px 1px 20px rgba(0, 0, 0, 1), /* Első árnyék (kisebb blur és alacsonyabb átlátszóság) */
    2px 2px 40px rgba(0, 0, 0, 1), /* Második árnyék (nagyobb blur és magasabb átlátszóság) */
    4px 4px 60px rgba(0, 0, 0, 1), /* Harmadik árnyék (nagyobb blur) */
    6px 6px 100px rgba(0, 0, 0, 1); /* Negyedik árnyék (még nagyobb blur) */
  }
  
  .container-fluid .concept-logo {
    position: relative;
    z-index: 10;
  }


  .container-fluid .concept-logo {
    position: relative;
    z-index: 10;
  }
  .container-fluid .concept-logo {
    filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.7))
			drop-shadow(0px 0px 80px rgba(0, 0, 0, 0.7))
			drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.7))
			drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.7));/* Az átlátszó kép körüli árnyék */
    width: auto;
    height: auto;
  }
}
.slideshow-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.slideshow-track {
  display: flex;
  width: max-content;
  height: 100%;
  animation: slideShow 48s infinite;
}

.slideshow-track img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  flex-shrink: 0;
}

@keyframes slideShow {
  0%    { transform: translateX(0); }
  10.4% { transform: translateX(0); }
  12.5% { transform: translateX(-100vw); }
  22.9% { transform: translateX(-100vw); }
  25%   { transform: translateX(-200vw); }
  35.4% { transform: translateX(-200vw); }
  37.5% { transform: translateX(-300vw); }
  47.9% { transform: translateX(-300vw); }
  50%   { transform: translateX(-400vw); }
  60.4% { transform: translateX(-400vw); }
  62.5% { transform: translateX(-500vw); }
  72.9% { transform: translateX(-500vw); }
  75%   { transform: translateX(-600vw); }
  85.4% { transform: translateX(-600vw); }
  87.5% { transform: translateX(-700vw); }
  97.9% { transform: translateX(-700vw); }
  100%  { transform: translateX(0); }
}

.color-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.3);
  z-index: 1;
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  text-align: center;
}
/* Alapértelmezett: desktop látszik, mobil nem */
.slideshow-track.desktop {
  display: flex;
}
.slideshow-track.mobile {
  display: none;
}

/* Mobil nézet: mobil slideshow látszik, desktop nem */
@media (max-width: 768px) {
  .slideshow-track.desktop {
    display: none;
  }
  .slideshow-track.mobile {
    display: flex;
  }
}
.custom-link {
  color: inherit;         /* Megtartja a szöveg eredeti színét */
  text-decoration: none;  /* Eltünteti az aláhúzást */
  cursor: pointer;        /* Mutató kurzor, hogy látszódjon, hogy kattintható */
}