/* ---------------------------------------------
   SEKTION - ARBEITSGEMEINSCHAFT & ARBEITSHILFEN
   ---------------------------------------------
   Beinhaltet die Section-IDs 
   #ag-und-ah
------------------------------------------------ */

#ag-und-ah .arbeitsgemeinschaft {
    padding-bottom: 30px;
    margin-bottom: 0px !important;
}

#ag-und-ah .arbeitsgemeinschaft h2,
#ag-und-ah .arbeitshilfen h2 {
    margin-bottom: 10px !important;
}

#ag-und-ah .arbeitshilfen {
    padding-top: 30px;
    margin-top: 0px !important;
} 

#ag-und-ah .arbeitsgemeinschaft,
#ag-und-ah .arbeitshilfen {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

/* Abstand ueberhalb des Buttons */
#ag-und-ah .arbeitsgemeinschaft .nectar-button.large,
#ag-und-ah .arbeitshilfen .nectar-button.large {
    margin-top: 20px;
}

/* ---------------------------------------------
   RESPONSIVE ANPASSUNGEN
   ---------------------------------------------
   - Optimiert Layout für mobile Geräte
------------------------------------------------ */
@media screen and (max-width: 1600px) {
    #ag-und-ah .arbeitsgemeinschaft,
    #ag-und-ah .arbeitshilfen {
        max-width: 80%;
    }
}

@media screen and (max-width: 1370px) {
    #ag-und-ah .arbeitsgemeinschaft,
    #ag-und-ah .arbeitshilfen {
        max-width: 90%;
    }
}

@media screen and (max-width: 1160px) {
    #ag-und-ah .arbeitsgemeinschaft,
    #ag-und-ah .arbeitshilfen {
        max-width: 100%;
    }
}

@media screen and (min-width: 1000px) {
    #ag-und-ah .arbeitsgemeinschaft.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) .vc_column-inner > .wpb_wrapper,
    #ag-und-ah .arbeitshilfen.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) .vc_column-inner > .wpb_wrapper { 
        padding-right: 15px;
    }
}

@media screen and (max-width: 768px) {
    #ag-und-ah .arbeitsgemeinschaft,
    #ag-und-ah .arbeitshilfen {
        max-width: 100%;
    }

    #ag-und-ah .arbeitsgemeinschaft.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) img,
    #ag-und-ah .arbeitshilfen.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) img {
        margin-right: 0px;
    }

    #ag-und-ah .arbeitsgemeinschaft.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) .vc_column-inner > .wpb_wrapper,
    #ag-und-ah .arbeitshilfen.vc_row-fluid > .span_12 > .wpb_column:not([class*="offset-"]) .vc_column-inner > .wpb_wrapper {
        padding-left: 0px;
    }
}