body {

    background-color: #f5e9d1;
    text-align: left;
     font-family: inherit !important;
      font-size: 20px !important;
}

h1 {

color: #7b4d14;

}
text {

color: #9f6d2f;

}
h2 {

color: #7b4d14;

}


.nav-tabs .nav-link,
.nav tabs .nav-link.active,
.dropdown-menu .dropdown-item {

    color: inherit !important;

}

.content {

font-size: larger;

}

body { 
    
font-family: Arial, sans-serif; margin: 0; padding: 20px; 

}

.title { 

    text-align: center; margin-bottom: 30px; 

}

.gallery {
    
display: grid; grid-template-columns: repeat(5, 1fr); /* 5 oszlop */ gap: 15px; 

}

.gallery img {
    
width: 100%; height: 160px; object-fit: cover; /* egyforma méret */ border-radius: 8px; cursor: pointer; transition: 0.3s; 

}

.gallery img:hover { 
    
transform: scale(1.05);

}

/* Popup */ .popup { 
    
display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; 

}

.popup img { 
    
max-width: 95%; 
max-height: 95%; 
border-radius: 10px;
width: auto;
height: auto; 

}

.close { 
    
position: absolute; top: 20px; right: 40px; font-size: 40px; color: white; cursor: pointer; 

}


header {
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: Fleur De Leah;
    font-size: 60px;
    text-align: center;
}

/* ===== FOOTER ===== */

.site-footer{

background:#efe4cf;

margin-top:60px;
padding:40px 20px;

text-align:center;

border-top:3px solid #9f6d2f;

}

.footer-container{

max-width:900px;
margin:auto;

}

.site-footer h3{

color:#7b4d14;
margin-bottom:10px;

}

.site-footer p{

color:#6a4a1f;

}

.footer-social{

margin:20px 0;

display:flex;
justify-content:center;
gap:20px;

}

.footer-social img{

width:35px;
height:35px;

transition:0.3s;

}

.footer-social img:hover{

transform:scale(1.2);

}

.footer-contact{

margin-top:15px;

line-height:1.6;

}

.footer-copy{

margin-top:25px;
font-size:14px;
color:#8a6a3d;

}

/* ===== FLOATING BUCHUNG BUTTON ===== */

.floating-booking{
  position:fixed;
  bottom:20px;
  right:20px;

  background:#9f6d2f;
  color:#ffffff;

  padding:16px 22px;

  border-radius:40px;

  font-weight:600;
  font-size:16px;

  text-decoration:none;

  box-shadow:0 8px 20px rgba(0,0,0,0.25);

  z-index:9999;

  transition:all 0.3s ease;
}

.floating-booking:hover{
  background:#7b4d14;
  transform:scale(1.05);
}

@media (min-width:900px){
  .floating-booking{
    display:none;
  }
}