@font-face {
	font-family:'biolinum-woff'; 
	src:local('Linux Biolinum'), 
		url('LinBiolinum_R.woff') format('woff'), 
		url('https://ekg-sn.de/fonts/LinBiolinum_R.woff') format('woff');
}
@font-face {
	font-family:'libertinusmono-woff'; 
	src:local('LibertinusMono'), 
		url('LibertinusMono.woff2') format('woff'), 
		url('https://ekg-sn.de/fonts/LibertinusMono.woff2') format('woff');
}
* {
	font-family:biolinum-woff,sans-serif;
	box-sizing:border-box;
	margin:0;
	padding:0;
}
body {
	/*background-color:#000000;*/
}
div#ganzeSeite {
	max-width:40em;
	min-height:60em;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}
#ueberschrift {
	margin-left:0.2rem;
	font-size:1.6rem;
	font-weight:bold;
}
.ekglink {
	color:#317892;
}
.aufgabeButton {
	display:inline-block;
	margin:0.1em 0em 0em 0.1em;
	padding:0.1em;
	border:solid 1px red;
	cursor:pointer;
	min-width:2em;
	background-color:#ffffff;
	font-size:0.8em;
	text-align:center;
}
#startButton {
	background-color:#00bb00;
}
#stopButton {
	background-color:#bb0000;
}
#loesungButton {
	/*display:none;*/
}
textarea, #iframeAufgabe, #output, #turtleCanvas, #test, #hilfeFenster {
	/*font-family:monospace;*/
	font-family:libertinusmono-woff,monospace;
	font-size:0.9em;
	white-space:pre;
	width:99%;
	min-height:170px;
	margin:5px 0px 5px 1px;
	border:solid 1px red;
}
#output {
	display:none;
}
#turtleCanvas {
	display:none;
	width:400px;
	height:400px;
	margin:0 auto;
}
#spanLaden,#spanSpeichern {
	position:relative;
	color:darkblue;
}
#aSpeichern {
	text-decoration:none;
	color:darkblue;
}
input[type="file"] {
	border:solid 1px red;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:0;
	padding:0;
	width:100%;
	opacity:0;
	z-index:1;
	cursor:pointer;
}
#output {
	white-space:pre-wrap;
}
#divHilfe {
	position:relative;
	width:100%;
}
#hilfeFenster {
	position:relative;
	top:0em;
	height:15em;
	background-color:#ffffff;
}
#iframeHilfeFenster {
	width:100%;
	height:100%;
	border:none;
}
#hilfeFensterSchliessen {
	position:absolute;
	right:0;
	top:0;
	background-color:#ff0000;
	width:1rem;
	height:1em;
	padding:0 0 1.1rem 0.2rem;
	cursor:pointer;
}
pre.iframetext {
	/*font-family:monospace;*/
	font-family:libertinusmono-woff,monospace;
	font-size:0.8em;
	white-space:pre-wrap;
	color:#220000;
	background-color:#fefefe;
	padding:0.1rem 6rem 0.1rem 0.1rem;
}
.imgergebnis {
	position:absolute;
	right:0;
	top:0;
	max-height:6rem;
	/*max-width:12rem;*/
	margin:0.5rem 0.5rem 0 0.5rem;
	transition:max-height 1s;
}
.imgergebnis:hover {
	max-height:10rem;
}
@media all and (min-width: 50em) and (max-width: 500em)  {
	div#ganzeSeite {
		max-width:60rem;
	}
	#hilfeFenster {
		width:59.5rem;
		max-width:99%;
	}
}