div.stap div.stap-label label {
	font-weight: normal;
}

/* general */
div.stap {
	color: #091d23;
	font-family: "Akko W01 Regular", sans-serif;
	font-size: 13px;
	margin-bottom: 20px;
}

div.stap div.stap-titel {
	width: 100%;
	font-family: "Soho W01 Medium", serif;
	font-size: 17px;
	margin: 0px 0px 10px 0px;
}

div.stap div.stap-cat p {
	margin: 20px 0px 30px 0px;
	padding: 16px 0px 0px 0px;
	border-top: 1px dashed #878787;
	font-family: "Akko W01 Regular", sans-serif;
	font-size: 14px;
}

/* colors */
div.stap div.stap-bar.stap-red {
	background-color: #e6382c;
	border-color: #fff;
}

div.stap div.stap-bar.stap-gray {
	background-color: #c9c9c9;
	border-color: #fff;
}

div.stap div.stap-bar.stap-green {
	background-color: #79b729;
	border-color: #fff;
}

div.stap div.stap-value.stap-red {
	color: #e6382c;
	border-color: #e6382c;
}

div.stap div.stap-value.stap-gray {
	color: #878787;
	border-color: #c9c9c9;
}

div.stap div.stap-value.stap-green {
	color: #79b729;
	border-color: #79b729;
}

/* item */
div.stap div.stap-item {
	margin-bottom: 20px;
	display: table;
}

div.stap div.stap-item > div {
	display: table-row;
}

div.stap div.stap-item > div > div {
	display: table-cell;
}

div.stap div.stap-label {
	text-align: right;
	vertical-align: top;
	min-width: 86px;
	max-width: 86px;
	padding-right: 10px;
	padding-top: 3px;
}

div.stap div.stap-bars-container {
	width: 100%;
	text-align: left;
	vertical-align: top;
}

/* item: bars */
div.stap div.stap-bars {
	display: table;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

div.stap div.stap-bars > div {
	display: table-row;
	width: 100%;
}

div.stap div.stap-bars > div > div {
	display: table-cell;
}

div.stap div.stap-bar {
	border-width: 2px;
	height: 20px;
}

div.stap div.stap-bar:first-of-type {
	border-right-style: solid;
}

div.stap div.stap-bar:last-of-type {
	border-left-style: solid;
}

div.stap div.stap-value {
	font-family: "Akko W01 Regular", sans-serif;
	overflow: visible;
    text-overflow: visible;
    white-space: nowrap;
	border-width: 2px;
	text-align: center;
	padding-top: 4px;
}

div.stap div.stap-value:first-of-type {
	/* border-right-style: solid; */
	text-align: left;
	padding-right: 4px;
}

div.stap div.stap-value:last-of-type {
	/* border-left-style: solid; */
	text-align: right;
	direction: rtl;
	padding-left: 4px;
}

/* responsive */
@media screen and (max-width: 500px) {
	div.stap div.stap-value {
		font-size: 11px;
	}
}