

.slickdefault.slick-slider {

}

.slickdefault.slick-slider .frame-type-text p {
    color: green;
}

/* Quote Zeichen groß */
/* Quote Zeichen groß */
.slick-slide .frame-type-text h1 {
    color: green;
    width:  6rem;
    font-size:6rem;
    font-family: serif;
    display: inline-flex;
    transform: scale3d(-1, -1, -1);
    position: relative;
    left:  -3rem;
    top: -3rem;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.slickdefault.slick-slider img {
    /*    max-height: 300px; 
        border: 2px solid red;*/
}

.slider1 .slick-dots {
    display: flex;
    position: relative;
    max-width: 100px;
    top: -70px;
    left: calc(100vw - 400px);
    /*border: 1px solid red;*/
}

.slider-inner .slick-dots {
    display: flex;
    position: sticky;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*border: 1px solid blue;*/
    padding-left: auto;
}


.slick-dots li {
    margin: 0 0px;
}

.slider1 p {
    color: green;
}

/* Inaktiver slick-dots button */
.slick-dots li button:before {
    /*opacity: 0;*/
    /*color: transparent;*/
    content: '';
}
/* Aktiver  slick-dots button */
.slick-dots li.slick-active button:before {
    /*
    opacity: 0;
    color: transparent;
    */
    content: '';
}

@media(min-width:768px) {
    .slick-dots li.slick-active button  {
        width: 10px;
        height: 10px;
        background: green;
        opacity: 1;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
        background: green;
        opacity: 0.5;
    }
}

.slick-dots li button {
    width: 10px;
    height: 10px;
    background: green;
    opacity: 0.5;
}


.slider-inner .slick-dots li button {
    /*border: 1px solid red;*/
    width: 10px;
    height: 10px;
    background: white;
    opacity: 0.5;
    position: relative;
    left: -130px;
    top: -40px;
}

.slider-inner .slick-dots li.slick-active button {
    /*border: 1px solid green;*/
    width: 10px;
    height: 10px;
    background: white;
    opacity: 1;

}



#slider1 {
    min-height: 320px;
}
#slider1 {
    /*border: 1px solid red;*/
}

.slider1 {
    min-height: 320px;
    /*border: 1px solid orange;*/

}




.inner-slider-container {

}


.slider-inner {
    z-index: 1010;
    width: 460px;
}
.slider-inner .slider-inner-img  {
    /*border: 1px solid orange;*/
    width: 100%;
}

.slick-prev,.slick-next {
    color: transparent;
}


.slick-prev:before {
    content: ''
}
.slick-next:before {
    content: ''
}


.slick-prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

}
.slick-next {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.slick-next:hover { 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");  

}
.slick-prev:hover { 
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

}

.slider-inner .slick-next {
    /*border: 1px solid red;*/
    right: 15px;
    width: 40px;
    height: 40px;
}
.slider-inner .slick-prev {
    /*border: 1px solid red;*/
    z-index: 103;
    margin-left: 40px;
    width: 40px;
    height: 40px;
}


.slick-slide .frame-type-text {
    /*border: 2px solid blue;*/
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.slick-slide .frame-type-image {
    /*border: 2px solid red;*/
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.slick-slide .gallery-row {
    /*border: 2px solid green;*/
    margin-top: 0rem;
    margin-bottom: 0rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
}

@media (min-width: 768px) {
    .slick-slide .frame-type-text {
        height: 360px;
    }
    .slick-slide .frame-type-image {
        height: 360px;
    }
}



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

    .slider-inner {
    z-index: 1010;
    width: 100%;
    height: auto;
    /*max-width: 320px;*/
    /*border: 2px solid red;*/
    }
    .slider1 .slick-dots {
        display: flex;
        position: relative;
        max-width: 100px;
        top: 0px;
        left: calc(50% - 50px);
    }
    .slider-inner .slick-dots {
        display: flex;
        position: relative;
        width: 100%;
        margin-right: 0px;
        margin-left: 140px;
        
        padding-left: 10px;;
    }
    

}
