@media screen and (max-width: 450px) {
#header { padding-right: 6em }
.nav-button { display: block }
#menu_toggle { background: #797979; }
#menu_toggle ul { margin:1.2em }
#menu_toggle li { float:none }
#menu_toggle { position: absolute; top:81px; box-shadow: 0 0 14px rgba(0,0,0,0.5); transform: translateX(-110%) translateZ(0); transition: transform .2s; will-change: transform }
input:checked ~ #menu_toggle { transform: translateX(0) }
}

#point td { padding: 2px 15px }
#point tr { background-color: #eee; cursor: default }
#point thead td { background-color: #ddd; padding: 4px 15px; text-transform:uppercase; font-size:0.8em; }

@media screen and (max-width: 800px) {
	#point td { padding: 2px 5px; font-size:0.95em }
	#point thead td { padding: 4px 5px }
}

#legende td { position:relative; padding-left:4px }
#legende .int { padding: 0 0 0.2em 2.1em; }
.legd { height:1em; width:1.5em; border-radius:50%; position:absolute; top:4px; left:2px }
.leg1 { background:#FFA6FF }
.leg2 { background:#FFA6A6 }
.leg3 { background:#FFC9A6 }
.leg4 { background:#FFFFA6 }
.leg5 { background:#A6FFA6 }
.leg6 { background:#A6FFFF }
.leg7 { background:#A6A6FF }

.amChartsInputField { width:85px!important }
/* jquery picker */
.ui-datepicker { width:13em; } 
.ui-widget  { font:14px 'Open Sans', sans-serif; }
.ui-widget span { font-weight:400!important }