/* Menu for Diethelm Bodenbeläge © admotion */



.navbar-toggler { display: none; }

#interesse ul { margin: 0px; padding: 0px; }
#interesse li { margin: 0px; padding: 0px; float: left; list-style: none; }
#interesse li a { color: #00387A; text-transform: uppercase; letter-spacing: 0.1em; font-size: 18px; font-weight: 600; border: 1px solid #00387A; padding: 5px 15px; display: inline-block; margin: 0px 15px 15px 0px; transition: .3s ease-out; }
#interesse li:hover a { background: #00387A; color: #ffffff; }
#interesse li.active a { background: #00387A; color: #ffffff; }



#menu ul { margin: 0px; padding: 0px; }
#menu li { margin: 0px; padding: 0px; }
#menu li a { color: #000000; text-transform: uppercase; font-size: 18px; letter-spacing: 0.1em; }

div#maximenuck113 ul.maximenuck li.maximenuck ul.maximenuck2 li > a, div#maximenuck113 ul.maximenuck2 li > a, div#maximenuck113 ul.maximenuck2 li > span.separator { color: #000000; }

div#maximenuck113 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover a { color: #00387A; }
div#maximenuck113 ul.maximenuck li.maximenuck ul.maximenuck2 li.active a { color: #00387A; }


div#maximenuck113 ul.maximenuck { background: none; }
div#maximenuck113 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck113 ul.maximenuck li.maximenuck.level1 > span.separator { padding: 0px; }
div#maximenuck113 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck113 ul.maximenuck li.maximenuck.level1.active { background: none; }

div#maximenuck113 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck113 ul.maximenuck li.maximenuck.level1 > span.separator { color: #000000; }

div#maximenuck113 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck113 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck113 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck113 ul.maximenuck li.maximenuck.level1.active > span.separator { color: #00387A; }


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




/* Mobile Menu */

[data-id="maximenuck113"].mobilemenuck { padding: 0px; margin: 20px 0px 0px 0px; }
#maximenuck113-mobile { display: block !important; }
#maximenuck113-mobile-bar { display: none; }
.mobilemenuck-title { display: none !important; }

[data-id="maximenuck113"] .mobilemenuck-item > .level1 { border-radius: 0px; margin: 0px; background: #00387A; padding: 10px 20px; border-bottom: 1px solid #ffffff; transition: .3s ease-out; }
[data-id="maximenuck113"].mobilemenuck a { text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; font-size: 18px; }

[data-id="maximenuck113"] .mobilemenuck-item > .level1:hover, [data-id="maximenuck113"] .mobilemenuck-item > .level1.open { background: #e7ebf1; }
[data-id="maximenuck113"] .mobilemenuck-item > .level1:hover a, [data-id="maximenuck113"] .mobilemenuck-item > .level1.open a { color: #00387A; }
[data-id="maximenuck113"] .mobilemenuck-item > .level1.active { background: #e7ebf1; }
[data-id="maximenuck113"] .mobilemenuck-item > .level1.active a { color: #00387A; }

[data-id="maximenuck113"] .mobilemenuck-item > .level2 { margin: 0px; border-radius: 0px; padding: 10px 20px; border-bottom: 1px solid #00387A; }
[data-id="maximenuck113"] .mobilemenuck-item > .level2 a { color: #00387A; font-weight: 400; }

[data-id="maximenuck113"] .mobilemenuck-item > .level2:hover { background: #00387A; }
[data-id="maximenuck113"] .mobilemenuck-item > .level2.active { background: #00387A; }

[data-id="maximenuck113"] .mobilemenuck-item > .level2:hover a { color: #ffffff; font-weight: 400; }
[data-id="maximenuck113"] .mobilemenuck-item > .level2.active a { color: #ffffff; font-weight: 400; }

[data-id="maximenuck113"] .mobilemenuck-togglericon::after { border-radius: 0px; background: url(../images/plus.png) no-repeat scroll center center; background-size: 20px 20px; content: ""; }
.mobilemenuck .open .mobilemenuck-togglericon::after { content: ""; background: url(../images/minus.png) no-repeat scroll center center; background-size: 20px 3px; }




#menu-small { cursor: pointer; position: relative; width: 35px; height: 30px; }
.menu-global { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 0; border-top: 2px solid #00387A; 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; }







@media(min-width:1100px)
{
    #interesse li a { padding: 10px 25px; margin: 0px 20px 20px 0px; }

}


@media(min-width:1400px)
{
    #menu li { padding: 0px 0px 0px 35px; }
    #menu li li { padding: 0px; }
    div#maximenuck113 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck113 ul.maximenuck li.maximenuck.level1 > span.separator { padding: 0px 0px 47px 0px; }
    div#maximenuck113 div.floatck { margin: 0px 0px 0px -173px; }

    #maximenuck113-mobile { display: none !important; }
}


@media(min-width:1600px)
{
    div#maximenuck113 div.floatck { margin: 0px; }
}