.navmobile{
    display:none;

    grid-template-columns: 1fr;
    grid-template-areas: 'text';
    justify-items:center;
    align-items: center;
    align-content: center; /* extra fuer safari */
}
.navmobile.show{
    display:grid !important;
}
/* Styles Button */
body.open_mobilemenu .mobile_menu_btn.header{
    display:none;
}
.mobile_menu_btn{
    display:none;
    position:absolute;
    top:var(--header_inner_bottom_dis);
    right:var(--dis_to_viewport_horizontal);
    z-index:10;
}
.navmobile .mobile_menu_btn{

    top:0px;
    right:var(--default_horizontal_dis);
    text-align: center;
    margin:0 auto;
    background-color:white;
    min-width:40px;
    border:5px solid white;
}
.navmobile{
    display:none;
    position:fixed;
    top:0px;
    right:0px;
    left:0px;
    bottom:0px;
    background-color: var(--primaryColor_transparent);
    z-index:10;
    overflow-y:scroll;
    padding-left: var(--dis_to_viewport_horizontal);
    padding-right: var(--dis_to_viewport_horizontal);
}

/* Styles Navigation */
.navmobile nav .nav_entry.level_1 > a{
    font-size:var(--nav_level1_font_size);
    font-weight:var(--default_bold_font_weight);
}
.navmobile nav .nav_entry.level_2 > a{
    font-size:var(--nav_level1_font_size);
    font-weight: var(--default_text_font_weight);
}
.navmobile nav .nav_entry.level_3 > a{
    font-size:var(--nav_level3_font_size);
    font-weight: var(--default_text_font_weight);
}
.navmobile nav .nav_entry > a{
    display:block;
    color:white;
    padding-left: var(--dis_to_viewport_horizontal);
    padding-right: var(--dis_to_viewport_horizontal);
    padding-top: var(--dis_to_viewport_horizontal);
    padding-bottom: var(--dis_to_viewport_horizontal);
    text-align: center;
    transition: var(--default_transition);

}
.navmobile nav .nav_entry > a:hover,
.navmobile nav .nav_entry.active > a{
    color: var(--secondaryColor);
}
.navmobile nav .nav_entry > .pos_relative > .sub{
    padding-left: var(--dis_to_viewport_horizontal);
}
.navmobile nav .nav_entry.has_sub{
    position:relative;
}
.navmobile nav .nav_entry.has_sub.no_link:after{
    position:absolute;
    right:var(--dis_to_viewport_horizontal);
    top:0px;
    bottom:0px;
    color:white;
    content: "\f107";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size:35px;
    cursor:pointer;
    padding-top:8px;
}
/* Rechtlich Menu */
.navmobile nav.mobile.rechtlich{
    text-align: center;
}
.navmobile nav.mobile.rechtlich .nav_entry{
    display:inline-block;
    width:auto;
}
.navmobile nav.mobile.rechtlich .nav_entry > a{
    display:inline-block;
    width:auto;
    color:white;
    padding-left: var(--dis_to_viewport_horizontal);
    padding-right: var(--dis_to_viewport_horizontal);
    padding-top: var(--dis_to_viewport_horizontal);
    padding-bottom: var(--dis_to_viewport_horizontal);
    border-bottom:0px;
    font-size:var(--nav_level2_font_size);
    transition: var(--default_transition);
}
.navmobile nav.mobile.rechtlich .nav_entry > a:hover,
.navmobile nav.mobile.rechtlich .nav_entry.active > a{
    color: var(--secondaryColor);
}
/* Toggle Sub Mechanismus */
.navmobile nav .nav_entry.has_sub > .pos_relative > .sub{
    display:none;
}
.navmobile nav .nav_entry.has_sub > .pos_relative > .sub.show{
    display:block;
}

@media screen and (max-width:1280px){
    .mobile_menu_btn{
        display:block;
    }
}

@media screen and (max-width:1400px){
    .mobile_menu_btn{
        position:absolute;
        top:var(--header_inner_bottom_dis);
        right:var(--dis_to_viewport_horizontal);
        z-index:10;
    }
}