.ao_slider{display:block}
.ao_slider.ao_tabs > nav{display:flex; justify-content:center;}
.ao_slider.ao_tabs > nav > .item{padding:30px 40px;cursor: pointer;position:relative;}

.ao_slider.ao_tabs > nav > .item.active{font-weight:bold;}
.ao_slider.ao_tabs > nav > .item.active::after{content:""; position:absolute;left:50%; bottom:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    transform: translate(-50%, 20px);
    z-index: 10;
    border-color:transparent transparent transparent transparent;
}
.ao_slider.ao_tabs > nav.bg-gold > .item.active::after{
    border-color: var(--ao-debug) transparent transparent transparent;
}


.ao_slider{}
.ao_slider > .slidercontent > .scene{overflow: hidden;position: relative;}
.ao_slider > .slidercontent > .scene > ul{list-style: none;margin:0;padding:0;transition: transform 1s ease 0s;transform: translateX(0%);display:flex;flex-wrap: nowrap}
.ao_slider > .slidercontent > .scene > ul .ao_basics_tab{width:100%;position:relative;margin:0 auto;}

.ao_slider.fade > .slidercontent > .scene > ul{display: block;}
.ao_slider.fade > .slidercontent > .scene > ul > li {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}



/*tabs*/

.ao_slider.ao_tabs.fallbackaccordeon{display:none;}
/*akkordeon*/
.ao_slider.ao_tabs.accordeon{}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item{margin:20px 0;}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener {padding:10px 40px;display:flex;justify-content: space-between;align-items: center;cursor:pointer;gap: 10px;}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener h3.inherit{ color:inherit; }
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener .icons.inherit{color:inherit;}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener .icons{position:relative;}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener .icons .icon.close{display:none}

.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item.open > .ao_basics_tab_opener .icons .icon.open{display:none;}
.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item.open > .ao_basics_tab_opener .icons .icon.close{display:flex;}

.ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab {display:none;}

.ao_slider.ao_tabs.accordeon.tiny .ao_basics_tab_opener h3{font-size:1em;}
.ao_slider.ao_tabs.accordeon.tiny .ao_basics_tab_opener .icons{transform: scale(0.8)}



/* bullet slider & topic slider & captions slider arrows */
.ao_slider.ao_tabs.arrows nav.arrows{position:absolute;top:50%;transform: translateY(-50%);color:#fff;cursor:pointer;opacity: 0.5}
.ao_slider.ao_tabs.arrows nav.arrows.prev{left:40px}
.ao_slider.ao_tabs.arrows nav.arrows.next{right:40px;}
.ao_slider.ao_tabs.arrows nav.arrows svg{ width:50px;height:50px; filter: drop-shadow(0px 0px 3px black);}

/* bullet slider & captions slider captions */
.ao_slider.ao_tabs nav .captions {margin-top: 20px;font-weight: bold;}
.ao_slider.ao_tabs nav .captions .capitem{display:none;}
.ao_slider.ao_tabs nav .captions .capitem.active{display:block}


/* bullet slider */
.ao_slider.ao_tabs.bullets{}
.ao_slider.ao_tabs.bullets .slidercontent{position:relative;margin-bottom: 20px;}
.ao_slider.ao_tabs.bullets nav {flex-flow: column;align-items: center;}
/*.ao_slider.ao_tabs.bullets.imagesOnly nav.ao_basics_tabnavi {position: relative;top: -50px;}*/
.ao_slider.ao_tabs.bullets nav ul {display:flex;gap:25px}
.ao_slider.ao_tabs.bullets nav ul li{width:30px;height:30px;background:#fff;border:1px solid var(--ao-debug);border-radius:30px;cursor:pointer}
.ao_slider.ao_tabs.bullets nav ul li.active{background:var(--ao-debug)}


/* captions slider  */
.ao_slider.ao_tabs.captions nav.ao_basics_tabnavi {display:flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;padding:30px 100px;}
.ao_slider.ao_tabs.captions nav.ao_basics_tabnavi .counter {font-size:0.8em;}
.ao_slider.ao_tabs.captions nav .captions {margin: 0;font-size:2em;line-height: 1;position: relative;width: 100%;text-align: center;}
.ao_slider.ao_tabs.captions.arrows nav.arrows.prev{left:-20px;transform: translate(-100%,-50%);}
.ao_slider.ao_tabs.captions.arrows nav.arrows.next{right: -20px;transform: translate(100%,-50%);}


/* topic slider */
.ao_slider.ao_tabs.topics{}
.ao_slider.ao_tabs.topics nav {flex-flow: column;align-items: center;}
.ao_slider.ao_tabs.topics.imagesOnly nav {position: relative;top: -50px;}
.ao_slider.ao_tabs.topics nav ul {display:flex;gap: 20px;width: 100%;margin-top:-70px;}
.ao_slider.ao_tabs.topics nav ul li{flex: 1 1 300px;cursor:pointer;box-shadow: 0 3px 6px #00000029;background:#fff}
.ao_slider.ao_tabs.topics nav ul li.active{background:#d8d8d8}
.ao_slider.ao_tabs.topics nav ul li .header{padding:20px 25px; border-bottom:2px solid var(--ao-debug)}
.ao_slider.ao_tabs.topics nav ul li .body{padding:20px 25px;}



@media only screen and (min-width: 1250px){
    .ao_slider.ao_tabs.topics.arrows.arrows_tab .arrows{ display:none; }
}
@media only screen and (min-width: 600px){
    .ao_slider.ao_tabs.topics.arrows.arrows_sm .arrows{ display:none; }
}



@media only screen and (max-width: 1250px){
    .ao_slider{}
    .ao_slider.tabs > .slidercontent > .scene,
    .ao_slider.bullets > .slidercontent > .scene{margin-left:40px;margin-right:40px;}
    .lvl1 .ao_slider.bullets > .slidercontent > .scene{margin-left:0;margin-right:0;}
    .ao_basics_col > .ao_slider{padding-left:0;padding-right:0;}

    /* ab einschließlich dem 4. Element, alle Elemente Ausblenden*/
    .ao_slider.ao_tabs.topics nav ul li:nth-of-type(1n+4){ display:none; }

}

@media only screen and (max-width: 600px){
    .ao_slider.tabs > .slidercontent > .scene,
    .ao_slider.bullets > .slidercontent > .scene{margin-left:20px;margin-right:20px}
    .ao_slider.ao_tabs > nav{flex-direction: column;}
    .ao_slider.ao_tabs > nav > .item{padding: 10px 20px;border-top: 1px solid;}
    .ao_slider.ao_tabs > nav > .item:first-child{border-top: 0;}
    .ao_slider.ao_tabs > nav > .item.active{
        padding: 10px 40px;
    }
    .ao_slider.ao_tabs > nav > .item.active::after{
        border-width: 10px 0 10px 10px;
        transform: translate(0, 50%);
        left: 20px;
        bottom: 50%;
    }
    .ao_slider.ao_tabs > nav.ao_basics_tabnavi.dark-blue > .item.active::after{
        border-color: transparent transparent transparent var(--ao-debug) !important;
    }
    .ao_slider.ao_tabs.fallbackaccordeon > .slidercontent > .scene > .item > .ao_basics_tab{padding:0 20px;}

    .ao_slider.ao_tabs.tabs{display:none;}
    .ao_slider.ao_tabs.fallbackaccordeon{display:block;}

    .ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener {padding:0 20px;}
    .ao_slider.ao_tabs.accordeon > .slidercontent > .scene > .item > .ao_basics_tab_opener .icons {transform: scale(0.9)}
    .ao_slider.ao_tabs.accordeon.tiny > .slidercontent > .scene > .item > .ao_basics_tab_opener .icons {transform: scale(0.7)}

    .ao_slider.ao_tabs.topics nav.ao_basics_tabnavi {display:none;}

    .ao_slider.ao_tabs.captions nav.ao_basics_tabnavi {padding:30px 60px;}
    .ao_slider.ao_tabs.captions.arrows nav.arrows.prev{left:-10px;}
    .ao_slider.ao_tabs.captions.arrows nav.arrows.next{right:-10px;}
    .ao_slider.ao_tabs.captions nav .captions {font-size: 1.2em;}
}