/*
 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;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/open-sans-v44-latin-regular.woff2') format('woff2');
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/open-sans-v44-latin-500.woff2') format('woff2');
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/open-sans-v44-latin-600.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/open-sans-v44-latin-700.woff2') format('woff2');
}
/* Elemente starten unsichtbar */
.gs-reveal {
  opacity: 0;
  visibility: hidden;
  will-change: transform, opacity;
}