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




/* allgemeine links im text */

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

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



/* allgemeine links im text -  speziell -  */

a.speziell:link, a.speziell:visited, a.speziell:active{
background-color:none;
color:#DEE3EB;
text-decoration:none;
padding-left:0.4rem;
padding-right:0.4rem;
padding-top:0.4rem;
padding-bottom:0.4rem;
border:solid 0.1rem #DEE3EB;

}

a.speziell:hover{ text-decoration:none;
background-color:#fff;
color:#3E4D66;
border:solid 0.1rem #000;
}

/* allgemeine links im text -  speziell 2 -  */

a.speziell2:link, a.speziell2:visited, a.speziell2:active{
background-color:none;
color:#1D232C;
text-decoration:none;
padding-left:0.4rem;
padding-right:0.4rem;
padding-top:0.4rem;
padding-bottom:0.4rem;
border:solid 0.1rem #1D232C;
}

a.speziell2:hover{ text-decoration:none;
background-color:#394757;
color:#fff;
border:solid 0.1rem #2D3744;
}


/* ENDE allgemeine links im text - speziell - */



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

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



.fussmenu h3 {text-align:left;
font-weight:normal;
color:#fff;
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:#939597;
text-shadow:none;

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

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







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

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

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



.nav { display: none;width:100%; }
.nav:target { display:block;
position:absolute;
top:0;
left:0;}


/* --menü-button schliessen -- */
.close {
width: 0;
heigh: 0;
border: 0;
text-shadow: none;
background-color:transparent;
}

.close:after {
position: relative;
top: 0;
left: 0;
content: "[ X ]";
font-weight:normal;
color:#000;
background: #fff;
border: 0.1rem solid #000;
border-radius: 0.8rem;
display: inline-block;
text-align: left;vertical-align:middle;
padding:0.2rem;
margin-top:0.5rem;
}

#menu1 {width:100%;
margin:0 auto;display:block;
background-color:#fff;
border:solid 0.1rem #000;
}

#menu1 ul {display: block;
margin:0rem;
padding: 0rem;
}

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

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: block;
width:100%;
margin-top:0.25rem;
margin-bottom:0.25rem;
color:#2d3744;background:transparent;
text-shadow:none;
padding: 1rem;
font-size:1.9rem;
text-align:left;
vertical-align:middle;
text-decoration: none;

font-style:italic;

}

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

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


@media (min-width: 480px) {

#menu1 li  {display: block;
list-style-type: none;
padding: 0.2rem 1rem 0.2rem 1rem;
margin:0rem;

}


#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
margin-top:0rem;
margin-bottom:0rem;
padding: 0.4rem;
letter-spacing:0.2rem;
}

}


/* = = = = = = = = = = = = = = = = = = = = = ab 768 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 768px) {

#menu1 li  {padding: 0.5rem 2rem 0.5rem 2rem;}


#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {
margin-top:0rem;
margin-bottom:0rem;
padding: 0rem 0.2rem 0rem 0.2rem;
letter-spacing:0.2rem;
}

}





/* = = = = = = = = = = = = = = = = = = = = = ab 980 PX = = = = = = = = = = = = = = = = = = = = = */


@media (min-width: 980px) {

#menu-button  {
display:none;
}

.nav { display: block; }
.close{ display: none; }
.nav:target { display:none;}

#menu1 {width:100%;
margin:0 auto;display:block;
background:transparent;
border:none;
}

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

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

}

#menu1 li  a:link, #menu1 li a:visited, #menu1 li a:active {display: inline-block;
font-style:normal;
border-bottom:none;
padding: 0.2rem 0.8rem 0.4rem 0.8rem;letter-spacing:0rem;

}

#menu1 li a:hover {
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

}


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


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

#menu2b h3 {text-align:left;
color:#fff;
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 ;
}


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