.dj-offcanvas-open .dj-offcanvas  {
         z-index                 : 5000!important;
         }

.sticky-menu {
         z-index                 : 2;
         position                : fixed;
         top                     : 0;
         width                   : 100%;
        }

.sticky-menu .sticky-menu-container {
         display                 : grid;
         z-index                 : 500;
}
.header-normal {
         background              : url(../../images/weiss20.png);
         }

.header-scroll {
         opacity                 : 1;
         background              : white;
         box-shadow              : rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            }
/* #######################################*/
/* ALLGEMEINE EINSTELLUNG STICKY-HEADER */


@media screen and (min-width: 1400px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(12, 105px) auto;
}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(12, 95px) auto;
}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(12, 75px) auto;
}
}

@media screen and (min-width: 850px) and (max-width: 1000px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(10, 80px) auto;
}
}
@media screen and (min-width: 700px) and (max-width: 850px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(10, 68px) auto;
}
}
@media screen and (max-width: 700px) {
.sticky-menu .sticky-menu-container {
         grid-template-columns   : auto repeat(6, 15%) auto;
}
}


@media screen and (min-width: 1200px) {
 /* Sticky-Menu-Bereich */
.header-normal{
         height                  : 8em;
         }
.header-scroll {
         height                  : 5.8em;
}

.logo {
         grid-column             : 2 / 8;
         grid-row                : 1 / 3;
         align-items              : center;    }

.menu {
         grid-column             : 4 / 14;
         grid-row                : 2 / 3;
         align-self              : center;
         align-items             : end;
         justify-content         : end;
         width                   : 100%;
}

.kontakt {
         grid-column             : 10 / 14;
         grid-row                : 1 / 2;}

.header-normal .logo img{
        height                   : 7em;
        width                    : auto; }

.header-scroll .logo img{
        height                   : 4em;
        width                    : auto; }

.kontakt {
         margin-top              : 1em;
         }
}

/**##################################### */

@media screen and (min-width: 1000px) and (max-width: 1200px){
.header-normal{
         height                  : 5em;
         }
.header-scroll {
         height                  : 4em;
}

.logo {
         grid-column             : 2 / 8;
         grid-row                : 1 / 3;
         align-items             : center;    }

.menu {
         grid-column             : 12 / 14;
         grid-row                : 1 / 2;
         align-self              : center;
         text-align              : right;
         margin-top              : 1em;
}

.kontakt {
         grid-column             : 5 / 12;
         grid-row                : 1 / 2;
         text-align              : right;
         margin-top              : 1em;             }

.header-normal .logo img{
        height                   : 4.7em;
        width                    : auto; }

.header-scroll .logo img{
        height                   : 3.6em;
        width                    : auto; }

.kontakt {
         margin-top              : 1em;
         }


         }

/* #######################################*/



/* Menu fuer Mobil */
@media screen and (min-width: 700px) and (max-width: 1000px)  {
.header-normal{
         height                  : 4em;
         }
.header-scroll {
         height                  : 3em;
}

.logo {
         grid-column             : 2 / 5;
         grid-row                : 1 / 3;
         align-items             : center;    }

.menu {
         grid-column             : 10 / 12;
         grid-row                : 1 / 2;
         align-self              : center;
         text-align              : right;
         margin-top              : 1em;
}

.kontakt {
         grid-column             : 5 / 10;
         grid-row                : 1 / 2;
         text-align              : right;
         margin-top              : 1em;             }

.header-normal .logo img{
        height                   : 3.7em;
        width                    : auto; }

.header-scroll .logo img{
        height                   : 2.6em;
        width                    : auto; }

.kontakt {
         margin-top              : 1em;
         }
.kontakt a{
         font-size               : 80%;
         }
}


@media screen and (min-width: 500px) and (max-width: 700px)  {

.header-normal{
         height                  : 4em;
         }
.header-scroll {
         height                  : 3em;
}

.logo {
         grid-column             : 2 / 5;
         grid-row                : 1 / 3;
         align-items             : center;    }

.menu {
         grid-column             : 7 / 8;
         grid-row                : 1 / 3;
         align-self              : center;
         text-align              : right;
         margin-top              : 1em;
}

.kontakt {
         grid-column             : 5 / 8;
         grid-row                : 1 / 2;
         text-align              : right;
         margin-top              : 1em;             }

.header-normal .logo img{
        height                   : 3.7em;
        width                    : auto; }

.header-scroll .logo img{
        height                   : 2.6em;
        width                    : auto; }

.kontakt a{
         font-size               : 80%;
         }
}

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

.header-normal{
         height                  : 4.5em;
         }
.header-scroll {
         height                  : 3em;
}

.logo {
         grid-column             : 2 / 4;
         grid-row                : 1 / 3;
         align-items             : center;    }

.header-normal .menu {
         grid-column             : 7 / 8;
         grid-row                : 1 / 2;
         align-self              : center;
         text-align              : right;
         margin-top              : 0.5em;
}

.sticky-menu .kontakt {
display:none              }

.header-scroll .menu {
         grid-column             : 7 / 8;
         grid-row                : 1 / 2;
         align-self              : center;
         text-align              : right;
         margin-top              : 0.5em;
}



.header-normal .logo img{
        height                   : 3.7em;
        width                    : auto; }

.header-scroll .logo img{
        height                   : 2.6em;
        width                    : auto; }

.kontakt a{
         font-size               : 70%;
         }

}









.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn {
    margin: 0 auto;
    padding: 0;
    width: 45px;
    height: 45px;
    background: var(--linkdkl);
    color: white;
    border: none;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}


.dj-offcanvas-dark .dj-offcanvas-top {
    background: var(--menufarbenormal);
    color: white;
}


.dj-offcanvas-dark {
    color: white;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
    display: block;
    font-size: 1.2em;
    line-height: 1;
    color: white;
    text-decoration: none;
    padding: 20px 15px;
    cursor: pointer;
    border-top: 1px solid white;
    border-radius:0    }


ul.dj-mobile-dark li.dj-mobileitem:hover>a,
ul.dj-mobile-dark li.dj-mobileitem.active>a {
    background:var(--linkdkl);
    color: white;
    border-radius:0}


ul.dj-mobile-dark li.dj-mobileitem:hover>a.coaching,
ul.dj-mobile-dark li.dj-mobileitem.active>a.coaching{
    color: white;
    border-radius:0}






[class$="-scroll"],
[class$="-normal"] {
         transition              : all .6s ease;
         }
.kontakt {
         text-align              : right;
         z-index                 : 1002;
         }

.kontakt a{
         color                   : var(--schrift-hell);
         text-decoration         : none;
         background-color        : var(--linkdkl);
         padding                 : 0.25em 0.5em;
         border-radius           : 0.25em;}

.kontakt a:hover {
         color                   : var(--link-hover-text);
         background-color        : var(--link-hover);
}






.dj-megamenu-escort {
         align-self              : end;
         justify-content            : end;
         z-index                 : 1000}

.dj-megamenu-escort li.dj-up {
    position: relative;
    padding: 0 18px !important;
    margin: 0 !important;
}

.dj-megamenu-escort li.parent {
    position: relative;
    padding: 0  0  0 18px !important;
    margin: 0 !important;
}

.dj-megamenu-escort li.dj-up:last-child {
    position: relative;
    padding: 0  0  0 18px !important;
    margin: 0 !important;
}

.dj-megamenu-escort li a.dj-up_a {
    display: block;
    height: 60px;
    font-size: 1.0em;
    color: #000;
    text-decoration: none;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    position: relative;
}

.dj-megamenu-escort li a.dj-up_a > span.dj-drop {
    margin-right: 18px
}