/*
Theme Name: Divi-child-medizin-template
Description: Divi child theme
Author: Wolfram Brandhoff
Template: Divi
*/

/* -----------------------------------------------  CUSTOM  --------------------------------------------------------- */

/* ---------------------------------------------  SCHRIFTARTEN  ----------------------------------------------------- */
/* --------------------------- TYPO ---------------------------------------- */

h1{
    color:#26CE3E;
    line-height:1.2;
    font-size:54px;
    font-family: 'Raleway', sans-serif !important;
    }
h2{
    color:#777;
    line-height:1.2;
    font-family: 'Raleway', sans-serif !important;
    }
h3{
    color:#26CE3E;
    line-height:1.2;
    margin:20px 0 10px 0;
    font-size:22px;
    font-family: 'Raleway', sans-serif !important;

    }
.kontaktBereich h3{
    color:white;
    line-height:1.2;
    font-size:26px;
    margin:0;
    }
.homeBox span{
    color:white;
    line-height:1.2;
    font-size:26px;
    margin:0;
    }
.homeBox .fa{
    font-size:55px;
    margin:0 43% 5%;
    }
.bodyText p{
    -webkit-columns:2 175px;
    -moz-columns:2 175px;
    columns:2 175px;
    -webkit-column-gap:5em;
    -moz-column-gap:5em;
    column-gap:5em;
    -webkit-column-rule-width:1px;
    -moz-column-rule-width:1px;
    column-rule-width:1px;
    -webkit-column-rule-color:#dba808;
    -moz-column-rule-color:#dba808;
    column-rule-color:#dba808;
    -webkit-column-rule-style:dotted;
    -moz-column-rule-style:dotted;
    column-rule-style:dotted;
    text-indent:20px;
    }
/* --------------------------------------------- CALL TO ACTION ----------------------------------------------------- */
.circleOffer{
    background:#26CE3E;
    }
/* ---------------------------- NAME UND TITELN IM BILDBEREICH  ----------------------------------------------------- */
/* ------ HEADERBILD --------- */
.headerBild img{
    border-bottom:2px solid #26CE3E;
    }
/* -----------------------------------------------  TEXTBEREICH ----------------------------------------------------- */
div.et_pb_section.et_pb_section_0 {
    background-size: 65% !important;
    background-position: -15% 63% !important;
    
}
/* ------- HAUPTFARBEN ---------- */

.farbe1{
    background-color:#26CE3E;
    }
.farbe2{
    background-color:#26CE3E;
    }
.farbe3{
    background-color:#26CE3E;
    }
/* ------- HOMEBOXES LOWERBOXES ------- */

.homeBox{
    color:white;
    padding:10px;
    -webkit-box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
    -moz-box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
    box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
	height: 445px;
    }
.homeBox a{
    color:white;
    padding:10px 20px;
	border: 1px solid #ffffff;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
    }
.homeBox h3{

font-size: 32px;

    }
.homeBox p{

font-size: 20px;

    }
.lowerBox{
    -webkit-box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
    -moz-box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
    box-shadow:14px 14px 34px -10px rgba(161, 161, 161, 1);
    }
.lowerBox img{
    border-top:1px solid #111111;
    border-left:1px solid #111111;
    border-right:1px solid #111111;
    }
/* ------------------------------------------  KONTAKT BEREICH  ----------------------------------------------------- */
.kontaktBereich{
    background-color:#26CE3E;
    }
.kontaktBereich a{
	color: #2f4f4f;
}
.addressKontakt p{
    font-size:18px;
    color:white;
    line-height:1.3;
    }
.et_pb_contact_captcha_question{
	color: white;
}

.et_pb_contact_field_options_title{
	display: none;
}
/* ------------------------------------------  FUSSZEILE FOOTER  ---------------------------------------------------- */
.bottom-nav {
	margin-bottom: 25px;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------  DO NOT TOUCH !!!!  ----------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------ */

/*--------------------------------------------------------------------------------- CIRCLE OFFER ---------------------*/

.circleOfferContainer{
    position:relative;
    z-index:1000;
    }
.circleOfferOff{
    border-radius:100px;
    height:100px;
    width:100px;
    position:fixed;
    transition:all .8s ease;
    -moz-transition:all .8s ease;
    -webkit-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    top:30%;
    right:10%;
    color:transparent !important;
    }
.circleOffer{
    color:#fff;
    line-height:1;
    background:#26CE3E;;
    border-radius:200px;
    height:100px;
    width:100px;
    position:fixed;
    transform:scale(1.8) rotate(12deg);
    top:30%;
    right:10%;
    text-align:center;
    display:table;
    transition:all .8s ease;
    -moz-transition:all .8s ease;
    -webkit-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    border:3px solid #fff;
    cursor:grab;
    padding:22px 0 0 0;
    }
.circleOfferOff a{
    color:transparent;
    }
.circleOffer a{
    color:#fff;
    font-size:10px;
    hyphens:none !important;
    line-height:1.2;
    display:table-cell;
    font-weight:500;
    hyphens:none !important;
    transition:all .8s ease;
    -moz-transition:all .8s ease;
    -webkit-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    }
.circleOffer:hover{
    opacity:0.95;
    border:3px solid #2f4f4f;
    }
.circleOffer .fa-phone{
    font-size:18px !important;
    color:#fff;
    position:absolute;
    bottom:15px;
    left:40%;
    transition:all .8s ease;
    -moz-transition:all .8s ease;
    -webkit-transition:all .8s ease;
    -ms-transition:all .8s ease;
    -o-transition:all .8s ease;
    }
.circleOffer .fa-phone:hover{
    color:#febe04;
    }
.circleOffer:hover + .fa-phone{
    font-size:50px !important;
    color:#febe04;
    }
/*
----------------------------------------------------------------------------------- PARALLAX
*/
.parallax{
    
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    background-position:100% 0;
    padding:5px 0;
    z-index:1;
    }
.parallax h3{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    font-size:32px;
    color:#111;
    width:80%;
    line-height:36px;
    text-align:center;
    font-weight:400;
    border:1px #777 solid;
    background:rgba(255, 255, 255, 0.2);
    padding:15px 25px;
    }
.parallax span{
    font-size:20px;
    color:#ff0000;
    font-weight:400;
    }
/* --------------------------------------------- MEDIA QUERIES -------------------------------------------------------*/

@media all and (max-width:1024px){
    .parallax{
        background-attachment:inherit;
        background-position:center center;
        
        }
    }

@media (max-width:768px){

    .circleOffer{
        border-radius:75px;
        height:75px;
        width:75px;
        transform:scale(1.5) rotate(12deg);
        top:8%;
        right:6%;
        padding:5px;
        }
    .circleOffer a{
        font-size:8px;
        padding:5px;
        }
    .circleOffer .fa-phone{
        font-size:18px !important;
        color:#fff;
        position:absolute;
        bottom:3px;
        left:40%;
        }
    .circleOfferOff{
        border-radius:75px;
        height:75px;
        width:75px;
        position:fixed;
        transition:all .8s ease;
        -moz-transition:all .8s ease;
        -webkit-transition:all .8s ease;
        -ms-transition:all .8s ease;
        -o-transition:all .8s ease;
        top:8%;
        right:6%;
        color:transparent !important;
        }
    }

@media all and (max-width:768px){
    h1{
        font-size: 40px;}
	.bottom-nav {
		margin-bottom: 45px;
	}
	.homeBox{
        height: 588px
        }
}

@media all and (max-width:480px){
    h1{
        font-size: 32px;
	}
	.bottom-nav {
		margin-bottom: 55px;
	}
	.parallax h3 {
		font-size: 20px
	}
	.homeBox{
        height: 425px
        }
}