/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Karin Zeilinger
 Author URI:     https://www.lichtweb.ch
 Template:       Divi
 Version:        1.0.0
*/
 
/* Eigenes CSS */

h4 {
    font-size: 22px !important;
    color: #e02b20 !important;
	font-weight: 600;
}

h5 {
    font-size: 20px !important;
  	font-weight: 600;
}

h2 {
    font-size: 40px;
}

/*Kontaktformular*/

.input::placeholder, .textarea::placeholder, input::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, select::placeholder, textarea::placeholder {
	text-transform: none !important;
}

.cf {
	float: left;
	width: 100%;
}

.cf input, .cf textarea {
	border-radius: 4px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 0px !important;
	color: red !important;
}

span.wpcf7-not-valid-tip {
	display: inline !important;
}

.cf-interesse, .cf-vorkenntnisse, .cf-instrument, .cf-kontakt {
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	border-radius: 5px;
}

.cf .wpcf7-list-item {
	margin: 0px !important;
}

span.wpcf7-list-item {display: block;}

.cf textarea {
    width: 90%;
	height: 150px;
	padding: 15px;
}

/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}
.wpcf7-checkbox label {
position: relative;
cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
/* border: 3px solid #474747; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 4px;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 1px solid #474747;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
display: block;
position: absolute;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 30px;
	font-weight: bold;
text-align: center;
line-height: 30px;
	color: #0c71c3;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
.wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}

@media (min-width: 950px) {
	
	
.cf label {
		width: 100%;
		float: left;
	}
.cf-50-1 input {
	 padding: 15px;
	width: 90% !important;
	float: left;	
}

.cf-50-2 input {
	 padding: 15px;
	width: 90% !important;
	float: left;
	}
	
.cf-50-1 {
    width: 48% !important;
	margin-right: 2% !important;
	float: left;

}
	
.cf-50-2 {
  	width: 50% !important;
	float: left;
	
}
	
.cf-100 {
  	width: 95% !important;
	float: left;
	
}
	.cf-button {
		float: left;
	}
	
	
}

@media (max-width: 950px) {
.cf-50-1 input {
	padding: 15px;
	width: 100% !important;
	float: left;
	margin-bottom: 2% !important;
}

.cf-50-2 input {
	padding: 15px;
	width: 100% !important;
	float: left;
	margin-bottom: 2% !important;
}
}

.cf-100 textarea, .cf-100 input, .cf-100 select {
	padding: 15px;
	width: 100%;
	float: left;
	
	}
	
.cf-100 .wpcf7-acceptance .wpcf7-list-item input {
	width: 30px !important;
}
.cf-button button[type=submit], .cf-button input[type=submit]{
	text-transform: none !important;
	margin-top: 20px !important;
	margin-bottom: 30px !important;
	color: #ffffff !important;
border-width: 0px !important;
border-radius: 26px;
letter-spacing: 1px;
font-size: 20px;
background-image: linear-gradient(243deg,#000000 0%,#0c71c3 100%);
	line-height: 200%;
	padding: 5px 40px 5px 40px;
	cursor: pointer;
	
}

@media (max-width: 630px) {
	.wpcf7-list-item {
		margin-bottom: 10px !important;
		}
	
	.wpcf7-list-item-label {
    display: block !important;
}
	

}

@media (max-width: 950px) {
#main-content {
	margin-top: 30px !important;
}

.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 15px !important;
	}
	
.et_header_style_left #et-top-navigation .mobile_menu_bar {
	padding-bottom: 15px !important;
	}

	h1 {
		font-size: 35px !important;
		hyphens: auto;
	}
	
		h2 {
		font-size: 23px !important;
	}

}