/*
 * ARENJA-Farben für den Elastic-Skin von Roundcube (email.arenja.io).
 * ERZEUGT von 02_Hosting_Systeme/email-arenja-io-roundcube/marke/bauen.mjs – nicht von Hand ändern.
 * Quelle: farben.less (sha256 d16e58685b27bb88…), zusatz.less; Elastic 1.7.5.
 * 281 Regeln aus Elastic mit geänderten Farbwerten, danach zusatz.less (Dark-Mode-Links, Logo-Breite).
 */

a {
  color: #007b66;
}
a:hover {
  color: #006453;
}
body {
  color: #0a0a0a;
}
#layout > div > .header {
  border-bottom: 1px solid #e4e4e7;
  color: #0a0a0a;
  background-color: #f5f6f7;
}
#layout > div > .header a.button {
  color: #0a0a0a;
}
#layout > div > .footer {
  border-top: 1px solid #e4e4e7;
}
#layout-sidebar {
  border-right: 1px solid #e4e4e7;
}
#layout-sidebar.sidebar-right {
  border-left: 1px solid #e4e4e7;
}
#layout-list {
  border-right: 1px solid #e4e4e7;
}
@media screen and (min-width: 481px) {
#layout-menu .popover-header {
  background-color: #0a0a0a !important;
}
}
@media screen and (max-width: 768px) {
#layout > div > .header {
  background-color: #f5f6f7;
}
}
@media screen and (max-width: 768px) {
#layout > div > .footer {
  background-color: #f5f6f7;
}
}
@media screen and (min-width: 481px) {
#layout-menu {
  background-color: #0a0a0a;
}
}
#rcmdraglayer {
  background-color: #0a0a0a;
  box-shadow: 3px 3px 5px #eeeff1;
}
.popup .listbox .footer {
  border-top: 1px solid #e4e4e7;
}
p.image-attachment {
  border: 1px solid #e4e4e7;
  background-color: rgba(0, 123, 102, 0.05);
}
p.image-attachment span {
  color: #6b7280;
}
fieldset.image-attachment legend {
  color: #6b7280;
  border-top: 1px solid #f4f5f6;
}
.iframe-loader .spinner-border {
  color: #eeeff1;
  border-color: currentColor #6b7280 currentColor currentColor;
}
.quota-widget {
  color: #6b7280;
}
.quota-widget .bar {
  border: 1px solid #e4e4e7;
}
.quota-widget .value {
  background-color: #007b66;
}
.quota-widget .value.warning {
  background-color: #dc2626;
}
.image-tools {
  background-color: rgba(0, 123, 102, 0.4);
}
.image-tools a:focus,
.image-tools a:hover {
  background-color: rgba(0, 123, 102, 0.5) !important;
}
.quota-info .root {
  color: #6b7280;
  background-color: #eeeff1;
}
.table-widget {
  border: 1px solid #e4e4e7;
}
.table-widget > .footer {
  border-top: 1px solid #e4e4e7;
}
.table-widget table.options-table tr:last-child td {
  border-bottom: 1px solid #e4e4e7;
}
.table-widget table.options-table tr.selected td {
  background-color: #e6faf6;
  color: #0a0a0a;
}
table.table tr.deleted td {
  color: rgba(10, 10, 10, 0.5) !important;
}
.floating-action-buttons a.button {
  background: #007b66;
  box-shadow: 0 0 5px 5px #2fffdb;
}
.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 102, 0.3);
}
.btn-link {
  color: #007b66;
}
.btn-secondary {
  background: #3f3f46;
  border-color: #3f3f46;
}
.btn-secondary:focus {
  background: #333339;
  border-color: #2e2e33;
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.5);
}
.btn-secondary:hover {
  background: #333339;
  border-color: #2e2e33;
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  background: #3f3f46;
  border-color: #3f3f46;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active {
  background: #27272b;
  border-color: #222226;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.53);
}
.btn-primary {
  background: #007b66;
  border-color: #007b66;
}
.btn-primary:focus {
  background: #006251;
  border-color: #005748;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 102, 0.5);
}
.btn-primary:hover {
  background: #006251;
  border-color: #005748;
}
.btn-primary.disabled,
.btn-primary:disabled {
  background: #007b66;
  border-color: #007b66;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #00483c;
  border-color: #003e33;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 102, 0.53);
}
.btn-danger {
  background: #dc2626;
  border-color: #dc2626;
}
.btn-danger:focus {
  background: #c82020;
  border-color: #bf1f1f;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.5);
}
.btn-danger:hover {
  background: #c82020;
  border-color: #bf1f1f;
}
.btn-danger.disabled,
.btn-danger:disabled {
  background: #dc2626;
  border-color: #dc2626;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active {
  background: #b21d1d;
  border-color: #a91b1b;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.53);
}
.ui-widget-overlay {
  background-color: rgba(10, 10, 10, 0.5);
}
.ui-widget {
  border: 1px solid #e4e4e7;
  box-shadow: 3px 3px 5px #eeeff1;
}
.ui-menu .ui-state-active {
  background-color: #007b66 !important;
}
.ui-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid #e4e4e7;
}
.ui-dialog .ui-dialog-title {
  color: #0a0a0a;
}
.ui-dialog .ui-dialog-titlebar-close {
  color: #0a0a0a;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
  color: #0a0a0a;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus {
  background-color: rgba(0, 123, 102, 0.5);
}
@media screen and (max-width: 480px) {
.ui-dialog .ui-dialog-titlebar {
  background-color: #f5f6f7;
}
}
@media screen and (max-width: 480px) {
.ui-dialog .ui-dialog-buttonpane {
  border-top: 1px solid #e4e4e7;
  background-color: #f5f6f7;
}
}
@media screen and (max-width: 480px) {
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary,
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
  color: #0a0a0a;
}
}
@media screen and (max-width: 480px) {
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-danger {
  color: #dc2626;
}
}
@media screen and (max-width: 480px) {
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
  color: #0a0a0a;
}
}
.ui-slider .ui-slider-range {
  background: #15ffd7;
}
.ui-slider .ui-slider-handle.ui-state-active {
  background: #007b66;
  border-color: #000000;
}
.ui-datepicker .ui-datepicker-header {
  border-bottom: 1px solid #e4e4e7;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #0a0a0a;
}
.ui-datepicker .ui-state-default,
.ui-datepicker.ui-widget-content .ui-state-default {
  color: #0a0a0a;
}
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight {
  background: #15ffd7;
  color: #007b66;
}
.ui-datepicker a.ui-state-active {
  background: #007b66 !important;
}
.minicolors-panel {
  border: 1px solid #e4e4e7;
  box-shadow: 3px 3px 5px #eeeff1;
}
.popover {
  box-shadow: 3px 3px 5px #eeeff1;
  border-color: #e4e4e7;
}
html.layout-small .popover:not(.select-menu) .listing li:last-child,
html.layout-phone .popover:not(.select-menu) .listing li:last-child {
  border-bottom: 1px solid #eeeff1;
}
html.layout-small .popover-overlay,
html.layout-phone .popover-overlay {
  background-color: rgba(10, 10, 10, 0.5);
}
html.layout-small .popover-header,
html.layout-phone .popover-header {
  background-color: #000000;
}
.pgpkeyimport div.key.revoked,
.pgpkeyimport div.key.disabled {
  color: #6b7280;
}
.menu a:not(.disabled):focus,
.menu a:not(.disabled):hover {
  background-color: #eceef0;
}
.menu.toolbar a {
  color: #0a0a0a;
}
.menu.toolbar a.selected {
  color: #059669;
}
.menu.toolbar .dropbutton:not(.disabled):hover {
  background-color: #eceef0;
}
.menu.toolbar .dropbutton a.dropdown:hover {
  background-color: #dee2e5;
}
.menu.pagenav a {
  color: #0a0a0a;
}
.menu.pagenav .pagenav-text {
  color: #6b7280;
}
.menu.pagenav.pagenav-list {
  border-bottom: 1px solid #eeeff1;
}
.menu.pagenav.pagenav-list.expanded + .navlist {
  border-bottom: 1px solid #e4e4e7;
}
.menu .buttons button {
  color: #0a0a0a;
}
.popover .menu li.separator {
  color: #6b7280;
  background-color: #eeeff1;
}
.popover .menu li a:not(.disabled):hover {
  background-color: #007b66;
}
.popover .menu li a[aria-haspopup]:after {
  color: #6b7280;
}
.popover .menu li a[aria-haspopup].dropdown:after {
  color: #0a0a0a;
}
.popover .menu .dropbutton a.dropdown:hover {
  background-color: #007b66;
}
@media screen and (min-width: 769px) {
.header a.button.icon:not(.disabled):focus,
  .header a.button.icon:not(.disabled):hover {
  background-color: #eceef0;
}
}
@media screen and (max-width: 768px) {
.menu.listing a {
  color: #0a0a0a;
}
}
.searchbar {
  border-bottom: 1px solid #eeeff1;
}
.searchbar form:before {
  color: #6b7280;
}
.searchbar a {
  color: #0a0a0a;
}
.searchbar a.selected {
  color: #059669;
}
@media screen and (max-width: 480px) {
#taskmenu a {
  border-bottom: 1px solid #eeeff1 !important;
  color: #0a0a0a;
}
}
@media screen and (min-width: 481px) {
#taskmenu a.selected {
  background: #242424;
}
}
@media screen and (min-width: 481px) {
#taskmenu a.selected:hover {
  background: #242424;
}
}
@media screen and (min-width: 481px) {
#taskmenu a:hover {
  background: #242424;
}
}
@media screen and (min-width: 481px) {
#taskmenu .special-buttons {
  background-color: #0a0a0a;
}
}
@media screen and (min-width: 481px) {
#taskmenu .action-buttons a {
  color: #00c9a7;
}
}
@media screen and (min-width: 481px) {
#taskmenu .action-buttons a:hover {
  color: #00c9a7;
  background: #242424;
}
}
@media screen and (min-width: 481px) {
#taskmenu a.logout {
  color: #dc2626 !important;
}
}
@media screen and (min-width: 481px) {
#taskmenu a.logout:hover {
  color: #dc2626 !important;
}
}
@media screen and (min-width: 1025px) {
#taskmenu a:focus {
  background-color: #242424;
}
}
.ui.alert {
  color: #0a0a0a;
  background-color: rgba(0, 123, 102, 0.05);
}
.ui.alert > i.icon {
  color: #4a4a4a;
}
.ui.alert.loading {
  color: #545454;
}
.ui.alert.alert-success > i.icon:before {
  color: #059669;
}
.ui.alert.alert-warning > i.icon:before {
  color: #d97706;
}
.ui.alert.alert-danger > i.icon:before {
  color: #dc2626;
}
.ui.alert a:not(.btn) {
  color: #007b66;
}
.ui.alert.boxerror {
  background-color: rgba(220, 38, 38, 0.2);
}
.ui.alert.boxinformation {
  background-color: rgba(0, 123, 102, 0.2);
}
.ui.alert.boxconfirmation {
  background-color: rgba(5, 150, 105, 0.2);
}
.ui.alert.boxwarning {
  background-color: rgba(217, 119, 6, 0.2);
}
#messagestack div {
  background-color: #0a0a0a;
}
#messagestack .loading {
  background-color: #545454;
}
#messagestack .alert-info.information {
  background-color: #007b66;
}
#messagestack .alert-success {
  background-color: #059669;
}
#messagestack .alert-warning {
  background-color: #d97706;
  color: #0a0a0a;
}
#messagestack .alert-warning > i.icon:before {
  color: #0a0a0a;
}
#messagestack .alert-danger {
  background-color: #dc2626;
}
.listing tbody td,
.listing li {
  border-bottom: 1px solid #eeeff1;
}
.listing tbody td,
.listing li a {
  color: #0a0a0a;
}
.listing tbody td a {
  color: #0a0a0a;
}
.listing li.selected,
.listing tr.selected td {
  color: #0a0a0a;
  background-color: #e6faf6;
}
.listing li.disabled,
.listing tr.disabled td {
  color: rgba(10, 10, 10, 0.5);
}
.listing span.secondary {
  color: #6b7280;
}
html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
  border-left: 2px solid #00c9a7;
}
ul.listing li ul {
  border-top: 1px solid #eeeff1;
}
.listing-info {
  color: #6b7280;
}
.listing-hover-menu a.button {
  color: #0a0a0a;
}
.listing-hover-menu span.txt {
  color: #6b7280;
}
@media screen and (max-width: 1200px) {
.listing.selection-large-only li.selected {
  color: #0a0a0a;
}
}
.popupmenu .listing li > a:not(.disabled):hover {
  background-color: #007b66;
}
.popupmenu .listing li.selected {
  background-color: #007b66;
}
ul.treelist li.selected > div > a,
ul.treelist li.selected > a {
  color: #0a0a0a;
  background-color: #e6faf6;
}
.folderlist li.mailbox .unreadcount {
  background: #007b66;
}
.folderlist li.mailbox.recent > a {
  color: #001511;
}
.folderlist li.mailbox.recent > a > .unreadcount {
  background: #007b66;
}
.messagelist td.subject span.size,
.messagelist td.subject span.date {
  color: #6b7280;
}
.messagelist td.subject span.fromto {
  color: #6b7280;
}
.messagelist tr.flagged td,
.messagelist tr.flagged span.size,
.messagelist tr.flagged td.subject span.subject a,
.messagelist tr.flagged td.subject span.date,
.messagelist tr.flagged td.subject span.fromto {
  color: #dc2626;
}
.messagelist tr.deleted td,
.messagelist tr.deleted td.subject span.subject a,
.messagelist tr.deleted td.subject span.date,
.messagelist tr.deleted td.subject span.fromto {
  color: rgba(10, 10, 10, 0.5);
}
.messagelist span.attachment span {
  color: rgba(107, 114, 128, 0.75);
}
.messagelist tr.flaggedroot:not(:hover) span.unflagged:before {
  color: rgba(107, 114, 128, 0.75);
}
.contactlist span.email {
  color: #6b7280;
}
.attachmentslist {
  border: 1px solid #eeeff1;
}
.attachmentslist li .attachment-name {
  color: #0a0a0a;
}
.attachmentslist li .attachment-size {
  color: #6b7280;
}
.propform .form-text {
  color: #6b7280;
}
.formcontent .hint {
  color: #6b7280;
}
.formcontent.raweditor .CodeMirror {
  color: #0a0a0a;
}
.formcontent.raweditor .CodeMirror-focused {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.formcontent.raweditor .CodeMirror-linebackground.line-error {
  background-color: #dc2626;
}
.input-group a:focus {
  background-color: rgba(0, 201, 167, 0.25);
}
.proplist li.with-sublist > a.dropdown {
  color: #0a0a0a;
}
.multi-input > .content.focused {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.multi-input.is-invalid > .content {
  border: 1px solid #dc2626;
}
.multi-input.is-invalid > .content.focused {
  border-color: #dc2626;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25);
}
.file-upload {
  border: 0.2rem dashed #e4e4e7;
}
.file-upload .hint {
  color: #6b7280;
}
.file-upload.droptarget.active {
  border-color: #b4bbc3;
}
.file-upload.droptarget.hover {
  border-color: #b4bbc3;
  background-color: #eceef0;
}
.recipient-input.focus {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.recipient-input li.recipient,
body > li.recipient.ui-sortable-helper {
  background-color: #eeeff1;
}
.recipient-input li.recipient a.button.icon,
body > li.recipient.ui-sortable-helper a.button.icon {
  color: #0a0a0a;
}
.tagedit-list[tabindex="-1"] {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.tagedit-list li.tagedit-listelement-old {
  background-color: #eeeff1;
}
.image-upload {
  background-color: #f5f6f7;
}
@-moz-document url-prefix() {
select:-moz-focusring {
  text-shadow: 0 0 0 #0a0a0a !important;
}
}
.form-control {
  color: #0a0a0a;
}
.form-control:focus {
  color: #0a0a0a;
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.form-control.is-invalid {
  border-color: #dc2626;
}
.form-control.is-invalid:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 0.2rem rgba(220, 38, 38, 0.25);
}
.invalid-feedback {
  color: #dc2626;
}
.input-group-text {
  color: #0a0a0a;
  background-color: #eeeff1;
}
.input-group-text input:focus {
  border-color: #00c9a7 !important;
}
.custom-switch .custom-control-input:focus ~ .custom-control-label:before {
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #00c9a7;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #007b66;
  background-color: #007b66;
}
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
  border-color: #00c8a5;
  background-color: #00c8a5;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
div.tox.focused {
  border-color: #00c9a7 !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25) !important;
}
div.tox .tox-toolbar-overlord > div {
  background-color: #eeeff1;
}
div.tox .tox-toolbar {
  background-color: #eeeff1;
}
div.tox .tox-dialog {
  border-color: #e4e4e7;
}
div.tox .tox-dialog .tox-dialog__body-nav-item--active {
  color: #007b66;
}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover {
  color: #006453;
}
div.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(10, 10, 10, 0.5);
}
div.tox .tox-dialog__header {
  border-bottom: 1px solid #e4e4e7;
}
div.tox .tox-dialog__header .tox-button {
  color: #0a0a0a;
}
@media screen and (max-width: 480px) {
div.tox .tox-dialog__footer {
  border-top: 1px solid #e4e4e7;
}
}
div.tox .tox-dialog__footer .tox-button {
  background: #007b66;
  border-color: #007b66;
}
div.tox .tox-dialog__footer .tox-button:focus {
  background: #006251;
  border-color: #005748;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 102, 0.5);
}
div.tox .tox-dialog__footer .tox-button:hover {
  background: #006251;
  border-color: #005748;
}
div.tox .tox-dialog__footer .tox-button.disabled,
div.tox .tox-dialog__footer .tox-button:disabled {
  background: #007b66;
  border-color: #007b66;
}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active,
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active {
  background: #00483c;
  border-color: #003e33;
}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus,
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 102, 0.53);
}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
  background: #007b66;
  border-color: #007b66;
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary {
  background: #3f3f46;
  border-color: #3f3f46;
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus {
  background: #333339;
  border-color: #2e2e33;
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.5);
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover {
  background: #333339;
  border-color: #2e2e33;
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled,
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled {
  background: #3f3f46;
  border-color: #3f3f46;
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active,
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active {
  background: #27272b;
  border-color: #222226;
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active:focus,
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.53);
}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {
  background: #3f3f46;
  border-color: #3f3f46;
}
div.tox .tox-dialog__title {
  color: #0a0a0a;
}
div.tox .tox-label {
  color: #0a0a0a;
}
div.tox .tox-color-input > input,
div.tox .tox-listboxfield .tox-listbox--select,
div.tox .tox-textarea,
div.tox .tox-textfield {
  color: #0a0a0a;
}
div.tox .tox-color-input > input:focus,
div.tox .tox-listboxfield .tox-listbox--select:focus,
div.tox .tox-textarea:focus,
div.tox .tox-textfield:focus {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
div.tox .image-selector button {
  background: #3f3f46;
  border-color: #3f3f46;
}
div.tox .image-selector button:focus {
  background: #333339;
  border-color: #2e2e33;
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.5);
}
div.tox .image-selector button:hover {
  background: #333339;
  border-color: #2e2e33;
}
div.tox .image-selector button.disabled,
div.tox .image-selector button:disabled {
  background: #3f3f46;
  border-color: #3f3f46;
}
div.tox .image-selector button:not(:disabled):not(.disabled):active,
div.tox .image-selector button:not(:disabled):not(.disabled).active {
  background: #27272b;
  border-color: #222226;
}
div.tox .image-selector button:not(:disabled):not(.disabled):active:focus,
div.tox .image-selector button:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 0 0 0.2rem rgba(63, 63, 70, 0.53);
}
@media screen and (max-width: 480px) {
div.tox .tox-dialog__header {
  background-color: #f5f6f7;
}
}
@media screen and (max-width: 480px) {
div.tox .tox-dialog__footer {
  background-color: #f5f6f7;
}
}
@media screen and (max-width: 480px) {
div.tox .tox-dialog__footer .tox-button {
  color: #0a0a0a !important;
}
}
@media screen and (max-width: 480px) {
div.tox .tox-dialog__footer .tox-button:active,
  div.tox .tox-dialog__footer .tox-button:focus,
  div.tox .tox-dialog__footer .tox-button:hover {
  color: #0a0a0a;
}
}
.image-selector.droptarget {
  border: 0.2rem dashed #e4e4e7;
}
.image-selector .attachmentslist li:hover,
.image-selector .attachmentslist li:focus {
  background: #e6faf6;
}
.image-selector .attachmentslist li span.img {
  border: 1px solid #eeeff1;
}
.html-editor .editor-toolbar {
  background-color: #eeeff1;
}
.googie_link {
  color: #dc2626;
}
.googie_list li.googie_list_onhover {
  background-color: #007b66;
}
#login-footer {
  color: #6b7280;
}
#login-footer > div {
  background: #eeeff1;
}
#contactpic {
  background-color: #f5f6f7;
}
#contacthead.readonly .source.row {
  color: #6b7280;
}
body.status-flagged #message-header > .subject:before {
  color: #dc2626;
}
#message-header > .header img.contactphoto {
  background: #f5f6f7;
}
#message-header .header-headers .header-title {
  color: #6b7280;
}
.message-partheaders {
  border-top: 1px solid #eeeff1;
}
.message-partheaders table.headers-table {
  color: #6b7280;
}
.message-part:not(:first-child),
.message-htmlpart:not(:first-child) {
  border-top: 1px solid #eeeff1;
}
.message-part blockquote,
.message-htmlpart blockquote {
  color: #000000;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  background-color: rgba(238, 239, 241, 0.5);
}
.message-part blockquote blockquote,
.message-htmlpart blockquote blockquote {
  color: #011b13;
  border-left: 2px solid #011b13;
  border-right: 2px solid #011b13;
}
.message-part blockquote blockquote blockquote,
.message-htmlpart blockquote blockquote blockquote {
  color: #861616;
  border-left: 2px solid #861616;
  border-right: 2px solid #861616;
}
.message-part blockquote span.blockquote-link,
.message-htmlpart blockquote span.blockquote-link {
  color: #6b7280;
  background: #eeeff1;
  border: 1px solid #e4e4e7;
}
.message-part span.sig {
  color: #6b7280;
}
.suspicious-address-warning:before {
  color: #d97706;
}
html.dark-mode {
  scrollbar-color: #005a4b #4d6066;
}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb {
  background-color: #005a4b;
}
html.dark-mode .searchbar a.selected {
  color: #059669;
}
html.dark-mode .ui.alert.boxinformation,
html.dark-mode #messagestack .alert-info {
  background-color: #004a3d;
}
html.dark-mode .ui.alert.boxerror,
html.dark-mode #messagestack .alert-danger {
  background-color: #841717;
}
html.dark-mode .ui.alert.boxwarning,
html.dark-mode #messagestack .alert-warning {
  background-color: #824704;
}
html.dark-mode .ui.alert.boxconfirmation,
html.dark-mode #messagestack .alert-success {
  background-color: #035a3f;
}
html.dark-mode #taskmenu .action-buttons a {
  color: #007b66;
}
html.dark-mode .menu.toolbar a.selected {
  color: #059669;
}
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected > a,
html.dark-mode .listing li.selected > div > a,
html.dark-mode .listing tr.selected td {
  color: #00c9a7;
}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
  color: #00c9a7;
}
html.dark-mode .messagelist tr.flagged:not(.deleted) td,
html.dark-mode .messagelist tr.flagged:not(.deleted) span.attachment span {
  color: #dc2626;
}
html.dark-mode .btn-primary {
  background-color: #007b66;
}
html.dark-mode .btn-primary:hover:not(:disabled) {
  background-color: #00957b;
}
html.dark-mode .btn-danger {
  background-color: #841717;
}
html.dark-mode .btn-danger:hover:not(:disabled) {
  background-color: #9a1b1b;
}
html.dark-mode .floating-action-buttons a.button {
  background: #007b66;
}
html.dark-mode .custom-file-label:focus:not(.is-invalid),
html.dark-mode .form-control:focus:not(.is-invalid) {
  border-color: #00c9a7;
}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007b66;
}
html.dark-mode .multi-input:not(.is-invalid) > .content.focused {
  border-color: #00c9a7;
}
html.dark-mode .input-group a:focus {
  border-color: #00c9a7;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 167, 0.25);
}
html.dark-mode .recipient-input.focus {
  border-color: #00c9a7;
}
html.dark-mode .formcontent.raweditor .CodeMirror-focused {
  border-color: #00c9a7;
}
html.dark-mode .tox .tox-dialog__footer .tox-button {
  background-color: #007b66;
}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
  background-color: #007b66;
}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
  background-color: #00957b;
}
html.dark-mode .tox .tox-dialog__body-nav-item--active {
  color: #007b66;
}
html.dark-mode .tox .tox-collection__item--enabled {
  color: #00c9a7;
}
html.dark-mode .message-part blockquote {
  border-color: #00c9a7;
  color: #00c9a7;
}
html.dark-mode .message-part blockquote blockquote {
  color: #07c78c;
  border-color: #07c78c;
}
html.dark-mode .message-part blockquote blockquote blockquote {
  color: #e35252;
  border-color: #e35252;
}
html.dark-mode .message-htmlpart {
  color: #0a0a0a;
}
html.dark-mode .ui-datepicker .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
  color: #007b66;
}

/* zusatz.less */
/*
 * Ergänzungen, die sich nicht über Variablen setzen lassen: Farben im Dark Mode und die Breite der Wortmarke.
 *
 * Elastic färbt Links im Dark Mode mit derselben Variable wie im hellen Modus. #007b66 hätte auf dem dunklen Grund
 * (#21292c) nur 2,6 : 1, deshalb dort helles Teal. :where() hält die Spezifität bei der des Originals (a, a:hover,
 * .btn-link), damit jede speziellere Regel von Elastic weiter gewinnt.
 */
:where(html.dark-mode) a,
:where(html.dark-mode) .btn-link {
  color: #00c9a7;
}
:where(html.dark-mode) a:hover {
  color: #00b396;
}
/*
 * dark.less setzt an drei Stellen @color-main direkt als Textfarbe auf dunklem Grund (Elastic 1.7.5, dark.less Z. 181, 746,
 * 939). Mit #007b66 wäre das kaum lesbar; gleiche Selektoren wie dort, deshalb gewinnt diese spätere Regel.
 */
html.dark-mode #taskmenu .action-buttons a,
html.dark-mode .tox .tox-dialog__body-nav-item--active,
html.dark-mode .ui-datepicker .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
  color: #00c9a7;
}
/*
 * Einzige Maßangabe: Die Wortmarke „ARENJA• Mail“ ist breiter als das Roundcube-Logo. Elastic begrenzt auf der
 * Anmeldeseite nur die Höhe (100 px); auf schmalen Bildschirmen liefe sie sonst über den Rand.
 */
.task-login #logo {
  max-width: calc(100% - 2rem);
}
/*
 * HTML-Mails zeigt Elastic auch im Dark Mode auf weißem Grund (dark.less, .message-htmlpart). Dort gilt wieder das dunkle
 * Text-Teal.
 */
html.dark-mode .message-htmlpart a {
  color: #007b66;
}
html.dark-mode .message-htmlpart a:hover {
  color: #006453;
}