@media (min-width: 900px) {
  header.header { background: #1f1f21 !important; border-bottom: 1px solid #333336 !important; }
  header.header .header-inner {
    display: flex !important; align-items: center !important; flex-wrap: nowrap !important;
    gap: 1.25rem !important; min-height: 64px !important; height: 64px !important;
  }
  header.header .header-inner > .logo { flex: 0 0 auto !important; display: flex; align-items: center; }
  header.header .header-inner > .logo img { height: 30px !important; width: auto !important; display: block; }

  header.header .nav-main {
    display: flex !important; align-items: stretch !important; gap: 0.25rem !important;
    flex: 1 1 auto !important; min-width: 0; height: 64px; margin: 0 0 0 0.5rem !important;
  }
  header.header .nav-main a {
    position: relative; display: inline-flex !important; align-items: center; height: 100%;
    padding: 0 0.8rem !important; color: #c8c8ce !important; font-size: 0.92rem !important; font-weight: 500 !important;
    text-decoration: none !important; white-space: nowrap; letter-spacing: 0.01em; transition: color .15s;
  }
  header.header .nav-main a::after {
    content: ''; position: absolute; left: 0.8rem; right: 0.8rem; bottom: 0; height: 3px;
    background: #FD5701; transform: scaleX(0); transition: transform .18s ease;
  }
  header.header .nav-main a:hover { color: #fff !important; }
  header.header .nav-main a:hover::after { transform: scaleX(0.6); }
  header.header .nav-main a[aria-current="page"] { color: #fff !important; }
  header.header .nav-main a[aria-current="page"]::after { transform: scaleX(1); }

  header.header .header-actions { display: flex !important; align-items: center !important; gap: 0.5rem !important; margin-left: auto !important; flex: 0 0 auto !important; }
  header.header .header-actions > .btn, header.header .header-actions > a.btn,
  header.header .hdr-user-btn, header.header .vl-sw .vl-btn {
    height: 38px !important; min-height: 38px !important; box-sizing: border-box; display: inline-flex !important; align-items: center;
    padding: 0 0.9rem !important; font-size: 0.86rem !important; font-weight: 600 !important; border-radius: 0 !important; white-space: nowrap;
  }
  header.header .hdr-user-btn { gap: 0.3em; max-width: 11rem; overflow: hidden; text-overflow: ellipsis; background: #2c2c2e !important; border: 1px solid #45454a !important; }
  header.header .header-actions .btn-secondary { background: #2c2c2e !important; border: 1px solid #45454a !important; color: #f0f0f2 !important; }
  header.header .header-actions .btn-secondary:hover, header.header .hdr-user-btn:hover { border-color: #FD5701 !important; }
  header.header .vl-sw .vl-btn { background: #2c2c2e !important; border: 1px solid #45454a !important; }
}

@media (min-width: 900px) and (max-width: 1360px) {
  header.header .header-inner { gap: 0.6rem !important; }
  header.header .header-inner > .logo img { height: 24px !important; }
  header.header .nav-main { margin-left: 0 !important; gap: 0 !important; }
  header.header .nav-main a { padding: 0 0.5rem !important; font-size: 0.84rem !important; }
  header.header .nav-main a::after { left: 0.5rem; right: 0.5rem; }
  header.header .header-actions { gap: 0.35rem !important; }
  header.header .header-actions > .btn, header.header .hdr-user-btn, header.header .vl-sw .vl-btn { padding: 0 0.6rem !important; font-size: 0.8rem !important; }
  header.header .hdr-user-btn { max-width: 8.5rem; }
}

@media (min-width: 900px) and (max-width: 1140px) {
  header.header .nav-main a[href$="haendler-werden.html"], header.header .nav-main a[href$="kontakt.html"] { display: none !important; }
}

@media (min-width: 900px) {
  header.header .nav-main a[data-i18n="nav.offers"], header.header .nav-main a[data-i18n="nav.gesuche"] {
    height: 36px !important; align-self: center; margin: 0 .2rem !important; padding: 0 .95rem 0 .8rem !important; gap: .45rem;
    border-radius: 999px; border: 1px solid #4a4a50; background: rgba(255, 255, 255, .06);
    color: #fff !important; font-weight: 700 !important; transition: background .15s, border-color .15s, color .15s;
  }
  header.header .nav-main a[data-i18n="nav.offers"]::before, header.header .nav-main a[data-i18n="nav.gesuche"]::before {
    content: ''; width: 17px; height: 17px; flex: 0 0 auto; background: #FD5701;
    -webkit-mask: var(--vz-nav-ico) center / contain no-repeat; mask: var(--vz-nav-ico) center / contain no-repeat;
  }
  header.header .nav-main a[data-i18n="nav.offers"] { --vz-nav-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2'/%3E%3Ccircle cx='7' cy='17' r='2'/%3E%3Cpath d='M9 17h6'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"); }
  header.header .nav-main a[data-i18n="nav.gesuche"] { --vz-nav-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); margin-right: .7rem !important; }
  header.header .nav-main a[data-i18n="nav.offers"]::after, header.header .nav-main a[data-i18n="nav.gesuche"]::after { display: none; }
  header.header .nav-main a[data-i18n="nav.offers"]:hover, header.header .nav-main a[data-i18n="nav.gesuche"]:hover { border-color: #FD5701; background: rgba(253, 87, 1, .12); }
  header.header .nav-main a[data-i18n="nav.offers"][aria-current="page"], header.header .nav-main a[data-i18n="nav.gesuche"][aria-current="page"] { background: #FD5701; border-color: #FD5701; }
  header.header .nav-main a[data-i18n="nav.offers"][aria-current="page"]::before, header.header .nav-main a[data-i18n="nav.gesuche"][aria-current="page"]::before { background: #fff; }
}
@media (min-width: 900px) and (max-width: 1360px) {
  header.header .nav-main a[data-i18n="nav.offers"], header.header .nav-main a[data-i18n="nav.gesuche"] { height: 32px !important; padding: 0 .7rem 0 .6rem !important; margin: 0 .1rem !important; }
  header.header .nav-main a[data-i18n="nav.gesuche"] { margin-right: .45rem !important; }
}

@media (max-width: 899px) {
  .header.m-open .nav-main a[data-i18n="nav.offers"], .header.m-open .nav-main a[data-i18n="nav.gesuche"], #mobileNav a[data-i18n="nav.offers"], #mobileNav a[data-i18n="nav.gesuche"] { font-weight: 700 !important; color: #fff !important; }
}

@media (min-width: 1361px) {
  header.header .nav-main { margin-left: 0 !important; }
  header.header .nav-main a { padding: 0 .5rem !important; }
  header.header .nav-main a::after { left: .5rem; right: .5rem; }
  header.header .nav-main a[data-i18n="nav.offers"], header.header .nav-main a[data-i18n="nav.gesuche"] { padding: 0 .95rem 0 .8rem !important; }
}
@media (min-width: 900px) and (max-width: 1000px) {
  header.header .header-inner { gap: .4rem !important; }
  header.header .nav-main a { padding: 0 .4rem !important; }
  header.header .nav-main a[data-i18n="nav.offers"], header.header .nav-main a[data-i18n="nav.gesuche"] { padding: 0 .6rem 0 .5rem !important; }
}

header.header .hdr-user-btn { gap: .45rem !important; max-width: none !important; }
@media (min-width: 1361px) { header.header .header-inner { gap: .6rem !important; } }
@media (min-width: 900px) and (max-width: 1000px) {
  header.header .nav-main a[data-i18n="nav.offers"]::before, header.header .nav-main a[data-i18n="nav.gesuche"]::before { display: none; }
}
header.header .hdr-user-btn { padding: 0 .7rem !important; }

@media (min-width: 1361px) {
  header.header .header-inner { max-width: 1400px !important; }
  header.header .nav-main a { font-size: .9rem !important; }
}