/* @group fonts */
/*
@font-face{
	font-family: "UniversLTW02-47LightCn";
	src:url("../fonts/4542df8c-aa98-4662-9397-f25621c02ff1.eot?#iefix");
	src:url("../fonts/4542df8c-aa98-4662-9397-f25621c02ff1.eot?#iefix") format("eot"),url("../fonts/9b61b7b8-6c84-4e84-b8aa-4a627a721b60.woff") format("woff"),url("../fonts/3dde9f5d-4017-494c-a6d7-764d248c0292.ttf") format("truetype"),url("../fonts/de990cca-297f-443d-a252-319a8a19ce04.svg#de990cca-297f-443d-a252-319a8a19ce04") format("svg");
}
@font-face{
	font-family: "UniversLTW02-57Condense_726300";
	src: url("../fonts/adc492fa-2e18-46e7-a334-19977a077ec2.eot?#iefix");
	src: url("../fonts/adc492fa-2e18-46e7-a334-19977a077ec2.eot?#iefix") format("eot"),url("../fonts/14f0370a-8385-437e-b5b8-5cb89e20e2ff.woff") format("woff"),url("../fonts/8c1d24ab-e7f8-4c29-a419-f87180fdf410.ttf") format("truetype"),url("../fonts/9baaf87b-982d-45c0-9518-8f5aec7c1292.svg#9baaf87b-982d-45c0-9518-8f5aec7c1292") format("svg");
}
@font-face{
	font-family: "UniversLTW02-67BoldCn";
	src: url("../fonts/c1f2f059-579b-465a-a13f-d70acd6c6212.eot?#iefix");
	src: url("../fonts/c1f2f059-579b-465a-a13f-d70acd6c6212.eot?#iefix") format("eot"),url("../fonts/b2388651-dd56-4c8e-8455-c55318f6a734.woff") format("woff"),url("../fonts/346ec69d-90a7-4fef-a216-1a0dafbd3798.ttf") format("truetype"),url("../fonts/d39b0ff2-cca2-4288-8f6a-c730f44feb81.svg#d39b0ff2-cca2-4288-8f6a-c730f44feb81") format("svg");
}
*/
/* @end */

body {
	font-family: "UniversLTW02-47LightCn", sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 20px;
}

b, strong {
/* 	font-family: "UniversLTW02-67BoldCn", sans-serif; */
	font-weight: bold;
}

.logo img {
	position: relative;
	width: 50%;
	float: right;
	top: 30px;
}

/* @group headlines */
h1, h2, h3, h4, h5, h6 {
	font-family: "UniversLTW02-47LightCn", sans-serif;
	font-weight: normal;
	line-height: 1.1;
	color: #000;
}

.headline h1 {
	color: #fff;
	text-decoration: none;
	font-size: 60px;
	margin: 10px 0 0 0;
}

.headline h2 {
	font-family: "UniversLTW02-47LightCn", sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	background-color: #000;
	border: 2px solid #fff;
	padding: 6px 10px 4px 10px;
	display: inline;
	letter-spacing: 4px;
}

.header {
	background-color: #ea6f18;
	padding: 40px 25px 20px 25px;
}

.gesamtsumme {
	text-align: center;
}

#reset {
	background: url(../images/reset.svg) no-repeat center top;
	background-size: 50%;
	display: block;
	width: 90px;
	height: 20px;
	text-align: center;
	color: #fff;
	padding-top: 50px;
	position: absolute;
	top: 90px;
	right: 330px;
}
/* @end */

/* @group progress bar */
.progress {
	height: 23px;
	margin: 16px 25px;
}

.progress-bar-warning {
	background-color: #ea6f18;
}
/* @end */

/* @group buttons, images, ... */
.btn-default {
	background-color: #ea6f18;
	background: #ea6f18;
	color: #fff;
	border: none;
	transition: all 0.3s ease;
}

.btn-default:hover {
	background-color: #cc6114;
	color: #fff;
}

.btn-link {
	color: #333;
}

.widebutton {
	padding-left: 60px;
	padding-right: 60px;
}

.img-thumbnail {
	padding: 8px;
	margin-bottom: 10px;
}
/* @end */

/* @group panels */
.panel-title {
	font-size: 26px;
	color: #000;
}

.panel-heading {
	padding: 10px 25px;
}

.panel-body {
	padding: 20px;
}

.panel-body a {
	color: #000;
	text-decoration: none;
	font-size: 22px;
	font-weight: normal;
	display: block;
}

.panel-footer {
	padding: 10px 25px;
}
/* @end */

.text-right {
	margin: 0;
}

input[type=radio], 
input[type=checkbox] {
	margin: 0px 8px;
}

label {
	font-family: "UniversLTW02-47LightCn", sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 20px;
}

.radio-group,
.input-group {
	padding: 5px 10px 0 10px;
}

.highlight {
	background-color: #f5f5f5;
}

.choice {
	width: 50%;
}

.input-group-addon {
	padding: 6px 12px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 0;
	display: inline-block;
	position: absolute;
	top: 5px;
	width: 8%;
}

/* app-bedingte Styles */

#canvas {
	position: absolute;
	top: 215px;
	right: 0;
	bottom: 60px;
	left: 0;
	overflow: hidden;
}

#canvas .panel {
	position: absolute;
	top: 0;
	left: 120%;
	transition: left 1s ease, right 1s ease;
	height: 100%;
}

#canvas .panel.active {
	left: 25px;
	right: 25px;
}

#canvas .panel.passed {
	left: -100%;
	right: 110%;
}

#canvas .panel .panel-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.changetarget.selected img {
	background-color: #ea6f18;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

#footer p {
	color: #333;
	text-align: center;
	font-size: 16px;
}

.modal-lg {
	width: 90%!important;
}

.popupimage {
	width: 100%;
	height: auto;
}

.summe-kosten, .investitionskosten, .laufende-kosten, .calculation-details table tr td:nth-child(2) {
	text-align: right;
}

.panel-body {
	overflow-y: scroll;
	position: absolute;
	top: 49px;
	bottom: 64px;
	left: 0;
	right: 0;
}

.calculation-details table tr td:first-child {
	width: 75%;
}

.hidden-span span {
	display: none;
}

.highlight .choice {
	background: url(../images/dutchman.png) no-repeat right center;
	background-size: contain;
}

.removeradio {
	margin-left: 20px;
	display: none;
}

.input-group {
	display: block!important;
}

.online-only *, .online-only {
	display: none;
}

.online .online-only *, .online .online-only {
	display: inline-block;
}

#exit {
	 display: none;
}

.offline #exit {
	display: block;
	position: absolute;
	right: 20px;
	top: 1px;
	color: #fff;
	font-size: 40px;
}

.offline #exit:hover {
	text-decoration: none;
}