/* Beta-Phase (17.09.2026, Kai: "30 Tage kostenlos testen, schoen prominent, als Beta-Phase
   ankuendigen"). Ein Band ueber dem Kopf aller Marketingseiten plus die Pille im Hero.
   Eigene Datei: Zeile aus der Huelle entfernen, und die Beta ist weg - ohne Rueckbau. */

.mk-beta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.6rem var(--mk2-rand, 24px);
  background: var(--color-accent-700, #0e5f8f);
  color: #fff;
  text-decoration: none;
  font-size: 0.95rem;
  line-height: 1.35;
}
.mk-beta:hover,
.mk-beta:focus-visible { background: var(--color-accent, #1f8fce); color: #fff; text-decoration: none; }
.mk-beta b { font-weight: 700; }
.mk-beta-text { text-align: center; }
.mk-beta-pfeil { white-space: nowrap; opacity: 0.9; font-weight: 600; }

.mk-beta-pille {
  display: inline-block;
  padding: 0.18rem 0.65rem;
  border-radius: 999px;
  background: #f2b632;
  color: #1a1a1a;
  font-weight: 800;
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1.4;
  vertical-align: middle;
}

.mk-beta-kicker { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; }

@media (max-width: 720px) {
  .mk-beta { font-size: 0.88rem; gap: 0.5rem; }
  .mk-beta-pfeil { display: none; }
}