/* = = = = = = = = = = = = = = = = = datei menue.css - Hier sind die Menüs definiert = = = = = = = = = = = = = = = = = = = = = = = = = */




/* allgemeine links im text */

a:link, a:visited, a:active{
background-color:none;
color:#7F7F7F;
text-decoration:underline;
padding:0.2rem;
-moz-border-radius:0rem;
-webkit-border-radius:0rem;
border-radius:0rem;}

a:hover{ text-decoration:none;
color:dodgerblue;
}


/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* ====== animation DREHUNG  ======  */
/*  Rotation von Icons um 360 Grad (gleich eine umdrehung)  bei onmouseover und onmouseout */

.drehen a:link , .drehen a:visited, .drehen a:active{backgro
-webund:transparent;
}

.drehen img {
-moz-transition: all 0.8s ease-in-out;kit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;

}

.drehen img:hover{
-moz-transform: rotate(720deg);
-webkit-transform: rotate(720deg);
-o-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
}

/* ====== animation LEUCHTRAHMEN  ======  */
/* leuchtränder */


.leucht img {border:solid 1px #000;
-moz-transition: all 0.9s ease-out;
-webkit-transition: all 0.9s ease-out;
-o-transition: all 0.9s ease-out;
-ms-transition: all 0.9s ease-out;
transition: all 0.9s ease-out;border-style: none;
}

.leucht img:hover{
-webkit-box-shadow:0px 0px 8px #000;
-moz-box-shadow: 0px 0px 8px #000;
box-shadow:  0px 0px 8px #000;
border:solid 1px #x000;
}


/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* = = = = = = = = = = = = = = = = = MENÜ 1 = = = = = = = = = = = = = = = = = = = = = = = = = */

/*===== menue horizontal 1 =====  */

#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: 0rem;
text-align:center;
vertical-align:middle;
height:52px;
line-height:52px;
text-decoration:none ;
border:solid 1px #000;

-webkit-box-shadow: 0px 0px 4px #000;
-moz-box-shadow: 0px 0px 4px #000;
box-shadow:  0px 0px 4px #000;
}



#menu1 li a:hover {border:solid 1px #fff;box-shadow:  0px 0px 20px #fff;
}





/* = = = = = = = = = = = = = = = = = = = = = = ab 480 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 480px) {


#menu1 {
padding-bottom: 0rem;

}

}

/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */

/* = = = = = = = = = = = = = = = = = MENÜ 1b = = = = = = = = = = = = = = = = = = = = = = = = = */



/*===== menue 1b =====  */


#menu1b a {font-size:1.9rem;}


#menu1b {width:100%;
margin:0rem;
padding: 0rem;
}

#menu1b ul {display: inline-block;
margin:0rem;
padding-left: 0rem;
}


#menu1b li {display:block;
list-style-type: none;
margin:0rem;
padding: 0rem;
}

#menu1b li a:link, #menu1b li a:visited, #menu1b li a:active {display:inline-block;
width:280px;
background-color:dodgerblue;
color:#fff;
margin-bottom:0.6rem;
padding-top:0.6rem;
padding-bottom:0.6rem;
padding-left:1rem;
padding-right:1rem;
border:solid 1px #002851;
vertical-align:middle;
text-decoration:none ;
-moz-border-radius:0.6rem;
-webkit-border-radius:0.6rem;
border-radius:0.6rem;
text-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
box-shadow:  0px 0px 6px #000;
}


#menu1b li a:hover {
background-color:white;
color:#000;
text-shadow: 1px 1px 1px #fff;
text-decoration:none ;

}




/* = = = = = = = = = = = = = = = = = = = = = = ab 360 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 360px) {


#menu1b li a:link, #menu1b li a:visited, #menu1b li a:active {
width:300px;
}

}

/* = = = = = = = = = = = = = = = = = = = = = = ab 1200 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1200px) {

#menu1b ul {
padding-left: 5rem;
}


}

/* = = = = = = = = = = = = = = = = = = = = = = ab 1200 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 1500px) {

#menu1b ul {
padding-left: 8rem;
}


}



/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* = = = = = = = = = = = = = = = = = MENÜ 2 = = = = = = = = = = = = = = = = = = = = = = = = = */

/*===== menue 2 =====  */


#menu2 a {font-size:1.9rem;}

#menu2 h3 {text-align:left;color:#000;
margin-top: 0rem;
margin-bottom: 2rem;
padding-left:0.6rem;
padding-right:0.6rem;}

div#menu2 {width:100%;
margin:0rem;
padding: 0rem;
}

#menu2 ul {
margin:0rem;
padding: 0rem;
}


#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 1px #fff;
margin-bottom:0.6rem;
padding-top:0.6rem;
padding-bottom:0.6rem;
padding-left:1rem;
padding-right:1rem;
vertical-align:middle;
text-decoration:underline ;
-moz-border-radius:1.4rem;
-webkit-border-radius:1.4rem;
border-radius:1.4rem;
}


#menu2 li a:hover {
color:#fff;
text-shadow: 1px 1px 1px #000;
text-decoration:none ;
background-color:black;
}



/* = = = = = = = = = = = = = = = = = = = = = = ab640 PX= = = = = = = = = = = = = = = = = = = = */

@media (min-width: 640px) {

#menu2 a {font-size:1.7rem;}

}

/* = = = = = = = = = = = = = = = = = = = = = ab1024 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1024px) {

#menu2 a {font-size:1.4rem;}

}

/* = = = = = = = = = = = = = = = = = = = = = ab1280 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1280px) {

#menu2 a {font-size:1.2rem;
letter-spacing:1px;}

}







/* = = = = = = = = = = = = = = = = = = = = = Code Ende = = = = = = = = = = = = = = = = = = = = = */