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




/* allgemeine links im text */

a:link, a:visited, a:active{
color:#000000;
text-decoration:underline;
-moz-border-radius:0rem;
-webkit-border-radius:0rem;
border-radius:0rem;}

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




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

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

.fussmenu  {width:100%;
margin:0;
}

.fussmenu ul {
padding: 0rem;
margin:0;
}

.fussmenu  li { display: inline}

.fussmenu a:link, .fussmenu a:visited, a.fussmenu:active{display:inline-block;
background:transparent;
color:#000000;
margin:0.5rem 0.5rem 0.5rem 0.5rem;
text-shadow:0rem 0rem 0.1rem #000;
text-decoration:underline;
}

.fussmenu a:hover{ text-decoration:none;
color:#727272;background:transparent;
}







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

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

/*===== menue 1 =====  */
/*===== vertikal =====  */
* {
margin : 0;
padding : 0;
}

#navtop {width : 100%;position:absolute; /* Bereicht mit Button Mail und Social Media im Mobile-Menu etc. */
height:4.6rem;
color : black;
background-color : #c9c9c9;
display : block;
padding : 0.5rem;
text-decoration : none;
float : left;
top:0;
left:0;
border-bottom : 0.1rem solid black;display:none;
}

.menue-button {height:4.6rem;
float :right;
background-color : #fff;
display : block;
position : absolute;
z-index:5;
right : 0;
top : 0;
padding : 0.5rem;
color : #000;
cursor : pointer;
text-decoration : none;
border-bottom : 0.1rem solid black;
border-left : 0.1rem solid black;
}

#menu1 {display : none;
height:100; /* Höhe Navigationsmenü mobile */
background-color:#fff;
width : 32rem;
top:4.6rem;
position:absolute;
left:50%;
margin-left: -16rem;
}

#menu1 li {display:inline;
width : 100%;
list-style : none;
}

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
display : block;
width : 100%;
padding : 1rem;
text-decoration : none;
color : #5d5d5d;
background-color :#fff;
border-bottom : 0.1rem solid #191919;
}

#menu1 a:hover {
color : #fff;
background : firebrick;
}


#navtop #menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {
display:inline;
margin:0.3rem;
}


   /*  Menü-Button- öffnen ausblenden -  Schließen-Button dadurch sichtbar */
#nav-menue:target .menue-button-open {
display : none;
}


   /* Menü einblenden */
#nav-menue:target #menu1  {
display : block;z-index:3;
}


   /* Menü-Social-Media einblenden */
#nav-menue:target #navtop  {
display : block;
}



   /* iFrame in Weite und Höhe definiert */
#iframe {
height:100%;
width:100%;
}




/* ==================================== ab 360 pixel ================================== */

@media (min-width:360px) {

#menu1 {
width : 36rem;
left:50%;
margin-left: -18rem;
}

}

/* ==================================== ab 480 pixel ================================== */

@media (min-width:480px) {

#menu1 {
width : 40rem;
left:50%;
margin-left: -20rem;
}

}

/* ==================================== bis 480 pixel ================================== */

@media only screen and (max-width: 800px){

#mobile_ausblenden {
	display:none !important;
}

}

@media only screen and (min-width: 800px){

#non-mobile_ausblenden {
	display:none !important;
}

}

@media only screen and (max-width: 800px){

#mobile_einblenden {
	display:inline !important;
}

}

@media only screen and (min-width: 800px){

#non-mobile_einblenden {
	display:inline !important;
}

}

@media only screen and (max-width: 800px){

#anzeigefeld {
	width: 100%;
}

}

@media only screen and (min-width: 800px){

#anzeigefeld {
	width: 50%;
}

}

/* ==================================== ab 600 pixel ================================== */

@media (min-width:600px) {


}

/* ==================================== ab 600 pixel ================================== */

@media (min-width:600px) {

#menu1 {
width : 52rem;
left:50%;
margin-left: -26rem;
}

}



/* ==================================== ab 768 pixel ================================== */
/*===== menue 1 =====  */
/*===== horizontal =====  */


@media (min-width:768px) {

#navtop {
display : none;
}


#menu1 {height:0;
width : 100%;
display :inline-block;
text-align : center;
vertical-align:middle;
top:1rem;
left:0;margin:0;
position:absolute;
}

#menu1 ul {display : block;
height:55; /* Höhe der Navigationsleiste */
border-color:black;
line-height:4rem;padding:0.1rem;
background-image: url(images/menu_lueckenfueller.png);
border-bottom:solid 0.1rem;
border-color:black;
-webkit-box-shadow:0rem 0rem 2rem #000;
box-shadow:0rem 0rem 0.4rem #000;
}

#menu1 li {display : inline;
line-height:3rem;
list-style : none;width:100%;
}

#menu1 a:link, #menu1 a:visited, #menu1 a:active {
display : inline; /* inline = Menu hintereinander; block = Menu untereinander */
width : 100%;
padding : 0.6rem;
background:transparent;
text-decoration : none;
color :#000;
text-shadow:0.1rem 0.1rem 0.1rem #fff;
border-radius:0.4rem;
font-variant:none;

border-bottom:none;
}

#menu1 a:hover {
color : #000;
text-shadow:0.1rem 0.1rem 0.1rem #000;
background : transparent;
}

#menu1 #aktuell a   {
color : #000000;
text-shadow:none;
background-color:#fff;
border:solid 1px #000;
}

.menue-button {
display : none;
}

}





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


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

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

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

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

#menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {display:inline-block;
margin:0.5rem 0.5rem 0.5rem 0.5rem;
text-decoration:underline ;
}



/* / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* ====== SENDEN BUTTON BEIM FORMULAR ======  */

#senden  {
text-decoration:none ;
}


#senden:hover  {
background-color:#fff;
color:#000;
border-color:#c9c9c9;
text-shadow:none;
}




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


/* ======  BUTTON ======  */


/*  BUTTON - bereich-info1  */
.bereich-info1 a.button:link, .bereich-info1 a.button:visited, .bereich-info1 a.button:active{
background-color: transparent;
color:#000;
text-shadow:none;
text-decoration: none;
}

.bereich-info1 a.button:hover  {
color:#000;
border:solid 1px #000;
border-radius:0.4rem;padding:1rem;
background-color:#f07f07;
}

.bereich-info1 .button i  {
color:#c9c9c9;
}

.bereich-info1 a.button:hover i  {
color:#000;
}


/*   BUTTON - bereich-info2  */
.bereich-info2 a.button:link, .bereich-info2 a.button:visited, .bereich-info2 a.button:active{
background-color: transparent;
color:#000;
text-shadow:none;
text-decoration: none;
}

.bereich-info2 a.button:hover  {
color:#000;
border:solid 1px white;
border-radius:0.4rem;padding:1rem;
background-color:#f07f07;
}

.bereich-info2 .button i  {
color:#c9c9c9;
}

.bereich-info2 a.button:hover i  {
color:#000;
}


/*  BUTTON - bereich-zwischenfeld  */
.bereich-zwischenfeld a.button:link, .bereich-zwischenfeld a.button:visited, .bereich-zwischenfeld a.button:active{
background-color: transparent;
color:#000;
text-shadow:none;
text-decoration: none;
}

.bereich-zwischenfeld a.button:hover  {
color:#000;
border:solid 1px #000;
border-radius:0.4rem;padding:1rem;
background-color:#f07f07;
}

.bereich-zwischenfeld .button i  {
color:#c9c9c9;
}

.bereich-zwischenfeld a.button:hover i  {
color:#000;
}


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