.slick-slide img                                            {display:inline-block; position:relative; z-index:1;}
.hero-slides                                                {z-index:-1;}
#hero-slide .slick-track                                    {width:100%; height:67vh;}
#hero-slide img.slick-slide                                 {width:100%; height:100%; object-fit:cover;}

#slider-aussen .slick-next{
 width:17%;
 height:100%;
 top:0; 
 left:0; 
 z-index:1; 
 position:absolute;
 border:none;
 background:url(../images/page/21/slider_prev.png) center no-repeat;
 opacity:0.25;
 font-size:0;
 line-height:0;
}
#slider-aussen .slick-prev{
 width:17%;
 height:100%;
 top:0; 
 right:0; 
 z-index:1; 
 position:absolute;
 border:none;
 background:url(../images/page/21/slider_next.png) center no-repeat;
 opacity:0.25; 
 content:'';
 font-size:0;
 line-height:0;
}


#hero-slide .slick-next{
  width:40px;
  height:100%;
  top:0; 
  left:0; 
  z-index:1; 
  position:absolute;
  border:none;
  background:url(../images/page/21/slider_h_prev.png) center no-repeat;
  opacity:0.25;
  font-size:0;
  line-height:0;
  transition:opacity 0.5s ease-out;
}
#hero-slide .slick-prev{
  width:40px;
  height:100%;
  top:0; 
  right:0; 
  z-index:1; 
  position:absolute;
  border:none;
  background:url(../images/page/21/slider_h_next.png) center no-repeat;
  opacity:0.25; 
  content:'';
  font-size:0;
  line-height:0;
  transition:opacity 0.5s ease-out;
}
#slider-aussen .slick-prev:hover, #slider-aussen .slick-next:hover                       {opacity:0.6; background-color:#fff;}
#hero-slide .slick-prev:hover, #hero-slide .slick-next:hover                             {opacity:1; transition:opacity 0.1s ease-out;}

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

}




#hero-slide .slick-slider                                   {width:100%; margin:0;}
.slick-slider                                               {width:calc(100% + 20px); max-width:1920px; margin-left:-10px; position:relative; display:block; box-sizing:border-box; 
                                                             -webkit-user-select:none; 
                                                             -moz-user-select:none; 
                                                             -ms-user-select:none; 
                                                             user-select:none; 
                                                             -webkit-touch-callout:none;
                                                             -khtml-user-select:none;
                                                             -ms-touch-action:pan-y;
                                                             touch-action:pan-y; 
                                                             -webkit-tap-highlight-color:transparent;}

.slick-list                                                {max-width:100%; margin:0 auto; padding:0; position:relative; display:block; overflow:hidden;}
.slick-list:focus                                          {outline:none;}
.slick-list.dragging                                       {cursor:pointer; cursor:hand;}
.slick-slider .slick-track,
.slick-slider .slick-list                                  {-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}

.slick-track                                               {width:66%; top:0; left:0; position:relative; display:block;}
#hero-slide .slick-track                                   {width:100%;}
.slick-track:before, .slick-track:after                    {display:table; content:'';}
.slick-track:after                                         {clear:both;}
.slick-loading .slick-track                                {visibility:hidden;}

.slick-slide                                               {float:left; min-height:1px;}
[dir='rtl'] .slick-slide                                   {float:right;}
.slick-slide img                                           {display:inline-block;}
.slick-slide.slick-loading img                             {display:none;}
.slick-slide.dragging img                                  {pointer-events:none;}
.slick-initialized .slick-slide                            { text-align:center;}
.slick-loading .slick-slide                                {visibility:hidden;}
.slick-vertical .slick-slide                               {display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden                                  {display:none;}

@media all and (min-width:799px) { 
 .slick-slider                                              {width:100%; margin:0 auto;}
 .slick-list                                                {max-width:66%;}
 #hero-slide .slick-list                                    {max-width:100%;}
 .slick-next {width:17%;}
 .slick-prev {width:17%;}
}