/* Einheitlicher Partner-/Logo-Bereich für alle Seiten */
.partner-band {
  background: #fff;
  border-top: 1px solid rgba(68, 68, 68, .08);
  border-bottom: 1px solid rgba(68, 68, 68, .08);
  margin-top: .75rem;
}

.partner-band-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 1rem 3rem 1.1rem;
}

.partner-band h2 {
  color: var(--color-dark);
  font-size: .95rem;
  font-weight: 400;
  margin: 0 0 .65rem;
}

/* Desktop: alle 12 Logos in exakt einer Reihe */
.partner-logos {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: .58rem;
  align-items: center;
}

.partner-wordmark,
.partner-logos::before,
.partner-logos::after {
  min-width: 0;
  min-height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #333;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.05;
  overflow: visible;
}

.partner-wordmark small {
  display: block;
  font-size: .5rem;
  line-height: 1.1;
  font-weight: 600;
}

.partner-logo-img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.partner-logo-dosb { max-height: 44px; }
.partner-logo-deloitte { max-height: 28px; max-width: 100px; }
.partner-logo-fes { max-height: 28px; max-width: 96px; }
.partner-logo-ccjd { max-height: 50px; max-width: 108px; }

/* Echte Partnerlogos für die Freigabe-Vorschau */
.partner-wordmark.dsj,
.partner-wordmark.db,
.partner-wordmark.special,
.partner-wordmark.djk,
.partner-wordmark.zweitzeugen,
.partner-wordmark.makkabi {
  font-size: 0 !important;
  color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  border: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

.partner-wordmark.dsj small,
.partner-wordmark.special small,
.partner-wordmark.djk small,
.partner-wordmark.makkabi small {
  display: none !important;
}

.partner-wordmark.dsj {
  background-image: url("https://commons.wikimedia.org/wiki/Special:Redirect/file/Logo_Deutsche_Sportjugend.svg");
  background-size: 104px auto !important;
}

.partner-wordmark.db {
  background-image: url("https://assets.static-bahn.de/dam/jcr:47b6ca20-95d9-4102-bc5a-6ebb5634f009/db-logo.svg");
  background-size: 48px auto !important;
}

.partner-wordmark.special {
  background-image: url("https://specialolympics.de/typo3conf/ext/thprovider/Resources/Public/Images/SOD-Logo.svg");
  background-size: 92px auto !important;
}

.partner-wordmark.djk {
  background-image: url("https://www.djk.de/_cache/downloads/1275-171c6440bc/cms/DJK-CD/Logo/djk-logo_mit_schrift.png");
  background-size: 92px auto !important;
}

.partner-wordmark.zweitzeugen {
  background-image: url("https://lwl-sozialstiftung.de/wp-content/uploads/2021/06/RZ_Zweitzeugen_Logo_lang_Pfade_UnterzeileGeschichte_gold1.jpg");
  background-size: 112px auto !important;
}

.partner-wordmark.makkabi {
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/f/f6/Makkabi_Deutschland_Logo.svg");
  background-size: 52px auto !important;
}

/* BuNT 2026 ist das 11. Element */
.partner-logos::after {
  content: "";
  width: 100%;
  background-image: url("https://www.djk.de/_cache/images/cms/Events/BuNT/.80a6ae8c2f5bea2e0067c74884f3e84a/bunt-logo-4c-positiv.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 92px auto;
}

@media (max-width: 1023px) {
  .partner-logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Mobile: 3 Logos pro Zeile in dezenten, hellen Kacheln */
@media (max-width: 767px) {
  .partner-band-inner {
    padding: 1.15rem 1rem 1.25rem;
  }

  .partner-band h2 {
    margin-bottom: .9rem;
    font-size: .95rem;
  }

  .partner-logos {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .72rem;
    align-items: stretch;
  }

  .partner-wordmark,
  .partner-logos::before,
  .partner-logos::after {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: .7rem .55rem;
    border: 1px solid rgba(196, 125, 92, .10) !important;
    border-radius: 12px;
    background-color: #faf8f4 !important;
    background-origin: content-box !important;
    background-clip: padding-box !important;
  }

  .partner-logo-img {
    max-width: 86%;
    max-height: 42px;
  }

  .partner-logo-dosb { max-height: 44px; }
  .partner-logo-deloitte { max-height: 29px; max-width: 92%; }
  .partner-logo-fes { max-height: 23px; max-width: 88%; }
  .partner-logo-ccjd { max-height: 42px; max-width: 92%; }
}

@media (max-width: 390px) {
  .partner-band-inner {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .partner-logos {
    gap: .55rem;
  }

  .partner-wordmark,
  .partner-logos::before,
  .partner-logos::after {
    min-height: 80px !important;
    padding: .62rem .45rem;
  }
}

/* Desktop: gleiche sichtbare Abstände statt gleich breiter Logo-Zellen.
   Die individuellen Breiten folgen den Proportionen der Marken. */
@media (min-width: 1024px) {
  .partner-band .partner-logos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: clamp(16px, 1.5vw, 24px);
  }

  .partner-band .partner-logos > .partner-wordmark,
  .partner-band .partner-logos::before,
  .partner-band .partner-logos::after {
    box-sizing: border-box;
    flex: 0 1 var(--partner-width, 96px);
    width: var(--partner-width, 96px) !important;
    min-width: 0;
    max-width: var(--partner-width, 96px) !important;
    height: 64px;
    min-height: 64px;
    margin: 0 !important;
    padding: 0;
    align-self: center;
    background-size: contain !important;
    background-origin: content-box;
    overflow: visible;
  }

  .partner-band .partner-wordmark.dosb { --partner-width: 56px; }
  .partner-band .partner-wordmark.dsj { --partner-width: 100px; }
  .partner-band .partner-wordmark.deloitte { --partner-width: 100px; }
  .partner-band .partner-wordmark.db { --partner-width: 48px; }
  .partner-band .partner-wordmark.special { --partner-width: 96px; }
  .partner-band .partner-wordmark.djk { --partner-width: 76px; }
  .partner-band .partner-wordmark.zweitzeugen { --partner-width: 100px; }
  .partner-band .partner-wordmark.fes { --partner-width: 96px; }
  .partner-band .partner-wordmark.ccjd { --partner-width: 108px; }
  .partner-band .partner-wordmark.makkabi { --partner-width: 40px; }
  .partner-band .partner-logos::after { --partner-width: 96px; }

  .partner-band .partner-logos > .partner-wordmark > img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 56px;
    margin: 0;
    object-fit: contain;
    object-position: center;
  }
}

/* Neues Partnerlogo auf allen Seiten, nach BuNT in der bestehenden Leiste.
   Der Text bleibt als zugänglicher Name erhalten; das Original wird nur skaliert. */
.partner-band .partner-logos::before {
  content: "Nie wieder ist jetzt e.V.";
  --partner-width: 96px;
  order: 1;
  font-size: 0;
  color: transparent;
  background-image: url("nie-wieder-ist-jetzt-v1.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-blend-mode: multiply;
}