body {
  font-family: "Montserrat", serif !important;

}
.logo-title {
  font-family: 'Orbitron', sans-serif !important;
  color: rgb(194 48 41);
}
.ticker-container {
  width: 100%; /* A teljes szélesség kitöltése */
  overflow: hidden; /* A kilógó tartalom elrejtése */
  position: relative; /* Pozicionálás az animációhoz */
}

.ticker-wrapper {
  display: flex;
  animation: ticker 65s linear infinite; /* Animáció beállítása */
  white-space: nowrap; /* Szöveg egy sorban tartása */
  width: max-content; /* A tartalom szélességére kell, hogy igazodjon */
}

.ticker {
  display: flex; /* Flexbox a listaelemek egy sorba helyezésére */
}

@keyframes ticker {
  0% {
    transform: translateX(10%);
  } /* Kezdő pozíció */
  100% {
    transform: translateX(-100%);
  } /* Végső pozíció (bal oldalra csúszik) */
}

.bg-image {
    background-image: url('picture1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; /* Ha szükséges a szöveg kontraszt növeléséhez */
}

.highlight-box {
  background-color: rgb(255 193 7); /* Sárga szín */
  padding: 20px;
  border-radius: 8px; /* Lekerekített sarkok */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Árnyék a doboz alatt */
  display: inline-block; /* Csak a szöveg köré igazítja a méretet */
}

/* Logó beállítása */
.logo-pic {
  max-width: 150px; 
  height: auto;
}

/* A cím mindig egy sorban maradjon, de tördelődjön kisebb méreteknél */
.logo-title {
  white-space: normal; /* Engedi a tördelést */
}

/* Navbar navigációs menü beállítások */
#navbarNav {
  z-index: 500;
}

/* Mobilnézet (992px alatti képernyőknél) */
@media (max-width: 992px) {
  #navbarNav {
      background: rgba(0, 0, 0, 0.9);
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      text-align: center;
      padding: 10px 0;
      transition: height 0.3s ease-in-out;
  }
  
  #navbarNav a {
      display: block;
      padding: 10px;
  }
  
  .navbar-toggler {
      cursor: pointer;
  }

  /* Mobilon a cím betűmérete kisebb legyen */
  .logo-title {
      font-size: 1.5rem;
      max-width: 150px; /* Ha kell, tovább szűkítjük a helyet */
  }

  .logo-pic {
    max-width: 100px;
  }
}