/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/** Allgemein **/
.special_amp {
    font-family: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

@media screen and (max-width:989px) {
    h1, h2, h3 {
        hyphens:auto;
    }
}


/** Burger-Menü **/
.html_av-overlay-full #av-burger-menu-ul li a:active, 
.html_av-overlay-full #av-burger-menu-ul li a:focus, 
.html_av-overlay-full #av-burger-menu-ul li a:hover,
.html_av-overlay-full #av-burger-menu-ul li.current-menu-item a {
    color:var(--enfold-header-color-primary)!important;
    opacity:1;
}


/** Logo **/
.logo img, .logo svg {
    padding:5px 0;
}

#top .av-submenu-container {
    border-bottom: 2px solid var(--enfold-main-color-primary);
}

#top .header-scrolled-full + #main .av-submenu-container.av-sticky-submenu {
    position:fixed!important;
    top:77px!important;
}

#top:not(.logged-in) .header-scrolled-full + #main .av-submenu-container.av-sticky-submenu {
    top:45px!important;
}

#top .header-scrolled-full + #main .sticky_placeholder {
    height:0!important;
}

@media screen and (max-width:989px) {
    #top .header-scrolled-full + #main .av-submenu-container.av-sticky-submenu {
        top:0!important;
    }
}


#top .av-subnav-menu {
    white-space: nowrap;
    overflow-x: auto;
}

#top .av-subnav-menu.av-subnav-menu-indicator:after {
    content: "\e88c\e88d";
    bottom: -5px;
    position: absolute;
    margin: 0 auto;
    color: white;
    display: block;
    width: 100%;
    font-family: 'entypo-fontello';
    pointer-events: none;
}

.sticky-top {
    position:fixed!important;
    top:0!important;
    z-index:1000;
}


/** Startsektion etwas nach oben verschieben in den LayerSlider **/
#start-sektion {
    transform: translateY(-100%);
    z-index: 30;
    position: relative;
    margin-bottom:-5%;
}

@media screen and (max-width:767px) {
    #start-sektion {
        transform: translateY(0);
        margin-bottom:0;
    }
}

.layerslider-startseite .ls-layers:before {
    content: "";
    width: 100%;
    height: 25%;
    display: block;
    position: absolute;
    z-index: 101;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
    pointer-events: none;
}

.layerslider-startseite .ls-layers:after {
    content: "";
    width: 100%;
    height: 25%;
    bottom:0;
    display: block;
    position: absolute;
    z-index: 101;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1 )0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
}

/** Accordion Slider **/
/*
.avia-accordion-slider-wrap.accordion-slider-startseite {
    background: var(--enfold-main-color-bg);
    padding: 200px 0 100px 0;
}

.avia-accordion.accordion-slider-startseite {
    box-shadow: 0px 0px 30px 0px black
}*/

/** Nur Home **/
.home .masonry-not-first {
    border-top: 0;
}

.home .av-masonry {
    padding: 100px 0;
}

.home #main {
    background-color: #000;
}


/** Grid **/
@media screen and (max-width:989px) {
    .av-layout-grid-container {
        padding:2rem 0;
    }
}

.superheld {
    position: absolute;
    right: 0;
    bottom:0;
    width: 400px;
    transform: translateY(440px);
    transition: all .4s ease-in-out;
}

@media screen and (max-width:1090px) {
    .superheld {
        transform: translateY(400px);
        width: 300px;
    }
}

@media screen and (max-width:767px) {
    .superheld {
        transform: translateY(270px);
        position: relative!important;
        margin-top:-250px!important;
    }
}


.superheld-fixiert-container {
    position: fixed;
    width: auto;
    right: 5%;
    bottom: 10%;
    z-index:401;
}

/*#top .header-scrolled-full + #main .superheld-fixiert-container {
        position: relative;
        float:right;
        z-index:auto;
}
*/
@media screen and (max-width:1499px) {
    .superheld-fixiert-container {
        position: relative;
        float:right;
        z-index:auto;
    }
}

#top .av-submenu-container {
    font-size:15px;
}

.av-submenu-container .active-menu-item a {
    color:var(--enfold-main-color-primary)!important;
}

.raster-text-links.alternate_color .flex_cell.avia-builder-el-first .flex_column {
    transform: translateX(10vw);
    background:var(--enfold-alternate-color-bg);
    padding: 20px;
}

.raster-text-links.main_color .flex_cell.avia-builder-el-first .flex_column {
    transform: translateX(10vw);
    background:var(--enfold-main-color-bg);
    padding: 20px;
}

.raster-text-rechts.alternate_color .flex_cell.avia-builder-el-last .flex_column {
    transform: translateX(-10vw);
    background:var(--enfold-alternate-color-bg);
    padding: 20px;
}

.raster-text-rechts.main_color .flex_cell.avia-builder-el-last .flex_column {
    transform: translateX(-10vw);
    background:var(--enfold-main-color-bg);
    padding: 20px;
}

@media screen and (max-width:1500px) {
    .raster-text-links .flex_cell.avia-builder-el-first .flex_column {
        transform: translateX(5vw);
    }

    .raster-text-rechts .flex_cell.avia-builder-el-first .flex_column {
        transform: translateX(-5vw);
    }
}

@media screen and (max-width:989px) {
    .raster-text-links .flex_cell.avia-builder-el-first .flex_column,
    .raster-text-rechts .flex_cell.avia-builder-el-first .flex_column {
        transform: translateX(0);
        padding: 0;
    }
}

.ampel {
    margin-bottom:-60px;
}

.ampel img.ampel-rot {
    position:relative;
}

.ampel img:not(.ampel-rot) {
    position:absolute;
    left:0;
    top:0;
}

.ampel img{
   position: absolute;
   animation-name: multiple-image-crossfade;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 12s;
}
.ampel img:nth-of-type(1) {
   animation-delay: 9s;
}
.ampel img:nth-of-type(2) {
   animation-delay: 6s;
}
.ampel img:nth-of-type(3) {
   animation-delay: 3s;
}
.ampel img:nth-of-type(4) {
   animation-delay: 0s;
}
@keyframes multiple-image-crossfade {
  0% {
    opacity:1;
  }
  17% {
    opacity:1;
  }
  25% {
    opacity:0;
  }
  92% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


/** Iconbox **/
.iconbox-shadow {
    box-shadow: 0 0 10px 0 #aaaaaa;
}


.flex_cell.vollbild {
    padding:0!important;
}

/** Job Accordion **/
.jobs_toggle-term {
    float: right;
    font-size: small;
    font-weight:300;
}

.online-bewerbung-link:after {
    content: "\e801";
    font-family: "typicons-arrows";
    padding-left: 5px;
    position: absolute;
    font-size: 25px;
    margin-top: -1px;
}


/** Formular **/
.wpcf7 {
    max-width: 80%;
}

@media screen and (max-width:767px) {
    .wpcf7 {
        max-width: 100%;
    }
}

/** Formular-Elemente Allgemein **/
#top label span, #top legend span {
    color:#ffffff;
}

span.wpcf7-not-valid-tip {
    margin-top: -20px;
    color:red!important;
}

/* Formular mit Enfold-Spalten */
.wpcf7-form .flex_column {
    margin-bottom: 0 !important;
}

.wpcf7-form .flex_column p {
    margin: 0;
}

.wpcf7-form .av_four_fifth {
    margin-left: 2%;
    width: 82.8%;
}


/* External Link Indikator */
.external-link a:after {
    font-family: 'entypo-fontello';
    position: relative;
    padding-left: 6px;
    left: 0;
    content: '\E835';
}

/** Filter Referenzen **/
.av-masonry-sort a {
    text-decoration: none;
    border: 1px solid white !important;
    padding: 0 10px;
    border-radius: 5px;
    margin: 5px;
}

.av-masonry-sort .text-sep {
    display:none;
}

.main_color .av-sort-by-term a.active_sort,
.main_color .av-sort-by-term a:hover {
    border-color:var(--enfold-main-color-primary)!important;
}

#whats-app {
    padding-top:50px;
}

/** Footer **/
#footer-page h2 {
    font-size: 28px;
}

/*
#footer-page main {
    padding-bottom:0!important;
}
*/

body.page-id-87 #av_section_1 {
    padding-bottom:150px;
}

/* Footer Superhelden */
.footer-superheld-standard {
    transform: translate(-10px, 68px);
    margin-top: -140px !important;
}

.footer-superheld-sicherheit {
    transform: translate(-10px, 60px);
    margin-top: -190px !important;
}

.footer-superheld-referenzen {
    position: absolute;
    bottom:-50px;
    transform: translate(-10px, 10px);
}

@media screen and (max-width:1750px) {
    .footer-superheld-sicherheit {
        margin-top: -134px!important;
    }

    .footer-superheld-sicherheit img {
        max-width:250px;
    }
} 

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

    .footer-superheld-standard, 
    .footer-superheld-sicherheit {
        transform: translate(0,0);
        margin-top: -50px !important;
    }

    .footer-superheld-referenzen {
        position: relative;
        bottom:0;
        margin-top: -50px !important;
    }

    .footer-superheld-referenzen img {
        max-width:400px;
    }

    body.page-id-87 #av_section_1 {
        padding-bottom:0px;
    }

    /* Scroll Top auch mobil */
    .responsive #top  #scroll-top-link {
        display: block;
    }
}

.footer-superheld-sicherheit,
.footer-superheld-referenzen,
body.page-id-83 .footer-superheld-standard,
body.page-id-87 .footer-superheld-standard,
body.page-id-578 .footer-superheld-sicherheit {
    display: none!important;
}

body.page-id-83 .footer-superheld-sicherheit,
body.page-id-87 .footer-superheld-referenzen,
body.page-id-578 .footer-superheld-standard {
    display:block!important;
    pointer-events:none;
}

/* Social Icons im Footer */
#footer-page .av-social-sharing-box {
    margin-top:10px;
}

#footer-page .av-share-box ul li a {
    font-size:18px;
}

.av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a {
    width: 40px;
    height: 40px;
    padding: 8px 0;
}

#footer-page .av-social-sharing-box.av-social-sharing-box-icon-simple .avia_social_svg_icon a:hover svg:first-child {
    fill:#ffffff!important;
    transform:scale(1.5);
}

/** Socket **/
#socket {
    font-size:15px;
}

#socket .menu {
    margin-top:4px;
}

#socket .sub_menu_socket li {
    line-height:normal;
}

/** Scroll-Top **/
#scroll-top-link {
    font-size:25px;
}

#scroll-top-link.avia-svg-icon svg:first-child {
    height: 24px;
    margin-top: 13px;
}

/** Text Highlighter Effekt **/
.highlighter {
    padding:0 2px;
}
.highlight {
    background-size: 200% auto; 
    background-image: linear-gradient(to right,transparent 50%,#fff 50%);
    background-position: 0% 0;
    animation-name: highlight;
    animation-duration: 1s;
    animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes highlight {
    from {background-position: 0% 0; color:#fff}
    to {background-position: -100% 0; color:#000}
}