/* Frontend Editor Style (z. B. Quicktags, bbPress Editor etc.) */
.quicktags-toolbar input {
    background: transparent;
    color: red;
    border: 1px solid red;
}
/* Link-Dialog Hintergrund & Grunddesign */
#wp-link {
  background-color: #111;         /* dunkler Hintergrund */
  color: #fff;                    /* weiße Schrift */
  border: 2px solid #d00;         /* roter Rahmen */
  border-radius: 10px;
  padding: 20px;
  font-family: sans-serif;
}

/* Titel */
#wp-link h1#link-modal-title {
  color: #000000;
  font-size: 18px;
  margin-bottom: 20px;
}

/* Eingabefelder */
#wp-link input[type="text"],
#wp-link input[type="search"] {
  background-color: #222;
  color: #fff;
  border: 1px solid #555;
  padding: 6px 8px;
  width: 100%;
  border-radius: 5px;
}

/* Labels */
#wp-link label span,
#wp-link .howto {
  color: #ccc;
}

/* Checkbox (neuer Tab) */
#wp-link .link-target label {
  color: #ccc;
}

#wp-link input[type="checkbox"] {
  accent-color: #d00;
}

/* Buttons */
#wp-link button,
#wp-link .button {
  background: black;
  color: rgb(255, 255, 255);
  border: 1px solid #d00;
  border-radius: 5px;
  padding: 6px 10px;
  transition: all 0.2s ease;
}

#wp-link button:hover,
#wp-link .button:hover {
  background-color: rgb(255, 0, 0);
}
/* Allgemein alle Buttons im Modal ansprechen: <button> und <input> */
#wp-link .button,
#wp-link .button-primary,
#wp-link button.button,
#wp-link input.button,
#wp-link input.button-primary,
#wp-link-cancel button.button {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #d00 !important;
  border-radius: 5px;
  padding: 6px 12px;
  margin: 5px 8px 0 0;
  transition: all 0.2s ease-in-out;
  font-size: 14px;
}

/* Hover-Zustand */
#wp-link .button:hover,
#wp-link input.button:hover,
#wp-link .button-primary:hover,
#wp-link input.button-primary:hover {
  background-color: #d00 !important;
  color: #fff !important;
  border-color: #000000 !important;
}
/* Überschrift im Link-Dialog schwarz */
#wp-link #link-modal-title {
  color: #000 !important;
}
/* ********************************************************* */
/* Bildausrichtung für TinyMCE und bbPress */
img.alignright {
  float: right;
  margin: 0 0 1em 1em;
  display: inline !important;
  height: auto;
  max-width: 100%;
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
  display: inline !important;
  height: auto;
  max-width: 100%;
}

img.aligncenter {
  display: block !important;
  margin: 0 auto 1em auto;
  float: none !important;
  height: auto;
  max-width: 100%;
}