.owl-carousel .item { position: relative; } .owl-carousel .carousel-image img { display: block; width: 100%; min-height: 360px; height: 50vh; max-height: 100vh; object-fit: cover; font-family: "object-fit: cover;"; } .owl-carousel:is( [max-width~="600px"] ) .carousel-image[cs-ration=""] img { min-height: 340px; } /*WEG of ANDERS .owl-carousel.vervolg .item img { height: 100%; } */ .owl-carousel .carousel-image .overlay:is(::before) { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; } .owl-carousel .link-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .owl-carousel .carousel-content { display: flex; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .owl-carousel .carousel-content .content { width: 75%; height: 75%; display: flex; flex-direction: column; justify-content: center; margin: auto; } .owl-carousel .carousel-content .content span { margin: auto; } .owl-carousel .carousel-content .content span > *:not(.buttons) { position: relative; z-index: 10; } .owl-carousel .carousel-content h2 { height: auto; margin: 0em; } .owl-carousel .carousel-content h3 { height: auto; margin: 0em; } .owl-carousel:is( [max-width~="600px"] ) .carousel-content h3 { margin: 15px 0px; } .owl-carousel a.link { display: inline-block; padding: 12px 20px; margin: 20px 5px; } .owl-carousel a.link > div { width: 100%; } .owl-carousel .carousel-content .buttons a { position: relative; z-index: 20; } .owl-carousel::slotted( .owl-stage ) { width: auto !important; } .owl-carousel::slotted( .owl-item ) { display: inline-block; height: 100%; max-height: none; position: static; float: none; vertical-align: top; } .owl-carousel::slotted( .owl-controls ) { width: 100%; margin-top: -60px; } .owl-carousel::slotted( .owl-nav .owl-prev ), .owl-carousel::slotted( .owl-nav .owl-next ) { position: absolute; top: 50%; margin-top: -5vh; width: 3vw; height: 10vh; } .owl-carousel::slotted( .owl-nav .owl-prev ) { left: 20px; } .owl-carousel::slotted( .owl-nav .owl-next ) { right: 20px; } .owl-carousel::slotted( .owl-dots ) { position: absolute; bottom: 15px; width: 100%; display: flex; justify-content: center; } .owl-carousel::slotted( .owl-dot ) { padding: 0px; }