a.navi:link {
color:#F2F2F2;
text-decoration: none;
font-family: Arial;
font-weight: 400;
font-size: 1.2em;
}

a.navi:visited {
color:#F2F2F2;
text-decoration: none;
font-family: Arial;
font-weight: 400;
font-size: 1.2em;
}

a.navi:active {
color:#F2F2F2;
text-decoration: none;
font-family: Arial;
font-weight: 400;
font-size: 1.2em;
}

a.navi:hover {
color:#F2F2F2;
text-decoration: none;
font-family: Arial;
font-weight: 400;
font-size: 1.2em;
}



a.hh1:link {
color:black;
text-decoration: none;
font-family: Arial;
font-weight: 600;
font-size: 1.0em;
}
a.hh1:visited {
color:black;
text-decoration: none;
font-family: Arial;
font-weight: 600;
font-size: 1.0em;
}

a.hh1:active {
color:black;
text-decoration: none;
font-family: Arial;
font-weight: 600;
font-size: 1.0em;
}

a.hh1:hover {
color:grey;
text-decoration: none;
font-family: Arial;
font-weight: 600;
font-size: 1.0em;
}




a.tabelle:link {
color:black;
text-decoration: none;
font-family:Arial, sans-serif;
font-size:1.0em;
}
a.tabelle:visited {
color:black;
text-decoration: none;
font-family:Arial, sans-serif;
font-size:1.0em;
}

a.tabelle:active {
color:black;
text-decoration: none;
font-family:Arial, sans-serif;
font-size:1.0em;
}

a.tabelle:hover {
color:grey;
text-decoration: none;
font-family:Arial, sans-serif;
font-size:1.0em;
}






h1 {
color: black;
text-decoration: none;
font-family: Arial;
font-weight: 600;
font-size: 1.4em;
}

h2 {
color: white;
text-decoration: none;
font-family: Arial;
font-weight: 400;
font-size: 1.5em;
}

p {
font-size: 1.5em;
}



header {
position: fixed;
left: 3em;
top: 0em;
width: 100%;
height: 9em;
background: lightgrey; 
color: #770000;
}

body {
background: lightgrey;
}


article {
position: relativ;
margin-left: 3.2em;
margin-top: 18em;
left: 3em;
top: 12em;
width: 87em;
height: 600px;
background: lightgrey; 
color: #292929;
font-size: 0.8em;
}


nav {
position: fixed;
left: 3em;
top: 9em;
width: 70em;
height: 3.6em;
background: #A4A4A4; 
color: white;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}




footer {
backbround: grey; color: white
}



.produkte  {
border-collapse:collapse;
border-spacing:0;
}



.produkte td	{

background: #E6E6E6;
font-family:Arial, sans-serif;
font-size:1.0em;
text-align: left;
vertical-align: bottom;
padding:5px 5px;
border-style:solid;
border-width:1px;
border-color:grey;
overflow:hidden;
word-break:normal;
}

.produkte th	{

background: #A4A4A4;
color: #F2F2F2;
font-family:Arial;
font-size:1.2em;
font-weight:300;
text-align: left;
vertical-align: middle;
padding:10px 5px;
border-style:solid;
border-width:1px;
border-color:grey;
overflow:hidden;
word-break:normal;
}



.allgemein    {
border-collapse:collapse;
border-spacing:0;
}

.allgemein th   {
background: #E6E6E6;
font-family:Arial, sans-serif;
font-size:1.0em;
font-size:1.2em;
font-weight:300;
text-align: left;
vertical-align: middle;
padding:10px 5px;
border-style:solid;
border-width:0px;
border-color:grey;
overflow:hidden;
word-break:normal;
}


.allgemein td   {
background: #E6E6E6;
font-family:Arial, sans-serif;
font-size:1.0em;
font-size:1.2em;
font-weight:300;
text-align: left;
vertical-align: middle;
padding:10px 5px;
border-style:solid;
border-width:0px;
border-color:grey;
overflow:hidden;
word-break:normal;
}



.unsichtbar    {
border-collapse:collapse;
border-spacing:0;
}

.unsichtbar th   {
padding:0px 0px;
border-style:solid;
border-width:0px;
overflow:hidden;
word-break:normal;
}


.unsichtbar td   {
padding:0px 0px;
border-style:solid;
border-width:0px;
overflow:hidden;
word-break:normal;
}





.dropbtn {
  background-color: #A4A4A4;
  font-family:Arial;
  font-weight: 400;
  font-size: 1.2em;
  color: #F2F2F2;
  padding: 0.8em 1.2em;
  border: none;
  cursor: pointer;
}


.dropdown {
  position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  background-color: #848484;
  min-width: 18em;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


.dropdown-content a {
  font-family:Arial;
  color: #F2F2F2;
  font-weight: 400;
  font-size: 1.2em;
  padding: 0.8em 1.2em;
  text-decoration: none;
  display: block;
}


.dropdown-content a:hover {background-color: #A4A4A4}


.dropdown:hover .dropdown-content {
  display: block;
}


.dropdown:hover .dropbtn {
  background-color: #848484;
}



input.handynummer {
    display:none;
	visibility: hidden;
}




.zoom {
  padding: 0px;
  transition: transform .5s;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.7);
  
}











input.suchfeld {
font-size:19pt; 
text-align:right; 
background-color:#E6E6E6; 
border:0; 
outline: none; 

margin-left: 23.7em;
margin-top: 0em;
    display:none;
	visibility: hidden;

}

input.such_button {
font-size:18pt; 
text-align:right; 
background-color:#E6E6E6;
background: url('suche_button.png');
background-position:center;
background-repeat:no-repeat;
width:34px;
height:34px;
border:1;  
outline: none; 

margin-left: 0.2em;
margin-top: 0em;
    display:none;
	visibility: hidden;
}