/* Slider styling */
.slider {
	display: inline-block;
	height: 1.5em;
}

.slider-color {
	background-color: #009ad0;
	border-radius: 3px 3px 0;
	display: inline-block;
	position: absolute;
	height: 100%;
	top: 0px;
}

.lpFipaRechner .ui-slider-horizontal .ui-slider-handle{
	top:-1.15em !important;
	margin-left: -0.6em;
}

.lpFipaRechner .ui-slider-horizontal{
	height:0.1em;
}

.lpFipaRechner .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
		border-top-left-radius: 20px;
}
.lpFipaRechner .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
		border-top-right-radius: 20px;
}
.lpFipaRechner .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
		border-bottom-left-radius: 20px;
}
.lpFipaRechner .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
		border-bottom-right-radius: 20px;
}

.ui-widget-content {
	border: 1px solid #009acf;
}
/* layout styling */

.calculator-container {
		position: relative;
}

.calculator-container h2 {
	padding: 0;
}

.calculator-container .row {
	width: 100%;
	margin: 10px 0;
}

.calculator-container .column {
	vertical-align: middle;
	display: inline-block;
}

.calculator-container .slider {
	width: 100%;
}

.calculator-container .slider-container {
	width: 65%;
}
.calculator-container .slider-value-display {
	padding-left: 4%;
}


.calculator-container .info-container {
		width: 65%;
}


.calculator-container .info-container ul {
	padding: 0;
}

.calculator-container .info-container ul li{
	background: url("//www.immonet.de/immonet/img/sprites/symbols.gif") no-repeat scroll -74px -1130px rgba(0, 0, 0, 0);
	padding-left: 30px;
	line-height: 160%;
	list-style: none;
	margin-top: 10px;
}

.calculator-container .price-container {
	background: none repeat scroll 0 0 #fff;
	border: 2px solid #93a707;
	text-align: center;
	border-radius: 5px;
	padding: 5px 10px;
	float: right;
}
.calculator-container input {
	width:110px;}

.percentage{
	display: block;
	float: left;
	margin-left: -18px;
	margin-top:8px;
	padding-right:3px;
}

p.price-comparison {
	padding:0;
}

.calculator-container .price-container p {
	line-height:17px;
	padding:0;
}

.calculator-container .price-and-currency,
.calculator-container .price-and-currency span {
	font-weight: normal;
	line-height: 120%;
	font-size: 35px;
	color: #93a707;
}

.calculator-container .price-container p.price-and-currency {
	font-weight: normal;
	font-size: 31px;
}

.highlight {
	color: #009AD0;
}

.highlight-dark {
	color: #000a3d;
}

.event {
		float: left;
		padding: 4px;
		text-align: left;
}

.eventHeading {
		font-size: 1.3em;
		padding: 2px 5px;
		text-align: center;
}

.resultDiv{
	line-height:1.27em;
}

#resultTable > tr{
	height:30px;
	font-size:12px;
}
.redTxt{
	color:red;
}
.tableColor1st{
	background-color:#E9F9FF;
}
.tableColor2nd{
	background-color:#C3EDFF;
}
.tableColor3th{
	background-color:#E9F9FF;
}

.trange {
		margin-top: -8px;
}
.trange {
		-moz-appearance: none;
		background-color: transparent;
		border: medium none;
		border-radius: 2px;
		margin: -17px 0 0;
		padding: 0;
		position: relative;
		width: 100%;
}
.trange {
		display: block;
		width: 100%;
}

.lpFipaRechner .ui-widget {
		font-family: Verdana,Arial,sans-serif;
		font-size: 1.0em;
}
.lpFipaRechner .ui-slider {
		position: relative;
		text-align: left;
}
.lpFipaRechner .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		border: 1px solid #d3d3d3;
		font-weight: normal;
		color: #555555;
}

.lpFipaRechner .ui-slider .ui-slider-handle{
	height: 2.1em;
	width: 2.1em;
	background:white;
	position: absolute;
	z-index: 2;
	cursor: default;
	touch-action: none;
	outline: none;
}
.lpFipaRechner .ui-widget-content{
	border:1px solid #008fc4;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
	background-color:#fff;
}
.margin-bottom-36{
	margin-bottom:36px;
}
.input-42{
	height:42px;
}

.circle{
		background: #A47448;
		border-radius: 90%;
		width: 100px;
		height: 100px;
	}
/*#ribbon-container {
	position: absolute;
	top: 7px;
	right: -14px;
	overflow: visible;
	font-size: 18px;
	line-height: 18px;
	height:58px;
}*/


#ribbon-container {
	position: absolute;
	top: 15px;
	right: 0px;
	overflow: visible;
	font-size: 18px;
	line-height: 18px;
	height: 80px;
	background-color: #FFB200;
}

#ribbon-container span {
	display:block;
	padding:20px;
	position:relative; /* allows us to position our pseudo-elements properly */
	background:#E4004D;
	overflow:visible;
	height:56px;
	margin-left:28px;
	color:#fff;
	text-decoration:none;
}

#ribbon-container span:after { /* this creates the "folded" part of our ribbon */
	content:"";
	height: 0;
	width: 0;
	display:block;
	position:absolute;
	bottom:-14px;
	right:0;
	border-top: 15px solid #004a70;
	border-right: 15px solid transparent;
}

/*#ribbon-container span:before {
	content:"";
	height: 0;
	width: 0;
	display:block;
	position:absolute;
	bottom:-14px;
	right:0;
	border-top: 15px solid #004a70;
	border-right: 15px solid transparent;
}*/
#ribbon-container span:before { /* this creates the "forked" part of our ribbon */
	border-left: 42px solid #e4004d;
		border-top: 42px solid transparent;
		bottom: 7px;
		content: "";
		display: block;
		height: 0;
		position: absolute;
		right: 56px;
		transform: rotate(45deg);
		width: 0;
}
.radial-gradient {
		background: rgba(0, 0, 0, 0) radial-gradient(#00aae1, #008fc4) repeat scroll 0 0;
}
.alignR {
	text-align: right;
}
.alignC {
	text-align: center;
}
table td[class*="col-"], table th[class*="col-"]{
	float:inherit;
}

@media only screen and (max-width: 767px) {
	.canvasBlock{
		height: 645px;
	}
	.lpFipaRechner .ui-slider .ui-slider-handle{
		height: 2.5em;
		width: 2.5em;
	}
	.lpFipaRechner .ui-slider-horizontal .ui-slider-handle{
		top:-1.35em !important;
		margin-left: -0.6em;
	}
	.monthlyRate {
		text-align:left;
	}
}

@media only screen and (min-width: 768px) and (max-width: 983px) {
	.canvasBlock{
		height: 800px;
	}

}

@media only screen and (min-width: 984px and max-width: 1200px) {
	.canvasBlock{
		height: auto;
	}
	.modalFinancing{
		width:70%;
	}
}
@media only screen and (min-width: 1200px) {
	.modalFinancing{
		width:850px;
	}
}

.modal-content {
		border: none;
}
.input-40 {
		height: 40px;
		font-size: 17px;
}
#fireForm .percentage{
	margin-top:9px;
	font-size:17px;
}


select:not([multiple]) {
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOC42MjVweCIgaGVpZ2h0PSIxMC43NXB4IiB2aWV3Qm94PSItMzE2LjMxMiAtMzAuMzU0IDE4LjYyNSAxMC43NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzE2LjMxMiAtMzAuMzU0IDE4LjYyNSAxMC43NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgaWQ9Im1pbmltaXplXzFfIj48cGF0aCBmaWxsPSIjMDA4RkM0IiBkPSJNLTMwNy4yNzUtMjAuNDEzYzAuMjY0LDAuMTA1LDAuNTc4LDAuMDU0LDAuNzkyLTAuMTYzbDAsMGwwLDBsNy43NzEtNy43NzFjMC4yODctMC4yODYsMC4yODctMC43NDgsMC0xLjAzNWMtMC4yODUtMC4yODctMC43NDgtMC4yODctMS4wMzQsMEwtMzA3LTIyLjEyN2wtNy4yNTYtNy4yNTVjLTAuMjg2LTAuMjg3LTAuNzQ5LTAuMjg3LTEuMDM1LDBjLTAuMjg1LDAuMjg3LTAuMjg1LDAuNzQ5LDAuMDAxLDEuMDM1bDcuNzcyLDcuNzcxQy0zMDcuNDQ2LTIwLjUwNC0zMDcuMzY1LTIwLjQ1LTMwNy4yNzUtMjAuNDEzeiIvPjwvZz48L3N2Zz4=");
		background-position: right 0.5rem center;
		background-repeat: no-repeat;
		padding: 6px 1.5em 6px 6px;
}
select[multiple], select[size] {
		height: auto;
}

input[type=range], select:not([multiple]) {
		-webkit-appearance: none;
		-moz-appearance: none;
}

/*Kopiert aus Financing.css*/
.ico-zip-note {
		bottom: -5px;
		font-size: 59px;
		left: -14px;
		transform: rotate(19deg);
}
input.ico-form[type="checkbox"] + .ico::before {
		color: #008fc4;
}
.partner-logo-dimensions {
		max-height: 70px;
		max-width: 160px;
}
.top-partner-dimensions {
		bottom: 6px;
		left: 12px;
		z-index: 1;
}
.top-partner-symbol {
		height: 15px;
		width: 65px;
}
.opacity-gradient-layer {
		background-image: linear-gradient(to bottom, rgba(239, 239, 239, 0.6) 0%, rgba(255, 255, 255, 0.8) 100%);
		background-repeat: repeat-x;
		height: 100%;
		left: 0;
		top: 0;
}
.opacity-gradient-layer.black {
		left: 0;
		top: 0;
		width: 100%;
		z-index: 1000;
}
#financing-contact-form-select-salutation-panel {
		width: 235px;
}
#section-rangegroup .ui-inputfield {
		padding-right: 18px;
}
@media only screen and (min-width: 768px) {
.partner-logo-dimensions {
		max-height: 100px;
		max-width: 130px;
}
.result-item-min-height {
		min-height: 110px;
}
}
@media only screen and (min-width: 984px) {
.partner-logo-dimensions {
		max-width: 200px;
}
.result-item-min-height {
		min-height: 130px;
}
}
@media only screen and (min-width: 1200px) {
.partner-logo-dimensions {
		max-width: 214px;
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
.partner-logo-dimensions {
		max-width: 300px;
}
}

.progress-bubbles div:nth-child(1) {
		animation-delay: -1.6s;
}
.progress-bubbles div:nth-child(2) {
		animation-delay: -1.44s;
}
.progress-bubbles div:nth-child(3) {
		animation-delay: -1.28s;
}
.progress-bubbles div:nth-child(4) {
		animation-delay: -1.12s;
}
.progress-bubbles div:nth-child(5) {
		animation-delay: -0.96s;
}
.progress-bubbles div:nth-child(6) {
		animation-delay: -0.8s;
}
.progress-bubbles div:nth-child(7) {
		animation-delay: -0.64s;
}
.progress-bubbles div:nth-child(8) {
		animation-delay: -0.48s;
}
.progress-bubbles div:nth-child(9) {
		animation-delay: -0.32s;
}
.progress-bubbles div:nth-child(10) {
		animation-delay: -0.16s;
}
.progress-bubbles > div {
		animation-duration: 1.6s;
		animation-iteration-count: infinite;
		animation-name: wave;
		background-color: #009acf;
		border-radius: 50%;
		display: inline-block;
		height: 12px;
		margin: 0 2px;
		width: 12px;
}
.max-width-60 {
		max-width: 60px;
}

input.ico-form[type="checkbox"], input.ico-form[type="radio"] {
		left: 0;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		visibility: hidden;
}
input[type="checkbox"], input[type="radio"] {
		line-height: normal;
		margin: 4px 0 0;
}
input[type="checkbox"], input[type="radio"] {
		box-sizing: border-box;
		padding: 0;
}

input.ico-form[type="checkbox"]:checked + .ico::before {
		content: "";
}
input.ico-form[type="checkbox"] + .ico-checkbox-confirm.ico::before {
		left: 0;
		position: absolute;
		top: 3px;
}
input.ico-form[type="checkbox"] + .ico::before {
		color: #008fc4;
}
input.ico-form[type="checkbox"] + .ico::before {
		color: #999;
		content: "";
		outline: 0 none;
}
.bg-light-blue {
		background-color: #009acf;
}
.disabled
{
	pointer-events: none;
	opacity: 0.5;
}
.tinyList .ico::before {
	color: #93A707;
}

@media only screen and (min-width: 1086px) {
	#modalTilgungsplan .modal-dialog {
			width: 800px;
	}
}
.immotooltip{
	padding:0;
}