/*
 Theme Name:   Divi Child
 Description:  Divi Child Theme
 Author:       Tobias Both
 Template:     Divi
 Version:      2.6.1
*/

/********************************************************************************************************/
/************************************* GLOBALE ELEMENTE STYLES ******************************************/
/********************************************************************************************************/

/********************************************* Buttons ***************************************************
*********************************************************************************************************/

/* Basic Styles - Buttons */

.button {
    padding:15px 25px;
}

.call-to-action {
    color:#fff;
    background:#5a4d51;
    -webkit-box-shadow: 0px 3px 5px -7px rgba(102,102,102,1);
    -moz-box-shadow: 0px 3px 5px -7px rgba(102,102,102,1);
    box-shadow: 0px 3px 5px -7px rgba(102,102,102,1);
}

.call-to-action:hover {
    
    background:#736267;
    -webkit-transition: background 200ms ease-in-out; /* Firefox */
    -moz-transition: background 200ms ease-in-out; /* WebKit */
    -o-transition: background 200ms ease-in-out; /* Opera */
    transition: background 200ms ease-in-out; /* Standard */
}

/********************************************** Grids ****************************************************
*********************************************************************************************************/

/* Basic Styles - Grids */
.column-swap .et_pb_column_1_2 { 
        float:right !important;
    }  

.et_pb_side_nav {display:none !important;}

/* Responsive Styles - Grids */
@media only screen and ( min-width: 981px ) and ( max-width: 1405px){
    
    .et_pb_column_1_4 {width:50% !important;margin-right:0 !important; padding:0 1em 3em 1em;}
    .et_pb_column_1_2 {width:100% !important;}
    .et_pb_blurb_content {margin:0 !important; max-width:100% !important;}
    .header-description .et_pb_column_1_2 {width:50% !important;}
    .header-description .et_pb_column_1_2 h1 {font-size:24px;}
    
}

/********************************************************************************************************/
/************************************* GLOBALE MODULE STYLES ********************************************/
/********************************************************************************************************/


/************************************* Global Main Navigation ********************************************
*********************************************************************************************************/

/* Basic Styles - Global Main Navigation */

/* Responsive Styles - Main Navigation */

@media only screen and (max-width: 981px) {
    /* Changes mobile logo to specified image */
    #logo {
        content: url("http://www.c-schwarz.de/wp-content/uploads/2016/04/Logo-Christian-Schwarz-Landscape.png");
        max-width:70% !important;
  }
}

@media (min-width: 981px) {
    
/* Breite der Navigationsbar verändert */
.et_vertical_nav #page-container #main-header {width:300px !important;} 
    
/* Breite des Content-Bereichs verändert */
.et_vertical_nav #et-main-area {margin-left:300px !important;}

/* Navigationslinks zentriert */
ul#top-menu {text-align:center !important;}

/* Navigationlinks unterstrichen */
#top-menu li {border-bottom: 1px solid #e5e5e5 !important;}
#top-menu li:last-child {border-bottom: none !important; /*margin-top:15%;*/}

/* Navigationslinks Breite und Padding angepasst */
#top-menu li a {margin-right:0 !important; padding:15px 0px !important; font-size:1.1em !important}
    
}

@media only screen and ( min-width: 981px ) and ( max-width: 1405px) { 

/* Breite der Navigationsbar verändert */
.et_vertical_nav #page-container #main-header {width:240px !important;} 
    
/* Breite des Content-Bereichs verändert */
.et_vertical_nav #et-main-area {margin-left:240px !important;}
    
}

/****************************************** Global Infoline **********************************************
*********************************************************************************************************/

/* Basic Styles - Global Infoline */

#infoline-navigation {
    max-width: 50% !important;
    float: right;
    text-align: right;
}

#infoline-navigation a, p#footer-info {font-size:16px !important;}

#footer-info {padding:15px 0 !important;}

#footer-bottom {padding: 10px 0 !important;}


/* Responsive Styles - Grids */
@media only screen and ( max-width: 1405px ) {
    
    #footer-info {text-align:center; width:100%;}
    
    div#infoline-navigation {
        min-width:100% !important;
        display:block;
        text-align:center;
        padding:0;
    }
}

/******************************************* Local Header ************************************************
*********************************************************************************************************/

/* Basic Styles - Local Header */
/* Header Schrift nach links gesetzt */
.blue-header .header-content {margin-left:0 !important; padding-left:0 !important;}


/************************************** Local Modul Testimonial ********************************************
*********************************************************************************************************/

/* Basic Styles - Local Testimonial */
.et_pb_testimonial .et_pb_testimonial_description {
    
    padding-left:2em !important;
}

.et_pb_testimonial_portrait:after {
    
    font-family: FontAwesome;
    content: "\f10d";
    position:absolute;
    font-size:19px;
    color:#002950;
    margin-right:-40px;
    right:0;
    top:0;
}

.et_pb_testimonial_portrait:before {box-shadow:none;}

/* Responsive Styles - Testimonial */
@media only screen and ( max-width:767px ) {
    
    .et_pb_testimonial_portrait {width:100% !important;border:0 !important;}
    .et_pb_testimonial_portrait:after {display:none;}
    .et_pb_testimonial .et_pb_testimonial_description {max-width:100% !important; text-align:left !important;}
    .et_pb_testimonial .et_pb_testimonial_description:before {
        
        font-family: FontAwesome;
        content: "\f10d";
        position:absolute;
        font-size:19px;
        color:#002950;
        margin-left:-28px;
        
    }
}

/*************************************** Local Kontaktformular *******************************************
*********************************************************************************************************/

/* Basic Styles - Local Kontaktformular */

.form-row{width: 100%; padding:10px 0;}

.column-half {
	float: left;
	position: relative;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.column-quarter {
    
    float: left;
	position: relative;
	width:50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;    
}

.form-col-left {padding:0 10px 20px 0;}
.form-col-right {padding:0 0 20px 10px;}

span.wpcf7-list-item {margin-left:0 !important;}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"], .wpcf7 select {
	width: 100%;
	padding: 14px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
}

.wpcf7-list-item-label {margin-right:20px !important;color:#fff;}

.wpcf7 input:focus, .wpcf7 textarea:focus{
	background: #fff;
    border:1px solid #17232E;
}

.wpcf7 textarea {height:110px;}

.wpcf7-submit{
	float: right;
    width:48%;
	background: #5a4d51;
	color: #fff;
	text-transform: uppercase;
	border: none;
    border-radius:3px;
	padding: 15px 30px;
	cursor: pointer;
}

.wpcf7-submit:hover{
	background:#736267;
    -webkit-transition: background 200ms ease-in-out; /* Firefox */
    -moz-transition: background 200ms ease-in-out; /* WebKit */
    -o-transition: background 200ms ease-in-out; /* Opera */
    transition: background 200ms ease-in-out; /* Standard */
}

::-webkit-input-placeholder {font-style: italic;}
:-moz-placeholder { /* Firefox 18- */
   font-style: italic;  
}
::-moz-placeholder {  /* Firefox 19+ */
   font-style: italic;  
}
:-ms-input-placeholder {font-style: italic;}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #D24335;
	background: transparent;
	padding: 5px;
}

div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #FFE29E;
	padding: 20px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 15px;
}

div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 20px;
	font-size: 15px;
	background: #8EDA89;
	border-color: #8EDA89;
	color: #fff;
	margin: 0;
}

/* Responsive Styles - Local Kontaktformular */

@media (max-width:1500px) { 
    .form-column-half {width:100% !important;}
}

@media (max-width:660px) {
    .et_pb_text .form-row column-quarter.form-col-left.google-captcha {width:100% !important; background:blue;}
    .et_pb_text .form-row column-quarter.form-col-right.senden-button {width:100% !important; background:blue;}
}


/******************************************************************************
***************************** COOKIE NOTICE BAR *******************************
******************************************************************************/

.cookie-notice-container {
    max-width:1300px;
    margin:auto;
    padding:21px;
}

#cn-notice-text {
    line-height: 2em;
}

#cookie-notice {
    background-color: rgb(0, 41, 80, 0.9) !important;
}