.carousel-wrapper {
max-width: 1500px; 
margin: 60px auto; 
}

.owl-carousel .item { 
position: relative; 
text-align: center; 
transform: scale(0.8); 
transition: transform 0.4s ease, 
opacity 0.4s ease; opacity: 0.5; 
} 

.owl-carousel .owl-item.center .item { 
transform: scale(1.05); 
opacity: 1; z-index: 2; 
} 

.owl-carousel img { 
width: 100%; border-radius: 5px; 
} 

/* Link knop */ 
.slide-btn { 
position: absolute; 
bottom: 20px; 
left: 50%; 
transform: translateX(-50%) translateY(-170px); 
background: rgba(0, 0, 0, 0.5); 
color: #fff; 
padding: 12px 24px; /*text-decoration: none; border-radius: 5px;*/ 
display: none; 
} 

.owl-item.center .slide-btn { 
display: inline-block; 
} 

.owl-item.center .item { cursor: pointer; 
} 

.owl-item.center:hover .slide-btn { 
opacity: 1; 
transform: translateX(-50%) translateY(-170px); 
} 

.slide-btn, 
.slide-text { 
margin-top: 16px; 
font-size: 16px; 
color: #000; 
opacity: 0; 
transition: opacity 0.3s ease; 
}

.owl-item.center .slide-text { 
opacity: 1; 
} 

.slide-btn { 
bottom: 60px; 
background: rgba(0, 0, 0, 0.5); 
color: #fff; 
padding: 12px 24px; border-radius: 5px; 
}

.slide-text { 
bottom: 20px; 
color:#666666; 
font-size: 16px; 
background: transparent; 
padding: 16px 16px; 
border-radius: 20px; 
white-space: nowrap; 
}

/* Alleen zichtbaar op actieve slide */ 
.center .slide-btn {
display: inline-block; 
}

/* NAV WRAPPER */ 
.owl-nav {
position: absolute; 
bottom: -70px; /* afstand onder foto */ 
left: 50%; transform: translateX(-50%); 
display: flex; gap: 150px; /* ruimte tussen knoppen */ 
z-index: 10; 
display: flex !important;
} 

/* Buttons zelf */ 
.owl-nav button { 
background: none !important; 
padding: 0 !important; 
margin: 0 !important; 
} 

/* Afbeeldingen */ 
.owl-nav img { 
width: 48px; 
height: auto; 
cursor: pointer; 
transition: transform 0.2s ease; 
} 

.owl-nav img:hover { 
transform: scale(1.1); 
}

/* Mobiel iets kleiner */
@media (max-width: 768px) {
.owl-nav img { width: 36px;
} 
.owl-nav {
bottom: -40px; 
display: flex !important;
} }