/* Általános beállítások */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
    /* JAVÍTÁS: Görgetés tiltása, ha a mobil menü aktív */
    transition: overflow 0.3s ease; /* Opcionális: finom átmenet */
}

/* JAVÍTÁS: Osztály a body-n, ha a mobil menü nyitva van */
body.mobile-nav-active {
    overflow: hidden;
}


.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Fejléc (Header) */
header {
    background-color: #6fb400;
    color: #fff;
    padding: 10px 0; /* Kisebb padding */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative; /* Szükséges lehet a z-indexhez és a toggle pozicionálásához */
    z-index: 1001; /* Legyen a mobil menü felett */
}

/* JAVÍTÁS: Flexbox a header containerhez a jobb elrendezésért */
header .container {
    display: flex;
    justify-content: space-between; /* Logó balra, nav/toggle jobbra */
    align-items: center;
    flex-wrap: nowrap; /* Ne törjön sorba alapból */
}

header .logo {
    /* Nincs szükség margin-bottom-ra, ha a container flex */
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0; /* Ne zsugorodjon a logó */
}
header .logo a {
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    transition: color 0.3s ease;
    display: flex; /* Biztosítja, hogy az img és a szöveg (ha lenne) együtt mozogjon */
    align-items: center;
}
header .logo a:hover {
    color: #ddd;
}
header .logo img {
    height: 40px;
    vertical-align: middle; /* Fontos lehet */
}

header nav.desktop-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Engedélyezzük a törést, ha nagyon muszáj */
    justify-content: flex-end; /* Jobbra igazítás */
}
header nav.desktop-nav a {
    color: #fff;
    text-decoration: none;
    margin-left: 15px; /* Nagyobb térköz */
    padding: 8px 12px; /* Kicsit módosított padding */
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    white-space: nowrap; /* Ne törjön sorba a link szövege */
}
header nav.desktop-nav a:hover {
    background-color: #5a9200;
    color: #ddd;
}
header nav.desktop-nav a.phone-link {
    display: flex;
    align-items: center;
    border: 1px solid #fff; /* Fehér keret jobban látszik */
    padding: 8px 12px;
    margin-left: 15px;
}
header nav.desktop-nav a.phone-link img { /* Telefon ikon kép */
    margin-right: 8px;
    filter: brightness(0) invert(1); /* Ha az ikon eredetileg nem fehér */
}
header nav.desktop-nav a.phone-link:hover {
    background-color: #fff;
    color: #5a9200; /* Zöld szöveg fehér háttéren */
    border-color: #fff;
}
header nav.desktop-nav a.phone-link:hover img {
    filter: none; /* Hover esetén ne legyen invertálva */
    /* Vagy adj meg egy másik ikont/színt */
}


/* --- Mobil Menü Gomb (Toggle) --- */
.menu-toggle {
    display: none; /* Alapból rejtett asztali nézetben */
    background: none;
    border: none;
    padding: 10px; /* Kattintható terület növelése */
    cursor: pointer;
    z-index: 1002; /* Legyen a mobil nav felett */
    width: 40px; /* Fix méret */
    height: 40px;
    position: relative; /* A span-ok abszolút pozicionálásához */
    margin-left: 10px; /* Térköz a többi elemtől (ha van) */
    flex-shrink: 0; /* Ne zsugorodjon */
}

.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px; /* Vonal vastagsága */
    width: 26px; /* Vonal hossza */
    background: #fff; /* Vonal színe */
    border-radius: 3px;
    opacity: 1;
    left: 7px; /* Középre igazítás (40px - 26px) / 2 */
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
/* Vonalak pozíciója */
.menu-toggle span:nth-child(1) {
    top: 10px; /* Pozíciók finomhangolása a 40px magassághoz */
}
.menu-toggle span:nth-child(2) {
    top: 18px; /* Középső vonal */
}
.menu-toggle span:nth-child(3) {
    top: 26px; /* Alsó vonal */
}

/* Stílus a nyitott toggle ikonhoz (X) */
.menu-toggle.is-open span:nth-child(1) {
    top: 18px; /* Középre mozgatás */
    transform: rotate(135deg);
}
.menu-toggle.is-open span:nth-child(2) {
    opacity: 0;
    left: -60px; /* Eltüntetés oldalra csúsztatással */
}
.menu-toggle.is-open span:nth-child(3) {
    top: 18px; /* Középre mozgatás */
    transform: rotate(-135deg);
}

/* --- Mobil Navigáció --- */
.mobile-nav {
    /* JAVÍTÁS: Fix pozíció, teljes képernyős overlay */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Teljes képernyő magasság */
    background-color: rgba(51, 51, 51, 0.98); /* Sötét, enyhén áttetsző háttér */
    z-index: 1000; /* Fejléc alatt, toggle gomb alatt */
    display: flex;
    flex-direction: column;
    align-items: center; /* Középre igazított linkek */
    justify-content: center; /* Függőlegesen is középre */
    padding: 20px;
    box-sizing: border-box;

    /* JAVÍTÁS: Kezdeti állapot - láthatatlan és képernyőn kívül (vagy opacity 0) */
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px); /* Opcionális: Enyhe felülről jövő effekt */
    /* Alternatíva oldalról becsúszáshoz: */
    /* transform: translateX(-100%); */
    transition: opacity 0.35s ease-in-out, visibility 0.35s ease-in-out, transform 0.35s ease-in-out;
}

/* Stílus a nyitott mobil menühöz */
.mobile-nav.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    /* Alternatíva oldalról becsúszáshoz: */
    /* transform: translateX(0); */
}

.mobile-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem; /* Nagyobb betűméret mobilon */
    padding: 15px 0; /* Függőleges térköz */
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Halvány elválasztó */
    transition: background-color 0.2s ease, color 0.2s ease;
}
.mobile-nav a:last-child {
    border-bottom: none; /* Utolsó elemnek nincs aláhúzása */
}
.mobile-nav a:hover,
.mobile-nav a:focus { /* Fontos a :focus a billentyűzetes navigációhoz */
    background-color: rgba(255, 255, 255, 0.1);
    color: #eee;
}

/* Mobil telefon link stílusa */
.mobile-nav a.phone-link-mobile {
    display: flex;
    align-items: center;
    justify-content: center; /* Középre igazítás */
    font-size: 1.3rem; /* Kicsit kisebb, mint a fő linkek */
    margin-top: 20px; /* Térköz a többi linktől */
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 15px;
    width: auto; /* Ne legyen 100% széles */
}
.mobile-nav a.phone-link-mobile img {
    margin-right: 10px;
    filter: brightness(0) invert(1);
}
.mobile-nav a.phone-link-mobile:hover,
.mobile-nav a.phone-link-mobile:focus {
    background-color: #fff;
    color: #333; /* Sötét szöveg fehér háttéren */
}
.mobile-nav a.phone-link-mobile:hover img,
.mobile-nav a.phone-link-mobile:focus img {
    filter: none;
}


/* Reszponzív töréspont a mobil menühöz */
@media (max-width: 768px) {
    header nav.desktop-nav {
        display: none; /* Asztali menü elrejtése */
    }
    .menu-toggle {
        display: block; /* Mobil menü gomb megjelenítése */
    }
    /* JAVÍTÁS: Eltávolítottuk innen a .mobile-nav { display: block; } szabályt */

    /* Opcionális: Kisebb logó mobilon */
    header .logo img {
       /* height: 35px; */
    }
}

/* Kisebb mobil képernyők (opcionális finomhangolás) */
@media (max-width: 580px) {
   /* Itt további finomítások lehetségesek, pl. a fejléc padding csökkentése */
    header {
        padding: 8px 0;
    }
    header .logo img {
        height: 30px; /* Még kisebb logó */
    }
    .menu-toggle {
       width: 35px;
       height: 35px;
       /* Span pozíciók és méretek újraigazítása, ha szükséges */
    }
     .mobile-nav a {
        font-size: 1.3rem;
     }
     .mobile-nav a.phone-link-mobile {
        font-size: 1.1rem;
     }

     /* Eltávolítjuk a korábbi 'position: absolute' szabályt a toggle-ról, mert a flexbox kezeli */
}


 /* ... (A CSS többi része változatlan, kivéve a fejléc és mobil menü részeket) ... */


 /* Hősi szakasz (Hero) */
  .hero {
    padding: 0px 0px;
}

 .hero .container {
      display: flex;
   flex-wrap: wrap;
      align-items: center;
    justify-content: center;/* centralize the element horizontally*/
         padding:0px;
   width: 100%;
    }


 .hero .hero-image {
     margin-bottom: 20px;
       display: flex;
     justify-content: center; /* Center horizontally in hero block */
      width: 100%;/* Takes all available width  */

 }
 .hero .hero-image img{
    max-width: 100%;
       height: auto;
  border-top-left-radius: 0px;
	   border-top-right-radius: 0px;
	 border-bottom-right-radius: 10px;
	 	 border-bottom-left-radius: 10px;
	 display: none;/* hide by default */

    }
      .hero .hero-image img.desktop-image{
     display: block;/* Shows desktop image on larger screens*/
        max-width: 1200px;
   }
.hero .hero-content{
 text-align: justify;
        max-width: 90%;
        margin: 0 auto; /* Középre igazítás és padding a konténeren belül */
        padding: 20px 0; /* Térköz a tartalom körül */
 }

 @media (max-width: 768px) {
  .hero {
   padding: 0px 0px; /* set the margin 0  */
      }

    .hero .container{
     padding: 0px;/* remove padding from the parent to full width */
     }

 .hero .hero-content{
        text-align: justify;
       margin: 0 auto;
       max-width: 90%; /* Maradjon 90% */
       padding: 20px 0; /* Térköz mobilon is */
   }
   .hero .hero-image img.desktop-image{
   display: none;/* hide the desktop image*/
  }
    .hero .hero-image img.mobile-image{
         display: block;/*shows the mobile version only for smaller resolutions*/
         width: 100%;/* fit the parent 100% size */
     max-width: 100%;/* remove the previously given width and uses a mobile image with 100%*/
border-radius: 0px; /*  no corners */

 }
 }
/* Gombok */
.btn {
    display: inline-block;
    background-color: #6fb400;
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    text-align: center; /* Középre igazítás, ha blokk szintűvé válik */
}
.btn:hover {
   background-color: #5a9200;
}
.btn.small{
   padding: 8px 15px;
   font-size: 0.9rem; /* Kisebb betűméret */
}

/* Hero szakasz gombja */
.hero .btn {
    display: block; /* Teljes szélességű legyen a tartalom alatt */
    max-width: 300px; /* De ne legyen túl széles */
    margin: 20px auto 0 auto; /* Középre igazítás és térköz felül */
}


/* Szolgáltatások szakasz */
.services {
     padding: 50px 0;
}
.services h2{
      text-align: center; /* Középre igazított cím */
   margin-bottom: 20px;
      color: #6fb400;
}

.services > .container > p { /* Csak a közvetlen gyerek p elem */
      text-align: center; /* Középre igazított bevezető */
     margin-bottom: 40px; /* Nagyobb térköz */
     max-width: 800px; /* Ne legyen túl széles a szöveg */
     margin-left: auto;
     margin-right: auto;
}
.services-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Minimum 300px széles elemek */
    gap: 30px;
}
.service-item {
     text-align: center;
       border: 1px solid #ddd;
   padding: 30px 20px; /* Több belső tér */
      border-radius: 5px;
     transition: transform 0.3s ease, box-shadow 0.3s ease; /* Árnyék átmenet */
   display: flex;
    flex-direction: column;
       align-items: center;
       background-color: #fff; /* Háttérszín */
}
.service-item:hover{
      transform: translateY(-5px); /* Enyhe emelkedés */
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); /* Árnyék hover esetén */
}
.service-item .service-icon{
  width: 64px;
  margin-bottom: 20px; /* Nagyobb térköz az ikon alatt */
}
.service-item h3{
  margin-bottom: 15px;
  font-size: 1.2rem;
  color: #333; /* Sötétebb cím */
  min-height: 3.6em; /* Hely fenntartása 3 sornyi címnek */
}
.service-item p {
    text-align: justify; /* Szöveg sorkizárása */
    margin-bottom: 20px;
    flex-grow: 1; /* Kitölti a rendelkezésre álló helyet */
    font-size: 0.95rem;
    color: #555; /* Enyhén sötétebb szöveg */
}
.service-item .btn.small {
    margin-top: auto; /* Gombot az aljára tolja */
    width: 90%; /* Gomb szélessége */
}


/* Miért minket? */
.why-us {
    padding: 50px 0;
    background-color: #f7f7f7;
}
.why-us h2, .contact h2{
      text-align: center;
   margin-bottom: 15px; /* Kisebb térköz */
      color: #6fb400;
}
.why-us > .container > p { /* Csak a közvetlen gyerek p */
      text-align: center;
     margin-bottom: 40px; /* Nagyobb térköz */
     max-width: 800px;
     margin-left: auto;
     margin-right: auto;
     color: #555;
}

.why-us-grid {
    display: grid;
       grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* Kisebb minimális szélesség */
  gap: 30px; /* Nagyobb térköz */
      text-align: center;
}
.why-us-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 10px; /* Belső tér */
    /* background-color: #fff; */ /* Opcionális: háttér */
    /* border-radius: 5px; */
}

.why-us-item .why-us-icon{
  width: 48px;
  margin-bottom: 15px;
}

.why-us-item p {
    font-size: 0.9rem;
    color: #444;
    line-height: 1.5;
}

/* Kapcsolat szakasz (főoldali) */
.contact {
   padding: 50px 0;
}
 .contact h2 {
    text-align: center;
  margin-bottom: 15px;
     color: #6fb400;
  }
.contact > .container > p { /* Csak a közvetlen gyerek p */
     text-align: center;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #555;
}
 .contact-details{
       display: flex; /* Marad flex */
     gap: 30px;
   flex-wrap: wrap; /* Tördelés mobilon */
  justify-content: center; /* Középre igazítás */
    align-items: stretch; /* Elemek magassága igazodjon */
  }

/* Új stílus a contact-info-content-nek, hogy jobban nézzen ki */
.contact-info-content {
    display: flex;
    flex-direction: column; /* Elemek egymás alatt */
    gap: 15px; /* Térköz az elemek között */
    align-items: flex-start; /* Balra igazítás a blokkon belül */
    /* background-color: #f9f9f9; */ /* Opcionális háttér */
    /* padding: 20px; */
    /* border-radius: 5px; */
    /* border: 1px solid #eee; */
}

.contact-info-content p {
    display: flex;
    align-items: center;
    gap: 15px; /* Térköz az ikon és a szöveg között */
    margin: 0; /* Eltávolítjuk a default p margót */
    text-align: left; /* Szöveg balra igazítása */
}

.contact-info-content p img.contact-icon3 { /* Kisebb ikonok (telefon, email, hely) */
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.contact-info-content p img.contact-icon2 { /* Nagyobb ikonok (személyek) */
    width: 50px;
    height: 50px;
    border-radius: 50%; /* Kerek ikon */
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid #eee; /* Enyhe keret */
}


.contact-info-content p a {
    text-decoration: none;
    color: #333;
    font-weight: normal; /* Normál vastagság */
    transition: color 0.2s ease;
}
.contact-info-content p a:hover {
    color: #6fb400; /* Hover szín */
    text-decoration: underline;
}
/* Külön a személyek nevére */
.contact-info-content p a[href="kapcsolat"] {
    font-weight: bold;
}


/* Lábléc */
footer {
  background-color: #333;
  color: #aaa; /* Világosabb szürke */
    text-align: center;
   padding: 25px 0; /* Több padding */
   font-size: 0.9rem;
}

footer .container{
   display: flex;
    justify-content: space-between; /* Linkek balra, szöveg jobbra */
    align-items: center;
      flex-wrap: wrap;
      gap: 15px;
}

footer .footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Térköz a linkek között */
    justify-content: center; /* Középre mobilon, ha tördelődik */
    margin-bottom: 10px; /* Térköz a szöveg felett, ha tördelődik */
}

footer .footer-links a {
   color: #fff;
    text-decoration: none;
   margin: 0 10px;
   transition: color 0.2s ease;
}

footer .footer-links a:hover{
 text-decoration: underline;
 color: #ddd;
}

footer p { /* Copyright szöveg */
    margin: 0; /* Nincs felesleges margó */
    text-align: right; /* Jobbra igazítás asztalon */
}

footer .container p a { /* Adatkezelési link */
     color: #6fb400;
  text-decoration: none;
  transition: color 0.2s ease;
}

footer .container p a:hover {
    text-decoration: underline;
    color: #8ccf25; /* Világosabb zöld hover */
}

/* Lábléc mobilon */
@media (max-width: 768px) {
    footer .container {
        flex-direction: column; /* Elemek egymás alá */
        justify-content: center; /* Középre igazítás */
        gap: 15px;
    }
    footer .footer-links {
        order: 1; /* Linkek legyenek felül */
        margin-bottom: 0;
    }
    footer p { /* Copyright szöveg */
        order: 2; /* Szöveg legyen alul */
        text-align: center; /* Középre igazítás mobilon */
    }
}


  /*szolgáltatások oldala - új stílus*/
  .services-details{
    padding: 50px 0;

  }

    .services-details h2{
        text-align: center;
      margin-bottom: 20px;
        color: #fff;
     text-shadow: none;

    }
  .service-detail {
          border: 1px solid #ddd;
      padding: 20px;
       margin-bottom: 20px;
       border-radius: 5px;
       transition: transform 0.3s ease;
     position: relative;
       color: #2f3132;
       background-color: #f7f7f7;
      background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        align-items: flex-start;
	 vertical-align: top;
    justify-content: center;/* Centers horizontaly  */
      flex-direction: column;/* Aligns content vertically */
   overflow: hidden; /* to make the images be visible with the box width */

 }
  .service-detail:hover{
       background-color: #fff;
color: #000;
}
  .service-detail h3{
    margin-bottom: 15px;
        display: flex;
  align-items: flex-start; /* Aligns the texts at start point */
   gap: 10px;
 text-align: left;/*Centers it horizontaly*/
  width: 100%;
}

.service-detail h3 img {
   height: 30px;
  width: 30px;

}

.service-detail .service-detail-content{
      margin-bottom: 10px;
     text-align: justify;
 }

   .service-detail .service-detail-content p {
       line-height: 1.6;
        font-size: 1.1rem;

   }
 .service-detail  .btn{
text-align: center;/*Centers it horizontaly*/
     margin-top: 10px;
      background-color: #6fb400;
        color: #fff;
        border: none;
    transition: background-color 0.3s ease, color 0.3s ease;

 }
.service-detail-content .btn{
text-align: center;/*Centers it horizontaly*/
     margin-top: 10px;
      background-color: #6fb400;
        color: #fff;
        border: none;
    transition: background-color 0.3s ease, color 0.3s ease;

 }
  .service-detail  .btn:hover {
    background-color: #1e8a5b;
  }

 .services-details .container {
   display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); /* two columns in desktop */
      gap: 20px;
    }

 .services-details .container h2 {
  text-align: left;
   margin-bottom: 10px;
    color: #6fb400;
    }
 .service-detail .service-detail-content img {
       max-width: 450px;/* the image takes all width avalible*/
       border-radius: 5px;
}



   @media (max-width: 768px) {
      .services-details {
       padding: 20px 0;
 }
   .services-details h2 {
        font-size: 1.5em;

  }
    .service-detail {
      min-height: 200px;

  }
  .service-detail  .btn {
       margin-top: 10px;
       font-size: 0.9rem;

    }
     .services-details .container {
          display: block;
      }

 .service-detail .service-detail-content img {
       max-width: 100%;/* the image takes all width avalible*/
        object-fit: cover; /* maintain the aspect ratio even when resize*/
        float: none;  /* removes float option */
    margin-left: 0px;
border-radius: 5px;
}
.service-detail h3 {
      text-align: left;
       align-items: left;
    flex-direction: column; /* display menu in column direction*/

  }

   }

.about-us p{
  text-align: left;
  margin-bottom: 30px;
}
 


/* Rólunk Oldal */
.about-us {
    padding: 30px 0 50px 0;
}
.about-us h2{
   text-align: center; /* Cím középre */
   margin-bottom: 40px;
    color: #6fb400;
    font-size: 2rem;
}
.about-us-content{
   background-color: #fff; /* Fehér háttér */
     padding: 30px;
 border: 1px solid #eee; /* Halvány keret */
    border-radius: 8px;
    max-width: 900px; /* Maximális szélesség */
    margin: 0 auto; /* Középre igazítás */
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.about-us-image{
   margin-bottom: 30px;
  text-align: center;
}
.about-us-image img{
  max-width: 100%;
     height: auto;
    border-radius: 5px;
    /* border: 1px solid #ddd; */ /* Felesleges, ha van árnyék */
 display: inline-block;
      /* margin-bottom: 10px; */
}
.about-us-text p{
   text-align: justify;
   margin-bottom: 15px;
   line-height: 1.7;
   color: #444;
}
.about-us-text p:last-of-type {
   margin-bottom: 0;
}

/* Kapcsolat Aloldal */
.contact-page {
    padding: 30px 0 50px 0;
}
.contact-page > .container > h2 { /* Csak a fő cím */
    text-align: center;
    margin-bottom: 15px;
    color: #6fb400;
    font-size: 2rem;
}
.contact-page > .container > p { /* Csak a bevezető p */
    text-align: center;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    color: #555;
}

.contact-page-grid { /* Grid a kapcsolat blokkoknak */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Reszponzív oszlopok */
    gap: 30px; /* Térköz */
    align-items: stretch; /* Egyforma magasság */
}

.contact-info-block {
    border: 1px solid #eee;
    padding: 25px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    color: #333;
    display: flex; /* Flex a belső igazításhoz */
    flex-direction: column; /* Elemek egymás alatt */
}

.contact-info-block h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 20px 0; /* Csak alsó margó */
    font-size: 1.3rem;
    color: #6fb400;
}
.contact-info-block h3 .contact-icon { /* Ikon a címben */
    width: 24px;
    height: 24px;
}

.contact-info-content-1 { /* Tartalom a blokkon belül */
    flex-grow: 1; /* Kitölti a helyet */
}

.contact-info-content-1 p {
    display: flex;
    align-items: center;
    gap: 12px; /* Térköz ikon és szöveg között */
    margin-bottom: 12px;
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
    color: #444;
}
.contact-info-content-1 p:last-child {
    margin-bottom: 0;
}

.contact-info-content-1 p img.contact-icon3 { /* Kis ikonok */
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.contact-info-content-1 p img.contact-icon2 { /* Nagy (személy) ikonok */
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #ddd;
}


.contact-info-content-1 p a {
    text-decoration: none;
    color: #333;
    font-weight: normal;
    transition: color 0.2s ease;
}
.contact-info-content-1 p a:hover {
    color: #6fb400;
    text-decoration: underline;
}
.contact-info-content-1 p a[href^="tel:"],
.contact-info-content-1 p a[href^="mailto:"] {
    font-weight: bold; /* Telefonszám/email kiemelése */
}


/* SEO Szöveg */
.seo-text {
    padding: 40px 0;
     background-color: #f7f7f7;
     color: #444;
}
.seo-text h2 {
    text-align: center; /* Középre */
    margin-bottom: 25px;
    color: #555; /* Enyhébb szín */
    font-size: 1.6rem;
}
.seo-text p {
     text-align: justify;
     line-height: 1.7;
     font-size: 0.9rem;
     margin-bottom: 15px;
     max-width: 900px; /* Ne legyen túl széles */
     margin-left: auto;
     margin-right: auto;
}
.seo-text p:last-of-type {
    margin-bottom: 0;
}


/* Cookie Banner */
#cookie-banner {
    display: none; /* JS kezeli a megjelenítést */
    background-color: rgba(30, 30, 30, 0.95); /* Sötét háttér */
    color: #eee;
    padding: 15px 0;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2000; /* Legfelül legyen */
    box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
}
#cookie-banner .container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}
#cookie-banner p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    flex-grow: 1; /* Helykitöltés */
    text-align: left; /* Balra igazítás */
}
#cookie-banner a {
     color: #aaa; /* Világosabb link */
     text-decoration: underline;
     /* border-bottom: 1px solid #aaa; */ /* Aláhúzás helyett underline */
     transition: color 0.2s ease;
}
#cookie-banner a:hover {
     /* text-decoration: none; */
    color: #fff;
}
#cookie-accept {
   background-color: #6fb400;
    color: #fff;
    padding: 10px 20px; /* Nagyobb gomb */
  border: none;
     border-radius: 5px;
       cursor: pointer;
   transition: background-color 0.3s ease;
   font-weight: bold;
   white-space: nowrap; /* Ne törjön a szöveg */
   flex-shrink: 0; /* Ne zsugorodjon */
}
#cookie-accept:hover {
  background-color: #5a9200;
}

/* Cookie banner mobil finomítás */
@media (max-width: 600px) {
    #cookie-banner .container {
        flex-direction: column; /* Egymás alá */
        gap: 10px;
        align-items: stretch; /* Teljes szélesség */
    }
    #cookie-banner p {
        text-align: center; /* Középre igazított szöveg */
        margin-bottom: 10px; /* Térköz a gomb felett */
    }
    #cookie-accept {
        width: 100%; /* Teljes szélességű gomb */
    }
}