/* Hier kommt css rein */
.dp-slider .owl-nav .owl-prev,
.dp-slider .owl-nav .owl-next {
    position: absolute;
    top: 43%;
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    background: var(--dark) !important;
    border: 15px solid var(--light);
    cursor: pointer;
    position: absolute;
    display: block;
    z-index: 1000;
}

.dp-slider .owl-nav .owl-prev {
    left: 55px;
}

.dp-slider .owl-nav .owl-next {
    right: 55px;
}

.dp-slider .owl-nav .owl-prev span,
.dp-slider .owl-nav .owl-next span {
    font-size: 1.6875rem;
    color: var(--light);
}

.dp-slider .owl-nav .owl-prev:focus,
.dp-slider .owl-nav .owl-next:focus {
    outline: 0;
}

.dp-slider .owl-nav .owl-prev:hover,
.dp-slider .owl-nav .owl-next:hover {
    background: var(--dark) !important;
}

.dp-slider:hover .owl-prev {
    left: 20px;
    opacity: 1;
}

.dp-slider:hover .owl-next {
    right: 20px;
    opacity: 1;
}

.dp-slider h1,
.dp-slider h2 {
    font-family: var(--font-02);
    font-weight: 700;
    line-height: normal;
    color: var(--primary);
    text-shadow: 2px 2px 3px var(--dark);
}