/*
 Theme Name:   Divi Child
 Theme URI:    https://deine-domain.tld/
 Description:  Child-Theme für Divi 5
 Author:       Dein Name
 Author URI:   https://deine-domain.tld/
 Template:     Divi
 Version:      1.0.0
 Text Domain:  divi-child
*/

/* Hauptcontainer für Masonry Layout */
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items,
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_grid_items,
.wpz-gallery-masonry .et-pb-gallery .et-pb-gallery-items {
    display: block !important;
    column-count: 3; /* Anzahl Spalten für Desktop */
    column-gap: 10px; /* Spaltenabstand */
    column-fill: balance;
     property: new-value !important;
}

/* Gallery Items */
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_item,
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_grid_item,
.wpz-gallery-masonry .et-pb-gallery .et-pb-gallery-item {
    width: 100% !important;
    margin: 0 0 0 0 !important; /* Zeilenabstand anpassen */
    float: none !important;
    display: inline-block;
    break-inside: avoid;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
     property: new-value !important;
}

/* Bilder responsive machen */
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_item img,
.wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_grid_item img,
.wpz-gallery-masonry .et-pb-gallery .et-pb-gallery-item img {
    width: 100% !important;
    height: auto !important;
    display: block;
     property: new-value !important;
}

/* Tablet Breakpoint */
@media only screen and (max-width: 1200px) { 
    .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items,
    .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_grid_items,
    .wpz-gallery-masonry .et-pb-gallery .et-pb-gallery-items { 
        column-count: 2; /* Anzahl Spalten für Tablets */
    } 
} 

/* Mobile Breakpoint */
@media only screen and (max-width: 767px) {
    .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_items,
    .wpz-gallery-masonry .et_pb_gallery .et_pb_gallery_grid_items,
    .wpz-gallery-masonry .et-pb-gallery .et-pb-gallery-items {
        column-count: 1; /* Anzahl Spalten für Mobile */
    }
}

/* Make search input field white background */
.et_pb_menu__search-form input[type="search"],
.et_pb_menu__search-container input[type="text"] {
    background-color: white !important;
    color: #333 !important;
    border: 1px solid #ddd !important;
}

/* Alternative selector if the above doesn't work */
#main-header .et_pb_menu__search-input input {
    background-color: white !important;
    color: #333 !important;
}