/***** CUSTOM CONTENT ELEMENTS *****/

/* RTE Style */
ul.list-check {
  list-style: none !important;
  padding-left: 0 !important;
}
ul.list-check li {
  display: flex;
}
ul.list-check li::before {
  content:'✔';
  padding: 0 10px 0 20px;
}
/* Backend Preview Style */
.element-preview .small {
  font-size: 0.8em;
}
.element-preview .btn {
  font-weight: 700;
}
.element-preview table {
  width: 100%;
}
.element-preview .btn-light .btn-primary,
.element-preview .btn-light .btn-secondary {
  background-color: white !important;
  border-color: white !important;
  color: #eee !important;
}
.element-preview .btn-light .btn-outline-primary,
.element-preview .btn-light .btn-outline-secondary,
.element-preview .btn-light .btn-underline {
  border-color: white !important;
  color: white !important;
}
.element-preview .bg-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, .25);
  color: white;
  font-weight: bold;
}

/* Backend Header Preview Style container */
.t3js-module-body .t3-grid-container .element-preview .element-preview-header-subheader {
  font-weight: 400;
  font-size: .8em;
}
.t3js-module-body .t3-grid-container .t3-page-ce-body .btn {
  /*pointer-events: none;
  cursor: default;
  text-decoration: none;*/
}
.t3js-module-body .t3-grid-container .t3-page-ce-body a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: inherit;
}
.t3js-module-body .t3-grid-container .t3-page-ce-body .t3-page-ce-header .btn,
.t3js-module-body .t3-grid-container .t3-page-ce-body .t3-page-ce-actions .btn{
  pointer-events:all;
  display:inline-flex;
  cursor:pointer;
}

.cs-seo-results .header {
  background: light-dark(#d0d0d0, var(--pagemodule-grid-cell-bg)) !important;
}

/***** LOGIN *****/

.typo3-login .typo3-login-carousel{
  padding: 0 60px 15px 60px !important;
}
.typo3-login .typo3-login-wrap{
  max-width: 450px;
}
.typo3-login .typo3-login-wrap .card-body{
  padding-bottom:15px;
}
.typo3-login .typo3-login-logo img {
  max-height: 150px;
  max-width: 260px;
  padding-bottom: 20px;
}
.typo3-login .typo3-login-news-heading{
  font-weight:700;
  margin-bottom: 18px;
}
.typo3-login .typo3-login-wrap blockquote{
  font-size: 10px;
}


/***** CONTENT ELEMENTE Default Header *****/
.t3-page-ce-element {
  border: 1px solid #d3d1d1 !important
}

.t3-page-ce-header {
  background-color: light-dark(#f7f7f7, var(--pagemodule-grid-cell-bg));
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 20px;
  padding:5px 10px !important;
}

.t3-grid-cell {
  background-color: light-dark(#f9f9f9, var(--pagemodule-grid-cell-bg));
}

/***** HIDE UKRAINE SPLASH SCREEN - im mask Element *****/
.mask-splashscreen {
  display: none !important;
}

/***** verhindert dass man im Protokoll, auf "max Einträge" ALLE stellen kann -> macht oft Probleme*****/

#belog-max[name="constraint[number]"] option[value="1000000"] {
  display: none;
}

/***** Fehleranzahl vom Protokoll ausblenden  *****/
.toolbar-item-link .toolbar-item-badge.badge-danger {
  display: none !important;
}

/***** zeigt alle Sprachen ohne zu scrollen im Bildschirm an (nützlich bis 3 Spachen) *****/
/* .t3-grid-table{
    width:100%;
}*/


/***** web-crossing CI *****/

:root {
 --scaffold-header-bg: light-dark(#262626, var(--token-color-neutral-85));
 --scaffold-header-color: light-dark(#d9d9d9, var(--token-color-neutral-15));
 --scaffold-modulemenu-bg: light-dark(#262626, var(--token-color-neutral-85));
 --scaffold-modulemenu-color: light-dark(white, var(--token-color-neutral-15));
 --module-bg: light-dark(white, var(--token-color-neutral-91));
 --pagemodule-element-bg: light-dark(white, var(--token-color-neutral-80));
 --typo3-state-default-focus-border-colorlight-dark(#595959, var(--token-color-neutral-65))

}
.scaffold-modulemenu{
    scrollbar-color: color-mix(in srgb,#ffffff,transparent 75%) transparent
}

.topbar-site-version, .toolbar-item.toolbar-item-user .toolbar-item-name {
  color: white;
}

.toolbar-item button .icon-markup svg g, .toolbar-item.t3js-toolbar-item-search .icon-markup svg g {
  fill: white;
}

.open .toolbar-item-link, .toolbar-item-link.show, .toolbar-item-link:focus, .toolbar-item-link:hover,
.modulemenu-action:focus-visible, .modulemenu-action:hover {
  background-color: light-dark(#404040, var(--token-color-neutral-75));
}

.modulemenu-action.modulemenu-action-active:not(:has(~ul.collapse.show)) {
  background-color: light-dark(#404040, var(--token-color-neutral-75));
  color: white;
}

.bg-primary {
    background: #B2CF4B;
    background-color: #B2CF4B !important;
}

.btn.btn-primary {
    background: #B2CF4B !important;
    border: 1px solid #B2CF4B !important;
}

.text-purple {
    color: #70C5C3 !important;
    background: #8B166F !important;
}

.text-greenwhite {
    background: #B2CF4B !important;
    color: #ffffff !important;
}

.btn-drogery {
    background: #70C5C3 !important;
    color: #8B166F !important;
    border: 1px solid #8B166F;
    padding: 8px 15px;
    border-radius: 4px;
}