.elementor-867 .elementor-element.elementor-element-5e718d5{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0488b9d *//* 1) Alap Arial mindenre */
html, body, h1, h2, h3, h4, h5, h6, p, li, a, span, div {
  font-family: Arial, sans-serif !important;
  color: #333 !important;
  line-height: 1.6 !important;
}

/* 2) Nagy képernyő (desktop) – extra nagy címek és szöveg */
@media (min-width: 769px) {
  h1 { font-size: 4rem    !important; } /* ~64px */
  h2 { font-size: 3.5rem  !important; } /* ~56px */
  h3 { font-size: 3rem    !important; } /* ~48px */
  p, li { font-size: 1.5rem  !important; } /* ~24px */
}

/* 3) Tablet (közép) – nagy, de kicsit kisebb, mint desktop */
@media (min-width: 481px) and (max-width: 768px) {
  h1 { font-size: 3.5rem  !important; } /* ~56px */
  h2 { font-size: 3rem    !important; } /* ~48px */
  h3 { font-size: 2.5rem  !important; } /* ~40px */
  p, li { font-size: 1.25rem !important; } /* ~20px */
}

/* 4) Mobil (kisebb, mint 480px) – olvasható, de mobilméretű */
@media (max-width: 480px) {
  h1 { font-size: 3rem    !important; } /* ~48px */
  h2 { font-size: 2.5rem  !important; } /* ~40px */
  h3 { font-size: 2rem    !important; } /* ~32px */
  p, li { font-size: 1.125rem !important; } /* ~18px */
}

/* 5) Konténer padding, hogy ne érjen a szöveg a széléhez */
.elementor .elementor-widget-container {
  max-width: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}/* End custom CSS */