/* New Navbutton */
#navbutton                                  {background:#fff; width:50px; height:50px; position:fixed; right:40px; top:56px;} /*  HG-Farbe Button */
.navbutton-line                             {position:absolute; background-color:#003366; height:5px; width:30px; 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;}


/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */
#navbutton                                  {}
#mobilemenu                                 {overflow:hidden; margin-bottom:20px;}
#mobilemenu *                               {margin:0px; padding:0px; list-style-type:none; list-style-image:none; text-decoration:none;}
#mobilemenu a                               {padding:10px 0px 10px 0px; display:block; border-bottom:solid #fff 1px;}
#mobilemenu ul li ul                        {display:none;}
#mobilemenu ul li ul li ul                  {display:none;}
#mobilemenu li                              {display:block; overflow:hidden;}
#mobilemenu li span                         {position:relative;}
#mobilemenu .navspace                       {display:inline-block; width:30px; height:30px; float:right; width:15%; padding:0px;}
#mobilemenu .navclick                       {cursor:pointer; padding:0px;}
#mobilemenu #navmore                        {background-image:url(../images/page/mobilemenu/plus.png); background-position: 0px 9px; background-repeat:no-repeat;}
#mobilemenu #navless                        {background-image:url(../images/page/mobilemenu/minus.png); background-position: 0px 9px; background-repeat:no-repeat;}
#mobilemenu ul li ul li #navmore            {background-image:url(../images/page/mobilemenu/plus.png); background-position: 0px 9px; background-repeat:no-repeat;}
#mobilemenu ul li ul li #navless            {background-image:url(../images/page/mobilemenu/minus.png); background-position: 0px 9px; background-repeat:no-repeat;}
#mobilemenu ul li span                      {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:16px; text-transform:uppercase; overflow:hidden;}
#mobilemenu ul li span a                    {color:#fff; width:85%; display:block; float:left;}
#mobilemenu ul li ul li span                {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:12px; text-transform:none; background-image:none;}
#mobilemenu ul li ul li span a              {color:#fff; padding-left:20px; box-sizing:border-box;}
#mobilemenu ul li ul li ul li a             {display:block; padding-left:10px; padding-top:5px; padding-bottom:5px; font-size:14px; color:#fff; text-transform:none; margin-left:30px; background-image:none;}
#hiddennav, #navbutton                      {display:none;}
#mobilemenu a.activemainmenu                {font-weight:bold;}
#mobilemenu a.activemenu                    {font-weight:bold;}
/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */


@media screen and (max-width:1023px){
/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */
#hiddennav                                 {top:0px; right:-270px; width:230px; max-height:100vh; padding:20px; display:block; position:fixed; z-index:50;background:#003366; overflow-y:scroll; }
#hiddennav *                               {list-style-type:none; list-style-image:none; color:#fff; font-size:18px;}
#navbutton                                 {height:50px; width:50px; right:40px; margin-top:23px; top:23px; position: -webkit-sticky; position:sticky; display:inline-block; float:right; z-index:60; cursor:pointer;}
/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */
}


@media screen and (max-width:768px){
 #navbutton                                 {right:10px;}
}