/* Select Felder */
#ek select 													{ padding-right: 30px; }

/* Profiltypen */
.profiltyp 													{ cursor: pointer; transition: opacity .3s; padding-left: 5px; padding-right: 5px; transform: scale(0.9); transition: transform .3s; }
.profiltypen:hover .profiltyp 								{ opacity: .6; }
.profiltypen:hover .profiltyp:hover 						{ opacity: 1; }
.profiltyp.active 											{ font-weight: 600; color: #65B330; transform: scale(1); }
.profiltyp.active img 										{ border: 5px #65B330 solid; }

.plain-select.hide 											{ display: none; }

/* Shortresult Schritt 2 */
.bedarf 													{ background: #65B330; background: #999; color: #fff; font-size: 30px; display: inline-block; line-height: 1; padding: 10px 20px; }
.bedarf .nr 												{ font-size: 30px; }
.shortresult 												{ max-width: 900px; margin-left: auto; margin-right: auto; }
.shortresult img 											{ width: 600px; max-width: 100%; }
.shortresult .modelname 									{ margin-top: 0; }
.shortresult .more 											{ display: none; }
@media only screen and (min-width: 1440px) {
.shortresult 												{ position: relative; }
.shortresult .more 											{ display: block; text-align: center; line-height: 200px; width: 260px; height: 201px; position: absolute; }
.shortresult .imgcontainer 									{ width: 100%; height: 100%; position: absolute; z-index: -1; background-size: cover; background-image: url(../efoy_150.html); opacity: .2; }
.shortresult .more.prev 									{ left: 50%; top: 40%; margin-left: -760px; }
.shortresult .more.next 									{ left: 50%; top: 40%; margin-left: 500px; }
.shortresult .more a 										{ display: block; font-size: 100px; opacity: 1; opacity: 0; transition: opacity .5s; }
.shortresult .more:hover a 									{ opacity: 1; }
}
#gotostep3 													{ transform: scale(1.1); }

/* Konfigurationen Schritt 3 */
.energiekalkulator .konfiguration 							{ padding: 15px 0; }
.show-when-true 											{ visibility: hidden; pointer-events: none; position: absolute; }
.is-true .show-when-true  									{ visibility: visible; pointer-events: auto; position: relative; }
body.im-tool .ohne-detail .is-true .show-when-true  		{ visibility: hidden; pointer-events: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.detail .show-when-ohne-detail 								{ display: none; }

/* Verbraucher Schritt 4 */
.verbraucherliste .show-only-in-endtable,
.verbraucher .wechselrichterinfo 							{ display: none; }
.verbraucher.kein-wechselrichter-vorhanden .wechselrichterinfo { display: block; }
.verbraucher.kein-wechselrichter-vorhanden .helper 			{ display: none; }
.verbraucherkategorie.unsichtbar,
.verbraucher.inaktiv,
.verbraucher.unsichtbar			 							{ display: none; }
.verbraucherkategorie.detail + .verbraucherkategorie.detail { margin-top: 40px; }
.verbraucherkategorie, .verbraucher							{ padding-left: 0; padding-right: 0; }
.verbraucher 												{ padding-top: 10px; padding-bottom: 10px; transition: margin .3s; }
.verbraucherkategorie .label 								{ font-size: 14px; font-weight: 600; }
.verbraucherkategorie .ios-switch + .label					{ font-weight: 300 !important; }
.verbraucherkategorie.detail .hide-when-ohne-detail.hide-when-resultpage.c 	{ padding-top: 0; padding-bottom: 12px; }

body.im-tool .ohne-detail .hide-when-ohne-detail 			{ display: none; }

.show-only-when-detail 										{ visibility: hidden; pointer-events: none; }
body.verbraucher-showing-details .show-only-when-detail     { visibility: visible; pointer-events: auto; }

.klein .verbraucher,
.klein .verbraucher div 									{ -ms-flex-preferred-size: auto !important; flex-basis: auto !important; max-width: none !important; }
.klein .verbraucher .col-sm-3 								{ padding-right: 10px; }
.klein .verbraucher .col-sm-1 								{ padding-left: 0; }

.detail .verbraucher.is-true 								{ margin: 10px 0; }

/* Endtable */
.endtablecontainer-sommer .winter,
.endtablecontainer-sommer .strombedarf-winter,
.endtablecontainer-sommer .tablehead-strombedarf-winter,
.endtablecontainer-sommer .kapazitaetbedarf-winter,
.endtablecontainer-sommer .tablehead-kapazitaetbedarf-winter { display: none; }
.endtablecontainer-winter .sommer,
.endtablecontainer-winter .strombedarf-sommer,
.endtablecontainer-winter .tablehead-strombedarf-sommer,
.endtablecontainer-winter .kapazitaetbedarf-sommer,
.endtablecontainer-winter .tablehead-kapazitaetbedarf-sommer { display: none; }
.is-endtable .is-title 										{ text-align: left; }
.is-endtable .ergibt-zusammen 								{ font-weight: bold; }

.is-endtable .is-tablehead 									{ font-weight: 600; padding-top: 0; padding-bottom: 0; }
.is-endtable .tablehead-titel 								{ -ms-flex-preferred-size: 21%; flex-basis: 21%; max-width: 21%; }
.is-endtable table 											{ max-width: 2000px; }
.is-endtable table td, .is-endtable table th				{ text-align: center; }
.is-endtable table td:first-child 							{ text-align: left; }
.is-endtable .tablehead .seasonzusatz 						{ display: none; }

/* Container Input */
#ek .is-container-oben										{ margin-bottom: 60px; }
#ek .is-container-unten										{ margin-top: 60px; }

/* Infotooltip */
.info-tooltip 												{ display: inline-block; text-align: left; opacity: 0; transition: opacity .3s; pointer-events: none; min-width: 200px; max-width: 300px; z-index: 120; position: absolute; background-color: #fff; padding: 20px; font-size: 14px; box-shadow: 1px 1px 3px rgba(0,0,0,.1); }
.fa-info-circle:hover 										{ color: #000; cursor: help; }
.wechselrichterinfo .fa-info-circle:hover { cursor: pointer; }
.fa-info-circle:hover + .info-tooltip 						{ opacity: 1; }
.leistung .fa-info-circle 									{ position: absolute; right: 5px; margin-top: -17px; }

/* iOS Switcher */
.ios-switch.inline + span 									{ display: inline-block; transform: translateY(-10px); }

/* BigCheck Checkboxen */
input.bigcheck 				 								{ display: none; }
input.bigcheck + .helper:before 							{ width: 30px; height: 30px; background-image: url("../png/bigcheck.png"); background-position: top center; display: block; content: ""; float: left; margin-right: 10px; margin-top: -5px; line-height: 0; vertical-align: middle; cursor: pointer; }
input.bigcheck:checked + .helper:before 					{ background-position: bottom center; }

/* Slider allgemein */
.noUi-tooltip 	 											{ border: none !important; font-size: 13px; bottom: 100% !important; background: rgba(255,255,255,.9) !important; margin-bottom: 5px; padding: 2px 5px 0 5px !important; }
@media only screen and (min-width: 740px) {
.col-sm-offset-4 .schieber 									{ margin-top: 20px; }
#batterie-schieber 											{ margin-top: 40px; }
}

/* Flying Result */
#ek-fly-result 												{ pointer-events: none; opacity: 0; position: fixed; z-index: 200; bottom: -200px; left: 0; width: 100%; height: auto; background: #f1f1f1; transition: all .3s; box-shadow: 0 0 3px rgba(0,0,0,.1) }
.show-flying-result #ek-fly-result 							{ bottom: 0; opacity: 1; pointer-events: auto; }
#ek-fly-result canvas 										{ position: absolute; margin-top: -10px; width: 60px !important; height: 60px !important; }
#ek-fly-result canvas + p									{ margin: 0 0 0 80px; }
@media only screen and (min-width: 740px) {
#ek-fly-result .col-sm-2 .c 								{ padding-left: 0; padding-right: 0; }
}

/* Hbar im Flying Result */
.hbar 														{ background-color: #fff; height: 30px; padding-left: 210px; line-height: 30px; position: relative; }
.hbar .bar-label 											{ position: absolute; z-index: 100; margin-left: -210px; color: #000; color: #65B330; width: 210px; background-color: #f1f1f1; }
.hbar + .hbar 	 											{ margin-top: 5px; }
/* http://www.patternify.com/ */
.hbar .puffer 												{ position: absolute; right: 0; z-index: 1000; background-color: red; width: 10%; height: 100%; transition: width .3s; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKElEQVQImWNI3WzwH4b/////nwGZk7rZACIA46RuNvjPgMxJ3WzwHwC31StFF5iSCAAAAABJRU5ErkJggg==) repeat; }
.hbar .inner 												{ background-color: #65B330; display: inline-block; height: 100%; position: relative; transition: width .3s; }
.hbar .inner-label 											{ position: absolute; margin-left: 100%; padding: 0 10px; white-space: nowrap;  }
.hbar .produkt 												{ pointer-events: none; position: absolute; z-index: 100; color: #666; font-size: 13px; padding: 2px 5px; margin-top: 7px; left: 220px; background-color: #fff; line-height: 1; }
.hbar.high-value .inner-label 								{ width: 200px; text-align: right; transform: translateX(-300px); color: #fff; }
.hbar.low-value .produkt 									{ left: auto; right: 30px; }
#hbar-sommer .inner 										{ width: 0%; }
#hbar-winter .inner 										{ width: 0%; }

/* Resultpage */
.show-ergebnis p.show-when-resultpage 						{ display: block; }
.show-ergebnis #autarkietage .show-when-resultpage  		{ text-indent: 20px; }
.show-ergebnis .verbraucherliste 							{ display: none; }
.show-when-resultpage 										{ display: none; }
.show-ergebnis span.show-when-resultpage 					{ display: inline; }
.show-ergebnis div.show-when-resultpage 					{ display: block; }
.show-ergebnis .hide-when-resultpage 						{ display: none; }
.show-ergebnis .schieber  									{ pointer-events: none; display: none; }
.show-ergebnis .fa-info-circle 								{ visibility: hidden; }
.show-ergebnis .verbraucherkategorie.detail + .verbraucherkategorie.detail { margin-top: 0; }
.show-ergebnis #diagramme .likeh3 							{ margin-top: 120px; }
.show-ergebnis .step[data-step="4"] 						{ margin-top: 40px; }

#sommerimage,#winterimage 									{ max-width: 300px; }

.show-ergebnis .is-grundangaben  							{ -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; margin-left: 15%; }
.show-ergebnis .is-grundangaben .pdf-label 					{ -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; }
.show-ergebnis .is-grundangaben #user-batterie .three 		{ -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; }
.show-ergebnis .is-grundangaben #user-batterie .three .plain-select { display: inline; }
.show-ergebnis .is-grundangaben #user-batterie .four 		{ -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; }
.show-ergebnis .is-grundangaben .pdf-label + div,
.show-ergebnis .is-grundangaben .likeh3 					{ text-align: center; }

@media only screen and (min-width: 740px) {
/*.show-ergebnis .konfiguration .col-sm-4 					{ -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; }
.show-ergebnis #user-autark.konfiguration .col-sm-4 		{ margin-left: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.show-ergebnis #user-autark.konfiguration .col-sm-4 + .col-sm-4 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; text-align: center; }
.show-ergebnis #user-batterie.konfiguration .two.col-sm-3,
.show-ergebnis #user-batterie.konfiguration .three.col-sm-3 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; text-align: center; }*/
.show-ergebnis #user-batterie.konfiguration .col-sm-4 		{ margin-left: 0; }
.show-ergebnis #user-batterie.konfiguration select 			{ background: none; pointer-events: none; padding: 0; text-align: center; }
.show-ergebnis #user-batterie.konfiguration .plain-select:after { content: none;  }
}
#user-batterie .fa-info-circle 								{ position: absolute; right: 0; top: 42px; }

/* Ergebnischart */
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
#ergebnischart-container-sommer, #ergebnischart-container-winter { position: relative; width: 860px; height: 300px; margin: 50px auto; }
#ergebnischart-sommer, #ergebnischart-winter        		{ /*border: 1px dotted red;*/ }

#speichern-fragen 											{ margin-top: 30px; }

@media print {
	.show-ergebnis #diagramme .likeh3 						{ margin-top: 30px; }
	.is-container-unten,
	#diagramme .likeh3 										{ page-break-before: always; }
	.r,
	.s { padding: 0; margin: 0; width: 100%; }
	.chartjs-size-monitor { width: 100%; overflow: hidden; }
	.is-endtable { }

	#ergebnischart-container-sommer, #ergebnischart-container-winter { margin: 40px 0; height: 250px; }

	.is-endtable table { margin-top: 40px; }
	.is-endtable th,
	.is-endtable td { padding-top: 0; padding-bottom: 0; font-weight: normal; font-size: 14px; }

}