.rs-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.rs-column {
  margin: 0 0 20px 0;
  margin: 0;
}
.rs-column > div:not(.noheight) {
  height: 100%;
}

.rs-column.noheight > div {
  height: auto;
}

.rs-column .rsc-inside {
  padding: 15px 15px 15px 15px;
  height: 100%;
  background-color: #ccc;
}
.rs-column:nth-child(2n) .rsc-inside {
  background-color: #93b03c;
}

.rs-column.-large-col-1-1 {
  width: 100%;
}

.rs-column.-large-col-2-1,
.rs-column.-large-col-3-1,
.rs-column.-large-col-4-1,
.rs-column.-large-col-5-1,
.rs-column.-large-col-6-1 {
  margin-right: 60px;
}

.rs-column.-large-col-2-1 {
  width: calc(50% - (60px * 1 / 2));
}

.rs-column.-large-col-3-1 {
  width: calc(33.333% - (60px * 2 / 3));
}

.rs-column.-large-col-4-1 {
  width: calc(25% - (60px * 3 / 4));
}

.rs-column.-large-col-5-1 {
  width: calc(20% - (60px * 4 / 5));
}

.rs-column.-large-col-6-1 {
  width: calc(16.666% - (60px * 5 / 6));
}

.rs-column.-large-col-2-1.-large-last,
.rs-column.-large-col-3-1.-large-last,
.rs-column.-large-col-4-1.-large-last,
.rs-column.-large-col-5-1.-large-last,
.rs-column.-large-col-6-1.-large-last {
  margin-right: 0;
}

/* Sonderformate */
.rs-columns.c-1-2-2-1 .rs-column.-large-col-4-1:nth-child(1n) {
  width: calc(16.666% - (20px * 3 / 4));
}
.rs-columns.c-1-2-2-1 .rs-column.-large-col-4-1:nth-child(2n),
.rs-columns.c-1-2-2-1 .rs-column.-large-col-4-1:nth-child(3n) {
  width: calc(33.333% - (20px * 3 / 4));
}
.rs-columns.c-1-2-2-1 .rs-column.-large-col-4-1:nth-child(4n) {
  width: calc(16.666% - (20px * 3 / 4));
}
/* END Sonderformate */

body.pDekoration .rs-column.-large-col-2-1 {
  width: 50%;
  margin-right: 0;
}
body.pDekoration .rs-column .ce_text,
body.pDekoration .rs-column .content-text {
  padding: 2vw 3vw;
  position: relative;
  height: 100%;
}
body.pDekoration .rsts-type-slide .rsts-view {
  height: 100%;
}
body.pDekoration .rsts-type-slide .rsts-view {
  height: 100%;
}

.rs-columns.no-margin .rs-column.-large-col-2-1 {
  width: 50%;
  margin-right: 0;
}
.rs-columns.no-height .rs-column > div {
  height: auto;
}

@media screen and (max-width: 900px) {
  .rs-column.-large-col-6-1 {
    width: calc(33.333% - (20px * 2 / 3));
  }
  .rs-column.-large-col-6-1.-medium-last {
    margin-right: 0;
  }

  .rs-column.-large-col-5-1 {
    width: calc(33.333% - (20px * 2 / 3));
  }
  .rs-column.-large-col-5-1.-medium-last {
    margin-right: 0;
  }
  .rs-column.-medium-col-2-1 {
    width: calc(45% - (60px * 1 / 2));
  }
  .rs-column.-medium-col-2-1.-medium-last {
    margin-right: 60px;
  }
}
