/* Sticky Button-Leiste im Booking (damit "Weiter" nicht abgeschnitten wird) */
.command-buttons{
  position: sticky;
  bottom: 0;
  z-index: 9999;
  background: inherit;
  padding: 12px 0 calc(12px + env(safe-area-inset-bottom));
}

/* Falls irgendwo ein Container sticky kaputtmacht */
#book-appointment, #booking-page, body{
  overflow: visible !important;
}









/* Nur wenn im iFrame eingebettet */
.ea-embed body{
  background: #fff7ed !important;  /* <- dein Beige (ggf. anpassen) */
}

/* Der Hauptbereich soll volle Breite nutzen, aber ohne seitliche "Gassen" */
.ea-embed .container,
.ea-embed .container-fluid{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  background: transparent !important;
}

/* Entfernt die typischen weißen "Boxen" / Cards, falls vorhanden */
.ea-embed .card,
.ea-embed .panel{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Auf kleinen Screens etwas weniger Padding */
@media (max-width: 768px){
  .ea-embed .container,
  .ea-embed .container-fluid{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}