@font-face {
   font-family: 'Humanist';
   src: url('webfontkit/humanist_777_bt-webfont.eot');
   src: url('webfontkit/humanist_777_bt-webfont?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
      url('webfontkit/humanist_777_bt-webfont.woff') format('woff'),             /* Moderne Browser */
      url('webfontkit/humanist_777_bt-webfont.ttf') format('truetype'),     /* Safari, Android, iOS */
      url('webfontkit/humanist_777_bt-webfont.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}
@font-face {
   font-family: 'Humanist-bold';
   src: url('webfontkit/humanist_777_bold_bt-webfont.eot');
   src: url('webfontkit/humanist_777_bold_bt-webfont.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
      url('webfontkit/humanist_777_bold_bt-webfont.woff') format('woff'),             /* Moderne Browser */
      url('webfontkit/humanist_777_bold_bt-webfont.ttf') format('truetype'),     /* Safari, Android, iOS */
      url('webfontkit/humanist_777_bold_bt-webfont.svg#svgFontName') format('svg'); /* Ältere iOS-Geräte */
}
* {
	font-family:Humanist,sans-serif;
	font-size:1em;
	margin:0;
	padding:0;
	box-size:border-box;
}
.zentriert {
	display:flex;
	justify-content:center;	
	align-items:center;
	text-align:center;
}
.ekgfarbe {
	color:#0e7d97;
}
.ekghintergrundfarbe {
	background-color:#0e7d97;
}
.weiss {
	color:#ffffff;
}
.weisshintergrundfarbe {
	background-color:#ffffff;
}
.nichtdrucken {
	
}
input, button {
	cursor:pointer;
}
input[type='button'],[type='submit'] {
	font-size:1.2em;
	padding:0.1em;
	background-color:#0e7d97;
	color:#ffffff;
}
input[type='radio'] { 
	transform:scale(2);
	margin:0 1em;
	font-size:0.5em;
	/*appearance:none;
	width:1.5em; 
	height:1.5em; 
	background:#ffffff; 
	border-radius:50%;
	border:solid 0.2em #333333;*/
}
input[type='radio']:checked {
   /*background-color:#999999;
   background-image:url(x.svg);*/
}
div#ganzeSeite {
	display:flex;
	flex-wrap:wrap;	
	align-items:center;
	justify-content:center;
}
form {
	margin:0.1em;
}
form,header,footer {
	display:flex;
	flex-wrap:wrap;	
	align-items:center;
	justify-content:center;
	color:#0e7d97;
}
header {
	background-color:#0e7d97;
	color:#ffffff;
	font-weight:bold;
	font-size:2em;
	max-width:35em;
}
header img {
	width:100%;
	border-bottom:solid 0.1em #ffffff;
}
header #profilomat {
	width:100%;
	text-align:center;
	font-size:1em;
}
header #kategorie {
	width:100%;
	text-align:center;
	font-size:0.6em;
}
header #fortschrittsbalken {
	font-size:0.6em;
}
section {
	max-width:70em;
}
section p {
	text-align:left;
	margin-top:1em;
}
section #aufgabe,#frage,#radiobuttons {
	text-align:center;
	font-size:1.5em;
	height:2.5em;
}
section #frage {
	min-width:35em;
}

@media all and (max-width:500px) {
	section #aufgabe {
		font-size:1em;
	}
	section #frage {
		min-width:15em;
		font-size:1em;
	}
	section #radiobuttons {
		font-size:1em;
		margin-top:5em;
	}
}
section #radiobuttons {
	padding-top:1em;
	/*margin-top:1em;
	text-align:center;
	font-size:1em;
	width:100%;*/
}
section #weiter {
	text-align:center;
	margin-top:1em;
	padding:1em;
}
nav {
	width:100%;
}
nav p {
	text-align:center;
	margin-top:1em;
}
footer {
	width:100%;
}
footer p {
	text-align:center;
	margin-top:1em;
	font-size:0.9em;
}
@media print {
	.nichtDrucken {
		visibility:hidden;
		/*display:none;*/
	}
}