/****************************************************************************
 * Slider-Container
 ****************************************************************************/
 .content_section > .slider_wrapper {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
}
.content_section > .slider_wrapper > .typo_slider_track_wrapper {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
}
.slider_wrapper + .row {
    position: relative;
    z-index: 20;
}

/****************************************************************************
* Arrow
****************************************************************************/
.slider .arrow,
.typo_lightbox_slider .arrow {
    width: calc(var(--typo-calc-size,1) * 2rem); height: calc(var(--typo-calc-size,1) * 2rem);
    position: absolute; top: 50%;
    left: 0; z-index: 50;
    cursor: pointer;
    transform: translate(0,-50%);
}
.slider .arrow:after,
.typo_lightbox_slider .arrow:after {
    content: ''; position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    transform: rotate(90deg);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--><path d="M180.7 475.3c6.2 6.2 16.4 6.2 22.6 0l176-176c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L208 425.4 208 48c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 377.4L27.3 276.7c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l176 176z"/></svg>');
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.slider .arrow_next,
.typo_lightbox_slider .arrow_next {
    left: auto; right: 0;
}
.slider .arrow_next:after,
.typo_slider_arrow:after,
.typo_lightbox_slider .arrow_next:after {
    transform: rotate(-90deg);
}

/****************************************************************************
* TypoSlider: Arrows
****************************************************************************/
.typo_arrow_outside {
    padding-left: calc(var(--typo-calc-size,1) * 3rem);
    padding-right: calc(var(--typo-calc-size,1) * 3rem);
}
.typo_arrow_outside .typo_slider_prev { left: 0; }
.typo_arrow_outside .typo_slider_next { right: 0; }

@media screen and (min-width:40em){
    .typo_arrow_outside {
        padding-left: calc(var(--typo-calc-size,1) * 1rem);
        padding-right: calc(var(--typo-calc-size,1) * 1rem);
    }
    .typo_arrow_outside .typo_slider_prev { left: calc(var(--typo-calc-size,1) * 1rem * -1); }
    .typo_arrow_outside .typo_slider_next { right: calc(var(--typo-calc-size,1) * 1rem * -1); }
}

@media screen and (min-width:40em){
    .typo_arrow_outside {
        padding-left: 0;
        padding-right: 0;
    }
    .typo_arrow_outside .typo_slider_prev { left: calc(var(--typo-calc-size,1) * 3rem * -1); }
    .typo_arrow_outside .typo_slider_next { right: calc(var(--typo-calc-size,1) * 3rem * -1); }
}


/****************************************************************************
* TypoSlider: typo_background_slider
****************************************************************************/
.typo_background_slider > *,
.typo_background_slider  .typo_slider_track {
    height: 100%;
}
.typo_background_slider .data_ratio {
    height: 100%;
}