/* 1. Winch SLIDER BASIS (STRUKTUR) */
.tns-outer {padding:0 !important;}
.tns-outer [hidden] {display:none !important;}
.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;}

/* 2. FOUC PREVENTION */
.winch-main-slider:not(.tns-slider) {display:flex; overflow:hidden; aspect-ratio:20/8;}
.winch-main-slider:not(.tns-slider) .winch-slide {display:none; width:100%;}
.winch-main-slider:not(.tns-slider) .winch-slide:first-child {display:block;}

/* 3. CUSTOM WINCH SLIDER STYLES */
.winch-slider-wrapper {position:relative; width:100%; overflow:hidden; background:#111; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
.winch-slide {position:relative; aspect-ratio:20/8;}
.winch-slide img {width:100%; height:100%; object-fit:cover; display:block;}
.winch-slide::after {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 60%); z-index:1;}
.winch-content {position:absolute; left:8%; top:50%; transform:translateY(-50%); color:#fff; max-width:500px; z-index:2;}
.winch-content h3 {font-size:2.5rem; margin:0 0 10px 0; text-transform:uppercase; letter-spacing:1px; color: #fff;}
.winch-content p {font-size:1.1rem; margin-bottom:20px; line-height:1.4; font-weight:300;}
.winch-btn {display:inline-block; padding:12px 28px; background:#00263A; color:#fff !important; text-decoration:none; border-radius:2px; font-weight:bold; transition:background 0.3s; border: 2px solid #ffffff;}
.winch-btn:hover {background:#28617F; color:#fff !important;}

/* 4. CONTROLS & NAVIGATION */
.winch-slider-wrapper .tns-controls button {position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); color:white; border:none; width:50px; height:50px; font-size:20px; cursor:pointer; z-index:10; border-radius:50%; transition:all 0.3s ease; opacity:0; display:flex; align-items:center; justify-content:center;}
.winch-slider-wrapper:hover .tns-controls button {opacity:1;}
.winch-slider-wrapper .tns-controls button[data-controls="prev"] {left:20px;}
.winch-slider-wrapper .tns-controls button[data-controls="next"] {right:20px;}
.winch-slider-wrapper .tns-nav {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); z-index:10;}
.winch-slider-wrapper .tns-nav button {width:10px; height:10px; margin:0 6px; border-radius:50%; border:none; background:rgba(255,255,255,0.4); cursor:pointer; padding:0;}
.winch-slider-wrapper .tns-nav .tns-nav-active {background:#28617F; transform:scale(1.3);}

/* 5. MOBILE OPTIMIERUNG */
@media (max-width: 768px) {
	.winch-slide {aspect-ratio:16/10;}	
    .winch-slider-wrapper .tns-controls {display:none;}
    .winch-slide::after {background:rgba(0,0,0,0.4);}
    .winch-content {left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:85%;}
    .winch-content h3 {font-size:1.6rem;}
    .winch-content p {font-size:0.95rem;}
}

@media (max-width: 678px) {
.winch-slide {aspect-ratio:4/3;}	
}