@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:300;
	src:local('Open Sans Light'),
		local('OpenSans-Light'),
		url(fonts/DXI1ORHCpsQm3Vp6mXoaTYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:400;
	src:local('Open Sans Regular'),
		local('OpenSans-Regular'),
		url(fonts/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype')
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:600;
	src:local('Open Sans SemiBold'),
		local('OpenSans-SemiBold'),
		url(fonts/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:700;
	src:local('Open Sans Bold'),
		local('OpenSans-Bold'),
		url(fonts/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}
@font-face {
	font-family:'Open Sans';
	font-style:normal;
	font-weight:800;
	src:local('Open Sans ExtraBold'),
		local('OpenSans-ExtraBold'),
		url(fonts/EInbV5DfGHOiMmvb1Xr-honF5uFdDttMLvmWuJdhhgs.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:300;
	src:local('Montserrat Light'),
		local('Montserrat-Light'),
		url(fonts/IVeH6A3MiFyaSEiudUMXE-LrC4Du4e_yfTJ8Ol60xk0.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:400;
	src:local('Montserrat Regular'),
		local('Montserrat-Regular'),
		url(fonts/zhcz-_WihjSQC0oHJ9TCYC3USBnSvpkopQaUR-2r7iU.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:500;
	src:local('Montserrat Medium'),
		local('Montserrat-Medium'),
		url(fonts/BYPM-GE291ZjIXBWrtCwetIZ6OFpBzzPr7LueGMiD8k.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:600;
	src:local('Montserrat SemiBold'),
		local('Montserrat-SemiBold'),
		url(fonts/q2OIMsAtXEkOulLQVdSl07h9hBNNhK4RjzVManoH7kY.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:700;
	src:local('Montserrat Bold'),
		local('Montserrat-Bold'),
		url(fonts/IQHow_FEYlDC4Gzy_m8fcvEr6Hm6RMS0v1dtXsGir4g.ttf) format('truetype')
}
@font-face {
	font-family:Montserrat;
	font-style:normal;
	font-weight:900;
	src:local('Montserrat Black'),local('Montserrat-Black'),url(fonts/aEu-9ATAroJ1iN4zmQ55Bl6YDbH3175F1es-Zl7mOpU.ttf) format('truetype')
}
@font-face {
	font-family:icomoon;
	src:url(fonts/icomoon.eot?ca3igy);
	src:url(fonts/icomoon.eot?ca3igy#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?ca3igy) format("truetype"),url(fonts/icomoon.woff?ca3igy) format("woff"),url(fonts/icomoon.svg?ca3igy#icomoon) format("svg");
	font-weight:400;
	font-style:normal
}
@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
}
body {
	font-family: "Open Sans",sans-serif;
	font-size: 15px;
	color: #464a56;
	line-height: 1.6;
}
body .mainContent {
	color: #000;
}
* {
	font-size: 15px;
	line-height: 1.6;
}
p {
	margin: 0 0 25px 0;
}
a {
	color: #be0021;
	text-decoration: underline;
}
a:hover {
	color: #2a2c33;
}
[class*=" icon-"], 
[class^="icon-"] {
	font-family: icomoon,sans-serif !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-brutto_netto::before {
	content: "\e94b";
	font-size: 80px;
}
.icon-brutto_netto {
	position:absolute;
	display:block;
	top:11px;
	right:21px;
}
[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;
}

.form-group {
	position: relative;
	width:100%;
}
.btn-primary {
	color: #fff;
	background-color: #be0021;
	border-color: #be0021;
	text-transform: uppercase;
	padding: 15px 25px;
	font-weight: 700;
	outline:none !important;
}
.btn-primary:hover, 
.btn-primary:focus {
	color: #fff;
	background-color: #d60025;
	border-color: #d60025;
	outline:none !important;
}
.btn-primary.active,.btn-primary:active,
.open>.dropdown-toggle.btn-primary {
	background-color: #d60025;
	border-color: #d60025;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background-color: #d60025;
	border-color: #d60025;
}
.btn-form-grey:hover {
	color: #2a2c33;
	background-color: #ddd;
	border-color: #ddd;
}
.btn-form-grey {
	color: #2a2c33;
	background-color: #f7f8f9;
	border-color: #f7f8f9;
	text-transform: uppercase;
	padding: 15px 25px;
	font-weight: 700;
}
.btn-form-grey2 {
	color: #fff;
	background-color: #2a2c33;
	border-color: #2a2c33;
	padding: 8px 25px;
	font-weight: 700;
	outline:none !important;
}
.btn-form-grey2:hover, .btn-form-grey2:focus {
	color:#eee;
	outline:none !important;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccd7e3;
	width: 100%;
}
.btn-default:hover, 
.btn-default:focus {
	background: #fbfbfd;
}
.btn-default.active, 
.btn-default:active, 
.open > .dropdown-toggle.btn-default {
	background: #fbfbfd !important;
}
[type="radio"]:checked, 
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
	opacity: 0;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 28px;
	margin-right:15px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	transition: .28s ease;
	-khtml-user-select: none;
	user-select: none;
}
[type="radio"]:not(:checked) + label::after, 
[type="radio"]:not(:checked) + label::before {
	border: 1px solid #2a2c33;
}
[type="radio"].with-gap:checked + label::after, 
[type="radio"].with-gap:checked + label::before, 
[type="radio"]:checked + label::after,
[type="radio"]:checked + label::before,
[type="radio"]:not(:checked) + label::after,
[type="radio"]:not(:checked) + label::before {
	border-radius: 50%;
}
[type="radio"] + label::after,
[type="radio"] + label::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 4px;
	width: 18px;
	height: 18px;
	z-index: 0;
	transition: .28s ease;
}
[type="radio"]:checked + label::before {
	border: 1px solid #2a2c33;
}
[type="radio"]:not(:checked) + label::after {
	transform: scale(0);
}
[type="radio"]:checked + label::after {
	transform: scale(.3);
}
[type="radio"].with-gap:checked + label::after, 
[type="radio"]:checked + label::after {
	background-color: #2a2c33;
}
.BnRechnerRadioBtn label {
	font-weight:700;
}
.floating-label .control-label {
	font-size: 15px;
	color: #2a2c33;
	font-weight: 400;
	z-index: 9;
	pointer-events: none;
	position: absolute;
	transform: translate3d(16px,14px,0) scale(1);
	transform-origin: left top;
	transition: 240ms;
}
.floating-label .control-label * {
	color: #2a2c33;
}
.floating-label .form-control {
	font-weight: 700;
	font-size: 16px;
	padding: 13px 0 0 10px;
}
.form-control {
	display: block;
	width: 100%;
	padding: 16px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #111;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccd7e3;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	height: 52px;
}
.floating-label .form-group.focused .control-label {
	opacity:1;
	transform:scale(.75);
	padding-left:15px;
	padding-top:10px;
}
.floating-label .form-control::-webkit-input-placeholder {
	color:transparent;
	transition:240ms
}
.floating-label .form-control:focus::-webkit-input-placeholder {
	transition:none
}
.floating-label .form-group.focused .form-control::-webkit-input-placeholder {
	color:#bbb
}
.floating-label .form-control::-moz-placeholder {
	color:transparent;
	transition:240ms
}
.floating-label .form-control:focus::-moz-placeholder {
	transition:none
}
.floating-label .form-group.focused .form-control::-moz-placeholder {
	color:#bbb
}
.floating-label .form-control:-ms-input-placeholder {
	color:transparent;
}
.floating-label .form-control:focus:-ms-input-placeholder, 
.focused > .form-control:-ms-input-placeholder {
	color: #ccc; 
}
.floating-label .form-group.focused .form-control:-ms-input-placeholder {
	color: #ccc; 
}

.form-group .bootstrap-select.btn-group, 
.form-horizontal .bootstrap-select.btn-group, 
.form-inline .bootstrap-select.btn-group {
	margin-bottom: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn), 
.bootstrap-select.btn-group[class*="col-"] {
	float: none;
	display: inline-block;
	margin-left: 0;
}
.bootstrap-select.form-control:not([class*="col-"]) {
	width: 100%;
}
.bootstrap-select.form-control {
	margin-bottom: 0;
	padding: 0;
	border: none;
}
.bootstrap-select > .dropdown-toggle {
	width: 100%;
	padding-right: 25px;
	z-index: 1;
	height: 52px;
}
.select-label label {
	position: absolute;
	top: 7px;
	z-index: 90;
	font-size: 11px;
	font-weight: 400;
	left: 13px;
}
.select-label label * {
	font-size: 11px;
	font-weight: 400;
}
.select-label .bootstrap-select.btn-group .dropdown-toggle .filter-option {
	margin-top: 15px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	text-align: left;
	font-weight: 400;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	width: 100%;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.logo {
	padding-top: 14px;
	padding-bottom:14px;
}
.logo img {
	height: 41px;
}
#menu {
	position: relative;
	background: url(i/struktur-footer.png);
	height: 42px;
	border-bottom: 2px solid #fff;
}
.headerTeaser {
	text-align:right;
	font-weight:600;
	line-height: 1.2;
}
.headerTeaser span {
	display:block;
	margin-top: 10px;
	font-size:24px;
	line-height: 1.2;
	color: #be0021;
}
#content {
	background: #f7f8f9;
	padding-top: 20px;
	padding-bottom: 40px;
}
.mainContent {
	background: url(i/struktur-footer.png);
	padding: 20px 20px;
}
.mainContent.headerContent {
	padding: 20px 20px 10px 20px;
}
.mainContent.nachzahlungMobile {
	padding: 0px;
}
h1 {
	font-size:30px;
	line-height: 1.2;
	color: #be0021;
	margin-top: 31px;
	margin-bottom: 23px;
}
h2 {
	font-size: 24px;
	color: #be0021;
	margin: 0 0 20px 0;
}
h2.nachzahlung {
	margin-bottom:30px;
}
h3 {
	font-size:15px;
	font-weight: 900;
	margin: 35px 0 20px 0;
}
h3.haupteinkommen {
	margin-top: 15px;
}
h4 {
	font-size:15px;
	font-weight:bold;
	margin:0;
}
label {
	display:block;
	font-weight:normal;
}
legend {
	border:none;
	color:#000;
	font-size: 15px;
	margin:0;
}
fieldset, 
.button-group,
.form-group,
.form-btn-mrg {
	margin-bottom:25px;
}
.esraNoWrap {
	white-space: nowrap;
}
#esraBnRechnerInput {
	display:none;
}
.esraBnRechnerResultTable table {
	width:100%;
}
.table thead {
	background: #2a2c33;
	border-right: 1px solid #2a2c33;
}
.table thead * {
	color:#fff;
	background: #2a2c33;
	border-right: 1px solid #2a2c33;
}
.table-plain > tbody > tr > td:last-child, 
.table-striped > tbody > tr > td:last-child, 
.table > tbody > tr > td:last-child {
	border-right: none;
}
.table > tbody > tr > td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align:right;
}
.table > tbody > tr:nth-of-type(2n+1) {
	background-color: #fff;
}
.table > tbody > tr:nth-of-type(2n) {
	background-color: #f9f9f9;
}
.esraBnRechnerResultTable {
	margin: 0 0 20px 0;
}
.esraBnRechnerResultTable table th span {
	font-size:12px;
	line-height:1.3;
	font-weight:normal;
	display:block;
	white-space:nowrap;
}
.esraBnRechnerResultTable table th {
	text-align:right;
}
.esraBnRechnerResultTable > table.table > thead > tr > th {
	vertical-align:middle;
}
.table > tbody > tr > td:first-child {
	text-align:left;
}
.table > thead > tr > th {
	border-bottom: none !important;
}
.table > tbody > tr {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.esraError {
	border-color:#be0021;
}
.esraBnRechnerErrorMessage {
	font-size: 12px;
	color:#be0021;
}
#esraBnRechnerResult .btn {
	margin-bottom:20px;
}

#esraBnRechnerResult.nachzahlung {
	background: #FFF;
	padding:40px 20px;
}

@media (min-width: 490px) {
  #esraBnRechnerResult.nachzahlung {
		padding:40px 35px;
	}
}

.mandatory {
	color: #BE0021!important;
	margin-left: 5px;
}

.infoText {
	margin-top: 30px;
	word-wrap: anywhere;
}

.infoText a {
	word-wrap: anywhere;
}

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

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

ul.formInput span.InputTitle {
	margin-bottom: 5px;
	display: block;
}

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

.dont-break-out {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* ################  RESULT ##################   */
.result{
	margin-top: 40px;
}
.resultTable {
	background: #fff;
	font-size:12px;
	margin-bottom: 40px;
}
.resultTable:last-child {
	margin-bottom: 0px;
}
span.headerResult {
	float: left;
	width: -webkit-calc(100% - 150px);
	width:    -moz-calc(100% - 150px);
	width:         calc(100% - 150px);
	line-height: normal;
	font-size: 15px;
	padding: 5px 5px 5px 0;
}
span.headerResult.main {
	font-weight: 600;
	font-size: 18px;
}
.rowResult::after, .rowResultWithLine::after {
	content: " ";
	clear: both;
	display:block;
}
.rowResult::after, .rowResultWithLine_2::after {
	content: " ";
	clear: both;
	display:block;
}
span.bodyResult {
	float: left;
	line-height: 30px;
	font-size: 15px;
	width: 150px;
	text-align: right;
	padding: 5px 0 5px 5px;
}
span.bodyResult.main {
	font-weight: 600;
	font-size: 18px;
}
div.rowResultWithLine {
	border-top: solid 1px #464a56;
}
div.rowResultWithLine_2 {
	border-top: solid 1px #DDD;
}

/*END RESULT#######################################################################################*/

/* ################  FOOTER ##################   */
 #footer {
	color: #fff;
	background: #2a2c33;
	text-align: center;
	padding: 40px 0;
}
#footer p {
	text-transform: uppercase;
	font-size: 13px;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.4;
	margin: 10px 0;
	color: #fff;
}
#footer p:last-child {
	margin: 0;
}
#footer a:hover {
	color: #ddd !important;
}
#footer a {
	font-size: 13px;
	color: #fff;
	text-decoration:none;
}
#footer * {
	color: #fff;
}
#footer ul {
	list-style: none;
	margin:0 0 20px 0;
	padding: 0;
}
#footer li {
	text-transform: uppercase;
	font-size: 13px;
	font-family: Montserrat,sans-serif;
	font-weight: 500;
	line-height: 1.4;
	padding: 0 12px;
	margin:0;
}
#footer li:first-child {
	padding: 0 12px 0 0;
}

@media (max-width:400px) {
	.hidden-xxs{display:none!important}
}
@media (min-width:401px) {
	.hidden-notxxs{display:none!important}
}
@media (max-width:620px) {
	.hidden-xxs2{display:none!important}
}
@media (min-width:490px) {
	.mainContent {
		padding: 20px 33px;
	}
	.mainContent.headerContent {
		padding: 20px 33px 10px 33px;
	}
	.mainContent.nachzahlungMobile {
		padding: 0px;
	}
	div.form-group {
		width: 100%;
	}
	span.headerResult {
		width: -webkit-calc(100% - 150px);
		width:    -moz-calc(100% - 150px);
		width:         calc(100% - 150px);
	}
	span.bodyResult {
		width: 150px;
	}
	span.headerResult.left {
		text-align: left;
	}
	span.headerResult.right {
		text-align: right;
	}
	span.headerResult.center {
		text-align: center;
	}
}
@media (min-width:620px) {
	div.form-group {
		width: 495px;
	}
	.floating-label .form-control {
		font-size: 15px;
	}
}

@media (min-width:768px) {
	.container {
		width: 755px;
	}
	.hidden-notxs {
		display:none;
	}
}
@media (max-width:767px) {
	#esraBnRechnerResult .table > tbody > tr > td {
		border:0;
		border-bottom:1px solid #ddd;
	}
	
	.inner_row {
		padding-right: 0;
		padding-left: 0;
	}

}

.rechnerSumme {
	font-weight: bold;
}

.rechnerLinks {
	text-align: left;
}

.rechnerRechts {
	text-align: right;
	white-space: nowrap;
}

.lastUpdate {
	margin-top:40px;
	text-align:right;
}
div:focus{
outline:none;
}