.et_animated{opacity:0;animation-duration:1s;animation-fill-mode:both!important}.et_animated.infinite{animation-iteration-count:infinite}.et_had_animation{position:relative}@keyframes et_pb_fade{to{opacity:1}}.et_animated.fade{animation-name:et_pb_fade}@keyframes et_pb_fadeTop{0%{transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.et_animated.fadeTop{animation-name:et_pb_fadeTop}@keyframes et_pb_fadeRight{0%{transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.et_animated.fadeRight{animation-name:et_pb_fadeRight}@keyframes et_pb_fadeBottom{0%{transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.et_animated.fadeBottom{animation-name:et_pb_fadeBottom}@keyframes et_pb_fadeLeft{0%{transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.et_animated.fadeLeft{animation-name:et_pb_fadeLeft}.et_animated.slide{animation-name:et_pb_zoomLeft}.et_animated.slideBottom,.et_animated.slideRight,.et_animated.slideTop{animation-name:et_pb_slideLeft}@keyframes et_pb_slideLeft{to{transform:translateZ(0);opacity:1}}.et_animated.slideLeft{animation-name:et_pb_slideLeft}@keyframes et_pb_bounce{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.et_animated.bounce{animation-name:et_pb_bounce}@keyframes et_pb_bounceTop{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,-200px,0)}60%{transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none;opacity:1}}.et_animated.bounceTop{animation-name:et_pb_bounceTop}@keyframes et_pb_bounceRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(200px,0,0)}60%{transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none;opacity:1}}.et_animated.bounceRight{animation-name:et_pb_bounceRight}@keyframes et_pb_bounceBottom{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(0,200px,0)}60%{transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0);opacity:1}}.et_animated.bounceBottom{animation-name:et_pb_bounceBottom}@keyframes et_pb_bounceLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{transform:translate3d(-200px,0,0)}60%{transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none;opacity:1}}.et_animated.bounceLeft{animation-name:et_pb_bounceLeft}.et_animated.zoom,.et_animated.zoomTop{animation-name:et_pb_zoomLeft}.et_animated.zoomTop{transform-origin:top}.et_animated.zoomRight{animation-name:et_pb_zoomLeft;transform-origin:right}.et_animated.zoomBottom{animation-name:et_pb_zoomLeft;transform-origin:bottom}@keyframes et_pb_zoomLeft{to{transform:scaleX(1);opacity:1}}.et_animated.zoomLeft{animation-name:et_pb_zoomLeft;transform-origin:left}.et_animated.flip,.et_animated.flipTop{animation-name:et_pb_foldBottom}.et_animated.flipRight,.et_animated.flipTop{transform-origin:center}.et_animated.flipRight{animation-name:et_pb_foldLeft}.et_animated.flipBottom{animation-name:et_pb_foldBottom;transform-origin:center}.et_animated.flipLeft,.et_animated.fold{animation-name:et_pb_foldLeft;transform-origin:center}.et_animated.foldTop{transform-origin:top;animation-name:et_pb_foldBottom}.et_animated.foldRight{transform-origin:right;animation-name:et_pb_foldLeft}@keyframes et_pb_foldBottom{to{opacity:1;transform:rotateX(0deg)}}.et_animated.foldBottom{transform-origin:bottom;animation-name:et_pb_foldBottom}@keyframes et_pb_foldLeft{to{opacity:1;transform:rotateY(0deg)}}.et_animated.foldLeft{transform-origin:left;animation-name:et_pb_foldLeft}@keyframes et_pb_roll{0%{transform-origin:center}to{transform-origin:center;transform:none;opacity:1}}.et_animated.roll{animation-name:et_pb_roll}@keyframes et_pb_rollTop{0%{transform-origin:top}to{transform-origin:top;transform:none;opacity:1}}.et_animated.rollTop{animation-name:et_pb_rollTop}@keyframes et_pb_rollRight{0%{transform-origin:right}to{transform-origin:right;transform:none;opacity:1}}.et_animated.rollRight{animation-name:et_pb_rollRight}@keyframes et_pb_rollBottom{0%{transform-origin:bottom}to{transform-origin:bottom;transform:none;opacity:1}}.et_animated.rollBottom{animation-name:et_pb_rollBottom}@keyframes et_pb_rollLeft{0%{transform-origin:left}to{transform-origin:left;transform:none;opacity:1}}.et_animated.rollLeft{animation-name:et_pb_rollLeft}/*
Theme Name:  BÄÄÄHM
Theme URI:   http://webempathie.de
Version:     1.03
Description: A child theme of Divi. This is a custom child theme created for our site bääähm schuhe.
Author:      webempathie
Author URI:  http://webempathie.de
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*------------------------------------------------*/
/*--------------------[LOGO]----------------------*/
/*--------- [CUSTOM CSS BY GENO QUIROZ] ----------*/
/*------------------------------------------------*/
 
/* logo over top header and reduce logo container width */
    #top-header {z-index: 99998!important;}
    #logo {z-index: 99999!important; position: relative!important;}
    .et_header_style_left .logo_container { width: 150px;}
 
/* logo swaps */
    #logo {display:block!important; opacity:1;} 
    #logo {
		min-width: 330px;
            max-height: 480%!important;
            margin-top: -111px;
            z-index: 9999;
            position: static;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;}
 
    .et-fixed-header #logo {  
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        margin-top:-500px;}
 
    #logo2 {
            max-height: 153%;
            margin-top: -230px;
        margin-left: -165px;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;}
 
    .et-fixed-header #logo2 {
		min-width: 333px;
        margin-left: 0px;
        margin-top: 133px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;}
 
@media only screen and (min-width : 981px) and (max-width: 1400px){
        #logo2 {display:none;}
        #logo {min-width:66%; max-width:75%!important; margin-top: -80px; margin-left:-33px}} 

    @media only screen and (max-width : 980px) {
        #logo2 {display:none;}
        #logo {min-width:44%; max-width:55%!important; margin-top: -80px; margin-left:-33px}}#callnowbutton {
    display: none;
}

@media screen and (max-width:650px) {

    #callnowbutton {
        display: block;
        position: fixed;
        text-decoration: none;
    }

    #callnowbutton.cnb-full {
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
        width: 100%;
        left: 0;
        height: 60px;
    }

    .cnb-full.cnb-full-bottom {
        bottom: 0;
    }

    .cnb-full.cnb-full-top {
        top: 0;
    }

    #callnowbutton.cnb-single {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
        background-position: center;
        background-size:35px 35px;
        background-repeat: no-repeat;
    }

    .cnb-single.cnb-middle {
        bottom: 15px;
        left: 50%;
        margin-left: -28px;
    }

    .cnb-single.cnb-left {
        bottom: 15px;
        left: 20px;
    }

    .cnb-single.cnb-right {
        bottom: 15px;
        right: 20px;
    }

    .cnb-single.cnb-mleft {
        top: 50%;
        margin-top: -28px;
        left: 20px;
    }

    .cnb-single.cnb-mright {
        top: 50%;
        margin-top: -28px;
        right: 20px;
    }

    .cnb-single.cnb-tleft {
        top: 15px;
        left: 20px;
    }

    .cnb-single.cnb-tmiddle {
        top: 15px;
        left: 50%;
        margin-left: -28px;
    }

    .cnb-single.cnb-tright {
        top: 15px;
        right: 20px;
    }

    /* Don't show a label with top and bottom middle positions */
    #callnowbutton.cnb-single.cnb-middle span,
    #callnowbutton.cnb-single.cnb-tmiddle span {
        display: none;
    }

    .cnb-single.cnb-left span,
    .cnb-single.cnb-mleft span,
    .cnb-single.cnb-tleft span {
        left: 68px;
    }

    .cnb-single.cnb-right span,
    .cnb-single.cnb-mright span,
    .cnb-single.cnb-tright span {
        right: 68px;
    }

    .cnb-single.cnb-text span {
        -moz-osx-font-smoothing: grayscale;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: block;
        width: auto;
        background-color: rgba(70,70,70,.9);
        position: absolute;
        border-radius: 2px;
        font-family: helvetica,arial,sans-serif;
        padding: 6px 8px;
        font-size: 13px;
        font-weight: 700;
        color: #ECECEC;
        top: 15px;
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
        word-break: keep-all;
        line-height: 1em;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }
    .cnb-single:not(.cnb-text) span {
        display: none;
    }
    .cnb-full.cnb-text {
        text-align: center;
        color: #FFF;
        font-weight: 600;
        font-size: 120%;
        overflow: hidden;
        white-space: nowrap;
    }

    .cnb-full.cnb-zoom-110 img,
    .cnb-full.cnb-zoom-120 img,
    .cnb-full.cnb-zoom-130 img {
      transform-origin: right;
    }
    .cnb-single.cnb-zoom-70,
    .cnb-full.cnb-zoom-70 img {
      transform: scale(0.7);
    }
    .cnb-single.cnb-zoom-80,
    .cnb-full.cnb-zoom-80 img {
      transform: scale(0.8);
    }
    .cnb-single.cnb-zoom-90,
    .cnb-full.cnb-zoom-90 img {
      transform: scale(0.9);
    }
    .cnb-single.cnb-zoom-110,
    .cnb-full.cnb-zoom-110 img {
      transform: scale(1.1);
    }
    .cnb-single.cnb-zoom-120,
    .cnb-full.cnb-zoom-120 img {
      transform: scale(1.2);
    }
    .cnb-single.cnb-zoom-130,
    .cnb-full.cnb-zoom-130 img {
      transform: scale(1.3);
    }
    .cnb-full.cnb-zoom-70 span {
      font-size: 70%;
    }
    .cnb-full.cnb-zoom-80 span {
      font-size: 80%;
    }
    .cnb-full.cnb-zoom-90 span {
      font-size: 90%;
    }
    .cnb-full.cnb-zoom-110 span {
      font-size: 110%;
    }
    .cnb-full.cnb-zoom-120 span {
      font-size: 120%;
    }
    .cnb-full.cnb-zoom-130 span {
      font-size: 130%;
    }

    .cnb-zindex-10 {
      z-index: 2147483647;
    }
    .cnb-zindex-9 {
      z-index: 214748365;
    }
    .cnb-zindex-8 {
      z-index: 21474836;
    }
    .cnb-zindex-7 {
      z-index: 2147484;
    }
    .cnb-zindex-6 {
      z-index: 214748;
    }
    .cnb-zindex-5 {
      z-index: 21475;
    }
    .cnb-zindex-4 {
      z-index: 2147;
    }
    .cnb-zindex-3 {
      z-index: 215;
    }
    .cnb-zindex-2 {
      z-index: 21;
    }
    .cnb-zindex-1 {
      z-index: 2;
    }
}