/* R&G Classics — Gestaltung des Einwilligungsbanners
 *
 * Bewusst mit Systemschriften gesetzt: Der Banner erscheint, bevor über
 * die Google-Schriften entschieden wurde, und darf deshalb selbst keine
 * externe Schrift brauchen.
 *
 * Beide Schaltflächen haben dieselbe Größe, dieselbe Schriftstärke und
 * denselben Kontrast. Die Ablehnung darf nicht schwerer zu finden sein
 * als die Zustimmung — sonst ist die Einwilligung nicht freiwillig.
 */

/* Noch nicht freigegebene externe Bilder: Platz bleibt reserviert,
   damit beim Nachladen nichts springt, aber das leere Kaestchen des
   Browsers wird nicht gezeigt. */
img[data-rg-src] {
  visibility: hidden;
}

#rg-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483000;
  padding: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#rg-consent .rg-consent-box {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 20px 24px;
  background: #0f2321;
  border: 1px solid #24413e;
  border-radius: 6px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

#rg-consent .rg-consent-text {
  flex: 1 1 auto;
  min-width: 0;
}

#rg-consent strong {
  display: block;
  margin-bottom: 6px;
  color: #f0ebe2;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

#rg-consent p {
  margin: 0;
  color: #b9c4c1;
  font-size: 13px;
  line-height: 1.55;
}

#rg-consent a {
  color: #c37c37;
  text-decoration: underline;
}

#rg-consent .rg-consent-tasten {
  flex: 0 0 auto;
  display: flex;
  gap: 12px;
}

/* Gleiche Maße und gleiches Gewicht für beide Schaltflächen. */
#rg-consent button {
  min-width: 190px;
  padding: 12px 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease;
}

#rg-consent button[data-rg="notwendig"] {
  background: transparent;
  border-color: #4a615d;
  color: #e8e2d9;
}

#rg-consent button[data-rg="notwendig"]:hover {
  background: #17302d;
  border-color: #6a827d;
}

#rg-consent button[data-rg="alle"] {
  background: #c37c37;
  color: #10201e;
}

#rg-consent button[data-rg="alle"]:hover {
  background: #d18f4d;
}

#rg-consent button:focus-visible {
  outline: 2px solid #e0a96d;
  outline-offset: 2px;
}

@media (max-width: 860px) {
  #rg-consent .rg-consent-box {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    padding: 18px;
  }

  #rg-consent .rg-consent-tasten {
    flex-direction: column;
  }

  #rg-consent button {
    width: 100%;
    min-width: 0;
  }
}