body {
    font-family: 'Roboto', sans-serif;
    color: #CEBA75; /* Alap szövegszín */
}

/* Navigációs sáv stílusok */
.navbar {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.8); /* Fekete háttér átlátszósággal */
}

/* Banner stílusok */
.banner {
    position: relative;
    background-image: url('bg02.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CEBA75; /* Szöveg színe */
}

.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Fekete szín 50% átlátszósággal */
    z-index: 1;
}

.banner .text-center {
    position: relative;
    z-index: 2;
}

/* Rólunk szakasz */
#about {
    background-color: #000; /* Háttérszín fekete */
}


a {
  text-decoration: none;
}



#about h2, 
#about p {
    color: #CEBA75; /* Szöveg színe a Rólunk szakaszban */
}

/* Szolgáltatások szakasz */
#services {
    background-color: #f8f9fa; /* Háttérszín világos szürke, módosítható */
}

#services h2, 
#services .service-item p {
    color: #CEBA75; /* Szöveg színe a Szolgáltatások szakaszban */
}

/* Galéria szakasz */
#gallery {
    background-color: #000; /* Háttérszín fekete */
}

#gallery h2 {
    color: #CEBA75; /* Szöveg színe a Galéria szakaszban */
}

/* Kapcsolat szakasz */
#contact {
    background-color: #000; /* Háttérszín fekete */
}

#contact h2, 
#contact p {
    color: #CEBA75; /* Szöveg színe a Kapcsolat szakaszban */
}

#contact .map-container {
    position: relative;
    padding-bottom: 40%; /* Magasabb arány - a 16:9 helyett 40% */
    height: 0;
    overflow: hidden;
    width: 100%;
}

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