/* =========================================================
   wiki.css – Child Theme Styling für SG Wiki Hub
   Konsolidierte Version – alle Fixes integriert, keine Konflikte
   ========================================================= */


/* ---------------------------------------------------------
   1) Hintergrund
   --------------------------------------------------------- */
body.single-sg_wiki_hub,
body.single-sg_wiki_hub #page,
body.single-sg_wiki_hub #content,
body.single-sg_wiki_hub #primary,
body.single-sg_wiki_hub #main,
body.single-sg_wiki_hub main,
body.single-sg_wiki_hub .site,
body.single-sg_wiki_hub .site-content,
body.single-sg_wiki_hub .content-area {
  background: var(--bg-main, var(--dark-ui, #1f1f1f)) !important;
}

/* Archive-Seiten: Hintergrund auf Body-/Container-Ebene (wie bei Single-Pages) */
body.post-type-archive-sg_wiki_hub,
body.post-type-archive-sg_wiki_hub #page,
body.post-type-archive-sg_wiki_hub #content,
body.post-type-archive-sg_wiki_hub #primary,
body.post-type-archive-sg_wiki_hub #main,
body.post-type-archive-sg_wiki_hub main,
body.post-type-archive-sg_wiki_hub .site,
body.post-type-archive-sg_wiki_hub .site-content,
body.post-type-archive-sg_wiki_hub .content-area {
  background: var(--bg-main, var(--dark-ui, #1f1f1f)) !important;
}

/* Archive-Seiten: Theme-Layout auf volle Breite zwingen (Sidebar entfernen) */
body.post-type-archive-sg_wiki_hub #content,
body.post-type-archive-sg_wiki_hub #primary,
body.post-type-archive-sg_wiki_hub .content-area,
body.post-type-archive-sg_wiki_hub .hentry,
body.post-type-archive-sg_wiki_hub #page-content,
body.post-type-archive-sg_wiki_hub .entry-content {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Sidebar auf Archive-Seiten ausblenden */
body.post-type-archive-sg_wiki_hub #secondary,
body.post-type-archive-sg_wiki_hub .widget-area,
body.post-type-archive-sg_wiki_hub .sidebar,
body.post-type-archive-sg_wiki_hub aside.sidebar {
  display: none !important;
}

/* Archive-Wrap: Full-Bleed-Trick zurücksetzen, gleiche Breite wie Single-Pages */
body.post-type-archive-sg_wiki_hub main.sgwh-wrap.sgwh-archive,
main.sgwh-wrap.sgwh-archive {
  width: auto !important;
  max-width: min(980px, calc(100% - 64px)) !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}

@media (max-width: 1023px) {
  body.post-type-archive-sg_wiki_hub main.sgwh-wrap.sgwh-archive,
  main.sgwh-wrap.sgwh-archive {
    max-width: min(100%, calc(100% - 40px)) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

@media (max-width: 600px) {
  body.post-type-archive-sg_wiki_hub main.sgwh-wrap.sgwh-archive,
  main.sgwh-wrap.sgwh-archive {
    max-width: calc(100% - 28px) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}


/* ---------------------------------------------------------
   2) Typografie
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-wrap { color: var(--text-main) !important; }

body.single-sg_wiki_hub .sgwh-title {
  color: var(--text-main) !important;
  font-family: 'Oswald', sans-serif !important;
  hyphens: none !important;
}

body.single-sg_wiki_hub .sgwh-venue-topline,
body.single-sg_wiki_hub .sgwh-event-topline {
  color: var(--accent-color) !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
}

body.single-sg_wiki_hub .sgwh-short-bio p,
body.single-sg_wiki_hub .sgwh-long-bio p,
body.single-sg_wiki_hub .sgwh-panel__body p {
  color: var(--text-soft, rgba(255,255,255,.82)) !important;
  line-height: 1.62 !important;
}

body.single-sg_wiki_hub .sgwh-section-title {
  font-family: 'Oswald', sans-serif !important;
  color: var(--accent-color) !important;
  font-weight: 500 !important;
  font-size: clamp(1.28rem, 2vw, 1.75rem) !important;
  line-height: 1.1 !important;
  margin: 0 0 6px !important;
}

body.single-sg_wiki_hub .sgwh-members-group__label,
body.single-sg_wiki_hub .sgwh-subsection-title,
body.single-sg_wiki_hub .sgwh-room-posts__sublabel {
  color: rgba(255,255,255,.45) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
  margin: 0 0 8px !important;
}


/* ---------------------------------------------------------
   3) Breadcrumb
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-breadcrumbs {
  color: var(--text-dim, rgba(255,255,255,.5)) !important;
  font-size: 0.82rem !important;
}
body.single-sg_wiki_hub .sgwh-breadcrumbs a {
  color: var(--text-main) !important;
  text-decoration: none !important;
  background: linear-gradient(var(--accent-color), var(--accent-color)) no-repeat 0 100% / 0 1px !important;
  transition: background-size .22s ease !important;
}
body.single-sg_wiki_hub .sgwh-breadcrumbs a:hover { background-size: 100% 1px !important; }


/* ---------------------------------------------------------
   4) HERO – Desktop ≥901px
   --------------------------------------------------------- */
@media (min-width: 901px) {
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr) !important;
    gap: 8px 28px !important;
    align-items: start !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col {
    display: block !important;
    min-width: 0 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-title {
    font-size: clamp(1.35rem, 2.1vw, 2rem) !important;
    line-height: 1.08 !important;
    margin-bottom: 2px !important;
    hyphens: auto !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-venue-topline,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-event-topline {
    font-size: clamp(.82rem, 1.3vw, 1rem) !important;
    margin: 1px 0 8px !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-grid--hero {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin-top: 10px !important;
  }
  /* Einzelne (ungepaaerte) Karte im Hero → volle Breite statt halbe Waisenspalte */
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-grid--hero
    .sgwh-info-card:not(.sgwh-info-card--full-row):last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
}


/* ---------------------------------------------------------
   4b) HERO – Mobil ≤900px
   --------------------------------------------------------- */
@media (max-width: 900px) {
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 18px !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col {
    display: contents !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-title,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-venue-topline,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-event-topline,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-venue-badge,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-name-variants-inline {
    order: 1 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__image-col {
    order: 2 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-info-grid,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-hero-facts {
    order: 3 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero__content-col > .sgwh-title {
    font-size: clamp(1.5rem, 7vw, 2.1rem) !important;
    line-height: 1.05 !important;
    margin-bottom: 0 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-grid--hero {
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    align-items: stretch !important;
    margin-top: 0 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-hero-facts .sgwh-info-card__value,
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-card--fact .sgwh-info-card__value {
    overflow-wrap: break-word !important;
    word-break: break-word !important;
    white-space: normal !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-grid--hero
    .sgwh-info-card:not(.sgwh-info-card--full-row):last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-card {
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-card__label {
    font-size: .72rem !important;
    padding-bottom: 0px !important;
    margin-bottom: 7px !important;
  }
  body.single-sg_wiki_hub main.sgwh-wrap.sgwh-single .sgwh-info-card__value {
    font-size: .82rem !important;
    line-height: 1.4 !important;
  }
}


/* ---------------------------------------------------------
   5) Info-Cards
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-info-card {
  background: var(--bg-surface, rgba(255,255,255,.025)) !important;
  border: 1px solid var(--border-soft, rgba(255,255,255,.09)) !important;
  border-radius: 16px !important;
}
body.single-sg_wiki_hub .sgwh-info-card__label {
  display: block !important;
  color: var(--accent-color, #3CFFD0) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  line-height: 0.85 !important;
  padding-bottom: 0px !important;
  margin-bottom: 10px !important;
  border-bottom: 2px solid var(--accent-color, #3CFFD0) !important;
  opacity: 1 !important;
}

/* Hero-Karten: Labels identisch zu "KARTE" — Akzentfarbe + Unterstrich */
body.single-sg_wiki_hub .sgwh-info-grid--hero .sgwh-info-card__label {
  color: var(--accent-color, #3CFFD0) !important;
  border-bottom: 2px solid var(--accent-color, #3CFFD0) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
  padding-bottom: 4px !important;
  opacity: 1 !important;
}

body.single-sg_wiki_hub .sgwh-info-card__value {
  color: rgba(255,255,255,.82) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
body.single-sg_wiki_hub .sgwh-info-card__value strong {
  color: var(--text-main) !important;
  font-weight: 700 !important;
}

/* Adresse full-row nur außerhalb des Hero-Grids (z.B. Venue-Detailbereich).
   Im Hero-Grid (sgwh-info-grid--hero) darf Adresse neben Eintritt stehen. */
body.single-sg_wiki_hub .sgwh-info-grid:not(.sgwh-info-grid--hero) .sgwh-info-card--address,
body.single-sgwh .sgwh-info-grid:not(.sgwh-info-grid--hero) .sgwh-info-card--address { grid-column: 1 / -1 !important; }
body.single-sg_wiki_hub .sgwh-info-grid,
body.single-sgwh .sgwh-info-grid { width: 100% !important; box-sizing: border-box !important; }


/* ---------------------------------------------------------
   5b) Inline-Links: Sliding-Underline von links, | als Trenner
   --------------------------------------------------------- */

/* Basis: alle sgwh-inline-link — Akzentfarbe, Unterstrich bei Hover */
body.single-sg_wiki_hub .sgwh-inline-link,
body.single-sgwh .sgwh-inline-link {
  color: var(--accent-color, #3CFFD0) !important;
  text-decoration: none !important;
  background-image: linear-gradient(var(--accent-color, #3CFFD0), var(--accent-color, #3CFFD0)) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 2px !important;
  transition: background-size .25s ease-out, color .2s ease !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline !important;
}
body.single-sg_wiki_hub .sgwh-inline-link:hover,
body.single-sg_wiki_hub .sgwh-inline-link:focus,
body.single-sgwh .sgwh-inline-link:hover,
body.single-sgwh .sgwh-inline-link:focus {
  background-size: 100% 2px !important;
  color: #fff !important;
}
/* Hero-Grid (LINKS-Karte): dezent weiß, Akzent erst bei Hover */
/* Hero-Links: weiß + dezente Unterstreichung zeigt Klickbarkeit,
   bei Hover baut sich Akzent-Linie von links auf */
body.single-sg_wiki_hub .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link,
body.single-sgwh .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link {
  color: rgba(255,255,255,.85) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.28) !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  background-image: linear-gradient(var(--accent-color, #3CFFD0), var(--accent-color, #3CFFD0)) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 2px !important;
  transition: background-size .3s ease-out !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}
body.single-sg_wiki_hub .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link:hover,
body.single-sg_wiki_hub .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link:focus,
body.single-sgwh .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link:hover,
body.single-sgwh .sgwh-info-grid--hero .sgwh-info-card--full-row .sgwh-inline-link:focus {
  text-decoration-color: transparent !important;
  background-size: 100% 2px !important;
  color: #fff !important;
}

/* Trenner zwischen Links */
body.single-sg_wiki_hub .sgwh-inline-sep,
body.single-sgwh .sgwh-inline-sep {
  color: rgba(255,255,255,.3) !important;
  margin: 0 .45em !important;
  display: inline !important;
}

/* Map-Links (Google Maps / OpenStreetMap): exakt gleiche Darstellung */
.sgwh-address-map-links {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin-top: 8px !important;
}
.sgwh-address-map-links a,
.sgwh-address-map-links .sgwh-inline-link {
  color: var(--accent-color, #3CFFD0) !important;
  text-decoration: none !important;
  background-image: linear-gradient(var(--accent-color, #3CFFD0), var(--accent-color, #3CFFD0)) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 2px !important;
  transition: background-size .25s ease-out, color .2s ease !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: inline !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}
.sgwh-address-map-links a:hover,
.sgwh-address-map-links .sgwh-inline-link:hover {
  background-size: 100% 2px !important;
  color: #fff !important;
  background-color: transparent !important;
}
.sgwh-address-map-links .sgwh-inline-sep {
  display: inline !important;
  color: rgba(255,255,255,.3) !important;
  margin: 0 .45em !important;
}


/* ---------------------------------------------------------
   5c) Band-Status-Chips (aufgelöst / pausiert)
   --------------------------------------------------------- */
.sgwh-band-status-chip {
  display: inline-flex !important;
  align-items: center !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  margin-left: 7px !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
}
.sgwh-band-status-chip--closed {
  color: rgba(210, 90, 90, .95) !important;
  border: 1px solid rgba(210, 90, 90, .42) !important;
  background: rgba(210, 90, 90, .08) !important;
}
.sgwh-band-status-chip--paused {
  color: rgba(220, 165, 60, .95) !important;
  border: 1px solid rgba(220, 165, 60, .38) !important;
  background: rgba(220, 165, 60, .07) !important;
}


/* ---------------------------------------------------------
   6) Namenshistorie
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-name-variants-inline {
  font-size: .82rem !important;
  color: rgba(255,255,255,.5) !important;
  margin: 2px 0 6px !important;
  line-height: 1.4 !important;
}
body.single-sg_wiki_hub .sgwh-namevar__kind  { color: rgba(255,255,255,.38) !important; font-weight: 400 !important; }
body.single-sg_wiki_hub .sgwh-namevar__name  { font-weight: 600 !important; color: rgba(255,255,255,.65) !important; }
body.single-sg_wiki_hub .sgwh-namevar__span  { color: rgba(255,255,255,.38) !important; }
body.single-sg_wiki_hub .sgwh-namevar__sep   { margin: 0 .4em !important; color: rgba(255,255,255,.22) !important; }


/* ---------------------------------------------------------
   7) Panels
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-panel {
  background: var(--bg-surface, rgba(255,255,255,.025)) !important;
  border: 1px solid var(--border-soft, rgba(255,255,255,.09)) !important;
  border-radius: 18px !important;
}
body.single-sg_wiki_hub .sgwh-panel__label { color: var(--text-dim, rgba(255,255,255,.56)) !important; font-size: .8rem !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
body.single-sg_wiki_hub .sgwh-panel__body { color: var(--text-soft, rgba(255,255,255,.82)) !important; }


/* ---------------------------------------------------------
   8) Venue Factstrip
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-compact-note__label { color: var(--text-dim, rgba(255,255,255,.56)) !important; }
body.single-sg_wiki_hub .sgwh-compact-note__body  { color: var(--text-soft, rgba(255,255,255,.88)) !important; }
body.single-sg_wiki_hub .sgwh-venue-factstrip {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  gap: 5px 20px !important;
  padding: 10px 22px !important;
  color: var(--text-soft, rgba(255,255,255,.82)) !important;
  font-size: .85rem !important;
  margin-bottom: 8px !important;
}
body.single-sg_wiki_hub .sgwh-venue-factstrip::-webkit-scrollbar { display: none; }
body.single-sg_wiki_hub .sgwh-venue-factstrip__item { flex-shrink: 0 !important; }


/* ---------------------------------------------------------
   9) Sprungmarken (Jumpnav)
   Desktop: sticky, wrapped pills
   Mobil ≤700px: 2-spaltiges Grid, kein Clip
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-jumpnav-wrap,
body.single-sgwh .sgwh-jumpnav-wrap {
  position: sticky !important;
  top: 0 !important;
  z-index: 90 !important;
  background: var(--bg-main, #1f1f1f) !important;
  padding: 9px 0 !important;
  margin: 4px 0 12px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  overflow: visible !important;
  height: auto !important;
}

body.single-sg_wiki_hub .sgwh-jumpnav,
body.single-sgwh .sgwh-jumpnav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  overflow: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  height: auto !important;
  max-height: none !important;
  margin-bottom: 0 !important;
}
body.single-sg_wiki_hub .sgwh-jumpnav::-webkit-scrollbar { display: none !important; }

body.single-sg_wiki_hub .sgwh-jumpnav a,
body.single-sgwh .sgwh-jumpnav a {
  color: #000 !important;
  background: var(--accent-color, #3CFFD0) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 7px 16px !important;
  font-size: .83rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: background .2s, color .2s, box-shadow .2s !important;
}
body.single-sg_wiki_hub .sgwh-jumpnav a:hover,
body.single-sgwh .sgwh-jumpnav a:hover {
  background: rgba(var(--accent-rgb, 60 255 208) / .18) !important;
  color: var(--text-main, #fff) !important;
  box-shadow: 0 0 0 1px rgba(var(--accent-rgb, 60 255 208) / .5) inset !important;
}

/* Mobil: 2-spaltiges Grid, kein Sticky-Clip */
@media (max-width: 700px) {
  body.single-sg_wiki_hub .sgwh-jumpnav-wrap,
  body.single-sgwh .sgwh-jumpnav-wrap {
    position: static !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    padding: 9px 0 !important;
    margin: 4px 0 12px !important;
  }
  body.single-sg_wiki_hub .sgwh-jumpnav,
  body.single-sgwh .sgwh-jumpnav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: 100% !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
  body.single-sg_wiki_hub .sgwh-jumpnav a,
  body.single-sgwh .sgwh-jumpnav a {
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 7px 12px !important;
    font-size: .8rem !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
}


/* ---------------------------------------------------------
   10) Bandmitglieder
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-members-wrap > .sgwh-section-title,
body.single-sgwh .sgwh-members-wrap > .sgwh-section-title {
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
body.single-sg_wiki_hub .sgwh-members-group,
body.single-sgwh .sgwh-members-group {
  margin-top: 0 !important;
}

body.single-sg_wiki_hub .sgwh-member-card {
  background: var(--bg-surface, rgba(255,255,255,.025)) !important;
  border: 1px solid var(--border-soft, rgba(255,255,255,.08)) !important;
  border-radius: 16px !important;
  overflow: visible !important;
  padding: 0 0 12px !important;
}
body.single-sg_wiki_hub .sgwh-member__media {
  border-radius: 15px 15px 0 0 !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
  margin: 0 !important;
}
body.single-sg_wiki_hub .sgwh-member__body { padding: 10px 12px 0 !important; }
body.single-sg_wiki_hub .sgwh-member__name { color: var(--accent-color) !important; font-family: 'Oswald', sans-serif !important; font-size: .95rem !important; margin: 0 0 2px !important; }
body.single-sg_wiki_hub .sgwh-member__role  { color: var(--text-soft, rgba(255,255,255,.82)) !important; font-size: .84rem !important; font-weight: 600 !important; }
body.single-sg_wiki_hub .sgwh-member__extra { color: var(--text-dim, rgba(255,255,255,.6)) !important; font-size: .80rem !important; }
body.single-sg_wiki_hub .sgwh-member__projects {
  border-top: 1px solid rgba(255,255,255,.08) !important;
  margin-top: 6px !important;
  padding-top: 6px !important;
}
body.single-sg_wiki_hub .sgwh-member__projects-label { color: var(--text-dim, rgba(255,255,255,.45)) !important; font-size: .72rem !important; text-transform: uppercase !important; letter-spacing: .06em !important; margin-bottom: 3px !important; }


/* ---------------------------------------------------------
   11) Venue-Badge
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-venue-badge {
  display: inline-flex !important; align-items: center !important; gap: .4em !important;
  padding: 4px 12px !important; border-radius: 999px !important;
  font-size: .78rem !important; font-weight: 700 !important;
  letter-spacing: .04em !important; text-transform: uppercase !important;
  margin: 4px 0 10px !important;
}
body.single-sg_wiki_hub .sgwh-venue-badge--closed {
  background: rgba(255,80,80,.12) !important; color: rgba(255,130,130,.95) !important;
  border: 1px solid rgba(255,80,80,.25) !important;
}
body.single-sg_wiki_hub .sgwh-venue-badge--paused {
  background: rgba(255,180,50,.10) !important; color: rgba(255,200,80,.95) !important;
  border: 1px solid rgba(255,180,50,.22) !important;
}
body.single-sg_wiki_hub .sgwh-venue-badge__detail { opacity: .75 !important; font-weight: 400 !important; }


/* ---------------------------------------------------------
   12) Ausgaben (Editions) – Info-Card-Stil
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-editions-section { padding: 0 !important; background: transparent !important; border: 0 !important; }
body.single-sg_wiki_hub .sgwh-editions-group-title { font-family: 'Roboto', sans-serif !important; font-size: .75rem !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: rgba(255,255,255,.38) !important; margin: 28px 0 10px !important; padding-bottom: 6px !important; border-bottom: 1px solid var(--border-soft, rgba(255,255,255,.08)) !important; }
body.single-sg_wiki_hub .sgwh-editions-group-title:first-child { margin-top: 0 !important; }
body.single-sg_wiki_hub .sgwh-editions-carousel + .sgwh-editions-group-title { margin-top: 24px !important; }

/* Track: via child theme wiki.css geregelt – kein Override hier */


/* Card: vertikal, kein padding, overflow hidden für Poster */
body.single-sg_wiki_hub .sgwh-edition-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  width: auto !important;
  max-width: none !important;
  align-items: stretch !important;
}
body.single-sg_wiki_hub .sgwh-edition-card:hover { border-color: rgba(255,255,255,.2) !important; }

/* Header: Jahr als Label + teal border-bottom (wie info-card__label) */
body.single-sg_wiki_hub .sgwh-edition-card__header {
  display: flex !important;
  align-items: center !important;
  padding: 9px 13px 8px !important;
  border-bottom: 2px solid var(--accent-color, #3CFFD0) !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__year {
  font-size: .75rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.6) !important;
  line-height: 1 !important;
  font-family: 'Roboto', sans-serif !important;
}

/* Poster: volle Breite, vertikal */
body.single-sg_wiki_hub .sgwh-edition-card__poster {
  display: block !important;
  width: 100% !important;
  flex-shrink: 0 !important;
  aspect-ratio: 2/3 !important; /* festival poster proportions – uniform across all cards */
  overflow: hidden !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.06) !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__poster img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: var(--sgwh-poster-fx, 50%) var(--sgwh-poster-fy, 10%) !important;
  border-radius: 0 !important;
  display: block !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__poster--fallback {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  aspect-ratio: 2/3 !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__poster-fallback {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.12) !important;
}

/* Body */
body.single-sg_wiki_hub .sgwh-edition-card__body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 10px 13px 12px !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__date { font-size: .8rem !important; font-weight: 600 !important; color: #fff !important; }
body.single-sg_wiki_hub .sgwh-edition-card__venue { font-size: .73rem !important; color: rgba(255,255,255,.5) !important; }

/* Meta */
body.single-sg_wiki_hub .sgwh-edition-card__meta { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 4px !important; }
body.single-sg_wiki_hub .sgwh-edition-card__meta-item { font-size: .7rem !important; color: rgba(255,255,255,.45) !important; }

/* Lineup als vertikale Liste */
body.single-sg_wiki_hub .sgwh-edition-card__lineup {
  margin-top: 7px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  padding-top: 7px !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__lineup-label {
  display: block !important;
  font-weight: 700 !important;
  font-size: .65rem !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,.35) !important;
  margin-bottom: 5px !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__lineup-list { display: flex !important; flex-direction: column !important; gap: 2px !important; }
body.single-sg_wiki_hub .sgwh-edition-card__headliners { font-size: .74rem !important; color: rgba(255,255,255,.72) !important; line-height: 1.3 !important; }

/* Link-Chip: teal-getönt, gut sichtbar */
body.single-sg_wiki_hub .sgwh-edition-card__link-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 11px !important;
  border-radius: 99px !important;
  border: 1px solid rgba(60,255,208,.35) !important;
  background: rgba(60,255,208,.1) !important;
  color: var(--accent-color, #3cffd0) !important;
  font-size: .72rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  margin-top: 8px !important;
}
body.single-sg_wiki_hub .sgwh-edition-card__links { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; margin-top: 7px !important; }
body.single-sg_wiki_hub .sgwh-edition-card__note { font-size: .7rem !important; color: rgba(255,255,255,.34) !important; font-style: italic !important; margin-top: 3px !important; }


/* ---------------------------------------------------------
   13) Anreise & DSGVO-Karte
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-travel-section { padding: 0 !important; background: transparent !important; border: 0 !important; }
body.single-sg_wiki_hub .sgwh-travel-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
body.single-sg_wiki_hub .sgwh-travel-card { background: var(--bg-surface, rgba(255,255,255,.025)) !important; border: 1px solid var(--border-soft, rgba(255,255,255,.08)) !important; border-radius: 14px !important; padding: 14px 16px !important; }
body.single-sg_wiki_hub .sgwh-travel-card.sgwh-info-card--full-row { grid-column: 1 / -1 !important; }
body.single-sg_wiki_hub .sgwh-travel-copy { color: var(--text-soft, rgba(255,255,255,.82)) !important; line-height: 1.6 !important; font-weight: 400 !important; }


/* ---------------------------------------------------------
   14) SG Inline-Formate
   --------------------------------------------------------- */
.sg-artist { color: var(--accent-color, #3CFFD0); font-weight: 700; font-style: normal; }
.sg-person { font-style: italic; text-decoration: underline; text-decoration-color: rgba(var(--accent-rgb, 60 255 208) / .45); text-underline-offset: 3px; text-decoration-thickness: 1px; color: inherit; }
.sg-song, .sg-album, .sg-film, .sg-series, .sg-book { font-style: italic; color: var(--accent-soft, #b4fff0); }
.sg-video, .sg-quote { color: var(--accent-soft, #b4fff0); font-style: normal; }


/* ---------------------------------------------------------
   15) Footer-Notiz
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-footer-note {
  margin-top: 28px !important; padding-top: 14px !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  font-size: .78rem !important; color: rgba(255,255,255,.42) !important;
}
body.single-sg_wiki_hub .sgwh-footer-note__sep { margin: 0 .5em !important; color: rgba(255,255,255,.2) !important; }
body.single-sg_wiki_hub .sgwh-footer-contact-link,
body.single-sg_wiki_hub .sgwh-footer-note a {
  color: rgba(255,255,255,.58) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255,255,255,.2) !important;
  transition: color .18s, border-color .18s !important;
}
body.single-sg_wiki_hub .sgwh-footer-contact-link:hover,
body.single-sg_wiki_hub .sgwh-footer-note a:hover {
  color: rgba(255,255,255,.82) !important;
  border-color: rgba(255,255,255,.42) !important;
}


/* ---------------------------------------------------------
   16) Sonstiges
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-credit { color: var(--text-dim, rgba(255,255,255,.45)) !important; font-size: .72rem !important; }
body.single-sg_wiki_hub .sgwh-credit a { color: var(--text-dim, rgba(255,255,255,.55)) !important; text-decoration: underline !important; text-underline-offset: 2px !important; }
body.single-sg_wiki_hub .sgwh-update  { color: var(--text-dim, rgba(255,255,255,.5)) !important; font-size: .78rem !important; }
body.single-sg_wiki_hub .sgwh-related-list a { color: var(--text-main) !important; text-decoration: none !important; background: linear-gradient(var(--accent-color), var(--accent-color)) no-repeat 0 100% / 0 1px !important; transition: background-size .22s ease !important; }
body.single-sg_wiki_hub .sgwh-related-list a:hover { background-size: 100% 1px !important; }


/* ---------------------------------------------------------
   17) Bullet Points
   Fix: display:flex on li macht <strong> zu einem eigenen Flex-Item,
   was zu Spalten-Umbrüchen führt. Stattdessen: position:absolute
   für den Bullet, li bleibt Block → <strong> bleibt inline.
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-travel-copy ul,
body.single-sg_wiki_hub .sgwh-info-card__value ul,
body.single-sg_wiki_hub .sgwh-visit-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 6px 0 0 !important;
}
body.single-sg_wiki_hub .sgwh-travel-copy ul li,
body.single-sg_wiki_hub .sgwh-info-card__value ul li,
body.single-sg_wiki_hub .sgwh-visit-list li {
  display: block !important;
  position: relative !important;
  padding-left: 1.1em !important;
  margin-bottom: 4px !important;
  line-height: 1.5 !important;
}
body.single-sg_wiki_hub .sgwh-travel-copy ul li::before,
body.single-sg_wiki_hub .sgwh-info-card__value ul li::before,
body.single-sg_wiki_hub .sgwh-visit-list li::before {
  content: '•' !important;
  color: var(--accent-color, #3CFFD0) !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  font-size: .85em !important;
  line-height: 1.5 !important;
}


/* ---------------------------------------------------------
   18) Transit Travel Note
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-transit-travel-note {
  margin-top: 12px !important;
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  color: var(--text-soft, rgba(255,255,255,.75)) !important;
  font-size: .88rem !important;
}


/* =========================================================
   Mobil ≤640px
   ========================================================= */
@media (max-width: 640px) {
  body.single-sg_wiki_hub .sgwh-title { font-size: clamp(1.6rem, 8vw, 2.2rem) !important; line-height: 1.02 !important; }
  body.single-sg_wiki_hub .sgwh-venue-topline,
  body.single-sg_wiki_hub .sgwh-event-topline { font-size: clamp(.88rem, 4vw, 1rem) !important; }
  body.single-sg_wiki_hub .sgwh-panel    { border-radius: 14px !important; padding: 14px 15px !important; }
  body.single-sg_wiki_hub .sgwh-info-card { border-radius: 12px !important; }
  body.single-sg_wiki_hub .sgwh-editions-track {
    grid-auto-columns: 42vw !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    touch-action: pan-x !important;
    overscroll-behavior-x: contain !important;
  }
  body.single-sg_wiki_hub .sgwh-edition-card { width: 42vw !important; max-width: 42vw !important; min-width: 0 !important; }
  body.single-sg_wiki_hub .sgwh-edition-card__poster,
  body.single-sg_wiki_hub .sgwh-edition-card__poster--fallback {
    aspect-ratio: unset !important;
    height: 130px !important;
    max-height: 130px !important;
    height: 130px !important;
  }
  body.single-sg_wiki_hub .sgwh-lineup-toggle,
  body.single-sg_wiki_hub .sgwh-edition-card__links,
  body.single-sg_wiki_hub .sgwh-edition-card__body { overflow: visible !important; }
  body.single-sg_wiki_hub .sgwh-travel-grid { grid-template-columns: 1fr !important; }
  body.single-sg_wiki_hub .sgwh-venue-factstrip {
    padding: 8px 16px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    display: flex !important;
  }
}


/* =========================================================
   Karussell – sauber, kein Schatten, keine abgeschnittenen Karten
   ========================================================= */

/* Kein Fade-Overlay */
body.single-sg_wiki_hub .sgwh-post-carousel::after,
body.single-sgwh .sgwh-post-carousel::after,
body.single-sg_wiki_hub .sgwh-member-carousel::after,
body.single-sgwh .sgwh-member-carousel::after {
  display: none !important;
}

/* Member-Karussell: overflow visible bleibt für Buttons */
body.single-sg_wiki_hub .sgwh-member-carousel,
body.single-sgwh .sgwh-member-carousel {
  position: relative !important;
  overflow: visible !important;
}

/* Post-Karussell: overflow hidden auf dem Wrapper, damit die 4. Karte
   komplett abgeschnitten wird. Buttons sind absolut innerhalb des Wrappers. */
body.single-sg_wiki_hub .sgwh-post-carousel,
body.single-sgwh .sgwh-post-carousel {
  position: relative !important;
  overflow: hidden !important;
}

/* Editions-Karussell: overflow hidden – clippt den Track sauber.
   touch-action wird per JS direkt auf den Track gesetzt. */
body.single-sg_wiki_hub .sgwh-editions-carousel,
body.single-sgwh .sgwh-editions-carousel {
  overflow: hidden !important;
}

/* Buttons innerhalb des Containers (nicht außerhalb) */
body.single-sg_wiki_hub .sgwh-carousel__btn--prev,
body.single-sgwh .sgwh-carousel__btn--prev {
  left: 6px !important;
}
body.single-sg_wiki_hub .sgwh-carousel__btn--next,
body.single-sgwh .sgwh-carousel__btn--next {
  right: 6px !important;
}

/* Editions-Karussell: position relative für absolute Buttons */
body.single-sg_wiki_hub .sgwh-editions-carousel,
body.single-sgwh .sgwh-editions-carousel {
  position: relative !important;
}
/* Editions: Buttons an Poster-Mitte (via --sgwh-carousel-image-mid gesetzt durch JS) */
body.single-sg_wiki_hub .sgwh-editions-carousel .sgwh-carousel__btn,
body.single-sgwh .sgwh-editions-carousel .sgwh-carousel__btn {
  top: var(--sgwh-carousel-image-mid, 33%) !important;
}
/* Editions: Buttons explizit sichtbar wenn scrollbar */
body.single-sg_wiki_hub .sgwh-editions-carousel.is-scrollable .sgwh-carousel__btn,
body.single-sgwh .sgwh-editions-carousel.is-scrollable .sgwh-carousel__btn {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Member-Grid: overflow visible – border-radius der letzten Karte bleibt sichtbar */
body.single-sg_wiki_hub .sgwh-member-grid,
body.single-sgwh .sgwh-member-grid,
main.sgwh-wrap.sgwh-single .sgwh-member-grid {
  overflow: visible !important;
  padding: 0 !important;
}

/* Scrollbar aktiv wenn wirklich scrollbar */
body.single-sg_wiki_hub .sgwh-member-carousel.is-scrollable .sgwh-member-grid,
body.single-sgwh .sgwh-member-carousel.is-scrollable .sgwh-member-grid {
  overflow-x: auto !important;
  padding-right: 0 !important;
  padding-bottom: 2px !important;
}

/* Post-Track: kein padding-right noetig – der Wrapper clippt sauber */
body.single-sg_wiki_hub .sgwh-post-carousel.is-scrollable .sgwh-post-track,
body.single-sgwh .sgwh-post-carousel.is-scrollable .sgwh-post-track {
  padding-right: 0 !important;
}

/* Editions: Buttons explizit sichtbar wenn scrollbar */
body.single-sg_wiki_hub .sgwh-editions-carousel.is-scrollable .sgwh-carousel__btn,
body.single-sgwh .sgwh-editions-carousel.is-scrollable .sgwh-carousel__btn {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Kein extra Weißraum unter Editions-Sektion */
body.single-sg_wiki_hub .sgwh-editions-section,
body.single-sgwh .sgwh-editions-section {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  /* Eigener Stacking-Context – verhindert dass overflow:visible Karten
     in die Travel/Map-Sektion darunter ragen */
  isolation: isolate !important;
  position: relative !important;
}

/* Travel/Anfahrt: auch isoliert + z-index damit sie über Editions liegt */
body.single-sg_wiki_hub .sgwh-travel-section,
body.single-sgwh .sgwh-travel-section {
  isolation: isolate !important;
  position: relative !important;
  z-index: 1 !important;
}

/* Next-Button bündig rechts – innerhalb des geclippten Wrappers sichtbar */
body.single-sg_wiki_hub .sgwh-carousel__btn--next,
body.single-sgwh .sgwh-carousel__btn--next {
  right: 6px !important;
}

/* Mobil: Scroll immer */
@media (max-width: 700px) {
  body.single-sg_wiki_hub .sgwh-member-grid,
  body.single-sgwh .sgwh-member-grid,
  main.sgwh-wrap.sgwh-single .sgwh-member-grid {
    overflow-x: auto !important;
    padding-bottom: 8px !important;
    padding-right: 48px !important;
  }
}


/* =========================================================
   Archive – nur Namen, 2-Spalten-Buchstaben, kein Karten-Chrome
   ========================================================= */

/* Karten-Hülle entfernen */
.sgwh-archive .sgwh-wcard {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: block !important;
  text-decoration: none !important;
  padding: 0 !important;
}
.sgwh-archive .sgwh-wcard__media { display: none !important; }
.sgwh-archive .sgwh-wcard__foot {
  padding: 0 !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  background: none !important;
}

/* Name als Listenzeile – KEIN border-bottom mehr */
.sgwh-archive .sgwh-wcard__name {
  display: inline !important;
  font-size: .90rem !important;
  font-weight: 500 !important;
  color: var(--text-main, #fff) !important;
  line-height: 1.35 !important;
  padding: 4px 0 !important;
  transition: color .15s ease !important;
}
.sgwh-archive .sgwh-wcard:hover .sgwh-wcard__name,
.sgwh-archive .sgwh-wcard:focus .sgwh-wcard__name {
  color: var(--accent-color, #3CFFD0) !important;
}

/* Aufgelöst/Geschlossen-Badge anzeigen – ohne Jahreszahl */
.sgwh-archive .sgwh-wcard__event-teaser { display: none !important; }
.sgwh-archive .sgwh-wcard__closed-badge {
  display: inline-block !important;
  font-size: .68rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: #e05555 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}

/* 2-Spalten-Layout für Buchstaben-Paare (A/B, E/F, …) */
.sgwh-bucket-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 40px !important;
  margin-bottom: 10px !important;
}

/* Buchstaben-Sektion */
.sgwh-archive .sgwh-letter-section {
  margin-bottom: 24px !important;
}

/* Buchstaben-Überschrift: Akzentfarbe wie bei anderen Wikis */
.sgwh-archive .sgwh-letter-section__heading {
  font-size: .80rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--accent-color, #3CFFD0) !important;
  margin: 0 0 6px !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid var(--accent-color, #3CFFD0) !important;
}

/* Stadt-Überschrift (Venues/Events): gleicher Stil */
.sgwh-archive .sgwh-city-section .sgwh-letter-section__heading,
.sgwh-archive h3.sgwh-letter-section__heading {
  color: var(--accent-color, #3CFFD0) !important;
  font-size: .75rem !important;
  border-bottom-color: var(--accent-color, #3CFFD0) !important;
}

/* 2-Spalten-Layout für Städte in Venues/Events */
.sgwh-archive .sgwh-city-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0 40px !important;
}

/* Name-Liste: einfach untereinander */
.sgwh-archive .sgwh-wcard-grid {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 12px !important;
}
.sgwh-archive .sgwh-wcard-grid li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

@media (max-width: 680px) {
  .sgwh-bucket-row,
  .sgwh-archive .sgwh-city-grid {
    grid-template-columns: 1fr !important;
  }
  .sgwh-archive .sgwh-wcard__name { font-size: .84rem !important; }
}

/* Archive H1: deutlich kleiner */
.sgwh-archive .sgwh-archive-h1 {
  font-size: clamp(.95rem, 1.8vw, 1.25rem) !important;
  margin-bottom: 14px !important;
  margin-top: 4px !important;
}
.sgwh-archive .sgwh-archive-h1__prefix {
  display: block !important;
  font-size: .72em !important;
  font-weight: 400 !important;
  color: var(--text-dim, rgba(255,255,255,.5)) !important;
  letter-spacing: .04em !important;
  margin-bottom: 1px !important;
}

/* Suchfeld Placeholder: lesbar auf Desktop + Mobil */
.sgwh-archive .sgwh-archive-filter::placeholder,
.sgwh-archive input.sgwh-archive-filter::placeholder,
.sgwh-archive-filter::placeholder,
input.sgwh-archive-filter::placeholder,
#sgwh-artist-filter::placeholder,
#sgwh-event-filter::placeholder,
.sgwh-archive-filter--venue::placeholder {
  color: rgba(255,255,255,.65) !important;
  opacity: 1 !important;
}

/* Placeholder auch für Webkit explizit */
.sgwh-archive .sgwh-archive-filter::-webkit-input-placeholder,
.sgwh-archive-filter::-webkit-input-placeholder,
#sgwh-artist-filter::-webkit-input-placeholder,
#sgwh-event-filter::-webkit-input-placeholder,
.sgwh-archive-filter--venue::-webkit-input-placeholder {
  color: rgba(255,255,255,.65) !important;
  opacity: 1 !important;
}


.sgwh-venue-factstrip-wrap {
  position: relative;
  overflow: hidden;
}
/* Pfeil-Zeile UNTER dem Streifen: ← links, → rechts mit je einer Linie daneben */
.sgwh-strip-arrow-row {
  display: none;  /* shown via JS only when strip actually overflows AND on mobile */
  justify-content: space-between;
  align-items: center;
  margin-top: 2px;
  padding: 0 2px;
  height: 12px;
}
@media (max-width: 700px) {
  .sgwh-strip-arrow-row.is-visible {
    display: flex;
  }
}
/* Pfeil-Buttons: leer, Pfeil+Linie komplett per CSS */
.sgwh-strip-arrow {
  display: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 36px;
  height: 12px;
  position: relative;
  flex-shrink: 0;
}
.sgwh-strip-arrow:not([hidden]) { display: inline-block; }
/* Die Linie */
.sgwh-strip-arrow::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px;
  right: 6px;
  height: 1px;
  background: rgba(255,255,255,.3);
  transform: translateY(-50%);
  transition: background .18s;
}
/* Der Pfeil links: kleines Dreieck an der Spitze */
.sgwh-strip-arrow--left::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-left: 1px solid rgba(255,255,255,.3);
  border-bottom: 1px solid rgba(255,255,255,.3);
  transition: border-color .18s;
}
.sgwh-strip-arrow--right::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-right: 1px solid rgba(255,255,255,.3);
  border-top: 1px solid rgba(255,255,255,.3);
  transition: border-color .18s;
}
.sgwh-strip-arrow:hover::before { background: rgba(255,255,255,.6); }
.sgwh-strip-arrow--left:hover::after,
.sgwh-strip-arrow--right:hover::after { border-color: rgba(255,255,255,.6); }

/* Links in Besuchsinfos/Notizen (itemdrop etc.):
   Gleicher Look wie Hero-Links — weiß, sichtbare dünne Linie, Akzent-Linie bei Hover */
body.single-sg_wiki_hub .sgwh-travel-copy a,
body.single-sg_wiki_hub .sgwh-travel-note a,
body.single-sg_wiki_hub .sgwh-travel-rich a,
body.single-sg_wiki_hub .sgwh-visit-list a,
body.single-sg_wiki_hub .sgwh-info-card__value a {
  color: rgba(255,255,255,.85) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.28) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  background-image: linear-gradient(var(--accent-color, #3CFFD0), var(--accent-color, #3CFFD0)) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 2px !important;
  transition: background-size .3s ease-out, text-decoration-color .2s !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
}
body.single-sg_wiki_hub .sgwh-travel-copy a:hover,
body.single-sg_wiki_hub .sgwh-travel-note a:hover,
body.single-sg_wiki_hub .sgwh-travel-rich a:hover,
body.single-sg_wiki_hub .sgwh-visit-list a:hover,
body.single-sg_wiki_hub .sgwh-info-card__value a:hover {
  background-size: 100% 2px !important;
  text-decoration-color: transparent !important;
  color: #fff !important;
}


/* ---------------------------------------------------------
   Bandmitglieder: Projektlinks wie Hero-Links stylen
   --------------------------------------------------------- */
body.single-sg_wiki_hub .sgwh-member__project-list a {
  color: rgba(255,255,255,.85) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.28) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
  background-image: linear-gradient(var(--accent-color, #3CFFD0), var(--accent-color, #3CFFD0)) !important;
  background-repeat: no-repeat !important;
  background-position: 0 100% !important;
  background-size: 0 2px !important;
  transition: background-size .3s ease-out, text-decoration-color .2s !important;
  font-size: inherit !important;
}
body.single-sg_wiki_hub .sgwh-member__project-list a:hover,
body.single-sg_wiki_hub .sgwh-member__project-list a:focus {
  text-decoration-color: transparent !important;
  background-size: 100% 2px !important;
  color: #fff !important;
}


/* ── Ausgaben: Abstand zwischen Sektions-H2 und Gruppen-H3 ─ */
body.single-sg_wiki_hub .sgwh-editions-section > .sgwh-section-title,
body.single-sgwh .sgwh-editions-section > .sgwh-section-title {
  margin-bottom: 4px !important;
}
body.single-sg_wiki_hub .sgwh-editions-group-title:first-of-type,
body.single-sgwh .sgwh-editions-group-title:first-of-type {
  margin-top: 6px !important;
}

/* ── Quellen: vollständige eigenständige Styles ──────────── */
body.single-sg_wiki_hub .sgwh-sources-details,
body.single-sgwh .sgwh-sources-details {
  margin-top: 14px;
  border-top: 1px solid rgba(255,255,255,.07);
  padding-top: 10px;
}
body.single-sg_wiki_hub .sgwh-sources-summary,
body.single-sgwh .sgwh-sources-summary {
  cursor: pointer;
  list-style: none !important;
  display: flex !important;
  align-items: center;
  gap: 6px;
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  user-select: none;
}
body.single-sg_wiki_hub .sgwh-sources-summary::-webkit-details-marker,
body.single-sgwh .sgwh-sources-summary::-webkit-details-marker { display: none; }
body.single-sg_wiki_hub .sgwh-sources-summary::marker,
body.single-sgwh .sgwh-sources-summary::marker { display: none; }
body.single-sg_wiki_hub .sgwh-sources-summary__icon,
body.single-sgwh .sgwh-sources-summary__icon {
  font-size: .85em;
  display: inline-block;
  transition: transform .15s;
  color: rgba(255,255,255,.45);
}
body.single-sg_wiki_hub .sgwh-sources-details[open] .sgwh-sources-summary__icon,
body.single-sgwh .sgwh-sources-details[open] .sgwh-sources-summary__icon {
  transform: rotate(90deg);
}

/* Numbered list – layout matches blog post Quellen */
body.single-sg_wiki_hub .sgwh-sources-list,
body.single-sgwh .sgwh-sources-list {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  counter-reset: sgwh-src !important;
}
body.single-sg_wiki_hub .sgwh-source-item,
body.single-sgwh .sgwh-source-item {
  counter-increment: sgwh-src;
  display: grid !important;
  grid-template-columns: 2.2em 1fr !important;
  column-gap: 1em !important;
  align-items: baseline !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  color: rgba(255,255,255,.52) !important;
  font-size: .8rem !important;
  line-height: 1.45 !important;
}
body.single-sg_wiki_hub .sgwh-source-item::before,
body.single-sgwh .sgwh-source-item::before {
  content: counter(sgwh-src) !important;
  color: rgba(255,255,255,.35) !important;
  font-size: .78rem !important;
  text-align: right !important;
  padding-top: 1px !important;
}

/* Link */
body.single-sg_wiki_hub .sgwh-source-link,
body.single-sgwh .sgwh-source-link {
  color: rgba(255,255,255,.75) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.3) !important;
  text-underline-offset: 2px !important;
  background: none !important;
  box-shadow: none !important;
  word-break: break-all !important;
  transition: color .15s, text-decoration-color .15s !important;
}
body.single-sg_wiki_hub .sgwh-source-link:hover,
body.single-sgwh .sgwh-source-link:hover {
  color: #fff !important;
  text-decoration-color: rgba(255,255,255,.6) !important;
}
body.single-sg_wiki_hub .sgwh-source-label,
body.single-sgwh .sgwh-source-label {
  color: rgba(255,255,255,.6) !important;
}
body.single-sg_wiki_hub .sgwh-source-date,
body.single-sgwh .sgwh-source-date {
  margin-left: 5px !important;
  font-size: .75rem !important;
  color: rgba(255,255,255,.32) !important;
  white-space: nowrap !important;
}
body.single-sg_wiki_hub .sgwh-source-note,
body.single-sgwh .sgwh-source-note {
  display: block !important;
  grid-column: 2 !important;
  color: rgba(255,255,255,.38) !important;
  margin-top: 1px !important;
  font-size: .75rem !important;
}

/* ── Quellen-Links: meta-footer-Reset überschreiben ─────── */
/* .sgwh-meta-footer * { background-image:none !important } aus frontend.css
   tötet Underlines und Farben – wir überschreiben das gezielt. */
body.single-sg_wiki_hub .sgwh-meta-footer .sgwh-source-link,
body.single-sgwh .sgwh-meta-footer .sgwh-source-link {
  color: rgba(255,255,255,.75) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255,255,255,.3) !important;
  text-underline-offset: 2px !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  transition: color .15s, text-decoration-color .15s !important;
}
body.single-sg_wiki_hub .sgwh-meta-footer .sgwh-source-link:hover,
body.single-sgwh .sgwh-meta-footer .sgwh-source-link:hover {
  color: #fff !important;
  text-decoration-color: rgba(255,255,255,.6) !important;
  background: none !important;
  background-image: none !important;
}
body.single-sg_wiki_hub .sgwh-meta-footer .sgwh-source-date,
body.single-sgwh .sgwh-meta-footer .sgwh-source-date {
  color: rgba(255,255,255,.32) !important;
  background: none !important;
  background-image: none !important;
}
body.single-sg_wiki_hub .sgwh-meta-footer .sgwh-source-item,
body.single-sgwh .sgwh-meta-footer .sgwh-source-item {
  background: none !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
}


/* ── Bandmitglieder: 4. Karte abschneiden ───────────────── */
/* sgwh-members-wrap hat overflow:visible !important im Plugin-CSS –
   wir überschreiben es mit overflow-x:clip (kein Scroll-Container,
   absolute Buttons bleiben sichtbar, nur horizontaler Überlauf wird
   abgeschnitten). */
@media (min-width: 701px) {
  body.single-sg_wiki_hub .sgwh-members-wrap,
  body.single-sgwh .sgwh-members-wrap {
    overflow-x: clip !important;
    padding-right: 2px !important;
  }
  /* Karten minimal schmaler damit rechte Border sauber sichtbar bleibt */
  body.single-sg_wiki_hub .sgwh-member-carousel .sgwh-member-grid > .sgwh-member-card,
  body.single-sgwh .sgwh-member-carousel .sgwh-member-grid > .sgwh-member-card {
    flex: 0 0 calc((100% - 34px) / 3) !important;
    width: calc((100% - 34px) / 3) !important;
    min-width: calc((100% - 34px) / 3) !important;
    max-width: calc((100% - 34px) / 3) !important;
  }
}

/* ── Bandmitglieder: Abstände ───────────────────────────── */
/* Gap des Grid-Wrappers auf 4px reduzieren → eng wie im Screenshot */
body.single-sg_wiki_hub .sgwh-members-wrap,
body.single-sgwh .sgwh-members-wrap {
  gap: 4px !important;
}
/* Mehr Abstand zwischen den Gruppen (aktuelle → ehemalige) */
body.single-sg_wiki_hub .sgwh-members-group + .sgwh-members-group,
body.single-sgwh .sgwh-members-group + .sgwh-members-group {
  margin-top: 28px !important;
}