.slickslider.udslider iframe { width: 100%; height: auto; }contentgrids_container
.slickslider.udslider > .slick-initialized .slick-slide { margin: 0 50px; }
.slickslider.carousel > .slick-initialized .slick-slide { margin: 0 5px; }
.slickslider.udslider { margin-bottom: 20px; }

    /* .slick-slide { text-align: center; }*/
    
	.contentSlider .slick-next::before, .contentSlider .slick-prev::before,  .slick-next::before, .slick-prev::before, .imageSlider.oneSlide .slick-next::before, .imageSlider.oneSlide .slick-prev::before  {content: '';}
    
    .slick-prev::before,
    .imageSlider.oneSlide .slick-prev::before
    {
        position: absolute;
        top: 0;
        bottom: 0; 
        margin: auto;
        background: url('/typo3conf/ext/contentgrids_container/Resources/Public/Icons/slider-arrow-left.svg') no-repeat; width: 60px; height: 60px; left: 0px;
        border-radius: 100px;
        z-index: 200;
        opacity: 1;
        background-position: center;
        background-size: 30%;
        opacity: .5;
        box-shadow: 0px 0px 5px #000;
        transition: .5s;
    }
    .slick-next::before,
    .imageSlider.oneSlide .slick-next::before {
        position: absolute;
        top: 0px;
        bottom: 0; 
        margin: auto;
        border-radius: 100px;
        background: url('/typo3conf/ext/contentgrids_container/Resources/Public/Icons/slider-arrow-right.svg') no-repeat; width: 60px; height: 60px; right: 0px;
        background-position: center;
        z-index: 200;
        opacity: 1;
        background-size: 30%;
        opacity: .5;
        box-shadow: 0px 0px 5px #000;
        transition: .5s;
    }
    
    
    .slick-prev::after {
        content: ' ';
        position: absolute; height: 100%; width: 50px; top: 0; left: 0; z-index: -1;
    }
    
    .slick-next::after {
        content: ' ';
        position: absolute; height: 100%; width: 50px; top: 0; left: 0; z-index: -1;
    }
    
    /*
    .slick-list.draggable { max-width: 90%; margin: 0 auto; }
    */
    
	.contentSlider .slick-next,
	.contentSlider .slick-next:hover,
	.contentSlider .slick-next:focus, 
    .slick-next,
	.slick-next:hover,
	.slick-next:focus,
    .imageSlider.oneSlide .slick-next,
	.imageSlider.oneSlide .slick-next:hover,
	.imageSlider.oneSlide .slick-next:focus
    {
         right: 0px;
        height: 50px;
        width: 50px;
        z-index: 10;
       padding: 20px;
    }
	.contentSlider .slick-prev,
	.contentSlider .slick-prev:hover,
	.contentSlider .slick-prev:focus, 
    .slick-prev,
	.slick-prev:hover,
	.slick-prev:focus,
    .imageSlider.oneSlide .slick-prev,
	.imageSlider.oneSlide .slick-prev:hover,
	.imageSlider.oneSlide .slick-prev:focus
    {
        left: 0px;  
        height: 100%; 
        width: 50px;
        z-index: 10;
    } 

.slick-prev::before, .slick-next::before {
  background-color: #00529b;
}

@media screen and (max-width: 992px){
    
        
    .slick-next,
	.slick-next:hover,
	.slick-next:focus
    { right: 5px; top: -5px; }
    
    .slick-prev,
	.slick-prev:hover,
	.slick-prev:focus
    { left: 10px; top: -5px; } 
    
    .slick-next::before { width: 30px; height: 30px;  }
    .slick-prev::before { width: 30px; height: 30px;  }
   
    
    .slick-prev::before,
    .imageSlider.oneSlide .slick-prev::before
    {
        position: absolute;
        background: url('/typo3conf/ext/contentgrids_container/Resources/Public/Icons/slider-arrow-left_blau.svg') no-repeat; width: 60px; height: 60px; left: 0px;
        border-radius: 0;
        opacity: 1;
        box-shadow: none;
    }
    .slick-next::before,
    .imageSlider.oneSlide .slick-next::before {
        opacity: 1;
        background: url('/typo3conf/ext/contentgrids_container/Resources/Public/Icons/slider-arrow-right_blau.svg') no-repeat; width: 60px; height: 60px; right: 0px;
        border-radius: 0;
        box-shadow: none;
    }
    
    
}