/*
Theme Name: Divi Child
Description: Child theme for Divi theme
Author:
Author URI:
Template: Divi
Version: 1.0.0
Text Domain:  Divi
*/


  /* style the get started cta button */
              .buchenbutton a {color: #ffffff!important;text-transform: uppercase;!important;font-size: 13px; font-weight:600!important;}
  						li.buchenbutton {background-color: #C3162F;text-transform: uppercase;text-align: center;letter-spacing: 1px;padding: 17px 20px 25px 20px!important;border-radius: 0px;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;transition: all 0.2s;}
li.buchenbutton:hover{background-color: #e53025; color:#ffffff!important;opacity: 1!important;}
  @media only screen and (min-width : 981px) {
  li.buchenbutton {height: 50px;}
  }
  @media only screen and (max-width : 980px) {
   li.buchenbutton{text-align: center;margin-top: 25px;padding: 5px 5%!important;}
   .logo_container a::after{display: none;}
  }
  @media only screen and (max-width : 1104px) {
  li.buchenbutton {height: 50px;}
  li.buchenbutton a{padding: 2px 5%;}
  .buchenbutton a {text-align: left;}}

#main-header.et-fixed-header li.buchenbutton{margin-bottom: 20px; opacity: 1!important;}
#main-header.et-fixed-header li.buchenbutton a {color:#ffffff!important;opacity: 1!important;}
#main-header.et-fixed-header li.buchenbutton a:hover, #main-header li.buchenbutton a:hover {opacity: 1!important;}
#et-top-navigation {padding-top:25px!important;}

/*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: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 */

/* Seite Downloads */
.et_password_protected_form button{
  color: #ffffff!important;
  border: 2px solid #C3162F!important;
  border-radius: 0px!important;
    letter-spacing: 2px!important;
    font-size: 13px!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    background-color: #C3162F!important;
    padding: 10px 25px!important;
  }
  .et_password_protected_form button:hover { background-color:#E53025!important; border-color:#E53025!important;}
  .et_password_protected_form button::after { display:none!important;}
  .et_password_protected_form form{ margin-top:10px;}

  /* Praxis Galerie */
  .mfp-title{ display:none; }
  #galerie .et_pb_gallery_image {border: 4px solid #ffffff;}
