/********** Grid **********/

.grid-index {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 900px;
  gap: 0px;
  padding: 0px;
  text-align: center; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

.grid-index-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 450px 450px;
  gap: 0px;
  padding: 0px;
  text-align: left; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

.grid-index-full {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 100vw;
  gap: 0px;
  padding: 0px;
  text-align: center; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

/**************************************** Mediascreen ****************************************/

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

/********** Grid **********/

.grid-index {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 320px;
  gap: 0px;
  padding: 0px;
  text-align: center; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

.grid-index-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 320px;
  gap: 0px;
  padding: 0px;
  text-align: center; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

.grid-index-full {
  margin-top: 0px;
  margin-bottom: 0px;
  opacity: 1.0;
  display: grid;
  height: 100vh;
  grid-template-columns: 100vw;
  gap: 0px;
  padding: 0px;
  text-align: center; /*Ausrichtung horizontal*/
  align-items: center; /*Ausrichtung vertikal*/
}

}