/* Menu for Glaronia Informatik AG © admotion */


#menu ul { margin: 0px; padding: 20px 30px 20px 30px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; column-gap: 30px; background: #ffffff; }
#menu li { margin: 0px; padding: 0px; list-style: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; font-size: 23px; }
#menu li a { padding: 0px 30px 10px 0px; border-bottom: 2px solid var(--blau); display: block; color: var(--grau); transition: .2s ease-out; }

#menu ul ul { width: 100%; padding: 30px 0px 0px 0px; }
#menu li li { font-size: 18px; text-transform: none; font-weight: 400; }
#menu li li a { border: 0px !important; background: url(../images/list.svg) no-repeat scroll 0 9px; background-size: 10px 11px; padding: 0px 0px 8px 20px; }


#menu li.item-111 li a { background: url(../images/list-pink.svg) no-repeat scroll 0 9px; background-size: 10px 11px; }
#menu li.item-112 li a { background: url(../images/list-hellblau.svg) no-repeat scroll 0 9px; background-size: 10px 11px; }


#menu li li.item-141 a { background: none; padding-left: 0px; color: var(--pink) !important; font-weight: 600; pointer-events: none; }
#menu li li.item-142 a { background: none; padding-left: 0px; color: var(--hellblau) !important; font-weight: 600; pointer-events: none; }
#menu li li.item-143 a { background: none; padding-left: 0px; color: var(--blau) !important; font-weight: 600; pointer-events: none; }


#menu li:hover a,
#menu li.active a { color: var(--blau); }

#menu li:hover li a { color: var(--grau); }
#menu li li:hover a { color: var(--blau); }
#menu li li.active a { color: var(--blau); }
#menu li li a { color: var(--grau); }

#menu li.item-111 li a { color: var(--grau); border-bottom: 2px solid var(--grau); }
#menu li.item-111.active li a { color: var(--grau); border-bottom: 2px solid var(--grau); }

#menu li.item-112.active li a { color: var(--grau); border-bottom: 2px solid var(--grau); }

#menu li.item-113.active li a { color: var(--grau); border-bottom: 2px solid var(--grau); }



#menu li.item-111:hover li a,
#menu li.item-112:hover li a { color: var(--grau);}


#menu li.item-111:hover a,
#menu li.item-111.active a { color: var(--pink); border-bottom: 2px solid var(--pink); }

#menu li.item-111 li:hover a,
#menu li.item-111 li.active a { color: var(--pink); border-bottom: 2px solid var(--pink); }

#menu li.item-112:hover a,
#menu li.item-112.active a { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); }

#menu li.item-112 li:hover a,
#menu li.item-112 li.active a { color: var(--hellblau); border-bottom: 2px solid var(--hellblau); }

#menu li.item-113 li:hover a,
#menu li.item-113 li.active a { color: var(--blau); border-bottom: 2px solid var(--blau); }



#menu li.item-111 a { border-bottom: 2px solid var(--pink); }
#menu li.item-112 a { border-bottom: 2px solid var(--hellblau); }



[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2.item-141 a { color: var(--pink) !important; font-weight: 600; pointer-events: none; }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2.item-142 a { color: var(--hellblau) !important; font-weight: 600; pointer-events: none; }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2.item-143 a { color: var(--blau) !important; font-weight: 600; pointer-events: none; }





/* [data-id="mobilemenuck-1"] .mobilemenuck-item[data-level="1"]:nth-of-type(1) > .mobilemenuck-submenu .mobilemenuck-item[data-level="2"] a { color: red !important; } */



#menu ul ul.mod-menu__sub { display: none; }
#menu:hover ul ul.mod-menu__sub { display: block; }

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 { background: #ffffff; border-radius: 0px; padding: 20px 0px 10px 0px; margin: 0px; border-bottom: 2px solid var(--blau); }

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.item-111 { border-bottom: 2px solid var(--pink); }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.item-112 { border-bottom: 2px solid var(--hellblau); }


[data-id="mobilemenuck-1"].mobilemenuck { background: #ffffff; }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 a { color: var(--grau); transition: .3s ease-out; }
[data-id="mobilemenuck-1"].mobilemenuck { padding: 0px; text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; }
[data-id="mobilemenuck-1"].mobilemenuck a { font-size: 23px; }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open { background: #ffffff; }

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:hover a { color: var(--blau); }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.item-111:hover a { color: var(--pink); }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.item-112:hover a { color: var(--hellblau); }


[data-id="mobilemenuck-1"] .mobilemenuck-togglericon::after { border-radius: 0px; background: url(../images/open.png) no-repeat scroll right 36px; background-size: 25px 11px; padding: 0px; content: ""; }
.mobilemenuck .open .mobilemenuck-togglericon::after { border-radius: 0px; background: url(../images/close.png) no-repeat scroll right 36px; background-size: 25px 11px; padding: 0px; content: ""; }


[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 { background: #ffffff; margin: 0px; padding: 0px; border-radius: 0px; text-transform: none; }
[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 a { color: var(--grau); font-weight: 400; font-size: 18px; transition: .3s ease-out; }
.mobilemenuck-submenu { padding: 10px 0px 0px 0px; }

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level2.open { background: none; }




[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(2) .mobilemenuck-item .menuck.nav-item.current.active.level2 a {color: var(--pink);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(3) .mobilemenuck-item .menuck.nav-item.current.active.level2 a {color: var(--hellblau);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(4) .mobilemenuck-item .menuck.nav-item.current.active.level2 a {color: var(--blau);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(5) .mobilemenuck-item .menuck.nav-item.current.active.level2 a {color: var(--blau);} 


[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(2) .mobilemenuck-item .menuck.nav-item.level2:hover a {color: var(--pink);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(3) .mobilemenuck-item .menuck.nav-item.level2:hover a {color: var(--hellblau);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(4) .mobilemenuck-item .menuck.nav-item.level2:hover a {color: var(--blau);} 
[data-id="mobilemenuck-1"] .mobilemenuck-item:nth-child(5) .mobilemenuck-item .menuck.nav-item.level2:hover a {color: var(--blau);} 




#menu-small { cursor: pointer; position: relative; width: 35px; height: 30px; top: 3px; }

.shrink #menu-small { top: 9px;}

.menu-global { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid var(--blau); width: 100%; transition: 0.55s; }
.menu-top { top: 0; }
.menu-middle { top: 10px; }
.menu-bottom { top: 20px; }
.menu-top-click { -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 10px; transform: rotate(43deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 10px; transform: rotate(-403deg); transition: 0.55s 0.5s; }




#mobilemenuck-1-mobile { display: block !important; }
#mobilemenuck-1-mobile-bar { display: none; }
.mobilemenuck-title { display: none !important; }





#impress ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#impress li { margin: 0px; padding: 0px; list-style: none; }

#impress li:hover a { color: #ffffff; }
#impress li.active a { color: #ffffff; }

#impress li::after { content: "|"; padding: 0px 10px; }
#impress li:last-child::after { display: none; padding: 0px 0px 0px 10px; }




@media(min-width:800px)
{
    #menu-small { top: 18px; }
}




@media(min-width:1600px)
{
    #mobilemenuck-1-mobile { display: none !important; }    


    #menu li.item-114 ul { padding: 65px 0px 0px 0px; }
}