/* Ausstattung neben dem Cookie-Banner (Banner selbst: website_lieferung/cookie_banner.py, cookieconsent 3.1.0):
   Rahmen für Zwei-Klick-Karten und WhatsApp-Knopf. */
.ew-einbettung { position: relative; display: grid; place-content: center; gap: 12px; text-align: center; min-height: 280px; padding: 24px;
  border-radius: var(--cb-radius, 16px); background: var(--eb-grund, rgba(127, 127, 127, .08)); border: 1px solid var(--cb-linie, #ccd); overflow: hidden; }
.ew-einbettung p { margin: 0 auto; max-width: 42ch; font-size: 15px; color: var(--cb-neben, #444); }
.ew-einbettung[data-geladen] > :not(iframe) { display: none; }
.ew-einbettung iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ew-einbettung button { justify-self: center; }

.ew-whatsapp { position: fixed; z-index: 30; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom));
  display: inline-flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 18px 0 14px; border-radius: 999px;
  background: #0b5d3b; color: #fff; text-decoration: none; font-weight: 650; box-shadow: 0 10px 30px rgba(5, 40, 25, .35);
  transition: transform 160ms cubic-bezier(.23, 1, .32, 1); }
.ew-whatsapp:active { transform: scale(.96); }
.ew-whatsapp svg { width: 24px; height: 24px; flex: none; }

.ew-whatsapp { width: 56px; height: 56px; min-height: 56px; padding: 0; justify-content: center; }
.ew-whatsapp span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ew-whatsapp svg { width: 28px; height: 28px; }
.ew-einbettung[hidden] { display: none; }

/* Zwei-Klick-Platzhalter des Moduls ([data-zwei-klick]) füllt den Rahmen; nach dem Laden ersetzt ein iframe den Platzhalter */
.ew-einbettung { padding: 0; display: block; }
.ew-einbettung > [data-zwei-klick], .ew-einbettung > .zwei-klick { min-height: inherit; height: 100%; display: grid; place-content: center; gap: 12px; text-align: center; padding: 24px; border: 0; background: transparent; }
.ew-einbettung > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }