* { margin: 0; }
html { height: 100%; font-family: Verdana, sans-serif; font-size: 1.2rem; }
body { margin: 0 auto; padding: 5em 3em 1em 3em; line-height: 1.75em; color: #000; background-color: #fff; }
body.home {font-size: 1.7em;}

main { width: 50em; margin: 0 auto;
	/*border:1px dashed #ff00ff;*/
	 }

main header { position: relative; margin-bottom: 0em; /*background-color:#ff0ff0;*/ display: flex; justify-content: flex-start; align-items:center; }
main header h1 { font-family: Impact, sans-serif; font-size: 2em; display: inline-block; }
main header .logo { width: 7em; padding-right:1em; }

.home main { width: 25em; margin: 0 auto;  }
.home main header { display: block; height: 11em; position:relative; margin-bottom: 2em; }
.home main header h1 { font-size: 2.5em; }
.home main header h2 { font-size: 1em; font-weight: normal; position:absolute; bottom:0; left:0; }
.home main header .logo { width: 13em; position: absolute; right:0; top:0; }
.home main header .dasMe { width: 4em; position: absolute; right:-1em; top:-2em;  }


a {color: #0000ff; }

nav { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; margin: 0 auto; }
nav a { display:block; padding: .25em .5em; margin: 0 .5em; }
nav a.potat { padding: 0; background:none; width: 1em; display: block; position: relative; }
nav a.potat img { width: 8em; }
nav a.select { color: #fff; padding: .5em 1em; background: #0000ff; text-decoration:none; font-weight:bold; }

p, h2, h3 {margin: 0 0 .75em;}