.lc_mobileHint
{
	border: 2px solid;
    padding: 10px;
    font-size: 14px;
    color: #901232;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.chv_box
{
	display: block;
	position: relative !important
}
.chv_vtext
{
   height: 100%;
    width: 2%;
    color: #777;
}
.chv_vtext p {margin: 0; transform: rotate(-90deg) scale(0.9);min-width: 400px;transform-origin: 40% 639% 0;}
#kiKompetenzen .chv_vtext p {transform-origin: 54% 880% !important}

.chv_topic
{
	display: block;
}
#chv_cnvas
{
/*	background-color: #ddd; */
    display: block;
    margin: 0 auto;
}
#bc_canvas
{
	display: block;
}
#chv_err{
	background-color: #ddd;
    border: 3px solid #f84;
    border-radius: 8px;
    color: #000;
    padding: 12px;
}

.chv_cvframe
{	
	float: left;
	width: 90%;
}
.placard{margin: 40px 0;display: flex}

 /* Select */
.selectFrame {position: relative;display: flex;line-height: 3.5;box-shadow: inset 2px 2px 20px rgba(0,0,0,0.1);overflow: hidden;border-radius: 0;width: 30%; margin-right: 3%}
.selectFrame select {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;appearance: none;outline: 0;box-shadow: none;border: 2px solid #d5d5d5;background: rgba(0,0,0,0);background-image: none; width: 100%; border-radius: 0;padding: 10px; font-weight: bold; cursor: pointer}
.selectFrame select::-ms-expand {display: none}
.selectFrame::after {content: '\25BC';font-size: 10px;position: absolute;top: 0;right: 0;bottom: 0;padding: 0 1em;background: #efefef;border: 2px solid #ddd;cursor: pointer;pointer-events: none;-webkit-transition: .25s all ease;-o-transition: .25s all ease;transition: .25s all ease}



.lc_GroupBtn
{
	display: inline-block;
	background-color: #f84;
	padding: 8px;
	margin: 4px;
}
.lc_placard{margin: 10px 0;text-align: center;}


@media (max-width: 768px)
{
	.chv_vtext p {font-size: 12px;min-width: 200px;transform-origin: 60% 580%;}
	#lc_chartview {min-height: 180px}
	canvas {transform: scale(0.9)}
}