/* 2019-04-11 v0.1 */
:root
{	--hintergrund:#E5E5E5;
	--textfarbe:#000;
	--menufarbe:#FFFFFF;
	--hoverfarbe:#E0E0E0;
}
body
{ font-family: Arial, Helvetica, Sans-Serif;
  background-color:#E5E5E5;
  display:flex;
  font-size:1.4em; 
}
body h1
{ font-size:0.95em;
  margin:0.2em 0 0 0;
}
body h2
{ font-size:0.8em;
  margin:0.2em 0 0 0;
}
body h3
{ font-size:0.7em;
  margin:0.2em 0 0 0;
}
body p
{ margin:0.1em 0 0 0;
	font-size:0.7em;
}
body ul
{ margin:0.1em 0 0 0;
	padding-left:1em;
	font-size:0.7em;
}
body li
{ padding-top:0.1em;
}
.page
{ width:100%;
}
.header
{ height:auto;
  width:auto;
  white-space:nowrap;
  color:#000;
}
.header a:link, .header a:visited, .header a:hover
{ text-decoration:none;
	color:#000;
	font-size:1.0em;
}
.logo
{ height:20px;
  width:auto;
  border: 0;
  margin-right:0.5em;
	vertical-align:top;
}
.selectmenu
{ display:none;
}
.hamburger
{ margin:4px 0 0 0;
	position:absolute;
	top:0.1em;
	right:0.3em;
	display:block;
	cursor:pointer;
	vertical-align:top;
}
.menu
{ height:auto;
  width:100%;
  background-color:#FFFFFF;
  margin-bottom:0.3em;
}
.menu ul
{ display:flex;
  flex-direction:column;
  font-size:1.0em;
  margin:0.1em 0 0 0;
  padding:0.3em 0.5em 0 0.5em;
}
.menu li
{ list-style:none;
  margin:0.1em 0 0.1em 0;
}
.menu li, .menu a
{ display:block;
}
.menu a:hover
{ background-color:#E0E0E0;
  text-decoration:none;
  color:#000;
}
.content
{ min-height:470px;
	max-width:33em;
  height:auto;
  width:auto;
  background-color:#F8F8F8;
  margin:0.3em 0 0.1em 0;
  white-space:normal;
}
.content img
{ width:100%;
  height:auto;
  max-width:440px;
}
.content p
{ padding:0.2em 0 0.1em 0;
	font-size:0.7em;
}
.textbox
{ padding:0 0.1em 0.3em 0.15em;
}
.footer
{ font-size:0.7em;
  margin-top:0;
  padding:0;
}
.footer ul
{ display:flex;
  flex-direction:column;
  margin:0.1em 0 0 0;
  padding:0;
}
.footer li
{ list-style:none;
  padding:0.2em 0 0 0;
}
@media (max-width:22em)
{ .logo
  { height:13px;
  }
  body
  { font-size:6vw;
  }
}
@media (max-width:47em)
{ .header .selectmenu:not(:checked) ~ .menu
 	{ display:none;
	}
}
@media (min-width:47em)
{ .hamburger
  { display:none;
  }
  .menu ul
  { flex-direction:row;
		 font-size:0.65em;
    padding:0.1em 0 0.2em 0.2em;
  }
  .menu li
  { padding-right:0.7em;
  }
  .menu li, .menu a
  { display:inline;
  }
  .footer ul
  { flex-direction:row;
  }
}
.table
{ display:table;
}
.row
{ display:table-row;
}
.cell
{ display:table-cell;
	padding:0.3em 0.4em 0.3em 0;
}