/* Pagesection */
.section-slider .page-section-content > .mk-padding-wrapper.wpb_row { padding:0!important;}
/* HTML Element */
.wpb_raw_html.sol-slider {margin-bottom:0!important;}

/* Slider */
.sliderContainer { position: relative; }
.slider {
	width: 100%;
	height: 95vh;
	margin: 0;
}

/* Progress Bar */
.progressBarContainer {
  position: absolute;
  bottom: 7px;
  width:100%;
  left:0;
}
.progressBarContainer div {
  display: block;
  position: absolute;
  width: 100%;
  padding: 0;
  float: left;
}
.progressBarContainer div:last-child {
  margin-right: 0;
}
.progressBarContainer div span.progressBar {
  width: 100%;
  height: 7px;
  background-color: transparent;
  display: block;
  position: absolute;
}
.progressBarContainer div span.progressBar .inProgress {
  background: rgba(255, 103, 53, 0.85);
  width: 0%;
  height: 7px;
  position: absolute;
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: 45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 20px;
    padding: 0;
    cursor: pointer;
	vertical-align:middle;
	text-align:center;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
	border-radius:10px;
	border:2px solid transparent;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	transition: all 0.4s ease; 
}
.slick-dots li:hover button,
.slick-dots li.slick-active button {
	border:2px solid #fff;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
	border-radius: 10px;
    text-align: center;
    opacity: .25;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	transition: all 0.4s ease;
}
.slick-dots li:hover button:before,
.slick-dots li.slick-active button:before {
	top: 6px;
    left: 6px;
	width: 8px;
    height: 8px;
    opacity: .75;
    background-color: #fff;
}

/* Stml Slider */
.slider .slide,
.slider div {
	height:100%;
}
.slider .sldr-slide-bg {
	height:100%;
	width:100%;
	background-size: cover;
}
/* Slider home */
.stml-sldr.home .image-1 .sldr-slide-bg { background-image: url("https://solarprotect.de/wp-content/uploads/2018/02/komplettloesungen-2018.jpg"); }
.stml-sldr.home .image-2 .sldr-slide-bg { background-image: url("https://solarprotect.de/wp-content/uploads/2018/02/vollautomatisches-sonnensegel-2018-04.jpg"); }
.stml-sldr.home .image-3 .sldr-slide-bg { background-image: url("https://solarprotect.de/wp-content/uploads/2018/02/sonnensegel-manuell-aufrollbar-2018-01.jpg"); }
.stml-sldr.home .image-4 .sldr-slide-bg { background-image: url("https://solarprotect.de/wp-content/uploads/2018/02/sonnensegel-manuell-aufrollbar-2018.jpg"); }

/* Slider manuell */
.stml-sldr.manuell .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/02/funktion_manuelles_sonnensegel_01.jpg"); }
.stml-sldr.manuell .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/02/funktion_manuelles_sonnensegel_03.jpg"); }
.stml-sldr.manuell .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/02/funktion_manuelles_sonnensegel_04.jpg"); }
.stml-sldr.manuell .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/02/funktion_manuelles_sonnensegel_07.jpg"); }
.stml-sldr.manuell .image-5 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/02/funktion_manuelles_sonnensegel_08.jpg"); }

/* Slider elektrisch */
.stml-sldr.elektrisch .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/autotomatisch_aufrollbar_1.jpg"); }
.stml-sldr.elektrisch .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/autotomatisch_aufrollbar_2.jpg"); }
.stml-sldr.elektrisch .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/autotomatisch_aufrollbar_3.jpg"); }
.stml-sldr.elektrisch .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/autotomatisch_aufrollbar_2.jpg"); }

/* Slider bausatz */
.stml-sldr.bausatz .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/03/sonnensegel-ueber-der-terrasse-im-garten.jpg"); }
.stml-sldr.bausatz .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/bausatz_spl.jpg"); }
.stml-sldr.bausatz .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/03/sonnensegel-im-garten.jpg"); }

/* Slider projekt */
.stml-sldr.projekt .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2016/01/Komplettleosung-Gastronomie.jpg"); }
.stml-sldr.projekt .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/12/projektloesungen_1.jpg"); }
.stml-sldr.projekt .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/03/kinderspielplatz-mit-sonnensegel-schutz.jpg"); }
.stml-sldr.projekt .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2016/01/Spielplatz-ueberdachung.jpg"); }
.stml-sldr.projekt .image-5 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/komplett4.jpg"); }
.stml-sldr.projekt .image-6 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/03/eingangsberreich-mit-sonnensegel-schutz.jpg"); }

/* Slider balkon */
.stml-sldr.balkon .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2018/03/balkon-mit-sonnensegel-sonnenschutz.jpg"); }
.stml-sldr.balkon .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/orangefarbenes-sonnensegel-ueber-einem-balkon.jpg"); }
.stml-sldr.balkon .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2017/12/balkon-und-terrassenbespannung.jpg"); }
.stml-sldr.balkon .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/sonnensegel-balkon.jpg"); }
.stml-sldr.balkon .image-5 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/terrasse-rotes-sonnensegel.jpg"); }

/* Slider terrasse */
.stml-sldr.terrasse .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/terra0.jpg"); }
.stml-sldr.terrasse .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/sonnensegel-ueber-einer-terrasse.jpg"); }
.stml-sldr.terrasse .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/sonnenschirm-und-segel-terrasse.jpg"); }
.stml-sldr.terrasse .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/sonnensegelterrasse-an-einem-wohnhaus.jpg"); }
.stml-sldr.terrasse .image-5 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/rotes-sonnensegel-wohnhaus-sitzgruppe.jpg"); }

/* Slider sandkasten */
.stml-sldr.sandkasten .image-1 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2014/08/sand1.jpg"); }
.stml-sldr.sandkasten .image-2 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/sand2.jpg"); }
.stml-sldr.sandkasten .image-3 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2015/10/sand3.jpg"); }
.stml-sldr.sandkasten .image-4 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2017/02/hoehenverstellbares-sonnensegel-ueber-einem-sandkasten-spielplatz.jpg"); }
.stml-sldr.sandkasten .image-5 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/sonnensegel-ueber-sandkasten-spielplatz.jpg"); }
.stml-sldr.sandkasten .image-6 .sldr-slide-bg { background-image: url("https://www.solarprotect.de/wp-content/uploads/2019/05/sonnensegel-ueber-sandkasten.jpg"); }

/* Padding Slider */
.padding-sldr.slider {background-color: #fff;transition: opacity 0.4s ease;}
.padding-sldr .slick-slide.slick-active {opacity:1;} 
.padding-sldr .slick-slide {opacity:0.4;}
/* ------------------------------------------------------------------------------------------------------------------------------------------ *\
/* -- Ken Burns Effect -- */
/* Safari 4.0 - 8.0 */
@-webkit-keyframes stml-ken-burns {
	from {transform: scale(1) rotate(0.1deg);}
	50% {transform: scale(1.1) rotate(0.1deg);}
	to {transform: scale(1) rotate(0.1deg);}
}

/* Standard syntax */
@keyframes stml-ken-burns {
	from {transform: scale(1) rotate(0.1deg);}
	50% {transform: scale(1.1) rotate(0.1deg);}
	to {transform: scale(1) rotate(0.1deg);}
}

.home .sldr-slide-bg {
	animation-iteration-count: infinite;
	animation-duration: 30s;
	-webkit-animation-name: stml-ken-burns; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 30s; /* Safari 4.0 - 8.0 */
	animation-name: stml-ken-burns;
}

/* Solarprotect-Logo-Schatten */
.slider .slide {
	text-align:center;
}
.stml-sldr .sldr-logo-shadow {
	opacity:0.6;
	position:absolute;
	height:50vh;
	width:auto;
	top:25vh;
	left:50%;
	transform: translateX(-45%);
}

.stml-sldr .sldr-sol-logo {
	position:absolute;
	height:7vh;
	min-height:60px;
	width:auto;
	top:35vh;
	left:50%;
	transform: translateX(-50%);
}

.stml-sldr .sldr-text {
	font-weight: 800;
    font-size: 60px;
	line-height: 1.44;
	color:#fff;
	position:absolute;
	height:auto;
	top:45vh;
	left:50%;
	transform: translateX(-50%);
	text-shadow: 0px 0px 5px #190b00;
}

@media all and (max-width:767px){
	.slider {
	width: 100%;
	height: 65vh;
	margin: 0;
	}
	/* homeslider */
	.stml-sldr .sldr-logo-shadow { top:5vh; }
	.stml-sldr .sldr-sol-logo { top:15vh; }
	.stml-sldr .sldr-text { top:35vh;font-size: 30px; }
	/* dots */
	.slick-dots { bottom: 15px; }
	.slick-dots li { margin: 0 10px; }
}