/*
Theme Name: Divi Child Theme
Description: A child theme for DIVI
Author:   mylokalesuche GmbH
Author URI:   http://mylokalesuche.ch/
Template: Divi
*/


/**************************************************************************************************************************/
/*****Grid*****************************************************************************************************************/
/**************************************************************************************************************************/

.row {
	clear: both;
	overflow: hidden;
}

.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
    float: left;
}

.col {
	margin-right: 3%;
}

.span1 {
	width: 5.583%;
}

.span2 {
	width: 14.16%;
}

.span3 {
	width: 22.75%;
}

.span4 {
	width: 31.33%;
}

.span5 {
	width: 39.91%;
}

.span6 {
	width: 48.5%;
}

.span7 {
	width: 57.08%;
}

.span8 {
	width: 65.66%;
}

.span9 {
	width: 74.25%;
}

.span10 {
	width: 82.83%;
}

.span11 {
	width: 91.41%;
}

.span12 {
	width: 100%;
}

@media all and (max-width: 980px) {
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
		width: 100%;
		float: none;
	}
	.col {
		margin-right: 0;
	}
}

@media all and (max-width: 980px) {
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
}

@media all and (max-width: 767px) {
	.et_pb_row .et_pb_column_mobile_1_2 {
		width: 50% !important;
		margin-right: 0 !important;
	}
	.et_pb_row .et_pb_column_mobile_1_3 {
		width: 33.3333333333% !important;
		margin-right: 0 !important;
	}
	.et_pb_row .et_pb_column_mobile_2_3 {
		width: 66.6666666666% !important;
		margin-right: 0 !important;
	}
	.et_pb_row .et_pb_column_mobile_1_4 {
		width: 25% !important;
		margin-right: 0 !important;
	}
	.et_pb_row .et_pb_column_mobile_3_4 {
		width: 75% !important;
		margin-right: 0 !important;
	}
}