@media only screen and (max-width: 1024px){
	#inner{
		width:98%;	
	}
	#obenlinks{
		width:45%;
	}
	#obenrechts{
		width:35%;
	}
	
	#obenlinks h1{
		text-transform:uppercase;
	}
}

@media only screen and (max-width: 768px){
	#inner{
		max-width:97vw;
	}
	#content{
		display:flex;
		flex-direction:column;
	}
	#obenlinks{
		width:98%;
		order:1;
	}
	#obenlinks div{
		height: auto !important;
	}
	
	#anmeldung, #stornierung{
		order:2;
	}
	#obenrechts{
		order:3;
		width:100%;
		margin:0 8px;
		border-top:2px solid #dfdfdf;
		padding-top:20px;
	}
	
	#obenlinks, .ms-formlabel, label, .privacy a{
		font-size:1.2em;
	}
	
	.formularbutton{
		font-size:1.4em;
	}
	td.ms-toolbar > table > tbody > tr > td{
		display:table-row;
	}
}

@media only screen and (max-width: 576px){
	#inner{
		border:0px;
		margin:0 auto;
	}
	#content{
		margin:20px 8px 60px;;
	}
	
	#obenlinks, #obenrechts{
		margin:0 !Important;
	}
	#obenlinks h1{
		font-weight:bold;
	}
	
	td.ms-formlabel, td.forminput {
    	display: table-row;
	}
	td.forminput span, #datepicker, .formlabel{
		margin-left:0px;
	}
	.privacy{
		padding-top:0 !important;
	}
	 .privacy a{
		margin-left:51px;
	}
	input[type=checkbox]{
		width:30px;
		height:30px !important;
	}
	input[type=text]{
		width:85vw !important;
		height:2.2em;
	}
	#datepicker::placeholder {
	    font-size: 1.2em;
	}
	input[type=submit].hsd-button, input[type=button].hsd-button {
	  	  font-size: 1.4em;
	}
	#stornierung{
		margin:0 0 20px;
	}
	.hsd-cancel-verify-text, .hsd-cancel-fields, .hsd-cancel-confirm-text {
	    font-size: 1.2em;
	}
	
}