:root{
  --w-szin-primary:#ff5200;
  --w-szin-narancs-legacy:#d45003;
  --w-szin-primary-dark:#3a2600;
  --w-szin-secondary:#4e4e4e;
  
  /* --w-szin-hatter:#111111; */
  --w-szin-hatter:#1c1c1c;
  /* --w-szin-hatter-kozep:#9c9f8d; minden egyeb wp oldal felso szine */
  --w-szin-hatter-kozep:#696969;
  --w-szin-hatter-vil:#a0a0a0;

  --w-szin-text-sot:#111;
  --w-szin-text-vil:#333;
  /* --w-szin-about:#a3a300; a39e26 */
  /* --w-szin-about:#9c9f8d; */
  /* --w-szin-about:#4f4f4f; */
  /* --w-szin-about:#5a5a5a; */
  --w-szin-about:#696969;
  --w-szin-web:rgba(204,204,204,1);
  --w-szin-webdetails:grey;

  --btn-hatter-szin:#333;
}

.sah-header {
    position: relative;
    z-index: 100;
    background: #fff;
}

.sah-header--sticky {
    position: sticky;
    top: 0;
}

.sah-header--transparent {
    background: transparent;
}

.sah-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 80px;
    margin-inline: auto;
    padding-inline: 24px;
}

.sah-header--width-contained .sah-header__inner {
    max-width: 1200px;
}

.sah-header--width-full .sah-header__inner {
    max-width: none;
}

.sah-header__brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.sah-header__logo {
    display: block;
    width: auto;
    max-height: 48px;
}

.sah-header__menu {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sah-header__menu .menu-item{
    border-radius:5px;
    border:1px solid #c8c8c8;
    padding:2px 10px;
}
.sah-header__menu .menu-item a{
    text-decoration:none;
}
.sah-header__menu .menu-item.current-menu-item a{
    color:var(--w-szin-primary);   
}
.sah-header__actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sah-header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding-inline: 20px;
    border-radius: 999px;
    text-decoration: none;
}

.sah-featured-hero {
    width: 100%;
    height: var(--sah-featured-hero-height, 500px);
    overflow: hidden;
}

.sah-featured-hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .sah-header__inner {
        min-height: 64px;
        padding-inline: 16px;
    }

    .sah-header__nav {
        display: none;
    }

    .sah-featured-hero {
        height: min(var(--sah-featured-hero-height, 500px), 60vh);
    }
}