@font-face {
font-family:bruttonetto;
src:url(fonts/bruttonetto.eot?7ty5d7);
src:url(fonts/bruttonetto.eot?7ty5d7#iefix) format("embedded-opentype"),url(fonts/bruttonetto.ttf?7ty5d7) format("truetype"),url(fonts/bruttonetto.woff?7ty5d7) format("woff"),url(fonts/bruttonetto.svg?7ty5d7#icomoon) format("svg");
font-weight:400;
font-style:normal
}
.esraBNrechnerAll [class^="iconb-"], [class*=" iconb-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'bruttonetto' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: white;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.esraBNrechnerAll form p:last-child {
margin-bottom: 25px;
}
.esraBNrechnerAll .iconb-arbeiter:before {
content: "\e900";
}
.esraBNrechnerAll .iconb-kind:before {
content: "\e901";
}
.esraBNrechnerAll .iconb-lehrling:before {
content: "\e902";
}
.esraBNrechnerAll .iconb-pensionist:before {
content: "\e903";
}
.esraBNrechnerAll .form-group {
position: relative;
width:100%;
}
.esraBNrechnerAll .floating-label .form-control::-webkit-input-placeholder {
color:transparent;
transition:240ms
}
.esraBNrechnerAll .floating-label .form-control:focus::-webkit-input-placeholder {
transition:none
}
.esraBNrechnerAll .floating-label .form-group.focused .form-control::-webkit-input-placeholder {
color:#bbb
}
.esraBNrechnerAll .floating-label .form-control::-moz-placeholder {
color:transparent;
transition:240ms
}
.esraBNrechnerAll .floating-label .form-control:focus::-moz-placeholder {
transition:none
}
.esraBNrechnerAll .floating-label .form-group.focused .form-control::-moz-placeholder {
color:#bbb
}
.esraBNrechnerAll .floating-label .form-control:-ms-input-placeholder {
color:transparent;
}
.esraBNrechnerAll .floating-label .form-control:focus:-ms-input-placeholder, .focused > .form-control:-ms-input-placeholder {
color: #ccc; 
}
.esraBNrechnerAll .floating-label .form-group.focused .form-control:-ms-input-placeholder {
color: #ccc; 
}
.esraBNrechnerAll .floating-label .control-label * {
color: #828693;
}
.mandatory {
color: #BE0021!important;
margin-left: 5px;
}
.esraBNrechnerAll {
overflow: visible;
}
.esraBNrechnerAll .btn, .esraBNrechnerAll .btn:focus, .esraBNrechnerAll .btn:hover {
outline:none !important;
}
.esraBNrechnerAll .btn-form-grey2 {
color: #fff;
background-color: #2a2c33;
border-color: #2a2c33;
padding: 8px 25px;
font-weight: 700;
outline:none !important;
}
.esraBNrechnerAll .btn-form-grey2:hover, .esraBNrechnerAll .btn-form-grey2:focus {
color:#eee;
outline:none !important;
}
.esraBNrechnerAll label {
font-weight: normal;
white-space: nowrap;
overflow: hidden;
width: 80%;
}
.esraBNrechnerAll label.hhv_datenschutz {
white-space: normal;
height:auto;
width: 100%;
hyphens: none;
}
.esraBNrechnerAll [type="radio"] + label {
margin-right:15px;
}
.esraBNrechnerAll label.arbeitsverh {
display: block;
font-weight: normal;
}
.esraBNrechnerAll legend {
border:none;
font-size: 15px;
margin:0;
}
.esraBNrechnerAll fieldset, .esraBNrechnerAll .button-group, .esraBNrechnerAll .form-group, .esraBNrechnerAll .form-btn-mrg {
margin-bottom:25px;
}

.esraBNrechnerAll h3 {
font-size:15px;
font-weight: 900;
margin: 35px 0 20px 0;
}
.esraBNrechnerAll .btn-arbeitsverh, .esraBNrechnerAll .btn-arbeitsverh:focus {
background: #828693;
padding: 6px 10px 7px 83px;
text-align:left;
font-weight:700;
margin: 0 0 10px 0;
width:100%;
height:60px;
position:relative;
display:block;
white-space: normal;
outline:none !important;
}
.esraBNrechnerAll .btn-arbeitsverh.esraBnRechnerSelected, .esraBNrechnerAll .btn-arbeitsverh.esraBnRechnerSelected:hover, .esraBNrechnerAll .btn-arbeitsverh.esraBnRechnerSelected:focus {
background: #bd0d22;
}
.esraBNrechnerAll .btn-arbeitsverh:hover {
background: #9296A3;
color:white;
}
.esraBNrechnerAll .btn-arbeitsverh span {
font-size: 55px;
position:absolute;
bottom: 2px;
left: 17px;
}
.esraBNrechnerAll .btn-arbeitsverh font {
color:white;
font-size:14px;
line-height:1;
z-index:2;
}
#esraBnRechnerInputKinderButtons label {
font-weight:normal;
}
.esraBNrechnerAll .esraBnRechnerRadioKinder {
margin-bottom: 7px;
position:relative;
}
.esraBNrechnerAll .esraBnRechnerKinderLine {
position: absolute;
top: 24px;
height:2px;
width: 100%;
background-color: #595d5f;
z-index:1;
}
.esraBNrechnerAll .btn-kind, .esraBNrechnerAll .btn-kind:focus {
position:relative;
background: transparent;
padding: 7px 0 10px 0;
line-height:1;
margin: -5px 0 0 0;
width:32%;
height:60px;
z-index:2;
outline-offset:0;
outline:none !important;
}
.esraBNrechnerAll .btn-kind.active, .esraBNrechnerAll .btn-kind:active {
 -webkit-box-shadow:none;
 box-shadow:none;
}
.esraBNrechnerAll span.esraBnRechnerKind {
background: url(i/kind.png);
display:inline-block;
width:21px;
height:36px;
margin-right:20px;
}
.esraBNrechnerAll .btn-kind:hover span.esraBnRechnerKind {
background: url(i/kind_over.png);
}
.esraBNrechnerAll .esraBnRechnerSelected span.esraBnRechnerKind, .esraBNrechnerAll .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind {
background: url(i/kind_act.png);
}
.esraBNrechnerAll span.esraBnRechnerKind2 {
background: url(i/kind2.png);
display:inline-block;
width:44px;
height:36px;
margin-right:20px;
}
.esraBNrechnerAll .esraBnRechnerSelected span.esraBnRechnerKind2, .esraBNrechnerAll .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind2 {
background: url(i/kind2_act.png);
}
.esraBNrechnerAll .btn-kind:hover span.esraBnRechnerKind2 {
background: url(i/kind2_over.png);
}
.esraBNrechnerAll span.esraBnRechnerKind3 {
background: url(i/kind3.png);
display:inline-block;
width:67px;
height:36px;
}
.esraBNrechnerAll .btn-kind:hover span.esraBnRechnerKind3 {
background: url(i/kind3_over.png);
}
.esraBNrechnerAll .esraBnRechnerSelected span.esraBnRechnerKind3, .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind3 {
background: url(i/kind3_act.png);
}

#esraBNrechnerSection.art-box,
#esraBaReGirokontoSection.art-box,
#esraBaReSparenSection.art-box,
#esraBaRePrivatkreditSection.art-box,
#esraFamBeiHiReSection.art-box,
#esraAltTeilZeitReSection.art-box,
#esraHHVrechnerSection.art-box,
#esraWohnbauReSection.art-box {
overflow-x:hidden;
}

#esraBNrechnerColumn.art-box,
#esraBaReGirokontoColumn.art-box,
#esraBaReSparenColumn.art-box,
#esraBaRePrivatkreditColumn.art-box,
#esraFamBeiHiReColumn.art-box,
#esraAltTeilZeitReColumn.art-box,
#esraWohnbauReColumn.art-box {
overflow-x:hidden;
}

div.wohnRechnerEnergie{
display: none;
}
div.wohnRechnerRechnungen{
display: none;
}
div.wohnRechnerAnleinverdiener{
display: none;
}
div.wohnRechnerAnzahlKinder{
display: none;
}

.hinweis {
margin: 25px 0 25px 0;
}

.FamBeiHiExtraHeight {
	display:none;
	height:460px;
}

@media (max-width:390px) {
	.esraBNrechnerAll .hidden-xxs{display:none!important}
}
@media (max-width:620px) {
	.esraBNrechnerAll .hidden-xxs2{display:none!important}
}
@media (min-width:490px) {
	.esraBNrechnerAll .btn-arbeitsverh, .esraBNrechnerAll .btn-arbeitsverh:focus {
	display:inline-block;
	text-align:center;
	padding: 6px 10px 7px;
	margin: 0 4px 0 0;
	width:116px;
	height:91px;
	white-space: nowrap;
	}
	.esraBNrechnerAll .btn-arbeitsverh span {
	position:static;
	height:62px;
	margin-top: -8px;
	font-size: 65px;
	display:block;
	}
	.esraBNrechnerAll .btn-arbeitsverh font {
	display:block;
	font-size: 11px;
	line-height:1;
	}
	.esraBNrechnerAll div.form-group {
	max-width: 364px;
	}
}
@media (min-width:620px) {
	.esraBNrechnerAll .btn-arbeitsverh, .esraBNrechnerAll .btn-arbeitsverh:focus {
	padding: 6px 20px 7px;
	margin: 0 10px 0 0;
	width:155px;
	height:124px;
	}
	.esraBNrechnerAll .btn-arbeitsverh span {
	height:88px;
	margin-top: -12px;
	font-size: 94px;
	}
	.esraBNrechnerAll .btn-arbeitsverh font {
	font-size:14px;
	line-height:1;
	}
	.esraBNrechnerAll div.form-group {
	max-width: 495px;
	}
	.esraBNrechnerAll .floating-label .form-control {
	font-size: 15px;
	}
	.esraBNrechnerAll .btn-kind, .esraBNrechnerAll .btn-kind:focus {
	padding: 7px 30px 10px 30px;
	margin: -5px 0 0 0;
	width:162px;
	}
	.esraBNrechnerAll span.esraBnRechnerKind {
	display:block;
	}
	.esraBNrechnerAll span.esraBnRechnerKind2 {
	display:block;
	margin-left:7px;
	}
	.esraBNrechnerAll span.esraBnRechnerKind3 {
	display:block;
	margin-left:32px;
	}
	/*
	.esraBNrechnerSection .icon-box {
	width: 105px;
	text-align:left;
	}
	*/
	.esraBNrechnerSection p {
	max-width: 495px;
	}
	.esraBNrechnerTipp .btn-arbeitsverh, .esraBNrechnerTipp .btn-arbeitsverh:focus {
	padding: 6px 10px 7px 83px;
	text-align:left;
	margin: 0 0 10px 0;
	width:100%;
	height:60px;
	display:block;
	white-space: normal;
	}
	.esraBNrechnerTipp .btn-arbeitsverh span {
	display:block;
	font-size: 55px;
	position:absolute;
	top: 2px;
	left: 17px;
	margin-top:0px;
	}
	.esraBNrechnerTipp .btn-primary {
	padding:15px 0;
	width: 100%;
	}
	.esraBNrechnerTipp .btn-arbeitsverh font {
	display: inline;
	}
	.esraBNrechnerTipp .btn-kind1, .esraBNrechnerTipp .btn-kind1:focus {
	width:25%;
	}
	.esraBNrechnerTipp .btn-kind2, .esraBNrechnerTipp .btn-kind2:focus {
	width:32%;
	}
	.esraBNrechnerTipp .btn-kind3, .esraBNrechnerTipp .btn-kind3:focus {
	width:39%;
	}
	.esraBNrechnerTipp span.esraBnRechnerKind3 {
	margin-left:10px;
	}
}
@media (min-width:992px) {
	.esraBNrechnerColumn .btn-arbeitsverh, .esraBNrechnerColumn .btn-arbeitsverh:focus {
	padding: 6px 10px 7px 15px;
	text-align:left;
	margin: 0 0 10px 0;
	width:100%;
	height:60px;
	display:block;
	white-space: normal;
	}
	.esraBNrechnerColumn .btn-arbeitsverh span, .esraBNrechnerColumn .not992 {
	display:none;
	}
	.esraBNrechnerColumn .btn-arbeitsverh font {
	display: inline;
	}
	.esraBNrechnerColumn .btn-primary {
	padding:15px 0;
	width: 100%;
	}


	.esraBNrechnerColumn .btn-kind, .esraBNrechnerColumn .btn-kind:focus {
	padding: 7px 0 10px 0;
	width:34%;
	}
	.esraBNrechnerColumn .btn-kind1, .esraBNrechnerColumn .btn-kind1:focus {
	width:26%;
	}

	.esraBNrechnerSection .btn-arbeitsverh, .esraBNrechnerSection .btn-arbeitsverh:focus {
	padding: 6px 10px 7px;
	margin: 0 4px 0 0;
	width:116px;
	height:91px;
	}
	.esraBNrechnerSection .btn-arbeitsverh span {
	height:62px;
	margin-top: -8px;
	font-size: 65px;
	}
	.esraBNrechnerSection .btn-arbeitsverh font {
	font-size: 11px;
	line-height:1;
	}


	.esraBNrechnerSection .btn-kind, .esraBNrechnerSection .btn-kind:focus {
	width:32%;
	}
	.esraBNrechnerColumn .btn-kind span {
	margin-left:0;	
	}
	.esraBNrechnerColumn .btn-kind3 span {
	margin-left:5px;	
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.esraBNrechnerColumn span.esraBnRechnerKind {
	width:14px;
	height:24px;
	background: url(i/kindlow.png);
	}
	.esraBNrechnerColumn .btn-kind:hover span.esraBnRechnerKind {
	background: url(i/kindlow_over.png);
	}
	.esraBNrechnerColumn .esraBnRechnerSelected span.esraBnRechnerKind, .esraBNrechnerColumn .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind {
	background: url(i/kindlow_act.png);
	}
	.esraBNrechnerColumn span.esraBnRechnerKind2 {
	background: url(i/kind2low.png);
	width:29px;
	height:24px;
	}
	.esraBNrechnerColumn .esraBnRechnerSelected span.esraBnRechnerKind2, .esraBNrechnerColumn .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind2 {
	background: url(i/kind2low_act.png);
	}
	.esraBNrechnerColumn .btn-kind:hover span.esraBnRechnerKind2 {
	background: url(i/kind2low_over.png);
	}
	.esraBNrechnerColumn span.esraBnRechnerKind3 {
	background: url(i/kind3low.png);
	width:45px;
	height:24px;
	}
	.esraBNrechnerColumn .btn-kind:hover span.esraBnRechnerKind3 {
	background: url(i/kind3low_over.png);
	}
	.esraBNrechnerColumn .esraBnRechnerSelected span.esraBnRechnerKind3, .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind3 {
	background: url(i/kind3low_act.png);
	}
	.esraBNrechnerSection p {
	max-width: 368px;
	}
}

@media (min-width:1200px) {
	.esraBNrechnerColumn .btn-arbeitsverh, .esraBNrechnerColumn .btn-arbeitsverh:focus {
	padding: 6px 5px 7px 83px;
	text-align:left;
	margin: 0 0 10px 0;
	width:100%;
	height:60px;
	display:block;
	white-space: normal;
	}
	.esraBNrechnerColumn .btn-arbeitsverh span {
	display:block;
	font-size: 55px;
	position:absolute;
	bottom: 2px;
	left: 17px;
	margin-top:0px;
	height:auto;
	}
	.esraBNrechnerColumn .btn-primary {
	padding:15px 0;
	width: 100%;
	}


	.esraBNrechnerSection .btn-arbeitsverh, .esraBNrechnerSection .btn-arbeitsverh:focus, .esraBNrechnesraBNrechnerSectionerAll .btn-arbeitsverh:focus {
	padding: 6px 20px 7px;
	margin: 0 10px 0 0;
	width:155px;
	height:124px;
	}
	.esraBNrechnerSection .btn-arbeitsverh span {
	height:88px;
	margin-top: -12px;
	font-size: 94px;
	}
	.esraBNrechnerSection .btn-arbeitsverh font {
	font-size:14px;
	line-height:1;
	}


	.esraBNrechnerSection .btn-kind, .esraBNrechnerSection .btn-kind:focus {
	width:162px;
	}



}