@supports (display: grid) {
    .site-grid {
        grid-gap:0 1em;
        display: grid;
        grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,20rem)) [main-end] minmax(0,1fr) [full-end];
  }
.header, .container-header{
  background-color: #ffffff !important;
 /* background-image: url(../../../../../images/basic_pics/bg.png)!important;	
  backgound-repeat: no-repeat;*/
  
}  
  
.container-header .grid-child {
  padding-left: 0em;
  padding-right:0em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  }
  
.container-header .navbar-brand {
  margin-left: auto;
  margin-right: auto;
}

.container-nav{
background-color: #6c100d !important;
max-width: 1125px;  
}

.container-header, .container-nav {
    padding-bottom: 0em;
}

.container-header nav {
    margin-top: 0em; 
    margin-bottom: 0em;
    padding: 0;
    margin-left: auto;
    margin-right: auto;

}
.container-header, .grid-child {
      padding: 0em;
}

.container-header{
  background-image: none;
 }
 .container-header .mod-menu {
   color: #ffffff;
   font-weight: bold;
   margin: auto;
   justify-content: center;
 
 } 
.grid-child, .container-nav{
  padding-bottom:0em;
  padding-top:0em;
  
}
  .grid-child.container-nav {
    justify-content: center !important;
}

.metismenu.mod-menu .metismenu-item {
    font-size: 18px;
    line-height: 1.5;
    /*color: #ffffff!important;*/
}
.container-banner{
  background-image: url(images/basic_pics/kopf.png);
  background-size: contain;
  background-repeat:repeat-x;
  
}

@supports (display: grid)
.site-grid {
    grid-gap: 0 1em;
    display: grid;
    grid-template-areas:
        ". banner banner banner banner ."
        ". top-a top-a top-a top-a ."
        ". top-b top-b top-b top-b ."
        ". comp comp comp comp ."
        ". side-r side-r side-r side-r ."
        ". side-l side-l side-l side-l ."
        ". bot-a bot-a bot-a bot-a ."
        ". bot-b bot-b bot-b bot-b .";
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,30rem)) [main-end] minmax(0,1fr) [full-end];
}

.site-grid{
  

  margin-bottom: 10px;
}
  .site-grid>[class^=container-], .site-grid>[class*=\ container-] {

    max-width: 1125px;
  }

.container-component, .container-sidebar-right{
  background-color: #ffffff;
  padding-left:10px;
  
}
.container-component{
	margin-bottom:5px;  
 
}
.sidebar-right{
  background-color: rgba(0,0,0,0);
  border-style: none;
}

.container-footer, .footer{
  background-image: none;
  background-color: #6c100d !important;
  margin-top: auto;
  margin-bottom: 0px;
  color: #ffffff;
  width: 100%;
  max-width: 1125px;
  margin-left: auto;
  margin-right: auto;  
}
  
.back-to-top-link{
    background-image: none;
    background-color: #6c100d !important;
  
}
.com_content{  
    background-image: none;
    /*background-image: url(images/basic_pics/bg.png);	*/
    background-position: center;
    background-attachment: fixed;
} 
.site, .wrapper-static, .view-article, .no-layout, .no-task, .itemid-101, .has-sidebar-right{
    margin-bottom:0px;
  padding-bottom:0px;
  
}


.element, .style {
    padding-bottom: 0px;
}

.container-header, .container-nav, .nav {
    margin-top: 0em;
    padding-top: 0em;
}
.metismenu.mod-menu .mm-collapse {
  background: #eae6db;
  color: #000000;
}
.metismenu.mod-menu .mm-collapse .metismenu-item a {
    color: #000000;
}

.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: #f7d532;
  left: 0;
  right: 0;
}
..metismenu>li>button:before {
    background: transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin: auto;
    /* opacity: .2; */
    position: absolute;
    right: 50%;
    -webkit-transition: all .2s ease,background-color .2s ease;
    -o-transition: all .2s ease,background-color .2s ease;
    transition: all .2s ease,background-color .2s ease;
}

/*TEXT-Styels*/
body {
  font-size: 16px !important;
  color: #000000 !important;
   background-image: url(images/basic_pics/bg.png);
    background-position: center;
    background-attachment: fixed;

}

h1 {
  font-size: 30px;
  color: #98252a !important;
  font-weight: bold;
}

h2 {
  font-size: 24px;
  color: #98252a !important;
  font-weight: bold;
}

h3 {
  font-size: 24px;
  color: #98252a !important;
}

h6 {
  color: #98252a !important;
  font-weight: bold;
}
.visCSSlabel {
  margin-bottom: 10px;
  font-weight: 700;
  width: 100%;
  }
.card{
--card-border-width: 0px;
  }
  gin-bottom: 5px;
    /* width: 100%; */
}
.visCSSrllst {
width: 70%;
  }

}