/*
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.flyingfox-web.com
Template: Divi
Version: 1.0.0
*/

/* 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---*/
/*-----------------------------------------------------------------------------------------*/

.et_pb_slider .et_pb_slide {
list-style: none !important;
}

.ws-home-bg .et_pb_slide_description {
    padding: 160px 100px;
}

.ws-home-bg {
/*background: url(wp-content/uploads/2014/07/Pattern1b.png);*/
}

.ws-home-btn {
    padding: 20px 0px;
}

.ws-kontakt-home .et_pb_contact_main_title {
color: #ffffff;
}

.ws-kontakt-home .et_pb_contact_submit {
color: #ffffff !important;
}

.ws-kontakt-home .et_pb_contact_submit:hover {
background: #8e9fca !important;
}

.ws-kontakt-home p {
color: #ffffff;
}

.ws-team-home .et_pb_member_position {
color: #ffffff;
}

#footer-info {
display: none;
}

#top-header, #et-secondary-nav li ul {
    background-color: #ffffff;
    border-bottom: 1px solid #00519e;
}

.et_nav_text_color_light #et-secondary-nav a {
    color: #666666 /*rgba(255, 255, 255, 0.6)*/;
}

#main-header {
    line-height: 23px;
    min-height: 43px;
    padding: 60px 0 0;
}

.ws-teaser h3{
   line-height: 1.4em !important;
} 

/*-----------------------------------------------------------------------------------------*/
/*–––––––––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-----------------------*/