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{
	font-size:1.2em;
	
}
nav .menu_left {
   
    width: 0px;
}


}


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

    .hamburger {
        font-size: 1.5em;
        font-weight: bold;
    }

    nav {
        margin: 0;
        width: 100%;
		
    }

    nav .menu_left {
        display: none;
    }

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

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

    .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);
    }

    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%;
    }

    nav ul li ul li ul {
        margin-top: 0px;
    }

    nav ul li ul li ul li {}

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

    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) {
    nav ul li {
        display: block;
        width: 94%;
    }
}