/* Menu for Trachsel Hutter Flattich Rechtsanwälte AG © admotion */


#impress ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#impress li { margin: 0px; padding: 0px; list-style: none; }
#impress li a { color: rgb(255,255,255,.5); font-weight: 400; border-left: 1px solid rgb(255,255,255,.5); padding: 0px 10px; transition: .3s ease-out; line-height: 160%; }
#impress li:first-child a { border-left: 0px; padding: 0px 10px 0px 0px; }
#impress li:hover a { color: #ffffff; }
#impress li.active a { color: #ffffff; }


#menu ul { margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; }
#menu li { margin: 0px; padding: 0px 0px 0px 30px; list-style: none; text-transform: uppercase; letter-spacing: 0.12em; font-size: 20px; }
#menu li a { color: #000000; font-weight: 300; position: relative; padding: 0px 0px 5px 0px; }

#menu li a::before { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: var(--blau); transition: width 0.5s ease; }
#menu li a:hover::before { width: 100%; }


#menu li:hover a { color: var(--blau); }
#menu li.active a { color: var(--blau); }
#menu li.active a::before { content: ''; position: absolute; bottom: 0; left: 0; width:100%; height: 1px; background-color: var(--blau); }


#menu li li { padding: 0px; text-transform: none; letter-spacing: 0.02em; font-size: 18px; }


#menu li li a { background: var(--blau); color: #ffffff; padding: 10px 15px; margin: 0px 0px 5px 0px; transition: .3s ease-out; }
#menu li:hover li a { color: #ffffff;}
#menu li li:hover a { background: var(--hellblau); color: #000000;}
#menu li li.active a { background: var(--hellblau); color: #000000;}

#menu li li a::before { display: none; }



[data-id="maximenuck121"] .mobilemenuck-item > .level1 { color: #000000;}
[data-id="maximenuck121"] .mobilemenuck-item > .level1:hover { color: #ffffff; }
[data-id="maximenuck121"] .mobilemenuck-item > .level1.open { color: #ffffff; }

div#maximenuck121 div.maxidrop-main { width: auto; margin-top: 20px; }
div#maximenuck121 ul.maximenuck li.level1.parent > a::after, div#maximenuck121 ul.maximenuck li.level1.parent > span.separator::after { display: none; }
div#maximenuck121.maximenuckh ul.maximenuck li.level1.parent > a, div#maximenuck121.maximenuckh ul.maximenuck li.level1.parent > span.separator { padding-right: 0px; }

[data-id="maximenuck121"] .mobilemenuck-item > .level1.active { background: var(--blau);}
[data-id="maximenuck121"] .mobilemenuck-item > .level1.active a { color: #ffffff; }
[data-id="maximenuck121"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="maximenuck121"] .mobilemenuck-item > .level1.open { background: var(--blau);}
[data-id="maximenuck121"] .mobilemenuck-item > .level1:not(.headingck):hover a, [data-id="maximenuck121"] .mobilemenuck-item > .level1.open a { color: #ffffff;}


[data-id="maximenuck121"] .mobilemenuck-togglericon::after { background: none; border-radius: 0; padding-top: 7px; }
.mobilemenuck-topbar { border-bottom: 1px solid #000000;}
[data-id="maximenuck121"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="maximenuck121"] .mobilemenuck-item > .level2.open { background: var(--hellblau);}

[data-id="maximenuck121"] .mobilemenuck-item > .level1 { border-radius: 0px; margin: 0px; border-bottom: 1px solid #000000; background: var(--hellblau); padding: 10px 20px; }
[data-id="maximenuck121"] .mobilemenuck-item > .level1 a { font-weight: 300; text-transform: uppercase; letter-spacing: 0.12em; font-size: 18px; color: #000000; }
[data-id="maximenuck121"] .mobilemenuck-title { background: var(--hellblau);}
[data-id="maximenuck121"].mobilemenuck { padding-bottom: 0; }
[data-id="maximenuck121"].mobilemenuck { color: #000000;}

[data-id="maximenuck121"] .mobilemenuck-button { font-size: 34px; }
[data-id="maximenuck121"].mobilemenuck { font-weight: 300; }
[data-id="maximenuck121"] .mobilemenuck-item > .level2.active { background: var(--hellblau);}

[data-id="maximenuck121"] .mobilemenuck-item > .level2 { margin: 0px; padding: 10px 20px; border-radius: 0px; border-bottom: 1px solid #000000; }
[data-id="maximenuck121"].mobilemenuck a { font-weight: 300; font-size: 18px; }
[data-id="maximenuck121"] .mobilemenuck-bar-title { display: none; }

[data-id="maximenuck121"] .mobilemenuck-bar-button { background: none; color: var(--blau); padding: 0px; width: auto; height: auto; top: 0px; font-size: 45px; right: 20px; }
.mobilemenuck-bar-button { font-family: 'DM Sans'; font-weight: 300; }


.team li { text-transform: uppercase; letter-spacing: 0.1em; }
.team li:hover a { color: #000000;}
.team li.active a { color: #000000;}
.team li.current a { color: #000000;}



.dienstleistungen li { text-transform: uppercase; letter-spacing: 0.1em; }
.dienstleistungen li:hover a { color: #000000;}
.dienstleistungen li.active a { color: #000000;}
.dienstleistungen li.current a { color: #000000;}



@media(min-width:800px)
{
    [data-id="maximenuck121"] .mobilemenuck-bar-button { right: 7%; }
}


@media(min-width:1500px)
{
    #menu li { padding: 0px 0px 0px 50px; }
}