/* New Navbutton */
#navbutton                                  {position:fixed; display:grid; width:50px; height:50px; right:20px; top:10px; z-index:60; cursor:pointer; background-color:#ffffff30;}
.navbutton-line                             {width:30px; height:5px; position:absolute; background-color:var(--ciFarbe1); 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                                  {transform:scale(.8);}
#mobilemenu                                 {overflow:hidden; margin-bottom:0px;}
#mobilemenu *                               {margin:0px; padding:0px; list-style-type:none; list-style-image:none; text-decoration:none;}
#mobilemenu a                               {padding:5px 0 5px; display:block; line-height:1.25;  border-bottom:solid #ccc 1px;}
#mobilemenu ul li ul                        {display:none; margin-bottom:20px; padding-left:0px;}
#mobilemenu ul li ul li ul                  {display:none;}
#mobilemenu li                              {width:100%; display:block; overflow:hidden;}
#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:20px 0;*/}
#mobilemenu #navmore                        {background-image:url(../images/page/mobilemenu/plusklein.png);  background-repeat:no-repeat; background-position:0px 0px; border-bottom:solid #ccc 0px;}
#mobilemenu #navless                        {background-image:url(../images/page/mobilemenu/minusklein.png); background-repeat:no-repeat; background-position:0px 0px; border-bottom:solid #ccc 0px;}
#mobilemenu ul li ul li #navmore            {background-image:url(../images/page/mobilemenu/plusklein.png);  background-position:5px 0px;}
#mobilemenu ul li ul li #navless            {background-image:url(../images/page/mobilemenu/minusklein.png); background-position:5px 0px;}
#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; padding-left:5px; text-decoration:none;}
#mobilemenu ul li ul li span                {width:100%; float:left; 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; font-size:90%; line-height:1.25rem;}
#mobilemenu ul li ul li ul li a             {color:#000; margin-left:30px; padding-left:15px; padding-top:5px; padding-bottom:5px; display:block; text-transform:none; font-size:90%; background-image:none;}
#mobilemenu ul li ul li ul li a .navspace   {display:none;}
#mobilemenu ul li ul li ul li:last-child a  {margin-bottom:0; border-bottom:none;}
#hiddennav                                  {display:none;}
#mobilemenu a.activemainmenu                {color:var(--ciFarbe2);}
#mobilemenu a.activemenu                    {color:var(--ciFarbe2);}
#hiddennav                                  {position:fixed; display:block; z-index:61; width:320px; height:100vh; top:0; right:-340px; padding:90px 20px 20px 0; background:#fff; overflow-y:scroll; opacity:1; box-shadow:0 0 50px -20px #000;}
#hiddennav *                                {list-style-type:none; list-style-image:none; color:#fff;}

.navbutton-line                             {background-color:#000;}
#navbutton                                  {background-color:transparent;}

/* xxxxxxxxxxxxxxxxxxx MOBILEMENUE END xxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* Ausblenden des Submenus und des"+" im ersten Hauptmenupunkt */
#mobilemenu ul li:first-child span span     {display:none;}
#mobilemenu ul li:first-child ul            {display:none !important;}
/*#mobilemenu ul li:nth-child(3) ul span       {display:none !important;}*/

#mobilemenu > ul:nth-child(1) > li:nth-child(3) > ul:nth-child(2) > li:nth-child(1) > span:nth-child(1) {display:none !important;}


/* ****************************************** */
/*                 MEDIAQUERIES               */
/* ****************************************** */

@media(hover:hover) and (pointer:fine) {
 #mobilemenu ul li span a:hover,              
 #mobilemenu ul li ul li ul li a:hover         {background-color:#f2f2f2 !important; text-decoration:none !important; color:var(--ciFarbe2) !important; /*letter-spacing:0.1px;*/ font-weight:400; box-shadow:0 0 3px 0 #f2f2f2; transition:all 0.2s ease;}
 #mobilemenu ul li ul li ul li a:hover::before {content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background-color:#f00; z-index:5;}
}

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

}

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