.styrodurHistorySilder > .arrow {
	display: none;
	font-size: 2rem;
	box-sizing: border-box;
	cursor: pointer;
	margin-top: 135px;
}

.styrodurHistorySilder.showArrows > .arrow.disabled {
	pointer-events: none;
}

.styrodurHistorySilder.showArrows > .arrow.disabled:hover {
	opacity: 0.5;
}

.styrodurHistorySilder.showArrows > .arrow.disabled:hover > .fepIcon {
	color: inherit;
}

.styrodurHistorySilder.showArrows > .arrow {
	display: block;
}

.styrodurHistorySilder.showArrows > .arrow > .fepIcon {
	color: #7C7C7C;
	transition: color 0.2s ease-out;
}

.styrodurHistorySilder.showArrows > .arrow:hover > .fepIcon {
	color: #65AC1E;
}

.styrodurHistorySilder.showArrows > .arrow.left {
	float: left;
	padding-right: 10px;
}

.styrodurHistorySilder.showArrows > .arrow.right {
	float: right;
	padding-left: 10px;
}

.fepFrame.maxS .styrodurHistorySilder.showArrows:not(.notAsList) > .arrow {
	display: none;
}

.styrodurHistorySilder .items > .itemWrapper {
	position: relative;
	box-sizing: border-box;
}

.styrodurHistorySilder .itemWrapper > .bgWrapper {
	overflow: hidden;
	position: relative;
	transition: 0.3s ease-out;
}

.styrodurHistorySilder .bgWrapper > .htmlContent {
	box-sizing: border-box;
	color: #fff;
	padding: 30px 15px 15px 15px;
}

.styrodurHistorySilder .bgWrapper > .htmlContent > h2 {
	font-weight: 500;
	font-size: 2.5rem;
	padding-bottom: 15px;
	margin-bottom: 15px !important;
	border-bottom: 1px solid #fff;
}

.styrodurHistorySilder .bgWrapper > .htmlContent > p {
	margin-bottom: 0 !important;
}

.styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink {
	position: absolute;
	right: 15px;
	top: 25px;
}

.styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink::after {
	content: url("image/image_Icon.svg");
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: static;
	right: auto;
	top: auto;
	background-color: transparent;
}

.styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink > img {
	width: 0 !important;
	height: auto !important;
	transition: 0.3s ease-out;
	position: absolute;
	right: 0;
	top: -10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink:hover > img {
	width: 100px !important;
}

.styrodurHistorySilder .itemWrapper > .navPoint {
	width: 28px;
	height: 28px;
	border: 5px solid #fff;
	border-radius: 50%;
	background-color: #b2b2b2;
	box-sizing: border-box;
	position: absolute;
	left: -16px;
	top: 42px;
	pointer-events: none;
	transition: background-color 0.3s ease-out, transform 0.2s ease-out;
}

.styrodurHistorySilder .itemWrapper.active > .navPoint {
	background-color: #65AC1E;
}

.fepFrame.maxS .styrodurHistorySilder:not(.notAsList) > .sliderItemsContainer {
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 15px;
}

.fepFrame.maxS .styrodurHistorySilder:not(.notAsList) .items > .itemWrapper {
	padding: 10px 0 10px 30px;
	border-left: 5px solid #b2b2b2;
}


.fepFrame.maxS .styrodurHistorySilder:not(.notAsList) .items > .itemWrapper > .bgWrapper {
	background-color: #d1d1d1;
	min-height: 180px;
}

.fepFrame.maxS .styrodurHistorySilder:not(.notAsList) .items > .itemWrapper.active > .bgWrapper {
	background-color: #65AC1E;
}

.fepFrame.maxS .styrodurHistorySilder:not(.notAsList) .bgWrapper > .htmlContent > p {
	font-size: 18px;
}

.fepFrame.minS .styrodurHistorySilder > .sliderItemsContainer,
.styrodurHistorySilder.notAsList > .sliderItemsContainer {
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 25px;
	padding-bottom: 15px;
}

.fepFrame.minS .styrodurHistorySilder .items,
.styrodurHistorySilder.notAsList .items {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	left: 0;
	transition: 0.3s ease-out;
}

.fepFrame.minS .styrodurHistorySilder:not(.showArrows) .items,
.styrodurHistorySilder.notAsList:not(.showArrows) .items {
	justify-content: center;
}

.fepFrame.minS .styrodurHistorySilder .items > .itemWrapper,
.styrodurHistorySilder.notAsList .items > .itemWrapper {
	flex: 0 0 auto;
	padding: 0 8px 60px;
	border-bottom: 5px solid #b2b2b2;
	cursor: pointer;
}

.fepFrame.minS .styrodurHistorySilder .items > .itemWrapper::before,
.styrodurHistorySilder.notAsList .items > .itemWrapper::before {
	content: "";
	display: block;
	box-sizing: border-box;
	width: 50%;
	height: 0;
	border-right: 1px solid #65AC1E;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: height 0.3s ease-out;
}

.fepFrame.minS .styrodurHistorySilder .items > .itemWrapper.active::before,
.styrodurHistorySilder.notAsList .items > .itemWrapper.active::before {
	height: 65px;
}

.fepFrame.minS .styrodurHistorySilder .itemWrapper > .navPoint,
.styrodurHistorySilder.notAsList .itemWrapper > .navPoint {
	top: auto;
	left: calc(50% - 14px);
	bottom: -16px;
	cursor: pointer;
	pointer-events: auto;
}

.fepFrame.minS .styrodurHistorySilder .itemWrapper > .navPoint:hover,
.styrodurHistorySilder.notAsList .itemWrapper > .navPoint:hover {
	transform: scale(1.3);
}

.fepFrame.minS .styrodurHistorySilder .itemWrapper > .bgWrapper,
.styrodurHistorySilder.notAsList .itemWrapper > .bgWrapper {
	width: 210px;
	height: 270px;
	background-image: url("image/Tafel_grau.svg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

.fepFrame.minS .styrodurHistorySilder .itemWrapper.active > .bgWrapper,
.styrodurHistorySilder.notAsList .itemWrapper.active > .bgWrapper {
	background-image: url("image/Tafel_green.svg");
}

.fepFrame.minS .styrodurHistorySilder .itemWrapper:hover > .bgWrapper,
.styrodurHistorySilder.notAsList .itemWrapper:hover > .bgWrapper {
	transform: scale(1.15);
}

.fepFrame.minS .styrodurHistorySilder .bgWrapper > .htmlContent,
.styrodurHistorySilder.notAsList .bgWrapper > .htmlContent {
	padding: 30px 25px 20px 15px;
}

.fepFrame.minS .styrodurHistorySilder .bgWrapper > .htmlContent > p,
.styrodurHistorySilder.notAsList .bgWrapper > .htmlContent > p {
	line-height: 1.3;
}

.fepFrame.minS .styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink,
.styrodurHistorySilder.notAsList .bgWrapper > .htmlContent .zoomLink {
	right: 25px;
	bottom: 15px;
	top: auto;
}

.fepFrame.minS .styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink > img,
.styrodurHistorySilder.notAsList .bgWrapper > .htmlContent .zoomLink > img {
	right: 0;
	bottom: 0;
	top: auto;
}

.fepFrame.minS .styrodurHistorySilder .bgWrapper > .htmlContent .zoomLink:hover > img,
.styrodurHistorySilder.notAsList .bgWrapper > .htmlContent .zoomLink:hover > img {
	width: 120px !important;
}