/*
 Theme Name:   Divi-Child
 Theme URI:    http://www.sanitaetshaus-ge.de
 Description:  Divi Child Theme
 Author:       Marcellus Sträter
 Template:     Divi
 Version:      1.0.0
*/

/*
-----------------------------------------------
Suchfeld im Header
-----------------------------------------------
*/
#main-header form.et-search-form {
	width: 40% !important;
	max-width: 40% !important;
}
#main-header form.et-search-form input {
    top: 2em;
    bottom: 2em;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid 2px #deebf7;
    color: #333;
    min-height: 1em;
    background: rgba(222, 235, 247, 0.4)!important;
}
/*
-----------------------------------------------
Navigationspunkte
-----------------------------------------------
*/
/* Aktive Navigationspunkte */
#top-menu li.current-menu-item>a {
    color: #9dc3e6;
}
#top-menu a:hover {
    color: #9dc3e6 !important;
}
/* Aktive Navigationsoberpunkte */
#top-menu li.current-menu-ancestor>a {
    color: #9dc3e6 !important;
}
/*
-----------------------------------------------
Mobiles Menü
-----------------------------------------------
*/
.et_mobile_menu .menu-item-has-children>a,
#et_mobile_nav_menu .current-menu-item>a {
    background: rgba(189, 215, 238, 0.3);
}
.et_mobile_menu li a:hover,
#et_mobile_nav_menu .current-menu-item>a:hover {
    background: rgba(189, 215, 238, 0.7);
}
#et_mobile_nav_menu .current-menu-item>a {
    background: rgba(189, 215, 238, 0.7);
}
/*
-----------------------------------------------
Fullwith Slider
-----------------------------------------------
*/
.et_pb_button {
	background: rgba(0, 0, 0, .4);
}
.et_pb_more_button:hover {
	background: rgba(31, 78, 121, .8);
}
/*
-----------------------------------------------
Auszeichnung für H1, H2
-----------------------------------------------
*/
div#main-content h1,
div#main-content h2,
div#main-content h3 {
    color: #2f75b6;
    line-height: 1.2em;
    /*font-family: "Times New Roman", Serif;
    font-style: italic;*/
}
/*
-----------------------------------------------
Auszeichnung für Links im Blurb
-----------------------------------------------
*/
.et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header a:hover {
    color: #9dc3e6 !important;
    /*border-bottom: 1px solid #9dc3e6;*/
}
/*
-----------------------------------------------
Auszeichnung für Links im Contentbereich
-----------------------------------------------
*/
div#main-content p>a,
div#main-content li a {
    border-bottom: 1px solid #eee;
}
/*
-----------------------------------------------
Auszeichnung "cookie Consent"
-----------------------------------------------
*/
div#catapult-cookie-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 12%;
    left: 2px;
    width: 300px;
}
/*
.has-cookie-bar #catapult-cookie-bar {
    padding: 30px 20px 30px 20px;
}*/
.ctcc-more-info-link {
    margin-left: 1em;
}
.ctcc-more-info-link:hover {
    border-bottom: solid 1px;
}
#catapultCookie {
    background-color: #fff !important;
}
/*
-----------------------------------------------
Auszeichnungen für zweispaltiges Kontaktformular
-----------------------------------------------
*/
.wps-form {
    width: 100%;
    margin: 0 auto;
}
.wps-form .wps-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.wps-form .wps-form-row .wpcf7-form-control {
    width: 100%;
}
.wps-form .wps-form-column {
    flex: 1;
    width: 100%;
    padding: .5rem 0;
}
/* Notebook / Desktop */
@media only screen and (min-width: 48em) { 
    .wps-form .wps-form-row {
        flex-direction: row;
    }
    .wps-form .wps-form-column {
        padding: .5rem 1rem;
    }
}
div.wpcf7 {
    padding: 0;
}
div.wpcf7-response-output {
    margin: 1em 0;
    padding: .5em;
}
@media all and (min-width:768px) and (max-width:980px) {
    div.wpcf7 {
        padding: 0 9%;
    }
    div.wpcf7-response-output {
        margin: 1em 1em;
    }
}
@media all and (min-width:981px) {
    div.wpcf7 {
        padding: 0 19%;
    }
    div.wpcf7-response-output {
        margin: 1em 1em;
    }
}
input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
    padding: .4em; */
    /*border: 1px solid #bbb; */
    color: #333;
    background-color: rgba(222, 235, 247, 0.4);
    font-size: 1.4em;
}
div.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.recaptcha {
    margin-top: 2em;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 12em !important;
    background-color: #aaa;
    padding: .5rem 2rem;
    color: #fff;
    font-size: 1.4em;
    border: 2px solid #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 500;
    margin-bottom: 1em;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background: rgba(31, 78, 121, .8);
}
div.wpcf7-validation-errors {
    border: 4px solid #f00;
}
/*
-----------------------------------------------
Auszeichnungen Ergebnisseite
-----------------------------------------------
*/
ul.grid-search {
    padding: 0 0 5% 0;
}
@media all and (min-width:768px) and (max-width:980px) {
    ul.grid-search {
        padding: 0 10% 5% 10%;
    }
}
@media all and (min-width:981px) {
    ul.grid-search {
        padding: 0 20% 5% 20%;
    }
}
#main-content .container:before {
    background-color: transparent;
}
.freiraum {
    height: 8em;
    padding-bottom: 8em;
}

/*
-----------------------------------------------
Auszeichnungen für google map
-----------------------------------------------
*/
div#map {
    width: 100%;
    height: 600px;
}

/*
-----------------------------------------------
Auszeichnungen für Slidernavigation
-----------------------------------------------
*/
.et_pb_fullwidth_section .et_pb_more_button {
    margin-top: 0px;
}
.et_pb_fullwidth_section .et-pb-arrow-next,
.et_pb_fullwidth_section .et-pb-arrow-prev {
    color: #333 !important;
}
.et-pb-arrow-next,
.et-pb-arrow-prev {
    background-color: rgba(255, 255, 255, 0.6);
}
.et-pb-controllers {
    background-color: rgba(255, 255, 255, 0.3);
    height: 1.8em;
}
.et-pb-controllers a {
    width: .8em;
    height: .8em;
    margin-right: .5em;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    margin-top: .5em;
}