/* Markierungsfarbe anpassen */

::selection {
background: #6598AA;
}

.container-header {
    z-index: 10;
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
  }
.footer {
    color: #fff;
    background-color: var(--cassiopeia-color-primary);
    background-image: none;
  }
  .mod-list li a {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}
.mod-list li{
  background-color: var(--nav-link-color);
  background-image: none;
  margin: 0px 0px 8px 0px;
  padding: 3px 10px 3px 10px;
}
.mod-list li:hover{
  background-color: var(--nav-link-hover-color);
}
footer .mod-list li{
  background-color: transparent;
  margin: 0px 10px 0px 10px;
}
footer .grid-child ul{
  margin:auto;
}
.mod-list .item-107  li, .mod-list .item-106 li{
  background-color: red;
  background-image: ;
}

.brand-logo a{
  text-decoration:none;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #112855;
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
body{
  font-size:1.6em;
}
.btn-primary{
  background-color: var(--link-color);
  border-color: var(--link-color);
  --btn-font-weight: 800;
}
.btn-secondary {
  --btn-color: var(--white);
  background-color: var(--link-color);
  border-color: var(--link-color);
  --btn-hover-bg: var(--link-hover-color);
  --btn-font-weight: 800;
  }

@media only screen and (min-width: 992px) {
   a.brand-logo img{
  max-width: 40%;
   }
}

.site-description{
  font-size:1.2rem !important;
  font-weight: bold;  
}

.footer .grid-child {
    padding: 0rem .5em;
}

footer .mod-menu{
flex-direction:row !important;
}

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

/*Code für Monitore ab 992px*/ 
@media only screen and (min-width: 992px) {
  body{
    font-size:1.2em;
  }
}

/*Code für Monitore bis 390px*/ 
@media only screen and (min-width: 390px) {
  .site-description{
  font-size:1.35rem !important; 
  }
}

/*Code für Monitore bis 430px*/ 
@media only screen and (min-width: 430px) {
  .site-description{
  font-size:1.5rem !important; 
  }
}

/*Code für Monitore bis 450px*/ 
@media only screen and (min-width: 450px) {
  .site-description{
  font-size:1.57rem !important; 
  }
}

/*Code für Monitore bis 480px*/ 
@media only screen and (min-width: 480px) {
  .site-description{
  font-size:1.68rem !important; 
  }
}
/*Code für Monitore bis 576px*/ 
@media only screen and (min-width: 576px) {
  .site-description{
  font-size:1.55rem !important; 
  }
}

/*JEM*/
td[headers="jem_location"] {
        display: none;
    }
div#jem table.eventtable td a {
    font-weight:bold;
}
th#jem_location {
        display: none;
    }
/*Code für Monitore ab 992px*/
@media only screen and (min-width: 992px) {
    td[headers="jem_location"] {
        display:table-cell;
    }
  th#jem_location {
        display:table-cell;
    }
}