/* OneQrew v7 — Button Group (buttons). Reine Aktionszeile, nutzt die
   geteilten Button-Klassen aus kern.css (oq-inhalt__btn*) — hier nur der
   Zeilenrahmen. Aenderungen immer auch in buttons.min.css. */

.oq-v7 .oq-buttons {
  background: var(--oq-farbe-flaeche);
  padding-block: clamp(20px, 2.4vw, 32px);
}

.oq-v7 .oq-buttons.variant-dark,
.oq-v7 .oq-buttons.variant-dark-alt {
  --oq-farbe-flaeche: var(--oq-farbe-dunkel);
  --oq-farbe-text: var(--oq-farbe-dunkel-text);
}

.oq-v7 .oq-buttons.variant-neutral,
.oq-v7 .oq-buttons.variant-neutral-alt {
  --oq-farbe-flaeche: var(--oq-farbe-flaeche-alt);
}

.oq-v7 .oq-buttons.variant-branded,
.oq-v7 .oq-buttons.variant-branded-alt {
  --oq-farbe-flaeche: var(--oq-farbe-marke);
  --oq-farbe-text: var(--oq-farbe-marke-kontrast);
}

.oq-v7 .oq-buttons__in {
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: clamp(20px, 4vw, 56px);
}

.oq-v7 .oq-buttons__reihe {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}