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


/* #######################################*/
/* ALLGEMEINE EINSTELLUNG STICKY-HEADER */
.header-normal {
         z-index                 : 1000;
         position                : fixed;
         top                     : 0;
         width                   : 100%;
         background              : white;
         opacity                 : 0.9;
         border-bottom: 3px solid #ECDAB4;
}

.header-scroll {
         z-index                 : 1000;
         position                : fixed;
         top                     : 0;
         width                   : 100%;
         background              : white;
         opacity                 : 1;
         box-shadow              : rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            }


[class$="-scroll"],
[class$="-normal"],
.logo img,
.logo-dgs {
         transition              : all .6s ease;
         }


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



/* #######################################*/
/* Menue fuer Desktop */
@media screen and (min-width: 1200px)  {

.sticky-menu {
         display                 : grid;
         grid-template-columns   : auto repeat(12, 100px) auto;
}

.logo {
         grid-column             : 2 / 6;
         grid-row                : 1 / 3;
}

.logo-dgs {
         grid-column             : 10 / 14;
         grid-row                : 1 / 3;
         text-align              : right;
}

.menuleiste {
         grid-column             : 2 / 14;
         grid-row                : 2 / 3;
     }
.menuleiste {
         display: flex;
         justify-content         : flex-end;
         align-items             : center;
         z-index                 : 1000;
         margin-bottom           : 1em;}


}

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

.sticky-menu  {
         display                 : grid;
         grid-template-columns   : auto 15% 45% 30% auto;
}
.menuleiste {
         grid-column             : 2 / 3;
         grid-row                : 1 / 2;
         z-index                 : 3;
         justify-self            : start;
         align-self              : center;
}
.logo {
         grid-column             : 3 / 4;
}

.logo-dgs {
         grid-column             : 4 / 5;
         grid-row                : 1 / 2;
         justify-self            : end;
         align-self              : center;}


            }

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


.sticky-menu {
          display                 : grid;
         grid-template-columns   : auto 15% 55% 20% auto;
         padding-top             :0.25em;
}
.menuleiste {
         grid-column             : 2 / 3;
         grid-row                : 1 / 2;
         z-index                 : 3;
         justify-self            : start;
         align-self              : center;
}
.logo {
         grid-column             : 3 / 4;
}

.logo-dgs {
         grid-column             : 4 / 5;
         grid-row                : 1 / 2;
         justify-self            : end;
         align-self              : center;
         text-align              : right;}



            }
* #######################################*/


/* #######################################*/
/* #######################################*/
/* Sticky Header - Scroll - Effekte */

/* DESKTOP */
@media screen and (min-width: 1200px)  {
.header-normal{
         height          : 9.5em;
         }

.header-scroll {
         height          : 5em;
            }

.sticky-normal {
         height          : 6.5em;
}

.menu-scroll {
         margin-top      : 1em;
         margin-right    : 100px;}


.logo-scroll img {
        max-height       : 4.5em;
         width          : auto;}
.logo-normal img {
        max-height       : 8.5em;
         width          : auto;    }

.logo-dgs-scroll img {
         max-width       : 20%;
         height          : auto;}
.logo-dgs-normal img {
         max-width       : 80%;
         height          : auto;    }

.dgs-logo {
         max-height      : 80px;
         }
}


/* TABLET */
@media screen and (min-width: 1000px) and (max-width: 1200px)  {
.header-normal{
         height                  : 9.5em;
         }
.sticky-normal {
         height                  : 6.0em;
}


.header-scroll {
         height                  : 6em;
            }



.logo-scroll img {
         max-width       : 40%;
         height          : auto;}
.logo-normal img {
         max-width       : 100%;
         height          : auto;    }

.logo-dgs-scroll img {
         max-width       : 20%;
         height          : auto;}
.logo-dgs-normal img {
         max-width       : 80%;
         height          : auto;    }

.dgs-logo {
         max-height      : 80px;
         }
.menu-normal {
         margin-top              : 2em;
         }
.menu-scroll {
         margin-top              : 0em;
         }

}

/* TABLET */
@media screen and (min-width: 800px) and (max-width: 1000px)  {
.sticky-normal {
         height                  : 7em;
}
.header-normal{
         height                  : 7em;
         }

.header-scroll {
         height                  : 4.5em;
            }

.logo-scroll img {
         max-height      : 3.85em;
         width           : auto  }
.logo-normal img {
         max-height      : 6.5em;
         width           : auto    }

.logo-dgs-scroll img{
         max-height      : 3.85em;
         width           : auto  }
.logo-dgs-normal img {
         max-height      : 4.5em;
         width           : auto  }

.dgs-logo {
         max-height      : 80px;
         }
}

/* Mobil */
@media screen and (max-width: 800px) {
.sticky-normal {
         height           : 7em;
}
.header-normal{
         height          : 7em;
         }

.header-scroll {
         height          : 4.5em;
            }

.logo-scroll img {
         max-height      : 3.85em;
         width           : auto  }
.logo-normal {
padding-top: 0.25em;}
.logo-normal img {
         max-height      : 6.5em;
         width           : auto    }

.logo-dgs-scroll img{
         max-height      : 3.85em;
         width           : auto  }
.logo-dgs-normal img {
         max-height      : 4.5em;
         width           : auto  }

.dgs-logo {
         max-height      : 80px;
         }
}




.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: #E0F1F4;
    color: var(--menufarbenormal);
    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 {
    background: var(--menufarbenormal);
    color: white;
}


ul.dj-mobile-dark li.dj-mobileitem>a {
    display: block;
    font-size: 1.2em;
    line-height: 1;
    background: var(--menufarbenormal);
    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:#E0F1F4;
    color: var(--menufarbenormal);
    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}