/*CUSTOM RESPONSIVE SECTION PADDING CSS*/


/*----ADD CLASSES TO SECTION-----*/


/*----ADD CLASSES TO SECTION-----*/


/*----ADD CLASSES TO SECTION-----*/


/*MEDIA QUERY DESKTOP - ALLE SCREENS MIT RESOLUTION VON WIDTH 1600px - 1024px --> Laptop, Big Desktop*/

body .section_padding_zero {
    padding-left: 0px;
    padding-right: 0px;
}

body .section_padding_xlarge {
    padding-top: calc(6.0vw + 6.0vh + 5.5vmin);
    padding-bottom: calc(6.0vw + 6.0vh + 5.5vmin);
}

body .section_padding_large {
    padding-top: calc(3.0vw + 3.0vh + 2.5vmin);
    padding-bottom: calc(3.0vw + 3.0vh + 2.5vmin);
}

body .section_padding_large_bottom {
    padding-bottom: calc(3.0vw + 3.0vh + 2.5vmin);
}

body .section_padding_regular {
    padding-top: calc(2.5vw + 2.5vh + 2.0vmin);
    padding-bottom: calc(2.5vw + 2.5vh + 2.0vmin);
}

body .section_padding_regular_bottom {
    padding-bottom: calc(2.5vw + 2.5vh + 2.0vmin);
}

body .section_padding_small {
    padding-top: calc(1.5vw + 1.5vh + 1.0vmin);
    padding-bottom: calc(1.5vw + 1.5vh + 1.0vmin);
}

body .section_padding_small_bottom {
    padding-bottom: calc(1.5vw + 1.5vh + 1.0vmin);
}

body .section_padding_xsmall {
    padding-top: calc(0.5vw + 0.5vh + 0.5vmin);
    padding-bottom: calc(0.5vw + 0.5vh + 0.5vmin);
}

body .section_padding_small_all {
    padding: calc(0.6vw + 0.6vh + 0.6vmin);
    padding: 20px;
}

body .section_padding_xsmall_all {
    padding: calc(0.3vw + 0.3vh + 0.3vmin);
}

body .padding_left_right_xlarge {
    padding-left: 80px;
    padding-left: calc(2.3vw + 2.3vh + 2.3vmin);
    padding-right: 80px;
    padding-right: calc(2.3vw + 2.3vh + 2.3vmin);
}

body .padding_left_right_large {
    padding-left: 60px;
    padding-left: calc(1.8vw + 1.8vh + 1.8vmin);
    padding-right: 60px;
    padding-right: calc(1.8vw + 1.8vh + 1.8vmin);
}

body .padding_left_right_regular {
    padding-left: 40px;
    padding-left: calc(1.2vw + 1.2vh + 1.2vmin);
    padding-right: 40px;
    padding-right: calc(1.2vw + 1.2vh + 1.2vmin);
}

body .padding_left_right_small {
    padding-left: 20px;
    padding-right: 20px;
}

body .padding_left_right_xsmall {
    padding-left: 15px;
    padding-right: 15px;
}

body .padding_right_xlarge {
    padding-right: 80px;
    padding-right: calc(2.3vw + 2.3vh + 2.3vmin);
}

body .padding_right_large {
    padding-right: 60px;
    padding-right: calc(1.8vw + 1.8vh + 1.8vmin);
}

body .padding_right_regular {
    padding-right: 40px;
    padding-right: calc(1.2vw + 1.2vh + 1.2vmin);
}

body .padding_right_small {
    padding-right: 20px;
}

body .padding_left_xlarge {
    padding-left: 80px;
    padding-left: calc(2.3vw + 2.3vh + 2.3vmin);
}

body .padding_left_large {
    padding-left: 60px;
    padding-left: calc(1.8vw + 1.8vh + 1.8vmin);
}

body .padding_left_regular {
    padding-left: 40px;
    padding-left: calc(1.2vw + 1.2vh + 1.2vmin);
}

body .padding_left_small {
    padding-left: 20px;
}

body .width_70 {
    width: 70%;
}

body .width_50 {
    width: 50%;
}

body .width_30 {
    width: 30%;
}

body .section_padding_top_regular {
    padding-top: calc(2.5vw + 2.5vh + 2.0vmin);
}

body .section_padding_bottom_regular {
    padding-bottom: calc(2.5vw + 2.5vh + 2.0vmin);
}


/*MEDIA QUERY 1024 - ALLE SCREENS MIT RESOLUTION VON WIDTH 1024px - 999px --> iPad Landscape*/

@media only screen and (max-width: 1024px) {
    body .section_padding_large {
        padding-top: calc(2.5vw + 2.5vh + 2.5vmin);
        padding-bottom: calc(2.5vw + 2.5vh + 2.5vmin);
    }
    body .section_padding_large_bottom {
        padding-bottom: calc(2.0vw + 2.0vh + 1.5vmin);
    }
    body .section_padding_small {
        padding-top: calc(1.0vw + 1.0vh + 0.5vmin);
        padding-bottom: calc(1.0vw + 1.0vh + 0.5vmin);
    }
    body .section_padding_small_bottom {
        padding-bottom: calc(1.0vw + 1.0vh + 0.5vmin);
    }
    body .section_padding_small_all {
        padding: calc(0.3vw + 0.3vh + 0.3vmin);
        padding: 15px;
    }
    body .padding_left_right_xlarge {
        padding-left: 50px;
        padding-right: 50px;
    }
    body .padding_left_right_large {
        padding-left: 25px;
        padding-right: 15px;
    }
    body .padding_left_right_regular {
        padding-left: 20px;
        padding-right: 20px;
    }
    body .padding_left_right_small {
        padding-left: 10px;
        padding-right: 10px;
    }
    body .padding_left_right_xsmall {
        padding-left: 5px;
        padding-right: 5px;
    }
}


/*MEDIA QUERY 999 - ALLE SCREENS MIT RESOLUTION VON WIDTH 999px - 767px --> Grosse Tablets - iPad Portrait*/

@media only screen and (max-width: 999px) {
    body .section_padding_large {
        padding-top: calc(3.0vw + 3.0vh + 2.5vmin);
        padding-bottom: calc(3.0vw + 3.0vh + 2.5vmin);
    }
    body .section_padding_large_bottom {
        padding-bottom: calc(3.0vw + 3.0vh + 3.5vmin);
    }
    body .section_padding_small {
        padding-top: calc(1.5vw + 1.5vh + 1.0vmin);
        padding-bottom: calc(1.5vw + 1.5vh + 1.0vmin);
    }
    body .section_padding_small_bottom {
        padding-bottom: calc(1.5vw + 1.5vh + 1.0vmin);
    }
}


/*MEDIA QUERY 767 - ALLE SCREENS MIT RESOLUTION VON WIDTH 767px - 479px --> iPhone Landscape*/

@media only screen and (max-width: 767px) {
    body .section_padding_xlarge {
        padding-top: calc(9.0vw + 9.0vh + 8.5vmin);
        padding-bottom: calc(9.0vw + 9.0vh + 8.5vmin);
    }
    body .section_padding_large {
        padding-top: calc(7.0vw + 7.0vh + 6.5vmin);
        padding-bottom: calc(7.0vw + 7.0vh + 6.5vmin);
    }
    body .section_padding_regular {
        padding-top: calc(3.5vw + 3.5vh + 3.0vmin);
        padding-bottom: calc(3.5vw + 3.5vh + 3.0vmin);
    }
    body .section_padding_small {
        padding-top: calc(2.0vw + 2.0vh + 1.5vmin);
        padding-bottom: calc(2.0vw + 2.0vh + 1.5vmin);
    }
    body .section_padding_xsmall {
        padding-top: calc(0.4vw + 0.4vh + 0.4vmin);
        padding-bottom: calc(0.4vw + 0.4vh + 0.4vmin);
    }
    body .section_padding_top_regular {
        padding-top: calc(4.5vw + 4.5vh + 4.0vmin);
    }
}


/*MEDIA QUERY 479 - ALLE SCREENS MIT RESOLUTION VON WIDTH 479px - 0px --> Grosse Smartphone - iPhone etc...*/

@media only screen and (max-width: 479px) {}