/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* CEEQOO-KONTAKTELEMENT 2.0 */
/* Update 09.05.2023:
   - Farben, Bilder und Desktop-Positionen jetzt in den Divi-Elementen
   - SVGs mit Divi Hacks in die Media-Files migriert (Divi Hacks kann danach wieder deaktiviert werden)
   - CSS-Schatten hinzugefügt
*/

.kontakt-row .et_pb_image{
	  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/*––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
/* Row-elemente mobil (4, 5 oder 6 Elemente werden mobil nebeneinander angezeigt) */
@media only screen and (max-width: 980px) {
	.kontakt-row {
		background-color: rgba(0, 0, 0, 0.2);
		box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.2);
		display: block !important;
	}
	.kontakt-row .et_pb_image { box-shadow: none; }
	.two-columns .et_pb_column { width: 50%!important; }
	.three-columns .et_pb_column { width: 33.33%!important; }
	.four-columns .et_pb_column { width: 25%!important; }
	.five-columns .et_pb_column { width: 20%!important; }
	.six-columns .et_pb_column { width: 16.66%!important; }
	
	/* Für ein Layout mit drei Columns, eine davon größer als die anderen zwei (z.B. mittlere Column ist dann column2) */
	.three-columns .column1 { width: 25%!important; }
	.three-columns .column2 { width: 50%!important; }
}