/* index_0820.html only – do not load on index.html */

#mkh-wire-banner-0820 {
  position: sticky;
  top: 0;
  z-index: 10050;
  background: #111;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
  padding: 0.4rem 0.75rem;
}

.mkh-0820-lang .is-active {
  color: #ea640c;
  text-decoration: none;
  pointer-events: none;
}

.widget a.link-inherit.is-active {
  color: #ea640c;
  font-weight: 600;
  pointer-events: none;
}

/* Katalog-Orange für Akzent-Text (Fußnoten, Untertitel, …) */
.color-akzent {
  color: var(--mkh-accent, #ea640c);
}

/* Katalog-Blau für Überschriften / Titelzeilen */
.color-blau {
  color: var(--mkh-blue, #3a559e);
}

/* Tabellen: gleiche Farbe wie Fließtext (Bootstrap .table = #212529) */
.mkh-0820 .table {
  --bs-table-color: inherit;
  --bs-table-striped-color: inherit;
  --bs-table-active-color: inherit;
  --bs-table-hover-color: inherit;
  color: inherit;
  font-weight: inherit;
}

.mkh-0820 .table > :not(caption) > * > * {
  color: inherit;
}

/* Ausstellung- + Künstlerinnen-News: Titel Katalog-Blau */
#ausstellung .post-title,
#ausstellung .post-title a,
#kuenstlerinnen .post-title,
#kuenstlerinnen .post-title a,
#beutler .post-title,
#skulpturenpfad .post-title {
  color: var(--mkh-blue, #3a559e);
  /* Theme-h4: 0.2em / 0.4em — zu weit für Komposita (Pfeffermühlengeschichten) */
  letter-spacing: 0.04em;
  overflow-wrap: break-word;
}

#ausstellung .post-title a:hover,
#kuenstlerinnen .post-title a:hover {
  color: var(--mkh-accent, #ea640c);
}

#ausstellung .author {
  color: var(--mkh-blue, #3a559e);
  min-height: 1.5em;
  line-height: 1.5;
}

#ausstellung * + .author {
  margin-top: 14px;
}

/* Startseite: Fließtext Katalog-Blau (nicht Header, Cover, Footer) */
body.mkh-home .page > .section:not(.page-header):not(.cover):not(.footer-classic) {
  color: var(--mkh-blue, #3a559e);
}

/* Startseite: Abschnitts-H3 (nur Klassen in index.html) */
.mkh-home-heading {
  color: var(--mkh-blue, #3a559e);
  font-size: clamp(1.5rem, 2.2vw, 1.85rem);
  line-height: 1.2;
  letter-spacing: 0.08em;
  margin-bottom: 0;
  scroll-margin-top: 6.5rem;
}

/* Beutler / Hinz: gleiche Schriftgröße wie Namen im Künstlerinnen-Grid, ohne Linie */
#beutler .post-title,
#skulpturenpfad .post-title {
  margin-top: 0;
  margin-bottom: 1.25rem;
  scroll-margin-top: 6.5rem;
}

.mkh-home-rule {
  margin: 0.75rem 0 0;
  border: 0;
  border-top: 1.5px solid var(--mkh-blue, #3a559e);
  width: 70%;
  opacity: 1;
}

.mkh-home-rule + .isotope-wrap {
  margin-top: 41.5px;
}

.mkh-home-rule + .mkh-0820-artist-meta,
.mkh-home-rule + .row,
.mkh-home-rule + p {
  margin-top: 1.25rem;
}

#ausstellung * + .post-title,
#kuenstlerinnen * + .post-title {
  margin-top: 0.75rem;
}

#kuenstlerinnen .post-media img {
  width: 100%;
  height: auto;
}

/* Theme: unter 480px .post-media auf 240px + Zoom — Werke nicht beschneiden */
@media (max-width: 479.98px) {
  #ausstellung .post-media,
  #kuenstlerinnen .post-media {
    height: auto;
  }

  #ausstellung .post-media img,
  #kuenstlerinnen .post-media img {
    position: static;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    transform: none;
  }

  #ausstellung .post-media:hover .post-img,
  #kuenstlerinnen .post-media:hover .post-img {
    opacity: 1;
    transform: none;
  }
}

.mkh-isotope-row-break {
  width: 100% !important;
  height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* Teaser + Mehr */
.mkh-0820-textblock {
  margin-bottom: 2.5rem;
}

.mkh-0820-textblock-title {
  margin-bottom: 1rem;
  scroll-margin-top: 6.5rem;
}

.mkh-0820-cite {
  font-style: italic;
  color: #888;
}

.mkh-0820-signature {
  margin-top: 1.5rem;
  font-size: 0.95rem;
  line-height: 1.5;
}

.mkh-0820-mehr-wrap {
  margin-top: 0.75rem;
  margin-bottom: 0;
}

.mkh-0820-textblock:has(.mkh-0820-mehr-body.show) .mkh-0820-mehr-wrap:has(.mkh-0820-mehr),
.mkh-0820-textblock:has(.mkh-0820-mehr-body.collapsing) .mkh-0820-mehr-wrap:has(.mkh-0820-mehr) {
  display: none;
}

.mkh-0820-mehr,
.mkh-0820-weniger,
#ausstellung .post-btn.link-btn {
  border: 0;
  background: none;
  padding: 0;
  cursor: pointer;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.mkh-0820-mehr {
  scroll-margin-top: 6.5rem;
}

.mkh-0820-mehr-body {
  margin-top: 1rem;
}

.mkh-0820-mehr-body.is-open,
.mkh-0820-mehr[aria-expanded="true"] {
  /* label swap handled in JS */
}

/* Künstlerinnen: list left (lg+) / top (mobile) */
.mkh-0820-artists {
  position: relative;
}

.mkh-0820-artist-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 2rem;
}

.mkh-0820-artist-nav a {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 500;
  color: #151515;
  padding: 0.35rem 0;
  text-decoration: none;
}

.mkh-0820-artist-nav a:hover,
.mkh-0820-artist-nav a.is-active {
  color: #ea640c;
}

@media (min-width: 992px) {
  .mkh-0820-artists-layout {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
  }

  .mkh-0820-artist-nav-wrap {
    flex: 0 0 220px;
    position: sticky;
    top: 6rem;
  }

  .mkh-0820-artist-nav {
    margin-bottom: 0;
  }

  .mkh-0820-artist-list {
    flex: 1;
    min-width: 0;
  }
}

.mkh-0820-artist {
  padding-bottom: 3rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #e5e5e5;
}

.mkh-0820-artist:last-child {
  border-bottom: 0;
}

.mkh-0820-artist-meta {
  color: #999;
  font-style: italic;
  margin-bottom: 1rem;
}

.mkh-0820-artist-media {
  margin: 1.25rem 0;
}

.mkh-0820-artist-media img {
  width: 100%;
  height: auto;
  max-height: 36rem;
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 767.98px) {
  .mkh-0820-portrait-media {
    overflow: hidden;
  }

  .mkh-0820-portrait-media img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center 20%;
  }
}

/* Ort two-col */
.mkh-0820-ort-img img {
  width: 100%;
  height: auto;
}

/* Katalog footer tile */
.mkh-0820-katalog-tile {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  margin-top: 1.5rem;
  color: inherit;
  text-decoration: none;
}

.mkh-0820-katalog-tile img {
  width: 140px;
  height: auto;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
}

.mkh-0820-pfad-list {
  margin-top: 1rem;
}

.mkh-0820-pfad-karte {
  display: block;
}

.mkh-0820-pfad-karte img {
  width: 80%;
  height: auto;
}

.mkh-0820-pfad-pdf {
  margin-top: 0.85rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
}

@media (min-width: 768px) {
  .mkh-0820-pfad-media {
    padding-top: 2rem;
  }

  .mkh-0820-pfad-karte img {
    width: 72%;
  }
}

.mkh-0820-note {
  font-size: 0.875rem;
  color: #888;
}

@media (max-width: 767.98px) {
  #partner .image-left {
    float: none;
    display: block;
    max-width: 12rem;
    width: auto;
    height: auto;
    margin: 0 0 1rem;
  }
}

.mkh-partner-kuratorium {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.75rem 1.25rem;
  padding-bottom: 3rem;
}

.mkh-partner-kuratorium img {
  display: block;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  max-width: 12rem;
}

@media (max-width: 767.98px) {
  .mkh-partner-kuratorium {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}