body {

    background-color: #f5e9d1;
 font-family: inherit !important;
 font-size: 20px !important;
}


.nav-tabs .nav-link,
.nav tabs .nav-link.active,
.dropdown-menu .dropdown-item {

    color: inherit !important;

}

p.Roevid {

max-width:700px;
margin:25px auto;

line-height:1.7;

font-size:18px;

color:#6a4a1f;

text-align:left;

padding:0 20px;

}

text {

    color: #9f6d2f;
  
}


header {
    width: 100%;
    margin: 0;
    padding: 0;

    font-family: Fleur De Leah;
    font-size: 60px;
    text-align: center;
}

/* HERO SZEKCIÓ */
.hero {
    width: 100%;
    height: 80vh; /* majdnem teljes képernyő */
    background-image: url('Bilder/b6df8093-1556-47e6-9b1f-7d84c1b95c63.jpg'); /* ide tedd a saját képed */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    
}

/* Sötét átlátszó réteg a jobb olvashatóságért */
.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
}

.hero h1 {
    font-size: 3rem;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif; /* elegáns Google font */
}

.hero p {
    font-size: 1.3rem;
    margin-bottom: 25px;
}

.p {

font-size: 75px;

}

.buchung-text{
text-align:center;
margin-top:40px;
font-size:18px;
color:#7b4d14;
}

.buchung-btn{

display:block;
width:260px;

margin:50px auto;

text-align:center;

background:#9f6d2f;
color:#f5e9d1;

padding:16px 25px;

font-size:20px;
font-weight:600;

text-decoration:none;

border-radius:40px;

box-shadow:0 8px 20px rgba(0,0,0,0.2);

transition:all 0.3s ease;

}

.buchung-btn:hover{

background:#7b4d14;

transform:scale(1.05);

box-shadow:0 12px 25px rgba(0,0,0,0.25);

}

/* ===== 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;
  }
}