#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-slide {text-align: center;font-size: 18px;background: black;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.animcontainer h2 {font-size: 2rem;line-height: 2rem;margin:0;letter-spacing:3px;padding:1rem;color:#fff;font-weight:100;z-index:6000;}
.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 {margin: auto auto 16vh auto;display:inline-block;background-color:rgba(146, 0, 105, 0.8);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);z-index:100000;}
.animcontainer.eins{background-color:rgba(0, 0, 0, 0.2);}
.animcontainer.zwei{background-color:rgba(114, 107, 61, 0.3);}
.animcontainer.drei{background-color:rgba(115, 122, 129, 0.2);}
.animeslide-slide {color:#fff;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 {transition-delay: 0.6s;}
.animeslide-slide.swiper-slide-active .animeslide-desc {transition-delay: 1s;}
.animeslide-heading {margin-bottom: 0;transition-delay: 3s;}
.animeslide-heading span {font-size: 1.6rem;background-color: transparent;padding: 6px 12px;border-radius: 8px;font-weight: 200;}
.animeslide-desc {padding: 10px;color:#fff;}
[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;}
.slider-100 { height:100vh;}
.slider-50 { height:50vh;}
@media only screen and (max-width:991px) and (orientation:portrait){
	.slider-50 { height:100vh;}
	.swiper{height: 100vh;width: auto;background-size:contain}
	h1,h2 {font-size:1.2rem;padding:4px;margin:6px}
	p{ font-size:0.8rem}
	.animeslide-heading span {font-size:0.8rem;border-radius: 0;}
	.animeslide-bottom { display:none;}
	/*.animcontainer {display:none;}*/
	.animeslide-slide {width: auto;height:100vh;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;}
	.slider-50 { height:100vh;}
	h1,h2 {font-size:1.2rem;padding:4px;margin:6px}
	p{ font-size:0.8rem}
	.animeslide-heading span {font-size:0.8rem;border-radius: 0;}
	.animeslide-bottom { display:none;}
	/*.animcontainer {display:none;}*/
	.animeslide-slide {height: 100vh;width:100vw;object-fit: contain;object-position: contain;}
} 
.wrapper {max-width: 1920px;overflow: hidden;}
.wrapper .card {background: #fff;display: flex;height: auto;flex-direction: column;border-radius: 10px;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);transition: transform 0.3s ease;}
.wrapper .card:hover {transform: translateY(-2px);}
.wrapper .card.carts:hover {transform: translateY(-20px);}
.card .card-image {position: relative;}
.card .card-image img {width: 100%;padding: 1px;border-radius: 10px 10px 0 0;object-fit: cover;aspect-ratio: 4 / 3;}
.card .card-image .card-tag {position: absolute;top: 25px;left: 25px;font-size: 0.75rem;color: #6366f1;padding: 5px 15px;border-radius: 30px;font-weight: 600;letter-spacing: 0.5px;text-transform: uppercase;background: rgba(255, 255, 255, 0.9);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.card .card-content {flex: 1;display: flex;width:100%;flex-direction: column;padding: 10px 5px 10px 5px;}
.card-content .card-title {font-family:'Italiana',sans-serif;hyphens:none;font-size:2.4rem;font-weight:200;margin-bottom:35px;}
.card-content h3.card-title{font-family:'Italiana',sans-serif;position: relative;color: #333;font-size: 1.5rem;font-weight: 700;text-align:center;line-height: 1.5;margin-bottom: 5px;}
.card-content h3.card-title:before{content:"";position:absolute;left: 25%;width: 50%;height: 1px;bottom: 0;left: 25%;background-color:var(--hcolorlinie);}
.card-content h3.card-title:after{content:"";position:absolute;left:50%;width: 10%;transform:translateX(-50%);height:3px;bottom:-1px;background-color:var(--hcolorlinie);}

.card .card-footer {display: flex;margin-top: auto;align-items: center;padding-top: 5px;justify-content: space-between;border-top: 1px solid rgba(0, 0, 0, 0.08);}
.card .card-footer .card-profile {display: flex;align-items: center;}
.card .card-profile .card-profile-info {display: flex;flex-direction: column;}
.card .card-profile .card-profile-name {font-size: 0.875rem;font-weight: 600;color: #202020;}
.card .card-profile .card-profile-role {font-size: 0.8rem;color: #7A7A7A;}
.card .card-profile img {width: 35px;height: 35px;margin-right: 10px;object-fit: cover;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.card .card-button {color: #fff;padding: 1px 10px;border-radius: 4px;font-size: 0.80rem;font-weight: 300;text-decoration: none;background: rgb(39, 39, 39);box-shadow: 0 4px 6px rgba(99, 102, 241, 0.4);transition: all 0.3s ease;}
/*.card .card-button:hover {transform: translateY(-3px);box-shadow: 0 8px 15px rgba(99, 102, 241, 0.3);} */
.wrapper .swiper-pagination-bullet {height: 15px;width: 15px;opacity: 1;overflow: hidden;position: relative;background: rgb(187, 82, 174);}
.wrapper .swiper-pagination-bullet-active {background: rgb(187, 82, 174);}
.wrapper .swiper-pagination-bullet-active::before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgb(124, 39, 89);transform-origin: left center;transform: scaleX(0);animation: autoplay-loading 5s linear forwards;}
.container:hover .wrapper .swiper-pagination-bullet-active::before {animation-play-state: paused;}


@media only screen and (max-width:991px) and (orientation:portrait){
.card-content h3.card-title{font-family:'Italiana',sans-serif;position: relative;color: #333;font-size: 1.2rem;font-weight: 700;text-align:center;line-height: 1.5;margin-bottom: 5px;}
.card .card-content .card-text {color: #555;font-size: 0.8rem;margin-bottom:0;}
.card .card-button {color: #fff;padding: 1px 10px;border-radius: 2px;font-size: 0.6rem;font-weight: 300;text-decoration: none;background: rgb(39, 39, 39);box-shadow: 0 4px 6px rgba(99, 102, 241, 0.4);transition: all 0.3s ease;}

}
@media screen and (max-device-width:991px) and (orientation:landscape){
.card-content h3.card-title{font-family:'Italiana',sans-serif;position: relative;color: #333;font-size: 1.2rem;font-weight: 700;text-align:center;line-height: 1.5;margin-bottom: 5px;}
.card .card-content .card-text {color: #555;font-size: 0.8rem;margin-bottom:0;}
.card .card-button {color: #fff;padding: 1px 10px;border-radius: 2px;font-size: 0.6rem;font-weight: 300;text-decoration: none;background: rgb(39, 39, 39);box-shadow: 0 4px 6px rgba(99, 102, 241, 0.4);transition: all 0.3s ease;}

}
















@keyframes autoplay-loading {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
.wrapper :where(.swiper-button-prev, .swiper-button-next) {color: rgb(124, 39, 89);margin-top: -35px;transition: all 0.3s ease;}
.wrapper :where(.swiper-button-prev, .swiper-button-next):hover {color: rgb(68, 25, 47);}
@media (max-width: 768px) {
	.wrapper {margin: 0 10px 25px;}
	.wrapper :where(.swiper-button-prev, .swiper-button-next) {display: none;}
}
.swiper-slide.gradient-85.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.85) 100%);}
.swiper-slide.gradient-75.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.75) 100%);}
.swiper-slide.gradient-65.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.65) 100%);}
.swiper-slide.gradient-55.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.55) 100%);}
.swiper-slide.gradient-45.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 50vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.45) 100%);}
.swiper-slide.gradient-35.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 30vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.35) 100%);}
.swiper-slide.gradient-25.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 30vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.25) 100%);}
.swiper-slide.gradient-15.animeslide-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 30vh;background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 100%);}
