.wrapper {
         min-height              : 100vh;
         display                 : grid;
         grid-template-rows      : auto;
        }
/* ##################################*/
/* #############  Desktop */
@media screen and (min-width: 1400px){
.wrapper {
         grid-template-columns   : auto repeat(12, 105px) auto;
         grid-template-rows      : min-content min-content auto auto;
        }}
@media screen and (min-width: 1200px) and (max-width: 1400px){
.wrapper {
         grid-template-columns   : auto repeat(12, 95px) auto;
         grid-template-rows      : min-content auto min-content;         }}
@media screen and (min-width: 1000px) and (max-width: 1200px){
.wrapper {
         grid-template-columns   : auto repeat(12, 75px) auto;
         grid-template-rows      : min-content auto min-content;         }}
/* ############### ENDE */

/* ##################################*/
/* #############  Tablet */
@media screen and (min-width: 850px) and (max-width: 1000px){
.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;
         }}
/* ############### ENDE */

/* ##################################*/
/* #############  Mobil */
@media screen and (max-width: 700px) {
.wrapper {
         grid-template-columns   : auto 90% auto;
         }}
/* ############### ENDE */
/* ##################################*/

@media screen and (min-width: 1250px){
.hide-desktop {
         display                 : none;
         }
            }
@media screen and (max-width: 1250px){
.hide-mobile {
         display                 : none;
         }
         }



.logo {
         color                   : var(--logo-text);}
.logo-bild p{
         margin                  : 0;
         padding                 : 0;
         line-height             : 0;  }

.logo-text {
         align-self              : center;
         text-align              : center;}

.logo-text .mod-custom {
         padding                 : 0 2em;}

.logo-text .mod-custom > h3 {
         font-size               : 150%;
         margin-bottom           : 1em;
         }

.logo-text .mod-custom > p {
         font-size               : 120%;
         }
.logo-text .mod-custom > h3 {
         font-size               : 150%;
         }

@media screen and (min-width: 700px){
.logo-bild {
         border-right            : 10px solid white;
         border-left             : 10px solid white; }

.logo-text .mod-custom > h3 {
         margin-bottom           : 1em;
         }
         }
@media screen and (max-width: 700px){
.logo-bild {
         border-bottom            : 10px solid white;
 }

.logo-text .mod-custom  {
         margin                  : 1em 0;
         }
         }

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

#maincontent, .downloads {
         margin-top              : 2em;}

.sidebar {
         display                 : none; }

/* ##################################*/
/* Grid-Template Desktop */
@media screen and (min-width: 1000px){
.main-start{
         grid-column             : 1 / 15;
         grid-row                : 1 / 2;}
.logo-bg {
         grid-column             : 1 / 15;
         grid-row                : 2 / 3;
         max-height              : 450px;}

.logo{
         grid-column             : 2 / 14;
         grid-row                : 2 / 3;
         display                 : flex;
         overflow                : hidden;
         max-height              : 450px;}
.logo-bild{
         width                   : 55%;
}
.logo-text {
         width                   : 40%;}

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


footer {
         grid-column             : 2 / 14;
         grid-row                : 5 / 6;}
.footer-bg {
         grid-column             : 1 / 15;
         grid-row                : 5/6;
         z-index                 : -5}
         }

@media screen and (min-width: 1000px) and (max-width: 1200px){
.component-col2{
         grid-column             : 2 / 14;
         grid-row                : 3 / 4;}

.sidebar-right{
         grid-column             : 5 / 11;
         grid-row                : 4 / 5;}
         }

@media screen and (min-width: 1200px) {
.component-col2{
         grid-column             : 2 / 10;
         grid-row                : 3 / 4;}

.sidebar-right{
         grid-column             : 11 / 14;
         grid-row                : 3 / 4;}
         }
/* ############### ENDE */
/* ##################################*/


/* Grid-Template Desktop */
@media screen and (min-width: 700px) and (max-width: 1000px){
.main-start{
         grid-column             : 1 / 13;
         grid-row                : 1 / 2;}
.logo-bg {
         grid-column             : 1 / 13;
         grid-row                : 2 / 3;
}

.logo{
         grid-column             : 1 / 13;
         grid-row                : 2 / 3;
         display                 : flex;
         overflow                : hidden;
}
.logo-bild{
         width                   : 45%;
}

.logo-text {
         width                   : 55%;}

.logo-text .mod-custom > p {
    font-size: 100%;
}
.logo-text .mod-custom > h3 {
    margin-bottom: 0em;
}
.component{
         grid-column             : 2 / 12;
         grid-row                : 3 / 4;}

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

.sidebar-right{
         grid-column             : 4 / 10;
         grid-row                : 4 / 5;}

footer {
         grid-column             : 2 / 12;
         grid-row                : 5 / 6;}
.footer-bg {
         grid-column             : 1 / 13;
         grid-row                : 5/ 6;
         z-index                 : -5}
         }

/* ############### ENDE */
/* ##################################*/

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

.main-start{
         grid-column             : 1 / 4;
         grid-row                : 1 / 2;}
.logo-bg {
         grid-column             : 1 / 4;
         grid-row                : 2 / 3;
}

.logo{
         grid-column             : 1 / 4;
         grid-row                : 2 / 3;
         display                 : flex;
         flex-wrap               : wrap;
}
.logo-bild{
         width                   : 100%;
}

.logo-text {
         width                   : 100%;}

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

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

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

footer {
         grid-column             : 2 / 3;
         grid-row                : 5 / 6;}
.footer-bg {
         grid-column             : 1 / 4;
         grid-row                : 5/ 6;
         z-index                 : -5}
         }
         }




@media screen and (min-width: 600px) {
.footerzeile {
         display                 : grid;
         grid-template-columns   : 100%;
         grid-template-rows      : auto;}


}

@media screen and (max-width:600px) {
.footerzeile {
         display                 : grid;
         grid-template-columns   : 100%;
         grid-template-rows      : auto;}
         }


@media screen and (min-width: 1000px){


.footer-rechtliches {
         grid-column             : 1 / 3;
         grid-row                : 1 / 2;
         margin                  : 1em 0em 0em 0;
}

.footer-hinweis {
         grid-column             : 1 / 3;
         grid-row                : 2 / 3;
         text-align              : center;
         margin                  : 0em 0em 1em 0;
}
}


.footer-hinweis {
         font-size               : 80%;}



@media screen and (min-width: 600px) and (max-width: 1000px){


.footer-rechtliches {
         grid-column             : 1 / 3;
         grid-row                : 1 / 2;
         margin-top            : 1em;}


.footer-hinweis {
         grid-column             : 1 / 3;
         grid-row                : 2 / 3;
         text-align              : center;
         margin                  : 1em 0;
         font-size               : 80%;}

}


@media screen and (max-width: 600px){
.footer-kontakt,
.footer-suche,
.footer-rechtliches{
         width           : 100%;
         text-align      : center;
         margin-bottom   : 0.5em;
         font-size       : 100%}


footer {
         padding-bottom  : 2em;}

.footer-hinweis{

         width           : 100%;
         text-align      : center;
         margin-top      : 1em;
         font-size       : 80%
         padding-bottom   : 3em;          }

.footer-suche {
         padding-top             : 1em;
         text-align              : center;
         }
}

.footer-kontakt,
.footer-suche {
         padding-top             : 1em;
         }
.footer-suche label {
         display                 : none;
        }







/* Navigation */
.footer-menu ul.mod-menu {
         width           : 100%;
         display         : flex!important;
         justify-content : center;}

.footer-menu ul.mod-menu li {
         list-style      : none;
         margin-left: 0.45em;
         margin-right: 0.45em;}

.footer-menu .menu li a {
         height          : 60px;
         font-size       : 100%;
         font-weight     : bold;
         color           : var(--menu-text);
         padding         : 0.25em 0.5em;
         text-decoration : none;
         letter-spacing: 0.1em;}


.footer-menu li a:hover {
    color                : white;
    border-bottom        : 0px solid var(--menu-text-border);


    }

.footer-menu li.active a {
    color                : white;
    border-bottom        : 0px solid var(--menu-text-border);
    }