


@media only screen and (max-width: 1010px) {

.navi-haupt,
.navi-untermenu{
       display:none;
}
#header .inside{
    height: 107px;

}

.mobilemenupositionabs{
    position:absolute;
    height:1px;
    width:1px;
    right:0px;
    top:0px;
}

.mobilemenupositionrel{
    position:relative;
    height:50px;
    width:100px;
    right:125px;
    top:0px;
}
/*MobileMenuToggle*/ 

input#MenuToggle {
   display:none;
}

label.MenuToggle {
   
    position:relative;
    display:inline;
    margin:0 5px 7px 0;
    padding:7px 15px;
    vertical-align:middle;
    background-color:#fff;
    border-radius:5px;
    font-size:11pt;
    text-decoration:none;
    top:0px;
    color:#$pblau;
    -webkit-box-shadow:2px 2px 2px 2px #999;
    box-shadow:2px 2px 2px 2px #999;
}

.navimobil {
    display:none;
}

#MenuToggle:checked + label.MenuToggle {
    border-bottom:0px solid #999;
}

#MenuToggle:checked + .navimobil {
    min-width:215px;
    max-width:300px;
    bottom:20px;
    position:relative;
    overflow:visible;
    display:block;
    margin-top:5px;
    padding:5px 10px;
    background-color:var(--farbe-seitenhintergrund);
    border-radius:5px;

    right:152px;
    top:20px;
    -webkit-box-shadow:2px 2px 2px 2px #999;
    box-shadow:2px 2px 2px 2px #999;
    z-index: 100;
}

}

@media only screen and (min-width: 1010px) {

.navi-haupt{
       display:block;
}

/*MobileMenuToggle ausblenden*/
.navimobil {
    display:none;
}
label.MenuToggle {
    right:15px;
    display:none;
    top:15px;
    cursor: pointer;
}
#MenuToggle {
    display:none;
}

}


@media only screen and (max-width: 1010px) {


/* Mobile Menu */

.navimobil > ul.level_1 > li {
    margin:5px 0 0;
    padding:0;
    vertical-align:middle;
}

.navimobil > ul.level_1 > li > a {
    display:block;
    margin-bottom:9px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    vertical-align:middle;
    background-color:var(--farbe-seitenhintergrund);
    border:1px solid;
    border-radius:5px;
    font-size:11pt;
    text-decoration:none;
    color:var(--farbe-artikelhintergrund);
    border-color:var(--farbe-seitenhintergrund);
    -webkit-box-shadow:0 0 0 0 #999;
    box-shadow:0 0 0 0 #999;
}

.navimobil > ul.level_1 > li > span.active,
.navimobil > ul.level_1 > li > strong {
    display:block;
    margin-bottom:9px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    vertical-align:middle;
    border-radius:5px;
    font-size:11pt;
    text-decoration:none;
    color:var(--farbe-artikelhintergrund);
    background-color:var(--farbe-menuhintergrund);
}

.navimobil > ul.level_1 > li > a.trail {
    display:block;
    margin-bottom:9px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:20px;
    vertical-align:middle;
    border:0px solid;
    border-radius:5px;
    font-size:11pt;
    font-weight: bold;
    text-decoration:none;
    color:var(--farbe-artikelhintergrund);
    background-color:var(--farbe-menuhintergrund);
}

.navimobil > ul.level_1 > li > ul.level_2 {
    list-style-type: disc;
    list-style-position: inside;
}

.navimobil > ul.level_1 > li > ul.level_2 > li::marker {
    margin:5px 0 0;
    padding:0;
    vertical-align:middle;
}

.navimobil > ul.level_1 > li > ul.level_2 > li {
    margin:5px 0 0;
    padding:0;
    vertical-align:middle;
        margin-bottom:7px;
    margin-left:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    vertical-align:middle;
    background-color:var(--farbe-seitenhintergrund);
    border:0px solid var(--farbe-seitenhintergrund);
    border-radius:5px;
    font-size:11pt;

}

.navimobil > ul.level_1 > li > ul.level_2 > li > a {
    position:relative;
    display:inline-block;
    text-decoration:none;
    color:var(--farbe-artikelhintergrund);
}

.navimobil > ul.level_1 > li > ul.level_2 > li.active {
        margin-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    vertical-align:middle;
    border: 0px;
    border-radius:5px;
    font-size:11pt;
 
    background-color:var(--farbe-menuhintergrund);
}

.navimobil > ul.level_1 > li > ul.level_2 > li > .active {
    position:relative;
    display:inline-block;
   text-decoration:none;
    color:var(--farbe-artikelhintergrund);
}


.navimobil > ul.level_1 > li > ul.level_2 > li > .submenu {
    width:150px;
    position:relative;
    display:block;
    margin-left:20px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    vertical-align:middle;
    background-color:#0d7861;
    border-radius:5px 5px 0 0;
    font-size:11pt;
    text-decoration:none;
    color:#fff;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > a.trail {
    position:relative;
    display:block;
    margin-bottom:0;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    vertical-align:middle;
    background-color:#0d7861;
    border:1px solid #0d7861;
    border-radius:5px;
    font-size:11pt;
    text-decoration:none;
    color:#fff;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > a.submenu {
    width:150px;
    position:relative;
    display:block;
    margin-bottom:0;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    vertical-align:middle;
    background-color:#0d7861;
    border:1px solid #0d7861;
    border-radius:5px 5px 0 0;
    font-size:11pt;
    text-decoration:none;
    color:#fff;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > ul.level_3 {
    margin:0 0 10px 20px;
    padding:0;
    vertical-align:middle;
    border:1px solid #0d7861;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > ul.level_3 > li {
    margin:0;
    padding:0;
    vertical-align:middle;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > ul.level_3 > li > a {
    position:relative;
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    vertical-align:middle;
    background-color:#fff;
    font-size:11pt;
    text-decoration:none;
    color:#0d7861;
}

.navimobil > ul.level_1 > li > ul.level_2 > li > ul.level_3 > li > span.active {
    position:relative;
    display:block;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:20px;
    vertical-align:middle;
    background-color:#0d7861;
    font-size:11pt;
    text-decoration:none;
    color:#fff;
}


}