@media (max-width: 1024px) {
    .menu-button-container {
          display: flex;
    }
    #header nav > ul {
       left:0;
        top:0; 
    }
    #header nav ul {
          position: absolute;
          margin-top: 50px;
          flex-direction: column;
          width: 100%;
          justify-content: center;
          align-items: center;
         display: none;
    }
    #menu-toggle ~ nav ul li {
          height: 0;
          margin: 0;
          padding: 0;
          border: 0;
          transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle:checked ~ nav ul {
       display: block;
        z-index:1000;
    }
    #menu-toggle:checked ~ nav ul li {
          border: 1px solid #333;
          height: 2.5em;
          padding: 0.5em;
          transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
       
    #header  nav ul > li {
          display: flex;
          justify-content: center;
          margin: 0;
          padding: 0.5em 0;
          width: 100%;
          color: black;
          background-color: #fff;
    }
    #header nav ul > li:not(:last-child) {
          border-bottom: 1px solid #444;
    }
    .withSearch .suchen {
        display: inline-flex;
        margin: 0 auto;
        /* width: 100%; */
        justify-content: center;
    }
}
@media (max-width: 1024px) {
    #header > nav > ul > li > ul li.submenu:after {
        top:25px;
    }
    #header nav ul li.submenu:after {
        float: right;
        vertical-align: baseline;
        display: inline-block;
        width:15px;
        height:15px;
        top:25px;
        position:absolute;
        right:15px;
    content: url(/files/bg/NRZ_MehrLesen_orange.svg);
    }
    .toggler,
    .toggler:focus {
        z-index: 0 !important;
    }
    aside,
    #left {
        height:0px;
        left: -200px;
    }
    .sub-menu-button-container {
        display:flex;
    }
    #sub-menu-toggle ~ div {
        top: -20px;
        position:fixed;
        z-index:1;
    }
    #sub-menu-toggle:checked ~ div {
        top:92px;
        z-index:1000;
        background-color:#fff;
        width: 100%;
    }
    #sub-menu-toggle ~ div ul li {
        height:0;
        margin:0;
        padding:0;
        border:0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        top: -5px;
    }
    #sub-menu-toggle:checked ~ div ul li {
        width:90%;
        height:2.0em;
        padding:.5em;
        border-top:0px solid #0069B4;
        border-right:0px solid #0069B4;
        border-bottom:1px solid #0069B4;
        border-left:0px solid #0069B4;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    .subtoggle {
        width: 100%;
            position: fixed;
            top: 66px;
            background-color#0d6efd: ;
            color: white;
            background-color: #0069B4;
            height: 26px;
            left: 0;
        z-index: 1000;
    }
    .toggle {
        width:70%;
        float:right;
        display:block;
    }
    .menu-button-container {
        display:flex;
    }
    #header nav ul {
        width:100%;
        position:absolute;
        margin-top:50px;
        flex-direction: column !important;
        justify-content: center;
        align-items: center;
    }
    #menu-toggle ~ nav ul li {
        height:0;
        margin:0;
        padding:0;
        border:0;
    top: -50px;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    }
    #menu-toggle:checked ~ nav ul li {
        height:2.5em;
        padding:.5em;
        border-top:0px solid #0069B4;
        border-right:0px solid #0069B4;
        border-bottom:1px solid #0069B4;
        border-left:0px solid #0069B4;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
    top: 50px;
    }
    #header nav ul > li {
        width:100%;
        display:flex;
        margin:0;
        padding:.5em 0;
        background-color:#fff;
        justify-content: center;
    }
    #header nav ul > li:not(:last-child) {
        border-bottom:1px solid #444;
    }
    a.suchen.sibling.last:after {
        content: ' Suchen ';
        vertical-align: super;
    }
    #menu-toggle:checked ~ nav ul li ul {
        top: 21px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    #menu-toggle:checked ~ nav ul li ul li {
        height: 1.5em;
        padding: 0.2em;
        border-bottom: 1px solid silver;
        width: auto;
        top: -16px;
        padding-bottom: 12px;
    }
    #menu-toggle:checked ~ nav ul li ul li ul li {
    }
    #menu-toggle:checked ~ nav ul li ul li ul  {
        width: auto;
        top: 0px;
        padding-bottom: 12px;
    }
    #header nav ul ul li:hover > ul, nav ul ul li:active > ul {
        top: 0px;
        left: 0px;
        width: 100% !important;
        height: auto;
    }
    #footer nav ul li a {
        padding: 10px;
          padding-bottom:5px;
        padding-top:20px;
    }
}
@media (max-width: 1024px) {
    .menu-button-container {
        float: right;
        top: 50px; 
        position: relative;
    }
}
@media (max-width: 776px) {
    .menu-button-container {
        float: right;
        top: -50px; 
        position: relative;
    }
}