/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme4 .owl-dots, .owl-theme4 .owl-nav {
width: 100%;
position: relative;
transition: all ease-out .3s;
top: -3vw;
padding-left: 2vw;
z-index: 2;
display: flex;
align-items: center;
}
.owl-carousel4 .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
transition: all ease-out .3s;
}
.owl-carousel4 .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
transition: all ease-out .3s;
}
.owl-carousel4 .owl-wrapper,
.owl-carousel4 .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all ease-out .3s;
}
.owl-carousel4 .owl-item {
position: relative;
min-height: 0px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
transform: translateZ(0) scale(1.0, 1.0);
transition: all ease-out .3s;
}
.owl-carousel4 .owl-prev.disabled,
.owl-carousel4 .owl-next.disabled {
pointer-events: none;
transition: all ease-out .3s;
opacity: 0.4;
}
.owl-carousel4 .owl-nav .owl-prev,
.owl-carousel4 .owl-nav .owl-next,
.owl-carousel4 .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all ease-out .3s;
}
.owl-carousel4 .owl-stage-outer {
position: relative;
z-index: 2;
overflow: hidden;
transition: all ease-out .3s;
-webkit-transform: translate3d(0,0,0);
}
.owl-carousel4 .owl-item img {
display: block;
width: 100%;
transition: all ease-out .3s;
}
.owl-theme4 .owl-nav {
width: 100%;
position: absolute;
z-index: 2;
transition: all ease-out .3s;
}
.owl-theme4 .owl-nav [class*="owl-"] {
display: inline-block;
cursor: pointer;
border-radius: 0px;
transition: all ease-out .3s;
}
.owl-carousel4 .owl-nav button.owl-prev,
.owl-carousel4 .owl-nav button.owl-next,
.owl-carousel4 button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
transition: all ease-out .3s;
}
.owl-carousel4 .owl-nav button.owl-prev {
background-image: url(none);
background-repeat: no-repeat;
border: none;
float: left;
position: relative;
transition: all ease-out .3s;
width: 3.125vw;
height: 3.125vw;
background-size: contain;
display: flex;
justify-content: space-between;
z-index: 1000000;
left: 14.84375vw;
}
.owl-carousel4 .owl-nav button.owl-prev:hover {
left: 13.84375vw;
}
.owl-carousel4 .owl-nav button.owl-next {
background-image: url(none);
background-repeat: no-repeat;
border: none;
float: right;
position: relative;
transition: all ease-out .3s;
width: 3.125vw;
height: 3.125vw;
background-size: contain;
display: flex;
justify-content: space-between;
z-index: 1000000;
right: 14.84375vw;
}
.owl-carousel4 .owl-nav button.owl-next:hover {
right: 13.84375vw;
}


.owl-theme4 .owl-nav .disabled {
cursor: default;
transition: all ease-out .3s;
}
.owl-theme4 .owl-dots .owl-dot {
height: 0.5vw;
width: 0.5vw;
align-items: center;
display: inline-block;
transition: all ease-out .3s;
margin-left: 0.8vw;
margin-right: 0.8vw;
}
.owl-carousel4 .owl-dots .owl-dot span {
width: 0.26vw;
height: 0.26vw;
background-image: url("bilder/icon_dot.svg");
background-repeat: no-repeat;
background-position: left top;
transition: all ease-out .3s;
display: flex;
justify-content: center;
align-items: center;
}
.owl-carousel4 .owl-dots .owl-dot.active span {
background-image: url("bilder/icon_dot_aktive.svg");
background-repeat: no-repeat;
width: 0.5vw;
height: 0.5vw;
opacity: 1;
transition: all ease-out .3s;
background-position: left top;
display: flex;
justify-content: center;
align-items: center;
}



@media screen and (max-width: 1024px) {
.owl-carousel4 .owl-dots .owl-dot span {
width: 0.5vw;
height: 0.5vw;
}
.owl-carousel4 .owl-dots .owl-dot.active span {
width: 1vw;
height: 1vw;
}
.owl-theme4 .owl-dots .owl-dot {
width: 2vw;
height: 2vw;
margin-left: 1vw;
margin-right: 1vw;
display: flex;
justify-content: center;
}
.owl-theme4 .owl-dots, .owl-theme4 .owl-nav {
height: 2vw;
bottom: 5.5vw;
padding-left: 0vw;
top: unset;
justify-content: center;
}
}

@media screen and (max-width: 834px) {
.owl-carousel4 .owl-dots .owl-dot span {
width: 0.75vw;
height: 0.75vw;
}
.owl-carousel4 .owl-dots .owl-dot.active span {
width: 1.5vw;
height: 1.5vw;
}
.owl-theme4 .owl-dots .owl-dot {
height: 2.5vw;
margin-left: 1.5vw;
margin-right: 1.5vw;
}
.owl-theme4 .owl-dots, .owl-theme4 .owl-nav {
height: 3vw;
bottom: 7.5vw;
}
}

@media screen and (max-width: 500px) {
.owl-carousel4 .owl-dots .owl-dot.active span {
width: 3.5vw;
height: 3.5vw;
}
.owl-carousel4 .owl-dots .owl-dot span {
width: 1.75vw;
height: 1.75vw;
}
.owl-theme4 .owl-dots, .owl-theme4 .owl-nav {
bottom: 10.5vw;
}
.owl-theme4 .owl-dots .owl-dot {
width: 4vw;
height: 2.5vw;
margin-left: 2.5vw;
margin-right: 2.5vw;
}
}