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

.iconb-arbeiter:before {
content: "\e900";
}
.iconb-kind:before {
content: "\e901";
}
.iconb-lehrling:before {
content: "\e902";
}
.iconb-pensionist:before {
content: "\e903";
}
.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;
}
.red {
color: #be0021 !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 input.form-control {
font-size: 16px;
padding: 13px 0 0 10px;
}
.form-control {
display: block;
width: 100%;
padding: 16px 12px;
font-size: 14px;
font-weight: 700;
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; 
}

.select-label label * {
	font-size: 11px;
	font-weight: 400;
}

.select-label label {
	position: absolute;
	color: #2a2c33;
	top: 7px;
	z-index: 90;
	font-size: 11px;
	font-weight: 400;
	left: 13px;
	pointer-events: none;
}
.select-label select {
	padding: 23px 6px 7px 12px;
	height: 100% !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='18' width='18' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 98%;
	background-position-y: 50%;
}
.select-label select::-ms-expand {
	display: none;
}

.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: 40px 20px;
}
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;
}
h3 {
font-size:15px;
font-weight: 900;
margin: 35px 0 20px 0;
}
h4 {
font-size:15px;
font-weight:bold;
margin:0;
}
.btn-arbeitsverh, .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;
}
.btn-arbeitsverh.esraBnRechnerSelected, .btn-arbeitsverh.esraBnRechnerSelected:hover, .btn-arbeitsverh.esraBnRechnerSelected:focus {
background: #bd0d22;
}
.btn-arbeitsverh:hover {
background: #9296A3;
color:white;
}
.btn-arbeitsverh span {
font-size: 55px;
position:absolute;
bottom: 2px;
left: 17px;
}
.btn-arbeitsverh strong {
color:white;
font-size:14px;
line-height:1;
z-index:2;
}

.esraBnRechnerRadioKinder {
margin-bottom: 7px;
position:relative;
}
.esraBnRechnerKinderLine {
position: absolute;
top: 24px;
height:2px;
width: 100%;
background-color: #595d5f;
z-index:1;
}
.btn-kind, .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;
}
.btn-kind.active,.btn-kind:active {
 -webkit-box-shadow:none;
 box-shadow:none;
}
span.esraBnRechnerKind {
background: url(i/kind.png);
display:inline-block;
width:21px;
height:36px;
margin-right:20px;
}
.btn-kind:hover span.esraBnRechnerKind {
background: url(i/kind_over.png);
}
.esraBnRechnerSelected span.esraBnRechnerKind, .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind {
background: url(i/kind_act.png);
}
span.esraBnRechnerKind2 {
background: url(i/kind2.png);
display:inline-block;
width:44px;
height:36px;
margin-right:20px;
}
.esraBnRechnerSelected span.esraBnRechnerKind2, .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind2 {
background: url(i/kind2_act.png);
}
.btn-kind:hover span.esraBnRechnerKind2 {
background: url(i/kind2_over.png);
}
span.esraBnRechnerKind3 {
background: url(i/kind3.png);
display:inline-block;
width:67px;
height:36px;
}
.btn-kind:hover span.esraBnRechnerKind3 {
background: url(i/kind3_over.png);
}
.esraBnRechnerSelected span.esraBnRechnerKind3, .btn-kind.esraBnRechnerSelected:hover span.esraBnRechnerKind3 {
background: url(i/kind3_act.png);
}
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;
}
 #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;
margin: 10px 0;
color: #fff;
}
#footer a:hover {
color: #ddd !important;
}
#footer a {
font-size: 13px;
color: #fff;
text-decoration:none;
}
#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, .esraBnRechnerResultTable > table.table > tbody > tr > td {
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;
}
.smallDevNo {
	display:none;
}
.smallDev {
	display: inline;
}
.firstCol {
	width: 100px;
}
@media (min-width:430px) {
	.firstCol {
		width: 150px;
	}
	.smallDevNo {
		display:inline;
	}
	.smallDev {
		display: none;
	}
}
@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: 40px 33px;
	}
	.btn-arbeitsverh, .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;
	}
	.btn-arbeitsverh span {
	position:static;
	height:62px;
	margin-top: -8px;
	font-size: 65px;
	display:block;
	}
	.btn-arbeitsverh strong {
	display:block;
	font-size: 11px;
	line-height:1;
	margin:0;
	padding:0;
	}
	div.form-group {
	width: 364px;
	}
}
@media (min-width:620px) {
	.btn-arbeitsverh, .btn-arbeitsverh:focus {
	padding: 6px 20px 7px;
	margin: 0 10px 0 0;
	width:155px;
	height:124px;
	}
	.btn-arbeitsverh span {
	height:88px;
	margin-top: -12px;
	font-size: 94px;
	}
	.btn-arbeitsverh strong {
	font-size:14px;
	line-height:1;
	}
	div.form-group {
	width: 495px;
	}
	.floating-label input.form-control, .floating-label .form-control {
	font-size: 15px;
	}
	.btn-kind, .btn-kind:focus {
	padding: 7px 30px 10px 30px;
	margin: -5px 0 0 0;
	width:162px;
	}
	span.esraBnRechnerKind {
	display:block;
	}
	span.esraBnRechnerKind2 {
	display:block;
	margin-left:7px;
	}
	span.esraBnRechnerKind3 {
	display:block;
	margin-left:32px;
	}

}

@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;
	}
	#esraBnRechnerResult .table > thead > tr > th {
	text-align:right;
	}
}
div:focus{
outline:none;
}
.esra-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}