.leistungen.swiper{
    width: calc(100% - 160px);
    max-width: 1300px;
    height: 100%;
    max-height: 600px;
    padding: 30px 0;
    overflow: hidden;
    margin: 0 auto;
}
.swiper-button-next{
    color: var(--primaryColor);
    font-weight: bold;
    right: calc(50vw - 900px);
}
.swiper-button-prev{
    color: var(--primaryColor);
    font-weight: bold;
    left: calc(50vw - 900px);
}
.leistungen .leistung_entry_inner{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    position: relative;
}
.leistungen .leistung_entry_inner .inner{
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--BG_1_transparent);
    padding: 40px 0 20px;
}
.leistungen .leistung_entry_inner .pic{
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3);
}
.leistungen .leistung_entry_inner .icon{
    width: 80px;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    background-image:linear-gradient(to bottom, var(--BG_1_transparent) 0%, var(--BG_1_transparent) 50%, transparent 50%);
    padding: 10px;
    box-sizing: border-box;
}
.leistungen .leistung_entry .title{
    margin-top: 20px;
    font-size: 1.25rem;
    color: var(--white);
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;;
}
.leistungen .leistung_entry .title:after{
    display: inline-block;
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    content: "\f061";
    color: var(--secondaryColor);
    font-weight: bold;
    transform: rotate(-45deg);
}
.leistungen .leistung_entry:hover .title{
    text-decoration: underline;
}
.leistungen .leistungen_inner .link{
    display: block;
    margin-top: 20px;
    font-size: 1.1rem;
    color: var(--primaryTextColor);
    text-align: center;
}
.leistungen .leistungen_inner .link:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f061";
    color: var(--primaryColor);
    font-weight: bold;
}
.leistungen .leistungen_inner .leistung_entry:hover .link{
    text-decoration: underline;
}
.legend{
    text-align: center;
}
.legend .all_link{
    display: none;
    vertical-align: top;
    margin: 20px auto;
    font-size: 1.25rem;
    color: var(--primaryTextColor);
    font-weight: bold;
}
.legend .all_link:after{
    font-family: "Font Awesome 5 Pro";
    content: "\f061";
    color: var(--primaryColor);
    font-weight: bold;
}
.legend .all_link:hover{
    text-decoration: underline;
}
.logged_in .leistungen .leistungen_inner{
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
}
.logged_in .leistungen .leistungen_inner .leistung_entry{
    width: 300px;
    margin: 20px;
}
/*---Overview----------------------------------------------------------------------------------------------------------*/
.overview .swiper-button-next,
.overview .swiper-button-prev{
    display: none;
}
.overview .leistungen .leistungen_inner{
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    justify-content: center;
}
.overview .leistungen .leistung_entry{
    margin: 20px;
}
.overview .leistungen.shown .leistung_entry{
    animation: fadeIn 0.4s;
    animation-fill-mode: forwards;
}
/*.overview .leistungen.hidden .leistung_entry{*/
/*    animation: fadeOut 0.4s;*/
/*    animation-fill-mode: forwards;*/
/*}*/
.overview .leistungen.shown .leistung_entry:nth-of-type(1){
    animation-delay: 0s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(2){
    animation-delay: 0s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(3){
    animation-delay: 0s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(4){
    animation-delay: 0.4s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(5){
    animation-delay: 0.4s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(6){
    animation-delay:0.4s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(7){
    animation-delay: 0.8s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(8){
    animation-delay: 0.8s;
}
.overview .leistungen.shown .leistung_entry:nth-of-type(9){
    animation-delay: 0.8s;
}
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(1){*/
/*    animation-delay: 3.2s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(2){*/
/*    animation-delay: 2.8s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(3){*/
/*    animation-delay: 2.4s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(4){*/
/*    animation-delay: 2s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(5){*/
/*    animation-delay: 1.6s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(6){*/
/*    animation-delay: 1.2s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(7){*/
/*    animation-delay: 0.8s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(8){*/
/*    animation-delay: 0.4s;*/
/*}*/
/*.overview .leistungen.hidden .leistung_entry:nth-of-type(9){*/
/*    animation-delay: 0s;*/
/*}*/
.overview .leistungen .leistung_entry_inner{
    max-width: 375px;
}
.overview .legend .all_link {
    display: none;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(.1);
    }
    90% {
        opacity: 1;
        transform: scale(1.05);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/*@keyframes fadeOut {*/
/*    0% {*/
/*        opacity: 1;*/
/*        transform: scale(1);*/
/*    }*/
/*    10% {*/
/*        opacity: 1;*/
/*        transform: scale(1.05);*/
/*    }*/
/*    100% {*/
/*        opacity: 0;*/
/*        transform: scale(.1);*/
/*    }*/
/*}*/
/*---Responsive--------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1750px){
    .swiper-button-next{
        right: 40px;
    }
    .swiper-button-prev{
        left: 40px;
    }
}
@media screen and (max-width:1020px){
    .swiper-button-next{
        right: 0;
    }
    .swiper-button-prev{
        left: 0;
    }
    .legend{
        display: none
    }
    .leistungen .leistungen_inner .link{
        display: none;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(1){
        animation-delay: 0s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(2){
        animation-delay: 0s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(3){
        animation-delay: 0.4s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(4){
        animation-delay: 0.4s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(5){
        animation-delay: 0.8s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(6){
        animation-delay:0.8s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(7){
        animation-delay: 1.2s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(8){
        animation-delay: 1.2s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(9){
        animation-delay: 1.6s;
    }
}
@media screen and (max-width:680px) {
    .overview .leistungen.shown .leistung_entry:nth-of-type(1){
        animation-delay: 0s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(2){
        animation-delay: 0.4s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(3){
        animation-delay: 0.8s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(4){
        animation-delay: 1.2s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(5){
        animation-delay: 1.6s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(6){
        animation-delay: 2s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(7){
        animation-delay: 2.4s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(8){
        animation-delay: 2.8s;
    }
    .overview .leistungen.shown .leistung_entry:nth-of-type(9){
        animation-delay: 3.2s;
    }
}
@media screen and (max-width:500px) {
    .leistungen.swiper {
        width: calc(100% - 80px);
    }
}