@charset "utf-8";
@media all and (max-width :1200px) {

 nav ul li {
	 font-size:.9em;
 }
nav .menu_left {
   
    width: 100px;
}


}
@media all and (max-width :1080px) {


nav .menu_left {
   
    width: 0px;
}


}


/* CSS Document */
@media all and (max-width : 500px) {
    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }

    nav {
        margin: 0;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle+a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
        background-color: var(--hg_menue);
        background: -webkit-gradient(linear, left top, left bottom, from(var(--hg_menue_verlauf)), to(var(--hg_menue)));
        background: -moz-linear-gradient(top, var(--hg_menue_verlauf), var(--hg_menue));
        background: linear-gradient(to top, var(--hg_menue_verlauf), var(--hg_menue));
        background-repeat: no-repeat;
        color: var(--vg_menue);
        padding: 14px 20px;
        color: var(--vg_menue);
        text-decoration: none;
        border: none;
    }

    .css_res_menue {
        display: block;
    }

    .toggle:hover {
        background-color: var(--hg_hover_menue);
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked+ul {
        display: block;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: var(--hg_hover_menue);
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: var(--vg_menue);
        font-size: 17px;
    }

    nav ul ul a {
        background-color: var(--hg_unter_menue);
    }

    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: var(--vg_menue);
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover>ul,
    nav ul li:hover>ul {
        display: none;
    }

    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding-left: 20px;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }

    nav ul,
    nav ul li,
    nav ul li .toggle {
        background-color: var(--hg_menue);
        background: var(--hg_menue);
    }
}

@media all and (max-width : 330px) {

#kopfzeile_klein
{
display:block;
font-size:.8em;
}
    nav ul li {
        display: block;
        width: 94%;
    }
	.top_symbole img {
    width: 30px;
    height: auto;
}
}