@media (max-width:500px){
	#login_box{
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
	}
	
	
	

}

@media (max-width:650px){
	/* tabelle */
	table.table_responsive {
		border: 0;
		border-bottom-style: solid;
		padding-bottom: 0;
		display: block;
		width: 100%;
	}
		table.table_responsive caption {
			display: block;
		}
		table.table_responsive thead {
			display: none;
			visibility: hidden;
		}
		table.table_responsive tbody, table.table_responsive tr, table.table_responsive th, table.table_responsive td {
			border: 0;
			display: block;
			padding: 0;
			text-align: left;
			white-space: normal;
		}
			table.table_responsive tr {
				margin-bottom: 1.5em;
			}
				table.table_responsive th[data-title]:before,
				table.table_responsive td[data-title]:before {
					content: attr(data-title) ":\00A0";
					font-weight: bold;
				}
				table.table_responsive th:not([data-title]) {
					font-weight: bold;
				}
				table.table_responsive td:empty {
					display: none;
				}	
}