@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');

body .mwi-site-header {
  position: absolute;
  z-index: 9998;
  top: 10px;
  left: 12px;
  right: 12px;
  color: #f4f5f7;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
body.admin-bar .mwi-site-header { top: 42px; }

.mwi-header-inner {
  min-height: 132px;
  display: grid;
  grid-template-columns: minmax(430px, 1.05fr) minmax(720px, 1.7fr) 430px;
  align-items: center;
  gap: 24px;
  padding: 13px 20px 13px 25px;
  background: rgba(3, 8, 13, .70);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 24px;
  box-shadow: 0 18px 52px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.045);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.mwi-header-brand { display:flex; align-items:center; gap:21px; min-width:0; color:#fff !important; text-decoration:none !important; }
.mwi-header-logo { width:93px; height:93px; border-radius:50%; overflow:hidden; flex:0 0 93px; border:0; box-shadow:none; background:transparent; }
.mwi-header-logo:empty { display:none; }
.mwi-header-logo-img { width:100% !important; height:100% !important; object-fit:contain; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; margin:0 !important; padding:0 !important; }
.mwi-header-brand-text { display:flex; flex-direction:column; min-width:0; line-height:1; }
.mwi-header-domain.wallstreet_title_head { color:#fff !important; font-family:var(--mwi-site-title-font, 'Roboto'), sans-serif !important; font-size:clamp(31px,2.05vw,45px) !important; font-weight:400 !important; line-height:1.03 !important; white-space:nowrap; text-shadow:0 0 14px rgba(255,255,255,.09); }
.mwi-header-lab { margin-top:7px; color:#ffc400; font-size:17px; line-height:1; font-weight:900; letter-spacing:.28em; white-space:nowrap; }
.mwi-header-tagline { margin-top:8px; color:#d2d6da; font-family:Georgia,serif; font-size:16px; line-height:1.05; white-space:nowrap; }

.mwi-header-nav { min-width:0; overflow:visible; }
.mwi-header-menu { display:flex; align-items:stretch; justify-content:center; flex-wrap:nowrap; gap:5px; list-style:none; padding:0 !important; margin:0 !important; white-space:nowrap; }
.mwi-header-menu > li { position:relative; display:flex; flex:0 0 auto; margin:0 !important; padding:0 !important; white-space:nowrap; }
.mwi-header-menu > li > a {
  display:flex; align-items:center; justify-content:center; min-height:99px; padding:0 22px !important;
  color:#fff !important; background:transparent !important; border-radius:16px; text-decoration:none !important;
  font-family:"Rock Salt", cursive !important; font-size:19px !important; line-height:1.2 !important; text-transform:none !important;
  white-space:nowrap !important; word-break:normal !important; transition:.2s ease;
}
.mwi-header-menu > li > a:hover,
.mwi-header-menu > li.current-menu-item > a,
.mwi-header-menu > li.current_page_item > a,
.mwi-header-menu > li.current-menu-ancestor > a {
  color:#fff !important; background:linear-gradient(180deg,#d4a400,#9c7800) !important;
  box-shadow:0 0 25px rgba(255,196,0,.24), inset 0 1px rgba(255,255,255,.18);
}
/* Transparentes Glas-Dropdown – Version 1.1.4 */
.mwi-header-menu .sub-menu {
  position:absolute;
  display:block;
  top:calc(100% - 2px);
  left:0;
  min-width:300px;
  margin:0 !important;
  padding:12px !important;
  list-style:none;
  background:
    radial-gradient(circle at top left,rgba(255,196,0,.075),transparent 42%),
    linear-gradient(145deg,rgba(3,8,13,.64),rgba(3,8,13,.48));
  border:1px solid rgba(255,196,0,.46);
  border-radius:20px;
  box-shadow:
    0 22px 46px rgba(0,0,0,.54),
    inset 0 1px rgba(255,255,255,.045),
    inset 0 0 44px rgba(255,196,0,.035);
  backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  transform-origin:top center;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.mwi-header-menu li:hover > .sub-menu,
.mwi-header-menu li:focus-within > .sub-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition-delay:0s;
}
.mwi-header-menu .sub-menu li + li {
  border-top:1px solid rgba(255,196,0,.085);
}
.mwi-header-menu .sub-menu a {
  display:block;
  padding:14px 17px !important;
  color:#fff !important;
  font-family:"Rock Salt",cursive !important;
  font-size:14px !important;
  white-space:nowrap !important;
  border-radius:10px;
  text-decoration:none !important;
  transition:background-color .2s ease,color .2s ease,padding-left .2s ease,box-shadow .2s ease;
}
.mwi-header-menu .sub-menu a:hover,
.mwi-header-menu .sub-menu a:focus {
  background:rgba(255,196,0,.11) !important;
  color:#ffc400 !important;
  padding-left:23px !important;
  box-shadow:inset 3px 0 rgba(255,196,0,.62);
  outline:none;
}

.mwi-header-metrics { display:grid; grid-template-columns:132px 132px 166px; align-items:center; justify-self:end; width:430px; height:88px; white-space:nowrap; }
.mwi-header-metric { display:flex; align-items:center; gap:12px; width:100%; min-width:0; height:74px; padding:0 18px; border-left:1px solid rgba(255,255,255,.16); box-sizing:border-box; }
.mwi-header-metric span:last-child { display:flex; flex-direction:column; }
.mwi-header-metric small { color:#b9c0c7; font-size:12px; line-height:1.15; text-transform:uppercase; letter-spacing:.04em; }
.mwi-header-metric strong { color:#fff; font-family:Georgia,serif; font-size:19px; line-height:1.25; font-weight:400; white-space:nowrap; font-variant-numeric:tabular-nums; }
.mwi-metric-icon { color:#e0e4e8; font-size:29px; }
.mwi-header-toggle { display:none; }

/* Zwischenstufe: etwas kompakter, weiterhin immer eine einzige Menüzeile. */
@media (max-width: 2050px) {
  .mwi-header-inner { grid-template-columns:minmax(390px,.95fr) minmax(650px,1.5fr) 354px; gap:14px; }
  .mwi-header-logo { width:82px; height:82px; flex-basis:82px; }
  .mwi-header-brand { gap:15px; }
  .mwi-header-domain.wallstreet_title_head { font-size:clamp(28px,1.8vw,39px) !important; }
  .mwi-header-lab { font-size:14px; }
  .mwi-header-tagline { font-size:13px; }
  .mwi-header-menu > li > a { min-height:88px; padding:0 15px !important; font-size:15px !important; }
  .mwi-header-metrics { grid-template-columns:108px 108px 138px; width:354px; }
  .mwi-header-metric { min-width:0; padding:0 11px; }
  .mwi-header-metric strong { font-size:16px; }
  .mwi-header-metric small { font-size:10px; }
  .mwi-metric-icon { font-size:24px; }
}

/* Burgerdarstellung. Wird per CSS und zusätzlich dynamisch per JavaScript aktiviert,
   sobald die vollständige Desktopzeile nicht mehr ohne Umbruch hineinpasst. */
@media (max-width: 1540px) {
  body .mwi-site-header { top:8px; left:8px; right:8px; }
  body.admin-bar .mwi-site-header { top:54px; }
  .mwi-header-inner { grid-template-columns:1fr auto; min-height:112px; }
  .mwi-header-brand { grid-column:1; }
  .mwi-header-toggle { grid-column:2; display:flex; width:66px; height:60px; padding:13px; flex-direction:column; justify-content:space-around; border:1px solid rgba(255,196,0,.58); border-radius:13px; background:rgba(255,196,0,.10); cursor:pointer; }
  .mwi-header-toggle span:not(.screen-reader-text) { display:block; width:100%; height:3px; background:#fff; }
  .mwi-header-nav { display:none; grid-column:1/-1; }
  .mwi-site-header.is-open .mwi-header-nav { display:block; }
  .mwi-header-menu { align-items:stretch; flex-direction:column; gap:4px; padding-top:14px !important; }
  .mwi-header-menu > li { display:block; }
  .mwi-header-menu > li > a { justify-content:flex-start; min-height:58px; padding:11px 18px !important; font-size:15px !important; white-space:nowrap !important; }
  .mwi-header-menu .sub-menu {
    position:static;
    display:block;
    margin-left:20px !important;
    box-shadow:none;
    border-color:rgba(255,255,255,.1);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
    backdrop-filter:blur(10px) saturate(125%);
    -webkit-backdrop-filter:blur(10px) saturate(125%);
  }
  .mwi-header-metrics { display:none; }
}

/* Die Umschaltung erfolgt ausschließlich über den Viewport-Breakpoint.
   Oberhalb davon bleibt die Navigation garantiert einzeilig sichtbar. */

@media (max-width: 720px) {
  .mwi-header-inner { padding:11px 14px; border-radius:18px; min-height:96px; }
  .mwi-header-logo { width:70px; height:70px; flex-basis:70px; }
  .mwi-header-brand { gap:12px; }
  .mwi-header-domain.wallstreet_title_head { font-size:27px !important; }
  .mwi-header-lab { font-size:12px; }
  .mwi-header-tagline { font-size:11px; }
  .mwi-header-toggle { width:58px !important; height:54px !important; }
}

@media (max-width: 520px) {
  .mwi-header-inner { padding:9px 11px; border-radius:15px; min-height:86px; }
  .mwi-header-logo { width:58px; height:58px; flex-basis:58px; }
  .mwi-header-domain.wallstreet_title_head { font-size:22px !important; }
  .mwi-header-lab { font-size:10px; letter-spacing:.22em; }
  .mwi-header-tagline { display:none; }
  .mwi-header-toggle { width:52px !important; height:48px !important; padding:10px !important; }
}

/* DAB-Projektbeschreibung wieder als zusammenhängende Infobox darstellen.
   Der eigentliche DAB-Player bleibt davon unberührt. */
body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h2,
body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h3 {
  width: min(100% - 32px, 1380px) !important;
  max-width: 1380px !important;
  margin: 34px auto 0 !important;
  padding: 28px 34px 10px !important;
  box-sizing: border-box !important;
  color: #ffc400 !important;
  background: rgba(8, 12, 17, .84) !important;
  border: 1px solid rgba(255, 196, 0, .28) !important;
  border-bottom: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h2 + p,
body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h3 + p {
  width: min(100% - 32px, 1380px) !important;
  max-width: 1380px !important;
  margin: 0 auto 44px !important;
  padding: 8px 34px 30px !important;
  box-sizing: border-box !important;
  color: #f0f2f4 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  background: rgba(8, 12, 17, .84) !important;
  border: 1px solid rgba(255, 196, 0, .28) !important;
  border-top: 0 !important;
  border-radius: 0 0 22px 22px !important;
  box-shadow: 0 22px 44px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@media (max-width: 767px) {
  body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h2,
  body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h3 {
    width: calc(100% - 20px) !important;
    padding: 22px 22px 8px !important;
    font-size: 25px !important;
  }
  body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h2 + p,
  body:not(.home):has(.mwi-dab-wrap) .entry-content > .mwi-dab-wrap ~ h3 + p {
    width: calc(100% - 20px) !important;
    padding: 8px 22px 24px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}


/* DAB-Projektbeschreibung: durch JavaScript erzeugte, robuste Infobox. */
body:not(.home) .mwi-dab-project-description {
  width: min(calc(100% - 32px), 1380px) !important;
  max-width: 1380px !important;
  margin: 34px auto 44px !important;
  padding: 27px 34px 30px !important;
  box-sizing: border-box !important;
  color: #f0f2f4 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  background: rgba(8, 12, 17, .86) !important;
  border: 1px solid rgba(255, 196, 0, .30) !important;
  border-radius: 22px !important;
  box-shadow: 0 22px 44px rgba(0, 0, 0, .42) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;
}
body:not(.home) .mwi-dab-project-description > :first-child {
  margin-top: 0 !important;
}
body:not(.home) .mwi-dab-project-description > h1,
body:not(.home) .mwi-dab-project-description > h2,
body:not(.home) .mwi-dab-project-description > h3,
body:not(.home) .mwi-dab-project-description > h4 {
  width: auto !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #ffc400 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
}
body:not(.home) .mwi-dab-project-description > p {
  width: auto !important;
  max-width: none !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  color: #f0f2f4 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
body:not(.home) .mwi-dab-project-description > :last-child { margin-bottom: 0 !important; }

@media (max-width: 767px) {
  body:not(.home) .mwi-dab-project-description {
    width: calc(100% - 20px) !important;
    padding: 22px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  body:not(.home) .mwi-dab-project-description > h1,
  body:not(.home) .mwi-dab-project-description > h2,
  body:not(.home) .mwi-dab-project-description > h3,
  body:not(.home) .mwi-dab-project-description > h4 {
    font-size: 25px !important;
  }
}

/* Version 1.1.3: Header etwas flacher, ohne die einzeilige Desktopnavigation zu beeinträchtigen. */
@media (min-width: 1541px) {
  .mwi-header-inner {
    min-height: 112px;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .mwi-header-logo { width: 78px; height: 78px; flex-basis: 78px; }
  .mwi-header-brand { gap: 15px; }
  .mwi-header-domain.wallstreet_title_head { font-size: clamp(27px, 1.7vw, 38px) !important; }
  .mwi-header-lab { margin-top: 5px; font-size: 14px; }
  .mwi-header-tagline { margin-top: 6px; font-size: 13px; }
  .mwi-header-menu > li > a { min-height: 76px; }
  .mwi-header-metrics { height: 72px; }
  .mwi-header-metric { height: 62px; }
}


/* Version 1.2.0: DAB-Projektbeschreibung optisch an die Hauptbox angleichen. */
body:not(.home) .mwi-dab-project-description {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at top left, rgba(255, 192, 0, .055), transparent 38%),
    linear-gradient(135deg, rgba(24, 24, 24, .92), rgba(11, 13, 15, .90)) !important;
  background-color: rgba(15, 16, 18, .90) !important;
  border: 1px solid rgba(255, 192, 0, .22) !important;
  border-radius: 28px !important;
  box-shadow:
    0 20px 60px rgba(0, 0, 0, .58),
    inset 0 0 72px rgba(255, 192, 0, .025) !important;
  backdrop-filter: blur(10px) saturate(115%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(115%) !important;
}

body:not(.home) .mwi-dab-project-description::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .035),
    inset 0 0 90px rgba(0, 0, 0, .18);
}