html {
  scroll-behavior: smooth;
}
th {
  font-weight: 600;
}
body {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  color: #07070a;
}
a:hover {
  text-decoration: underline;
}
body > header {
  display: grid;
  grid-template-columns: 2fr 1fr auto auto;
  color: #ffffff;
  background-color: #006675;
  height: 80px;
  padding: 0 calc(50% - 600px);
  position: relative;
  min-width: 1200px;
  column-gap: 2rem;
  z-index: 1;
}
body > header::before {
  content: '';
  grid-column: 2 / 3;
  grid-row: 1 / 3;
}
body > header::after {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% - 600px);
  bottom: 0;
  width: 540px;
  background-image: url(logoszeles.svg);
  background-repeat: no-repeat;
  z-index: -1;

}
body > header > h2 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
body > header > h3 {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
body > header > h2 > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: transparent;
  font-size: 0;
}
body > header > h3 > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: transparent;
  font-size: 0;
}
body > header > a {
  grid-row: 1 / 3;
  align-self: center;
  color: #ffffff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 4px;
  font-family: "OpenSans", sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}
#fejlectelo {
  font-size: 16px;
}
#fejlectelo::before {
  content: url(telo.svg);
  aspect-ratio: 1 / 1;
  height: 18px;
  width: 18px;
  display: inline-flex;
  padding: 8px;
  background-color: #90b22e;
  border-radius: 50%;
}
#fejleckapcsolat::before {
  content: url(email.svg);
  aspect-ratio: 1 / 1;
  height: 18px;
  width: 18px;
  display: inline-flex;
  padding: 8px;
  background-color: #90b22e;
  border-radius: 50%;
}
body > header > span:empty {
  display: none;
}


@media (max-width: 1200px) {
  body > header {
    min-width: 100%;
    max-width: 100%;
    aspect-ratio: 15 / 1;
    width: auto;
    height: auto;
    min-height: 45px;
    padding: 0;
    overflow: hidden;
  }
  body > header > h2 > a, body > header > h3 > a {
    height: 100%;
  }
  body > header::after {
    left: 0;
    width: auto;
    aspect-ratio: 27 / 4;
    height: auto;
    background-position: top left;
    background-size: cover;
  }
  body > header::before {
    content: none;
  }
}


@media (max-width: 768px) {
  body > header {
    display: flex;
    column-gap: 4px;
    position: sticky;
    top: 0;
  }
  main.resz section {
    scroll-margin: 40px 0 0 0;
  }
  body > header::before {
    content: '';
    flex: auto;
    order: 2;
  }
  body > header::after {
    background-image: url(logokeskeny.svg);
    aspect-ratio: 37 / 8;
  }
  body > header > a, #fejlectelo {
    font-size: 0;
    color: transparent;
    order: 3;
  }
  body > header > h2, body > header > h3 {
    min-width: 90px;
    order: 1;
  }
  body > header > h2 > a, body > header > h3 > a {
    height: 45px;
    width: 90px;
    display: block;
  }
  body > header > span:empty {
    display: flex;
    align-items: center;
    padding-right: 4px;
    order: 3;
  }
  body > header > span::before {
    cursor: pointer;
    aspect-ratio: 1 / 1;
    height: 18px;
    width: 18px;
    display: inline-flex;
    padding: 8px;
    background-color: #90b22e;
    border-radius: 50%;
    content: url(hamburger.svg);
  }
}


#nav {
  height: 55px;
  background-color: #ffffff;
  color: #006675;
  font-family: "Libre Baskerville", serif;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  /*letter-spacing: 0.2px;*/
  padding: 0 calc(50% - 600px);
  position: sticky;
  top: 0;
  z-index: 1000;
}
#nav > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#nav > ul > li {
  display: contents;
}
#nav > ul > li > a {
  text-decoration: none;
  color: #006675;
  line-height: 55px;
}


@media (max-width: 1200px) {
  #nav {
    font-size: clamp(7.68px,1vw,12px);
  }
}
@media (max-width: 768px) {
  #nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    font-size: 15px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    height: 100vh;
    transform: translateX(-100%);
    transition: transform 300ms ease;
    cursor: pointer;
  }
  .menu #nav {
    transform: translateX(0);
  }
  #nav > ul {
    display: block;
    flex: auto;
    background-color: #ffffff;
    overflow-y: auto;
  }
  #nav::before {
    content: "";
    display: block;
    min-height: 45px;
    aspect-ratio: 15 / 1;
    background-color: transparent;
  }
  #nav > ul > li {
    display: block;
    padding: 0 0.5rem;
  }
  #nav > ul > li > a {
    line-height: 45px;
  }

}

#index #cim {
  background-color: #eeeeee;
  padding: 0 calc(50% - 600px);
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
  padding-top: 137px;
  padding-bottom: 137px;
  position: relative;
}
#index #cim > h1::first-line {
  color: #006675;
  font-size: 38px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-transform: uppercase;
}
#index #cim > h1 > .kiemelt {
  color: #006675;
  font-size: 30px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-transform: uppercase;
}
#index #cim > h1 {
  color: #07070a;
  font-size: 26px;
  font-family: "Open Sans", sans-serif;
  max-width: 768px;
  font-weight: normal;
}
#index #cim::after {
  content: url(merohelyszerelo.svg);
  grid-row: 1 / 3;
  transform: scale(-1,1);
}
#index #cim > span {
  grid-row: 2 / 3;
  display: flex;
  gap: 0.5rem;
  padding-bottom: 2rem;
}
#index #cim > span > a:first-of-type {
  background-color: #07070a;
  color: #ffffff;
  line-height: 50px;
  border-radius: 4px;
  padding: 0 40px;
  text-decoration: none;
  cursor: pointer;
}
#index #cim > span > a:last-of-type {
  border: 1px solid #90B22E;
  border-radius: 4px;
  color: #90b22e;
  line-height: 50px;
  padding: 0 40px;
  text-decoration: none;
  cursor: pointer;
}
#index #cim::before {
  content: '';
  height: 137px;
  width: 100%;
  left: 0;
  right: 0;
  border-top-left-radius: 100% 200%;
  border-top-right-radius: 100% 200%;
  background-color: #ffffff;
  position: absolute;
  bottom: 0px;
  z-index: 0;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  #index #cim {
    grid-template-columns: 1fr 13.1%;
    padding: 0 0.5rem;
    padding-bottom: 4rem;
  }
  #index #cim > h1 {
    font-size: clamp(13.3px,2.17vw,26px)
  }
  #index #cim > h1::first-line {
    font-size: clamp(13.3px,4.17vw,40px)
  }
  #index #cim::after {
    content: '';
    background-image: url(merohelyszerelo.svg);
    background-size: 100% auto;
    aspect-ratio: 137 / 466;
    background-repeat: no-repeat;
    transform: scale(-1,1);
  }
  #index #cim::before {
    bottom: -100px;
  }
}
@media (max-width: 767px) {
  #index #cim::after {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
  }
  #index #cim > span {
    grid-column: 1 / 3;
    justify-content: center;
  }
}

#index #attekintes {
  display: grid;
  grid-template-columns: repeat(3, minmax(320px,1fr));
  gap: 1rem;
  justify-content: center;
  margin-top: -100px;
  position: relative;
  padding: 0 calc(50% - 600px);
}
#index #attekintes > h4 {
  color: #006675;
  font-size: 26px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-transform: uppercase;
  grid-column: 1 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
#index #attekintes > h4::before {
  content: "";
  background-image: url(cim.svg);
  background-repeat: no-repeat;
  width: 35px;
  height: 61px;
  display: inline-block;
}
#index #attekintes > article {
  box-shadow: 0px 3px 6px #00000029;
  position: relative;
  padding-bottom: 82px;
  background-position: center 1rem;
  background-repeat: no-repeat;
}
#index #attekintes > article > h5 {
  color: #006675;
  font-size: 16px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-top: 6rem;
}
#index #attekintes > article > h5 > a {
  color: #006675;
  text-decoration: none;
}
#index #attekintes > article > h5 > a::after {
  content: 'Megtekint';
  color: #006675;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  line-height: 50px;
  border: solid 1px #006675;
  border-radius: 4px;
  position: absolute;
  display: block;
  padding: 0 2rem;
  cursor: pointer;
}

#index #attekintes > article > ul {
  list-style-type: none;
  padding: 2rem;
  color: #07070a;
  font-size: 14px;
  line-height: 150%;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
#index #attekintes > .merohely {
  background-image: url(merohelyek-kialakitasa.svg);
}
#index #attekintes > .tulfesz {
  background-image: url(lightning-green.svg);
}
#index #attekintes > .ev {
  background-image: url(villanyszereles.svg);
}
#index #attekintes > .kalkulator {
  background-image: url(meretezes.svg);
}
#index #attekintes > .foldeles {
  background-image: url(kabelek.svg);
}
#index #attekintes > .kapcsolat {
  background-image: url(kapcsolat.svg);
}
@media (max-width: 1023px) {
  #index #attekintes {
    grid-template-columns: 320px 320px;
  }
  #index #attekintes > h4 {
    grid-column: 1 / 3;
  }
}
@media (max-width: 767px) {
  #index #attekintes {
    grid-template-columns: 320px;
  }
  #index #attekintes > h4 {
    grid-column: 1 / 2;
  }
}
#index #tevekenyseg {
  padding: 0 calc(50% - 600px);
  background-color: #eeeeee;
  display: flow-root;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
#index #tevekenyseg > h4 {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  color: #006675;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 61px;
}
#index #tevekenyseg > h4::before {
  content: "";
  background-image: url(cim.svg);
  background-repeat: no-repeat;
  width: 35px;
  height: 61px;
}
#index #tevekenyseg > ul {
  display: grid;
  grid-template-columns: 1fr 1fr; 
}
#index #tevekenyseg > ul::before {
  content: "";
  grid-column: 1 / 2;
  grid-row: 1 / 12;
  background-image: url(vilagitasszereles.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}
#index #tevekenyseg > ul > li {
  grid-column: 2 / 3;
  list-style-image: url(lista-lighting.svg);
  font-size: 20px;
  font-family: "Open Sans", sans-serif;
  line-height: 30px;
  display: flex;
}
#index #tevekenyseg > ul > li::before {
  content: "";
  background-image: url(lista-lighting.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 30px;
}
@media (max-width:1200px){
  #index #tevekenyseg {
    padding: 0;
  }
}
@media (max-width: 767px){
  #index #tevekenyseg > ul {
    display: flex;
    flex-direction: column;
    padding: 1rem;
  }
  #index #tevekenyseg > ul::before {
    display: block;
    width: 100%;
    min-width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 1rem;
  }
}

#index #csapat {
  padding: 0 calc(50% - 600px);
  background-color: #ffffff;
  display: flow-root;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
#index #csapat > h4 {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  color: #006675;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 61px;
}
#index #csapat > h4::before {
  content: "";
  background-image: url(cim.svg);
  background-repeat: no-repeat;
  width: 35px;
  height: 61px;
}
#index #csapat > #cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
#index #csapat > #cards > article {
  box-shadow: 0 5px 6px rgba(0,0,0,0.16);
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 2rem;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: auto auto auto 1fr auto;
}
#index #csapat > #cards > article#kgcard::before {
  content: url(kanizsai-geza.png);
  grid-row: 1 / 5;
}
#index #csapat > #cards > article#urcard::before {
  content: url(circle-robert.jpg);
  grid-row: 1 / 5;
}
#index #csapat > #cards > article > h5 {
  color: #006675;
  font-size: 16px;
  line-height: 25px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}
#index #csapat > #cards > article > a {
  text-decoration: none;
  color: #07070a;
  display: flex;
  gap: 1rem;
  align-items: center;
  cursor: pointer;
}
#index #csapat > #cards > article > a.tel::before {
  content: url(telefon.svg);
}
#index #csapat > #cards > article > a.mail::before {
  content: url(level.svg);
}
#index #csapat > #cards > article > a:last-of-type {
  background-color: #07070a;
  color: #ffffff;
  line-height: 50px;
  border-radius: 4px;
  padding: 0 40px;
  text-decoration: none;
  cursor: pointer;
  margin: 0 auto;
  width: max-content;
  grid-column: 1/ 3;
}
@media (max-width: 1200px){
  #index #csapat > #cards {
    margin: 0.5rem;
  }
}
@media (max-width: 960px){
  #index #csapat > #cards {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px){
  #index #csapat > #cards > article {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #index #csapat > #cards > article > p {
    text-align: center;
  }
}

#index #velemenyek {
  background-color: rgba(7,7,10,0.85);
  padding: 0 calc(50% - 600px);
  display: flow-root;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
#index #velemenyek > h4 {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  color: #90B22E;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 61px;
}
#index #velemenyek > h4::before {
  content: "";
  background-image: url(cim.svg);
  background-repeat: no-repeat;
  width: 35px;
  height: 61px;
}

#index #velemenyek > #velemeny {
  display: flex;
  max-width: 100%;
  gap: 1rem;
  overflow-x: auto;
  animation: timer infinite 6s linear;
  scroll-behavior: smooth;
}
#index #velemeny:hover {
  animation-play-state: paused;
}
#index #velemenyek > #velemeny > blockquote {
  box-shadow: 0 5px 6px rgba(0,0,0,0.16);
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 2rem;
  background-color: #ffffff;
  flex-shrink: 0;
  flex-basis: calc(50% - 0.5rem);
  margin: 0;
  box-sizing: border-box;
  font-size: 14px;
}
#index #velemenyek > #velemeny > blockquote > cite {
  font-style: normal;
  font-family: "Libre Baskerville",serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #006675;
  font-weight: bold;
}
#index #velemenyek > #velemeny > blockquote > cite::before {
    content: "";
  background-image: url(kanizsai-geza-slider-img.png);
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  float: left;
}
#index #velemenyek > #velemeny > blockquote > figure {
  display: flex;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  align-content: center;
}
#index #velemenyek > #velemeny > blockquote > figure > figcaption {
  margin-left: 4px;
  color: #FB8500;
  font-weight: bold;
  white-space: nowrap;
  font-size: 25px;
}
#index #velemenyek > figure {
  display: flex;
  height: 25px;
  line-height: 25px;
  margin: 0;
  padding: 0;
  align-content: center;
  justify-content: center;
}
#index #velemenyek > figure > figcaption {
  margin-left: 4px;
  color: #FB8500;
  font-weight: bold;
  white-space: nowrap;
  line-height: 25px;
}
#index #velemenyek > figure > figcaption > span {
  font-size: 25px;
}
@media (max-width: 960px) {
  #index #velemenyek > #velemeny > blockquote {
    flex-basis: 100%;
  }
}

#index #hasznos {
  padding: 0 calc(50% - 600px);
  display: flow-root;
  margin-top: 3rem;
  padding-bottom: 3rem;
}
#index #hasznos > h4 {
  font-family: "Libre Baskerville", serif;
  font-size: 26px;
  color: #006675;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  line-height: 61px;
}
#index #hasznos > h4::before {
  content: "";
  background-image: url(cim.svg);
  background-repeat: no-repeat;
  width: 35px;
  height: 61px;
}
#index #hasznos > div {
  display: flex;
  gap: 1rem;
}
#index #hasznos article {
  flex: 1;
  box-shadow: 0 5px 6px rgba(0,0,0,0.16);
  border-top: 1px solid rgba(0,0,0,0.08);
  padding: 0;
  background-color: #ffffff;
  flex-shrink: 0;
  margin: 0;
  box-sizing: border-box;
}
#index #hasznos article::before {
  content: "";
  display: block;
  padding-top: 68.48%;
  background-size: 100% auto;
  background-position: top center;
  margin-bottom: 2rem;
}
#index #hasznos article#hasznoskalk::before {
  background-image: url(dekor3.jpg);
}
#index #hasznos article#hasznosbizt::before {
  background-image: url(dekor2.jpg);
}
#index #hasznos article#hasznosavk::before {
  background-image: url(dekor1.jpg);
}
#index #hasznos article > h5 {
  color: #006675;
  font-size: 16px;
  line-height: 25px;
  font-family: "Libre Baskerville", serif;
  font-weight: bold;
  text-align: left;
  text-transform: uppercase;
  margin: 0;
  padding: 0 2rem;
  text-align: center;
}
#index #hasznos article > p {
  padding: 2rem;
  margin: 0;
}
#index #hasznos a {
  background-color: #07070a;
  color: #ffffff;
  line-height: 50px;
  border-radius: 4px;
  padding: 0 40px;
  text-decoration: none;
  cursor: pointer;
  width: max-content;
  display: block;
  margin: 0 auto;
  font-family: "Open Sans", sans-serif;
}
@media (max-width: 1199px) {
  #index #hasznos > div {
    flex-wrap: wrap;
    justify-content: center;
  }
  #index #hasznos article {
    min-width: 360px;
    max-width: 400px;
  }
}
@keyframes timer {}

body > footer {
  background-color: #07070A;
  background-image: url(minta-footer-bal.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  min-height: 300px;
  padding: 1rem calc(50% - 600px);
  display: flow-root;
  color: #ffffff;
}
body > footer > #oszlop {
  columns: 3;
  column-gap: 2rem;
}
body > footer > #oszlop > div {
  break-inside: avoid;
  line-height: 150%;
  font-size: 18px;
  page-break-after: always;
  min-height: 250px;
}
body > footer > aside#owner {
  text-align: center;
  line-height: 45px;
}
body > footer > aside#suti {
  font-size: 10px;
  text-align: center;
}
body > footer h5 {
  font-family: "Libre Baskerville",serif;
  font-size: 28px;
  text-transform: uppercase;
  color: #90B22E;
  font-weight: 700;
  line-height: 60px;
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
}
body > footer > #oszlop > div > article {
  text-align: center;
}
body > footer > #oszlop > div > article > h6 {
  color: #006675;
  font-size: 22px;
  line-height: 30px;
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin: 1rem 0 1rem 0;
  padding: 0;
}
body > footer a {
  text-decoration: none;
  color: #f2b705;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 30px;
  font-weight: 400;
}
body > footer > #oszlop > div > article > a.tel::before {
  content: url(telefon.svg);
  height: 30px;
}
body > footer > #oszlop > div > article > a.mail::before {
  content: url(level.svg);
  height: 30px;
}
body > footer > #oszlop > div > article > a:last-of-type {
  background-color: #006675;
  color: #ffffff;
  line-height: 50px;
  border-radius: 4px;
  padding: 0 40px;
  text-decoration: none;
  cursor: pointer;
  margin: 1rem auto 2rem auto;
  width: max-content;
  font-weight: normal;
}
body > footer p {
  margin: 0;
}
body > footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1199px) {
  body > footer > #oszlop {
    columns: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
  }
  body > footer > #oszlop > div {
    flex-basis: calc(50% - 16px);
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 370px;
    min-width: 300px;
  }
}
@media (max-width: 767px) {
  body > footer p {
    padding: 0 0.5rem;
    text-align: center;
  }
  body > footer a img {
    max-width: 344px;
  }
  body > footer a {
    overflow: hidden;
  }
  body > footer aside {
    padding: 0 0.5rem;
  }
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(OpenSans-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(OpenSans-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(OpenSans-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(OpenSans-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(LibreBaskerville-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(LibreBaskerville-Bold.woff2) format('woff2');
}

main.resz {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fafafa;
  padding-left: 308px;
  box-sizing: border-box;
  display: flow-root;
  line-height: 1.6;
}
main.resz::before {
  content: "";
  background-image: url(domain4.svg);
  background-size: 138px 1000px;
  background-color: #f6f6f6;
  background-position: top right;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
}
main.resz h1 {
  font-family: "Libre Baskerville", serif;
  text-align: center;
  color: #006675;
}
main.resz > nav > ul {
  list-style-type: none;
  font-weight: 500;
  padding-left: 1rem;
}
main.resz > nav > ul > li::before {
  content: "";
  background-image: url(lista-lighting.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 20px;
  display: inline-block;
  vertical-align: bottom;
}
main.resz > nav > ul > li > a {
  text-decoration: none;
}
main.resz > nav > ul > li > a:hover {
  text-decoration: underline;
}
main.resz h4 {
  font-family: "Libre Baskerville", serif;
  color: #006675;
}
@media (max-width: 1199px) {
  main.resz {
    margin: 0 0;
    padding: 0 0 0 calc(50% - 320px);
  }
  main.resz::before {
    width: calc(50% - 328px);
  }
}
@media (max-width: 900px) {
  main.resz {
    padding: 0;
  }
  main.resz::before {
    content: none;
  }
}

main.resz p {
  padding-left: 1rem;
  text-indent: 1rem;
}
main.resz h5 {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
main.resz article {
  padding-left: 1rem;
}
main.resz section, #tulfeszultsegvedelem > nav {
  /*margin-bottom: 0.5rem;*/
  display: flow-root;
  scroll-margin: 50px 0 0 0;
  padding: 0 0.5rem;
}
main.resz img {
  box-shadow: 3px 3px 3px silver;
}
caption {
  font-style: italic;
  caption-side: bottom;
}
#merohely dl, #foldeles dl {
  padding-left: 1rem;
}
dt {
  font-weight: bold;
}
dd {
  margin-bottom: 0.5rem;
}
main.resz > figure {
  margin: 1rem 0.5rem 1rem 1rem;
  padding: 0;
}
main.resz > section + figure,
main.resz > nav + figure {
  margin-top: 1rem !important;
}
li {
  margin-bottom: 0.25rem;
}
ul ul > li:first-of-type {
  margin-top: 0.25rem;
}
@media (max-width: 768px){
  
  main.resz figure {
    margin: 0 auto 1rem auto;
  }
  main.resz ol {
    text-align: left;
  }
  main.resz ol > li {
    padding-left: 0.5rem;
  }
  main.resz section p {
    padding-left: 0;
  }
  main.resz nav {
    padding: 0 0.5rem;
  }
  section, #tulfeszultsegvedelem > nav {
    scroll-margin: 0 0 0 0;
  }
  #nav > ul {
    display: block;
    transform: translateX(-100%);
    transition: transform 300ms ease;
    position: fixed;
    width: 100vw;
    z-index: 3;
  }
  #nav::after {
    content: "";
    display: block;
    transform: translateX(-100%);
    transition: transform 300ms ease;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(0,0,0,0.75);
  }
  #nav.menu > ul, #nav.menu::after {
    transform: translateX(0%);
  }
  main.resz {
    text-align: center;
    content-visibility: auto;
    contain-intrinsic-size: 1000px;
  }
  main.resz > nav > ul > li {
    margin-bottom: 0.75rem;
  }
  html.menu > body {
    overflow-y: hidden;
    height: 100vh;
  }
  p {
    text-indent: 0;
    padding-left: 0;
  }
  ul {
    text-align: left;
    padding-left: 1rem;
  }
  figure {
    float: none !important;
    margin: 0 auto;
  }
  article,section {
    padding-left: 0;
    margin-left: 0;
  }
  dd,dl,dt {
    padding-left: 0 !important;;
    margin-left: 0 !important;
  }
  h2 {
    text-align: right;
    padding: 0 !important;
  }
  h3 {
    padding: 0 !important;
  }
}

a.navig {
  float: right;
  height: 30px;
  width: 30px;
  color: transparent;
  overflow: clip;
  margin-top: 1rem;
  text-decoration: none;
}
a.navig::before {
  content: "\2193";
  color: white;
  background-color: #90B22E;
  border-radius: 4px;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 5px;
  cursor: pointer;
}
a.navig2 {
  float: right;
  height: 30px;
  width: 30px;
  color: transparent;
  overflow: clip;
  margin-top: 1rem;
  text-decoration: none;
}
a.navig2::before {
  content: "\2191";
  color: white;
  background-color: #90B22E;
  border-radius: 4px;
  font-weight: bold;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-align: center;
  box-sizing: border-box;
  padding-bottom: 5px;
  cursor: pointer;
}

#kapcsolat cite {
  text-align: right;
  display: block;
}
#kapcsolat figure {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  grid-gap: 1rem;
  margin: 0;
  padding: 0;
}
#kapcsolat figure > img {
  box-shadow: 3px 3px 3px silver;
  grid-column: 1/2;
  /*grid-row: 1/3; */
}
#kapcsolat figure > figcaption {
  grid-column: 2/3;
  grid-row: 1/3; 
}
#kapcsolat details:nth-last-of-type(n+2) {
  border-bottom: solid 1px lightblue;
  margin-bottom: 1rem;
}
#kapcsolat dl h3 {
  margin-top: 0;
  padding-top: 0;
}
#kapcsolat dl {
  margin-top: 0;
  padding-top: 0;
}
#kapcsolat h4:first-of-type {
  margin-top: 0;
}
#kapcsolat #impresszum > dl {
  padding-left: 0.8rem;
}
#kapcsolat #impresszum > dl > dt {
  margin-bottom: 1rem;
}
@media (max-width: 768px){
  #kapcsolat figure {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  #kapcsolat figure > img {
    justify-self: center;
    grid-column: 1/2;
    grid-row: 1/2;
  }
  #kapcsolat figure > img + img {
    grid-column: 2/3;
  }
  #kapcsolat figure > figcaption {
    text-align: left;
    grid-column: 1/3;
    grid-row: 2/3;
  }
}
#tulfeszultsegvedelem,
#biztositas,
#erintesvedelem,
#foldeles,
#meretezes,
#merohely {
  display: flow-root;
}
#tulfeszultsegvedelem > figure,
#biztositas > figure,
#erintesvedelem > figure,
#foldeles > figure,
#meretezes > figure,
#merohely > figure {
  float: right;
  clear: right;
  width: min-content;
  margin-top: 0;
}
#tulfeszultsegvedelem > figure img,
#biztositas > figure img,
#erintesvedelem > figure img,
#foldeles > figure img,
#meretezes > figure img,
#merohely > figure img {
  width: 300px;
}
#tulfeszultsegvedelem > figure > figcaption,
#biztositas > figure > figcaption,
#erintesvedelem > figure > figcaption,
#foldeles > figure > figcaption,
#meretezes > figure > figcaption,
#merohely > figure > figcaption {
  text-align: center;
  font-style: italic;
  display: block;
  width: 300px;
}
.kmtabla {
  margin-left: 1rem;
  margin-bottom: 2rem;
  border: solid 1px #07070a;
}
.kmtabla > thead > tr > th {
  border: solid 1px #07070a;
}
.kmtabla > tbody > tr > td {
  border: solid 1px #07070a;
  text-align: center;
  vertical-align: center;
}
.kmtabla > tbody > tr > td:empty {
  background-color: #dddddd;
}
@media (max-width: 768px){
  .kmtabla {
    margin-left: 0;
  }
}
#tipusok {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0.5rem;
}
#tipusok > img {
  box-shadow: none;
}
#tipusok > strong {
  text-align: center;
}
#erintesvedelem > section  dd > img {
  box-shadow: none;
  width: 70px;
}
#erintesvedelem p > img {
  box-shadow: none;
  width: 70px;
  float: right;
}
.inline {
  box-shadow: none;
  width: auto !important;
  float: none !important;
}
#ev img {
  object-fit: contain !important;
}

.fetabla {
  border: solid 1px #07070a;
}
.fetabla td {
  border-bottom: solid 1px #07070a;
  border-left: solid 1px #07070a;
  padding: 3px;
}
.fetabla td + td {
  text-align: center;
  border-right: solid 1px #07070a;
}
.fetabla th {
  border: solid 1px #07070a;
  font-weight: 600;
}
.fetabla th:first-of-type {
  border-right: none;
}
.fetabla > tbody > tr:first-of-type > td {
  border-top: solid 1px #07070a;
}
.fetabla > tbody > tr:nth-of-type(2n) {
  background-color: #e0e0e0;
}

.ftabla {
  border: solid 1px #07070a;
  border-left-width: 2px;
  border-top-width: 2px;
}
.ftabla th {
  font-weight: 600;
}
.ftabla th, .ftabla td {
  padding: 3px;
  border-bottom: solid 1px #07070a;
  border-right: solid 1px #07070a;
}
.ftabla > thead > tr:last-of-type > th > span {
  display: inline-block;
  writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  text-align: right;
  vertical-align: top;
}
.ftabla > tbody > tr > td:empty {
  background-color: #dddddd;
}
.ftabla > tbody > tr:first-of-type > td {
  border-top: solid 1px #07070a;
}

.htabla {
  border: solid 1px #07070a;
  border-left-width: 2px;
  border-top-width: 2px;
}
.htabla th, .htabla td {
  padding: 3px 5px;
  border-bottom: solid 1px #07070a;
  border-right: solid 1px #07070a;
}
.htabla td {
  text-align: right;
}
.htabla td:first-of-type {
  font-weight: 600;
}
.htabla > thead > tr:last-of-type > th > span {
  display: inline-block;
  writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  text-align: right;
  vertical-align: top;
}
.htabla > tbody > tr > td:empty {
  background-color: #dddddd;
}
.htabla > tbody > tr:first-of-type > td {
  border-top: solid 1px #07070a;
}
.fvtabla {
  border: solid 1px #07070a;
  border-left-width: 2px;
  border-top-width: 2px;
} 
.fvtabla th, .fvtabla td {
  padding: 3px 5px;
  border-bottom: solid 1px #07070a;
  border-right: solid 1px #07070a;
}
.fvtabla td {
  text-align: right;
}
.fvtabla td:first-of-type, .fvtabla td:last-of-type {
  font-weight: 600;
}
.fvtabla .kotelezo td {
  background-color: #f0f0f0;
}
.telo {
  text-decoration: none;
  font-weight: bold;
}

details > summary {
  font-weight: bold;
  cursor: pointer;
  padding: 1rem 0;
}
#kapcsolat #ertekeles figure, #kapcsolat #velemenyek figure {
  display :flex;
  margin: 0;
  padding: 0;
  gap: 0;
}
#kapcsolat #ertekeles img, #kapcsolat #velemenyek img {
  width: 1rem;
  height: 1rem;
  box-shadow: none;
}

.star {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-size: cover;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9ImdvbGQiIGQ9Ik0xNzI4IDY0N3EwIDIyLTI2IDQ4bC0zNjMgMzU0IDg2IDUwMHExIDcgMSAyMCAwIDIxLTEwLjUgMzUuNXQtMzAuNSAxNC41cS0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K);
}
[data-avg='0'] > span.star,
[data-avg='1'] > span:nth-of-type(1) ~ span.star,
[data-avg='2'] > span:nth-of-type(2) ~ span.star,
[data-avg='3'] > span:nth-of-type(3) ~ span.star,
[data-avg='4'] > span:nth-of-type(4) ~ span.star,
[data-avg='1.5'] > span:nth-of-type(1) ~ span.star,
[data-avg='2.5'] > span:nth-of-type(2) ~ span.star,
[data-avg='3.5'] > span:nth-of-type(3) ~ span.star,
[data-avg='4.5'] > span:nth-of-type(4) ~ span.star
{
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9ImdvbGQiIGQ9Ik0xMjAxIDEwMDRsMzA2LTI5Ny00MjItNjItMTg5LTM4Mi0xODkgMzgyLTQyMiA2MiAzMDYgMjk3LTczIDQyMSAzNzgtMTk5IDM3NyAxOTl6bTUyNy0zNTdxMCAyMi0yNiA0OGwtMzYzIDM1NCA4NiA1MDBxMSA3IDEgMjAgMCA1MC00MSA1MC0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K);
}
[data-avg='1.5'] > span:nth-of-type(1) + span.star,
[data-avg='2.5'] > span:nth-of-type(2) + span.star,
[data-avg='3.5'] > span:nth-of-type(3) + span.star,
[data-avg='4.5'] > span:nth-of-type(4) + span.star {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9ImdvbGQiIGQ9Ik0xMjUwIDk1N2wyNTctMjUwLTM1Ni01Mi02Ni0xMC0zMC02MC0xNTktMzIydjk2M2w1OSAzMSAzMTggMTY4LTYwLTM1NS0xMi02NnptNDUyLTI2MmwtMzYzIDM1NCA4NiA1MDBxNSAzMy02IDUxLjV0LTM0IDE4LjVxLTE3IDAtNDAtMTJsLTQ0OS0yMzYtNDQ5IDIzNnEtMjMgMTItNDAgMTItMjMgMC0zNC0xOC41dC02LTUxLjVsODYtNTAwLTM2NC0zNTRxLTMyLTMyLTIzLTU5LjV0NTQtMzQuNWw1MDItNzMgMjI1LTQ1NXEyMC00MSA0OS00MSAyOCAwIDQ5IDQxbDIyNSA0NTUgNTAyIDczcTQ1IDcgNTQgMzQuNXQtMjQgNTkuNXoiLz48L3N2Zz4K);
}
#csillagok {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.sokcsillag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sokcsillag > aside {
  flex-basis: 100%;
  order: 1;
}
.sokcsillag > aside > div {
  display: flex;
  align-items: center;
}
.sokcsillag > aside .star {
  width: 16px;
  height: 16px;
}
[data-total]::after {
  content: attr(data-total);
  margin-left: 4px;
}
.sokcsillag[data-total]::after {
  font-size: 32px;
  line-height: 32px;
}
#jobbcsillag {
  align-self: flex-start;
  flex-direction: row-reverse;
}
#jobbcsillag > .star {
  cursor: pointer;
}
#jobbcsillag > .star:hover,
#jobbcsillag > .star:hover ~ .star {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9ImdvbGQiIGQ9Ik0xNzI4IDY0N3EwIDIyLTI2IDQ4bC0zNjMgMzU0IDg2IDUwMHExIDcgMSAyMCAwIDIxLTEwLjUgMzUuNXQtMzAuNSAxNC41cS0xOSAwLTQwLTEybC00NDktMjM2LTQ0OSAyMzZxLTIyIDEyLTQwIDEyLTIxIDAtMzEuNS0xNC41dC0xMC41LTM1LjVxMC02IDItMjBsODYtNTAwLTM2NC0zNTRxLTI1LTI3LTI1LTQ4IDAtMzcgNTYtNDZsNTAyLTczIDIyNS00NTVxMTktNDEgNDktNDF0NDkgNDFsMjI1IDQ1NSA1MDIgNzNxNTYgOSA1NiA0NnoiLz48L3N2Zz4K);
}
#jobbcsillag > aside {
  max-width: max-content;
}
#jobbcsillag > aside > p {
  margin: 0;
  margin-top: 1rem;
  text-align: center;
}

@keyframes timer {}