:root {
  --pcolor: #000000;
  --handleColor:#39f5fb;
  --b:#2196f3;
  --col1:#096bb9;
  --col2:#f0f7fd;
  --col3:#b7cade;
  --col4:#f7fbff;
  --col5:#8bc34a;
}
body{
	font-family:'Arial';
	margin:4em 1em 1em 1em;
	background:#f7fbff;
}
h1,h2,p{
	text-align: center;
}
h1{
	margin: 1em auto 1em auto;
	color: #2196F3;	
}
p{
	margin:0;
}
.footer{
    background: #b3c3ca;
    position: fixed;
	left:0;
    bottom: 0;
    display: block;
    width: 100%;
    margin: 0;
    padding: .3em 1em;
    color: #fff;
    text-align: center;
}

img{
	width:50%;
	display: inline;
	background:#fff;
	margin:2px;
	max-width:250px;
}
li{
	float:left;
	list-style: none;
	margin: 1px;
}
li a{
	text-decoration: none;
	color: #fff;
	background: #b8cbdb;
	padding: .1em .7em;
	border-radius: .3em;
	font-size: 1.2em;
}
li a.active{
	background: #2196F3;
}
.menu{
	padding:0 0 1em 0;
}
/** Logo */
nav,
header{
	position:fixed;
	top:.3em;
	left:.3em;
	z-index:999;
}
header a{
    display: block;
    white-space: nowrap;
    font-size: .6em;
    color: #fff;
    background: #000;
    padding: 0.1em 0.7em;
    margin: 0.3em;
    text-decoration: none;
}
header a.elektrobild{
    background: url(//elektrobild.org/img/css/elektrobild.svg) no-repeat #000000;
    width:2em;
    height:1.6em;
    background-size: 97% auto;
    border-radius: .2em;
    background-position: 50% 50%;
}
/** Menue alle Seiten */
nav{
	left:inherit;
    right: .3em;
	
}
.noMenu nav,
.noMenu p.footer{
	display:none;
}
header h1,
nav ul{
	margin:0;
	padding:0;
}
nav ul ul{
    position: absolute;
    right: 0;
    top: 2em;
    background: white;
    padding: .5em;
    border: 1px solid #b9dcf8;
    border-radius: .3em;
}
nav li li{
	display:block;
	clear:both;
	margin: 0;
}
nav li li a{
    width: 200px;
    display: block;
    border-radius: 0;
    background: #2196F3;
	margin-bottom:.2em;
	font-size:1.6em;
}
nav li li a.active{
	background:red;
}
nav li:hover ul{
	display:block;
}
nav a.home{
    display: block;
    background: url(/img/menu.svg) no-repeat #096bb9 0 0;
    width: 2.5em;
    height: 2.5em;
    background-size: 80% auto;
    background-position: 50% 50%;
    box-sizing: border-box;
}
header a span,
nav li li.clear,
nav li.men span,
nav ul ul{
	display:none;
}
.clear{
	clear:both;
}

@media (min-width:800px) {
	header a.elektrobild{
		width:2.5em;
		height:2em;
	}
	img{width:33%;}
}
@media (min-width:1000px) {
	header a.elektrobild{
		width:3em;
		height:2.4em;
	}
	img{width:25%;}
}
@media (min-width:1200px) {
	header a.elektrobild{
		width:3.5em;
		height:2.63em;
	}
	img{width:20%;}
}