/* Start custom CSS for catalogbooking, class: .elementor-element-da98dd6 *//* Grid: 2-spaltig (Desktop/Tablet), 1-spaltig (mobil) */
#amelia-container .am-fcl {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 20px;
  justify-items: stretch;  /* Karten sollen die Spalte ausfüllen */
  align-items: stretch;
}

/* Karten dürfen nicht mehr schmaler sein als die Spalte */
#amelia-container .am-fcl__item {
  max-width: none !important;
  width: 100% !important;
  flex: initial !important;     /* evtl. gesetztes Flex-Layout neutralisieren */
  justify-self: stretch !important;
}

/* Innenleben auf volle Höhe ziehen (optional, für gleich hohe Karten) */
#amelia-container .am-fcl__item-inner,
#amelia-container .am-fcl__item-content {
  height: 100% !important;
  display: flex;
  flex-direction: column;
}

/* Mobil: 1 Spalte */
@media (max-width: 768px) {
  #amelia-container .am-fcl {
    grid-template-columns: 1fr !important;
  }
}



/* ===== Border-Radius komplett entfernen (Karten & Buttons) ===== */
#amelia-container .am-fcl__item-inner,
#amelia-container .am-fcl__item-content,
#amelia-container .am-fcl__item-hero,
#amelia-container .am-card,
#amelia-container .am-button {
  border-radius: 0 !important;
}

/* ===== Buttons: vertikales Padding 20px + 1px Rahmen ===== */
#amelia-container .am-button {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  border: 1px solid #333 !important; /* Dunkelgrauer Rahmen */
  /* horizontales Padding belassen – bei Bedarf z. B.: padding: 20px 16px; */
}

/* Textfarbe für Zurück-Button */
#amelia-container .am-button.am-button--secondary {
  color: #555 !important;
}/* End custom CSS */