/*
Theme Name: Divi Child
Theme URI: http://www.weltraum.de
Template: Divi
Author: Nico Wohlleb
Author URI: http://www.weltraum.de
Description: A child theme of the Divi theme.
Version: 1.0.1563440876
Updated: 2019-07-18 11:07:56

*/
/* Contakt Form 7 Formular an Divi-Style anpassen*/
.wpcf7-form {
  margin-left: 25px; margin-right: 25px; margin-top: 25px;
}

.wpcf7-submit {
  	border: none;
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color: white; 
	background-color: #90c23f;
	margin: 8px auto 0; 
  	cursor: pointer; 
  	font-size: 20px; 
  	font-weight: 500; 
	-moz-border-radius: 10px; 
  	-webkit-border-radius: 10px; 
  	border-radius: 10px; 
  	padding: 6px 20px; 
  	line-height: 1.7em; 
  	-webkit-font-smoothing: antialiased; 
  	-moz-osx-font-smoothing: grayscale; 
  	-moz-transition: all 0.2s; 
  	-webkit-transition: all 0.2s; 
  	transition: all 300ms ease 0ms;
	box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
  	font-weight: 700; 
}

.wpcf7-submit:enabled:hover {
	background-color: #1bba33!important;
  	font-weight: 700; 
}

/* Wenn Pflichtangaben fehlen mit und ohne Hover*/
.wpcf7-submit:disabled {
	background-color: #f2f2f2!important;
}

.wpcf7-submit:disabled:hover {
	background-color: #f2f2f2!important;
  	font-weight: 700; 
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-date, .wpcf7-number, .wpcf7-captchar {
  	background-color: #eee !important; 
  	border: none !important; 
  	width: 100% !important; 
  	-moz-border-radius: 0 !important; 
  	-webkit-border-radius: 0 !important; 
  	border-radius: 0 !important; 
  	font-size: 14px; 
  	color: #000000 !important; 
  	padding: 16px !important; 
  	-moz-box-sizing: border-box; 
  	-webkit-box-sizing: border-box; 
  	box-sizing: border-box;
    line-height: 1.4em;
}

/* Farbe der Contact Form 7 Fehlermeldung für einzelne Felder*/
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	color: red;
	font-weight: bold;
}

/* Kontaktformular auf 100%*/
.kontaktformular {
  width: 100% !important;
}

/* Textfeld auf 100%*/
.wpcf7-textarea {
  width: 100% !important;
}

.wpcf7-radio .wpcf7-list-item  {
  margin-bottom:10px;
}

/* Contakt Form 7 Formular nach absenden ausblenden*/
.wpcf7-form.sent #cfhide {
	display: none;
}

/*Contact Form 7 Formularantwort nach absenden einblenden*/
.wpcf7-form #cfhideantwortzeigen {
	display: none;
}

.wpcf7-form.sent #cfhideantwortzeigen {
	display: block;
}

/* Contact Form 7 Response */
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    text-align: center;
	border: 0;
    padding: 10px;
}

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    text-align: center;
	border: 0;
    padding: 10px;
}

/*Contact Form 7 Dropdown formatieren*/
.wpcf7-form-control-wrap select{
	padding: 16px !important;
	font-size: 14px; 
	background-color: #eee;
}

/* Farben für mobile Navigation anpassen */
.mobile_menu_bar.mobile_menu_bar_toggle::before {
	color: #000000; /*Farbe mobiler Toggle - Icon für Navigation*/
}
.et_mobile_menu {
	border-top: 3px solid #000000; /*Strich für Navigationsliste*/
}

/*Header Button "Was tun im Notfall"*/
.hauptmenu-kontakt-button a {
  color: #ffffff!important;
  background-color: #90c23f;
  text-align: center;
  padding: 8px !important;
  border-radius: 30px;
}

.hauptmenu-kontakt-button a:hover {
  color: #ffffff!important;
  background-color: #1bba33;
  text-align: center;
  padding: 8px !important;
  border-radius: 30px;
}

.current-menu-item {
  color: #ffffff!important;
}

/*Reihenfolge der Inhaltsblöcke in Spalten für mobile Endgeräte ändern*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}