.steps {
	background-color: #35B6E8;
	color: #fff;
	text-align: center;
	padding: 2rem 0 4rem;
}

.samenlevingscontract-online .steps {background-color: #FF5B65;}
.levenstestament-online .steps {background-color: #007684;}
.yarden-levenstestament-online .steps {background-color: #9D1816;}
.verklaring-van-erfrecht-online .steps {background-color: #3F355C;position: relative;}
.schenkingsakte-online .steps {background-color: #E28006;position: relative;}

.steps.steps--white {
	background-color: #fff;
	padding: 0 0 4rem;
}

.steps h2 {
	color: #fff;
	margin-bottom: 2rem;
}

.steps h2 > span {
	position: relative;
	z-index: 1;
}

.star {
    display:inline-block;
    color: #000;
    width:60px;
    height:60px;
    line-height: 60px;
    background: url(/img/icons/star.png) no-repeat;
    margin: 0 -1.4rem;
}

.steps h2 > .star {
	z-index: 0;
}

.steps .l-cell33 {
	position: relative;
}

.steps-image {
	display: inline-block;
	background-color: #fff;
	border-radius: 100%;
	width: 13.5rem;
	height: 13.5rem;
	margin-bottom: 2.5rem;
}

.steps-image:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.l-cell33 + .l-cell33 .steps-image:after {
	content: '';
	position: absolute;
	left: 0;
	top: 6.75rem;
	width: 19px;
	height: 34px;
	margin-top: -17px;
	background: url(/img/icons/arrow-white.png) no-repeat;
}

.steps--white .l-cell33 + .l-cell33 .steps-image:after {
	background: url(/img/icons/arrow-blue.png) no-repeat;
}

.steps-text {
	font-size: 1.25rem;
	color: #000;
	line-height: 1.2;
	max-width: 18rem;
	margin: 0 auto;
}

.levenstestament-online .steps-text, .yarden-levenstestament-online .steps-text, .verklaring-van-erfrecht-online .steps-text {
	color: #fff;
}

.steps--white .steps-text {
	color: #000;
}

.steps-number {
	color: #FFC41A;
}