body {
  font-family: Arial,Helvetica,sans-serif;
  background-color: #F5F5F5;
  margin: auto; 
  width: 900px;
}

.tablazat {
  border-collapse:collapse;
  border: 2px solid black;
}

.tar {
  text-align: right;
}

.bgGreen {
  background-color:green;
}

.bgLightRed{
  background-color:#ffcece;
}

.bgYellow{
  background-color: yellow;
}

.mt10{
  margin-top: 10px;
}

li p {
  margin: 0.2em;
}

.tablazat td,th {
  border: 1px solid black;
  padding: 4px 8px;
}

.tablazat td p {
  margin: 0;
}

@media only screen and (max-width: 900px) {
  body {
    width: 100%;
  }
}

img,iframe {
  max-width:100%;
  max-height:100%;
}

h1,h2,h3,h4 {
  color: #0093AB;
}

ul, ol, p {
  line-height: 1.7em;
}

.header {
  clear:both;
  padding: 1em;
  
  background: #ffc107;
}

.head-logo {
  height:80px;
  float:left;
  margin-right: 8px;
}

.head-logo img{
  padding: 0;
}

.head-title {
  font-size: 1.6em;
}

h1.head-title, h4.head-title {
  color: #000;
  font-weight: normal;
  margin: 0;
}

.menuline {
  background-color: #ffd454;
  padding: 0.5em;
  clear:both;
  font-weight: bold;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  row-gap: 10px;
}

.languages {
  float: right;
}

.menuline a{
  text-decoration: none;
  margin: 0px 15px;
  color: #403002;
}


.content {
  padding: 5px 15px;
}

.groupdiv:before,
.groupdiv:after {content:" "; display:table;}
.groupdiv:after {clear:both;}
.groupdiv { *zoom: 1;}

.contact-table {
  display: flex; 
  flex-flow: row wrap; 
  gap: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.contact-table img {
  height:200px;
  width:200px;
}
@media only screen and (max-width: 600px) {
  .contact-table {
    gap: 0rem;
    flex-direction:column;
    padding-left: 1rem;
    padding-right: 1rem;
    align-items: center;
    justify-content: space-around;
  }
}
:root{
      --fp-yellow:#f2c301;      /* fejléc/színes elemek – igazítsd a márkaszínhez */
      --fp-teal:#0ea5a5;        /* kékeszöld kiemelés */
      --fp-bg:#f7f7f7;          /* világos háttér */
      --fp-card:#ffffff;        /* kártya háttér */
      --fp-text:#1a1a1a;        /* alap szöveg */
      --fp-muted:#6b7280;       /* halvány szöveg */
      --fp-border:#e5e7eb;      /* határvonalak */
      --fp-radius:16px;         /* nagy, lágy lekerekítés */
      --fp-shadow:0 8px 24px rgba(0,0,0,.08);
    }

    .fp-wrap{max-width:1100px;margin-inline:auto;padding:clamp(16px,3vw,32px)}

    /* Fejléccsík a site arculatához illesztve */
    .fp-bar{background:var(--fp-yellow);min-height:8px;border-radius:999px;margin-bottom:20px}

    .fp-calculator{background:var(--fp-card);border:1px solid var(--fp-border);border-radius:var(--fp-radius);box-shadow:var(--fp-shadow);overflow:hidden}

    .fp-head{display:flex;gap:16px;align-items:center;padding:22px 22px;border-bottom:1px solid var(--fp-border);background:linear-gradient(0deg,#fff, #fff 60%, rgba(242,195,1,.2))}
    .fp-badge{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:14px;background:var(--fp-yellow);font-weight:800}
    .fp-title{margin:0;font-size:clamp(18px,2vw,22px)}
    .fp-sub{margin:2px 0 0;color:var(--fp-muted);font-size:.95rem}

    .fp-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:0;border-top:1px solid var(--fp-border)}
    @media (max-width:600px){.fp-grid{grid-template-columns:1fr;}}

    /* Bal oldali űrlap */
    .fp-form{padding:22px;border-right:1px solid var(--fp-border)}
    @media (max-width:600px){.fp-form{border-right:none;border-bottom:1px solid var(--fp-border)}}
    .fp-field{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px dashed var(--fp-border)}
    .fp-field:last-child{border-bottom:none}
    .fp-label{font-weight:600}
    .fp-hint{display:block;color:var(--fp-muted);font-weight:400;font-size:.9rem;margin-top:6px}
    .fp-input{appearance:textfield;width:140px;max-width:45vw;padding:10px 12px;border:1px solid var(--fp-border);border-radius:12px;text-align:right;font-variant-numeric:tabular-nums;background:#fff;transition:border-color .15s, box-shadow .15s}
    .fp-input:focus{outline:none;border-color:var(--fp-teal);box-shadow:0 0 0 4px rgba(14,165,165,.15)}

    /* Jobb oldali eredménykártya – továbbra is <table>, hogy a meglévő kalkulátorlogika működjön */
    .fp-results{padding:0}
    .fp-table{width:100%;border-collapse:separate;border-spacing:0}
    .fp-table thead th{border:0px;position:sticky;top:0;background:#fff;z-index:1;text-align:left;font-size:.95rem;color:var(--fp-muted);padding:14px 18px;border-bottom:1px solid var(--fp-border)}
    .fp-table tbody td, .fp-table tbody th{border:0px;padding:14px 18px;border-bottom:1px solid var(--fp-border)}
    .fp-table tbody tr:hover{background:#fafafa}
    .fp-table .tar{text-align:right;font-variant-numeric:tabular-nums}

    /* Összesítő sor */
    .fp-total-row td{border-bottom:none;padding-top:20px}
    .fp-total{display:flex;justify-content:flex-end;gap:12px;align-items:center}
    .fp-total label{font-weight:700}
    .fp-total .fp-chip{background:var(--fp-teal);color:#fff;padding:8px 12px;border-radius:12px;font-weight:700}

    /* Kicsi megjegyzésblokk */
    .fp-note{padding:18px;border-top:1px dashed var(--fp-border);color:var(--fp-muted);font-size:.92rem}