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

/* Die Breite des mobilen breakpoint von Divi selber setzen */
@media only screen and ( max-width: 1130px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}


.modal ol, ul {
    list-style: disc;
}
/*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: 10px;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:.8}
.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 */

#top-menu li.not-active.current-menu-item>a, .et-fixed-header #top-menu li.not-active.current-menu-item>a {color: #545454!important;}

#mobile_menu li {list-style-type: none!important; }


/* KONTAKTFORMULAR */
div.wpforms-container-full .wpforms-form button[type=submit]{
  border: 2px solid #b99e71!important;
  border-radius: 4px;
  color:#ffffff!important;
  background-color:#b99e71!important;
  font-size:16px;
  font-weight: 500!important;
  padding: 12px 30px;
  float:right;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover{
  background-color:#927d5a!important; color:#fff!important;
  border-color:#927d5a!important;
}