/* Quelle: https://github.com/ganlanyuan/tiny-slider - Version: 2.9.3 */
.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}

.tns-outer { clear: both; display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; margin: 0 0 20px 0; padding: 0; z-index: 1;  }

/* Navigation Dots (Pagination) */
.tns-nav { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); display: block; text-align: center; margin: 0; z-index: 10; }
.tns-nav button { display: inline-block; box-sizing: border-box; width: 12px; height: 12px; margin: 0 5px 5px 5px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; transition: all 0.3s ease; }
.tns-nav button:hover { background-color: #fff; }
.tns-nav button.tns-nav-active { background-color: #fff; }

/* Arrow Controls */
.tns-controls { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); pointer-events: none; display: flex; justify-content: space-between; padding: 0 20px; }
.tns-controls button { width: 50px; height: 50px; border: none; background-color: rgba(0,0,0,0.5); color: white; font-size: 1.125rem; cursor: pointer; border-radius: 5px; transition: background 0.3s ease; pointer-events: auto; }
.tns-controls button:hover { background-color: rgba(0,0,0,0.8); }

/* Start/Stop Buttons */
button[data-action="start"],
button[data-action="stop"] { position: absolute; top: auto; bottom: 10px; right: 20px; padding: 8px 16px; background-color: rgba(0,0,0,0.5); color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 0.875rem; transition: background 0.3s ease; }
button[data-action="start"]:hover,
button[data-action="stop"]:hover { background-color: rgba(0,0,0,0.8); }

/* Responsive */
@media all and (max-width: 768px) {
	.tns-controls { padding: 0 10px; }
	.tns-controls button { width: 40px; height: 40px; font-size: 1rem; }
}
@media all and (max-width: 480px) {
	.tns-controls { display: none; }
}