body {
    font-family: 'Roboto', sans-serif;
    font-family: "Lucida Console", "Courier New", monospace;
    color: #FFFFFF; /* Alap szövegszín */
}

/* Navigációs sáv stílusok */
.navbar {
   
  
    background-color: #000000 !important;
   color: #FFFFFF !important; /* Fekete háttér átlátszósággal */
}


.navbar .nav-link, .navbar .navbar-brand {
    color: #FFFFFF !important;
}

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

.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* 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: #000; /* Háttérszín világos szürke, módosítható */
}

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


#services {
    background-color: #000000; /* Fekete háttér */
    color: #FFFFFF; /* Fehér szöveg vagy #CEBA75 ha arany színt akarsz */
    padding: 50px; /* Hozzáad némi függőleges belső margót */
    width: 100vw; /* Teljes szélesség */
     width: 100%;
}


/* Galéria szakasz */
#gallery {
    
    background-color: #000000 !important;
}

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

/* Kapcsolat szakasz */
#contact {
   
    background-color: #000000 !important;
}

#contact h2, 
#contact p {
   color: #FFFFFF; /* 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;
}