/*
Theme Name: Divi Child Theme with Open Sans and Custom Header Script
Theme URI: http://elegantthemes.com
Description: A Child Theme built for Divi
Author: FLYINGFOX CREATIONS Reinhard Wedemeyer
Author URI: https://www.kreativdenker.info
Template: Divi
Version: 1.1.2
*/

/* Zusätzliches CSS hinter dem abschließenden Schrägstrich einfügen
------------------------------------------------------------------- */

/*---Custom Shrink Header CSS is in child themes css folder---*/


/*-----------------------------------------------------------------------------------------*/
/*––––––-––Global-Modifications------------------------------------------------------------*/
/*---------write below css for global changings like navigation or widgets-----------------*/
/*-----------------------------------------------------------------------------------------*/

/*---Hyphenation / Trennung---*/
.hyphen, .trennung {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.hyphen-manual, .trennung-manual /*use "­" in text*/{
    -ms-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
}

/*-----------------------------------------------------------------------------------------*/
/*––––––-––Custom-Modifications------------------------------------------------------------*/
/*---------write below css for standard changings like modules or only for special sites---*/
/*-----------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------*/
/*–––––––––Media Queries-------------------------------------------------------------------*/
/*---------Use this section for spcial dimension css. Delete what you do not need----------*/
/*-----------------------------------------------------------------------------------------*/

/*---Responsive Styles Large Desktop And Above-*/
@media all and (min-width: 1405px) {
}

/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 981px) and (max-width: 1405px) {
}

/*---Responsive Styles Standard Desktop Only---*/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/*---Responsive Styles 981px - 1100px----------*/
@media all and (min-width: 981px) and (max-width: 1100px) {
}

/*---Responsive Styles Tablet Only--------------*/
@media all and (min-width: 768px) and (max-width: 980px) {
}

/*---Responsive Styles Desktop Only------------*/
@media all and (min-width: 981px) {
}

/*---Responsive Styles Tablet And Below--------*/
@media only screen and (max-width: 980px) {
}

/*---Responsive Styles 782px-------------------*/
@media screen and (max-width: 782px) {
}

/*---Responsive Styles Tablet Portrait And Below*/
@media all and (max-width: 768px) {
	
/*---change float on mobile devices---*/
/*---Name the Row class ".custom-flex"---*/
/*---Name each module in that order you want to display them on tablet and below class ".custom-one, .custom-two …" to change the order on mobile devices---*/

	.custom-flex {
    	display: -webkit-box;
    	display: -moz-box;
    	display: -ms-flexbox;
    	display: -webkit-flex;
    	display: flex;
    	-webkit-flex-flow: row wrap;
   		flex-flow: row wrap;
	}

	.custom-flex > * {
 	   flex: 1 100%;
	}

	.custom-one {
    	order: 1;
    	flex: 1 100%;
	}

	.custom-two {
   		order: 2;
    	flex: 1 100%;
	}
	
	.custom-three {
    	order: 3;
    	flex: 1 100%;
	}
	
	.custom-four {
    	order: 4;
    	flex: 1 100%;
	}
	
	.custom-five {
    	order: 5;
    	flex: 1 100%;
	}
	
}

/*---Responsive Styles Smartphone Only---------*/
@media all and (max-width: 767px) {
}

/*---Responsive Styles Smartphone Portrait-----*/
@media all and (max-width: 479px) {
}


/*––––––––––--End–Media Queries-----------------------*/