.bestellProzess .section {
	margin-bottom: 3em;
}

.bestellProzess .step {
	background-image: url("images/steps.png");
	background-position: right top;
	background-repeat: no-repeat;
	display: inline-block;
	height: 25px;
	padding-left: 15px;
	padding-right: 35px;
	padding-top: 5px;
	position: relative;
	color: #fff;
}

.bestellProzess .step.middle,
.bestellProzess .step.last {
	margin-left: -25px;
	padding-left: 30px;
}

.bestellProzess .step.next {
	background-position: right -100px;
	color: #adadad;
}
.bestellProzess .step.current {
	background-position: right -50px;
	color: #fff;
}

.bestellProzess .stepnextback {
	clear: both;
	margin-bottom: 2vh;
}

.bestellProzess .validError {
	border-left: 2px solid #e12;
	padding: 2% 2% 0;
	position: relative;
}
.bestellProzess .validError:before {
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 24px; height: 12px;
	background: #e12;
}
.bestellProzess .validError ul li:before {
	content: url('../../images/icons/warning.16x16.png');
	top: 4px;
}

.bestellProzess .notice ul li:before {
	content: url('../../images/icons/warning.16x16.png');
	top: 4px;
}


.stepnextback .return,
.stepnextback .return:hover,
.stepnextback .proceed,
.stepnextback .proceed:hover {
	background: rgb(35, 182, 31);
	text-transform: none;
}
.stepnextback .return:hover,
.stepnextback .proceed:hover {filter: brightness(1.1); text-decoration: none;}

.stepnextback .return,
.stepnextback .return:before,
.stepnextback .return:hover:before,
.stepnextback .proceed,
.stepnextback .proceed:after,
.stepnextback .proceed:hover:after {
	color: #fff;
}

.stepnextback .return,
.stepnextback .return:hover {
	background: #cd1319;
}