/* Feature */
.feature {
	position: relative;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.page-has-subnav .feature {
	margin-top: 87px;
}
.feature__item {
	position: relative;
	-moz-user-select: none;
	user-select: none;
}
.feature__image { position: relative; }
.feature__image img { width: 100%; display: block; }
.feature__content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 380px;
	margin-top: -130px;
	margin-left: -550px;
	padding: 20px;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.83);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.feature__box-image {
	margin-bottom: 15px;
	text-align: center;
}
.feature__box-image > img {
	max-width: 150px;
}
.feature__content--pos-center {
	bottom: 60px; top: auto;
	width: 600px;
	margin-left: -300px;
	text-align: center;
}
.feature__headline {
	margin-bottom: 14px;
	line-height: 1.2;
	font-size: 32px;
	font-weight: 400;
	color: #333;
}
.feature__headline > * { font: inherit; }
.feature__text {}
.feature__text p:last-child { margin-bottom: 0; }

/* Ausnahmen */
.page-uid-178 .feature__content,
.page-uid-165 .feature__content {
	background-color: transparent;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: -600px;
}
.page-uid-178 .feature__headline,
.page-uid-178 .feature__text,
.page-uid-165 .feature__headline,
.page-uid-165 .feature__text {
	color: #2e407d;
	font-size: 22px;	
}

.page-uid-178 .feature__headline > * {
	font-size: 38px;
}

/* Slider */
.slider__nav {
	position: absolute;
	right: 30px; bottom: 30px; 

	z-index: 10;
	overflow: hidden;
} 
.slider__control-nav {
	float: right;
	margin-bottom: 14px;
}
.slider__control-nav li {
	float: left;
	margin-left: 8px;
	list-style-type: none;
}
.slider__control-nav li > a {
	display: block;
	width: 20px; height: 20px;
	background-color: #2e407d;
	text-indent: 120%;
	overflow: hidden;
	border: 5px solid rgba(255, 255, 255, 0.6);
} 
.slider__control-nav li > a.slider__active {
	border-color: rgba(255, 255, 255, 1);
} 
.slider__direction-nav { 
	display: none; 
	position: absolute;
	left: 0; right: 0;
	z-index: 20;
	top: 50%;
}
.slider__direction-nav .slider__prev, 
.slider__direction-nav .slider__next {
	position: absolute;
	top: -50px; 
	display: block;
	width: 40px; height: 40px;
	background-color: red;
	overflow: hidden;
	text-indent: 120%;
	white-space: pre;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.3));
}

.slider__direction-nav .slider__prev {
	left: 10px;
	background: transparent url("@{icon-path}arrow_left.svg");
	background-size: contain;
}
.slider__direction-nav .slider__next {
	right: 10px;
	background: transparent url("@{icon-path}arrow_right.svg");
	background-size: contain;
}

@media only screen and (max-width: 1300px) {
	/*.feature__image img { 
		width: 1300px; 
		max-width: 1300px;

		position: relative;
		left: 50%;
		margin-left: -650px;
	}*/
	
}

@media only screen and (max-width: 1210px) {
	.slider__nav {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		left: auto;
		right: 2%;
	}
}

@media only screen and (max-width: 1220px) {
	.page-uid-178 .feature__content {
		left: 2%;
		margin-left: 0;
	}
}

@media only screen and (max-width: 1180px) {
	.feature__content:not(.feature__content--pos-center) {
		left: 2%;
		margin-left: 0;
	}

}

@media only screen and (max-width: 1100px) {
	.page-has-subnav .feature,
	.feature { margin-top: 0; }

}

@media only screen and (max-width: 1024px) {
	.slider__nav { display: none; }

	.slider__direction-nav {
		display: block;
	}
	/*
	.feature__content {
		width: auto;
		left: 0; right: 0;
		top: 100%; bottom: auto;
		text-align: center;
		margin-left: 2%;
		margin-right: 2%;
		margin-top: -60px;
		background-color: #fff;
	}*/
	.feature {
		box-shadow: none;
	}
	.feature__content {
		width: auto;
		position: static;
		text-align: center;
		margin: 0;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 50px;
		background-color: #fff;
	}
	.feature__headline { 
		width: 100%; 
		margin-bottom: 10px;
		font-size: 30px;
	}
	.feature__text { font-size: 110%; }
	.slider--default,
	.feature--has-text {
		margin-bottom: 40px;
	}
	.slider--default .slider__nav {
		top: 85%;
	}
}

@media only screen and (max-width: 700px) {
	.feature__headline { 
		font-size: 24px;
	}
	.feature__text {
		font-size: 100%;
	}
	/*
	.feature__content {
		margin-top: -50px;
	}
	*/

	/*.feature__image img { 
		width: 700px; 
		max-width: 700px;

		position: relative;
		left: 50%;
		margin-left: -350px;
	}*/

}

@media only screen and (max-width: 580px) {
	.slider--default,
	.feature--has-text {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 480px) {
	/*.feature__image img {
		width: 600px;
		margin-left: -300px;
	}*/
}

@media only screen and (max-width: 480px) {
	.slider__direction-nav .slider__prev, 
	.slider__direction-nav .slider__next {
		top: -70px;
	}
}