/* -------------------------- BUTTONS ------------------------- */

.blue-customBtnHover:after, .blue-custom-SubmitBtnHover button:after{
    transition: width 0.3s ease;
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 0%;
    height: 100%;
    background: #3053A1;
}

.blue-customBtnHover:hover:after, .blue-custom-SubmitBtnHover button:hover:after{
    transition: width 0.3s ease;
    width: 100% !important;
    background: #3053A1;
}

.blue-customBtnHover span.fusion-button-text, .blue-customBtnHover  i, .blue-custom-SubmitBtnHover button span.fusion-button-text, .blue-custom-SubmitBtnHover button i{z-index: 1;}
.blue-customBtnHover  i, .blue-custom-SubmitBtnHover button i{margin-left: 25px;}
.blue-custom-SubmitBtnHover{margin: 0 !important;}


/* -------------------------- Pfeile -------------------------- */
.blue-arr:before, .blue-proj-Icons:before{padding: 10px;display: inline-block;position: absolute;z-index: 5;}
.blue-arr:after, .blue-proj-Icons:after{content:""; display: inline-block;padding: 18px;position: relative;background-color: #3053A1; transition-duration: 0.5s; transform: rotate(-45deg) }
.teaser:hover .blue-arr:after, .proj-container:hover .blue-proj-Icons:after{transform: rotate(0deg) !important; transition-duration: 0.5s;}

.blue-proj-Icons{transition-duration: 0.3s; display: flex; justify-content: center;     z-index: 1;    top: 50%;    left: 50%; transform: translate(-50%, -50%); position: absolute; opacity: 0;}
.proj-container:hover .blue-proj-Icons{opacity: 1}
.proj-container .blue-proj-Icons{transition-duration: 0.3s;}


/* -------------------------- TEASER --------------------------*/

.teaser-audit .fusion-column-inner-bg{
    border: 4px solid #2B2B2B;
}

.teaser-audit a::after{
    transition: width 0.5s ease;
    content: '';
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgb(0, 0, 0);
}

.teaser-audit:hover a:after{  transition: width 0.5s ease;width: 0%; }

.teaser-audit i, .teaser-audit p, .teaser-audit h4{z-index: 3;position: relative;}


/* -------------------------- FOOTER --------------------------*/
span.foo-links a {
    border: none;
    font-size: 15px;
    font-weight: 300;
}

.fusion-logo {
    max-width: 40% !IMPORTANT;
}

/* -------------------------- Add-ons Navi --------------------------*/
#add-ons-nav {
    transition: padding 0.3s ease;
}
@media only screen and (max-width: 640px) {
    #add-ons-nav.fusion-container-stuck {
        padding-right: 65px;
    }
}