/* Add a black background color to the top navigation */
.topnav {
  /*background-color: #db9228;*/
  background-color: var(--button_passive_bg);
  overflow: hidden;
  align-items: center;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: flex;
  color: var(--button_passive_text);
  text-align: center;
  align-items: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 18px;
}

/* Change the color of links on hover */
.topnav a:hover {
  /*background-color: #df7311;*/
  background-color: var(--button_triggered_bg);
  color: var(--button_triggered_text);
}

/* Add an active class to highlight the current page */
.topnav a.active {
  background-color: #213f1a;
  color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}



.topnav img {
  width: auto; /* Állítsd be a megfelelő kép méretét */
  height: 30px; /* Állítsd be a megfelelő kép méretét */
  /*margin-right: 5px;*/
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 20%;
}

#topnav_home img {
  border-radius: 0% !important;
}


/*#topnav_home img {*/
 /* width: auto; /* Állítsd be a megfelelő kép méretét */
 /* height: 1.25em; /* Állítsd be a megfelelő kép méretét */
  /*margin-right: 5px;*/
/*}*/






 /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .hideable {display: none;}
  .topnav img {
  margin-right: 0px;
}
}