
/* Sticky-Menu Angaben im Normal-Modus */




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

.sticky-menu  {
         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              : end;}

.logo img,
.logo-dgs img {
         max-width               : 100%;
         height                  : auto;}
            }

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


.sticky-menu {
         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;}

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

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

            }