#SliderSection ul {margin: 0;padding:0.2rem;}
#SliderSection li {color:#fff;font-size: 1rem;padding: 0;list-style:none;margin: 0.3rem 0 0.55rem 1.4rem;line-height: 1.1rem;text-rendering: optimizeLegibility;}
/*#SliderSection ul li::marker {color: #29bdeb;}*/
.swiper {width: 100vw;height: 100vh;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.flex {display: flex;align-items: center;justify-content: space-between;}
.cell {padding-right: 0.9375rem;padding-left: 0.9375rem;}
.medium {width:50%;}
.small {width:25%;}
.animcontainer {background-color:rgba(240, 137, 5, 0.2);margin: 70vh auto auto 40vw;padding-left:5px;padding-right:5px;display:inline-block;border-radius: 6px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);backdrop-filter: blur(3.3px);-webkit-backdrop-filter: blur(3.3px);}
.animcontainer.eins{background-color:rgba(240, 137, 5, 0.2);}
.animcontainer.zwei{background-color:rgba(114, 107, 61, 0.3);}
.animcontainer.drei{background-color:rgba(115, 122, 129, 0.2);}
.animcontainer li {font-size: 2rem;padding: 6px 12px 7px;border-radius: 8px;font-weight: normal;}

.animeslide-slide {color:#29bdeb;z-index:5;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100vw;height: auto;display: flex;justify-content: center;align-items: center;}
.animeslide-slide .animcontainer {position: relative;}
.animeslide-slide.swiper-slide-active [data-animate] {opacity: 1;transform: none;}
.animeslide-slide.swiper-slide-active .animeslide-heading {font-size:4rem;padding:20px;transition-delay: 0.6s;}
.animeslide-slide.swiper-slide-active .animeslide-desc {transition-delay: 1s;}
.animeslide-heading {font-size:4rem;margin-bottom: 0;transition-delay: 3s;}
.animeslide-heading span {font-size: 2rem;background-color: #f08723;padding: 6px 12px 7px;border-radius: 8px;font-weight: normal;}
.animeslide-desc {padding: 10px;color:#29bdeb;}
[data-animate] {opacity: 0;transition: all 0.8s ease-out;}
[data-animate="bottom"] {transform: translate3d(0, 15px, 0);}
.animeslide-bottom {position: absolute;bottom: 0;border-radius: 8px;background-color: rgba(0,0,0,0.4);max-width: auto;z-index: 1;padding: 2px;right: 0;font-size: 15px;width:300px;}
.animeslide-bottom .cell {position: relative;opacity: 1;z-index: 2;height: 30px;bottom: inherit;}
.swiper-scrollbar.swiper-scrollbar-horizontal{bottom: 0; height: 2px;}
.swiper-scrollbar-drag{background: none;}
.swiper-scrollbar-drag:after{content: ""; width: 8px; height: 2px; background: red; position: absolute; top: 0; left: 50%; margin:0}
.animeslide-bottom .animeslide-scrollbar {margin-top: 16px;}
.animeslide-bottom .animeslide-scrollbar-drag {height: 6px;}
.animeslide-bottom .animeslide-pagination {font-size: 15px;font-weight:200;bottom: inherit;color:#29bdeb;}
.animeslide-bottom .animeslide-pagination b {font-size: 16px;margin-top: -5px;}
.animeslide-bottom .animeslide-pagination span {padding-left: 5px;padding-right: 5px;}
.animeslide-button-next,
.animeslide-button-prev {outline: none;}
.animeslide-button-next::after,
.animeslide-button-prev::after {font-size: 16px;color: #fff;}
.swiper-scrollbar { background:#fff}
.swiper-container .swiper-zoom-container>img {height: auto;background-position:cover;object-fit: cover;object-position: center;}

@media only screen and (max-width:991px) and (orientation:portrait){
.swiper{width: 100vw;height: auto;}
#SliderSection {margin-top:54px}
h1,h2 {font-size:1.2rem;padding:4px;margin:6px}
section{ margin:0}
p{ font-size:0.8rem}
ol li { font-size:0.8rem }
.animeslide-bottom { display:none;}
.animcontainer {display:none;}
.animeslide-slide {width: 100vw;height:25vh;background-position: center center;object-fit: cover;object-position: center;}
}
@media screen and (max-device-width:991px) and (orientation:landscape){
.swiper{width: 100vw;height: auto;}
#SliderSection {margin-top:54px}
h1,h2 {font-size:1.2rem;padding:4px;margin:6px}
section{ margin:0}
p{ font-size:0.8rem}
ol li { font-size:0.8rem }
.animeslide-bottom { display:none;}
.animcontainer {display:none;}
.animeslide-slide {height: 100vh;width:100vw;object-fit: contain;object-position: contain;}
}