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

/* ##################################################*/
/*           Generelle Layout-Einstellung            */
/* ##################################################*/
@media screen and (min-width: 1440px) {
.wrapper {
         display                 : grid;
         grid-template-columns   : 1fr 300px repeat(3, 290px) 1fr;
         grid-template-rows      : 80px auto auto 1fr auto auto;
         height                  : 100vh;

         }


}

@media screen and (min-width: 1250px) and (max-width: 1440px) {
.wrapper {
         display                 : grid;
         grid-template-columns   : 1fr 300px repeat(3, 270px) 1fr;
         grid-template-rows      : 80px auto ;
         column-gap              : 1.5em;
          }

}

@media screen and (min-width: 1000px) and (max-width: 1250px) {
.wrapper {
         display                 : grid;
         grid-template-columns   : 1fr 300px repeat(3, 220px) 1fr;
         grid-template-rows      : 80px auto;
         column-gap              : 1em;
          }


}
.page-title    {
         grid-column             : 2 / 3;
         grid-row                : 1 / 2;
         z-index                 : 8000;
}



.barrierefrei {
         grid-column             : 1 / 7;
         grid-row                : 1 / 2;
         z-index                 : 9000;
         height                  : 80px;
         position                : fixed;
         top                     : 0;
         width                   : 100%;
         background              : white;
         border-bottom           : 2px solid #8F8F8F}





header{
         grid-column             : 1 / 7;
         grid-row                : 2 / 3;
         overflow                : hidden;
}


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

 /* Sidebar und Component */
.sidebar {
         display: none;
         }

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

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


.component {
         grid-column             : 2 / 6;
         grid-row                : 5 / 6;
         margin                  : 0 10%    }

.component-col2-left  {
         grid-column             : 3 / 6;
         grid-row                : 5 / 6;
         margin-left             : 3em;

         }

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

.component-col3  {
         grid-column             : 3 / 5;
         grid-row                : 5 / 6;
         }

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


#border-container {
         grid-column             : 2 / 6;
         grid-row                : 5 / 6;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;


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

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

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


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


.ls .wf-columns  {
    display: flex;
    gap: 1rem;
}

.ls .wf-columns .wf-column:first-child  {
    max-width : 60%
}