.z8-content-data-table {
  border: 1px solid lightgray;
  width: 100%;
  border-collapse: collapse; /* Added to remove spacing between cells */
}

.z8-content-data-table thead th {
  background-color: #546e24;
  color: white;
  padding: 12px;
  text-align: left; /* Default for th, but good to be explicit */
}

.z8-content-data-table tbody td {
  padding: 12px;
}

.z8-content-data-table tbody tr:nth-child(even) { /* This targets even rows (2nd, 4th, etc.) */
  background-color: #f2f2f2;
}

/* Specific style for bolded text within cells */
.z8-content-data-table td strong {
  font-weight: bold;
}

/* Media query for mobile devices */
@media (max-width: 768px) { /* Adjust this breakpoint as needed for your definition of 'mobile' */
  .table-responsive {
    overflow-x: auto; /* Enables horizontal scrolling */
    -webkit-overflow-scrolling: touch; /* Improves scrolling performance on iOS */
  }

  .z8-content-data-table {
    /* Prevent the table from shrinking its content too much on small screens */
    /* This ensures it retains its natural width, allowing for scrolling */
    width: auto; /* Override the 100% width on small screens */
    min-width: 600px; /* Example: set a minimum width to ensure content is readable before scrolling is needed. Adjust as necessary. */
  }
}

/* Main container for the Z8 calendar entry */
.z8-calendar-entry {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

/* Styling for the direct children divs inside the main container */
.z8-calendar-entry > div {
    flex: 1 1 50%;
    box-sizing: border-box;
    min-width: 250px;
}

/* Adds padding to the first child div */
.z8-calendar-entry > div:first-child {
    padding-right: 20px;
}

/* Styling for the image within the calendar entry */
.z8-calendar-entry img {
    width: 100%;
    height: auto;
    display: block;
}

/* Mitgliederverzeichnis mobile Spaltenbreite nur 1 Eintrag statt 2 */

@media (max-width: 576px) {
    #block_1000128 .cd-tile-width-4 {
        /* width: calc(50% - 10px); */
       width: 100%;
    }

 #block_1000128 .cd-image-wrapper-1:has(img[src="webpage/images/contact/placeholder.jpg"]) {
  display: none;
  }
}