/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

* ============================================================
   MODERNES FLEX-LAYOUT (Stand 2025)
   Optimiert für iPhone 15/16/17 & iPad Pro/Air/Mini
   ============================================================ */

@media screen and (max-width: 1024px) {
    
    .custom_row {
        display: flex;
        flex-wrap: wrap;
        /* Schützt Inhalte vor der Notch/Dynamic Island im Querformat */
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
        gap: 20px; /* Optional: Erzeugt gleichmäßige Abstände zwischen den Spalten */
    }

    /* Standard-Reihenfolge für alle mobilen Geräte */
    .first-on-mobile  { order: 1; }
    .second-on-mobile { order: 2; }
    .third-on-mobile  { order: 3; }
    .fourth-on-mobile { order: 4; }

    /* --- IPAD-LOGIK (Tablet-Modus) --- */
    /* 768px bis 1024px: Spalten stehen 2-spaltig nebeneinander */
    @media (min-width: 768px) {
        .custom_row .et_pb_column {
            width: calc(50% - 10px) !important; /* 2-spaltig mit Abzug für Gap */
            margin-bottom: 20px;
        }
    }

    /* --- IPHONE-LOGIK (Smartphone-Modus) --- */
    /* Unter 768px: Spalten werden vollflächig untereinander gestapelt */
    @media (max-width: 767px) {
        .custom_row .et_pb_column {
            width: 100% !important;
            float: none !important;
            margin-bottom: 20px;
        }
        
        /* Der gewünschte Extra-Abstand am Ende der Sektion */
        .custom_row:last-of-type .et_pb_column:last-of-type {
            margin-bottom: 30px;
        }
    }
} 


#bg-animate-bottom .et_pb_bottom_inside_divider {
    -moz-animation: scroll 150s linear infinite;
    -ms-animation: scroll 150s linear infinite;
    -o-animation: scroll 150s linear infinite;
    animation: scroll 150s linear infinite;
}

#bg-animate-top .et_pb_top_inside_divider {
    -moz-animation: scroll 150s linear infinite;
    -ms-animation: scroll 150s linear infinite;
    -o-animation: scroll 150s linear infinite;
    animation: scroll 150s linear infinite;
}

@-webkit-keyframes scroll {
    100% {
        background-position: 10000px center;    }
}

@-moz-keyframes scroll {
    100% {
        background-position: 10000px center;    }
}

@-ms-keyframes scroll {
    100% {
        background-position: 10000px center;    }
}

@-o-keyframes scroll {
    100% {
        background-position: 10000px center;    }
}

@keyframes scroll {
    100% {
        background-position: 10000px center;    }
}