/*
Theme Name: Divi Child
Description: Child theme for Divi theme
Author:
Author URI:
Template: Divi
Version: 1.0.0
Text Domain:  Divi
*/

/* Kontaktformular*/
.wps-form {
	width: 100%;
	margin: 0 auto;
}
.wps-form-row {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.wps-form-row .wpcf7-form-control {
	width: 100%;
}
.wps-form-column {
	flex: 1;
	padding: 0.5rem 0;
	width: 100%;
}

/* Notebook / Desktop */
@media only screen and ( min-width: 48em ) {
	.wps-form-row {
    	flex-direction: row;
	}
	.wps-form-column {
    	padding: 0.5rem 1rem;
	}
}
/* Kontaktformular Ende*/


/*PW-protected*/
.et_password_protected_form{max-width: 400px;margin: 150px auto 150px;text-align: center;}


/*MODAL - Stand 05.11.2020/MW */
.page-with-modal .modal{animation: fade 1s forwards;animation-delay: 0s;display:none;position: fixed!important;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 999999999;background-color: rgba(0,0,0,.5)!important;}
.page-with-modal .modal .modalinner {min-width: 300px;max-height: 90%!important;overflow-x: hidden;overflow-y: auto;padding: 15px 0;margin: 0 auto;width:100%;max-width: 700px!important;background-color: #fff;border-radius: 4px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.page-with-modal .modalclose{color:#006f43;transition:all.5s;position: absolute;top: 10px;right: 10px;font-size: 24px;width: 25px;height: 25px;text-align: center;line-height: 27px;font-weight: 600;z-index: 9;}
.page-with-modal .modalclose:hover, .modallink:hover, .modallink3:hover{cursor:pointer;opacity:1}
.active_modal{display:inline-block!important;}
.active_modal_body{overflow:hidden!important;}
@keyframes fade {from {opacity: 0;}	to {opacity: 1;}}
.et-fb #page-container .modal{background-color: rgba(0,0,0,.5);}
.et-fb #page-container .modal::before {content: "MODAL";color: rgba(255,255,255,.1);font-size: 55px;position: absolute;text-align: center;width: 100%;top: 8px;}
.et-fb #page-container .modal .et_pb_row {background-color: #fff;padding:0 10px;}
.page-with-modal .modal:hover{cursor:zoom-out;}
.page-with-modal .modal .modalinner:hover{cursor:default!important;}
/* ENDE MODAL */


#main-header .et_menu_container{
  width:90%; max-width:1140px;
}