@charset "UTF-8";
/* Fin-S Könyvelőiroda Kft. – mobilnézet a meglévő, fix szélességű oldalakhoz.
   Ezt a fájlt a lapok <head> szakaszának VÉGÉN kell betölteni (a laponkénti
   <style> blokk UTÁN), különben az abszolút pozíciók felülírják.
   Desktopon (1041px felett) semmit nem változtat. */

img { max-width: 100%; }

@media (max-width: 1040px) {
  html, body { width: auto !important; height: auto !important; }
  body { text-align: left !important; }

  /* a háttér-kitöltő rétegek nem kellenek folyó elrendezésben */
  #extra-styling-area-container { display: none !important; }

  #container, #inner-container {
    position: static !important;
    width: auto !important;
    max-width: 720px;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 16px 24px !important;
    box-sizing: border-box;
  }

  /* minden szerkesztő által pozicionált blokk folyó elrendezésbe */
  div[id^="wsbtxt"], div[id^="twsbtxt"], div[id^="wsbnavbar"],
  div[id^="wsbimg"], img[id^="wsbimg"], div[id^="wsbtable"],
  #page-bottom-footer-container {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
  }

  img[id^="wsbimg"] {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: 16px 0;
  }

  /* dekoratív ikonok mobilon feleslegesen tolják a tartalmat */
  img[src*="onebit"], img[src*="blank.gif"] { display: none !important; }

  /* elválasztó vonalak: legyen levegő körülöttük */
  div[id^="wsbtxt"].horizontal-separator,
  div[id^="twsbtxt"].horizontal-separator,
  div[id^="wsbtxt"].horizontal-separator-2 { margin: 18px 0 !important; }

  /* menü: tördelődjön, és legyen ujjal is használható */
  #wsbnavbar0 { margin: 12px 0 !important; }
  #wsbnavbar0 ul.nbstyle1 { float: none !important; width: auto !important; display: block; overflow: hidden; }
  #wsbnavbar0 ul.nbstyle1 li { float: left !important; margin: 0 4px 4px 0; }

  h1, h2, h3, p, li, td, th, a { overflow-wrap: break-word; }
  h1, h2, h3 { line-height: 125%; }
  .indent-heading-2 h2 { padding-left: 0 !important; }
  p[align="justify"] { text-align: left !important; }

  #page-bottom-footer-container { margin-top: 24px !important; }
  #page-bottom-footer-container > div[id^="twsbtxt"] { padding-bottom: 12px !important; }
}

@media (max-width: 480px) {
  #container, #inner-container { padding: 0 12px 20px !important; }
  .heading-1 h1 { font-size: 21px; }
  .heading-2 h2 { font-size: 18px; }
}
