/* container header */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_header"]) {
  background-color: #c8e6c9;
}

.ekd-preview[data-ctype="insignio_container_header"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_header"] .t3js-page-column {
  background-color: #e8f5e9;
}

/* container header-fullwidth */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_header-fullwidth"]) {
  background-color: #c8e6c9;
}

.ekd-preview[data-ctype="insignio_container_header-fullwidth"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_header-fullwidth"] .t3js-page-column {
  background-color: #e8f5e9;
}

/* container header-grey-box */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_header-grey-box"]) {
  background-color: #c8e6c9;
}

.ekd-preview[data-ctype="insignio_container_header-grey-box"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_header-grey-box"] .t3js-page-column {
  background-color: #e8f5e9;
}

/* container accordion */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_accordion"]) {
  background-color: #ffe0b2;
}

.ekd-preview[data-ctype="insignio_container_accordion"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_accordion"] .t3js-page-column {
  background-color: #fff3e0;
}

/* container accordion */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_accordion-element"]) {
  background-color: #ffccbc;
}

.ekd-preview[data-ctype="insignio_container_accordion-element"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_accordion-element"] .t3js-page-column {
  background-color: #fbe9e7;
}

/* container content-slider */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_content-slider"]) {
  background-color: #b2ebf2;
}

.ekd-preview[data-ctype="insignio_container_content-slider"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_content-slider"] .t3js-page-column {
  background-color: #e0f7fa;
}

/* container content-slider-slide */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_content-slider-slide"]) {
  background-color: #b2dfdb;
}

.ekd-preview[data-ctype="insignio_container_content-slider-slide"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_content-slider-slide"] .t3js-page-column {
  background-color: #e0f2f1;
}

/* container container */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_container"]) {
  background-color: #bbdefb;
}

.ekd-preview[data-ctype="insignio_container_container"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_container"] .t3js-page-column {
  background-color: #e3f2fd;
}

/* container container_twocolumns */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_twocolumns"]) {
  background-color: #ffcdd2;
}

.ekd-preview[data-ctype="insignio_container_twocolumns"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_twocolumns"] .t3js-page-column {
  background-color: #ffebee;
}

/* container container_threecolumns */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_threecolumns"]) {
  background-color: #ffcdd2;
}

.ekd-preview[data-ctype="insignio_container_threecolumns"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_threecolumns"] .t3js-page-column {
  background-color: #ffebee;
}

/* container container_threecolumns */
.t3-page-ce-element:has(.ekd-preview[data-ctype="insignio_container_fourcolumns"]) {
  background-color: #ffcdd2;
}

.ekd-preview[data-ctype="insignio_container_fourcolumns"] .t3-grid-container,
.ekd-preview[data-ctype="insignio_container_fourcolumns"] .t3js-page-column {
  background-color: #ffebee;
}

/* documentation */
.doc-img-responsive {
  height: auto;
  margin-bottom: 3rem;
  max-width: 100%;
  width: auto;
}

.doc-img-responsive--small {
  width: 50%;
}

.doc-code {
  background: #333;
  color: #f46dab;
  display: block;
  margin-bottom: 3rem;
  padding: 1rem;
}