/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../img/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../img/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../img/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../img/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../img/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../img/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-regular - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../img/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../img/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../img/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../img/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../img/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../img/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../img/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../img/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../img/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../img/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../img/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../img/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../img/robotocondensed-bold-webfont.eot');
    src: url('../img/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-bold-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-bold-webfont.woff') format('woff'),
         url('../img/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../img/robotocondensed-bolditalic-webfont.eot');
    src: url('../img/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-bolditalic-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('../img/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../img/robotocondensed-italic-webfont.eot');
    src: url('../img/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-italic-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-italic-webfont.woff') format('woff'),
         url('../img/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('../img/robotocondensed-light-webfont.eot');
    src: url('../img/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-light-webfont.woff') format('woff'),
         url('../img/robotocondensed-light-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('../img/robotocondensed-lightitalic-webfont.eot');
    src: url('../img/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-lightitalic-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('../img/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../img/robotocondensed-regular-webfont.eot');
    src: url('../img/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../img/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('../img/robotocondensed-regular-webfont.woff') format('woff'),
         url('../img/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('../img/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.diashowbox {
width: 100% !important;

}

.diashowrahmen {
	height: 620px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100% !important;
}



*,
:after,
:before {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}



.demo-1 .sl-slider-wrapper {
	height: 620px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.demo-1 .bg-1 h2,
.demo-1 .bg-2 h2,
.demo-1 .bg-3 h2,
.demo-1 .bg-4 h2,
.demo-1 .bg-5 h2 {
	color: hsl(34, 74%, 60%) !important;
	font-family: 'Roboto Slab',serif;
-webkit-font-family: 'Roboto Slab', serif;
	font-kerning: auto !important;
	font-size: 48px !important;
	font-weight: 900 !important;
	letter-spacing: .052em !important;
	max-width: 1260px;
	text-align: left !important;
	text-shadow: 0 1px 0 hsla(200, 0%, 100%, 0.3) !important;
	top: 15vw!important;
}

.kleine-spanne {
	font-family: 'roboto_condensedregular', sans-serif;
	font-size: 24px;
	font-weight: 400;
}

.diashowknopf {
	-moz-animation: fadetwo .5s ease-in-out 1s both;
	-ms-animation: fadetwo .5s ease-in-out 1s both;
	-o-animation: fadetwo .5s ease-in-out 1s both;
	-webkit-animation: fadetwo .5s ease-in-out 1s both;
	animation: fadetwo .5s ease-in-out 1s both;
	background-color: #c11c03;
	border: 2px solid #fff;
	border-radius: 10px;
	clear: both;
	color: #fff;
	display: block;
	float: left;
	font-family: 'roboto_condensedregular', sans-serif;
	font-size: 24px;
	font-weight: 400;
	height: auto;
	left: 0;
	line-height: 28px;
	margin: 23px 0 0;
	min-height: 0;
	padding: 14px 21px;
	position: relative;
	text-align: left;
	text-decoration: none !important;
	width: auto;
}

.diashowknopf:hover {
	background-color: hsla(0, 100%, 100%, 1) !important;
	border-color: #c11c03;
	color: #c11c03;
	;
}

.diashowknopf:active {
	background-color: #c11c03;
	border: 2px solid #fff;
	color: #fff;
}

.nav-arrows span {
	-moz-transform: rotate(45deg);
	-moz-transition: all .1s ease;
	-ms-transform: rotate(45deg);
	-ms-transition: all .1s ease;
	-o-transform: rotate(45deg);
	-o-transition: all .1s ease;
	-webkit-transform: rotate(45deg);
	-webkit-transition: all .1s ease;
	border: .7vw solid #ccc;
	cursor: pointer;
	height: 2.6vw;
	margin-top: -40px;
	position: absolute;
	text-indent: -90000px;
	top: calc(51% - 0px);
	transform: rotate(45deg);
	transition: all .1s ease;
	width: 2.6vw;
	z-index: 66;
	;
}

.nav-arrows span:hover {
	border: 1vw solid #ccc;
	border-color: #ccc;
	;
}

.nav-arrows span:active {
	border: .7vw solid #eee;
}

.nav-arrows span.nav-arrow-prev {
	border-right: none;
	border-top: none;
	left: 1.4vw;
}

.nav-arrows span.nav-arrow-next {
	border-bottom: none;
	border-left: none;
	right: 1.4vw;
}

.nav-dots {
	bottom: 3%;
	height: 32px;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 33;
}

.nav-dots span {
	background: #ccc;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: 3px;
	position: relative;
	width: 24px;
}

.nav-dots span:hover {
	background: #ddd;
	border-radius: 50%;
	cursor: pointer;
	display: inline-block;
	height: 24px;
	margin: 3px;
	position: relative;
	width: 24px;
}

.nav-dots span.nav-dot-current:after {
	background: #fff;
	border-radius: 50%;
	content: "";
	height: 16px;
	left: calc(100%/2 - 8px);
	position: absolute;
	top: calc(100%/2 - 8px);
	width: 16px;
}

.demo-1 .deco {
	-webkit-box-shadow: 0 1px 1vw hsla(0, 0%, 0%, 0.15);
	border: 1px solid #fff;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	box-shadow: 0 1px 1vw hsla(0, 0%, 0%, 0.15);
	cursor: pointer;
	height: 28vw;
	left: 50%;
	margin: 0 0 0 -14vw;
	position: absolute;
	top: 4vw;
	width: 28vw;
}

.demo-1 [data-icon1]:after,
.demo-1 [data-icon2]:after,
.demo-1 [data-icon3]:after,
.demo-1 [data-icon4]:after,
.demo-1 [data-icon5]:after,
.demo-1 [data-icon6]:after {
	-moz-filter: drop-shadow(0px 0px 1vw hsla(0, 0%, 0%, 0.20));
	-ms-filter: drop-shadow(0px 0px 1vw hsla(0, 0%, 0%, 0.20));
	-o-filter: drop-shadow(0px 0px 1vw hsla(0, 0%, 0%, 0.20));
	-webkit-filter: drop-shadow(0px 0px 1vw hsla(0, 0%, 0%, 0.20));
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	content: attr(data-icon1);
	filter: drop-shadow(0px 0px 1vw hsla(0, 0%, 0%, 0.20));
	height: 24vw;
	left: 50%;
	margin: -12vw 0 0 -12vw;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 24vw;
}

.demo-1 .sl-slide h2 {
	font-family: 'Roboto Slab',serif !important;
-webkit-font-family: 'Roboto Slab', serif !important;
	font-size: 9vw;
	font-weight: 300;
	left: 15vw;
	line-height: normal;
	margin: 0 0 -20px;
	padding: 0 0 20px;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2) !important;
	text-transform: uppercase;
	top: 15% !important;
	width: 100%;
}

.demo-1 .sl-slide blockquote,
.specialtext {
	color: hsl(0, 98%, 96%);
	float: none;
	font-family: 'Roboto Slab',serif !important;
-webkit-font-family: 'Roboto Slab', serif !important;
	font-size: 38px !important;
	font-weight: 700 !important;
	height: 500px;
	left: 15vw;
	line-height: 38px;
	margin: 0 auto;
	max-width: 100%;
	overflow: auto;
	padding: 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
	top: 16%;
	width: 100%;
	z-index: 2;
	text-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3) !important;
	;
}

.demo-1 .sl-slide blockquote,
.specialtextgreen {
	color: hsl(140, 100%, 25%) !important;
	float: none;
	font-family: 'Roboto Slab',serif !important;
-webkit-font-family: 'Roboto Slab', serif !important;
	font-size: 38px !important;
	font-weight: 700 !important;
	height: 500px;
	left: 15vw;
	line-height: 38px;
	margin: 0 auto;
	max-width: 100%;
	overflow: auto;
	padding: 0;
	position: relative;
	text-align: center;
	text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.2);
	top: 16%;
	width: 100%;
	z-index: 2;
	text-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.3) !important;
	;
}

.demo-1 .sl-slide blockquote p {
	float: left;
	left: 0;
	margin: 0 auto;
	max-width: 1224px;
	position: relative;
	text-align: left;
	width: auto;
}

.demo-1 [data-icon1]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(0, 68%, 86%);
}

.demo-1 [data-icon1]:hover:after {
	background-color: hsl(12, 48%, 48%);
}

.demo-1 [data-icon1]:active:after {
	background-color: hsl(12, 48%, 38%);
}

.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {

background-image: url("../img/Slider_Home_Shield_Produktaufstellung_V27-web.jpg");
	/*background-color: rgb(255, 255, 255);
    background-image:-webkit-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 78%, rgb(237, 237, 237) 100%);
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 78%, rgb(237, 237, 237) 100%);*/
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
   background-position: 80% 60% !important;
-webkit-background-position: 80% 60% !important;
    background-repeat: repeat repeat;
	
}

.demo-1 .bg-1 .deco:after {
	color: hsl(12, 48%, 58%);
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-1 h2 {
	color: hsl(12, 48%, 98%);
}

.demo-1 .bg-1 p {
	color: hsl(12, 48%, 100%);
}

.demo-1 [data-icon2]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(65, 44%, 75%);
}

.demo-1 [data-icon2]:hover:after {
	background-color: hsl(66, 45%, 41%);
}

.demo-1 [data-icon2]:active:after {
	background-color: hsl(66, 45%, 31%);
}

.demo-1 .bg-2 .sl-slide-inner,
.demo-1 .bg-2 .sl-content-slice {
	background-color: rgb(0, 127, 42);
	background-image: url("https://fossil-shield.de/wp-content/uploads/2022/07/Slider_Home_Shield_Produktaufstellung_V3.jpg");


	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 65% 40% !important;
-webkit-background-position: 65% 40% !important;
	background-repeat: repeat repeat;
}

.demo-1 .bg-2 .deco:after {
	color: hsl(66, 45%, 51%);
	text-shadow: 0 0 1px #000;
}

.demo-1 [data-icon3]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(113, 42%, 75%);
}

.demo-1 [data-icon3]:hover:after {
	background-color: hsl(114, 42%, 40%);
	background-image: url();
	opacity: .5;
}

.demo-1 [data-icon3]:active:after {
	background-color: hsl(114, 42%, 30%);
}

.demo-1 .bg-3 .sl-slide-inner,
.demo-1 .bg-3 .sl-content-slice {
	background-color: rgb(0, 127, 42);
	background-image: url("https://fossil-shield.de/wp-content/uploads/2022/07/Slider_Home_Shield_Produktaufstellung_V32.jpg");
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 65% 40% !important;
-webkit-background-position: 65% 40% !important;
	background-repeat: repeat repeat;
}

.demo-1 .bg-3 .deco:after {
	color: hsl(114, 34%, 50%);
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-3 h2 {
	color: hsl(114, 42%, 90%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 .bg-3 p {
	color: hsl(114, 42%, 100%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 [data-icon4]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(159, 29%, 73%);
}

.demo-1 [data-icon4]:hover:after {
	background-color: hsl(159, 34%, 36%);
}

.demo-1 [data-icon4]:active:after {
	background-color: hsl(159, 34%, 26%);
}

.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	background-color: rgb(0, 127, 42);
	background-image: url("https://cloud21.myfactory.com/myfactory/CustomUpload/374O357O340O370O356O369O350O321O356O360O365O326O364O353O327O/Slider_Home_Shield_Produktaufstellung_V2_S4.jpg");
	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: 65% 40% !important;
-webkit-background-position: 65% 40% !important;
	background-repeat: repeat repeat;
}






.demo-1 .bg-4 .deco:after {
	background-color: #fff;
	color: hsl(159, 34%, 100%);
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-4 h2 {
	color: hsl(159, 34%, 96%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 .bg-4 p {
	color: hsl(159, 34%, 100%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}


.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
        z-index:0;
background-color: transparent !important;
	background-image: url("https://fossil-shield.de/wp-content/uploads/2023/10/Slider-Zulassung-shoppp.jpg") !important;

	background-attachment: scroll;
	-webkit-background-size: cover;
	background-size: cover;
        -webkit-background-size: cover;
	background-position: 65% 40% !important;
        -webkit-background-position: 65% 40% !important;
	background-repeat: repeat repeat;
}



.demo-1 [data-icon5]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(178, 32%, 69%);
}

.demo-1 [data-icon5]:hover:after {
	background-color: hsl(178, 52%, 28%);
}

.demo-1 [data-icon5]:active:after {
	background-color: hsl(178, 52%, 18%);
}

.demo-1 .bg-5 .sl-slide-inner,
.demo-1 .bg-5 .sl-content-slice {
	/*background: hsl(140, 100%, 25%);*/
}

.demo-1 .bg-5 .deco:after {
	color: hsl(178, 52%, 38%);
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-5 h2 {
	color: hsl(178, 52%, 98%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 .bg-5 p {
	color: hsl(178, 52%, 100%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 [data-icon6]:after {
	background-image: url();
	box-shadow: inset 0 0 0 10px hsl(202, 33%, 74%);
}

.demo-1 [data-icon6]:hover:after {
	background-color: hsl(203, 36%, 38%);
}

.demo-1 [data-icon6]:active:after {
	background-color: hsl(203, 36%, 28%);
}

.demo-1 .bg-6 .sl-slide-inner,
.demo-1 .bg-6 .sl-content-slice {
	background: hsl(203, 36%, 48%);
}

.demo-1 .bg-6 .deco:after {
	color: hsl(203, 36%, 48%);
	text-shadow: 0 0 1px #000;
}

.demo-1 .bg-6 h2 {
	color: hsl(203, 36%, 88%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.demo-1 .bg-6 p {
	color: hsl(203, 36%, 98%);
	text-shadow: 0 -1px 1px hsla(200, 0%, 0%, 0.2);
}

.sl-trans-elems .deco {
	-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;
	animation: roll 1s ease-out both, fadeIn 1s ease-out both;
}

.sl-trans-elems h2 {
	-moz-animation: moveDown 1s ease-in-out both;
	-ms-animation: moveDown 1s ease-in-out both;
	-o-animation: moveDown 1s ease-in-out both;
	-webkit-animation: moveDown 1s ease-in-out both;
	animation: moveDown 1s ease-in-out both;
}

.sl-trans-elems blockquote {
	-moz-animation: fadeIn 1s ease-in-out .1s both;
	-ms-animation: fadeIn 1s ease-in-out .1s both;
	-o-animation: fadeIn 1s ease-in-out .1s both;
	-webkit-animation: fadeIn 1s ease-in-out .1s both;
	animation: fadeIn 1s ease-in-out .1s both;
}

.sl-trans-back-elems .deco {
	-moz-animation: scaleDown 1s ease-in-out both;
	-ms-animation: scaleDown 1s ease-in-out both;
	-o-animation: scaleDown 1s ease-in-out both;
	-webkit-animation: scaleDown 1s ease-in-out both;
	animation: scaleDown 1s ease-in-out both;
}

.sl-trans-back-elems h2 {
	-moz-animation: fadeOut 1s ease-in-out both;
	-ms-animation: fadeOut 1s ease-in-out both;
	-o-animation: fadeOut 1s ease-in-out both;
	-webkit-animation: fadeOut 1s ease-in-out both;
	animation: fadeOut 1s ease-in-out both;
}

.sl-trans-back-elems blockquote {
	-moz-animation: fadeOut 1.2s ease-in-out both;
	-ms-animation: fadeOut 1.2s ease-in-out both;
	-o-animation: fadeOut 1.2s ease-in-out both;
	-webkit-animation: fadeOut 1.2s ease-in-out both;
	animation: fadeOut 1.2s ease-in-out both;
}

::-moz-selection,
::selection {
	background: hsl(140, 100%, 100%);
	color: #000;
}

.demo-1 .bg-2 h2,
.demo-1 .bg-2 p {
	color: hsl(66, 45%, 100%);
	text-shadow: 0 1px 0 hsla(200, 0%, 100%, 0.2);
}

@-webkit-keyframes roll {
	0% {
		-webkit-transform: translateX(500px) rotate(360deg);
	}
	100% {
		-webkit-transform: translateX(0px) rotate(0deg);
	}
	;
}

@-moz-keyframes roll {
	0% {
		-moz-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
	;
}

@-o-keyframes roll {
	0% {
		-o-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-o-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
	;
}

@-ms-keyframes roll {
	0% {
		-ms-transform: translateX(500px) rotate(360deg);
		opacity: 0;
	}
	100% {
		-ms-transform: translateX(0px) rotate(0deg);
		opacity: 1;
	}
	;
}

@keyframes roll {
	0% {
		opacity: 0;
		transform: translateX(500px) rotate(360deg);
	}
	100% {
		opacity: 1;
		transform: translateX(0px) rotate(0deg);
	}
	;
}

@-webkit-keyframes moveDown {
	0% {
		-webkit-transform: translateY(-128px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
	;
}

@-moz-keyframes moveDown {
	0% {
		-moz-transform: translateY(-128px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0px);
		opacity: 1;
	}
	;
}

@-o-keyframes moveDown {
	0% {
		-o-transform: translateY(-128px);
		opacity: 0;
	}
	100% {
		-o-transform: translateY(0px);
		opacity: 1;
	}
	;
}

@-ms-keyframes moveDown {
	0% {
		-ms-transform: translateY(-128px);
		opacity: 0;
	}
	100% {
		-ms-transform: translateY(0px);
		opacity: 1;
	}
	;
}

@keyframes moveDown {
	0% {
		opacity: 0;
		transform: translateY(-128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(128px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
	;
}

@-webkit-keyframes fadetwo {
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
	;
}

@-moz-keyframes fadetwo {
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
	;
}

@-o-keyframes fadetwo {
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
	;
}

@-ms-keyframes fadetwo {
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
	;
}

@keyframes fadetwo {
	0% {
		opacity: 0;
		transform: scale(0.1);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
	;
}

@-webkit-keyframes scaleDown {
	0% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(0.5);
	}
	;
}

@-moz-keyframes scaleDown {
	0% {
		-moz-transform: scale(1);
	}
	100% {
		-moz-transform: scale(0.5);
	}
	;
}

@-o-keyframes scaleDown {
	0% {
		-o-transform: scale(1);
	}
	100% {
		-o-transform: scale(0.5);
	}
	;
}

@-ms-keyframes scaleDown {
	0% {
		-ms-transform: scale(1);
	}
	100% {
		-ms-transform: scale(0.5);
	}
	;
}

@keyframes scaleDown {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0.5);
	}
	;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
	;
}

@-moz-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
	;
}

@-o-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
	;
}

@-ms-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
	;
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
	;
}

.sl-slider-wrapper {
	height: 400px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 800px;
}

.sl-slider {
	left: 0;
	position: absolute;
	top: 0;
}

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.sl-slide {
	z-index: 1;
}

.sl-content-slice {
	-moz-backface-visibility: hidden;
	-moz-box-sizing: content-box;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-box-sizing: content-box;
	backface-visibility: hidden;
	background: #fff;
	box-sizing: content-box;
	opacity: 1;
	overflow: hidden;
	position: absolute;
}

.sl-slide-horizontal .sl-content-slice {
	-moz-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-webkit-transform: translateY(0%) scale(1);
	height: 50%;
	left: -200px;
	transform: translateY(0%) scale(1);
	width: 100%;
}

.sl-slide-horizontal .sl-content-slice:first-child {
	padding: 200px 200px 0;
	top: -200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	padding: 0 200px 200px;
	top: 50%;
}

.sl-slide-vertical .sl-content-slice {
	-moz-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-webkit-transform: translateX(0%) scale(1);
	height: 100%;
	top: -200px;
	transform: translateX(0%) scale(1);
	width: 50%;
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0;
}

.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	background: #fff;
	height: 100%;
	width: 100%;
}

.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}

@media only screen and (max-width: 1280px) {


.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {

background-image: url("../img/Slider_Home_Shield_Produktaufstellung_V27-web.jpg");
	
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
   background-position: 80% 60% !important;
-webkit-background-position: 80% 60% !important;
    background-repeat: repeat repeat;
	
}


	.demo-1 .bg-2 .sl-slide-inner,
	.demo-1 .bg-2 .sl-content-slice {
		background-attachment: scroll;
		background-color: rgb(0, 127, 42);
		-webkit-background-size: cover;
		background-size: cover;
		background-position: 60% 50%;
		background-repeat: repeat repeat;
	}
	.demo-1 .bg-3 .sl-slide-inner,
	.demo-1 .bg-3 .sl-content-slice {
		background-position: 60% 50%;
	
	}
	
	.demo-1 .bg-4 .sl-slide-inner,
.demo-1 .bg-4 .sl-content-slice {
	
	background-position: 50% 50%;
	
}
	
	.demo-1 .bg-1 h2,
	.demo-1 .bg-2 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-4 h2 {
		font-size: 3.9vw !important;
		letter-spacing: .1vw !important;
		max-width: 80vw;
		top: 15vw!important;
	}
	.kleine-spanne {
		font-size: 2vw;
	}
	.diashowknopf {
		font-size: 2.2vw;
		line-height: 2vw;
		margin: 2vw 0 0;
		padding: 1.3vw 1.6vw;
	}
	.demo-1 .sl-slide h2 {
		font-size: 9vw;
		top: 7vw!important;
	}
	.demo-1 .sl-slide blockquote,
	.specialtext {
		font-size: 3.3vw !important;
		line-height: 3.6vw;
	}
	;
}

@media only screen and (max-width: 880px) {
	.demo-1 .sl-slide h2 {
		font-size: 9vw;
		top: 6vw!important;
	}
	.diashowrahmen,
	.demo-1 .sl-slider-wrapper {
		height: 400px;
	}
	;
}

@media only screen and (max-width: 576px) {
	.nav-dots span {
		height: 28px;
		height: 16px;
		margin: 3px;
		width: 16px;
	}
	.nav-dots span:hover {
		height: 16px;
		margin: 3px;
		width: 16px;
	}
	.nav-dots span.nav-dot-current:after {
		height: 8px;
		left: calc(100%/2 - 4px);
		top: calc(100%/2 - 4px);
		width: 8px;
	}
	.demo-1 .bg-1 h2,
	.demo-1 .bg-2 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-4 h2 {
		font-size: 4vw !important;
		letter-spacing: -.02vw !important;
		max-width: 80vw;
	}
	.demo-1 .sl-slide blockquote,
	.specialtext {
		font-size: 3.6vw !important;
		line-height: 3.6vw;
	}
	.kleine-spanne {
		font-size: 2.2vw;
	}
	.diashowrahmen,
	.demo-1 .sl-slider-wrapper {
		height: 320px;
	}
	
}

@media only screen and (max-width: 420px) {


.demo-1 .bg-1 .sl-slide-inner,
.demo-1 .bg-1 .sl-content-slice {

background-image: url("../img/Slider_Home_Shield_Produktaufstellung_V27-web.jpg");
	/*background-color: rgb(255, 255, 255);
    background-image:-webkit-linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 78%, rgb(237, 237, 237) 100%);
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 78%, rgb(237, 237, 237) 100%);*/
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
   background-position: 80% 60% !important;
-webkit-background-position: 80% 60% !important;
    background-repeat: repeat repeat;
	
}



	.nav-dots span {
		height: 28px;
		height: 16px;
		margin: 3px;
		width: 16px;
	}
	.nav-dots span:hover {
		height: 16px;
		margin: 3px;
		width: 16px;
	}
	.nav-dots span.nav-dot-current:after {
		height: 8px;
		left: calc(100%/2 - 4px);
		top: calc(100%/2 - 4px);
		width: 8px;
	}
	.demo-1 .bg-1 h2,
	.demo-1 .bg-2 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-3 h2,
	.demo-1 .bg-4 h2 {
		font-size: 3vw !important;
		letter-spacing: -.02vw !important;
		max-width: 80vw;
	}
	.demo-1 .sl-slide blockquote,
	.specialtext {
		font-size: 3.6vw !important;
		line-height: 3.6vw;
	}
	.kleine-spanne {
		font-size: 2.2vw;
	}
	.diashowrahmen,
	.demo-1 .sl-slider-wrapper {
	max-height: 220px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
	
}