@media only screen and (max-width: 767px) {

    /**********************************
    * Menue Button
    **********************************/
    #menue {
        background: -webkit-linear-gradient(
                top,
                #ffffff 0%,
                #ffffff 50%,
                #dbdbdb);
        background: -moz-linear-gradient(
                top,
                #ffffff 0%,
                #ffffff 50%,
                #dbdbdb);
        background: -o-linear-gradient(
                top,
                #ffffff 0%,
                #ffffff 50%,
                #dbdbdb);
        background: -ms-linear-gradient(
                top,
                #ffffff 0%,
                #ffffff 50%,
                #dbdbdb);
        background: linear-gradient(
                top,
                #ffffff 0%,
                #ffffff 50%,
                #dbdbdb);
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#ffffff),
                color-stop(0.50, #ffffff),
                to(#dbdbdb));
        border: 1px solid #777777;
        font-family: Arial, Helvetica, sans-serif;
        margin: 11px 0 0 0;
        overflow: hidden;
        position: absolute;
        right: 0.5%;
        top: 0;
        width: 158px;
    }

    #menue a {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0ODZDMDQ0NTNFMzExRTY4RjlCRTJBODlFQjlGMkQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ0ODZDMDQ1NTNFMzExRTY4RjlCRTJBODlFQjlGMkQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDQ4NkMwNDI1M0UzMTFFNjhGOUJFMkE4OUVCOUYyRDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ4NkMwNDM1M0UzMTFFNjhGOUJFMkE4OUVCOUYyRDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5+vomZAAAAmUlEQVR42rSVYQ6AIAhGP1336zjWCfI4dbNuQOr445YFRG5Mp/AUBcQOnEUSEeGLVEZlRQBbkXyEsMDY2DY3FtOXIlR7w8k62+GCBdYBtdCRrlhRqqM2eNtQ5ZLk9KFRn8OhhtXKU208E+WhkeLyRY8V4dwmQQZ0Lpc5mFy2Psr/YeMa2K6p51ocXMsXV1oT7Aaa4P0FXAIMAMKsO947pUF3AAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        color: #333;
        display: block;
        font-size: 0.75em;
        font-weight: bold;
        padding: 11px 25px;
        text-decoration: none;
        text-indent: -9999em;
        width: 100%;
    }

    #menue a.closed {
        background-image: url('/img/new-assets/header-icons/burger-nav.svg');
        background-repeat: no-repeat;
        background-position: right center;
        margin-top: 0;
    }

    /**********************************
    * Metanavigation
    **********************************/
    #metanav {
        height: 50px;
        margin: 8px 0 0 0;
        top: 0.6em;
        right: calc(5% + 1.5em);
        width: 29px;
    }

    #metanav a {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0ODZDMDQ0NTNFMzExRTY4RjlCRTJBODlFQjlGMkQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ0ODZDMDQ1NTNFMzExRTY4RjlCRTJBODlFQjlGMkQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDQ4NkMwNDI1M0UzMTFFNjhGOUJFMkE4OUVCOUYyRDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ4NkMwNDM1M0UzMTFFNjhGOUJFMkE4OUVCOUYyRDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5+vomZAAAAmUlEQVR42rSVYQ6AIAhGP1336zjWCfI4dbNuQOr445YFRG5Mp/AUBcQOnEUSEeGLVEZlRQBbkXyEsMDY2DY3FtOXIlR7w8k62+GCBdYBtdCRrlhRqqM2eNtQ5ZLk9KFRn8OhhtXKU208E+WhkeLyRY8V4dwmQQZ0Lpc5mFy2Psr/YeMa2K6p51ocXMsXV1oT7Aaa4P0FXAIMAMKsO947pUF3AAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        color: #333;
        display: block;
        font-size: 0.75em;
        font-weight: bold;
        margin-left: 4px;
        padding: .5em;
        text-decoration: none;
        background-position: left center;
    }

    #metanav a.closed {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAq1JREFUeNrslmtozXEYx3ckhFIuhU1ZSdKUxFLEXHLJMNoLRSHayiVFLnlzcile7IXSXIY1L1YLYUsz12QujZUiXrgky63O2USSRMfnW99Tp9O5/M8SiX99ek7P7/L9P7/f8zz/E4rFYnm/++mR9weef0e0Z6bBjRWrwpj1MAQicAbCB2vqIhnW9PW8z7CCud9yjXSMBbXJCVgG7Ww8PIPgBSiBMq3D1ytQpEzchOkPK6EfLIZyOAJ3bBelEZwMpV6vlz3lF8ga6VbYC7st1u4N9OzSpogMThAcgLkYF+RIr2OfQBeMDXqn+XADtnvRRGiBN3AfQjASoha87KuYi2ArvlFer3udGfROP3jROlgITYqYDb9jCz2nM0lwTpLgV90tvtdBI22GChjnDZ6y+IfH4qKzYBgUwzbG24II6gmlaoMsLvQxdvluH4I21D0eh2q/1H6YBDNgD6zNJpj2eFnwEjMFtPAkPIDTcBj2MV7phNoBz+0PBxFMG2lS1KrTAngHy6FK2c3GVYxJ/BCcg1qdTqbGEVg0Qbw3pg/s1B3CGgRq8S/ldz3cU+3i+/hLeq+z9KaPst7d6Rj+MkTOqlRgvOak61Y5iSaVRRSuQQ00QgPjukO90FQYpI6Fb3S3RZPrEKbBW7gCm90SG5k3AeFHTj4l0218xTmLpij8NuxQ0PF1uJyWwDO4pBplzitH/EL1im9erpEqYYrigmygRqGe+l6tDd8nJ818d7CrzCnAF3XrU5NowlcaSNSfo9VQl0YwklDT+j3b3a2FuQPxffFXqNXNJVCk5f6OKhsPYG+lEkwQ7nAG6/ib9Zlzn74LI4KKVto26Ovv1leSqfAZe4xZ4H6tRKp2sp0PKlrk6CSYz4ZboDNbeTnZpvsTqGw/Chu63ZH+/wX9a0R/CjAAEzAjhvW+TOoAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        margin-left: 0;
    }

    /**********************************
    * Generelle Listen Styles
    **********************************/
    #mainnav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #mainnav li {
        margin: 0;
        padding: 0;
    }

    /**********************************
    * Besuchen Sie wird entfernt
    **********************************/
    .besuchenSie {
        border-top: 1px solid #e1141c;
        display: block;
        margin-top: 2em;
    }

    .besuchenSie h3 {
        display: block;
        margin: 10px 0 10px 10px;
        text-transform: uppercase;
        color: #676767;
    }

    /**********************************
    * Generelle Styles
    * aller Links und LI in den Ebenen
    **********************************/
    #mainList {
        position: relative;
    }

    #mainList a {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpiaGFgWMWABpiAOBQocReIjZEFw4BYCYjPACXSQIKMIALIcQFSu6EKlZmAAqFIAuk1DAz3WBggFt0DGQMUOMsA1YphO0CAAQA3tA8ldaPNrgAAAABJRU5ErkJggg==');
        background-position: 40px 22px;
        background-repeat: no-repeat;
        color: #000;
        /*background-image: url('img/pfeilrot.png');*/
        display: block;
        font-size: 0.95rem;
        outline: none;
        border-top: 1px solid #676767;
        padding: 15px 0 15px 53px;
        text-decoration: none;
    }

    #mainList a h1,
    #mainList a h2 {
        display: inline;
        font-size: inherit;
        font-weight: normal;
    }

    /*Fuer Links mit "Unterpunkten" ein anderen Icon*/
    #mainList a.navMenue {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDBGQjI1MUZEQTVCMTFFMkJGMzVFNjExRUUwRUUwRjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDBGQjI1MjBEQTVCMTFFMkJGMzVFNjExRUUwRUUwRjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMEZCMjUxRERBNUIxMUUyQkYzNUU2MTFFRTBFRTBGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowMEZCMjUxRURBNUIxMUUyQkYzNUU2MTFFRTBFRTBGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiR4n3UAAABYSURBVHjaYvz//z8DLsDSysi4CkiHAnFYDQPD6hYIGyS2mhGkAihwF0gpAbErEO8G4ntAhcpMUBPCoPRuZD5YEqjqLJBKh0qkQ/mooAViNBww4nMtQIABAIedFKQ9W9PmAAAAAElFTkSuQmCC');
        /*background-image: url('img/pfeilrot_unten.png');*/
    }

    #mainList a.backItem {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjNGRUJFNDhBMjcwMTFFMkE2MzhGRkZBQjA1QTFCMkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjNGRUJFNDlBMjcwMTFFMkE2MzhGRkZBQjA1QTFCMkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGM0ZFQkU0NkEyNzAxMUUyQTYzOEZGRkFCMDVBMUIyRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGM0ZFQkU0N0EyNzAxMUUyQTYzOEZGRkFCMDVBMUIyRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjz5ed4AAABPSURBVHjaYmBAAi0MDKv+///PwALlGAOpVUCsBOIzAQXSgPQZqEAYSJARKPgfqtu1hoFhD0g7E5CTDhXcDVQQClaJbmb1//+MDNhsBwgwADJGGAdzgRf1AAAAAElFTkSuQmCC');
        /*background-image: url('img/pfeilrot_links.png');*/
    }

    #mainList a.navMenue,
    #mainList a.navMenue h2,
    #mainList a.backItem,
    #mainList a.backItem h2 {
        font-weight: bold;
    }

    /* Einrueckungen fuer Unterpunkte */
    #mainList > li > a,
    #mainList a.backItem,
    #mainList .forwardItem a,
    #mainList .geheZu a {
        background-position: 20px 22px;
        padding-left: 33px;
    }

    /**********************************
    * erste ebene Uppercase
    **********************************/
    #mainList li > a {
        font-weight: bold;
        text-transform: uppercase;
    }

    #mainList li li > a {
        font-weight: normal;
        text-transform: none;
    }

    /**********************************
    * CSS fuer Browser ohne JS
    **********************************/
    .no-js #mainnav ul ul {
        display: block;
    }

    .no-js #menue {
        display: none;
    }

    .no-js .mainListWrapper {
        height: auto;
    }

    .no-js #mainnav ul {
        position: relative;
    }

    .no-js #mainnav ul ul,
    .no-js .navMenueLayer {
        display: block;
        left: 0;
        position: relative;
        top: 0;
    }

    .no-js #mainnav ul ul a {
        margin-left: 20px
    }

    .no-js #mainnav ul ul ul a {
        margin-left: 40px
    }

    .no-js #mainnav li {
    }

    /**********************************
    * mainListWrapper ein und Ausfahren,
    * wenn auf den Menue Button geklickt wird
    **********************************/
    .mainListWrapper {
        border-bottom: 3px solid #e1141c;
        height: 208px;
        opacity: 1;
        overflow: hidden;
        overflow: hidden;
        position: relative;
        visibility: visible;
        /*bei 4 Menuepunkten ist die höhe 191px, wird per JS neu gesetzt*/
        width: 100%;
        margin: 0 auto 1rem;
    }

    .mainListWrapper.closed {
        height: 0;
        opacity: 0;
        visibility: hidden;
        z-index: 1;
    }

    /**********************************
    * Ebene 2 und Ebene 3 ausblenden
    **********************************/
    .navMenueLayer {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .navMenueLayer {
        display: none;
        left: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .navCol ul {
        display: none;
        left: 200%;
        position: absolute;
        top: 0;
        width: 100%;
    }

    /**********************************
    * Ebenen ein und Ausblenden
    **********************************/
    #mainnav .leftOffcontent {
        display: block;
        left: -100%;
        transition: all 0.2s ease-out; /* schliessen */
        -moz-transition: all 0.2s ease-out; /* schliessen */
        -o-transition: all 0.2s ease-out; /* schliessen */
        -webkit-transition: all 0.2s ease-out; /* schliessen */
    }

    #mainnav .current {
        display: block;
        transition: all 0.2s ease-out; /* schliessen */
        -moz-transition: all 0.2s ease-out; /* schliessen */
        -o-transition: all 0.2s ease-out; /* schliessen */
        -webkit-transition: all 0.2s ease-out; /* schliessen */
    }

}