/*	NACHGEZOGEN 04.09.2026: der Rueckfall der zwei Schriftfarben stand auf
	--ht_rgb_maingreen -- einer Variablen, die nur theme-nav-mega definiert.
	Pro Site ist genau eine Navi aktiv, hier also nie. Die Angaben waren
	damit dauerhaft ungueltig und die Schrift erbte statt zu setzen.

	Was dort HINGEHOERT, steht in der Ursprungslinie dieses Plugins: auf
	einer aelteren Kundensite (wp-content/plugins/theme-nav, alter Ordnername, gleiche
	Hauptdatei) tragen genau dieselben zwei Regeln -- Selektor fuer Selektor,
	Zeile 83 und 153 -- 'rgba( var(--white), 1)'. --white ist im Theme
	definiert. Der gruene Name kam spaeter durch eine Uebernahme dazu und hat
	seither nie gewirkt.

	Weiss ist hier auch das Richtige: die Leiste laeuft auf
	var( --nav-bg, var( --nav_bgcolor ) ), also auf der dunklen Sitefarbe.

	Dieses Plugin ist auf KEINER Site aktiv -- die Rueckkehr zum
	Ursprungswert kann darum nichts umfaerben, was heute jemand sieht.	*/


body {
    margin-top: calc(var( --size-1 ) * 5.15 );
}

 .navigation {
     background-color: var( --nav-bg, var( --nav_bgcolor ) );
     position: fixed;
     top: 0px;
     z-index: 10;
     width: 100%;
   }

.nav_wrapper {
    display: grid;
    grid-template-areas: 'logo navi';
    align-items: center;
    padding-top: calc(var( --size-1 ) * 1.5 );
	padding-bottom: calc(var( --size-1 ) * 1.5 );
}
.navitem_logo {
    grid-area: logo;
    justify-self: left;
}
.navitem_nav {
    grid-area: navi;
    justify-self: start;
    width: 100%;
}

/* ---| Brand |------------------------- */

.nav_brand {
	display: block;
	width: calc(var( --fontsize ) * 10 );
	padding-left: 0px;
	padding-right: 0px;
}
a.nav_brand img {
	max-height: 100%;
	max-width: 100%;
}
.nav_brand img:hover {
	opacity: 0.8;
}

/* ---| NAV |------------------------- */

 nav ul {
     list-style: none;
     width: 100%;
     margin: 0;
     margin-left: auto;
     margin-right: auto;
     padding: 0;
     font-weight: 500;
     font-size: calc(var( --fontsize ) * 1 );
}
 nav ul li {
     float: left;
     position: relative;
     margin: 0;
     padding: 0;
 }

nav li:before { /* the custom styled bullets */
    background-color: transparent;
    border-radius: 0%;
    content: "";
    display: inline;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 0px;
    width: 0px;
    margin: 0;
    padding: 0;
}

nav ul li a, nav ul li a:visited {
    display: block;
    padding-left: calc(var( --size-1 ) * 0.5 );
    padding-right: calc(var( --size-1 ) * 0.5 );
    color: var( --nav-fg, rgba( var(--white), 1 ) );
    text-decoration: none;
    margin: 0px;
    opacity: 1;
}
nav ul li a:hover, nav ul li a:visited:hover {
    color: var( --nav-fg-hover, var( --site_linkhover_color ) );
    opacity: 1;
}

nav ul li.current a,
nav ul li.current a:hover {
    color: var( --nav-fg-hover, var( --site_linkhover_color ) );
    font-weight: 500;
    opacity: 1;
}

/* ---| Dropdown |------------------------- */

.sub-menu li a {
    background: var( --sitefgcolor );
}
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     content: ' \025BE';
}
 nav ul li ul li {
     min-width: 190px;
}
 nav ul li ul li a {
     padding: 15px;
     line-height: 20px;
}
 .sub-menu {
     position: absolute;
     display: none;
     z-index: 1;
     background: var( --nav-menu-bg, #fff );
     /* box-shadow: 0 0 35px 0 rgba(0,0,0,0.25); */
}

/* Mobile navigation */
 .nav-mobile {
     display: none;
     position: absolute;
     top: calc(var( --size-1 ) * 1 );
     right: 0;
     background: transparent;
     height: 55px;
     width: 70px;
}

@media only screen and (max-width: 800px) {
     .nav-mobile {
         display: block;
    }
    nav {
         width: 100%;
    }
     nav ul {
        padding: 25px 0 15px;
        display: none;
        width: 100%;
        font-size: calc(var( --size-1 ) * 1 );
    }
     nav ul li {
         float: none;
    }
     nav ul li a {
         padding-top: 10px;
         padding-bottom: 10px;
         padding-left: 0px;
         color: var( --nav-fg, rgba( var(--white), 1 ) );
    }
     nav ul li ul li a {
         padding-left: 30px;
    }
     .sub-menu {
         position: static;
     }
}

@media screen and (min-width:800px) {
    /*
    body {
        margin-top: calc(var( --size-1 ) * 2.75 );
    }
    */
    .nav-list {
         display: block !important;
    }
    .nav_wrapper {
        display: grid;
        grid-template-areas: "logo navi";
        align-items: center;
    }
    .navitem_logo {
        grid-area: logo;
        justify-self: start;
    }
    .navitem_nav {
        grid-area: navi;
        justify-self: end;
        width: auto;
    }
}

 #navbar-toggle {
     position: absolute;
     left: 18px;
     top: 15px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
 #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 3px;
     width: 30px;
     background: var( --nav-icon, var( --sitefgcolor ) );
     position: absolute;
     display: block;
     content: '';
     transition: all 300ms ease-in-out;
}
 #navbar-toggle span:before {
     top: -10px;
}
 #navbar-toggle span:after {
     bottom: -10px;
}
 #navbar-toggle.active span {
     background-color: transparent;
}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after {
     top: 0;
}
 #navbar-toggle.active span:before {
     transform: rotate(45deg);
}
 #navbar-toggle.active span:after {
     transform: rotate(-45deg);
}