/* Teaser-Slider */
.block.teaser-slider header.block-header{margin-bottom:0!important;margin-left:auto;margin-right:auto;max-width:var(--us-wide-width,1340px);}
.teaser-slider:has(.slider-controls.outside) header.block-header{padding-right:90px;}

.teaser-slider{--teaser-slider-width:340px;}
.teaser-slider.alignwide{overflow:hidden;}
.teaser-slider .block-grid{position:relative;margin-left:var(--us-gap-neg)!important;margin-right:var(--us-gap-neg)!important;overflow:hidden;container-type:inline-size;container-name:teaser-slider-grid;}
.block.teaser-slider .block-content > *:last-child{margin-bottom:0;}
.teaser-slider .block-grid:has(+.btn-holder){margin-bottom:var(--us-margin-half)!important;}

/* Holder */
.teaser-slider .teaser-holder{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:0;padding:var(--us-gap) 0 var(--us-gap);}
.teaser-slider .teaser-holder::-webkit-scrollbar{display:none;}

/* Items */
.teaser-slider .teaser-item{flex:0 0 auto;position:relative;width:80vw;max-width:var(--teaser-slider-width);padding-left:var(--us-gap);box-sizing:content-box;scroll-snap-align:start;scroll-snap-stop:always;display:flex;opacity:0;transform:translateY(10px);transition:var(--us-transition);}
.teaser-slider .teaser-item.visible{opacity:1;transform:translateY(0);}
.teaser-slider .teaser-item:last-child{padding-right:var(--us-gap);}

/* Teaser */
.teaser-slider .teaser-item > .teaser{display:flex;flex-direction:column;width:100%;height:100%;margin:0;color:inherit;text-decoration:none;}
.teaser-slider .teaser hgroup h3{font-size:1em;font-weight:600;line-height:1.3;text-overflow:ellipsis;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.teaser-slider .teaser-text{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.teaser-slider .teaser .btn-holder{margin-top:auto!important;padding-top:16px;}
.teaser-slider .teaser .themebtn i{transition:var(--us-transition);}

/* Bild */
.teaser-slider .teaser-image{overflow:hidden;margin:0!important;border-radius:var(--us-radius);background:var(--us-bg-gradation);}
.teaser-slider .teaser-image,
.teaser-slider .teaser-image img,
.teaser-slider .teaser-image.overlay-border::after{border-radius:var(--us-radius);}
.teaser-slider .teaser-image img{width:100%;transition:var(--us-transition);}

/* SVG */
.teaser-slider .teaser.svg-image .teaser-image{background:linear-gradient(180deg,var(--us-stroke-weak) 50%,var(--us-stroke-strong) 100%);box-shadow:inset 0 -1px 44px 10px rgba(255,255,255,.75),inset 0 1px 0 0 rgba(255,255,255,.8);}
.teaser-slider .teaser.svg-image .teaser-image img{padding:var(--us-gap);object-fit:contain!important;}

/* Focus */
.teaser-slider a.teaser{position:relative;}
.teaser-slider a.teaser:focus-visible{outline:none!important;}
.teaser-slider a.teaser:focus-visible > *{position:relative;z-index:1;}
.teaser-slider a.teaser:focus-visible::before{position:absolute;inset:-8px;display:block;content:'';z-index:10;pointer-events:none;border-radius:calc(var(--us-radius) + 4px);box-shadow:inset 0 0 0 2px var(--us-primary-color),inset 0 0 var(--us-gap,16px) var(--us-surface-color,#FFFFFF);background:var(--us-surface-color,#FFFFFF);z-index:0;}
.teaser-slider a.teaser:focus-visible .themebtn.textlink.hoverline > span:after{width:100%;}
.teaser-slider a.teaser:focus-visible .themebtn i{transform:translateX(3px);}
@media only screen and (min-width:1280px){
    .teaser-slider a.teaser:focus-visible::before{inset:-16px;}
}

/* Overlay Navigation */
.teaser-slider .overlay .slider-prev{left:-100px;}
.teaser-slider .overlay .slider-next{right:-100px;}
.teaser-slider:hover .overlay .slider-prev{left:16px;transition:var(--us-transition);transition-delay:.15s;}
.teaser-slider:hover .overlay .slider-next{right:16px;transition:var(--us-transition);transition-delay:.15s;}

/* Overlay Fade */
.teaser-slider:has(.overlay) .block-grid:has(.slider-prev.show)::before{position:absolute;top:0;left:-100px;bottom:0;width:var(--us-block-gap);height:100%;content:'';z-index:10;pointer-events:none;transition:var(--us-transition);background:linear-gradient(90deg,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,var(--slider-fade-color,var(--us-bg-color,#fff)) 5%,color-mix(in srgb,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,transparent 100%) 100%);}
.teaser-slider:has(.overlay) .block-grid:has(.slider-next.show)::after{position:absolute;top:0;right:-100px;bottom:0;width:var(--us-block-gap);height:100%;content:'';z-index:10;pointer-events:none;transition:var(--us-transition);background:linear-gradient(90deg,color-mix(in srgb,var(--slider-fade-color,var(--us-bg-color,#fff)) 0%,transparent 100%) 0%,var(--slider-fade-color,var(--us-bg-color,#fff)) 95%,var(--slider-fade-color,var(--us-bg-color,#fff)) 100%);}
.teaser-slider:has(.overlay):hover .block-grid:has(.slider-prev.show)::before{left:0;}
.teaser-slider:has(.overlay):hover .block-grid:has(.slider-next.show)::after{right:0;}

/* Hover */
@media (hover:hover) and (pointer:fine){
    .teaser-slider .teaser:hover .teaser-image img{transform:scale(1.025);}
	.teaser-slider .teaser:hover .themebtn i{transform:translateX(3px);}
	.teaser-slider .teaser:hover .themebtn.textlink.hoverline > span:after{width:100%;}
}

/* Responsive */
@media only screen and (min-width:768px){
	.teaser-slider:has(.slider-controls.outside) header.block-header{padding-right:120px;}
}

@container teaser-slider-grid (min-width:1404px){
	.teaser-slider.alignfull .teaser-item:first-child{padding-left:calc((100vw - var(--us-wide-width,1340px))/2);box-sizing:content-box;}
}

/* Reduced Motion */
@media (prefers-reduced-motion:reduce){
	.teaser-slider .teaser-holder{scroll-behavior:auto;}
	.teaser-slider .teaser-item,
	.teaser-slider .teaser-image img,
	.teaser-slider .themebtn i{transition:none!important;}
}