/* Sarkom-Selbsthilfe Deutschland 1.6.2 – Hauptmenü ausschließlich nach WordPress-Zuweisung.
   Desktop: Logo und Aktionen in Zeile eins; das zugewiesene Menü stets in Zeile zwei.
   Ohne Menü: keine zweite Navigationszeile und keine mobilen Menüschalter. */
.de-header .de-header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas: "brand actions" "navigation navigation";
  align-items: center;
  gap: 8px 22px;
  padding: 12px 22px 11px;
  min-height: 0;
}
.de-header .de-brand {
  grid-area: brand;
  display: block;
  justify-self: start;
  flex: none;
  width: min(385px, 100%);
  max-width: 100%;
  min-width: 0;
  line-height: 0;
}
.de-header .de-brand img {
  display: block;
  width: 100%;
  max-width: 385px;
  max-height: 122px;
  height: auto;
  object-fit: contain;
  object-position: left center;
}
.de-header .de-header-actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
  flex-wrap: wrap;
  min-width: 0;
}
.de-header .de-main-nav {
  grid-area: navigation;
  display: block;
  width: 100%;
  min-width: 0;
  flex: none;
  border-top: 1px solid #e7edf3;
  padding: 6px 0 0;
  margin: 0;
}
.de-header .de-menu {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: clamp(15px, 1.65vw, 25px);
  row-gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.de-header .de-menu > li {list-style:none}
.de-header .de-menu > li > a {
  display:inline-block;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  white-space: nowrap;
  padding: 10px 1px;
}
.de-header .de-menu .sub-menu a {white-space:normal;padding:10px 3px}
.de-header .de-menu li:focus-within > .sub-menu {display:block}
.de-header .de-header-actions .de-top-search {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  background: transparent;
  border: 1px solid #dce3ec;
  border-radius: 999px;
  padding: 10px 15px;
  color: #203249;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.de-header .de-header-actions .de-top-search:hover {background:#f6f8fc;border-color:#c6a55c}
.de-header .de-header-actions .de-header-contact {margin:0;min-height:38px;white-space:nowrap}
.de-header .de-menu-toggle {display:none;cursor:pointer}
.de-header .de-search-panel[hidden] {display:none !important}
.de-header .de-search-panel:not([hidden]) {display:block;background:#f7f9fc;border-top:1px solid #dce3ec;padding:15px 0}
.de-header .de-search-panel form {display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.de-header .de-search-panel input[type=search] {min-height:42px;border-radius:8px;border:1px solid #cbd5e0;padding:10px 13px;min-width:min(300px,75vw);max-width:100%;flex:1}
.de-header .de-search-panel input[type=submit] {border:0;background:#af7e19;color:#fff;font-weight:800;border-radius:8px;padding:12px 18px;cursor:pointer}

@media (max-width: 940px) {
  .de-header .de-header-inner {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"brand actions" "navigation navigation";
    padding:10px 16px;
    gap:8px 12px;
  }
  .de-header .de-brand {width:min(320px,45vw)}
  .de-header .de-header-actions {gap:7px;flex-wrap:nowrap}
  .de-header .de-menu-toggle {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-size:13px;
    padding:9px 12px;
    border:1px solid #dce3ec;
    border-radius:999px;
    background:#fff;
    color:#203249;
  }
  .de-header .de-main-nav {display:none;width:100%;padding-top:7px;border-top:1px solid #e7edf3}
  .de-header.is-menu-open .de-main-nav {display:block}
  .de-header .de-menu {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:5px 0}
  .de-header .de-menu li {width:100%}
  .de-header .de-menu a {display:block;font-size:14px;white-space:normal;padding:12px 6px}
  .de-header .de-menu .sub-menu {position:static;display:block;box-shadow:none;min-width:0;background:#f8fafc;margin-left:10px}
}
@media (max-width: 600px) {
  .de-topbar-inner {padding:6px 14px}
  .de-header .de-header-inner {padding:9px 12px;gap:8px}
  .de-header .de-brand {width:min(225px,48vw)}
  .de-header .de-brand img {max-height:72px}
  .de-header .de-header-actions .de-top-search {padding:8px 9px}
  .de-header .de-header-actions .de-top-search span {display:none}
  .de-header .de-header-actions .de-header-contact {padding:9px 11px;min-height:0}
  .de-header .de-header-actions .de-header-contact span {display:none}
  .de-header .de-menu-toggle {font-size:13px;padding:8px 10px}
  .de-header .de-menu-toggle span {display:none}
}