/*
 * BrandHost shell — the parts of the main site's assets/css/bundle.css that the
 * .theme-navbar / .theme-footer markup needs, and nothing else.
 *
 * bundle.css cannot be loaded on the blog as-is: its GENERAL section restyles
 * html/body/div/p/a and paints the body dark, which would wreck Soledad. Everything
 * generic below is therefore scoped to the two shell elements.
 *
 * Loaded after assets/css/style.css (which carries all .theme-navbar / .theme-footer
 * component rules) — see functions.php.
 */

/* :: THEME COLORS :: (bundle.css) — style.css references these throughout. */
:root {
  --primary     : #0045ff;
  --darkBlue    : #0b0c1b;
  --darkGray    : #363636;
  --semi-dark   : #1a1b2e;
  --semi-dark-2 : #212235;
  --semi-dark-3 : #141526;
  --gold        : #FFB830;
  --red         : #ec625f;
  --border      : #e2e9ee;
  --light       : #ecf4fa;
  --gray        : #9a9aa0;
}

/* :: THEME FONTS :: (bundle.css)
 * Karla is self-hosted by the main site through the @font-face block at the bottom of
 * this file. It matters: Karla carries real 400/500/600/700/800 weights, so falling
 * back to a system sans (400/700 only) collapses every 500 to 400 and pushes 600 and
 * 900 to 700 — the shell renders noticeably heavier and flatter than the main site.
 *
 * Playfair Display is deliberately NOT re-declared: Soledad already loads it from
 * Google Fonts on the blog, and only .mm-title uses it. */
.theme-navbar,
.theme-footer {
  --primary-font   : 'Playfair Display', sans-serif;
  --secondary-font : 'Karla', sans-serif;
  --third-font     : 'Poppins', sans-serif;
}

/* :: GENERAL :: (bundle.css, scoped)
 * :where() keeps the reset at zero specificity so style.css's own class rules still
 * win, exactly as they do on the main site. :is() holds the element list at 0,0,1 so
 * it beats Soledad's element-level margins but not any class rule. */
:where(.theme-navbar, .theme-footer),
:where(.theme-navbar, .theme-footer) * {
  box-sizing: border-box;
}
:where(.theme-navbar, .theme-footer) :is(div, span, p, a, ul, ol, li, h1, h2, h3, h4, h5, h6, img, svg, hr, i, strong, br, button, nav, footer) {
  padding: 0;
  margin: 0;
}
/* bundle.css's `body` rule. Soledad sets body{font-size:18px}, so without this every
   element the component CSS doesn't give an explicit size to renders 2px larger than
   on the main site. */
.theme-navbar,
.theme-footer {
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.theme-navbar p,
.theme-footer p {
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}
.theme-navbar a,
.theme-footer a {
  text-decoration: none;
}
.theme-navbar button,
.theme-footer button {
  cursor: pointer;
}
.theme-navbar .img-fluid,
.theme-footer .img-fluid {
  max-width: 100%;
}
/* Soledad ships `img { vertical-align: top }`; the main site leaves images on the
   baseline. The notices-bar close button is an absolutely positioned box with no
   `top`, so its height — and therefore where the icon lands — comes from the image's
   line box. `top` alignment shrinks that box and pushes the X off centre. */
.theme-navbar img,
.theme-footer img {
  vertical-align: baseline;
}
.theme-navbar .list-unstyled,
.theme-footer .list-unstyled {
  list-style: none;
}

/* :: BUTTONS :: (bundle.css, scoped — .btn is too common a name to define globally) */
.theme-navbar .btn,
.theme-footer .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
  outline: none;
  line-height: 1;
  padding: 0 20px;
  height: 48px;
  border-radius: 4px;
  letter-spacing: .8px;
  white-space: nowrap;
  overflow: hidden;
  font-family: var(--secondary-font);
  transition: box-shadow .20s ease, background-color .20s ease, border-color .20s ease, color .20s ease;
}
.theme-navbar .btn-sm,
.theme-footer .btn-sm {
  padding: 0 24px;
  font-size: 14px;
}
.theme-navbar .btn-rounded,
.theme-footer .btn-rounded {
  border-radius: 50px;
}
.theme-navbar .btn-fill-primary,
.theme-footer .btn-fill-primary {
  color: #fff;
  box-shadow: 0 22px 20px -15px rgba(0, 106, 255, 0.5);
  background: linear-gradient(40deg, #0045FF 0%, #BD29F2 100%);
  overflow: hidden;
  z-index: 1;
  transition: box-shadow 0.3s ease, color 0.3s ease;
}
.theme-navbar .btn-fill-primary::before,
.theme-footer .btn-fill-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(200deg, #0045FF 0%, #BD29F2 100%);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
}
.theme-navbar .btn-fill-primary:hover,
.theme-footer .btn-fill-primary:hover {
  color: #fff;
  box-shadow: 0 22px 20px -15px rgba(0, 106, 255, 0.5);
}
.theme-navbar .btn-fill-primary:hover::before,
.theme-footer .btn-fill-primary:hover::before {
  opacity: 1;
}
.theme-navbar .btn-outline-dark,
.theme-footer .btn-outline-dark {
  background-color: var(--semi-dark);
  color: rgba(255, 255, 255, .7);
  border: 1px solid rgba(255, 255, 255, .1);
  box-shadow: 0 22px 20px -15px rgba(0, 106, 255, 0.5);
}
.theme-navbar .btn-outline-dark:hover,
.theme-footer .btn-outline-dark:hover {
  border-color: rgba(255, 255, 255, .5);
  color: #ffffff;
}
.light-theme .theme-navbar .btn-outline-dark,
.light-theme .theme-footer .btn-outline-dark {
  background-color: var(--light);
  border-color: var(--border);
  color: var(--darkBlue);
}
.light-theme .theme-navbar .btn-outline-dark:hover,
.light-theme .theme-footer .btn-outline-dark:hover {
  background-color: var(--border);
}
.theme-navbar .shadow-off,
.theme-footer .shadow-off {
  box-shadow: unset !important;
}
.theme-navbar .btn:hover,
.theme-footer .btn:hover {
  box-shadow: none;
}
@media only screen and (max-width: 1199px) {
  .theme-navbar .btn,
  .theme-footer .btn {
    font-size: 14px;
    height: 46px;
    padding: 0 26px;
  }
}

/* :: LAYOUT UTILITIES ::
 * The 28 utility classes the shell markup actually uses, copied verbatim from
 * assets/css/header-layout-only.css. That whole file is deliberately not loaded: its
 * global .container rule (max-width 1600px, 8vw padding) collides with Soledad's
 * content wrapper, which also uses .container. Nothing else in this list collides. */
.container-fluid {
  max-width: 1600px;
  width: 100%;
  padding: 0 4vw;
  margin: 0 auto;
}
.d-none {
  display: none!important;
}
.d-flex {
  display: -ms-flexbox!important;
  display: flex!important;
}
@media (min-width: 768px) {
  .d-md-none {
    display: none!important;
  }
  .d-md-flex {
    display: -ms-flexbox!important;
    display: flex!important;
  }
}
@media (min-width: 992px) {
  .d-lg-flex {
    display: -ms-flexbox!important;
    display: flex!important;
  }
}
@media (min-width: 1200px) {
  .d-xl-flex {
    display: -ms-flexbox!important;
    display: flex!important;
  }
}
.flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
}
.justify-content-start {
  -ms-flex-pack: start!important;
  justify-content: flex-start!important;
}
.justify-content-end {
  -ms-flex-pack: end!important;
  justify-content: flex-end!important;
}
.justify-content-between {
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}
.align-items-start {
  -ms-flex-align: start!important;
  align-items: flex-start!important;
}
.align-items-end {
  -ms-flex-align: end!important;
  align-items: flex-end!important;
  margin-left: 15px;
  margin-right: 15px;
}
.align-items-center {
  -ms-flex-align: center!important;
  align-items: center!important;
}
.align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center!important;
}
.mr--sm {
  margin-right: 10px;
}
.mt-1, .my-1 {
  margin-top: 15px!important;
}
.mb-1, .my-1 {
  margin-bottom: 15px!important;
}
.mb-2, .my-2 {
  margin-bottom: 30px!important;
}
.mt-3, .my-3 {
  margin-top: 45px!important;
}
.mb-3, .my-3 {
  margin-bottom: 45px!important;
}
.ml-auto, .mx-auto {
  margin-left: auto!important;
}
@media (min-width: 992px) {
  .mt-lg-0, .my-lg-0 {
    margin-top: 0!important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0!important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 75px!important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto!important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0!important;
  }
}
.text-uppercase {
  text-transform: uppercase!important;
}

/* :: COOKIEYES BANNER ::
 * The only rule here that reaches outside the two shell elements, and it is needed:
 * CookieYes styles its own banner but declares `font-family: inherit` on .cky-btn and
 * .cky-accordion-btn, so the widget takes the page's body font. bundle.css gives the
 * main site Karla; on the blog Soledad's body font (Roboto) is inherited instead, and
 * the banner reads noticeably heavier at the same weights. Sizes and weights are
 * CookieYes's own on both sites — only the family needs matching. */
.cky-consent-container,
.cky-modal,
.cky-overlay,
.cky-btn-revisit-wrapper {
  font-family: 'Karla', sans-serif;
}

/* :: SCROLL-UP BUTTON :: (main site's templates/footer.php)
 * The arrow is a text glyph, so the button's font decides how it looks. Nothing on the
 * main site styles `button`, leaving the browser default (Arial 400 here); Soledad
 * sets button{font-family:var(--pchead-font);font-weight:var(--pchead-wei)}, which
 * renders the arrow as bold Playfair Display. `revert` drops the author declarations
 * and hands the property back to the browser — the same value the main site gets, on
 * whatever platform the visitor is using. */
#scrollUpBtn {
  font-family: revert;
  font-weight: revert;
  display: none;
  position: fixed;
  width: 46px;
  bottom: 90px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: linear-gradient(40deg, #0045FF 0%, #BD29F2 100%);
  color: white;
  cursor: pointer;
  padding: 12px 16px;
  border-radius: 50%;
  transition: 0.3s;
}

/* :: NAVBAR INLINE STYLES ::
 * Copied verbatim from the <style> block at the top of
 * public_html/templates/navbar.php — the mobile mega-menu overrides and the
 * "Kiemelt ajánlatok" card. Keep in sync with that block. */
	@media only screen and (max-width: 1199.98px) {
  .theme-navbar .nav-bottom .links .link.has-mega-menu.open-mega-menu .mega-menu {
    display: block !important;
    position: relative !important;
    max-width: 100% !important;
    max-height: calc(100vh - 120px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .theme-navbar .nav-bottom .links .link.has-mega-menu.open-mega-menu .mega-menu .content {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .theme-navbar .nav-bottom .links .link.has-mega-menu.open-mega-menu .mega-menu .mm-col {
    width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }
}

	.bh-value-metric{
    display:block;
    text-decoration:none;
    background:#fff;
    border:1px solid rgba(49,130,246,.08);
    border-radius:14px;
    padding:14px;
    transition:.25s ease;
}

.bh-value-metric:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    border-color:rgba(49,130,246,.25);
    text-decoration:none;
}

.bh-value-metric strong,
.bh-value-metric span{
    text-decoration:none;
}
  /* Mega menu kiemelt BrandHost előnyök kártya */
  .theme-navbar .mega-menu .bh-mega-value-col {
    min-width: 260px;
  }

  .theme-navbar .mega-menu .bh-mega-value-card {
    position: relative;
    display: block;
    height: 100%;
    min-height: 300px;
    padding: 22px;
    border-radius: 24px;
    overflow: hidden;
    text-decoration: none;
    background:
      radial-gradient(circle at 20% 10%, rgba(32, 112, 255, .20), transparent 34%),
      radial-gradient(circle at 88% 18%, rgba(94, 234, 212, .18), transparent 30%),
      linear-gradient(145deg, #f8fbff 0%, #eef5ff 52%, #ffffff 100%);
    border: 1px solid rgba(121, 163, 255, .35);
    box-shadow: 0 18px 45px rgba(29, 78, 216, .10), inset 0 1px 0 rgba(255,255,255,.95);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }

  .theme-navbar .mega-menu .bh-mega-value-card:hover {
    transform: translateY(-4px);
    border-color: rgba(37, 99, 235, .45);
    box-shadow: 0 24px 60px rgba(29, 78, 216, .16), inset 0 1px 0 rgba(255,255,255,.95);
  }

  .theme-navbar .mega-menu .bh-mega-value-card::after {
    content: "";
    position: absolute;
    right: -54px;
    bottom: -62px;
    width: 170px;
    height: 170px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(37, 99, 235, .16), rgba(14, 165, 233, .08));
    pointer-events: none;
  }

  .theme-navbar .mega-menu .bh-value-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    margin-bottom: 18px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #1769ff;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(97, 144, 255, .28);
  }

  .theme-navbar .mega-menu .bh-value-badge i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 5px rgba(34, 197, 94, .12);
  }

  .theme-navbar .mega-menu .bh-value-title {
    margin: 0 0 16px;
    color: #111827;
    font-size: 21px;
    line-height: 1.18;
    font-weight: 900;
    letter-spacing: -.025em;
  }

  .theme-navbar .mega-menu .bh-value-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 18px;
  }

  .theme-navbar .mega-menu .bh-value-metric {
    padding: 12px;
    border-radius: 16px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(148, 163, 184, .22);
  }

  .theme-navbar .mega-menu .bh-value-metric strong {
    display: block;
    margin-bottom: 4px;
    color: #1769ff;
    font-size: 18px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.02em;
  }

  .theme-navbar .mega-menu .bh-value-metric span {
    display: block;
    color: #617196;
    font-size: 12px;
    line-height: 1.28;
    font-weight: 700;
  }

  .theme-navbar .mega-menu .bh-value-note {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: #52617f;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
  }

  .theme-navbar .mega-menu .bh-value-cta {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #111827;
    font-size: 13px;
    line-height: 1;
    font-weight: 900;
  }

  .theme-navbar .mega-menu .bh-value-cta::after {
    content: "→";
    color: #1769ff;
    font-size: 16px;
    transition: transform .22s ease;
  }

  .theme-navbar .mega-menu .bh-mega-value-card:hover .bh-value-cta::after {
    transform: translateX(4px);
  }

  @media (max-width: 1199.98px) {
    .theme-navbar .mega-menu .bh-mega-value-card {
      min-height: auto;
      margin-top: 12px;
    }
  }

/* :: KARLA :: copied verbatim from the FONTS section of the main site's bundle.css,
 * with the relative font URLs made absolute. Karla is a variable font, so these 28
 * declarations are served by 4 woff2 files. Keep in sync with bundle.css. */
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHtCe4YZO.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBVXvYC6trAT7RQHt6e4Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla/qkBbXvYC6trAT7RbLtyG5Q.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF,
    U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Karla";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://brandhost.hu/assets/fonts/karla//qkBbXvYC6trAT7RVLtw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}