.hide-tablet {
         display                 : none!important;
         }

.barrierefrei{
         z-index                 : 1000;
         position                : fixed;
         top                     : 0;
         width                   : 100%;
         overflow                : hidden;
         background              : white;
         border-bottom           : 3px solid #7F7F7F;
         height                  : 4.5em
          }




/* ---------- iPad ab 5. Generation --------------- */
/* Hochformat (Portrait) und Querformat (Landscape) */

/* ##################################################*/
/*           Generelle Layout-Einstellung            */
/* ##################################################*/
@media screen and (min-width: 1050px)  {
.container {
         margin-top              : -40px!important;
         }

.wrapper {
         display                 : grid;
         grid-template-columns   : 3% 30% 44% 20% 3%;
         grid-template-rows      : 4.5em auto auto 1fr auto auto;
         height                  : 100vh;
}

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

header  {
         grid-column             : 1 / 6;
         grid-row                : 2 / 3;

 }

.banner-bild {
         grid-column             : 1 / 6;
         grid-row                : 2 / 3;
         overflow                : hidden;

}

.random-image img {
         width                  : 100%;
         height                  : auto;
         object-fit              : cover;
         }

.breadcrumbs {
         grid-column             : 2 / 5;
         grid-row                : 3 / 4;
         padding                 : 1em 0;}


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

.component-col2-left  {
         grid-column             : 2 / 5 ;
         grid-row                : 4 / 5;

}

.component-col2-right  {
         grid-column             : 2 / 4;
         grid-row                : 4 / 5;
         margin-right            : 2em;   }

#maincontent {
         padding                 : 0em 0em 0em 0em;
         margin-bottom           : 2em;             }

.sidebar {
         grid-column             : 2 / 3;
         grid-row                : 4 / 5;
         margin-top              : 1em;
         margin-bottom           : 1em;
       }
.sidebar-col-right {
         grid-column             : 4 / 5;
         grid-row                : 4 / 5;
         margin-top              : 1em;
         margin-bottom           : 1em;
       }

.sidebar-col-left{
         grid-column             : 2 / 5;
         grid-row                : 5 / 6;

       }

.footer-bg {
         grid-column             : 1 / 6;
         grid-row                : 6 / 7;
 }
footer {
         grid-column             : 1 / 6;
         grid-row                : 6 / 7;
         margin                  : 0 0;
         }

 /* Modulueberschriften */
.sidebar-col-right .moduletable h3 {
         font-size               : 150%;
         margin                  : 2.5em 0em 0.5em 0;
         padding                 : 0;
         border-bottom           : 1px solid #3F3F3F;
         text-align              : left; }

}

@media screen and (max-width: 1050px) {
.container {
         margin-top              : -40px!important;
         }
.wrapper {
         display                 : grid;
         grid-template-columns   : 2em 1fr 2em;
         grid-template-rows      : 4.5em auto auto 1fr auto auto;
}

.barrierefrei {
         grid-column             : 1 / 4;
         grid-row                : 1 / 2;
}

header  {
         grid-column             : 1 / 4;
         grid-row                : 2 / 3;

 }

.banner-bild {
         grid-column             : 1 / 4;
         grid-row                : 2 / 3;
         overflow                : hidden;

}

.random-image img {
         width          :100%;
         height          : auto;
         object-fit: cover;
         }


.breadcrumbs {
         grid-column             : 2 / 3;
         grid-row                : 3 / 4;
         padding                 : 1em 0;}


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

.component-col2-left  {
         grid-column             : 2 / 3;
         grid-row                : 4 / 5;
}

.component-col2-right  {
         grid-column             : 2 / 3;
         grid-row                : 4 / 5;
         }


#maincontent {
         padding                 : 0em 0em 0em 0em;
         margin-bottom           : 1em;             }

.sidebar {
         grid-column             : 2 / 3;
         grid-row                : 5 / 6;
         margin-bottom           : 1em;
       }
.sidebar-col-right {
         grid-column             : 2 / 3;
         grid-row                : 5 / 6;
         margin-bottom           : 1em;
       }

.sidebar-col-left {
         grid-column             : 2 / 3;
         grid-row                : 5 / 6;
         margin-bottom           : 1em;
       }

 /* Modulueberschriften */
.sidebar-col-right .moduletable h3 {
         font-size               : 150%;
         margin                  : 1em 0em 0.5em 0!important;
         padding                 : 0;
         border-bottom           : 1px solid #3F3F3F;
         text-align              : left; }


.footer-bg {
         grid-column             : 1 / 4;
         grid-row                : 6 / 7;
         background              : #FFF700; }

footer {
         grid-column             : 1 / 4;
         grid-row                : 6 / 7;
         margin                  : 0 0;}
 }


/* ##################################################*/
/*           Generelle Layout-Einstellung            */
/* ##################################################*/


.footerzeile {
         display                 : -webkit-box;
         display                 : -moz-box;
         display                 : -ms-flexbox;
         display                 : -webkit-flex;
         display                 : flex;
         justify-content         : space-around;
         align-items             : flex-end;
         flex-wrap               : wrap;
}



.footerzeile nav {
         width                   : 32%;
         padding                 : 2em 1.5em 0 1em;}

.footerzeile .copyright {
         width                   : 100%;
         padding                 : 3em 1em 0 1em;
         text-align              : center;}




.mobilemenuck-bar-title {
         display:none;
}