[data-cattype="306"] a {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

[data-cattype="306"] a:after {
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #383ca8;
    opacity: 0;
    transition: .4s all ease;
    position: absolute;
}

[data-cattype="306"] a:hover:after {
    opacity: .6;
}


[data-cattype="306"] .owl-carousel {
    height: auto;
}

[data-cattype="306"] .no-padding {
    padding: 0 !important;
}


[data-cattype="306"] h1 {
    color: #252525;
}

[data-cattype="306"].wrapper_middle {
    padding: 0 !important;
    background-color: #e1e1e1 !important;
}

[data-cattype="306"] * {
    transition: .4s ease;
}

[data-cattype="306"] .owl-buttons svg{
    height: 50px;
    width: auto;
    fill: #383ca8;
}

[data-cattype="306"] .owl-buttons .owl-next:hover svg,
[data-cattype="306"] .owl-buttons .owl-prev:hover svg{
    fill: #ccc;
}



[data-cattype="306"] {
    background-size: cover !important;
}
[data-cattype="306"] .gemeinsam-btn{
    margin: 0 auto;
}

section[data-cattype="306"] .container {
    max-width: 90%;
}

section[data-cattype="306"] .owl-carousel#owl-cafe3 .owl-controls .owl-buttons div {
    position: absolute;
    left: -69px;
    top: 33%;
    background: none;
    opacity: 1;
    padding: 10px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    height: auto;
    width: auto;

}

section[data-cattype="306"] .owl-carousel#owl-cafe3 .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -69px;
}

section[data-cattype="306"] .wrapper_image {
    width: 100%;
    border: 2px solid #acacac !important;
    background-color: #111111;
    transition: ease .3s;
    padding-top: 100%;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

section[data-cattype="306"] .link-c:hover .wrapper_image {
    border: 2px solid #383ca8 !important;
}

section[data-cattype="306"] .link-c.no-link:hover .wrapper_image {
    background-color: #111111;
}

section[data-cattype="306"] ul.grid li {
    width: 100%;
    margin: 0;
}




section[data-cattype="306"] .owl-buttons img {
    height: 50px;
    max-width: 100%;
    vertical-align: middle;
    border: 0px none;
    opacity: .6;
}

section[data-cattype="306"] .owl-buttons img:hover {
    opacity: 1;
}



section[data-cattype="306"] .p-place, .p-place p{
    text-align: left;
    text-transform: uppercase;
    background-color: #fff;
    font-size: 12px;
    color: #363636;
    padding: 5px 18px 18px 18px;
}


@media (min-width: 768px) and (max-width: 980px) {

}

@media (min-width: 768px) and (max-width: 1200px) {
    section[data-cattype="306"] #owl-cafe3.owl-carousel .owl-controls .owl-buttons div {
        left: -48px;
    }
    section[data-cattype="306"] #owl-cafe3.owl-carousel .owl-controls .owl-buttons div.owl-next {
        left: auto;
        right: -48px;
    }
}

@media screen and (max-width: 767px) {
    section[data-cattype="306"] .container {
    max-width: 80%;
    }
    
    section[data-cattype="306"] #owl-cafe3.owl-carousel .owl-controls .owl-buttons div {
        left: -41px;
    }
    section[data-cattype="306"] #owl-cafe3.owl-carousel .owl-controls .owl-buttons div.owl-next {
        left: auto;
        right: -41px;
    }

    section[data-cattype="306"] .owl-buttons img {
        height: auto;
    }
    section[data-cattype="306"] .owl-carousel#owl-cafe3 .owl-controls .owl-buttons div {
        top: 25%;
    }
    [data-cattype="306"] .owl-buttons svg{
    height: 30px;
    }
    
}




section[data-cattype="306"] ul.grid {
    padding: 0px;
    margin: 0px 10px;
}



section[data-cattype="306"] .wrapper_image img {
    opacity: 1;
}