/*Custom buttons by Max Fietkau -> Trumbowyg erweiterung Formular.*/
.trumbowyg-form-button:after {
  font-family: FontAwesome;
  content: "\f14a";
}

.trumbowyg-form-button:before {
  font-family: FontAwesome;
  content: "\f14a";
  margin-right: 10px;
}

.trumbowyg-emoji-button:after {
  font-family: FontAwesome;
  content: "\f118";
  margin-right: 10px;
}
.trumbowyg-emoji-button:before {
  font-family: FontAwesome;
  content: "\f118";
  margin-right: 10px;
}

.trumbowyg-giphy-button:after {
  font-family: FontAwesome;
  content: "GIF";
  margin-right: 10px;
}
.trumbowyg-giphy-button:before {
  font-family: FontAwesome;
  content: "GIF";
  margin-right: 10px;
}

.trumbowyg-Cbox-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f14a";
  margin-right: 10px;
}

.trumbowyg-input-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f246";
  margin-right: 10px;
}

.trumbowyg-inputnr-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f292";
  margin-right: 10px;
}

.trumbowyg-inputsig-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f040";
  margin-right: 10px;
}

.trumbowyg-inputdropdown-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f0dc";
  margin-right: 10px;
}

.trumbowyg-columns-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f0db";
  margin-right: 10px;
}

/* Tabelle*/
/*tableAddRowAbove*/
.trumbowyg-tableAddRowAbove-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f062";
  margin-right: 10px;
}
.trumbowyg-tableAddRow-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f063";
  margin-right: 10px;
}
.trumbowyg-tableAddColumnLeft-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f060";
  margin-right: 10px;
}
.trumbowyg-tableDeleteRow-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f1f8";
  margin-right: 10px;
}
.trumbowyg-tableDeleteColumn-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f1f8";
  margin-right: 10px;
}
.trumbowyg-tableDestroy-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f1f8";
  margin-right: 10px;
}

.trumbowyg-tableAddColumn-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f061";
  margin-right: 10px;
}

.trumbowyg-tableCellBackgroundColor-button:before {
  font-family: FontAwesome;
  content: "\f0ce";
  margin-right: 10px;
}
.trumbowyg-tableCellBackgroundColor-button:after {
  font-family: FontAwesome;
  content: "\f0ce";
  margin-right: 10px;
}
.trumbowyg-tableBorderColor-button:before {
  font-family: FontAwesome;
  content: "\f0ce";
  margin-right: 10px;
}
.trumbowyg-tableBorderColor-button:after {
  font-family: FontAwesome;
  content: "\f0ce";
  margin-right: 10px;
}

.trumbowyg-viewHTML-button:after {
  font-family: FontAwesome;
  content: "\f121";
}

.trumbowyg-undo-button:after {
  font-family: FontAwesome;
  content: "\f0e2";
}

.trumbowyg-redo-button:after {
  font-family: FontAwesome;
  content: "\f01e";
}

.trumbowyg-historyUndo-button:after {
  font-family: FontAwesome;
  content: "\f0e2";
}

.trumbowyg-historyRedo-button:after {
  font-family: FontAwesome;
  content: "\f01e";
}

.trumbowyg-formatting-button:before {
  font-family: FontAwesome;
  content: "\f1dd";
}

.trumbowyg-strong-button:after {
  font-family: FontAwesome;
  content: "\f032";
}

.trumbowyg-em-button:after {
  font-family: FontAwesome;
  content: "\f033";
}

.trumbowyg-del-button:after {
  font-family: FontAwesome;
  content: "\f0cc";
}

.trumbowyg-superscript-button:after {
  font-family: FontAwesome;
  content: "\f12b";
}

.trumbowyg-subscript-button:after {
  font-family: FontAwesome;
  content: "\f12c";
}

.trumbowyg-link-button:before {
  font-family: FontAwesome;
  content: "\f0c1";
}

.trumbowyg-insertImage-button:after {
  font-family: FontAwesome;
  content: "\f03e";
}

.trumbowyg-justifyLeft-button:after {
  font-family: FontAwesome;
  content: "\f036";
}

.trumbowyg-justifyCenter-button:after {
  font-family: FontAwesome;
  content: "\f037";
}

.trumbowyg-justifyRight-button:after {
  font-family: FontAwesome;
  content: "\f038";
}

.trumbowyg-justifyFull-button:after {
  font-family: FontAwesome;
  content: "\f039";
}

.trumbowyg-unorderedList-button:after {
  font-family: FontAwesome;
  content: "\f03a";
}

.trumbowyg-orderedList-button:after {
  font-family: FontAwesome;
  content: "\f0cb";
}

.trumbowyg-horizontalRule-button:after {
  font-family: FontAwesome;
  content: "\f068";
}

.trumbowyg-removeformat-button:after {
  font-family: FontAwesome;
  content: "\f12d";
}

.trumbowyg-fullscreen-button:after {
  font-family: FontAwesome;
  content: "\f0b2";
}

.trumbowyg-bold-button:after {
  font-family: FontAwesome;
  content: "\f032";
}

.trumbowyg-italic-button:after {
  font-family: FontAwesome;
  content: "\f033";
}

.trumbowyg-underline-button:after {
  font-family: FontAwesome;
  content: "\f0cd";
}

.trumbowyg-strikethrough-button:after {
  font-family: FontAwesome;
  content: "\f0cc";
}

.trumbowyg-foreColor-button:before {
  font-family: FontAwesome;
  content: "\f031";
}

/*===== DROPDOWN BUTTONS =====*/

.trumbowyg-p-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f1dd";
  margin-right: 10px;
}

.trumbowyg-blockquote-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f10d";
  margin-right: 10px;
}

.trumbowyg-h1-dropdown-button:before,
.trumbowyg-h2-dropdown-button:before,
.trumbowyg-h3-dropdown-button:before,
.trumbowyg-h4-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f1dc";
  margin-right: 10px;
}

.trumbowyg-createLink-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f0c1";
  margin-right: 10px;
}

.trumbowyg-unlink-dropdown-button:before {
  font-family: FontAwesome;
  content: "\f127";
  margin-right: 10px;
}

.trumbowyg-bold-button:after {
  font-family: FontAwesome;
  content: "\f032";
}

.trumbowyg-italic-button:after {
  font-family: FontAwesome;
  content: "\f033";
}

.trumbowyg-underline-button:after {
  font-family: FontAwesome;
  content: "\f0cd";
}

.trumbowyg-strikethrough-button:after {
  font-family: FontAwesome;
  content: "\f0cc";
}

.trumbowyg-foreColor-button:before {
  font-family: FontAwesome;
  content: "\f031";
}

.trumbowyg-table-button:before {
  font-family: FontAwesome;
  content: "\f0ce";
}

.trumbowyg-lineheight-button:before {
  font-family: FontAwesome;
  content: "\f034";
}

.trumbowyg-base64-button:after {
  font-family: FontAwesome;
  content: "\f093";
}

.trumbowyg-indent-button:after {
  font-family: FontAwesome;
  content: "\f061";
}

.trumbowyg-outdent-button:after {
  font-family: FontAwesome;
  content: "\f060";
}


/* Editor Höhe erhöhen */
.trumbowyg-editor {
  min-height: 600px !important;
}

:root {
  --tbw-cell-vertical-padding: 4px;
  --tbw-cell-horizontal-padding: 8px;
  --tbw-cell-line-height: 1.5em;
}

.trumbowyg .trumbowyg table {
  margin-bottom: var(--tbw-cell-line-height);
}

.trumbowyg th,
.trumbowyg td {
  height: calc(
    var(--tbw-cell-vertical-padding) * 4 + var(--tbw-cell-line-height)
  );
  min-width: calc(var(--tbw-cell-horizontal-padding) * 4);
  padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);
  border: 1px dotted rgba(100, 100, 100, 0.5);
}