/* BE ContentElement Header Collapse Button  */
.t3-page-ce-header-left button[data-ce-collapse],
.t3-page-ce-header-right button[data-ce-collapse][aria-expanded=false] > span:first-child,
.t3-page-ce-header-right button[data-ce-collapse][aria-expanded=true] > span:last-child {
  display: none;
}

/* BE ContentElement Header Flag Icon  */
span.t3-page-ce-header-icon-flag {
  margin-left: 5px;
}

/* BE | PageModule: BackendLayout Columns Background Colors */
.t3js-module-body .t3-page-column-0 {
  background: #eeeedd;
}
.t3js-module-body .t3-page-column-4 {
  background: #f1e7da;
}

.t3js-module-body .t3-page-column-201,
.t3js-module-body .t3-page-column-202,
.t3js-module-body .t3-page-column-203,
.t3js-module-body .t3-page-column-204 {
  background: #eedddd;
}

/*.t3-page-ce-body-inner + .t3-page-ce-footer {*/
/*  border-top: 1px solid #ddd;*/
/*}*/

/*.t3js-module-body .t3-page-column-header-icons {*/
/*  right: 1px;*/
/*}*/

/* CE: PageHeader */
div[data-ce-type="container-1cols"] > div.t3-page-ce-element,
div[data-ce-type="container-2cols"] > div.t3-page-ce-element,
div[data-ce-type="container-3cols"] > div.t3-page-ce-element,
div[data-ce-type="container-4cols"] > div.t3-page-ce-element,
div[data-ce-type="container-blockcols"] > div.t3-page-ce-element {
  background-color: rgba(255, 0, 0, .05);
}

/* BE | PageModule: Container Columns Background Colors */
/* toDo: kann weg? */
table.t3-page-columns > tbody > tr > td[data-colpos$="-201"],
table.t3-page-columns > tbody > tr > td[data-colpos$="-202"],
table.t3-page-columns > tbody > tr > td[data-colpos$="-203"],
table.t3-page-columns > tbody > tr > td[data-colpos$="-204"] {
  background-color: #ffeeee;
  background: linear-gradient(to bottom, #ffeeee 0%, #ffeeee 80%, #ffffff 100%);
  border-bottom: 0;
  margin-top: 5px;
}
table.t3-page-columns > tbody > tr > td[data-colpos$="-201"] .t3-page-column-header,
table.t3-page-columns > tbody > tr > td[data-colpos$="-202"] .t3-page-column-header,
table.t3-page-columns > tbody > tr > td[data-colpos$="-203"] .t3-page-column-header,
table.t3-page-columns > tbody > tr > td[data-colpos$="-204"] .t3-page-column-header {
  background-color: #eedfdf;
  background: linear-gradient(to bottom, #ffffff 0%, #fbeeee 100%);
  color: #a86f6f;
}


/* BE: CKeditor Modifications */
typo3-rte-ckeditor-ckeditor5 {
  .ck-word-count > div {
    display: inline-block;
    padding: 0 5px;
  }
}



/* BE: File Reference Preview Style */
.t3-file-references {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.t3-file-references > div {
  /*flex: 0 1 auto;*/
  /*width: auto;*/
  border-color: transparent;
  border-style: solid;
  border-width: 5px 10px 0 0;
}
.t3-file-reference-single {
  padding-top: 5px;
}
.t3-file-reference .t3-file-title svg {
  fill: #999999;
}
.t3-file-reference .t3-file-title {
  width: 100%;
  padding: 5px;
  background: #efefef;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t3-file-reference .t3-file-reference-body {
  display: flex;
  flex-flow: row nowrap;
  background: #f9f9f9;
}
.t3-file-reference .t3-file-thumb {
  padding-left: 0;
}
.t3-file-reference .t3-file-thumb .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-top: 5px;
  margin: 5px 2px;
}
.t3-file-reference .t3-file-info {
  padding-left: 0;
  font-size: .9em;
}
.t3-file-reference .t3-file-info ul {
  padding: 5px;
  margin: 0;
  list-style: none inside none;
}



tr.table-row-bg-gray,
td.table-row-bg-gray,
tr.table-row-bg-gray td {
  background: var(--bs-table-striped-bg);
}