/*
Theme Name: KaBaKa Design
Theme URI: https://kabaka-innovations.de
Description: Das KaBaKa Design Child Theme bringt frischen Wind ins OceanWP-Framework - minimalistisch, performant und bereit für Innovationen. Ideal für moderne Webauftritte mit individuellem Touch - gebaut von KaBaKa für Menschen, die nicht stehen bleiben wollen.
Author: KaBaKa - Kenneth Aron Ballen Kallmann
Author URI: https://kabaka-innovations.de
Template: oceanwp
Text Domain: oceanwp-child
Version: 25.0.0
*/


/* ==========================================================================
   Basis-Layout: Veranstaltungsliste
   ========================================================================== */

/* Veranstaltungsliste auf 100 % Breite */
.veranstaltungsliste {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* Veranstaltungseintrag: volle Breite */
.veranstaltung_item {
  width: 100%;
  box-sizing: border-box;
  display: block !important; /* Mobile-Default: untereinander */
}

/* Inhalt innerhalb des Eintrags */
.veranstaltung_content {
  padding: 1rem;
  box-sizing: border-box;
  display: block !important;
  visibility: visible !important;
  padding: 1rem !important;
}

/* Bildbereich: keine Schrumpfung */
.veranstaltung_bild {
  flex-shrink: 0;
}

/* Bild und Bild-Wrapper: volle Breite, oben platziert */
.veranstaltung_item .veranstaltung_bild,
.veranstaltung_item .veranstaltung_bild img {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  margin-bottom: 1rem !important;
}

/* Pagination zentriert & mit Abstand */
.veranstaltung_pagination {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}


/* ==========================================================================
   Responsive Layouts
   ========================================================================== */

/* Mobile: Bildhöhe begrenzen */
@media (max-width: 767px) {
  .veranstaltung_item .veranstaltung_bild,
  .veranstaltung_item .veranstaltung_bild img {
    height: 150px !important;
  }
}

/* Tablet & Desktop: Flex-Layout nebeneinander */
@media (min-width: 768px) {
  .veranstaltung_item {
    display: flex !important;
    gap: 20px;
    align-items: flex-start;
  }

  .veranstaltung_item .veranstaltung_bild,
  .veranstaltung_item .veranstaltung_bild img {
    width: 300px !important;
    height: 200px !important;
    margin-bottom: 0 !important;
  }

..wpcf7-submit{
    background-color: #faac56 !important;
}

  .veranstaltung_content {
    flex: 1 !important;
  }
}