/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/




/* html formatierung*/
.panel-body ul,
.panel-body ol,
.fusion-text ul,
.fusion-text ol{
    padding-left: 1em!important
}


/*  listenpunkte auf normalen seiten rot */
body.page-template .fusion-text ul li::marker {
    color: #e40134;    
}

/*  listen abstand unter punkten */
.fusion-text ol li,
.fusion-text ul li {
    margin-bottom: 0.5em;
}


.pwa-nav-points {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    gap: 20px;
    position: absolute;
    bottom: 50px;
    right: 0;
    z-index: 10;
}

.pwa-nav-points, .pwa-nav-points li {
    padding: 0;
    margin: 0;
}


#wrapper .swiper-pagination {
    margin-top:40px
}

#wrapper .swiper-pagination .swiper-pagination-bullet,
.pwa-nav-points a {
    display: block;
    width: 33px;
    height: 33px;
    background-color: transparent;
    border: 2px solid #fff;
    overflow: hidden;
    text-indent: -2000px;
    border-radius: 50%;
    
}
#wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.pwa-nav-points a.active {
    background-color: #fff;
}


#wrapper .pwa-nav-points_red .swiper-pagination .swiper-pagination-bullet,
.pwa-nav-points_red .pwa-nav-points a {
    background-color: transparent;
    border: 2px solid #e40134;
}
#wrapper .pwa-nav-points_red .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.pwa-nav-points_red .pwa-nav-points a.active {
    background-color: #e40134;
}




/* SIDEBAR OFF CANVAS */

.awb-off-canvas-wrap.position-right .awb-off-canvas{
    /* border-left: solid 1px #fff; */
    border-left: solid 1px #fff;
}
.awb-off-canvas-wrap.position-right .fusion-fullwidth {
    padding:0;
}


.awb-off-canvas-wrap.position-right .fusion-column-wrapper {
    align-items: center!important;
    align-content: center!important;
    text-align:center;
}


.awb-off-canvas-wrap img {
    margin: auto;
}

.awb-off-canvas-wrap a {
    display: block;
    width: 75px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}
.awb-off-canvas-wrap.position-right .fusion-imageframe {
    display: block;
    width: 23px;    
}

.awb-off-canvas-wrap.position-bottom .off-canvas-content {
    
    justify-content: center;
    overflow: hidden !important;
    display: block !important;

}

/*  pwa-lightboxlink-button */
#wrapper .pwa-lightboxlink-button {
    padding-left: 0 !important;
    font-family: "FFKievitWebProBold"!important;
    text-transform: none!important;
    font-size: 18px;
    line-height: 24px
}

#wrapper .pwa-lightboxlink-button img {
    width: 40px;
    margin-right: 10px;    
}



/* ausblenden des offcanvas in iframes*/
body.iframeVersion #wpadminbar,
body.iframeVersion .QRcodeWrap,
body.iframeVersion .awb-off-canvas-wrap {
    display: none!important;
}

body .ilightbox-holder {
    display: block;
    top: 0 !important;
    left: 0 !important;
    margin: 20px 2%;
    width: 96%;
    z-index: 100000000000000000000;
}

body .ilightbox-holder.light {
    height: 93%!important;
}

body .ilightbox-holder .ilightbox-container {
    width: auto !important;
    padding: 50px 100px !important;
    height: 100% !important;
}

.ilightbox-fullscreen {
    display:none;
}

.ilightbox-toolbar {
    z-index: 10000000000000 !important;
    left: 2% !important;
    width: 96%;
    border-width: 0 !important;
    box-shadow: none !important;
}
.ilightbox-toolbar.light a.ilightbox-close:hover,
.ilightbox-toolbar.light a:first-of-type {
    float: right;
    right: 40px;
    position: absolute;
    background-image: url(/wp-content/uploads/2024/09/Schliessen_Button.svg) !important;
    width: 26px !important;
    height: 26px !important;
    background-size: 26px 26px !important;
    background-position: 0 0!important;
    top: 20px;
}

.isMobile .ilightbox-toolbar.light {
    top: 0!important;
}
.isMobile .ilightbox-toolbar.light .ilightbox-fullscreen {
    display: none!important;
}

/* image captions */
#wrapper .awb-imageframe-caption-container  {
    padding: 1em !important;
}

/* Gallery-overlay */


#wrapper .awb-gallery-wrapper .fusion-masonry-element-container,
#wrapper .awb-gallery-wrapper img {
    opacity: 1!important;
}


.awb-imageframe-style-dario img {
    opacity: 1!important;
}

/* Vollbild Scrollbars weg*/
body {
    overflow: auto!important;
}


/* kacheln*/
.thema_teaser a {
    color:var(--awb-text-color)!important;
    display: block;
    
}


.thema_teaser .title {
    font-family: var(--awb-custom_typography_2-font-family);
    font-weight: var(--awb-custom_typography_2-font-weight);
    font-style: var(--awb-custom_typography_2-font-style);
    margin: 0;
    font-size: 1em;
    letter-spacing: var(--awb-custom_typography_2-letter-spacing);
    text-transform: var(--awb-custom_typography_2-text-transform);
    line-height: 28px;
}



.thema_teaser .click_element {
    width: 50px;
    margin-left: auto;
    margin-right: auto;
    display: block;    
}
.thema_teaser .title,
.thema_teaser .fusion-text {
    padding-left: 10px;
    padding-right: 10px;
    min-height: 2em;
}

/* infoblöcke */
.infoblock .fusion-text ::marker {
    color: #e40134;
}



/* mobiloptimierung */
@media screen and (max-width: 640px) {

    .awb-off-canvas-wrap.position-bottom {
        display: flex!important;
    
    }

    .awb-off-canvas-wrap.position-right {
        display: none!important;
    }
    #wrapper {
        padding-bottom: 50px!important;
    
    }


    .single-infoblock .fusion-content-tb .fusion-fullwidth {
        padding-right: 20px;
        padding-right: 30px;
    }
    .pwa-nav-points {
        position: static;
        bottom: 50px;
        right: 0;
        justify-content: flex-end;
    }
    
    .QRcodeWrap {
        display: none;
    }

    #myVideoColumn {
        min-height: 720px;
    }


    body .ilightbox-holder .ilightbox-container {
        padding: 0px !important;        
    }

    body.iframeVersion .fusion-fullwidth {
        padding-left: 20px!important;
        padding-right: 20px!important;
    }

    

}


@media screen and (min-width: 640px) {
    .awb-off-canvas-wrap.position-bottom {
        display: none!important;
    
    }   
    /*
    body .fusion-fullwidth {
        --awb-padding-right-small: 20px!important;
    }
       */
    

}