.info {
	font-size: 1em;
	}

#slider {
	position: relative;
	background: none repeat scroll 0 0 #0080C7;
	overflow: hidden;
}

#slider input {
	display: none;
}

#slide1:checked   ~ #slides .inner {
	margin-left: 0;
}

#slide2:checked   ~ #slides .inner {
	margin-left: -100%;
}

#slide3:checked   ~ #slides .inner {
	margin-left: -200%;
}

#slide4:checked   ~ #slides .inner {
	margin-left: -300%;
}

#slide5:checked   ~ #slides .inner {
	margin-left: -400%;
}

#slide6:checked   ~ #slides .inner {
	margin-left: -500%;
}

#slide7:checked   ~ #slides .inner {
	margin-left: -600%;
}

#slide8:checked   ~ #slides .inner {
	margin-left: -700%;
}

#slide9:checked   ~ #slides .inner {
	margin-left: -800%;
}

#slide10:checked   ~ #slides .inner {
	margin-left: -900%;
}

#slider #overflow {
	overflow: hidden;
	width: 100%;
}

#slides .inner {
	line-height: 0;
	width: 500%;
}

#slides article {
	float: left;
	width: 20%;
	line-height: 0;
	position: relative;
}

#slider #controls {
	margin: -20% auto 0;
	width: 80%;
}

#slider #controls label {
	cursor: pointer;
	display: none;
	height: 75px;
	width: 45px;
}

#slider #controls label span {
	display: none;
	opacity: 0;
}

#slider #active {
	position: absolute;
	right: 2em;
	top: 1em;
	/*width: 8em;*/
}

#slider .dummie {
	margin: 17.8% 0 0;
	text-align: center;
}

#slider #active label {
	background-color: #ECF5FA;
	cursor: pointer;
	display: inline-block;
	height: 1em;
	text-align: center;
	width: 1em;
	border: 0.2em solid #fff;
}

#slider #active label span {
	font-size: 0; /* keep text but make invisible */
	opacity: 1;
	color: #fff;
}

#slider #active label:hover {
	background: none repeat scroll 0 0 #CCCCCC;
}

#slider #controls label:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
		!important;
	filter: alpha(opacity = 100) !important;
	-moz-opacity: 1 !important;
	-khtml-opacity: 1 !important;
	opacity: 1 !important;
}

#slider .ie8controlshownext,#slider #slide1:checked   ~ #controls label:nth-child(2),#slide2:checked
	  ~ #controls label:nth-child(3),#slide3:checked   ~ #controls label:nth-child(4),#slide4:checked
	   ~ #controls label:nth-child(5),#slide5:checked   ~ #controls label:nth-child(6),#slide6:checked
	   ~ #controls label:nth-child(7),#slide7:checked   ~ #controls label:nth-child(8),#slide8:checked
	   ~ #controls label:nth-child(9),#slide9:checked   ~ #controls label:nth-child(10),#slide10:checked
	   ~ #controls label:nth-child(1) {
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABDCAYAAAAbM8xEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV9JREFUeNrsmmENgzAUhNtlApCABCQgoRKQgASmoHOABOagEpCABOag6yT0yL1ctr6kPxuO9tL7XsHnnCfnXO/q6um9fztWFVEh19fm2FUesgLCZraorowdEDawhQ1lnJWivi/SsYXNwGqtFv7aAGGThb+OSlHfbe8t/FVbu8U2Iv6KFsISICxY+OtU9NcIrFay2MYFELZYCENiaGSL6kF/0WNIFnNiwxwy5hwW/poa5hhgjom/8q9gdFT1V8McOYyWxZzUMIeMOSYYDWGONxCWa+fc2CsFTHv8j6cunO6d2jkV1E70yBSklX0XfDQwRWnxutwFLsjovB4Q7GYy20dan0/ADjmxfSQXI1q3eiC4UWMkqMUI2gz0TFFJLUYWtRiBcIQdI6dajCS1GEFwZGPHSJaJkQs4Qo0RBGsXpqBJLUYGqRi58BGI2tVGtRgJUjFS6l5GB9wJvZh/mn0EGADSY9goNJkmaQAAAABJRU5ErkJggg==")
		no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	right: 0;
	top: 40%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity = 20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#slider .ie8controlshowprev,#slider #slide1:checked   ~ #controls label:nth-child(10),#slide2:checked
	  ~ #controls label:nth-child(1),#slide3:checked   ~ #controls label:nth-child(2),#slide4:checked
	   ~ #controls label:nth-child(3),#slide5:checked   ~ #controls label:nth-child(4),#slide6:checked
	   ~ #controls label:nth-child(5),#slide7:checked   ~ #controls label:nth-child(6),#slide8:checked
	   ~ #controls label:nth-child(7),#slide9:checked   ~ #controls label:nth-child(8),#slide10:checked
	    ~ #controls label:nth-child(9) {
	background:
		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAABDCAYAAAAbM8xEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVBJREFUeNrsmVENhDAQROEUIKESkIAEJCChEnoKkIAEJCABCeCgEnol6T/pbqY3d3QTwlfDsB2Yt9A2wAohdPFkM5edDVjUGvJrRAqyAkELUlAvELSn7cb4KF0gp/x1I8guLYIuWaSgSSBoRQoyaRty6oD5KInaBV2C+mhm89EoELSx+cijfbQJujQgBTmBIIcUNEhiBIojQh+ZiiM3NT8OR45/wJHpUTjSU+GIEGsrjvwk1npGrK048lWspcSRreLITbXXFbIXxUKKesXjLXnbN+ii85Ty6evQwrjGbyUZuBLCuLJPQZtF/MXF5bQfVBWzHpbRFVPxUcJfXL8zlDE0scYQ3F9cX++UMTSzxhAccwzdkKGIoY01hlyJ1wQt5gRGzLGs/lpZMcczYs7AijmOFaN3RswxrJgjmbb3Ev5a6DBHEUNji46heMplqfMjwACHcdmvoW71fgAAAABJRU5ErkJggg==")
		no-repeat scroll 0 0 transparent;
	display: block;
	left: 8px;
	position: absolute;
	top: 40%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity = 20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#slider #active label.ie8controlshowactive,#slider #slide1:checked   ~
	#active label:nth-child(1),#slide2:checked
	  ~ #active label:nth-child(2),#slide3:checked
	   ~ #active label:nth-child(3),#slide4:checked   ~ #active label:nth-child(4),#slide5:checked
	   ~ #active label:nth-child(5),#slide6:checked   ~ #active label:nth-child(6),#slide7:checked
	   ~ #active label:nth-child(7),#slide8:checked   ~ #active label:nth-child(8),#slide9:checked
	   ~ #active label:nth-child(9),#slide10:checked  ~ #active label:nth-child(10)
	{
	background: #0080C7;
	border: 0.2em solid #fff;
}

#slider div.info span.tablecell {
	display: table-cell;
}

#slider div.info span.tablecell.first {
	width: 90%;
}

#slider div.info span.tablecell.second {
	width: 10%;
	vertical-align: middle;
}

#slider .info {
	color: #fff;
	line-height: 1;
	margin: 0;
	opacity: 0;
	padding: 10px;	
	text-align: left;
}

#slides .inner {
	transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1) 0s;
}

#slider {
	transition: all 0.5s ease-out 0s;
}

#slider article img {
	width: 100%;
}

#slider #controls label {
	transition: opacity 0.2s ease-out 0s;
}

#slider #slide1:checked   ~ #slides article:nth-child(1) .info,#slide2:checked
	   ~ #slides article:nth-child(2) .info,#slide3:checked   ~ #slides article:nth-child(3) .info,#slide4:checked
	   ~ #slides article:nth-child(4) .info,#slide5:checked   ~ #slides article:nth-child(5) .info,#slide6:checked   
	 ~ #slides article:nth-child(6) .info,#slide7:checked   ~ #slides article:nth-child(7) .info,#slide8:checked   
	 ~ #slides article:nth-child(8) .info,#slide9:checked   ~ #slides article:nth-child(9) .info,#slide10:checked   
	 ~ #slides article:nth-child(10) .info {
	opacity: 1;
	/*transition: all 1s ease-out 0.6s;*/
}

#slider .info,#controls,#slides,#active,#active label,.info h3,.desktop,.tablet,.mobile
	{
	/*transition: all 0.5s ease-out 0s;*/
	
}

#desktop:checked   ~ #slider {
	max-width: 960px;
}

#tablet:checked   ~ #slider {
	max-width: 850px;
}

#mobile:checked   ~ #slider {
	max-width: 450px;
}

#desktop:checked   ~ #slider .desktop,#tablet:checked   ~ #slider .tablet,#mobile:checked
	   ~ #slider .mobile {
	color: #777777;
	opacity: 1;
}

#slider .desktop,.tablet,.mobile {
	display: inline-block;
	font-size: 12px;
	height: 60px;
	opacity: 0.35;
	padding-top: 50px;
	width: 60px;
}

#slider .desktop:hover,.tablet:hover,.mobile:hover {
	opacity: 0.2;
}

#slider #tablet:checked   ~ #slider #controls {
	height: 50px;
	margin: -25% 0 0 12%;
	width: 76%;
}

#slider #tablet:checked   ~ #slider #controls label {
	transform: scale(0.8);
}

#slider #tablet:checked   ~ #slider #slides,#mobile:checked   ~ #slider #slides
	{
	border-radius: 0;
	padding: 1% 0;
}

#slider #tablet:checked   ~ #slider #active {
	margin: 22% 0 0;
}

#slider #slides {
	border-radius: 0;
}

#mobile:checked   ~ #slider #controls {
	height: 50px;
	margin: -28% 0 0 24%;
	width: 50%;
}

#mobile:checked   ~ #slider #active {
	margin: 23% 0 0;
}

#mobile:checked   ~ #slider #slides .info {
	opacity: 0 ! important;
}

#mobile:checked   ~ #slider #controls label {
	transform: scale(0.6);
}

#slider #slides {
	border-radius: 0;
}

@media screen and (max-width: 900px) {
	#slider .info {
		padding: 0em 1em 5em 32em;
	}
	#slider .dummie {
		margin: 17.5% 0 0;
	}
}

@media screen and (max-width: 840px) {
	#slides article {
		font-size: 80%;
	}
	#slider .info {
		padding: 0em 1em 1em 32em;
	}
	#slider .dummie {
		margin: 17.2% 0 0;
	}
}

@media screen and (max-width: 700px) {
	#slider .info {
		margin: 5em 0 0;
	}
	#slider #active {
		top: 0.5em;
	}
	#slider .dummie {
		margin: 16.8% 0 0;
	}
}

@media screen and (max-width: 640px) {
	#slides article {
		font-size: 60%;
	}
	#slider .info {
		padding: 0em 1em 1em 32em;
	}
	#slider .dummie {
		margin: 16% 0 0;
	}
}

@media screen and (max-width: 499px) {
	#slider #active {
		top: 0.5em;
	}
	#slider #active label {
		width: 0.5em;
		height: 0.5em;
	}
	#slides article {
		font-size: 40%;
	}
	#slider .info {
		margin: 7em 0 0;
	}
	#slider .dummie {
		margin: 14% 0 0;
	}
	#slider article h1 {
		margin: 5px;
	}
	#slider .ie8controlshownext,#slider #slide1:checked   ~ #controls label:nth-child(2),#slide2:checked
	  ~ #controls label:nth-child(3),#slide3:checked   ~ #controls label:nth-child(4),#slide4:checked
	   ~ #controls label:nth-child(5),#slide5:checked   ~ #controls label:nth-child(6),#slide6:checked
	   ~ #controls label:nth-child(7),#slide7:checked   ~ #controls label:nth-child(8),#slide8:checked
	   ~ #controls label:nth-child(9),#slide9:checked   ~ #controls label:nth-child(10),#slide10:checked
	   ~ #controls label:nth-child(1) {
		background-size: 50% auto;
		right: -20px;
	}
	#slider .ie8controlshowprev,#slider #slide1:checked   ~ #controls label:nth-child(10),#slide2:checked
	  ~ #controls label:nth-child(1),#slide3:checked   ~ #controls label:nth-child(2),#slide4:checked
	   ~ #controls label:nth-child(3),#slide5:checked   ~ #controls label:nth-child(4),#slide6:checked
	   ~ #controls label:nth-child(5),#slide7:checked   ~ #controls label:nth-child(6),#slide8:checked
	   ~ #controls label:nth-child(7),#slide9:checked   ~ #controls label:nth-child(8),#slide10:checked
	    ~ #controls label:nth-child(9) {
		background-size: 50% auto;
	}
}

@media screen and (max-width: 420px) {
	#slider article {
		font-size: 40%;
	}
	#slider .dummie {
		margin: 12% 0 0;
	}
	#slider .info p {
		/*display: none;*/
		
	}
	#slider article:nth-child(1) .info,#slider article:nth-child(3) .info,#slider article:nth-child(4) .info,#slider article:nth-child(2) .info,#slider article:nth-child(5) .info
		{
		right: 2em;
		left: 2em;
		top: 0;
		bottom: 0;
		margin: 0 1em;
	}
	#slider div.info span.tablecell.second {
		display:none;
	}
	#slider #active {
		display: none;
	}
	#slider article h1 {
		margin: 5px 0;
	}
}

@media screen and (max-width: 350px) {
	#slider article {
		font-size: 30%;
	}
	#slider .dummie {
		margin: 10% 0 0;
	}
}

#slider.slider_article article {
	padding: 1em;
	width: 59em;
}

#slider.slider_article article img {
	left: -48%;
	margin-top: 1em;
	position: relative;
	width: 50%;
}

#slider.slider_article article .info {
	float: left;
	left: 50%;
	padding: 1em;
	position: relative;
	width: 45%;
	margin: 0;
}

#slider.slider_article .info>p {
	line-height: 1.4em;
	padding-right: 3em;
}

#slider.slider_article article header p {
	font-size: 100%;
}

#slider.slider_article article header h1 {
	font-size: 1.5em ! important;
	margin: 0;
}

#slider.slider_article article * {
	text-align: left;
}

/************* two col slider ***************/
section.twoCol section.article>section.grid-100.slider {
	padding: 2.5em 1.5em;
	position: relative;
}

section.twoCol section.slider article,section.twoCol section.slider input
	{
	display: none;
}

section.twoCol section.slider div.active label {
	display: none;
	font-size: 0.85em;
}

section.twoCol section.slider div.active {
	float: right;
	position: relative;
}

section.twoCol section.slider div.slides {
	padding: 0 5em;
}

section.twoCol section.slider div.controlsLeft label,section.twoCol section.slider div.controlsRight label,section.twoCol section.slider div.controlsLeft label span,section.twoCol section.slider div.controlsRight label span
	{
	display: none;
	width: 44px;
	height: 43px;
	cursor: pointer;
}

section.twoCol section.slider div.controlsLeft,section.twoCol section.slider div.controlsRight
	{
	position: absolute;
	top: 40%;
}

section.twoCol section.slider div.controlsRight {
	float: right;
	right: 1.5em;
}

section.twoCol section.slider div.controlsLeft label {
	background-image: url(../../../images/static/ico-gal-zurueck.png);
}

section.twoCol section.slider div.controlsRight label {
	background-image: url(../../../images/static/ico-gal-vor.png);
}

section.twoCol section.slider #slide1:checked   ~ div.slides article:nth-child(1),section.twoCol section.slider #slide2:checked
	 ~ div.slides article:nth-child(2),section.twoCol section.slider #slide3:checked
	 ~ div.slides article:nth-child(3),section.twoCol section.slider #slide4:checked
	 ~ div.slides article:nth-child(4),section.twoCol section.slider #slide5:checked
	 ~ div.slides article:nth-child(5),section.twoCol section.slider #slide6:checked
	 ~ div.slides article:nth-child(6),section.twoCol section.slider #slide7:checked
	 ~ div.slides article:nth-child(7),section.twoCol section.slider #slide8:checked
	 ~ div.slides article:nth-child(8),section.twoCol section.slider #slide9:checked
	 ~ div.slides article:nth-child(9),section.twoCol section.slider #slide10:checked
	 ~ div.slides article:nth-child(10) {
	display: block
}

section.twoCol section.slider #slide1:checked   ~ div.active label:nth-child(1),section.twoCol section.slider #slide2:checked
	 ~ div.active label:nth-child(2),section.twoCol section.slider #slide3:checked
	 ~ div.active label:nth-child(3),section.twoCol section.slider #slide4:checked
	 ~ div.active label:nth-child(4),section.twoCol section.slider #slide5:checked
	 ~ div.active label:nth-child(5),section.twoCol section.slider #slide6:checked
	 ~ div.active label:nth-child(6),section.twoCol section.slider #slide7:checked
	 ~ div.active label:nth-child(7),section.twoCol section.slider #slide8:checked
	 ~ div.active label:nth-child(8),section.twoCol section.slider #slide9:checked
	 ~ div.active label:nth-child(9),section.twoCol section.slider #slide10:checked
	 ~ div.active label:nth-child(10) {
	display: block
}

section.twoCol section.slider #slide1:checked   ~ div.controlsRight label:nth-child(2),section.twoCol section.slider #slide2:checked
	 ~ div.controlsRight label:nth-child(3),section.twoCol section.slider #slide3:checked
	 ~ div.controlsRight label:nth-child(4),section.twoCol section.slider #slide4:checked
	 ~ div.controlsRight label:nth-child(5),section.twoCol section.slider #slide5:checked
	 ~ div.controlsRight label:nth-child(6),section.twoCol section.slider #slide6:checked
	 ~ div.controlsRight label:nth-child(7),section.twoCol section.slider #slide7:checked
	 ~ div.controlsRight label:nth-child(8),section.twoCol section.slider #slide8:checked
	 ~ div.controlsRight label:nth-child(9),section.twoCol section.slider #slide10:checked
	 ~ div.controlsRight label:nth-child(1) {
	display: block
}

section.twoCol section.slider #slide1:checked   ~ div.controlsLeft label:nth-child(10),section.twoCol section.slider #slide2:checked
	 ~ div.controlsLeft label:nth-child(1),section.twoCol section.slider #slide3:checked
	 ~ div.controlsLeft label:nth-child(2),section.twoCol section.slider #slide4:checked
	 ~ div.controlsLeft label:nth-child(3),section.twoCol section.slider #slide5:checked
	 ~ div.controlsLeft label:nth-child(4),section.twoCol section.slider #slide6:checked
	 ~ div.controlsLeft label:nth-child(5),section.twoCol section.slider #slide7:checked
	 ~ div.controlsLeft label:nth-child(6),section.twoCol section.slider #slide8:checked
	 ~ div.controlsLeft label:nth-child(7),section.twoCol section.slider #slide9:checked
	 ~ div.controlsLeft label:nth-child(8),section.twoCol section.slider #slide10:checked
	 ~ div.controlsLeft label:nth-child(9) {
	display: block
}

@media screen and (max-width: 475px) {
	section.twoCol section.slider div.slides {
		padding: 0;
	}
	section.twoCol section.slider div.controlsLeft,section.twoCol section.slider div.controlsRight
		{
		top: 1em;
	}
	section.twoCol section.article>section.grid-100.slider {
		padding-top: 5em;
	}
}