@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-"] {
	font-family: 'bruttonetto' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: white;
	-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 !important;
	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:#2a2c33 !important;
}
.esraBNrechnerAll .floating-label .form-control::-moz-placeholder {
	color:transparent !important;
	transition:240ms;
}
.esraBNrechnerAll .floating-label .form-control:focus::-moz-placeholder {
	transition:none;
}
.esraBNrechnerAll .floating-label .form-group.focused .form-control::-moz-placeholder {
	color:#2a2c33 !important;
}
.esraBNrechnerAll .floating-label .form-control:-ms-input-placeholder {
	color:transparent !important;
}
.esraBNrechnerAll .floating-label .form-control:focus:-ms-input-placeholder, 
.focused > .form-control:-ms-input-placeholder {
	color: #2a2c33 !important; 
}
.esraBNrechnerAll .floating-label .form-group.focused .form-control:-ms-input-placeholder {
	color: #2a2c33 !important; 
}
.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: calc(100% - 20px);
}
.esraBNrechnerAll label.long {
	white-space: normal;
	overflow: visible;
	width:100%;
}
.esraBNrechnerAll div.extraLabel {
	font-weight:bold;
	margin-bottom:2px;
}
.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,
#esraMaklerprovisionsReSection.art-box,
#esraAbfertigungNeuReSection.art-box, 
#esraAbfertigungReSection.art-box {
	overflow-x:hidden;
}

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

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

fieldset.uebQuestion {
	display:none;
}

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

ol.ZuverdienstformInput {
	padding-left:20px;
	#list-style: none;
}

ol.ZuverdienstformInput li {
	padding-left:10px;
}

ul.ZuverdienstformInput span.ZuverdienstInputTitle {
	margin-bottom: 5px;
	display: block;
}

input.ZuverdienstInputBtn {
	margin-left: 30px;
}

ol.ZuverdienstformInput li::before {
	display: none;
}

@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;
	}

}