body {
	background-color: #545353;
	font-family: 'Muli', sans-serif;
}

.logo {
	background-color: #e94a26;
	/*background-image: url('../images/logo-welltherm.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto auto;*/
	position: fixed;
	z-index: 5000;
	width: 100%;
	
}
.logo img {
	width: 100%;
	max-width: 500px;
}

.ui-header h1.ui-title {
	text-align: left;
	font-size: 1.3em;
	font-weight: normal;

	margin: -1px 0 0px 0;
	padding-left: .5em;
	
	background-color: #545353;
	color: #fff;
	
	text-shadow: none;
}

h3 a {
	font-family: 'Muli', sans-serif!important;
}

body > div.ui-page {
	background-color: #545353;
}

div[data-role="header"] {
	margin-top: 100px;
}

.ui-page-theme-a {
	text-shadow: 0 0 0 transparent;
}

.ui-mobile label {
	font-size: 16px;
	color: #acacac;
}
#page_2 .kk_leistungsergebnis label {
	color: #fff;
}

#vollast_leistung_prozent,
.grau {
	color: #acacac!important;
}

.ui-grid-a {
	margin: 0 -1em;
	padding: 1em 1em 0 1em;
}

.ui-grid-a > div{
	padding-top: 1em;
}

.ui-block-a {
	padding-right: 20px;
}
.ui-block-b {
	padding-left: 20px;
}

.hg-white {
	background-color: white;
	padding-left: 1em;
}

.hg-whitesmoke { /* Klasse für inputfeld unter der Ergebnis-Page */
	background-color: whitesmoke!important;
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.hg-orange {
	background-color: #e94a26;
	padding: 0 0 0 1em
}
.hg-orange label {
	color: white;
}

p.ergebnis_inhalt {
	text-align: center;
	font-size: 24px;
	color: white;
	padding: auto 1em;	
}

#page_2 p.ergebnis_inhalt {
	padding-bottom: 5px;
}

.border-top {
	border-top: 1px solid white;
	margin: 0 -1em; 
	padding:1em;
}

.border-left {
	border-right: 1px solid white; 
}

html head + body .ui-btn.ui-btn-a.ui-btn-active {
	background-color: #e94a26;
	border-color: transparent;
	color: #fff;
	text-shadow: 0 0 0 transparent;
}
.ui-page-theme-a .ui-btn:focus,html .ui-bar-a .ui-btn:focus,html .ui-body-a .ui-btn:focus,html body .ui-group-theme-a .ui-btn:focus,html head+body .ui-btn.ui-btn-a:focus,.ui-page-theme-a .ui-focus,html .ui-bar-a .ui-focus,html .ui-body-a .ui-focus,html body .ui-group-theme-a .ui-focus,html head+body .ui-btn-a.ui-focus,html head+body .ui-body-a.ui-focus{
	-webkit-box-shadow: 0 0 12px #e94a26;
    -moz-box-shadow: 0 0 12px #e94a26;
    box-shadow: 0 0 12px #e94a26;
}

select {
	width: 100%;
	font-family: 'Muli', sans-serif!important;
}

.ui-page-theme-a .ui-body-inherit,
.ui-page-theme-a .ui-btn {
	background-color: whitesmoke;
	color: #222;
	text-shadow: 0 0 0 transparent;
}

	.ui-input-text,
	.ui-btn {
		border-width: 0;
		border-style: none;
	}
		.ui-input-text input {
			padding: 0.7em;
			padding-top: 0.85em;
			font-family: 'Muli', sans-serif;
		}
	
	.ui-corner-all,
	.ui-btn.ui-corner-all {
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	.ui-shadow-inset {
		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
	}
	.ui-shadow {
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
		box-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
	
.no-spinner { 
	/* keine vom Browser gesetzen + und - Schaltpunkte für input felder mit number type */
  -moz-appearance: textfield;

  &::-webkit-inner-spin-button {
    display: none;
  }
}

button {
	font-family: 'Muli', sans-serif!important;
}

.kk_stepperButton {
	cursor:pointer;
	background-color: whitesmoke;
	padding: 0.8em;
	display:inline-block;
	color: #545353!important;
	font-weight: bold;
}
	.kk_stepperButton:hover {
		background-color:#545353;
		color:white!important;
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.3);
		box-shadow: 0 1px 3px rgba(0,0,0,.3);
	}
	

#ergebnis div.ui-input-text {
	display: inline-block;
	width: 49%; 
}
#ergebnis div.ui-input-text input {
	display: inline-block;
}

div[data-role="collapsible"] div.ui-input-text {
	display: inline-block;
	width: 50%; 
}
	div[data-role="collapsible"] div.ui-input-text input {
		display: inline-block;
	}

.kk_sichtbar {
	display: none;
}

#footernavigation a {
	font-family: 'Muli', sans-serif;
}

/* ######################## */
/* Akkordion */

.ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content {
	background-color: transparent;
}
div[data-role="collapsible"] h3 {
	position:relative;
}
	span.bezeichnung {
		position: absolute;
		left: 40px;
		color: #000;
		font-size:1em;
	}
	.h3Leer a {
		color: transparent!important;
	}
	
/* ######################## */
/* Popup */

div[data-role="popup"]{
	width: 250px;	
}

/* Drucken?! */
/* ######################### */
/* GEHT NICHT! :(  */
@media print { 
	#footernavigation{
		display:none;
	}
	
	#page_2 {
		display: block!important;
	}
	#page_3 {
		display: block!important;
	}
	
	div[data-role="header"] {
    margin-top: 150px;
    
    #page_2 .logo img,
	#page_3 .logo img {
		display:none!important;
	}
}

}