body { background-image:none; background-color:#c9cdd2;}
/*.inhalt {position:absolute; top:80px; left:50%; margin-left:-500px; width:1000px; height:1000px; z-index=10; }*/
.foot { margin:70px 80px 0 0;}
.krone { visibility:visible; display:block; padding-left:100px; position:absolute; top:0px; left:50%; margin-left:-554px; width:1133px; height:1000px; z-index:10; background:url(https://www.erzaehl-mir-ein-maerchen.de/fileadmin/img/fenster-intro.png) no-repeat center 0px #c9cdd2; }
  .krone img {  width: 1000px;}
.footer-container {position: absolute;bottom: 0;text-align: center;}
  
 @media screen and (max-width: 991px) {
  .inhalt {visibility: hidden;display: none;}
.krone { position:absolute; left:0; top:20px; margin-left:0px;width: 100%;height: auto;}
.krone img {width: 100%;height: auto;}
  
 .krone { visibility:visible !important; display:block !important; background:url(/fileadmin/img/fenster-intro-kl.jpg) no-repeat center 0px #c9cdd2;}
   }
                                                                                  
@media screen and (max-width: 767px) {
  .krone {padding-left: 0px;height: 500px;
}  
 }        .{$plugin.slick.carousel.css.class}{
          margin:{$plugin.slick.carousel.css.margins.item};
        }
        .slick-header {
          bottom: {$plugin.slick.carousel.css.header.bottom};
          top: {$plugin.slick.carousel.css.header.top};
        }
        .slick-text {
          bottom: {$plugin.slick.carousel.css.text.bottom};
          top: {$plugin.slick.carousel.css.text.top};
        }
        .slick-header .span  {
          background-color: {$plugin.slick.carousel.css.header.background-color};
          color: {$plugin.slick.carousel.css.header.color};
          font-size: {$plugin.slick.carousel.css.header.font-size};
          font-weight: {$plugin.slick.carousel.css.header.font-weight};
        }
        /* color */
        .slick-slider .slick-next:before,
				.slick-slider .slick-prev:before {
          color: {$plugin.slick.carousel.css.colors.arrows};
        }
        .slick-slider  .slick-dots li button:before {
          color: {$plugin.slick.carousel.css.colors.dots.default};
        }
        .slick-slider .slick-dots li.slick-active button:before {
          color: {$plugin.slick.carousel.css.colors.dots.active};
        }
        .slick-slider .slick-next:before,
				.slick-slider .slick-prev:before {
          color: {$plugin.slick.carousel.css.colors.arrows};
        }
        .slick-slider .slick-dots li button:before {
          color: {$plugin.slick.carousel.css.colors.dots.default};
        }
        .slick-slider .slick-dots li.slick-active button:before {
          color: {$plugin.slick.carousel.css.colors.dots.active};
        }
        /* position */
        .slick-dots {
          bottom: {$plugin.slick.carousel.css.position.dots.bottom};
          margin-left:0;
          margin-right:0;
        }