@charset "utf-8";

/* CSS Document */
@media all and (max-width : 1000px) {
	    
	
	.cssnichtres{
	display:none;
}
	
	 .zelle_0,
    .zelle_2,
    .zelle_5,
    .zelle_7,
    .zelle_8,
    .zelle_9,
    .zelle_10,
    .zelle_12,
    .zelle_13,
    .zelle_15,
    .zelle_15_a,
    .zelle_15_b,
    .zelle_16,
    .zelle_50_px,
    .zelle_20,
    .zelle_21,
    .zelle_24,
    .zelle_25,
    .zelle_26,
    .zelle_30,
    .zelle_32_px,
    .zelle_35,
    .zelle_35_a,
    .zelle_36,
    .zelle_40,
    .zelle_45,
    .zelle_50,
    .zelle_55,
    .zelle_58,
    .zelle_60,
    .zelle_65,
    .zelle_70,
    .zelle_75,
    .zelle_80,
    .zelle_85,
    .zelle_86,
    .zelle_87,
    .zelle_90,
    .zelle_95,
    .zelle_100,
    .zelle_100_px {
        width: 100%;
        float: none;
    }

    .zelle_0 {
        padding-top: 10px;
    }

       label,
    .label {
        padding-left: 0px;
        padding-right: 0px;
    }
	
	#backto {
        right: 0px;
        font-size: 1em;
        padding: 10px;
    }

    #downto {
        right: unset;
        left: 0px;
        font-size: 1em;
        padding: 10px;
    }
		
		#div_foot
{
	width: 100%;
	
	
}
 .flex-top-left {
        display: none;
    }

    .flex-top-right {
        display: none;
    }
.site_button {
        min-width: 28px;
        min-height: 30px;
        max-height: 36px;
        padding: 8px;
        font-size: .8em;
        margin-left: 3px;
    }

   
  .site_foot {
        text-align: center;
        padding: 4px;
        margin-right: revert;
        margin-left: revert;
    }
 .flex-bottom_foot {
        display: revert;
        align-items: revert;
        justify-content: revert;
		padding-bottom:20px;
		font-size:1em;
    }
	
	.nav_wg {
        display: block;
    }
    #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;
    }
nav .menu_left {
        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;
    }
nav ul li a:hover {
    background-color: var(--hg_hover_menue);
    
}
    /* 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);
    }
	   nav .menu_left {
        display: none;
    }

    nav .top_symbole {
        display: none;
    }
nav ul li ul li a:hover{
	background-color: var(--hg_unter_menue);
}
    .toggle_kopf {
        width: 100%;
        display: block;
        background-color: yellow;
    }

    .nav_wg {
        display: block;
    }
	.nav_wg_oben {
        display: none;
    }
}
 

@media all and (max-width : 330px) {
	.top_symbole img {
    width: 24px;
    height: auto;
}
.css_res_menue,
.css_k_menue {
    margin-top: -22px;
    font-size: 9px;
    margin-left: 7px;
    font-weight: bold;
    color: var(--vg_container);
}
    nav ul li {
        display: block;
        width: 94%;
    }
}