/* Grundlayout */
.he-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; }
.he-logo img{height:28px; filter:grayscale(1) brightness(2);}
/* dünne Linie unter dem Header für dunkle Bereiche */
.he-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #444; /* dezentes Grau */
  pointer-events: none;
}

.he-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

/* Zeile 1 */
.he-topbar { background: #000; color: #fff; }
.he-topbar .he-container { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 68px; }

.he-left { display: flex; align-items: center; }
.he-logo img { display: block; height: 36px; width: auto; }
.he-logo-text { color: #fff; font-weight: 700; text-decoration: none; }

.he-right { display: flex; align-items: center; gap: 16px; }

/* Navigation Desktop */
.he-primary-nav .he-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 20px; }
.he-primary-nav .he-menu > li { position: relative; }
.he-primary-nav .he-menu > li > a { color: #fff; text-decoration: none; font-weight: 600; padding: 10px 0; display: inline-block; text-transform: uppercase; font-size: 18px;}

/* Pfeil für Menüpunkte mit Submenü (Desktop) */
.he-primary-nav .he-menu > li.menu-item-has-children > a::after {
  content: "";
  display: inline-block;
  margin-left: 6px;
  width: 16px;
  height: 10px;
  background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'><path d='M2 2 L12 12 L22 2' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/></svg>");
  line-height: 1;
  vertical-align: middle;
  color: currentColor;
  pointer-events: none;
}

/* Submenüs */
.he-primary-nav .he-menu li ul { position: absolute; left: 0; top: 100%; min-width: 220px; background: #000; display: none; list-style: none; padding: 8px 0; margin: 0; z-index: 1100; /* über Infobar */ }
.he-primary-nav .he-menu li:hover > ul { display: block; }
.he-primary-nav .he-menu li ul li a { display: block; padding: 10px 14px; color: #fff; text-decoration: none; }
.he-primary-nav .he-menu li ul li a:hover { background: #222; }

/* Trennstrich zwischen Navi und Social */
.he-divider { width: 1px; height: 28px; background: #444; margin: 0 4px 0 8px; }

/* Social */
.he-social { display: flex; align-items: center; gap: 12px; }
.he-social img { width: 20px; height: 20px; display: block;}
.he-social-link { display: inline-flex; align-items: center; }

/* Zeile 2 – Infobar */
.he-infobar { /* Hintergrund via inline-style */ }
.he-infobar .he-container { height: 48px; display: grid; place-items: center; }
.he-infobar-inner { color: var(--he-infobar-text, #000); text-align: center; }
.he-infobar-content a { color: inherit; text-decoration: underline; }

/* Mobil */
.he-burger { display: none; background: none; border: 0; width: 32px; height: 24px; position: relative; cursor: pointer; }
.he-burger span { position: absolute; left: 0; right: 0; height: 3px; background: #fff; }
.he-burger span:nth-child(1) { top: 0; }
.he-burger span:nth-child(2) { top: 11px; }
.he-burger span:nth-child(3) { bottom: 0; }

@media (max-width: 992px) {
  .he-primary-nav, .he-divider, .he-social { display: none; }
  .he-burger { display: inline-block; }
  .he-topbar .he-container { height: 60px; }
}

/* Mobile Panel */
.he-mobile-panel { position: fixed; inset: 0; background: #000; color: #fff; z-index: 2000; overflow-y: auto; padding: 20px; }
.he-mobile-close { position: absolute; top: 12px; right: 16px; font-size: 42px; line-height: 1; background: none; border: 0; color: #fff; cursor: pointer; }

.he-mobile-menu { list-style: none; padding: 64px 0 16px; margin: 0; }
.he-mobile-menu li { border-bottom: 1px solid #222; }
.he-mobile-menu a { display: block; padding: 14px 4px; color: #fff; text-decoration: none; font-size: 18px; text-transform: uppercase; font-weight: 700; }

/* Mobile Submenüs einklappbar */
.he-mobile-menu .menu-item-has-children > a { position: static; display: inline-flex; align-items: center; gap: 8px; }
.he-mobile-menu .menu-item-has-children > button.he-subtoggle {
  position: static;
  width: 18px;
  height: 12px;
  margin-left: 4px;
  background: no-repeat center / contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'><path d='M2 2 L12 12 L22 2' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/></svg>");
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #fff;
  font-size: 0; /* Text verbergen */
  line-height: 0;
}

/* Wenn offen: Chevron nach oben */
.he-mobile-menu .menu-item-has-children > button.he-subtoggle.is-open {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'><path d='M2 12 L12 2 L22 12' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'/></svg>");
}
.he-mobile-menu .sub-menu a { font-size: 16px; }

/* Social unter der Navi */
.he-mobile-social { display: flex; gap: 16px; padding: 16px 0 40px; border-top: 1px solid #222; }
.he-mobile-social img { width: 24px; height: 24px; filter: invert(1); }

/* Platzhalter unter dem fixen Header */
.he-header-spacer { height: var(--he-header-h, 0px); }