/* Fuer Sticky Menue */
html {
         scroll-behavior: smooth;
}

.wrapper {
         display                 : grid;                                                 grid-template-rows      : auto;
         min-height              : 100vh;
         }

@media screen and (min-width:850px) {
.wrapper {
         grid-template-columns   : auto repeat(10, 80px) auto;
}
}
@media screen and (min-width: 700px) and (max-width: 850px) {
.wrapper {
         grid-template-columns   : auto repeat(10, 68px) auto;
}
}

/* ############## */
/* Header-Bereich */


/* Ende Header-Bereich */
/* ############## */

.startseite-show{
        grid-column              : 1 / 13;
         grid-row                : 1 / 3;

         }

.slider-show{
         grid-column             : 1 / 13;
         grid-row                : 1 / 3;
         }
.slider,
.startseite{
         display:none;
         }

.breadcrumbs {
         grid-column             : 2 / 12;
         grid-row                : 3 / 4;
}


 /* Content-Bereich */
.component-show {
         grid-column             : 2 / 12;
         grid-row                : 4 / 5;

}
.component{
         grid-column             : 2 / 12;
         grid-row                : 4 / 5;

}


 /* Content-Bereich */
.termine-show {
         grid-column             : 2 / 12;
         grid-row                : 5 / 6;
         }

.termine {
         grid-column             : 2 / 12;
         grid-row                : 5 / 6;
         }


.startseite{
         grid-column             : 10 / 11;
         grid-row                : 10 / 11;
}

.counter{
         grid-column             : 2 / 12;
         grid-row                : 6 / 7;
}


 /* Footer Bereich */
.footer-bg {
         grid-column             : 1 / 13;
         grid-row                : 7 / 8;
         z-index                 : -5}

footer {
         grid-column             : 2 / 12;
         grid-row                : 7 / 8;
}

#maincontent #djevents {
         width           : 100%;
         margin          : 0 auto;
         }