/* New Navbutton */
#navbutton                                  {background:transparent; width:50px; height:50px; top:90px; right:0; position:fixed;} /*  HG-Farbe Button */
.navbutton-line                             {width:30px; height:5px; position:absolute; background-color:#fff; border-radius:2.5px; transition:all 0.5s; transform-origin:50% 50%;}  /*  Linien-Farbe Button */
.navbutton-line:nth-child(1)                {left:10px; top:12.5px;}
.navbutton-line:nth-child(2)                {left:10px; top:22.5px;}
.navbutton-line:nth-child(3)                {left:10px; top:32.5px;}


#navbutton                                  {transform:scale(.8);}
#mobilemenu                                 {overflow:hidden; margin-bottom:0px; padding:20px 0 0;}
#mobilemenu *                               {margin:0px; padding:0px; list-style-type:none; list-style-image:none; text-decoration:none;}
#mobilemenu a                               {padding:5px 0 5px; display:block;}
#mobilemenu ul li ul                        {display:none;}
#mobilemenu ul li ul li ul                  {display:none;}
#mobilemenu li                              {display:block; overflow:hidden; border-bottom:solid #fff 1px;}
#mobilemenu li span                         {position:relative; line-height:20px}
#mobilemenu .navspace                       {width:30px; height:30px; padding:0px; float:right; display:inline-block;}
#mobilemenu .navclick                       {cursor:pointer; padding:0;}
#mobilemenu #navmore                        {background-image:url(../images/page/mobilemenu/plus.png);  background-repeat:no-repeat; background-position:0 7px;}
#mobilemenu #navless                        {background-image:url(../images/page/mobilemenu/minus.png); background-repeat:no-repeat; background-position:0 7px;}
#mobilemenu ul li ul li #navmore            {background-image:url(../images/page/mobilemenu/plus.png);}
#mobilemenu ul li ul li #navless            {background-image:url(../images/page/mobilemenu/minus.png);}
#mobilemenu ul li span                      {display:block; padding:0; text-transform:uppercase; overflow:hidden;}
#mobilemenu ul li span a                    {color:#000; width:calc(100% - 30px); display:block; float:right; font-size:16px;}
#mobilemenu ul li span a:hover              {color:#f00;}
#mobilemenu ul li ul li span                {display:block; padding:0 0 0 0; text-transform:none; background-image:none;}
#mobilemenu ul li ul li span a              {color:#000; padding-left:10px; box-sizing:border-box; line-height:1.25rem;}
#mobilemenu ul li ul li ul li a             {color:#000; margin-left:40px; padding-left:0px; padding-top:5px; padding-bottom:5px; display:block; font-size:14px; text-transform:none; background-image:none;}
#mobilemenu ul li ul li ul li a:hover       {color:#f00;}

#mobilemenu a.activemainmenu                {color:#000; font-size:16px;}
#mobilemenu a.activemenu                    {color:#000;}
#mobilemenu ul li ul li:last-child          {border:none;}
#mobilemenu ul li ul li ul li               {border:none;}

#mobilemenu ul li ul li ul li:last-child    {padding-bottom:15px;}
#mobilemenu .navspace:not(.navclick)        {display:none;}

#hiddennav                                  {width:320px; height:100vh; top:0px; right:-320px; padding:50px 20px 20px 20px; position:fixed; z-index:61; display:block; background:#bdd1ebfc; overflow-y:scroll; opacity:0.97;}
#hiddennav *                                {list-style-type:none; list-style-image:none; color:#fff; }
#navbutton                                  {width:50px; height:50px; top:15px; left:calc(100vw - 50px); position:fixed; display:block; z-index:60; cursor:pointer;}

@media screen and (min-width:800px){
 #hiddennav, #navbutton                      {display:none;}

}