

.slickdefault.slick-slider {
   
}

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

/* Quote Zeichen groß */
/* Quote Zeichen groß */
.slickdefault.slick-slider .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;*/
}

.slick-dots {
    display: flex;
    position: relative;
    max-width: 100px;
    top: -70px;
    left: calc(100vw - 200px);
     
}

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



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

@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 {
    /*border: 1px solid red;*/
}


#slider1 { min-height: 300px; } 
#slider1 { border: 1px solid red; }

.slider1 { 
    min-height: 300px; 
    border: 1px solid orange;
    background: #aaa;
}

.slider-inner {
    width: 400px;
    height: auto;
    max-width: 400px;
    border: 2px solid red;
    
    
}


.slider1 .slider-inner-img  {
    border: 1px solid orange;
    
}

.inner-slider-container {
    border: 1px solid orange;
    width: 400px;
    height: 320px;
}