.immonex-energy-scale.stacked_bars {
	font-size: 16px;
}

.immonex-energy-scale.stacked_bars .infotext-top {
	margin-bottom: 8px;
	font-size: 0.8em;
	font-weight: bold;
}

.immonex-energy-scale.stacked_bars.display-compact .infotext-top {
	text-align: center;
}

.immonex-energy-scale.stacked_bars .energy-class-bars {
	margin-bottom: 0.25em;
}

.immonex-energy-scale.stacked_bars .energy-class-bars::after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.immonex-energy-scale.stacked_bars.energy-data-unavailable .energy-class-bars {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

.immonex-energy-scale.stacked_bars .class-bar-wrap {
	clear: both;
}

.immonex-energy-scale.stacked_bars .class-bar-wrap p {
	margin: 0;
}

.immonex-energy-scale.stacked_bars .class-bar {
	margin-right: 8px;
	margin-bottom: 2px;
	float: left;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar {
	display: table;
}

.immonex-energy-scale.stacked_bars .class-bar > .class-label {
	margin-right: 8px;
	padding: 0 0 0 8px;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25em;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	float: left;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar > .class-label {
	display: table-cell;
	margin-right: 0;
}

.immonex-energy-scale.stacked_bars .class-bar.is-active > .class-label {
	font-size: 1.7em;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.immonex-energy-scale.stacked_bars .class-bar-a4 {
	width: 18.5%;
	background: #1e6325; /* fallback */
	background:
		linear-gradient(to right, #1c5e4f 0%, #28855c 70%) top left,
		linear-gradient(225deg, transparent 1em, #1c5e4f 0%, #28855c 80%) top right,
		linear-gradient(315deg, transparent 1em, #1c5e4f 0%, #28855c 80%) bottom right,
		linear-gradient(to right, #1c5e4f 0%, #28855c 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-a4 {
	width: 60%; /* 38.6 */
}

.immonex-energy-scale.stacked_bars .class-bar-a-plus-plus,
.immonex-energy-scale.stacked_bars .class-bar-a3 {
	width: 20%;
	background: #216e29; /* fallback */
	background:
		linear-gradient(to right, #216d5c 0%, #2c9366 70%) top left,
		linear-gradient(225deg, transparent 1em, #216d5c 0%, #2c9366 80%) top right,
		linear-gradient(315deg, transparent 1em, #216d5c 0%, #2c9366 80%) bottom right,
		linear-gradient(to right, #216d5c 0%, #2c9366 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-a-plus-plus,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a3 {
	width: 64%; /* 38.6 */
}

.immonex-energy-scale.stacked_bars .class-bar-a-plus,
.immonex-energy-scale.stacked_bars .class-bar-a2 {
	width: 22.5%;
	background: #216e29; /* fallback */
	background:
		linear-gradient(to right, #216d5c 0%, #2c9366 70%) top left,
		linear-gradient(225deg, transparent 1em, #216d5c 0%, #2c9366 80%) top right,
		linear-gradient(315deg, transparent 1em, #216d5c 0%, #2c9366 80%) bottom right,
		linear-gradient(to right, #216d5c 0%, #2c9366 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-a-plus,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a2 {
	width: 68%; /* 45.4 */
}

.immonex-energy-scale.stacked_bars .class-bar-a,
.immonex-energy-scale.stacked_bars .class-bar-a1 {
	width: 25%;
	background: #216e29; /* fallback */
	background:
		linear-gradient(to right, #216e29 0%, #2c9337 70%) top left,
		linear-gradient(225deg, transparent 1em, #216e29 0%, #2c9337 80%) top right,
		linear-gradient(315deg, transparent 1em, #216e29 0%, #2c9337 80%) bottom right,
		linear-gradient(to right, #216e29 0%, #2c9337 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-a,
.immonex-energy-scale.stacked_bars.display-compact .class-bar-a1 {
	width: 72%; /* 52.2 */
}

.immonex-energy-scale.stacked_bars .class-bar-b {
	width: 30%;
	background: #619121; /* fallback */
	background:
		linear-gradient(to right, #619121 0%, #7ab82b 70%) top left,
		linear-gradient(225deg, transparent 1em, #619121 0%, #7ab82b 80%) top right,
		linear-gradient(315deg, transparent 1em, #619121 0%, #7ab82b 80%) bottom right,
		linear-gradient(to right, #619121 0%, #7ab82b 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-b {
	width: 76%; /* 59.4 */
}

.immonex-energy-scale.stacked_bars .class-bar-c {
	width: 35%;
	background: #8fa611; /* fallback */
	background:
		linear-gradient(to right, #8fa611 0%, #b1cb14 70%) top left,
		linear-gradient(225deg, transparent 1em, #8fa611 0%, #b1cb14 80%) top right,
		linear-gradient(315deg, transparent 1em, #8fa611 0%, #b1cb14 80%) bottom right,
		linear-gradient(to right, #8fa611 0%, #b1cb14 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-c {
	width: 80%; /* 66 */
}

.immonex-energy-scale.stacked_bars .class-bar-d {
	width: 40%;
	background: #cfa913; /* fallback */
	background:
		linear-gradient(to right, #cfa913 0%, #f8c61b 70%) top left,
		linear-gradient(225deg, transparent 1em, #cfa913 0%, #f8c61b 80%) top right,
		linear-gradient(315deg, transparent 1em, #cfa913 0%, #f8c61b 80%) bottom right,
		linear-gradient(to right, #cfa913 0%, #f8c61b 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-d {
	width: 84%; /* 73.4 */
}

.immonex-energy-scale.stacked_bars .class-bar-e {
	width: 45%;
	background: #c77c14; /* fallback */
	background:
		linear-gradient(to right, #c77c14 0%, #ee9418 70%) top left,
		linear-gradient(225deg, transparent 1em, #c77c14 0%, #ee9418 80%) top right,
		linear-gradient(315deg, transparent 1em, #c77c14 0%, #ee9418 80%) bottom right,
		linear-gradient(to right, #c77c14 0%, #ee9418 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-e {
	width: 88%; /* 80 */
}

.immonex-energy-scale.stacked_bars .class-bar-f {
	width: 50%;
	background: #ba4120; /* fallback */
	background:
		linear-gradient(to right, #ba4120 0%, #e04f25 70%) top left,
		linear-gradient(225deg, transparent 1em, #ba4120 0%, #e04f25 80%) top right,
		linear-gradient(315deg, transparent 1em, #ba4120 0%, #e04f25 80%) bottom right,
		linear-gradient(to right, #ba4120 0%, #e04f25 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-f {
	width: 92%; /* 87.4 */
}

.immonex-energy-scale.stacked_bars .class-bar-g {
	width: 55%;
	background: #911120; /* fallback */
	background:
		linear-gradient(to right, #911120 0%, #b71629 70%) top left,
		linear-gradient(225deg, transparent 1em, #911120 0%, #b71629 80%) top right,
		linear-gradient(315deg, transparent 1em, #911120 0%, #b71629 80%) bottom right,
		linear-gradient(to right, #911120 0%, #b71629 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-g {
	width: 96%; /* 94 */
}

.immonex-energy-scale.stacked_bars .class-bar-h {
	width: 60%;
	background: #911120; /* fallback */
	background:
		linear-gradient(to right, #921145 0%, #b81648 70%) top left,
		linear-gradient(225deg, transparent 1em, #921145 0%, #b81648 80%) top right,
		linear-gradient(315deg, transparent 1em, #921145 0%, #b81648 80%) bottom right,
		linear-gradient(to right, #921145 0%, #b81648 70%) bottom left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-h {
	width: 100%;
}

.immonex-energy-scale.stacked_bars .class-bar-wrap .final-energy-value {
	line-height: 2.2em;
	overflow: hidden;
}

.immonex-energy-scale.stacked_bars.display-compact .class-bar-wrap .final-energy-value {
	display: table-cell;
	height: 100%;
	padding-right: 1em;
	vertical-align: middle;
	font-size: 0.7em;
	line-height: 1.3em;
	font-weight: bold;
	color: #FFF;
	overflow: hidden;
}

.immonex-energy-scale.stacked_bars .immonex-energy-scale-co2-emissions,
.immonex-energy-scale.stacked_bars .immonex-energy-scale-fgee-data,
.immonex-energy-scale.stacked_bars .immonex-energy-scale-remarks {
	margin-top: 1em;
}

.immonex-energy-scale.stacked_bars .immonex-energy-scale-fgee-data {
	display: flex;
	justify-content: space-between;
}

@media print {
	.immonex-energy-scale.stacked_bars .class-bar-a-plus-plus {
		border: .1rem solid #216e29;
		background: #216e29 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-a-plus {
		border: .1rem solid #216e29;
		background: #216e29 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-a {
		border: .1rem solid #216e29;
		background: #216e29 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-b {
		border: .1rem solid #619121;
		background: #619121 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-c {
		border: .1rem solid #8fa611;
		background: #8fa611 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-d {
		border: .1rem solid #cfa913;
		background: #cfa913 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-e {
		border: .1rem solid #c77c14;
		background: #c77c14 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-f {
		border: .1rem solid #ba4120;
		background: #ba4120 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-g {
		border: .1rem solid #911120;
		background: #911120 !important;
	}

	.immonex-energy-scale.stacked_bars .class-bar-h {
		border: .1rem solid #911120;
		background: #911120 !important;
	}
}