/* *[class*="grid"] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

*[class*="grid"] > * {
  margin-bottom: 1rem;
}
 */


/* #main .inside , */
#main .mod_article {
  display: grid;
  grid-column-gap: 2ch;
  align-items: center;
  align-content: start;
}

@media(min-width: 600px) {
  .grid-2-spalten {
    grid-template-columns: 1fr 1fr;
  }
}

.grid-3-spalten {
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-4-spalten {
  grid-template-columns: 1fr 1fr;
}


@media(min-width: 1100px) {
  .grid-4-spalten {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.grid-volle-breite,
.ce_headline {
  grid-column: 1/-1;
}

.grid3 {
  grid-column-end: span 1;
}




.grid8 {
  grid-column-end: span 8;
}
.block.grid8 {
  grid-column-end: auto;
}

.grid16 {
  grid-column: 1 / -1;
}


#main .inside > .block {
  /*grid-column: 1 / 17; */
  grid-column-end: span 16;
}


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

#main .inside > .block.grid8 {
  /* grid-column-start: 1; */
  grid-column-end: span 8;
}
}
/* 
@media screen and (min-width: 769px) {
  #main .inside > .grid8 + .grid8 {
    grid-column-start: 9;
  }
}*/



#main .inside>.grid16 {
 
}

@media screen and (min-width: 769px) {
  #main .inside > .grid16 {
    /*grid-column: 1 / 17; */
    grid-column-end: span 16;
  }
}




#container {
  display: grid;
}
@media(min-width: 801px) {
  .rightrow #container {
    grid-template-columns: 1fr 300px;
    grid-column-gap: 2ch;
  }
}

#main > .inside {
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 1ch;
}

#right {
  margin: 0;
}

#footer .inside .footerblock {
  display: grid;

  grid-column-gap: 1ch;
  justify-items: center;
}

@media(min-width: 600px) {
  #footer .inside .footerblock {
    grid-template-columns: 1fr 1fr;
  }
}
@media(min-width: 801px) {
  #footer .inside .footerblock {
    grid-template-columns: repeat(4,1fr);
  }
}