/* Formatierungen für Navigation
 * Thomas Mirke 12.01.2026 
 * Version 1.0.0
*/

/* Haupt-Header-Container */
.bloglo-header-container {
  display: flex;
  justify-content: space-between; /* Logo links, Burger rechts */
  align-items: center;
  flex-wrap: nowrap;              /* verhindert Umbruch */
  padding: 8px 12px;
  background: transparent;
	position: relative;
}

.bloglo-header-layout-5:not(.bloglo-sticky-header)
  #bloglo-header
  #bloglo-header-inner, .bloglo-header-layout-5 #masthead + #main .bloglo-breadcrumbs{
	border-radius: 5px !important;
	background: transparen;
}

/* Logo */
.logo-inner img {
  max-width: 160px;
  height: auto;
  display: block;
}

/* Hamburger-Button */
.bloglo-hamburger {
  margin-left: auto;              /* schiebt ihn ganz nach rechts */
  position: static !important;    /* absolute Positionierung ausschalten */
  display: block !important;      /* sicherstellen, dass er sichtbar bleibt */
  z-index: 10;                    /* über anderen Elementen */
  cursor: pointer;
}

/* Mobile Navigation Wrapper */
.bloglo-mobile-nav {
  margin-left: auto;
}

/* Responsive Anpassung */
@media (max-width: 434px) {
  .logo-inner img {
    max-width: 80px;             /* Logo verkleinern */
  }
  .bloglo-hamburger {
    display: block !important;
    margin-left: auto;
		padding-left:10px;
  }
}

/* ------------------------------------------ */
/* Menü sauber machen, kein Umbruch  */
/* ------------------------------------------ */

div.bloglo-header-container {
	padding: 0px ;
	padding-right:0px;
	border: 0px;
	text-align:right;
}

.bloglo-header-layout-4 #bloglo-header-inner .bloglo-nav>ul, .bloglo-header-layout-4 .bloglo-header-widgets .bloglo-header-widget{
	flex-wrap: nowrap;
	min-height:5rem;
	}

.bloglo-header-layout-4 .bloglo-nav-container{
	border:0px;
}

#bloglo-header{
	width:100%;
	background:#ffffff;
}

#bloglo-header-inner {
    max-width: 1420px !important; 
    margin: 0 auto !important;
    padding-left: 0px;  
    padding-right: 0px;
	box-sizing: border-box;
	width:100%;
	background:transparent;
}

/* Klappmenü */
#bloglo-primary-nav span::before {
    content: none !important;
}

#bloglo-primary-nav li.menu-item-has-children > ul {
    border: 1px solid #000;
    padding: 0;
}

/* Menüeinträge */
#bloglo-primary-nav .sub-menu li > a {
    padding: 10px 15px;
    line-height: 1; 
    display: block; 
	margin-left:0px;
}

#bloglo-primary-nav .sub-menu li > a:hover {
    background-color: #E2E7EE;
}

#bloglo-primary-nav .sub-menu li,
#bloglo-primary-nav .sub-menu li > a > span
 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#bloglo-primary-nav .sub-menu li > a:hover > span {
    color: #8E0D08 !important;
}


/* Hamburger nicht umbrechen */
#bloglo-header-inner > div > div.bloglo-logo-container > div{
	flex-wrap: nowrap;
}

/* Abstand rechts zum Hamburger */
#bloglo-header-inner > div > div.bloglo-logo-container > div > div.bloglo-logo.bloglo-header-element{
	margin-right:10px;
}

/* Linie oben */
span.hamburger-inner::before{
	width:22px !important;
	height:2px;
}

/* Mittlere Linie */
span.hamburger-inner::after{
	width:22px !important;
	height:2px;
}

/* Untere Linie */
span.hamburger-inner{
	width:22px !important;
	height:2px;
}