/* Hörner Consent: Markenfarben wie im Blog (Astro-Site CookieBanner), Schrift vom Shop-Theme. */
#cc-main {
  --cc-font-family: inherit;
  --cc-bg: #FFFFFF;
  --cc-primary-color: #212123;
  --cc-secondary-color: #5F5F5F;
  --cc-btn-primary-bg: #9E8235;
  --cc-btn-primary-color: #FFFFFF;
  --cc-btn-primary-border-color: #9E8235;
  --cc-btn-primary-hover-bg: #7E681B;
  --cc-btn-primary-hover-color: #FFFFFF;
  --cc-btn-primary-hover-border-color: #7E681B;
  --cc-btn-secondary-bg: #F4F1EA;
  --cc-btn-secondary-color: #212123;
  --cc-btn-secondary-border-color: #F4F1EA;
  --cc-btn-secondary-hover-bg: #E8E2D3;
  --cc-btn-secondary-hover-color: #212123;
  --cc-btn-secondary-hover-border-color: #E8E2D3;
  --cc-cookie-category-block-bg: #F9F6F1;
  --cc-cookie-category-block-border: #E8E2D3;
  --cc-cookie-category-block-hover-bg: #F4F1EA;
  --cc-cookie-category-block-hover-border: #E8E2D3;
  --cc-toggle-readonly-bg: #BFBAB2;
  --cc-toggle-on-knob-bg: #FFFFFF;
  --cc-toggle-on-bg: #9E8235;
  --cc-toggle-off-bg: #8A857D;
  --cc-section-category-border: #E8E2D3;
  --cc-separator-border-color: #E8E2D3;
  --cc-overlay-bg: rgba(33, 33, 35, 0.45);
  --cc-link-color: #7E681B;
  --cc-modal-border-radius: 4px;
  --cc-btn-border-radius: 2px;
  --cc-z-index: 2147483000;
  font-family: inherit;
}

#cc-main .cm,
#cc-main .pm {
  box-shadow: 0 18px 48px -12px rgba(33, 33, 35, 0.30);
}

#cc-main .cm__btn,
#cc-main .pm__btn {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  border-radius: 2px;
  min-height: 44px;
}

#cc-main a {
  text-decoration: underline;
}

#cc-main .cm__btn:focus-visible,
#cc-main .pm__btn:focus-visible,
#cc-main a:focus-visible,
#cc-main .section__toggle:focus-visible + .toggle__icon {
  outline: 2px solid #212123;
  outline-offset: 2px;
}

#cc-main .hc-id {
  margin: 1em 0 0;
  font-size: 12px;
  color: #5F5F5F;
  word-break: break-all;
}

/* Platzhalter der Händlerkarte, solange "Externe Medien" nicht erlaubt ist */
.wpsl-gmap-canvas {
  position: relative;
}

.hc-karte {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  padding: 1.5em;
  background: #F9F6F1;
  border: 1px solid #E8E2D3;
  color: #212123;
  text-align: center;
}

.hc-karte p {
  max-width: 34em;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.hc-karte__knopf {
  min-height: 44px;
  padding: 0 1.4em;
  margin: 0;
  border: 1px solid #9E8235;
  border-radius: 2px;
  background: #9E8235;
  color: #FFFFFF;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
}

.hc-karte__knopf:hover {
  background: #7E681B;
  border-color: #7E681B;
}

.hc-karte__knopf:focus-visible {
  outline: 2px solid #212123;
  outline-offset: 2px;
}

/* Ersatz-Link, wenn eine Seite keinen Footer-Link "Cookie-Einstellungen" hat */
.hc-ersatzlink {
  margin: 0;
  padding: 1em 1.5em;
  text-align: center;
  font-size: 13px;
}

.hc-ersatzlink a {
  color: #5F5F5F;
  text-decoration: underline;
}

/* Pflichtpunkt 1: Akzeptieren und Ablehnen exakt gleich breit (der Abstand der Vorlage
   als margin-left verkleinerte den zweiten Knopf um 6 px). */
@media screen and (min-width: 641px) {
  #cc-main .cm--inline .cm__btn-group {
    column-gap: .375rem;
  }
  #cc-main .cm--inline .cm__btn + .cm__btn {
    margin-left: 0;
  }
}

/* Flache Leiste (cloud, ab 640 px): cookieconsent begrenzt den Text auf 9,4em und lässt den Rest
   scrollen. Damit verschwanden live auf FR/ES (ab 1366 px) und DE (800 px) die Sätze zu USA und
   Widerruf hinter einem Scrollbereich. Der ganze Text bleibt sichtbar; Deckel nur für sehr niedrige Fenster. */
#cc-main .cm--cloud .cm__desc {
  max-height: 45vh;
}