@font-face {
	font-family: "Roboto"; 
	src: url("font/Roboto-Regular.ttf") format('truetype'); 
}
body {
	font-family:Roboto;
}

/* defaults */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

input[type=text], select {
	border:1px solid black;
	background:#f5f5f5;
	height:28px;
	font-size:18px;
	margin: 2px 8px;
	padding:1px 4px;
}
input[required], select[required] {
	background:#feffdd;
}
select {
	font-size:16px;
}

button, input[type="submit"] {
	height:28px;
	border:2px solid black;
	font-size:18px;
	padding:1px 4px;
	margin: 2px 8px;
	background: #fff;
	cursor:pointer;
}
button {
   
}
input:required:invalid:not([type='range']), input:focus:invalid:not([type='range']), select:required:invalid {
   background-image: url('data:image/gif;base64,R0lGODlhCgAKAKECAMgAAP8AAP///////yH5BAEKAAIALAAAAAAKAAoAAAIVhI4SsKn2UJNmpgUddtHGM3lRdgEFADs=');
   background-position: right top;
   background-repeat: no-repeat;
   border-color:red;
}
input:required:valid:not([type='range']), select:required:valid {
   background-image: url('data:image/gif;base64,R0lGODlhCgAKAKECAABxGAD/GP///////yH5BAEKAAIALAAAAAAKAAoAAAIUlH+ACLHpXntiigiNrZj7pWxMJxQAOw==');
   background-position: right top;
   background-repeat: no-repeat;
   border-color:green;
}
input:focus, select:focus {
	border-color:#30d !important;
	background:#bcf;
	border-width:2px;
	border-color:black;
}
#helpr {
	width:100%;
	position:fixed;
	top:0;left:0;right:0;
	background:#ffc;
	text-align:center;
	z-index:997;
	display:none;
}

.fTable {
	border-collapse:collapse;
	font-family:verdana;
	position:absolute;
	left:0;
	right:0;
	top:400;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
}
.fTable th {
	color:#000;
	font-size:18px;
	text-align:right;
	vertical-align:top;
	padding:6px 10px 3px 3px;
	background:#7b9aad;
	font-weight:normal;
}
.fTable td {
	border:0px solid black;
}
@media (max-width: 951px) {
	.cat {
		margin-top:20px;
		width:100%;
		text-align:center;
		display:block !important;
	}

	.ftable,
	.ftable thead,
	.ftable tbody, 
	.ftable th, 
	.ftable td, 
	.ftable tr {
		display: block;
		overflow: hidden;
	}
	
	.ftable thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.ftable tr:nth-child(odd) {
		td {
			border-bottom: 1px solid #aaa;
		}
	}
	
	.ftable td {
		display: flex;
		flex-wrap:wrap;
		border: none;
	}
	.ftable th {
		display:none;
	}
	.ftable td>span, .schult>span {
		display:flex;
		flex-wrap:nowrap;
		flex-break:after;
		flex-basis: 100%;
	}
	.ftable td>span[data-label]:before, .schult>span[data-label]:before { 
			content: attr(data-label)": ";
			display:block;
			height: 28px;
			line-height:28px;
			font-size: 0.8em;
			width:100px;
			padding:2px 3px 2px 3px;
			background:#7b9aad;
			//background:#7def43;
			text-overflow:ellipsis;
			color:#fff;
			white-space:nowrap;
	}
	.ftable td>span:after, .schult>span:after {
		content: "\A";
		white-space: pre; 
		display:block;
		flex-break:after;
	}
	.ftable td>span>label {
		display:none;
	}
	.rad label {
		display:none;
		text-overflow: ellipsis;
		border:4px solid red;
	}
	.rad {
		margin-top:4px;
	}
	.kfahr {
		position:relative;
	}
	.kfahr>div {
		position:absolute;left:120px;
		padding-bottom:3px;
	}
	.datenschutz {
		border: 2px double black;
		width:500;
		margin-left:auto;
		margin-right:auto;
		font-size:1.1em;
	}   
	.datenschutz p {
		width:100%;
		font-weight:bold;
	}
	.dsp2 {
		display:inline;height:28px;margin:10px 20px 0px 20px;
		position:relative;
		color:red;
	}
	.dsp2>div {
		position:relative;
		left:-20px;
	}

	#sender {
		font-size: 1em;
	}
	#printer {
		font-size: 1em;
	}
	.helpr {
		padding:5px;
		line-height:0.9em;
		font-size:0.9em;
	}
	.fTable {
		top:3.2em;
	}
	.gr {
		display:none !important;
	}
	.klm {
		display:block;
		width:100%;
		text-align:center;
	}
	.CheckHaken {
		width: 24px;
		height: 24px;
		position: absolute;
		margin: 2px auto;
		display:inline;
		background: #fcfff4;
		background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
		border-radius: 50px;
		box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	}
	.CheckHaken	label {
		width: 18px;
		height: 18px;
		position: absolute;
		top: 3px;
		left: 3px;
		cursor: pointer;
		background: -webkit-linear-gradient(top, #ff0000 0%, #45484d 100%);
		background: linear-gradient(to bottom, #ff0000 0%, #45484d 100%);
		border-radius: 50px;
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		-ms-transition: all .4s ease;
		transition: all .4s ease;
	}
	.CheckHaken	label:after {
		content: '';
		width: 9px;
		height: 5px;
		position: absolute;
		top: 5px;
		left: 4px;
		border: 3px solid #fcfff4;
		border-top: none;
		border-right: none;
		background: transparent;
		opacity: 0;
		transform: rotate(-45deg);
	}
	.CheckHaken	label:hover::after {
		opacity: 0.3;
	}

	.CheckHaken	input[type=checkbox] {
		visibility: hidden;
	}
	.CheckHaken	input[type=checkbox]:checked + label:after {
		opacity: 1;
	}
	.CheckHaken input[type=checkbox]:checked + label {
		background: -webkit-linear-gradient(top, #44ff00 0%, #45484d 100%);
		background: linear-gradient(to bottom, #44dd00 0%, #45484d 100%);
	}
	.rad span:before {
		display:block;
		content:attr(for);
		position:relative;
		left:-26px;
		top:-6px;
	}
	.rad div {
		display:inline;
		position:relative;
		padding-right:60px;
		margin-left:0px;
		margin-right:40px;
	}
}



@media (min-width: 950px) {
	.kfahr {
		position:relative;
	}
	.gr {
		
	}
	.kl {
		display:none;
	}
	.kfahr:before {
		content:attr(inhalt);
		display:inline;height:28px;margin:3px 20px 0px 30px; font-size:18px; 
	}
	.datenschutz {
		border: 3px double black;
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}   
	.datenschutz p {
		width:100%;
		font-weight:bold;
	}
	.dsp2 {
		display:block;
		height:28px;
		margin:10px 20px 30px 20px;
		font-size:15px;
	}
	.dps2 {
		display:block;
		height:28px;
		margin:10px 20px 30px 20px;
		font-size:14px;
		font-weight:bold;
	}
	.dps2.onoffswitch-inner:before {
		padding-left: -7px !important;
	}
	.helpr {
		line-height:1.1em;
		font-size:1.1em;
		padding:20px 20px;
	}
	.fTable {
		top:250px;
	}
	.fTable table {
		display:table;
	}
	.fTable table td {
		width:50%;
		text-align:center;
		display:table-cell;
	}
	.CheckHaken {
		width: 28px;
		height: 28px;
		position: relative;
		margin: 2px auto;
		display:inline;
		background: #fcfff4;
		background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
		border-radius: 50px;
		box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	}
	.CheckHaken	label {
		width: 16px;
		height: 16px;
		position: absolute;
		top: 3px;
		left: 2px;
		cursor: pointer;
		background: -webkit-linear-gradient(top, #ff0000 0%, #45484d 100%);
		background: linear-gradient(to bottom, #ff0000 0%, #45484d 100%);
		border-radius: 50px;
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		-o-transition: all .4s ease;
		-ms-transition: all .4s ease;
		transition: all .4s ease;
	}
	.CheckHaken	label:after {
		content: '';
		width: 11px;
		height: 7px;
		position: absolute;
		top: 3px;
		left: 2px;
		border: 3px solid #fcfff4;
		border-top: none;
		border-right: none;
		background: transparent;
		opacity: 0;
		transform: rotate(-45deg);
	}
	.CheckHaken	label:hover::after {
		opacity: 0.3;
	}

	.CheckHaken	input[type=checkbox] {
		visibility: hidden;
	}
	.CheckHaken	input[type=checkbox]:checked + label:after {
		opacity: 1;
	}
	.CheckHaken input[type=checkbox]:checked + label {
		background: -webkit-linear-gradient(top, #44ff00 0%, #45484d 100%);
		background: linear-gradient(to bottom, #44dd00 0%, #45484d 100%);
	}
	.rad div {
		display:inline;
		position:relative;
		padding-right:20px;
		margin-left:10px;
		margin-right:100px;
	}
}
.bT {
		width:100%;
		display:flex;
		justify-content:space-around;
	}
.bT button {
	display:block;
	padding:2px 10px;
}
.cat {
	background:#a7c0cf !important;
	color:#000 !important;
	text-align:center !important;
	padding:0 !important;
}


.rad label {
	margin-right: 10px;
	line-height: 28px;
	font-size:16px;
}

.rad span{
	position: absolute;
	right: 0;
	top:0px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 2px;
	color: #000;
	font-family:verdana;
	text-align: center;
	//background: red;
	border:2px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	font-size:18px;
	
}
 
.rad span:after{
	//content: "nein"; /*if CSS is disabled span elements are not displayed*/
}
 
.rad input {
	position: absolute;
	right: 0;
   bottom:-6;
	margin: 0;
	width: 32px;
	height: 32px;
	/*hide the radio button*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
   opacity: 0;
   cursor: pointer;
}
 
.rad input[type="radio"] + span{ /*the span element that immediately follow the radio button */
	visibility: hidden; /*temporarily hide the "YES" label*/
	position: absolute;
	margin: 0;
	top:-6px;
	right:-6px;
	width: 26px;
	height: 26px;
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAGSElEQVRoQ+2Y72sb9x3HX9+7+550USVjS1UsOQbbyUxDHMcWtJOtpDYOc56UUvaw9EH/gD4aCErZKBuDhenpHmRPNhh7PNhaWGGP1ha18whlv4o77LHMsUlxNGIiKSdLd+qDu4tPqqUotX64QS8QOt0d9r30/nw/3+9XMGTIkCFDhgwZ0idE84lvEQHgnPsOUAHuuu/PFAHgPLAOfAD80319AKy6158ZAsAK8Efg38AjwHZfj3CkL9CmcrXmE6eYAJAG3gWW3M9+sZaSfr4tws2ywcbLVIQQG1NTU79ZXV0Nx2Kxi7hjOpfLNYzpjr6VAdNOtgLs6rq+Nz8//4dMJvM9XdeT7rW7wE3gE7/0aRduKyuE2Jibm3tvcXHxlbGxsaSUsrlr/xl4C9jO5XJ1ON0l/UTZhYWF362srLymadpLQoiOxvRpFe5YVkr53abr4KT7KU5J3/XShdMpfBJZb/GxjSP7aS6XM33Xj499gJxU1kt1G9hploXTJdwN2R8DnwAVfxn7OS3CXZM9LlU/p0G4b7IweOG+ysJghfsuC4MTHogsgNJ8ok+cA97m67IAu3Nzc+/1QhYGs/AI4GzgL7jHfiqGYRRSqdT3NU1boMuyMBjhc8AP3Hf/kKoYhrF548YNbWxs7LIQouuy0P+S9tI97x4/RtO0wvXr15menr6oaVpPZKF9wgG6/yNZq3QPY7GYPj4+/oKqqs1l7t/XnkgWWgt7XfRtYNI99/gf882kW6YrpSyk0+l6OBzWhWiYOCo46+It9/jEtBL2uugKR43De9CbuItznu4h2qYbi8WeU1W1YUzjlPLPaNrinYRWYziAk2wQ5+GEe5wGfuG+ltz7OqFVuhXDMDYzmYx5TLpeRX1ti3cSWgm3Gq9BnIdelVLeDAaDL9OZ9LHpKory5draWnVycjKqaVpzul0tZQ+1+YRLGbiDM1cmaCx94X5Oapo2r6rqHcuybKAEWL77PALAIvAG8DxHwhXDMP6bTqdjoVAoKhrjvQP8CPhHLper+c6fmHYJP54KgMPGy2DbtlKpVOZt2/6lruu/apN2u3QZGRk52yTrpbvtHneVVsIAJq50IBD4ayQSOVTVxoKwbVupVqvJWq2WEUL8vIV0gMbpDaASDAb34/F4rGka6kmj8tOqpD1qwL1UKrV16dKlK6ZpjgshRLVapV4/epZ6vS5s245LKS+GQqEPTdO8714KAPPAq8AYbsKKouytr6+Xk8nktKqq0r0XnFJ+B/i4m43KT6tpyY+5uLiYF0K8E41Gf1IsFlMbGxtyb28PyzoasrZtK4qizE1NTb125coVEY/Ht3K53HHl3C7dnjQqP09KGIDbt2/X1tbWdg3D+CIcDl8YHR1NPnjwQC2VSg1JW5YlhRDL0Wh0uVar/W9zc/N5y7Jex9esnpBuTxqVn46EAfL5fO3q1av3VFXdMgxjMhKJBA8ODp4rlUrCk67X65TLZfnw4cOEoigv7u3tvVyr1WYAT6yi6/oX6XR6LBQKxX3NqgJ8BvwW2M/n8+7p7tOxMDjSmUzmnqqqH2ma9pdIJDJ7cHAwWi6XpV+6VCqJ/f39qGmaZ+v1+mNZd2P/+9nZ2RdVVR3lqMz7ki6079LH4jaT7XA4/KeRkZE3JyYm3o3FYg/8HdyyLIrForBt2//3705OTv46k8msSykn8I1pejgNNfNUCXvk83ny+XxtfX39/u7u7r/OnDlzYFlW2jTNoH9M+6gqivL3paWlv42Pj78qhPAvQPqWLnxDYY98Ps/Ozo45PT292UpaVVXi8fjDVCr1/uXLl19RVfUivjFNn8aux4mEPTxpXdfLxWLx6uHhoQRHNpFIcO3aNWV2dnZGSvkdjnZf3iLjp8Dn/UgXuiQMjnStVjuoVqvLlmUlFEURiUSCTCbDxMSEKqUMc5Qs9GGRcRxP3bTaUSgUtoAfBoPB2/F4/P/Ly8vVZDKJpmnQuAfuyyLjOLqWsItVrVZ3I5HIhwsLC5/NzMyclVKO07iiG0gpe3SytHxazEKh8PnMzMx/pJT3cX4sOI+TsH8X1tWNfad0taR91G/duvWIxvm1Ycs5CFnoTcJ+dnB+pgEn4ZsMUBYaG0lPyGazQZzdEjh73IHJ9o1sNiuy2WzPv9whQ4YMeeb4CtFWmVA3DaY1AAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-align:center center;
	background-size: 100% 100%;
	line-height: 20px;
	padding: 2px;
	border:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
 
.rad input[type="radio"]:checked + span {
	visibility: visible;
} 

.failure {
	color:#f50;
	font-style:italic;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAB3RJTUUH3gQGCy8XqZF8qAAAAnVJREFUOMvNkztoFFEUhr9zZ3Z2ZzYvYhIlWgQ0gtpIIKLB+MQHCmqhCCIKNga0UVDR2kJBhHSp1AhaqI2CCCJioaKNglgIdkYlOknIbqKb3Zm9xyIPR3cjPhr/5sC95/7nPz//hV8gxJ+u84Zc/z7/itD43Z/xx0aCzFBph9nydyRTqgYJrkXbzJuvJ9yRzwSvALQH+WPCTwS7i+udd/qMvL4gn1vnDdpDMjBFWAEziyoBcERvmnaNsSgx6nVaJ7zku3qDpdL3e+sJwJDj98dH5b0+ZVSfktNXjOpL8sWLznBurnenmroKZc0UNMS/pZYNTrtGOBhSsGofNRis1112y3nToWfY9bO6CrIBajwTaEPT+UKJNTRTi5VO6p69xrlyAw8Fm0EmHrvX9RTZpLofyELxMx72dl1XqY2NtFCgnLxPe0AM9b2loPDcHdVQziTVmaRXkZo4syBe5R62tRSxs/nqLrLGdKgRRw8mo2IStKkUdtyZo8PU4sycW2htQgGCzGQFqO8vBuFlHz3OQ+lDtQfMdDjV8jhYEX/MnotqaMCbfqQ55MMj8p1LKO/cTjQzZAyyB2Jv4rmb1dO0Sx+YZgqE4m+1yNygKyrSQoD9rkAEyCMjYwhxYtciGhyLMl+epOYTsBJAQvxWhbeNeyYGnJM6n6i6V6pTxD+hPCC2eNbVYFO0zCisDRbHOeeItlQl8uDqPVINm6kdHK78k5JBtI7YDslq13ja6++NCwTUYKp8YA+VNMakEdKYyaQl4tCm6EJEIy7IcDbzrrFn4gsR8mNbcjyUSojnoRU9BsYfpNL+8rgkIf5dW9WNP0PT/kKB/xbfAKxR99yRfSjNAAAAAElFTkSuQmCC);
	background-position: left middle;
	background-repeat: no-repeat;
	padding-left:25px;
}
#javalert {
	width:100%;
	height:100%;
	background:#fff;
	text-align:center;
	position:fixed;
	z-index:999;
	top:0px;
}
#javalert div {
	margin-top:10%;
	font-size:24px;
}
.Selector {
	border:3px solid #d62;
	width:600px;
	position:absolute;
	left:0px;
	right:0px;
	top:40px;
	padding:4px 40px;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.weiter {
   display:flex;
   flex-direction:row;
   justify-content:center;
   border:none;
   width:100%;
   margin-top:10px;
}
.wpfeil, .bpfeil {
	position: relative;
	background: #2196f3;
   color:#fff;
	border: 3px solid #4a4a4a;
   padding:2px 8px;
   cursor:pointer;
   margin:3px 8px;
   font-size:19px;
}
.wpfeil:after, .wpfeil:before {
   left: 100%;
}
.bpfeil:after, .bpfeil:before {
	right: 100%;
}
.wpfeil:after, .wpfeil:before, .bpfeil:after, .bpfeil:before {
	top: 50%;
	border-left:2px solid black;
   border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
   position: absolute;
	pointer-events: none;
}

.wpfeil:after, .bpfeil:after {
	border-color: rgba(153, 206, 240, 0);
	border-width: 14px;
	margin-top: -14px;
}

.wpfeil:after {
   border-left-color: #2196f3;
}
.bpfeil:after {
   border-right-color: #2196f3;
}

.wpfeil:before, .bpfeil:before {
	border-color: rgba(26, 30, 33, 0);
	border-width: 19px;
	margin-top: -19px;
}
.wpfeil:before {
   border-left-color: #4a4a4a;
}
.bpfeil:before {
   border-right-color: #4a4a4a;
}
.onoffswitch {
    position: relative; width: 62px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	display:inline-block;
	top:5px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 14px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "JA";
    padding-left: 7px;
    background-color: #34C23C; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NEIN";
    padding-right: 7px;
    background-color: #FF3311; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 22px; margin: 1px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 38px;
    border: 2px solid #999; border-radius: 50px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
   right: 0px; 
}