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




/* allgemeine links im text */

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

a:hover{ text-decoration:none;
color:#F8CB18;
}


/* allgemeine links - speziell */

a.speziell:link, a.speziell:visited, a.speziell:active{
background-color:none;
color:#fff;
text-shadow:none;
border:dashed 0.1rem #fff;
text-decoration:none;
padding-left:4rem;
padding-right:4rem;
padding-top:0.5rem;
padding-bottom:0.5rem;
}

a.speziell:hover{ text-decoration:none;
color:white;
border:solid 0.1rem white;}


/* allgemeine links - speziell 2 */

a.speziell2:link, a.speziell2:visited, a.speziell2:active{
background-color:none;
color:black;
text-shadow:none;
border:dashed 0.1rem black;
text-decoration:none;
padding-left:4rem;
padding-right:4rem;
padding-top:0.5rem;
padding-bottom:0.5rem;
}

a.speziell2:hover{ text-decoration:none;
color:black;
border:solid 0.1rem black;}

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

/* = = = = = = = = = = = = = = = = = fussmenu = = = = = = = = = = = = = = = = = = = = = = = = = */




.fussmenu h3 {text-align:left;
font-weight:normal;
color:#F8CB18;
margin-top: 0rem;
text-shadow:none;
margin-bottom: 2rem;
padding-left:0.6rem;
padding-right:0.6rem;
margin-bottom: 2rem;
padding-left:0.6rem;
padding-right:0.6rem;
border-bottom:dotted 0.1rem #fff;
}

.fussmenu a:link, .fussmenu a:visited, a.fussmenu:active{
background-color:none;
color:#EEA07B;
text-shadow:none;

text-decoration:none;
padding-top:0.5rem;
padding-bottom:0.5rem;
}

.fussmenu a:hover{ text-decoration:underline;
color:white;
}


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

/* ====== animation DREHUNG  ======  */
/*  Rotation von Icons um 720 Grad (gleich zwei umdrehungen)  bei onmouseover und onmouseout */

.drehen a:link , .drehen a:visited, .drehen a:active{background: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);
}




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

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

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

#menu1 {width:100%;
margin:0 auto;
}

#menu1 ul {
margin:0rem;
padding: 0rem;text-align:center;
}

#menu1 li  {display: inline-block;
list-style-type: none;
padding-left: 0.8rem;
margin:0rem;
}

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
margin-top:0.25rem;
margin-bottom:0.25rem;
color:#D2A00B;
text-shadow:1px 1px 4px #000;
padding-top: 0rem;
padding-bottom: 0rem;
font-size:1.9rem;
text-align:center;
vertical-align:middle;
text-decoration: none;

}



#menu1 li a:hover {
color:#fff;
text-decoration:none ;
}

/* = = = = = = = = = = = = = = = = = = = = = ab 640 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 640px) {

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
padding-top: 0.5rem;
padding-bottom: 0.5rem;}


}


/* = = = = = = = = = = = = = = = = = = = = = ab 940 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 940px) {

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
color:#4E0D01;
text-shadow:none;
}


#menu1 li a:hover {
color:#fff;
text-shadow:1px 1px 4px #000;

}


}





/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* = = = = = = = = = = = = = = = = = MENÜ 2b / Social Media Buttons = = = = = = = = = = = = = = = = = = = = = = = = = */


#menu2b a {font-size:0px;}

#menu2b h3 {text-align:left;
color:#F8CB18;
font-weight:normal;
margin-top: 0px;
text-shadow:none;
margin-bottom: 1.6rem;
padding-left:0.6rem;
padding-right:0.6rem;
border-bottom:dotted 1px #fff;}

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

#menu2b ul {
margin:0px;
padding: 0px;
}


#menu2b li {display:inline;
list-style-type: none;
margin:0px;
padding-left: 0px;
}

#menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {display:inline-block;
color:#fff;
text-shadow:none;
text-decoration:none ;
margin-right:1px;
margin-bottom:1px;
padding:0px;
vertical-align:middle;
text-decoration:underline ;
}


#menu2b li a:hover {
color:#fff;
text-decoration:none ;
}

/* = = = = = = = = = = = = = = = = = = = = = ab 1100 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 1100px) {

#menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {
margin-right:0rem;
}

}

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