/* ---------------------------------------------
   SEKTION - GEMEINSAM
   ---------------------------------------------
   Beinhaltet die Section-IDs 
   #gemeinsam
------------------------------------------------ */

#gemeinsam h2 {
    padding-bottom: 40px;
}

#gemeinsam .gemeinsam-elemente h3 {
    padding-top: 10px !important;
    font-size: 25px;
}

/* Row negative Margins entfernen */
#gemeinsam .gemeinsam-elemente.inner_row > .row_col_wrap_12_inner {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Abstand zwischen den Elementen vergrößern */
#gemeinsam .gemeinsam-elemente .wpb_column {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}

#gemeinsam .gemeinsam-elemente .wpb_column:first-child {
    padding-left: 0 !important;
}

#gemeinsam .gemeinsam-elemente .wpb_column:last-child {
    padding-right: 0 !important;
}

/* Ab 1800px: 2x2 Layout */
@media (max-width: 1300px) {
    #gemeinsam .gemeinsam-elemente .wpb_column {
        width: 50% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 60px !important;
    }
    
    /* Erstes und drittes Element: kein Padding links */
    #gemeinsam .gemeinsam-elemente .wpb_column:nth-child(odd) {
        padding-left: 0 !important;
    }
    
    /* Zweites und viertes Element: kein Padding rechts */
    #gemeinsam .gemeinsam-elemente .wpb_column:nth-child(even) {
        padding-right: 0 !important;
    }
}

/* Ab 1000px: Alle untereinander */
@media (max-width: 800px) {
    #gemeinsam .gemeinsam-elemente .wpb_column {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}