/*
Theme Name:   Neve Child – monnet.biz
Theme URI:    https://monnet.biz
Description:  Custom Child Theme für monnet.biz
Author:       monnet
Template:     neve
Version:      1.0.1
Text Domain:  neve-child
*/

/* ─── Blog-Übersicht ─────────────────────────────────────────────────────── */

:root {
    --mnb-dunkel:   #0e1a2b;
    --mnb-gold:     #c9a84c;
    --mnb-hellgrau: #f5f5f3;
    --mnb-text:     #1a1a1a;
    --mnb-muted:    #6b7280;
    --mnb-radius:   10px;
    --mnb-shadow:   0 4px 20px rgba(0,0,0,.10);
}

.mnb-blog-seite {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 1.5rem 5rem;
}

/* Seitenkopf */
.mnb-seiten-kopf {
    text-align: center;
    margin-bottom: 3.5rem;
}
.mnb-seiten-titel {
    font-size: clamp(2rem, 4vw, 3rem);
    color: var(--mnb-dunkel);
    margin-bottom: .75rem;
}
.mnb-seiten-intro {
    color: var(--mnb-muted);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
}

/* Karten-Grid */
.mnb-karten-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 3.5rem;
}

@media (max-width: 900px) {
    .mnb-karten-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 580px) {
    .mnb-karten-grid { grid-template-columns: 1fr; }
}

/* Karte */
.mnb-karte {
    background: #fff;
    border-radius: var(--mnb-radius);
    box-shadow: var(--mnb-shadow);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
    display: flex;
    flex-direction: column;
}
.mnb-karte:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 32px rgba(0,0,0,.15);
}
.mnb-karte-link {
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Karten-Bild – einheitliche Höhe */
.mnb-karte-bild-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
    background: var(--mnb-hellgrau);
    flex-shrink: 0;
}
.mnb-karte-bild {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform .4s ease;
}
.mnb-karte:hover .mnb-karte-bild {
    transform: scale(1.04);
}
.mnb-karte-bild-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0e1a2b 0%, #1e3a5f 100%);
}
.mnb-karte-kategorie {
    position: absolute;
    top: .75rem;
    left: .75rem;
    background: var(--mnb-gold);
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .25rem .65rem;
    border-radius: 4px;
}

/* Karten-Inhalt */
.mnb-karte-inhalt {
    padding: 1.25rem 1.25rem .5rem;
    flex: 1;
}
.mnb-karte-titel {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--mnb-dunkel);
    margin: 0 0 .4rem;
    line-height: 1.4;
}
.mnb-karte-datum {
    font-size: .78rem;
    color: var(--mnb-muted);
    margin: 0 0 .65rem;
}
.mnb-karte-auszug {
    font-size: .875rem;
    color: #4b5563;
    line-height: 1.6;
    margin: 0;
}
.mnb-karte-cta {
    display: block;
    padding: .75rem 1.25rem 1rem;
    font-size: .82rem;
    font-weight: 600;
    color: var(--mnb-gold);
    letter-spacing: .03em;
    transition: color .2s;
}
.mnb-karte:hover .mnb-karte-cta {
    color: var(--mnb-dunkel);
}

/* Weitere Beiträge – Toggle-Button */
.mnb-weitere-wrap {
    border-top: 2px solid var(--mnb-hellgrau);
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mnb-weitere-toggle {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: transparent;
    border: 1.5px solid #0e1a2b;
    border-radius: 50px;
    padding: .4rem 1.1rem;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.4;
    color: #0e1a2b;
    cursor: pointer;
    transition: background .2s, color .2s;
    margin-bottom: 1.25rem;
    user-select: none;
}
.mnb-weitere-toggle:hover {
    background: #0e1a2b;
    color: #fff;
}
.mnb-weitere-zaehler {
    background: #c9a84c !important;
    color: #fff !important;
    font-size: .65rem !important;
    font-weight: 700 !important;
    padding: .1rem .4rem !important;
    border-radius: 50px !important;
    min-width: 1.2rem !important;
    text-align: center !important;
    line-height: 1.5 !important;
    display: inline-block !important;
}
.mnb-pfeil {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
    margin-top: -3px;
    transition: transform .3s ease;
}
.mnb-weitere-toggle[aria-expanded="true"] .mnb-pfeil {
    transform: rotate(-135deg);
    margin-top: 3px;
}

/* Weitere Beiträge – Liste mit Thumbnails */
.mnb-weitere-liste {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.mnb-weitere-eintrag {
    border-radius: 8px;
    transition: background .15s;
}
.mnb-weitere-eintrag:hover {
    background: var(--mnb-hellgrau);
}
.mnb-weitere-link {
    display: flex !important;
    align-items: center !important;
    gap: .85rem !important;
    padding: .45rem .75rem !important;
    text-decoration: none !important;
    color: var(--mnb-text) !important;
}
.mnb-weitere-thumb {
    width: 50px;
    height: 50px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: var(--mnb-hellgrau);
}
.mnb-weitere-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.mnb-weitere-thumb-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0e1a2b 0%, #1e3a5f 100%);
}
.mnb-weitere-meta {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    flex: 1;
    min-width: 0;
}
.mnb-weitere-titel {
    font-size: .88rem !important;
    font-weight: 600 !important;
    color: var(--mnb-dunkel) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .2s;
    line-height: 1.3;
}
.mnb-weitere-eintrag:hover .mnb-weitere-titel {
    color: var(--mnb-gold) !important;
}
.mnb-weitere-datum {
    font-size: .73rem !important;
    color: var(--mnb-muted) !important;
    line-height: 1.3;
}
.mnb-weitere-kat {
    color: var(--mnb-gold) !important;
    font-style: normal;
}

/* ─── Weißer Balken / stray HTML entfernen ───────────────────────────────── */

/* Neve Top-Bar ausblenden */
.nv-top-bar-wrap,
.hfg-row.nv-top-bar,
.top-bar-wrap,
.nv-top-bar,
[data-section="hfg_header_top_bar"] {
    display: none !important;
}

/* Neve Page-Title / Entry-Header auf Homepage ausblenden */
.home .nv-page-title-wrap,
.home .nv-page-title,
.home .entry-header,
.home .nv-content-wrap .page-header,
.home .article-header-wrapper {
    display: none !important;
}

/* Weißes Gap zwischen Header und Hero schließen */
body.home .neve-main,
body.home .neve-main > .row:first-child,
body.home .nv-content-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* body::before Artefakte entfernen */
body::before,
html::before {
    display: none !important;
}

/* ─── Mobile + Desktop Sidebar-Navigation ────────────────────────────────── */

/* Hamburger-Icon: weiße Linien auf dunklem Header */
.nv--hamburger-menu .hamburger-box .hamburger-inner,
.nv--hamburger-menu .hamburger-box .hamburger-inner::before,
.nv--hamburger-menu .hamburger-box .hamburger-inner::after,
.navbar-toggle .hamburger-box .hamburger-inner,
.navbar-toggle .hamburger-box .hamburger-inner::before,
.navbar-toggle .hamburger-box .hamburger-inner::after {
    background-color: #ffffff !important;
}

/* Toggle-Icon Farbe */
button.navbar-toggle,
.mobile-menu-toggle,
.nv-mobile-toggle,
.navbar-toggle {
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ── Sidebar-Panel: EDITORIAL SALON ──────────────────────────────────────────
 * Warmes Off-White, Cormorant-Garamond Serif, feine Gold-Trennlinien.
 * Beim Hover gleitet ein 3px Gold-Balken links neben den Eintrag.
 * Kein Kampf mehr gegen Neves --bgcolor: wir setzen Cream als Wunsch,
 * und falls Neve weiß durchsetzt, sieht es trotzdem edel aus.
 * ──────────────────────────────────────────────────────────────────────── */

/* Body-Klassen-Varianten + alle Panel-Container abdecken */
body .header-menu-sidebar-bg,
body #header-menu-sidebar-bg,
body.menu_sidebar_dropdown .header-menu-sidebar-bg,
body.menu_sidebar_slide_left .header-menu-sidebar-bg,
body.menu_sidebar_slide_right .header-menu-sidebar-bg,
body.menu_sidebar_pull_left .header-menu-sidebar-bg,
body.menu_sidebar_pull_right .header-menu-sidebar-bg,
body.menu_sidebar_full_canvas .header-menu-sidebar-bg,
.is-menu-sidebar .header-menu-sidebar-bg {
    --bgcolor: #faf7f0 !important;
    background-color: #faf7f0 !important;
    background:       #faf7f0 !important;
}

body .header-menu-sidebar,
body .header-menu-sidebar-inner,
body #header-menu-sidebar,
.menu-sidebar-panel,
.menu-mobile-sidebar {
    background-color: transparent !important;
    background:       transparent !important;
    box-shadow: 0 12px 40px rgba(14,26,43,.10) !important;
}

/* Padding & Layout des inneren Containers */
.header-menu-sidebar-inner {
    padding: 2.5rem 2rem 3rem !important;
}

/* Menü-Liste: ohne Bullets, mit Luft */
.header-menu-sidebar-bg .nav-ul,
.header-menu-sidebar-bg .primary-menu-ul,
.header-menu-sidebar-bg .nav-menu-mobile,
.header-menu-sidebar .nav-menu-mobile,
.menu-mobile-sidebar .nav-menu-mobile {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    max-width: 720px !important;
    width: 100% !important;
    background: transparent !important;
}

/* Listeneinträge: feine Gold-Trennlinie */
.header-menu-sidebar-bg .nav-ul > li,
.header-menu-sidebar-bg .primary-menu-ul > li,
.header-menu-sidebar-bg .nav-menu-mobile > li,
.header-menu-sidebar .nav-menu-mobile > li {
    border-bottom: 1px solid rgba(201,169,76,.18) !important;
    border-top: none !important;
    position: relative !important;
    background: transparent !important;
}
.header-menu-sidebar-bg .nav-ul > li:last-child,
.header-menu-sidebar-bg .primary-menu-ul > li:last-child,
.header-menu-sidebar-bg .nav-menu-mobile > li:last-child,
.header-menu-sidebar .nav-menu-mobile > li:last-child {
    border-bottom: none !important;
}

/* Top-Level Links: GROSSE Cormorant-Serif */
.header-menu-sidebar-bg .nav-ul > li > .wrap > a,
.header-menu-sidebar-bg .nav-ul > li > a,
.header-menu-sidebar-bg .primary-menu-ul > li > .wrap > a,
.header-menu-sidebar-bg .primary-menu-ul > li > a,
.header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a,
.header-menu-sidebar-bg .nav-menu-mobile > li > a,
.header-menu-sidebar .nav-menu-mobile > li > .wrap > a,
.header-menu-sidebar .nav-menu-mobile > li > a {
    display: block !important;
    font-family: "Cormorant Garamond", "Cormorant", Georgia, serif !important;
    font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important;
    font-weight: 500 !important;
    font-style: italic !important;
    letter-spacing: .005em !important;
    color: #0e1a2b !important;
    background: transparent !important;
    padding: 1.1rem 1.25rem 1.1rem 1.5rem !important;
    text-decoration: none !important;
    position: relative !important;
    transition: color .25s ease, padding-left .25s ease, background .25s ease !important;
}

/* Gold-Balken-Animation (vor dem Link, 3px breit, gleitet hinein) */
.header-menu-sidebar-bg .nav-ul > li > .wrap > a::before,
.header-menu-sidebar-bg .nav-ul > li > a::before,
.header-menu-sidebar-bg .primary-menu-ul > li > .wrap > a::before,
.header-menu-sidebar-bg .primary-menu-ul > li > a::before,
.header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a::before,
.header-menu-sidebar-bg .nav-menu-mobile > li > a::before,
.header-menu-sidebar .nav-menu-mobile > li > .wrap > a::before,
.header-menu-sidebar .nav-menu-mobile > li > a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) scaleY(0) !important;
    width: 3px !important;
    height: 60% !important;
    background: #c9a84c !important;
    transform-origin: center !important;
    transition: transform .3s ease !important;
}

/* Hover / Active: Balken erscheint, Text wird Gold, leichter Indent */
.header-menu-sidebar-bg .nav-ul > li > .wrap > a:hover,
.header-menu-sidebar-bg .nav-ul > li > a:hover,
.header-menu-sidebar-bg .primary-menu-ul > li > .wrap > a:hover,
.header-menu-sidebar-bg .primary-menu-ul > li > a:hover,
.header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a:hover,
.header-menu-sidebar-bg .nav-menu-mobile > li > a:hover,
.header-menu-sidebar .nav-menu-mobile > li > .wrap > a:hover,
.header-menu-sidebar .nav-menu-mobile > li > a:hover,
.header-menu-sidebar-bg .nav-ul > li.current-menu-item > .wrap > a,
.header-menu-sidebar-bg .nav-ul > li.current-menu-item > a,
.header-menu-sidebar-bg .nav-menu-mobile > li.current-menu-item > .wrap > a,
.header-menu-sidebar-bg .nav-menu-mobile > li.current-menu-item > a {
    color: #c9a84c !important;
    padding-left: 2rem !important;
    background: transparent !important;
}
.header-menu-sidebar-bg .nav-ul > li > .wrap > a:hover::before,
.header-menu-sidebar-bg .nav-ul > li > a:hover::before,
.header-menu-sidebar-bg .primary-menu-ul > li > .wrap > a:hover::before,
.header-menu-sidebar-bg .primary-menu-ul > li > a:hover::before,
.header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a:hover::before,
.header-menu-sidebar-bg .nav-menu-mobile > li > a:hover::before,
.header-menu-sidebar .nav-menu-mobile > li > .wrap > a:hover::before,
.header-menu-sidebar .nav-menu-mobile > li > a:hover::before,
.header-menu-sidebar-bg .nav-ul > li.current-menu-item > .wrap > a::before,
.header-menu-sidebar-bg .nav-menu-mobile > li.current-menu-item > .wrap > a::before {
    transform: translateY(-50%) scaleY(1) !important;
}

/* Sub-Menü: Sans-Serif, kleiner, dezent eingerückt */
.header-menu-sidebar-bg .sub-menu,
.header-menu-sidebar .sub-menu,
.header-menu-sidebar-bg .nav-menu-mobile .sub-menu {
    list-style: none !important;
    padding: .25rem 0 1rem 1.5rem !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.header-menu-sidebar-bg .sub-menu > li,
.header-menu-sidebar .sub-menu > li {
    border: none !important;
    background: transparent !important;
}
.header-menu-sidebar-bg .sub-menu > li > .wrap > a,
.header-menu-sidebar-bg .sub-menu > li > a,
.header-menu-sidebar .sub-menu > li > .wrap > a,
.header-menu-sidebar .sub-menu > li > a {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: .92rem !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    padding: .55rem 1rem !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    display: block !important;
    transition: color .2s ease, padding-left .2s ease !important;
    background: transparent !important;
}
.header-menu-sidebar-bg .sub-menu > li > .wrap > a::before,
.header-menu-sidebar-bg .sub-menu > li > a::before,
.header-menu-sidebar .sub-menu > li > .wrap > a::before,
.header-menu-sidebar .sub-menu > li > a::before {
    display: none !important;
}
.header-menu-sidebar-bg .sub-menu > li > .wrap > a:hover,
.header-menu-sidebar-bg .sub-menu > li > a:hover,
.header-menu-sidebar .sub-menu > li > .wrap > a:hover,
.header-menu-sidebar .sub-menu > li > a:hover {
    color: #c9a84c !important;
    padding-left: 1.4rem !important;
    background: transparent !important;
}

/* ── Mobile-spezifische Anpassungen (≤ 768px) ────────────────────────────── */
@media (max-width: 768px) {
    .header-menu-sidebar-inner {
        padding: 1.75rem 1.25rem 2.5rem !important;
    }
    .header-menu-sidebar-bg .nav-ul > li > .wrap > a,
    .header-menu-sidebar-bg .nav-ul > li > a,
    .header-menu-sidebar-bg .primary-menu-ul > li > .wrap > a,
    .header-menu-sidebar-bg .primary-menu-ul > li > a,
    .header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a,
    .header-menu-sidebar-bg .nav-menu-mobile > li > a,
    .header-menu-sidebar .nav-menu-mobile > li > .wrap > a,
    .header-menu-sidebar .nav-menu-mobile > li > a {
        font-size: 1.35rem !important;
        padding: .95rem 1rem .95rem 1.25rem !important;
    }
    .header-menu-sidebar-bg .sub-menu,
    .header-menu-sidebar .sub-menu {
        padding-left: 1rem !important;
    }
    .header-menu-sidebar-bg .sub-menu > li > .wrap > a,
    .header-menu-sidebar-bg .sub-menu > li > a,
    .header-menu-sidebar .sub-menu > li > .wrap > a,
    .header-menu-sidebar .sub-menu > li > a {
        font-size: .95rem !important;
        padding: .6rem .75rem !important;
    }
}

/* ── Sehr kleine Geräte (≤ 480px) ─────────────────────────────────────────── */
@media (max-width: 480px) {
    .header-menu-sidebar-inner {
        padding: 1.5rem 1rem 2rem !important;
    }
    .header-menu-sidebar-bg .nav-ul > li > .wrap > a,
    .header-menu-sidebar-bg .nav-ul > li > a,
    .header-menu-sidebar-bg .nav-menu-mobile > li > .wrap > a,
    .header-menu-sidebar-bg .nav-menu-mobile > li > a,
    .header-menu-sidebar .nav-menu-mobile > li > .wrap > a,
    .header-menu-sidebar .nav-menu-mobile > li > a {
        font-size: 1.2rem !important;
        padding: .85rem .75rem .85rem 1.1rem !important;
    }
}

/* Sub-Menü-Toggle (Chevron) – dezenter Gold-Akzent */
.header-menu-sidebar-bg .caret-wrap,
.header-menu-sidebar-bg .sub-menu-toggler {
    color: #c9a84c !important;
    background: transparent !important;
    border: none !important;
}
.header-menu-sidebar-bg .caret-wrap svg,
.header-menu-sidebar-bg .caret-wrap svg path,
.header-menu-sidebar-bg .sub-menu-toggler svg,
.header-menu-sidebar-bg .sub-menu-toggler svg path {
    fill: #c9a84c !important;
    stroke: #c9a84c !important;
    opacity: .7 !important;
    transition: opacity .2s ease, transform .25s ease !important;
}
.header-menu-sidebar-bg li:hover > .caret-wrap svg {
    opacity: 1 !important;
}

/* Close-Button: dezent in Dunkel-Navy */
.header-menu-sidebar-bg .close-sidebar-panel,
.header-menu-sidebar .close-sidebar-panel {
    color: #0e1a2b !important;
    opacity: .7 !important;
    transition: opacity .2s, color .2s !important;
}
.header-menu-sidebar-bg .close-sidebar-panel:hover,
.header-menu-sidebar .close-sidebar-panel:hover {
    color: #c9a84c !important;
    opacity: 1 !important;
}
.header-menu-sidebar-bg .close-sidebar-panel svg,
.header-menu-sidebar-bg .close-sidebar-panel svg path,
.header-menu-sidebar .close-sidebar-panel svg,
.header-menu-sidebar .close-sidebar-panel svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* ─── Desktop-Navigation ─────────────────────────────────────────────────── */

/* Haupt-Links */
.nv-nav-wrap .nav-menu > li > a,
header .nav-menu > li > a,
.hfg-slot .nav-menu > li > a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

header .nav-menu > li > a:hover,
.hfg-slot .nav-menu > li > a:hover {
    color: #c9a84c !important;
}

/* Desktop Dropdown-Menü – weiß mit dunklem Text */
header .nav-menu .sub-menu,
.nv-nav-wrap .nav-menu .sub-menu {
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.12) !important;
    border-radius: 8px !important;
    padding: 8px 0 !important;
    min-width: 220px !important;
}

header .nav-menu .sub-menu li a,
.nv-nav-wrap .nav-menu .sub-menu li a {
    color: #0e1a2b !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
}

header .nav-menu .sub-menu li a:hover,
.nv-nav-wrap .nav-menu .sub-menu li a:hover {
    color: #c9a84c !important;
    background-color: #f5f5f3 !important;
}

/* Dropdown-Pfeil Farbe anpassen */
header .nav-menu > li > a .caret-wrap,
header .nav-menu > li > a svg,
.nv-nav-wrap .nav-menu > li > a svg {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ─── Nav-Icon (Hamburger) – Desktop & Mobile ────────────────────────────── */

/* Neve setzt --color via Inline-Style: überschreiben auf Weiß */
.builder-item--nav-icon {
    --color: #ffffff !important;
}

/* Icon-Balken (icon-bar) und SVG-Lines weiß */
.builder-item--nav-icon .navbar-toggle .icon-bar,
.builder-item--nav-icon .hamburger-box .hamburger-inner,
.builder-item--nav-icon .hamburger-box .hamburger-inner::before,
.builder-item--nav-icon .hamburger-box .hamburger-inner::after {
    background-color: #ffffff !important;
}

/* SVG-Pfad falls Neve ein SVG-Icon nutzt */
.builder-item--nav-icon .navbar-toggle svg,
.builder-item--nav-icon .navbar-toggle svg path,
.builder-item--nav-icon .navbar-toggle svg line,
.builder-item--nav-icon .navbar-toggle svg rect {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* Neve 4.x: nav-icon verwendet nv--hamburger-menu Icon-Wrapper */
.hfg-slot .builder-item--nav-icon button,
.hfg-slot .builder-item--nav-icon .navbar-toggle {
    color: #ffffff !important;
}