/*################ Standard page #################*/
html, body{
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: sans-serif;
	width: 100vw;
	height: 100vh;
}

/*################ Jahres Button #################*/
div.buttons{
	margin: 20px 0 0 0 ;
	padding: 8px 30px;
	text-align: center;	
}
div.buttons button{
	margin: 20px 0 0 10px ;
	padding: 8px 30px;
	font-size: 16px;
	color: #333;
	background: #eeebeb;
	border-radius: 6px;
	border:none;
	}
	div.buttons button:hover{
		background: #ddd9d9;
		color: #333;
		box-shadow: 0px 3px 6px silver;
	}
		div.buttons button:aktiv{
		background: #cecece;
		color: #333;
	}
/*################ headline #################*/
.box-hk{
    position: relative;
    margin: 10px 0 0 10px;
    padding: 0;
}
h2.headline-chats{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 20px 0 0 10px;
    }
/*################ Jahre wechseln #################*/
/*######### ausblenden ##################*/
.charts_2020{
	display: none;
}
.charts_2021{
	display: none;
}
.charts_2022{
	display: none;
}
.charts_2023{
	display: none;
}
.charts_2024{
	display: none;
}
/*######### Einblenden ##################*/
.charts_2020.show{
	display: block;
}
.charts_2021.show{
	display: block;
}
.charts_2022.show{
	display: block;
}
.charts_2023.show{
	display: block;
}
.charts_2024.show{
	display: block;
}
.highcharts-figure, .highcharts-data-table table {
    min-width: 320px; 
    max-width: 800px;
}
.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	width: 100%;
	max-width: 500px;
}