
/*Fröbel – DER AUSBLICKER*/
section.ausblicker {
	padding: 50px 0px;
	margin-top: -2px;
}
section.ausblicker,
.mb-4 {
	background: #DEE3DA;
}
.mb-4 {
	padding-bottom: 50px;
}
.ausblicker h1{
	margin-bottom: 30px;
}
.ausblicker h2{
	margin-top: 30px;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.aus-blue{
	color: #0066CC;
}
.aus-green{
	color: #7DB713;
}
.aus-bg-green{
	background: #DEE3DA;
}
.border-line-b{
	border-bottom: 1px solid #06c;
}

.svg-main-img{
	width: 290px;
}

.svg-main-img.start{
	margin-left: -30px;
        max-height: 200px;
}
.content-box{
	width: 100%;
	margin: 0 auto;
}
.content-box p{
	color: #0066CC;
}
a.btn{
	background: #7db613;
	color: #fff;
	padding: 5px 30px;
	border-radius: 25px;
	cursor: pointer;
}
a.btn:hover{
	background: #0066CC;
	color: #fff;
}

.lens{
	width: 560px;
	position: relative;
	margin-right: -290px;
	z-index: 99;
	margin-bottom: -35px;
	margin-top: -35px;
}

.svg-main-img.fs {
	margin-left: -225px;
	width: 470px;
	position: relative;
	margin-right: 25px;
}
.nr{

	display: block;
	z-index: 99;
	position: relative;
	margin-bottom: -25px;
	color: #7db613;
	font-weight: bold;
	left: 9px;
}

#boxx {

}

.boxx-slide {

}

div.step-class{
	display: none;
	overflow: hidden;
}

#multi-step form{
	text-align: left;
}
#multi-step label {
	margin-top: 15px;
	font-weight: 400;
}
#multi-step input.btn {
	margin-top: 25px;
	font-weight: bold;
	width: 100%;
}

@media (max-width: 767px) {

	.svg-main-img.fs {
		position: absolute;
		top: 0;
		width: 86%;
		margin: 0 auto;
		left: 7%;
	}

	.lens {
		margin: 0 auto;
		width: 100%;
	}
	a.btn {
		width: 100%;
		margin: 10px 0px;
	}
	div.step-class {
	    overflow: hidden;
	    padding: 0px 15px;
	}
	.content-box p {
	    padding: 0px 25px;
	}
	.nr {
	    left: 0px;
	}
}
.answers {
	display: none;
}

.powermail_form {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 none !important;
	display: none;

}

.col-md-11.col-md-offset-1 {
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
	max-width: 600px;
	float: none !important;
}
@media (min-width: 980px) {
	.col-md-11.col-md-offset-1 {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 100%;
		max-width: 600px;
	}
}
label {
	color: #0066CC;

}
.mb-4 .row:nth-child(2) {
	display: none;
}
