/*Anordnung Grid -> side-l über comp -> menu auf smartphone oben*/
@supports (display: grid) {
    .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 side-l side-l side-l ."
          ". comp comp comp comp ."
          ". side-r side-r side-r side-r ."
          ". bot-a bot-a bot-a bot-a ."
          ". bot-b bot-b bot-b bot-b .";
    }
    @media (min-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 ."
        }
    }
}


/*Abstand oben*/
.mod-banners__item.banneritem {
  margin-top: 15px;
}


/*Linie unten, Abstand unten*/
.grid-child:nth-child(5) {
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: 15px;
}


/*Rahmen Modul Fahrzeugangebot*/
.sidebar-right.card {
  border: 0px solid #003300;
}


/*Abstand Rand von Menü und Fahrzeugangebot*/
.card-body {
  padding: 0rem;
}


/*Fahrzeugangebot: Schriftgrösse, -farbe, Rahmen, Abstand Rand*/
.card-header {
  font-size: var(--body-font-size);
  background-color: rgba(0,0,0,0);
  border-bottom: 0px;
  padding-top: 0rem;
  padding-right: 0rem;
  padding-left: 0rem;
  padding-bottom: 1rem;
}

.mod-articlescategory.category-module.mod-list li 
{
	list-style-type: disc;
	list-style-position: outside;
  margin-left: 14px
}

/*Menü*/
.card {
  border: 0px;
  background-color: #003300
}
.nav > li > a {
	display: block;
}
.nav > li > a:hover,
.nav > li > a:focus {
  	color: #003300;
	text-decoration: none;
	background-color: #c0c0c0;
}
.small > li > a {
	display: block;
}
.small > li > a:hover,
.small > li > a:focus {
  	color: #003300;
	text-decoration: none;
	background-color: #c0c0c0;
}
.mod-list li.active > a {
  text-decoration: none;
}
.mod-list li {
  padding: .1em 0;
}
 



/*Hintergrund und Text Farbe*/
:root {
  --body-color: #c0c0c0;
  --cassiopeia-color-primary: #003300;
  --cassiopeia-color-hover: #c0c0c0;
  --cassiopeia-color-link: #c0c0c0;
  --body-bg: #003300;
  --link-color: #c0c0c0
}