@media print{
    .impressum {
        display: none;
    }
    #hauptnavigation , div.pseudo_navigation{
        display: none;
    }
}

.impressum {
    background-color: #002F63;
    text-align: center;
    color: white;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
/* Mensymbol*/

#hauptnavigation a .menupunkt_menusymbol, div.pseudo_navigation a .menupunkt_menusymbol{
    background: url("../images/menu1.svg");
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1rem;
    margin: 0rem;
}
#hauptnavigation a:hover .menupunkt_menusymbol,
#hauptnavigation a:focus .menupunkt_menusymbol,
div.pseudo_navigation a:hover .menupunkt_menusymbol,
div.pseudo_navigation a:focus .menupunkt_menusymbol{
    background: url("../images/menu2.svg");
    background-size: 2rem 2rem;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1rem;
    margin: 0rem;
}
/*
div.pseudo_navigation a.menu_link_herunter_klein{
	font-size: 1.3rem;
	padding-top: 0.25rem;
	padding-bottom: 0.20rem;
}
*/

#hauptnavigation, div.pseudo_navigation{
    min-width: 100%;
    background-color: #002142;
}
#hauptnavigation{
    min-height: 100vh;
}

#hauptnavigation ul , div.pseudo_navigation ul{
    list-style: none;
    margin: 0rem;
    padding-left: 0rem;
}
/*
#hauptnavigation .untermenu ul , div.pseudo_navigation .untermenu ul{
	color: #E1F5FD;
	list-style: "\2192";
	margin: 0rem;
	padding-left: 1rem;
}
*/
#hauptnavigation li{
    border-bottom: 1px solid white;
}
div.pseudo_navigation ul{
    display: flex;
}
div.pseudo_navigation li{
    flex: 1 1 auto;
    text-align: center;
}
div.pseudo_navigation li:not(:nth-last-child(2)){
    border-right: 1px solid white;
}
#hauptnavigation li:first-child {
    border-top: 1px solid white;
}
#hauptnavigation a, div.pseudo_navigation a{
    display:block;
    font-size: 1rem;
    color: #E1F5FD;
    text-decoration: none;
    /* height:2rem; */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left:0.5rem;
    padding-right: 0.5rem;
    /*white-space: nowrap;*/
    cursor: pointer;
}

#hauptnavigation a:hover, #hauptnavigation a:focus, div.pseudo_navigation a:hover, div.pseudo_navigation a:focus{
    background-color: #B7D2F0;
    color: black;
    text-decoration: none;
}

.symbol_menu_hoch{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

#hauptnavigation a .menupunkt_profil, div.pseudo_navigation a .menupunkt_profil{
    background: url("bilder/profil1.svg");
    background-size: 1rem 1rem;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:1.5rem;
    margin: 0rem;
}
#hauptnavigation a:hover .menupunkt_profil,
#hauptnavigation a:focus .menupunkt_profil,
div.pseudo_navigation a:hover .menupunkt_profil,
div.pseudo_navigation a:focus .menupunkt_profil{
    background: url("bilder/profil2.svg");
    background-size: 1rem 1rem;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:1.5rem;
    margin: 0rem;
}

/* untermenu ueberschreiben start */

#hauptnavigation .untermenu ul , div.pseudo_navigation .untermenu ul {
    display: flex;
    flex-direction: column;

    transition:  0.5s linear;
    /* overflow: hidden; */
    max-height: 20rem;
}

#hauptnavigation .untermenu.hideme ul, div.pseudo_navigation .untermenu.hideme ul,
#hauptnavigation .untermenu.hideme ul li, div.pseudo_navigation .untermenu.hideme ul li{
    transition:  0.5s linear;
    max-height: 0rem;
    max-width: 0rem;
    margin: 0rem;
    overflow: hidden;
    /*
    position: absolute;
    left:-2000rem;
    */
}
#hauptnavigation .untermenu li,  div.pseudo_navigation .untermenu li{

    text-align: left;
    border: none;

    /*
    background: url("bilder/untermenu.png");
    background-size: 1rem 1rem;
    background-position: left;
    background-repeat: no-repeat;
    padding-left:2.5rem;
    padding-right:0.5rem;
    */
}

#hauptnavigation .untermenu  li > a,  div.pseudo_navigation .untermenu  li > a{
    white-space: normal;
}

#hauptnavigation .untermenu > a::BEFORE , div.pseudo_navigation .untermenu > a::BEFORE {
    content: "\25b2 \00A0"; /* Pfeil nach oben */
}

#hauptnavigation .untermenu.hideme > a::BEFORE , div.pseudo_navigation .untermenu.hideme > a::BEFORE {
    content: "\25bc \00A0"; /* Pfeil nach unten */
}

#hauptnavigation .untermenu li a::BEFORE, div.pseudo_navigation .untermenu li a::BEFORE{
    content: "\2192 \00A0";
}

#hauptnavigation .untermenu.hideme li a:focus, div.pseudo_navigation .untermenu.hideme li a:focus{

    position:absolute;
    z-index: 1000;

    width: auto;
}

@media only screen and (max-width: 1060px) {
    .impressum {
        order: 3;
    }

    #hauptnavigation{
        order: 4;
    }
}
/* untermenu ueberschreiben ende*/

/*   wenn grosse Darstellung!*/
/* @media only screen and (min-width: 420px){ */
@media only screen and (min-width: 1060px){

    #hauptnavigation{
        min-height: auto;
    }
    #hauptnavigation ul{
        display: flex;
        /* justify-content: flex-start;  */
        /* flex-wrap: wrap; */
    }
    #hauptnavigation li{
        /*flex: 1 1 14rem;*/
        flex: 1 1 auto;
        text-align: center;
        border-bottom: none;
    }
    #hauptnavigation li:not(:nth-last-child(2)){
        border-right: 1px solid white ;
    }
    #hauptnavigation li:nth-last-child(2){
        border-left: 1px solid white;
    }
    #hauptnavigation li:first-child , div.pseudo_navigation li:first-child{
        border-top: none;
        border-bottom: none;
    }

    #hauptnavigation > ul > li:last-child{
        position: absolute;
        left:-2000rem;
    }

    /* start untermenu ueberschreiben */
    #hauptnavigation .untermenu li {
        text-align: left;
        border: none;
    }
    /* ende*/

    div.pseudo_navigation{
        display: none;
    }


} /* Ende @media */

#hauptnavigation li:empty, div.pseudo_navigation li:empty{
    /*
    position: absolute;
    left:-2000rem;
    */
    border: none;
    /* position: relative; */
    height: auto;
    width: auto;
    left: 0rem;
}

footer > a {
    color: #FFFFFF;
}