/* Menu for Hegner Kanalreinigung © admotion */


#menu ul { margin: 0px; padding: 0px; }
#menu li { margin: 0px; padding: 0px; }




[data-id="maximenuck110"].mobilemenuck { display: block !important; padding: 0px; }
#maximenuck110-mobile-bar { display: none; }
.mobilemenuck-topbar { display: none; }
[data-id="maximenuck110"] .mobilemenuck-item > .level1 { border-radius: 0px; padding: 10px 15px; margin: 0px; background: #00597f; border-bottom: 2px solid #ffffff; transition: .3s ease-out; }
[data-id="maximenuck110"].mobilemenuck a { color: #ffffff; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; font-size: 17px; }

[data-id="maximenuck110"] .mobilemenuck-item > .level1:hover, [data-id="maximenuck110"] .mobilemenuck-item > .level1.open { background: #00A1E5; }
[data-id="maximenuck110"] .mobilemenuck-item > .level1.active, [data-id="maximenuck110"] .mobilemenuck-item > .level1.open { background: #00A1E5; }
[data-id="maximenuck110"] .mobilemenuck-item > .level1:hover a, [data-id="maximenuck110"] .mobilemenuck-item > .level1.open a { color: #ffffff; }
[data-id="maximenuck110"] .mobilemenuck-item > .level1.active a, [data-id="maximenuck110"] .mobilemenuck-item > .level1.active a { color: #ffffff; }


[data-id="maximenuck110"] .mobilemenuck-item > .level2 { border-radius: 0px; padding: 10px 15px; margin: 0px; background: #ffffff; border-bottom: 1px solid #00597f; transition: .3s ease-out; }
[data-id="maximenuck110"] .mobilemenuck-item > .level2 a { text-transform: none; font-weight: 300; font-size: 17px; line-height: 160%; letter-spacing: 0.03em; }

[data-id="maximenuck110"] .mobilemenuck-togglericon::after { border-radius: 0px; }

#menu-small { cursor: pointer; position: absolute; width: 50px; height: 50px; right: 20px; top: 32px; z-index: 99999; background: #e7000e; }
.menu-global { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; border-top: 1px solid #ffffff; transition: 0.55s; }
.menu-top { top: 14px; left: 10px; right: 10px; }
.menu-middle { top: 23px; left: 10px; right: 10px; }
.menu-bottom { top: 32px; left: 20px; right: 10px; }
.menu-top-click { -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 23px; transform: rotate(43deg); transition: 0.55s 0.5s; }
.menu-middle-click { opacity: 0; }
.menu-bottom-click { -webkit-backface-visibility: hidden; backface-visibility: hidden; top: 23px; left: 10px; transform: rotate(-403deg); transition: 0.55s 0.5s; }




#submenu ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#submenu li { margin: 0px 15px 15px 0px; padding: 0px; list-style: none; }
#submenu li a { padding: 14px 30px 13px 30px; display: inline-block; background: #00597f; color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: 16px; letter-spacing: 0.08em; transition: .3s ease-out; }
#submenu li:hover a { background: #00A1E5; }
#submenu li.active { display: none; }




@media(min-width:600px)
{  
    #menu-small { right: 30px; }
}



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



@media(min-width:1400px)
{
    [data-id="maximenuck110"].mobilemenuck { display: none !important; }

    
    #maximenuck110 { border-bottom: 0px solid #e7000e; }

    div#maximenuck110 ul.maximenuck { display: flex !important; flex-wrap: wrap; justify-content: space-between; }
    div#maximenuck110 ul.maximenuck li.maximenuck.level1 { width: 15.5%; border-top: 3px solid #e7000e; font-size: 15px; position: relative !important; }
    div#maximenuck110 ul.maximenuck::after { display: none; }
    div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a { padding: 20px 0px; color: #00597f; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; transition: .3s ease-out; }
    div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a { color: #e7000e; }
    div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > a { color: #e7000e; }


    div#maximenuck110.maximenuckh ul.maximenuck li.level1.parent > a { padding: 20px 0px; }
    div#maximenuck110 ul.maximenuck li.level1.parent > a::after { display: none; }


    div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck110 ul.maximenuck2 li.maximenuck { background: #00597f; border-bottom: 1px solid #ffffff; transition: .3s ease-out; }
    div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.active.maximenuck, div#maximenuck110 ul.maximenuck2 li.active.maximenuck { background: #00A1E5; }
    div#maximenuck110 ul.maximenuck li ul.maximenuck2 li:hover.maximenuck, div#maximenuck110 ul.maximenuck2 li:hover.maximenuck { background: #00A1E5; }

    div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 a, div#maximenuck110 ul.maximenuck2 a { color: #ffffff; padding: 20px 20px; }
    div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 .active a, div#maximenuck110 ul.maximenuck2 .active a { color: #ffffff; }
    div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 a:hover, div#maximenuck110 ul.maximenuck2 a:hover { color: #ffffff; }
    div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck110 ul.maximenuck2 li.maximenuck { text-align: center; }

}




@media(min-width:1700px)
{
    div#maximenuck110 ul.maximenuck li.maximenuck.level1 { width: 15%; font-size: 17px; }
}