
a:link, a:visited, a:active{
background-color:transparent;
color:#333;
text-decoration:underline;
padding:0.2rem;
border-radius:0.3rem;}
li{list-style-type:none;}
a {text-decoration:none;color:#fff;}
a:hover{text-decoration:none;color:#37c;}

.drehen a:link , .drehen a:visited, .drehen a:active{background:transparent; }
.drehen img {transition: all 0.8s ease-in-out;}
.drehen img:hover{transform: rotate(720deg);}

.leucht img {border:solid 1px #000;transition: all 0.9s ease-out;border-style: none}
.leucht {font-size:150%; color:#fff; width:50px;}
.leucht img:hover{ box-shadow:  0px 0px 8px #000; border:solid 1px #000;}

#menu1 {width:100%;margin:0 auto;padding-bottom: 1rem;float:left;}  
#menu1 ul {display:inline-block;margin:0rem;padding:0rem;}
#menu1 li {display:table-cell;list-style-type:none;padding-left:1px;margin:0px;}
#menu1 li a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
margin:0rem;
padding:0;
text-align:center;
vertical-align:middle;
height:42px;
line-height:46px;
text-decoration:none ;
border:solid 1px #000;
box-shadow:  0px 0px 4px #000;
}

#menu1 li a:hover {border:solid 1px #fff;box-shadow:  0px 0px 20px #fff; }

@media (min-width: 480px) {#menu1 {  padding-bottom:0; } }

#menu1b a {font-size:1.2rem;}  
#menu1b {width:100%;margin:0rem;padding: 0;}
#menu1b ul {display: inline-block;margin:0;padding-left: 0m;}
#menu1b li {display:block;margin:0;padding:0;}  
#menu1b li a:link, #menu1b li a:visited, #menu1b li a:active {display:inline-block;width:180px;
background-color:rgb(200, 70, 40, .7);  
color:#fff;
margin-bottom:0.6rem;
padding:.3rem;
border:solid 1px #566;
vertical-align:middle;
text-decoration:none ;
border-radius:0.3rem;
text-shadow: 1px 1px 1px #000;
box-shadow:  0px 0px 4px #000;
}

#menu1b li a:hover {
background-color:#eee;
color:#000;
text-shadow: 1px 1px 1px #fff;
text-decoration:none ;
}

@media (min-width: 360px) { #menu1b li a:link, #menu1b li a:visited, #menu1b li a:active { width:180px; } }
@media (min-width: 1200px) { #menu1b ul { padding-left: 5rem; } }
@media (min-width: 1500px) { #menu1b ul { padding-left: 8rem; } }

.menu2 a {font-size:1.2rem;}  
.menu2 h3 {
text-align:left;
color:#833;
margin: 0 4px 0 15px;
padding-left:0.6rem;
padding-right:0.6rem;}

div.menu2 {width:100%;
margin:0rem;
padding:0;
}

.menu2 ul {
margin:0rem;
padding:0;
}

.menu2 li {
list-style-type:none;
margin:0rem;
padding-left: 1rem;
}

.menu2 li a:link, .menu2 li a:visited, .menu2 li a:active {display:inline-block;
color:#000;
text-shadow: 1px 1px 0px #fff;
margin-bottom:0.4rem;
padding:.4rem;
vertical-align:middle;
text-decoration:underline ;
border-radius:1rem;
}

.menu2 li a:hover {
color:#fff;
text-shadow: 1px 1px 1px #000;
text-decoration:none ;
background-color:black;
}

@media (min-width: 640px)  { .menu2 a {font-size:1.3rem; } }
@media (min-width: 1024px) { .menu2 a {font-size:1.2rem; } }
@media (min-width: 1280px) { .menu2 a {font-size:1.1rem; letter-spacing:1px;} }