<style>

#cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #222;
            color: #fff;
            padding: 15px;
            text-align: center;
            z-index: 9999;
            display: none;
        }
        #cookie-banner button {
            margin-left: 10px;
            padding: 8px 12px;
        }


.bg-dark{

	background-color: #383c3f!important;
  
}	



#slide1 {
	background-color: #383c3f!important;
	height: 700px;;
	
  
}

#slide111 {
  display: block;
  
  
}

img.zoom {
    width: 100%;
    height: 200px;
    border-radius: 0;
    object-fit: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
	
}



.navbar-nav .nav-link, .navbar-nav .nav-link.active1, .navbar-nav .nav-link:hover, .navbar-nav .nav-link.active1:hover {
  color: #ffffff;

padding-left: 20px!important;
padding-right: 20px!important;  
padding-bottom: 30px!important;   
padding-top: 30px!important;   

width: 120px;
margin: 0!important;   
}

 .nav-link.active, .nav-link.active:hover {
  color: #ffffff!important;
  background-color: #ff3324;
  
padding-left: 20px!important;
padding-right: 20px!important;
padding-bottom: 30px!important;   
padding-top: 30px!important;   
margin: 0!important;   
clip-path: polygon(
    10% 0%,   /* top-left */
    100% 0%,   /* top-right */
    90% 100%, /* bottom-right (kintebb) */
    0% 100%    /* bottom-left (beljebb) */
  );  
  
}

.menuboxSection{
z-index: 1000;
position: absolute;
top: 90px;
width: 440px;
}
.menubox{
          max-width: 440px;

	color: #ffffff!important;
  background-color: #0187f6;
  font-weight: bold;
padding-left: 30px!important;
padding-right: 10px!important;
padding-bottom: 5px!important;   
padding-top: 5px!important;   
margin: 0!important;   
clip-path: polygon(
    3% 0%,   /* top-left */
    100% 0%,   /* top-right */
    97% 100%, /* bottom-right (kintebb) */
    0% 100%    /* bottom-left (beljebb) */
  );  
}

      @media (max-width: 1028px) {
        .menubox {
          max-width: 100%;
        }
        .menuboxSection{
z-index: 0;
position: relative;
top: 0;
}
      }

h1{
font-family: "Roboto", serif;
  font-weight: bold;
  font-style: normal;
  border-bottom: solid 5px #ff3324;
  color: #0187f6;
  font-size: 36px;
  text-transform: none;

}

h2, h3 {
font-family: "Roboto", serif;
  font-weight: bold;
  font-style: normal;
  padding-left: 0;
  color: #ff3324;
  text-align: left;
  font-size: 28px;
  text-transform: none;

}
h3 {
font-family: "Roboto", serif;
  font-weight: bold;
  font-style: normal;
  padding-left: 0;
  color: #ff3324;
  text-align: left;
  font-size: 22px;
  text-transform: none;

}





.map-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 arány */
  height: 0;
  overflow: hidden;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* 992–1023.98 px között is legyen hamburger, és KINYÍLJON kattintásra */
@media  (max-width: 1023.98px) {
  .navbar-1024 .navbar-toggler { display: block; }
  .navbar-1024 .navbar-collapse { display: none !important; }        /* felülírja a bootstrap "flex !important"-jét */
  .navbar-1024 .navbar-collapse.show { display: block !important; }  /* ha .show megjön, akkor látszódjon */
}
@media (min-width: 1024px) {
  .navbar-1024 .navbar-collapse { display: flex !important; }
  .navbar-1024 .navbar-toggler  { display: none; }
}



</style>