/*!
 * Responsive Margin/Padding Utility Classes
 * Ausgelagert aus mb.css (Michael Baierl / mbaierl-hello-child)
 * Wird von den Elementor-Controls in elementor-margin-padding.php erzeugt
 * (Klassen-Präfixe: mb-margin-top-, mb-margin-bottom-, mb-padding-top-, mb-padding-bottom-)
 */

/* ===== 30px (Sehr klein) ===== */
body .elementor .elementor-element.mb-margin-top-30 { margin-top: 30px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-30 { margin-top: 20px; }
}
body .elementor .elementor-element.mb-margin-bottom-30 { margin-bottom: 30px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-30 { margin-bottom: 20px; }
}
body .elementor .elementor-element.mb-padding-top-30 { padding-top: 30px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-30 { padding-top: 20px; }
}
body .elementor .elementor-element.mb-padding-bottom-30 { padding-bottom: 30px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-30 { padding-bottom: 20px; }
}

/* ===== 50px (Klein) ===== */
body .elementor .elementor-element.mb-margin-top-50 { margin-top: 50px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-50 { margin-top: 30px; }
}
body .elementor .elementor-element.mb-margin-bottom-50 { margin-bottom: 50px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-50 { margin-bottom: 30px; }
}
body .elementor .elementor-element.mb-padding-top-50 { padding-top: 50px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-50 { padding-top: 30px; }
}
body .elementor .elementor-element.mb-padding-bottom-50 { padding-bottom: 50px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-50 { padding-bottom: 30px; }
}

/* ===== 75px (Mittel) ===== */
body .elementor .elementor-element.mb-margin-top-75 { margin-top: 75px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-75 { margin-top: 45px; }
}
body .elementor .elementor-element.mb-margin-bottom-75 { margin-bottom: 75px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-75 { margin-bottom: 45px; }
}
body .elementor .elementor-element.mb-padding-top-75 { padding-top: 75px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-75 { padding-top: 45px; }
}
body .elementor .elementor-element.mb-padding-bottom-75 { padding-bottom: 75px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-75 { padding-bottom: 45px; }
}

/* ===== 100px (Normal) ===== */
body .elementor .elementor-element.mb-margin-top-100 { margin-top: 100px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-100 { margin-top: 60px; }
}
body .elementor .elementor-element.mb-margin-bottom-100 { margin-bottom: 100px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-100 { margin-bottom: 60px; }
}
body .elementor .elementor-element.mb-padding-top-100 { padding-top: 100px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-100 { padding-top: 60px; }
}
body .elementor .elementor-element.mb-padding-bottom-100 { padding-bottom: 100px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-100 { padding-bottom: 60px; }
}

/* ===== 135px (Groß) ===== */
body .elementor .elementor-element.mb-margin-top-135 { margin-top: 135px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-135 { margin-top: 80px; }
}
body .elementor .elementor-element.mb-margin-bottom-135 { margin-bottom: 135px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-135 { margin-bottom: 80px; }
}
body .elementor .elementor-element.mb-padding-top-135 { padding-top: 135px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-135 { padding-top: 80px; }
}
body .elementor .elementor-element.mb-padding-bottom-135 { padding-bottom: 135px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-135 { padding-bottom: 80px; }
}

/* ===== 180px (Größer) ===== */
body .elementor .elementor-element.mb-margin-top-180 { margin-top: 180px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-180 { margin-top: 100px; }
}
body .elementor .elementor-element.mb-margin-bottom-180 { margin-bottom: 180px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-180 { margin-bottom: 100px; }
}
body .elementor .elementor-element.mb-padding-top-180 { padding-top: 180px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-180 { padding-top: 100px; }
}
body .elementor .elementor-element.mb-padding-bottom-180 { padding-bottom: 180px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-180 { padding-bottom: 100px; }
}

/* ===== 200px (Sehr groß) ===== */
body .elementor .elementor-element.mb-margin-top-200 { margin-top: 200px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-top-200 { margin-top: 120px; }
}
body .elementor .elementor-element.mb-margin-bottom-200 { margin-bottom: 200px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-margin-bottom-200 { margin-bottom: 120px; }
}
body .elementor .elementor-element.mb-padding-top-200 { padding-top: 200px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-top-200 { padding-top: 120px; }
}
body .elementor .elementor-element.mb-padding-bottom-200 { padding-bottom: 200px; }
@media (max-width: 768px) {
	body .elementor .elementor-element.mb-padding-bottom-200 { padding-bottom: 120px; }
}