/* MKH overrides – only in webseite/; theme/ stays untouched */

/* Katalog-Akzent (ersetzt Decord-Primary #fe483b / rgb(254,72,59)) */
:root {
  --mkh-accent: rgb(234, 100, 12); /* #ea640c – Logo-/Cover-Orange */
  --mkh-accent-hover: #c4530a;
  --mkh-blue: rgb(58, 85, 158); /* #3a559e – Katalog-Überschriften */
}

#mkh-wire-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #2c343b;
  color: #fff;
  padding: 6px 12px;
  font-size: 12px;
  text-align: center;
  font-family: sans-serif;
}

#mkh-wire-banner,
#mkh-wire-banner-0820 {
  display: none;
}

body.mkh {
  padding-top: 0;
}

.mkh .brand img,
.mkh .brand-logo-mkh {
  filter: none !important;
  max-height: 56px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

.mkh .footer-classic .brand img {
  max-height: 64px !important;
}

/* Decord: red + overlay only permanent without .desktop – hide until hover */
.mkh .product .product-media::before {
  opacity: 0 !important;
  transform: scale(0.5);
  transition: 0.25s;
}

.mkh .product .product-media:hover::before {
  opacity: 1 !important;
  transform: scale(1);
}

/* Option A – Print lockup (logo + Baro-Titel) as image */
.mkh-hero-print {
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.mkh-print-lockup,
.mkh-logo-mark,
.mkh-title-mark {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.mkh-logo-mark {
  max-width: 28rem;
}

.mkh-title-mark {
  max-width: 52rem;
  margin-top: 0;
}

.mkh-hero-meta {
  margin-top: 1.75rem;
  font-family: Roboto, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #767676;
}

/* a11y: text h1 for SEO/SR when title is in the image */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Sponsoren page + grid */
.mkh-page-sponsoren {
  padding-top: 6rem;
}

.mkh-page-title {
  margin-bottom: 0.75rem;
}

.mkh-page-lead {
  margin-bottom: 2.5rem;
  max-width: 36rem;
}

/* Sponsoren: Isotope masonry (wie Decord-Galerie), ohne Hover */
.mkh-sponsors {
  margin-top: 1.5rem;
}

.mkh-sponsors .product-media::before,
.mkh-sponsors .product-media:hover::before {
  content: none !important;
  opacity: 0 !important;
  display: none !important;
}

.mkh-sponsors-product {
  margin-bottom: 0;
}

.mkh-sponsors-media {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 1.25rem;
  pointer-events: auto;
}

.mkh-sponsors-media .product-img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 8rem;
  object-fit: contain;
}

.mkh-sponsors-media--wide .product-img {
  max-height: 11rem;
}

/* Eggert + Orthopädie: 4er-Spalte, etwas höher (ilka 14.09.) */
.mkh-sponsors-media--taller .product-img {
  max-height: 10rem;
}

/* Decord .product-media img { z-index: -1 } unter 480px – Logos sonst hinter dem Weiß */
@media (max-width: 479.98px) {
  .mkh-sponsors .product-media {
    height: auto;
    overflow: visible;
  }

  .mkh-sponsors .product-media img {
    position: static;
    left: auto;
    top: auto;
    z-index: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    transform: none;
  }
}

.mkh-sponsors-text {
  margin-top: 2rem;
  text-align: center;
  letter-spacing: 0.04em;
  color: #333;
}

.mkh-sponsors-empty {
  color: #767676;
}