@charset "UTF-8";

* { 
	margin     : 0px;
  box-sizing : border-box
}

html { 
	background : #fdfdfd;
  padding    : 0;
}

body {
	font-family  : monospace;
	font-size    : 16px;
	padding      : 1.0rem;
	background   : transparent;
  margin       : auto;
}

header {
	margin-bottom  : 5.0rem;
  padding-left   : 1.5rem;
  display        : flex;
  justify-content: space-between;
}        

header>h1 {
  font-size   : 1.5rem;
  order       : 3;
  background  : transparent;
  width       : 30%;
  text-align  : right;
  padding-top : 0.0rem;
}

header>h2 {
  font-size   : 3.0rem;
  order       : 2;
  background  : transparent;
  width       : 30%;
  text-align  : center;
  padding-top : 0.0rem;
}

header>h3 {
  font-size   : 2.0rem;
  order       : 1; 
  background  : transparent;
  width       : 30%;
  text-align  : left;
  padding-top : 3.0rem;
}

header>h1::after {
  content       : ' ' url(../images/logoKlein.svg);
  padding-right : 1.0rem;
  position      : relative;
  top           : 15px;
}

nav {
  margin-top : 2rem;
}

aside {
	float        : right;
	width        : 20.0em;
	font-size    : 80%;
	margin-right : 2.0em;
}

main, nav {
	margin-left  : 10.0em;
  clear        : both;
}

nav>ul>li {
	display        : inline-block;
	width          : 13.0em;
  font-size      : 1.5rem;
	padding        : 0.5rem 1.0em;
	background     : white;
  font-weight    : bold;
	position       : relative;
	margin-bottom  : 1.0em;
}

nav>ul>li>ul {
	display    : none;
  background : transparent;
  list-style : none;
  font-weight: normal;
}

nav>ul>li>ul>li:first-child {
  padding-top : 1rem;
}

nav>ul>li:hover>ul {
	display  : block;
	position : absolute;
	z-index  : 10;
	padding-left : 0;
}

nav>ul>li:hover>ul>li {
	width      : 20.0rem;
  text-align : left;
}

aside>ul {
	padding-left : 1.0rem;
	list-style-type: none;
}

aside>ul>li {
	margin-bottom: 0.5rem;
}

article {
	margin-right : 25.0rem;
}

article p,
article>h1 {
	margin-top   : 0.5rem;
}

article>h1:first-child {
	margin-top : 0;
}

article h1:nth-of-type(n+2),
aside>h1:nth-of-type(n+2) {
	margin-top : 1.5rem;
}


section {
	margin-bottom : 1.0em;
}

main h2 {
	font-size : 1.25rem;
	margin-top : 1.5rem;
}


dt {
	font-weight : bold;
}

dd { 
	margin-bottom : 0.5em;
	padding-left  : 2.0em;	
}

a { 
	text-decoration : none;
	color           : black;
}

a::before {
	content : '♦\00a0';
}

a:hover {
	font-weight : bold;
}

a:visited {
	color : #666;
}

dfn {
	font-weight : bold;
}

code, command {
	font-family: monospace;
	font-weight: bold;
	color : maroon;
}

footer {
	clear      : both;
	text-align : center;
  position   : absolute;
  bottom     : 0;
  padding    : auto;
  background : transparent;

  width      : calc(100% - 2.0rem);

}

footer>ul>li {
	display  : inline-block;
	width    : 10.0em;
}