@font-face {
	font-family: "Roboto";
 font-weight: 400;
 font-style: normal;
 src: local('Roboto'), local('Roboto Regular'), url("/home/css/roboto-regular.woff") format("woff");
}

@media print {
	#nav { display:none }
	#kopf { display:none }
	#rezept { margin:0px; padding:0px; }
}

@media screen, handheld {
 html, body { display:inline block; width:100%; height:100%; font-family:Roboto,'Segoe UI',sans-serif; font-size:16px; text-align:left; }
	h1 { font-size:1.2em; font-weight: 600; padding:0; margin:5px 0; }
	h2 { font-size:1.1em; font-weight: 600; padding:0; margin:3px 0; }
	h3 { font-size:1em; font-weight: 600; padding:0px; margin:3px 0; }
	h4 { font-size:.9em; font-weight: 600; padding:0; margin:3px 0; }
	hr { width:100%; border:none; border-top:1px solid #E00060; color:#FFF; background-color:#FFF; height:1px; }
	option { font-size:1.1em; white-space:nowrap; }
	p	 { margin:2px 0; padding:0; }
	img { cursor:zoom-in; border:none; }
	td { padding-top:3px; padding-bottom:3px; }
	span { display:inline-block; margin:0px; padding:0px; float:left; width:100%; }

 #kopf { width:98%; height:21vw; color:white; font-weight:700; background-image:url('images/kugelbake.webp'); background-size:cover; }
	#nav { display:flex; flex-direction:column; float:left; margin-top:7px; padding:.8vw; width:15%; min-width:100px; height:90vh; color:white; background-color:#991010; white-space:nowrap; }
	#rezept {display:flex; flex-direction:column; padding-left:10px;  }
 #jahr { margin:3px 0; font-size:11px; }
 
	a:link,a:visited,a:active { color: #0000AA; text-decoration: none; }
	a:hover { color: #4040FF; text-decoration: underline; }

	.btnWeiss { cursor:pointer; font-size: 8pt; width:100%; margin-right:20px; background-color:#FFEFEF; color:#000080; font-weight: 600; border-radius:5px; border:3px double #909090; }
	.btnWeiss:hover { background-color:#FFF; }
}

@media (max-width:1020px) {
	body { font-size:.95em; padding:0px; }
	h3	 { font-size:.95em; font-weight:500; padding:0px; }
}

@media (max-width:801px) {
	body { font-size:.9em; padding:0px;}
	h3	 { font-size:.9em; font-weight:500; padding:0px;}
}

/*
@media (min-width:1000px) and (min-height:550px) {
	#kopf { width:750px; }
	#nav { width:200px; }
}
*/