/* FONTS */

	/* Open Sans */
		@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')
		}

	/* Montserrat */
		@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')
		}

	/* IcoMoon */
		@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: 'icomoon3';
			src:  url('fonts/icomoon3.eot?tgh4vk');
			src:  url('fonts/icomoon3.eot?tgh4vk#iefix') format('embedded-opentype'),
			url('fonts/icomoon3.ttf?tgh4vk') format('truetype'),
			url('fonts/icomoon3.woff?tgh4vk') format('woff'),
			url('fonts/icomoon3.svg?tgh4vk#icomoon') format('svg');
			font-weight: normal;
			font-style: normal;
		}

	/* Fontawe. */
		@font-face {
			font-family:FontAwesome;
			src:url(fonts/fontawesome-webfont.eot?v=4.7.0);
			src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'),url(fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
			font-weight:400;
			font-style:normal
		}

/* FONT SUPPORT */

	.esraRechnerAllType [class*=" icon-"], .esraRechnerAllType [class^="icon-"] {
		font-family: icomoon !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;
	}
	.fa {
		display:inline-block;
		font:normal normal normal 14px/1 FontAwesome;
		font-size:inherit;
		text-rendering:auto;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale
	}

/* GENERAL TEXT */

	/* p */
		.esraRechnerAllType p {
			margin: 0 0 25px 0;
		}

		.esraRechnerAllType p.extraText {
			text-align: justify;
			margin: 1px 0px 1px 4px;
		}

		@media (min-width:620px) {
			.esraRechnerTypeSection p {
				max-width: 495px;
			}
		}
		@media (min-width: 992px) and (max-width: 1199px) {
			.esraRechnerTypeSection p {
				max-width: 368px;
			}
		}

	/* h */
		.esraRechnerAllType h1 {
			font-size:30px;
			line-height: 1.2;
			color: #be0021;
			margin-top: 31px;
			margin-bottom: 23px;
		}
		.esraRechnerAllType h2 {
			font-size: 24px;
			color: #be0021;
			margin: 0 0 20px 0;
		}
		.esraRechnerAllType h3 {
			font-size:15px;
			font-weight: 900;
			margin: 35px 0 20px 0;
		}
		.esraRechnerAllType h4 {
			font-size:15px;
			font-weight:bold;
			margin:0;
		}

/* LINKS */

	.esraRechnerAllType a {
		color: #be0021;
		text-decoration: none;
	}
	.esraRechnerAllType a:hover {
		color: #2a2c33;
		text-decoration: none;
	}

/* BUTTONS */

	/* primary etc. */
		.esraRechnerAllType .btn-primary {
			color: #fff;
			background-color: #be0021;
			border-color: #be0021;
			text-transform: uppercase;
			padding: 15px 25px;
			font-weight: 700;
			outline:none !important;
		}
		.esraRechnerAllType .btn-primary:hover, .esraRechnerAllType .btn-primary:focus {
			color: #fff;
			background-color: #d60025;
			border-color: #d60025;
			outline:none !important;
		}
		.esraRechnerAllType .btn-primary.active,.esraRechnerAllType .btn-primary:active,.esraRechnerAllType .open>.dropdown-toggle.btn-primary {
			background-color: #d60025;
			border-color: #d60025;
		}
		.esraRechnerAllType .btn-primary.active.focus,.esraRechnerAllType .btn-primary.active:focus,.esraRechnerAllType .btn-primary.active:hover,.esraRechnerAllType .btn-primary:active.focus,.esraRechnerAllType .btn-primary:active:focus,.esraRechnerAllType .btn-primary:active:hover,.esraRechnerAllType .open>.dropdown-toggle.btn-primary.focus,.esraRechnerAllType .open>.dropdown-toggle.btn-primary:focus,.esraRechnerAllType .open>.dropdown-toggle.btn-primary:hover {
			background-color: #d60025;
			border-color: #d60025;
		}

		@media (min-width:620px) {
			.esraRechnerTypeTipp .btn-primary {
				padding:15px 0;
				width: 100%;
			}
		}
		@media (min-width:992px) {
			.esraRechnerTypeColumn .btn-primary {
				padding:15px 0;
				width: 100%;
			}
		}

	/* various */
		.esraRechnerAllType .select-label .bootstrap-select.btn-group .dropdown-toggle .filter-option {
			margin-top: 15px;
			white-space: nowrap; 
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.esraRechnerAllType .bootstrap-select.btn-group .dropdown-toggle .filter-option {
			display: inline-block;
			overflow: hidden;
			width: 100%;
			text-align: left;
			font-weight: 400;
		}

		.esraRechnerAllType .bootstrap-select.btn-group .dropdown-menu li a span.text {
			white-space: normal;
			overflow: hidden;
		}

		.esraRechnerAllType .btn, 
		.esraRechnerAllType .btn:focus, 
		.esraRechnerAllType .btn:hover {
			outline:none !important;
		}

		.esraRechnerAllType .form-group .bootstrap-select.btn-group, .esraRechnerAllType .form-horizontal .bootstrap-select.btn-group, .esraRechnerAllType .form-inline .bootstrap-select.btn-group {
			margin-bottom: 0;
		}
		.esraRechnerAllType .bootstrap-select.btn-group:not(.input-group-btn), .esraRechnerAllType .bootstrap-select.btn-group[class*="col-"] {
			float: none;
			display: inline-block;
			margin-left: 0;
		}

		.esraRechnerAllType .button-group, .esraRechnerAllType .form-group, .esraRechnerAllType .form-btn-mrg {
			margin-bottom:25px;
		}

	/* from grey */
		.esraRechnerAllType .btn-form-grey {
			color: #2a2c33;
			background-color: #f7f8f9;
			border-color: #f7f8f9;
			text-transform: uppercase;
			padding: 15px 25px;
			font-weight: 700;
		}
		.esraRechnerAllType .btn-form-grey:hover {
			color: #2a2c33;
			background-color: #ddd;
			border-color: #ddd;
		}
		.esraRechnerAllType .btn-form-grey:focus, .esraRechnerAllType .btn-form-grey:active {
			color: #2a2c33!important;
			background-color: #ddd!important;
			border-color: #ddd!important;
		}
		.esraRechnerAllType .btn-form-grey2 {
			color: #fff;
			background-color: #2a2c33;
			border-color: #2a2c33;
			padding: 8px 25px;
			font-weight: 700;
			outline:none !important;
		}
		.esraRechnerAllType .btn-form-grey2:hover, .esraRechnerAllType .btn-form-grey2:focus {
			color:#eee;
			outline:none !important;
		}

	/* default */
		.esraRechnerAllType .btn-default {
			color: #333;
			background-color: #fff;
			border-color: #ccd7e3;
			width: 100%;
		}
		.esraRechnerAllType .btn-default:hover, .esraRechnerAllType .btn-default:focus {
			background: #fbfbfd;
		}
		.esraRechnerAllType .btn-default.active, .btn-default:active, .esraRechnerAllType .open > .dropdown-toggle.btn-default {
			background: #fbfbfd !important;
		}

	/* info */
		.esraRechnerAllType .btn-info {
			width: 100%;
			margin: 5px 0;
		}
		.esraRechnerAllType .btnPrint {
			float:right;
			margin-bottom:20px;
		}

	/* banner */
		.esraRechnerAllType .bannerbutton {
			display:none;
		}
		.esraRechnerAllType .btn-banner {
			width: 100%;
			margin: 5px 0;
			position:relative;
			display:inline-block;
			height:115px;
		}
		.esraRechnerAllType .btn-banner-main {
			color:#FFF;
			float:left;
		}
		.esraRechnerAllType .btn-banner-image.icon3-bannerIcon {
			font-size:85px;
			padding:0 20px 0 0;
			overflow:hidden;
		}
		.esraRechnerAllType .btn-banner-text {
			padding:5px 0 0 0;
			text-align:left;
			white-space:nowrap;
			display: table;
		}
		.esraRechnerAllType .btn-banner-big .btn-banner-text {
			padding-top: 15px;
		}
		.esraRechnerAllType .btn-banner-title {
			display:block;
			text-align:justify;
			font-size:23px;
			font-weight:normal;
			text-transform: none;
			white-space: normal;
			line-height: 23px;
		}
		.esraRechnerAllType .btn-banner-subtitle {
			margin-top:8px;
			display:block;
			text-transform: uppercase;
			font-weight:bold;
			font-size:14px;
			white-space: normal;
		}
		.esraRechnerAllType .btn-banner-close {
			position:absolute;
			top:0;
			right:0;
			padding:10px;
			}
		.esraRechnerAllType .btn-banner-close.icon3-X {
			font-size:9px;
			font-weight:bold;
		}

/* RADIOBUTTON */

	.esraRechnerAllType [type="radio"] + label {
		margin-right:15px;
	}
	.esraRechnerAllType [type="radio"]:checked, .esraRechnerAllType [type="radio"]:not(:checked) {
		position: absolute;
		left: -9999px;
		opacity: 0;
	}
	.esraRechnerAllType [type="radio"]:checked + label, .esraRechnerAllType [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;
	}
	.esraRechnerAllType [type="radio"]:not(:checked) + label::after, .esraRechnerAllType [type="radio"]:not(:checked) + label::before {
		border: 1px solid #2a2c33;
	}
	.esraRechnerAllType [type="radio"].with-gap:checked + label::after, .esraRechnerAllType [type="radio"].with-gap:checked + label::before, .esraRechnerAllType [type="radio"]:checked + label::after, .esraRechnerAllType [type="radio"]:checked + label::before, .esraRechnerAllType [type="radio"]:not(:checked) + label::after, .esraRechnerAllType [type="radio"]:not(:checked) + label::before {
		border-radius: 50%;
	}
	.esraRechnerAllType [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;
	}
	.esraRechnerAllType [type="radio"]:checked + label::before {
		border: 1px solid #2a2c33;
	}
	.esraRechnerAllType [type="radio"]:not(:checked) + label::after {
		transform: scale(0);
	}
	.esraRechnerAllType [type="radio"]:checked + label::after {
		transform: scale(.3);
	}
	.esraRechnerAllType [type="radio"].with-gap:checked + label::after, [type="radio"]:checked + label::after {
		background-color: #2a2c33;
	}
	.esraRechnerAllType .rechnerRadioBtn label {
		font-weight:700;
	}

/* RANGE SLIDER */

	.esraRechnerAllType .form-range [type="range"] {
		-webkit-appearance: none;
		background-color: transparent;
	}
	.esraRechnerAllType .form-range [type="range"]::-webkit-slider-runnable-track {
		background: tranparent;
		border-radius: 1rem;
		border: 1px solid #aaa;
		cursor: pointer;
		height: 8px;
  		margin-bottom: 8px;
	}
	.esraRechnerAllType .form-range [type="range"]::-webkit-slider-thumb {
		/*background-color: #d60025;*/
		background-color: #eee;
		border: 1px solid #000000;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		cursor: pointer;
		-webkit-appearance: none;
  		margin-top: -6px;

	}
	.esraRechnerAllType .form-range [type="range"]::-moz-range-track {
		background: transparent;
		border-radius: 1rem;
		border: 1px solid #aaa;
		cursor: pointer;
		height: 8px;
	}
	.esraRechnerAllType .form-range [type="range"]::-moz-range-progress {
		background: #d60025;
		border-radius: 1rem;
		cursor: pointer;
		height: 8px;
	}
	.esraRechnerAllType .form-range [type="range"]::-moz-range-thumb {
	}
	.esraRechnerAllType .form-range [type="range"]::-ms-track {
		background: tranparent;
		border-radius: 1rem;
		border: 1px solid #aaa;
		cursor: pointer;
		height: 8px;
  		margin-bottom: 8px;
	}
	.esraRechnerAllType .form-range [type="range"]::-ms-fill-lower {
		background: #d60025;
		border-radius: 1rem;
		cursor: pointer;
		height: 8px;
  		margin-bottom: 8px;
	}
	.esraRechnerAllType .form-range [type="range"]::-ms-fill-upper {
	}
	.esraRechnerAllType .form-range [type="range"]::-ms-thumb {
		background-color: #eee;
		border: 1px solid #000000;
		width: 16px;
		height: 16px;
		border-radius: 8px;
		cursor: pointer;
		-webkit-appearance: none;
  		margin-top: -4px;
	}
	/* Chrome/Edge currently don't support half-colored tracks, except with extra elements/js which I didn't do */

/* CHECKBOX */

	.esraRechnerAllType [type="checkbox"]:checked, .esraRechnerAllType [type="checkbox"]:not(:checked) {
		position:absolute;
		left:-9999px;
		opacity:0;
	}
	.esraRechnerAllType [type="checkbox"]+label {
		position: relative;
		padding-left:30px;
		cursor:pointer;
		display:inline-block;
		height:25px;
		line-height:25px;
		-webkit-user-select:none;
		-moz-user-select:none;
		-khtml-user-select:none;
		-ms-user-select:none
	}
	.esraRechnerAllType [type="checkbox"]+label:before, .esraRechnerAllType [type="checkbox"]:not(.filled-in)+label:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:18px;
		height:18px;
		z-index:0;
		border:2px solid #2a2c33;
		border-radius:1px;
		margin-top:2px;
		transition:.2s
	}
	.esraRechnerAllType [type="checkbox"]:not(.filled-in)+label:after {
		border:0;
		transform:scale(0)
	}
	.esraRechnerAllType [type="checkbox"]:not(:checked):disabled+label:before {
		border:none;
		background-color:#ccc
	}
	.esraRechnerAllType [type="checkbox"].tabbed:focus+label:after {
		transform:scale(1);
		border:0;
		border-radius:50%;
		box-shadow:0 0 0 10px rgba(0,0,0,.1);
		background-color:rgba(0,0,0,.1)
	}
	.esraRechnerAllType [type="checkbox"]:checked+label:before {
		top:-4px;
		left:-5px;
		width:12px;
		height:22px;
		border-top:2px solid transparent;
		border-left:2px solid transparent;
		border-right:2px solid #2a2c33;
		border-bottom:2px solid #2a2c33;
		transform:rotate(40deg);
		backface-visibility:hidden;
		transform-origin:100% 100%
	}
	.esraRechnerAllType [type="checkbox"]:checked:disabled+label:before {
		border-right:2px solid #ccc;
		border-bottom:2px solid #ccc
	}
	.esraRechnerAllType [type="checkbox"]:indeterminate+label:before {
		top:-11px;
		left:-12px;
		width:10px;
		height:22px;
		border-top:none;
		border-left:none;
		border-right:#2a2c33;
		border-bottom:none;
		transform:rotate(90deg);
		backface-visibility:hidden;
		transform-origin:100% 100%
	}
	.esraRechnerAllType [type="checkbox"]:indeterminate:disabled+label:before {
		border-right:2px solid #ccc; background-color:transparent
	}
	.esraRechnerAllType [type="checkbox"].filled-in+label:after {
		border-radius:5px
	}
	.esraRechnerAllType [type="checkbox"].filled-in+label:after, .esraRechnerAllType [type="checkbox"].filled-in+label:before {
		content:'';
		left:0;
		position:absolute;
		transition:border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
		z-index:1
	}
	.esraRechnerAllType [type="checkbox"].filled-in:not(:checked)+label:before {
		width:0;
		height:0;
		border:3px solid transparent;
		left:6px;
		top:10px;
		-webkit-transform:rotateZ(37deg);
		transform:rotateZ(37deg);
		-webkit-transform-origin:20% 40%;
		transform-origin:100% 100%
	}
	.esraRechnerAllType [type="checkbox"].filled-in:not(:checked)+label:after {
		height:20px;
		width:20px;
		background-color:transparent;
		border:1px solid #2a2c33;
		top:3px;
		z-index:0
	}
	.esraRechnerAllType [type="checkbox"].filled-in:checked+label:before {
		top:3px;
		left:1px;
		width:8px;
		height:13px;
		border-top:2px solid transparent;
		border-left:2px solid transparent;
		border-right:2px solid #2a2c33;
		border-bottom:2px solid #2a2c33;
		-webkit-transform:rotateZ(37deg);
		transform:rotateZ(37deg);
		-webkit-transform-origin:100% 100%;
		transform-origin:100% 100%
	}
	.esraRechnerAllType [type="checkbox"].filled-in:checked+label:after {
		top:3px;
		width:20px;
		height:20px;
		border:1px solid #2a2c33;
		background-color:#fff;
		z-index:0
	}
	.esraRechnerAllType [type="checkbox"].filled-in.tabbed:focus+label:after {
		border-radius:2px;
		border-color:#2a2c33;
		background-color:rgba(0,0,0,.1)
	}
	.esraRechnerAllType [type="checkbox"].filled-in.tabbed:checked:focus+label:after {
		border-radius:2px;
		background-color:#2a2c33;
		border-color:#2a2c33
	}

/* LABELS & FORMCONTROL */

	.esraRechnerAllType label {
		display:block;
		font-weight: normal;
		white-space: nowrap;
		overflow: hidden;
		width: calc(100% - 20px);
		color: #2a2c33;
	}
	.esraRechnerAllType label.long {
		white-space: normal;
		overflow: visible;
		width:100%;
	}
	.esraRechnerAllType div.extraLabel {
		font-weight:bold;
		margin-bottom:2px;
	}

	.esraRechnerAllType legend {
		border:none;
		font-size: 15px;
		margin:0 0 5px 0;
	}

	.esraRechnerAllType .select-label:not(.non-bs-select) label {
		position: absolute;
		top: 7px;
		z-index: 90;
		font-size: 11px;
		font-weight: 400;
		left: 13px;
	}
	.esraRechnerAllType .select-label label * {
		font-size: 11px;
		font-weight: 400;
	}

	.esraRechnerAllType .select-label.non-bs-select label {
		position: absolute;
		top: 7px;
		z-index: 90;
		font-size: 11px;
		font-weight: 400;
		left: 13px;
		pointer-events: none;
	}
	.esraRechnerAllType .select-label.non-bs-select select {
		font-size: 15px;
		padding: 22px 6px 8px 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: 99%;
		background-position-y: 50%;
	}
	.esraRechnerAllType .select-label.non-bs-select select::-ms-expand {
		display: none;
	}

	.esraRechnerAllType .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;
		white-space: nowrap;
	}
	.esraRechnerAllType .floating-label .form-control {
		font-weight: 700;
		font-size: 16px;
		padding: 13px 0 0 10px;
	}
	.esraRechnerAllType .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 #828693;
		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;
	}
	.esraRechnerAllType .floating-label .form-group.focused .control-label {
		opacity:1;
		transform:scale(.75);
		padding-left:15px;
		padding-top:10px;
		color: #2a2c33;
		white-space: nowrap;
	}
	.esraRechnerAllType .floating-label .form-control::-webkit-input-placeholder {
		color:transparent;
		transition:240ms
	}
	.esraRechnerAllType .floating-label .form-control:focus::-webkit-input-placeholder {
		transition:none
	}
	.esraRechnerAllType .floating-label .form-group.focused .form-control::-webkit-input-placeholder {
		color:#bbb
	}
	.esraRechnerAllType .floating-label .form-control::-moz-placeholder {
		color:transparent;
		transition:240ms
	}
	.esraRechnerAllType .floating-label .form-control:focus::-moz-placeholder {
		transition:none
	}
	.esraRechnerAllType .floating-label .form-group.focused .form-control::-moz-placeholder {
		color:#bbb
	}
	.esraRechnerAllType .floating-label .form-control:-ms-input-placeholder {
		color:transparent;
	}
	.esraRechnerAllType .floating-label .form-control:focus:-ms-input-placeholder, .esraRechnerAllType .focused > .form-control:-ms-input-placeholder {
		color: #ccc; 
	}
	.esraRechnerAllType .floating-label .form-group.focused .form-control:-ms-input-placeholder {
		color: #ccc; 
	}
	.esraRechnerAllType .floating-label .control-label * {
		color: #828693;
	}

	.esraRechnerAllType .bootstrap-select.form-control:not([class*="col-"]) {
		width: 100%;
	}
	.esraRechnerAllType .bootstrap-select.form-control {
		margin-bottom: 0;
		padding: 0;
		border: none;
	}

	.esraRechnerAllType textarea.form-control {
		height: auto;
		width: 100%;
		font-weight: 400 !important;
		padding-top: 25px !important;
	}

	.esraRechnerAllType .form-group {
		position: relative;
		width:100%;
	}
	.esraRechnerAllType div.yearbox {
		width: 120px !important;
		margin-left: 12px;
	}
	.esraRechnerAllType div.monthbox {
		width: calc(100% - 132px); !important;
	}
	@media (min-width:490px) {
		.esraRechnerAllType div.form-group, .esraRechnerAllType .form-group legend {
			width: 364px;
		}
		.esraRechnerAllType div.form-group-force {
			min-width: 364px;
		}
		.esraRechnerAllType div.monthbox {
			width: calc(364px - 132px); !important;
		}
	}
	@media (min-width:620px) {
		.esraRechnerAllType .floating-label .form-control {
			font-size: 15px;
		}
		.esraRechnerAllType div.form-group, .esraRechnerAllType fieldset.form-group, .esraRechnerAllType .form-group legend {
			width: 495px;
		}
		.esraRechnerAllType div.form-group-force {
			min-width: 495px;
		}
		.esraRechnerAllType div.monthbox {
			width: calc(495px - 132px); !important;
		}
	}

/* TABLES */

	/* class resulttable */
		.esraRechnerAllType .resultTable {
			background: #fff;
			font-size:12px;
			margin-bottom: 40px;
		}
		.esraRechnerAllType .resultTable table {
			width:100%;
		}
		.esraRechnerAllType .resultTable th {
			height: 40px;
			text-align: left;
			padding: 5px 15px 5px 0;
			line-height:1.2;
		}
		.esraRechnerAllType .resultTable th.linkCell {
			width: 28px;
		}
		.esraRechnerAllType .resultTable th.smallCell, td.smallCell {
			width: 55px;
			text-align: right;
			white-space: nowrap;
			padding: 5px;
		}
		.esraRechnerAllType .resultTable th.cellCenter {
			text-align: center;
		}

		.esraRechnerAllType .resultTable th.minsparCell {
			width: 80px;
			text-align: center;
		}
		.esraRechnerAllType .resultTable th a, .headerResultSmallDisplay a {
			text-decoration: underline;
			color: #464a56;
		}
		.esraRechnerAllType .resultTable th a:hover, .headerResultSmallDisplay a:hover {
			text-decoration: underline;
			color: #be0021;;
		}
		.esraRechnerAllType .resultTable td {
			height: 40px;
			border-top: solid 1px #DDD;
			padding: 5px 15px 5px 0;
		}
		.esraRechnerAllType .resultTable td.minsparCell {
			text-align: right;
			white-space: nowrap;
		}
		.esraRechnerAllType .resultTable td.nw {
			white-space: nowrap;
		}

		@media (max-width:400px) {
			.esraRechnerAllType .resultTable {
				padding: 4px 5px 7px 5px;
			}
		}

	/* class table */
		.esraRechnerAllType .table thead {
			background: #2a2c33;
			border-right: 1px solid #2a2c33;
		}
		.esraRechnerAllType .table thead * {
			color:#fff;
			background: #2a2c33;
			border-right: 1px solid #2a2c33;
			text-align:right;
		}
		.esraRechnerAllType .table > tbody > tr:nth-of-type(2n+1) {
			background-color: #fff;
		}
		.esraRechnerAllType .table > tbody > tr:nth-of-type(2n) {
			background-color: #f9f9f9;
		}
		.esraRechnerAllType .table > tbody > tr > td {
			border-right: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			text-align:right;
		}
		.esraRechnerAllType .table > tbody > tr > td:first-child {
			text-align:left;
		}
		.esraRechnerAllType .table > thead > tr > th {
			border-bottom: none !important;
		}
		.esraRechnerAllType .table > tbody > tr {
			border-left: 1px solid #ddd;
			border-right: 1px solid #ddd;
		}

	/* various */
		.esraRechnerAllType td.zinsCell {
			text-align: center;
		}

		.esraRechnerAllType .table-plain > tbody > tr > td:last-child, .esraRechnerAllType .table-striped > tbody > tr > td:last-child, .esraRechnerAllType .table > tbody > tr > td:last-child {
			border-right: none;
		}

		@media (min-width:551px) {
			.esraRechnerAllType .headerTable, .esraRechnerAllType .contentTable {
				float:left;
			}
			.esraRechnerAllType .headerTable {
				width: 205px;
			}
			.esraRechnerAllType .contentTable {
				width: -webkit-calc(100% - 205px);
				width:    -moz-calc(100% - 205px);
				width:         calc(100% - 205px);
			}
			.esraRechnerAllType .contentTable {
				padding-left:8px;
			}
		}

/* PAGE PARTS */

	.esraRechnerAllType .logo {
		padding-top: 14px;
		padding-bottom:14px;
	}
	.esraRechnerAllType .logo img {
		height: 41px;
	}

	.esraRechnerAllType .headerTeaser {
		text-align:right;
		font-weight:600;
		line-height: 1.2;
		color: #464a56;
	}
	.esraRechnerAllType .headerTeaser span{
		display:block;
		margin-top: 10px;
		font-size:24px;
		line-height: 1.2;
		color: #be0021;
	}

	.esraRechnerAllType .mainContent {
		background: url(i/struktur-footer.png);
		padding: 40px 20px;
	}

	.esraRechnerAllType .art-box {
		position: relative;
		padding: 40px 24px 40px;
		clear: both;
		background: #fff;
	}
	.esraRechnerAllType .art-box-white {
		background: #fff;
		padding: 30px 30px 20px;
	}

	@media (max-width:400px) {
		.esraRechnerAllType .hidden-xxs{display:none!important}
	}
	@media (min-width:401px) {
		.esraRechnerAllType .hidden-notxxs{display:none!important}
	}
	@media (min-width:490px) {
		.esraRechnerAllType .mainContent {
			padding: 40px 33px;
		}
	}
	@media (max-width:620px) {
		.esraRechnerAllType .hidden-xxs2{display:none!important}
	}
	@media (min-width:768px) {
		.esraRechnerAllType .container {
			width: 755px;
		}
		.esraRechnerAllType .hidden-notxs {
			display:none;
		}
	}
	@media (min-width:992px) {
		/* .esraRechnerAllType .container {
			width: 970px;
		}*/
		.esraRechnerAllType .col-md-3, .esraRechnerAllType .col-md-9, .esraRechnerAllType .col-md-12 {
			padding-left:7px;
			padding-right:7px;
		}
		.esraRechnerAllType .col-md-9 {
			width:100%;
		}
	}
	@media (min-width:1200px) {
		/* .esraRechnerAllType .container {
			width: 1000px;
		}*/
		.esraRechnerAllType .art-box {
			padding: 40px 30px 40px;
		}
		.esraRechnerAllType .col-md-3, .col-md-9, .col-md-12 {
			padding-left:15px;
			padding-right:15px;
		}
		.esraRechnerAllType .col-md-9 {
			width:100%;
		}
	}

/* ERRORS ETC. */

	.esraRechnerAllType .red {
		color: #be0021 !important;
	}
	.esraRechnerAllType .mandatory {
		color: #BE0021!important;
		margin-left: 5px;
	}
	.esraRechnerAllType .esraError ,.esraRechnerAllType .esraError button, .esraRechnerAllType .esraError .form-control {
		border-color:#be0021;
	}
	.esraRechnerAllType .esraRechnerErrorMessage, .esraRechnerAllType .esraErrorMessage {
		font-size: 12px;
		color:#be0021;
	}

	.esraRechnerAllType .mandatory {
		color: #BE0021!important;
		margin-left: 5px;
	}
	.esraRechnerAllType .option {
		margin-bottom: 20px;
	}
	.esraRechnerAllType .hinweis {
		margin: 25px 0 25px 0;
	}

	.esraRechnerAllType .lastUpdate {
		margin-top:5px;
		text-align:right;
	}

	.esraRechnerAllType span.redMarked {
		color: #be0021;
	}
	.esraRechnerAllType span.achtung {
		color: #be0021; font-weight: bold !important;
	}

	.esraRechnerAllType fieldset.uebQuestion {
		display:none;
	}

	.esraRechnerAllType .redMarkedResult{
		font-weight: bold!important;
		color: #be0021;
	}

/* DATE/PICKER */

	.esraRechnerAllType .datepicker-dropdown {
		width: 250px!important;
	}
	.esraRechnerAllType .datepicker table {
		width: 100%
	}
	.esraRechnerAllType .datepicker thead {
		background: #fff;
		color: #2a2c33;
		font-weight: 900;
	}
	.esraRechnerAllType .datepicker thead th {
		font-weight: 900;
	}
	.esraRechnerAllType .datepicker-dropdown.datepicker-orient-right:after {
		right: 21px!important;
	}
	.esraRechnerAllType .datepicker-dropdown.datepicker-orient-right:before {
		right: 20px!important;
	}
	@media (max-width:619px) {
		.esraRechnerAllType .date:after {
			display:none;
		}
	}

/* VARIOUS */

	.esraRechnerAllType .esraNoWrap {
		white-space: nowrap;
	}

	.esraRechnerAllType form p:last-child {
		margin-bottom: 25px;
	}

	.esraRechnerAllType .alter:before {
		content: ', ';
	}

	.esraRechnerAllType div.clearAll {
		clear:both;
	}
	.esraRechnerAllType .floatLeft {
		float: left;
	}
	.esraRechnerAllType .floatRight {
		float: right;
	}
	.esraRechnerAllType .kcomClear {
		clear:both;
	}

	.esraRechnerAllType .DisplayIfSmall{
		display: none;
	}
	@media screen and (max-width: 767px) {
		.esraRechnerAllType .DisplayIfSmall{
			display: block;
		}
		.esraRechnerAllType .DontDisplayIfSmall{
			display: none;
		}
	}

	@media (max-width:619px) {
		.esraRechnerAllType .help {
			right:0;
			top:0;
		}
	}