#slidetext1, #slidetext2
{
	position: relative;
}

#slidetext1 li, #slidetext2 li
{
	float: left;
	position: relative;
	display: inline-block;
	list-style: outside none none;
	width: 1000px;
}

#slidetext1 ul, #slidetext2 ul
{
	list-style: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 8000px;
	transition: left .3s linear;
	-moz-transition: left .3s linear;
	-o-transition: left .3s linear;
	-webkit-transition: left .3s linear;
	margin-left: -25px;
  color: #666;
}
/*** target hooks ****/

@-webkit-keyframes slide-animation1 {
	0% {opacity:0;}
	2% {opacity:1;}
	10% {left:0px; opacity:1;}
	12.5% {opacity:0.6;}
	15% {left:-1000px; opacity:1;}
	80% {left:-1000px; opacity:1;}
	82.5% {opacity:0.6;}
	88% {left:-9000px; opacity:0;} 
	100% {left:0px; opacity:0;}
}

#slidetext1 ul
{
	-webkit-animation: slide-animation1 30s infinite;
}

@-webkit-keyframes slide-animation2 {
	0% {opacity:0;}
	2% {opacity:1;}
	10% {left:0px; opacity:1;}
	12.5% {opacity:0.6;}
	15% {left:-1000px; opacity:1;}
	20% {left:-1000px; opacity:1;}
	22.5% {opacity:0.6;}
	25% {left:-2000px; opacity:1;}
	30% {left:-2000px; opacity:1;}
	32.5% {opacity:0.6;}
	35% {left:-3000px; opacity:1;}
	40% {left:-3000px; opacity:1;}
	42.5% {opacity:0.6;}
	45% {left:-4000px; opacity:1;}
	50% {left:-4000px; opacity:1;}
	52.5% {opacity:0.6;}
	55% {left:-5000px; opacity:1;}
	60% {left:-5000px; opacity:1;}
	62.5% {opacity:0.6;}
	65% {left:-6000px; opacity:1;}
	70% {left:-6000px; opacity:1;}
	72.5% {opacity:0.6;}
	75% {left:-7000px; opacity:1;}
	80% {left:-7000px; opacity:1;}
	82.5% {opacity:0.6;}
	88% {left:-9000px; opacity:0;} 
	100% {left:0px; opacity:0;}
}

#slidetext2 ul
{
	-webkit-animation: slide-animation2 30s infinite;
}
#angebot {text-align: left;}
#angebot h2 { font-size: 3em;  padding-bottom: 1em;}
#angebot p { font-size: 1.5em; text-shadow: none;}
#slider {background: none;}
/* WERTGARANTIE */
#slider.wertgarantie {
    height: 286px;
	width: 100%;
	background: #af6888;
	background: -moz-linear-gradient(top,  #af6888 3.8%,#659ad0 3.8%,#659ad0 11.4%,#c4d3eb 11.4%,#c4d3eb 70%,#C8DCEF 100%);
	background: -webkit-linear-gradient(top,  #af6888 3.8%,#659ad0 3.8%,#659ad0 11.4%,#c4d3eb 11.4%,#c4d3eb 70%,#C8DCEF 100%);
	background: linear-gradient(to bottom, #af6888 3.8%,#659ad0 3.8%,#659ad0 11.4%,#c4d3eb 11.4%,#c4d3eb 70%,#C8DCEF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af6888', endColorstr='#c4d3eb',GradientType=0 );
}

.wertgarantie #angebot {
    margin: auto;
    width: 1000px;
}

/* Urlaub */
#slider.urlaub {
	height: 286px;
	width: 100%;
	background: #3E6594;
	color: #fff;
	font-size:3em;
	display: flex; 
	justify-content: middle;
}
#slider #urlaub {    margin: auto;  width: 1000px; text-shadow: none; text-align: center; }
@media (max-width: 1300px){
	.scrollicon { border-radius: 0 0 50% 50%;
    bottom: 25px;
    position: relative;
    left: 0px;
    float: right;}
}

@media (max-width: 1005px) {
	#header, nav, #slider, main, footer, #footer, article.blog, #service {width: 100%;}
	section {width: 100%; padding: 0 1em; box-sizing: border-box;}
	#header {padding: 1em; box-sizing: border-box;}	
}

@media (max-width: 800px) {
	.impressum {flex-wrap: wrap;}
	.impressum > div {width: 50%; margin-top: 1em;}
	#slider {display: none;}
	div[class*="parallax-"]{
    height: 300px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: inherit;}
	nav.topmenu {  height: auto;  max-height:0;  overflow: hidden;  transition: all 0.5s;}
	label.hamburg { box-sizing: border-box; color: #fff; font-size: 1.2em; font-weight: bold; width: 100%; display: block; text-align: left; border-bottom: 1px solid; padding: 1em; }
	#hamburg:checked + .hamburg  + nav.topmenu {  max-height: 600px; }
	nav ul {text-align: left;}
	nav ul li {display: block; text-align:left; }
	nav ul li a { padding: 1em;}
	a.facebook {  margin: 1em; margin-left:1em;}
}
@media (max-width: 550px) {
	#service { justify-content: center;}
}
@media (max-width: 500px) {
	article.blog section {width:100%;}
	div.parallax-speicher {background-image: url("../img/blog_speicher.jpg");
	 height: 263px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: inherit;}
	#sideblog {display: block;}
	#sideblog article, #sideblog aside {width: 100%;}
	footer img {  margin: 1em;  width: auto;}
}
@media (max-width: 450px){
	.impressum > div {width:100%; padding: 0 1em;}
	#header img {width: 80%;}
	#header div {font-size: 90%;}
	nav li { display: block; border-top: 1px solid #2e445b; border-bottom: 1px solid #0a1f38; width: 100%;}
	nav ul li a { padding: 0.5em;}
	a.facebook {display: none;}
}