h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', 'Roboto Condensed Fallback', sans-serif;
}

.csuszkak_sec {
  background: #f4f8f6;
}

.header_div {
  height: 90px;
}

#osszehasonlitas_sec {
  background: #eef5f1;
}

.marka {
  color: #004D53;
  letter-spacing: -0.03em;
}

.marka span {
  color: #F48220;
  margin-left: 0.15rem;
}

.hero {
  color: #ffffff;
  background: #004D53;
}

.kis-szoveg {
  font-size: 0.875rem;
  line-height: 1.45;
}

.mini-szoveg {
  font-size: 0.75rem;
  line-height: 1.35;
}

.ajanlat-kartya {
  border-color: #dee2e6;
}

.biztosito-logo {
  width: 9rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
}

.biztosito-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
}

.mutato {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.75rem;
  background: #ffffff;
}

.reszlet-adat:last-child {
  border-bottom: 0 !important;
}

.dok-link {
  color: #000000;
  background: #ffffff;
}

.dok-link:hover {
  color: #000000;
  border-color: #004D53 !important;
  background: #f8f9fa;
}

.lead-doboz {
  color: #ffffff;
  background: #004D53;
}

.lead-doboz a {
  color: #ffffff;
}

.lead-doboz .form-control, .lead-doboz .input-group-text {
  background-color: #ffffff;
  color: #000000;
}

.lead-doboz .form-check-input:checked {
  background-color: #F48220;
  border-color: #F48220;
}

.reszlet-gomb {
  color: #004D53;
  font-size: 0.875rem;
}

.reszlet-gomb:hover {
  color: #F48220;
}

/* Egyszerű, könyvtárfüggetlen stacked oszlopgrafikon. */

.grafikon-keret {
  overflow-x: auto;
  padding-bottom: 0.5rem;
}

.grafikon {
  min-width: 55rem;
  height: 25rem;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  padding: 1rem 0.5rem 2.5rem;
  border-bottom: 1px solid #dee2e6;
}

.grafikon-oszlop {
  flex: 1 0 2rem;
  min-width: 2rem;
  max-width: 3rem;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
}

.grafikon-szegmens {
  width: 100%;
  min-height: 0;
}

.grafikon-sajat {
  background: #004D53;
}

.grafikon-ado {
  background: #F48220;
}

.grafikon-hozam {
  background: #70998C;
}

.grafikon-ev {
  position: absolute;
  left: 50%;
  bottom: -2rem;
  transform: translateX(-50%);
  font-size: 0.65rem;
  white-space: nowrap;
}

.jel {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.35rem;
  border-radius: 0.15rem;
}

.jel-sajat {
  background: #004D53;
}

.jel-ado {
  background: #F48220;
}

.jel-hozam {
  background: #70998C;
}

@media (max-width: 767.98px) {
  .biztosito-logo {
    width: 8rem;
  }
}

@media (max-width: 767.98px) {
  .mutato {
    padding: 0.6rem;
  }
}

#telefon::placeholder {
  color: #888;
  opacity: 1;
}

.btn-xs {
  width: 24px;
  height: 24px;
  padding-left: 8px;
  padding-top: 0px;
}

.input-wrapper {
  position: relative;
  display: inline-block;
}

.suffix {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  pointer-events: none;
}

@media (min-width: 1200px) {
  .form-auto {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: var(--bs-border-radius-lg);
  }
}