/***************************************************************************
* Topbar – übernommen von lb-firmengruppe.de / lb-asset.de (2026-10-07)
* Fixe Topbar (4rem, Parent-Theme), kein Ausblenden beim Scrollen mehr.
* Zusätzlich lbenergy.tech: Login + "Zur LB Firmengruppe" rechts als Buttons.
****************************************************************************/
.topbar {
    background: linear-gradient(-45deg, #1E4268, #0D1F37);
    box-shadow: none;
    color: #FFFFFF;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}


/***************************************************************************
* Logo (nur Raute, assets/img/lbv2/logo_raute.svg – siehe functions.php)
****************************************************************************/
.topbar .logo_column {
    height: 4rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.logo_wrapper {
    width: 6em;
    display: block;
    background-color: #d8d8d8;
    font-size: 0.75rem;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.logo_wrapper .svg_wrapper {
    width: 4.5em;
    margin: 0 auto;
}
.logo path,
.logo polygon {
    fill: #191919;
}
@media screen and (min-width:64em){
    .topbar .logo_column {
        height: 4rem;
    }
}


/***************************************************************************
* Navigation_wrapper
****************************************************************************/
.topbar .navigation_wrapper {
    padding: 7rem 1rem 4rem;
    background-color: #135379;
    color: currentColor
}

@media screen and (min-width:40em){
    .topbar .navigation_wrapper {
        padding: 7rem 2rem 4rem;
    }
}

@media screen and (max-width:63.9375em){
    .navigation_wrapper .menu a {
        font-size: 1.5rem;
    }
}

@media screen and (min-width:64em){
    .topbar .large_no_hamburger .navigation_wrapper {
        background-color: transparent;
        padding-left: calc(16.666% - 6.25rem); /* - logo-width + col-padding + a-padding */
    }
}


/****************************************************************************
 * Buttons rechts (lbenergy.tech): Login (Menü-CSS-Klasse "button_link") und
 * "Zur LB Firmengruppe" (Link auf lb-firmengruppe.de bzw. CSS-Klasse "menu_right")
 ****************************************************************************/
.navigation_wrapper .menu > li.button_link > a,
.navigation_wrapper .menu > li.menu_right > a,
.navigation_wrapper .menu > li:has(> a[href*="lb-firmengruppe.de"]) > a {
    display: inline-block;
    margin: 1.5rem 0.75rem 0;
    padding: 0 1.5rem;
    border: 0.0625rem solid currentColor;
    border-radius: 0;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.navigation_wrapper .menu > li.button_link > a:hover,
.navigation_wrapper .menu > li.button_link > a:focus,
.navigation_wrapper .menu > li.menu_right > a:hover,
.navigation_wrapper .menu > li.menu_right > a:focus,
.navigation_wrapper .menu > li:has(> a[href*="lb-firmengruppe.de"]) > a:hover,
.navigation_wrapper .menu > li:has(> a[href*="lb-firmengruppe.de"]) > a:focus {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #0D1F37;
    text-decoration: none;
}

@media screen and (min-width:64em){
    /* erster Button schiebt sich (samt Folgenden) nach rechts */
    .navigation_wrapper .menu > li.button_link,
    .navigation_wrapper .menu > li.menu_right,
    .navigation_wrapper .menu > li:has(> a[href*="lb-firmengruppe.de"]) {
        display: flex;
        align-items: center;
    }
    .navigation_wrapper .menu > li:is(.button_link, .menu_right, :has(> a[href*="lb-firmengruppe.de"])):not(:is(.button_link, .menu_right, :has(> a[href*="lb-firmengruppe.de"])) ~ li) {
        margin-left: auto;
    }
    .navigation_wrapper .menu > li.button_link > a,
    .navigation_wrapper .menu > li.menu_right > a,
    .navigation_wrapper .menu > li:has(> a[href*="lb-firmengruppe.de"]) > a {
        margin: 0 0 0 0.75rem;
        padding: 0.625rem 1rem;
        line-height: 1.2;
    }
}


/****************************************************************************
 * Submenu
 ****************************************************************************/
 .navigation_wrapper .menu > li > ul {
    margin-left: 1rem;
}
.navigation_wrapper .menu > li > ul li {
    list-style: none;
    display: block;
    border: none;
}

.navigation_wrapper .menu > li > ul li a {
    line-height: 1.6;
}

@media screen and (max-width:63.9375em){
    .navigation_wrapper .menu > li > ul li a {
        font-size: 1rem;
    }
}

.navigation_wrapper .menu > li > ul li a:after  {
    content: none;
}


@media screen and (min-width:64em){
    .navigation_wrapper .menu.align-center li {
        display: block;
    }
    .navigation_wrapper .menu > li {
        position: relative;
    }
    .navigation_wrapper .menu  li  a {
        line-height: 1.2;
        padding: 1.4rem 0.75rem;
    }
    .navigation_wrapper .menu > li > ul {
        position: absolute; top: 100%;
        opacity: 0; pointer-events: none;
        visibility: hidden; left: 0;
        margin: 0; color: inherit;
        padding: 1rem;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        text-align: left;
        width: 100%;
        min-width: 15rem;
    }
    .navigation_wrapper .menu > li > ul:after {
        content: ''; position: absolute;
        bottom: 0; left: 0; right: 0; top: 0;
        height: auto; width: auto;
        background-color: #135379;
    }

    .navigation_wrapper .menu > li > ul > * {
        position: relative;
        z-index: 20;
    }
    .navigation_wrapper .menu > li > ul li {
        padding: 0.25rem 0;
    }

	.navigation_wrapper .menu > li > ul li a {
		padding: 0;
        text-transform: none;
	}

    .navigation_wrapper .menu > li > a:hover + ul,
    .navigation_wrapper .menu > li:hover > a + ul ,
    .navigation_wrapper .menu > li > a + ul:hover {
        opacity: 1; pointer-events: all;
        visibility: visible;
    }
}