/* ============================
   ALAP: DESKTOP
   ============================ */

#nav-icon1 {
  display: none;
}

/* ============================
   MOBIL NÉZET
   ============================ */
@media (max-width: 900px) {

  #nav-icon1 {
    display: block;
    width: 30px;
    height: 22px;
    position: relative;
    margin: 10px;
    cursor: pointer;
    z-index: 10001;
  }

    #nav-icon1 span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: #000;
      border-radius: 2px;
      left: 0;
    }

      #nav-icon1 span:nth-child(1) {
        top: 0;
      }

      #nav-icon1 span:nth-child(2) {
        top: 9px;
      }

      #nav-icon1 span:nth-child(3) {
        top: 18px;
      }

  #header .call,
  #header .share {
    display: none !important;
  }

  #header,
  #header .container {
    position: relative !important;
    overflow: visible !important;
    z-index: 9999 !important;
  }

    #header nav#main-menu {
      display: none !important;
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      right: auto !important;
      z-index: 10000 !important;
      width: 300px !important;
      margin: 0 !important;
      padding: 0 !important;
      background: #fff !important;
      border: 1px solid #ccc !important;
      border-top: none !important;
      box-shadow: 0 4px 16px rgba(0,0,0,0.08);
    }

      #header nav#main-menu.open {
        display: block !important;
      }

      #header nav#main-menu ul#topnav {
        list-style: none;
        margin: 0 !important;
        padding: 10px !important;
        width: 100% !important;
        background: #fff !important;
        position: static !important;
        text-align: left !important;
      }

        #header nav#main-menu ul#topnav > li {
          display: block !important;
          width: 100% !important;
          padding: 8px 0 !important;
          margin: 0 !important;
          border-bottom: 1px solid #eee !important;
          background: #fff !important;
        }

          #header nav#main-menu ul#topnav > li > a {
            display: block !important;
            width: 100% !important;
            color: #000 !important;
            font-size: 16px !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            background: transparent !important;
          }

        #header nav#main-menu ul#topnav li ul {
          position: static !important;
          display: block !important;
          margin: 0 0 0 15px !important;
          padding: 0 !important;
          list-style: none !important;
          background: #fff !important;
        }

          #header nav#main-menu ul#topnav li ul li {
            border: none !important;
            width: 100% !important;
            padding: 5px 0 !important;
            margin: 0 !important;
            background: #fff !important;
          }

            #header nav#main-menu ul#topnav li ul li a {
              display: block !important;
              width: 100% !important;
              padding: 5px 0 !important;
              margin: 0 !important;
              color: #333 !important;
              font-size: 14px !important;
              text-shadow: none !important;
              white-space: nowrap !important;
              background: transparent !important;
            }

  #boxes,
  #boxes .boxesbg {
    width: 100% !important;
    float: none !important;
    display: block !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

    #boxes .box {
      float: none !important;
      width: 90% !important;
      max-width: 500px !important;
      display: block !important;
      clear: both !important;
      margin: 0 auto 40px auto !important;
      background: #fff !important;
      box-sizing: border-box !important;
    }

  #footer {
    min-width: 100% !important;
    width: 100% !important;
    padding: 15px 10px !important;
    box-sizing: border-box !important;
  }

    #footer ul#footernav {
      display: block !important;
      list-style: none;
      margin: 0;
      padding: 15px 20px !important;
      background: transparent !important;
    }

      #footer ul#footernav > li {
        display: block !important;
        width: 100% !important;
        margin: 0 0 12px 0 !important;
      }

        #footer ul#footernav > li > a {
          display: block !important;
          padding: 6px 0;
          text-decoration: none;
          font-weight: 600;
          background: transparent !important;
          color: #fefefe !important;
        }

        #footer ul#footernav > li > ul {
          margin: 6px 0 0 12px !important;
          padding: 0;
          border-left: none !important;
          list-style: none;
          background: transparent !important;
        }

          #footer ul#footernav > li > ul > li > a {
            display: block !important;
            padding: 4px 0;
            text-decoration: none;
            background: transparent !important;
            color: #e0e0e0 !important;
            font-weight: 400;
          }

    #footer .right,
    #footer .kapcsolat-box {
      float: none !important;
      position: static !important;
      display: block !important;
      clear: both !important;
      width: 100% !important;
      margin: 20px 0 0 0 !important;
      padding: 15px 20px !important;
      text-align: left !important;
      background: transparent !important;
      color: #fefefe !important;
    }

  #slider .slide img.image {
    width: 80% !important;
    max-width: 300px !important;
    height: auto !important;
    display: block !important;
    float: none !important;
    position: static !important;
    margin: 10px 0 !important;
    text-align: left !important;
  }

  #slider .slide {
    text-align: left !important;
  }

    #slider .slide p,
    #slider .slide h2,
    #slider .slide h3 {
      padding: 0 25px !important; /* belső margó bal/jobb */
      margin: 10px 0 !important; /* felső/alsó térköz */
      text-align: left !important; /* balra igazítva */
      max-width: 90% !important; /* ne legyen teljes szélesség */
    }

}

/* ============================
   FOOTER – DESKTOP
   ============================ */
#footer ul#footernav {
  list-style: none;
  padding: 15px 20px;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 16px 24px;
  background: transparent !important;
}

  #footer ul#footernav > li > a {
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    padding: 4px 0;
    color: #fefefe !important;
    background: transparent !important;
  }

  #footer ul#footernav > li > ul {
    list-style: none;
    margin: 6px 0 0 0;
    padding: 0;
    border-left: none !important;
    background: transparent !important;
  }

    #footer ul#footernav > li > ul > li > a {
      display: inline-block;
      text-decoration: none;
      padding: 2px 0;
      color: #e0e0e0 !important;
      font-weight: 400;
      background: transparent !important;
    }

#footer .kapcsolat-box,
#footer .right {
  display: block;
  margin-top: 20px;
  padding: 15px 20px;
  text-align: left;
  background: transparent !important;
  color: #fefefe !important;
}

  #footer .kapcsolat-box h2,
  #footer .kapcsolat-box h3 {
    font-weight: 600;
    color: #fefefe !important;
  }

  #footer .kapcsolat-box p,
  #footer .right p {
    margin: 8px 0;
    color: #e0e0e0 !important;
  }

  #footer .kapcsolat-box a,
  #footer .right a {
    color: #fefefe !important;
    text-decoration: underline;
  }


.main-container2 {
  display: flex;
}


/* Sidebar alapból látszik desktopon */
.sidebar {
  width: 220px;
  background-color: #f0f0f0;
  padding: 15px;
}

/* Tartalom kitölti a maradék helyet */
.content {
  flex: 1;
  padding: 20px;
}

/* Mobil nézetben rejtsük el a menüt */
@media (max-width: 900px) {
  .sidebar {
    display: none;
  }
}

.pnleft {
  display: block !important; /* hogy a text-align működjön */
  text-align: left !important; /* balra igazítás */
}