/* New Navbutton */
#navbutton                                  {background:none; width:50px; height:50px; float:right; display:none; position:relative; z-index:60; cursor:pointer;} /*  HG-Farbe Button */
.navbutton-line                             {position:absolute; background-color:#fff; 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                                 {max-width:450px; margin:auto; padding-top:40px; text-align:left; overflow:hidden;}
#mobilemenu ul                              {width:100%;}
#mobilemenu *                               {margin:0px; padding:0px; list-style-type:none; list-style-image:none; text-decoration:none;}
#mobilemenu a                               {padding:0px; display:block; border-bottom:solid #fff 0px; background:none;}
#mobilemenu ul li ul                        {display:none; padding:0 0 15px 15px;}
#mobilemenu ul li ul li ul                  {display:none; margin-top:10px;}
#mobilemenu li                              {margin-bottom:0px; display:block; overflow:hidden;}
#mobilemenu li span                         {position:relative;}
#mobilemenu .navspace                       {width:30px; height:28px; padding:0px; float:left; display:inline-block; background:#444; opacity:0.5;}
#mobilemenu .navclick                       {cursor:pointer; padding:10px 0; opacity:1;}
#mobilemenu #navmore                        {background-image:url(../images/page/mobilemenu/plus.png); background-position:0;}
#mobilemenu #navless                        {background-image:url(../images/page/mobilemenu/minus.png); background-position:0;}
#mobilemenu ul li ul li #navmore            {left:0; background-image:url(../images/page/mobilemenu/plus.png); background-position:0;}
#mobilemenu ul li ul li #navless            {left:0; background-image:url(../images/page/mobilemenu/minus.png); background-position:0;}
#mobilemenu ul li span                      {display:block; padding:15px 0 0; font-size:16px; text-transform:none; overflow:hidden;}
#mobilemenu ul li span a                    {color:#2d779c; width:calc(100% - 30px); padding-left:0; display:block; float:right;}
#mobilemenu ul li span a:hover              {color:#ffe37f;}
#mobilemenu ul li ul li span                {display:block; padding:0; font-size:16px; text-transform:none; background-image:none;}
#mobilemenu ul li ul li                     {padding:3px 0; display:block} 
#mobilemenu ul li ul li span a              {padding-left:10px; font-size:15px; line-height:28px; box-sizing:border-box; color:#ccc; font-weight:400 !important;}
#mobilemenu ul li ul li ul li a:hover       {color:#666;}
#hiddennav, #navbutton                      {display:none;}
#mobilemenu a.activemainmenu                {padding-left:0; font-weight:400; color:#ffc800;}
#mobilemenu a.normalmainmenu                {font-weight:400; color:#ccc;}
#mobilemenu a.activemainmenu:hover          {padding-left:0;}
#mobilemenu a.normalmainmenu:hover          {padding-left:0; color:#ffe37f !important;}
#mobilemenu a.activemenu                    {font-weight:400; color:#ffc800; background:none;}
#mobilemenu a.activemenu:hover              {color:#ffc800;}
#mobilemenu ul li ul li ul li a.activemenu  {margin-left:0px; padding:0; font-size:15px; display:block; color:#ffc800; text-transform:none; background-image:none; font-weight:400 !important;}
#mobilemenu ul li ul li ul li a             {margin-left:0px; padding:0; font-size:15px; display:block; color:#999; text-transform:none; background-image:none; font-weight:400 !important;}
#mobilemenu ul li ul li ul li a:hover       {color:#ffe37f;}
#mobilemenu ul li ul li:hover ul li         {text-align:left; display:block;}

/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */


/* AUSNAHMEN - erstes Element ausblenden, wenn mehrere Submenupunkte */



@media screen and (max-width:650px){
/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE START xxxxxxxxxxxxxxxxxxxxxxxxxxx */
#hiddennav                                 {width:230px; max-height:100vh; height:100%; right:-230px; top:0px; padding:20px 20px; position:fixed; display:block; z-index:50; background:#444; overflow-y:scroll; background-image:url(../images/page/mobilemenu/bg_mobilemenu.png); background-repeat:repeat-y; background-position:center;}
#hiddennav *                               {list-style-type:none; list-style-image:none; color:#fff; font-size:16px;}
#navbutton                                 {width:50px; height:50px; top:0; right:10px; float:right; display:block; z-index:60; cursor:pointer;}
/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */
}