/* bbpress-style.css */
/* ====SEiten Beitrag Antwortausgabe mit Zeit usw.====*/
.bbp-last-reply {
    border: 1px solid #666;
    padding: 15px;
    margin: 20px 0;
    border-radius: 10px;
    background-color: #2a2a2a;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.bbp-last-reply-header {
    border-bottom: 1px solid #444;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 14px;
    color: #cccccc;
}

.bbp-last-reply-content {
    font-size: 16px;
    line-height: 1.6;
}
/*ERweiterung mit Animation / Fade-In Effekt auf die Box*/
/* ========= Letzte Antwort Box (bbp_last_reply_slug_neu) ========= */

.bbp-last-reply {
    border: 1px solid #444;
    padding: 15px;
    border-radius: 8px;
    background-color: #1c1c1c;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease;
}

.bbp-last-reply:hover {
    transform: scale(1.02);
    animation: pulseGlowOnce 0.8s ease-in-out forwards;
}

/* Nur einmal aufglühen */
@keyframes pulseGlowOnce {
    0% {
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    }
    100% {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5),
                     0 0 12px rgba(255, 0, 0, 0.6);
    }
}




/*===ICON für ausgebe keine Antwort usw===*/
.bbp-last-reply {
    border: 1px solid #444;
    padding: 20px;
    margin: 30px 0;
    border-radius: 12px;
    background-color: #1f1f1f;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
}

.bbp-last-reply:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5),
                0 0 12px rgba(255, 0, 0, 0.5);
}

.bbp-last-reply-header {
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 15px;
    color: #ccc;
    display: flex;
    align-items: center;
}

.bbp-icon {
    font-size: 20px;
    margin-right: 10px;
    color: #e74c3c;
}

.bbp-last-reply-content {
    font-size: 17px;
    line-height: 1.7;
    word-wrap: break-word;
}

.bbp-last-reply-content i {
    color: #aaa;
    margin-right: 8px;
}

.bbp-last-reply-empty {
    border: 1px dashed #666;
    background-color: #2b2b2b;
}

/* Responsive Optimierung */
@media (max-width: 600px) {
    .bbp-last-reply {
        padding: 15px;
        font-size: 15px;
    }

    .bbp-last-reply-header {
        font-size: 14px;
    }
}

/* >>>>>>>>>>>>>>>>>>>>>Layout und Anzeige der Formular struktur*/
 /* Grundlayout */
body, .bbp-wrapper { … }
/* Container-Boxen */
.bbp-forums, .bbp-topics, .bbp-replies, .bbp-body, #bbp-user-wrapper { … }
/* Tabellenköpfe und -zellen */
.bbp-header, .bbp-topics thead th, .bbp-replies thead th { … }
.bbp-topics td, .bbp-replies td { … }
/* Alternierende Zeilen */
.bbp-topics tr:nth-child(even), .bbp-replies tr:nth-child(even) { … }
/* Links und Breadcrumbs */
.bbp-wrapper a, .bbp-breadcrumb { … }
/* Avatar, Zitate, Pagination, Notice */
.bbp-author-avatar img, blockquote, .bbp-pagination-links a, .bbp-template-notice { … }


/* bbpress-style.css – Forum-Layout & Content */

/* Grundlayout */
.forum-container {
    background: #f0f0f0;
    padding: 1.5em;
    border-radius: 12px;
    margin-bottom: 2em;
    color: #000;
}

/* Switch-Buttons (Thema/Antwort) */
.forum-switch-buttons {
    margin: 1em 0;
    display: flex;
    gap: 10px;
}

.forum-switch-buttons button {
    border: 2px solid red;
    background: transparent;
    color: red;
    padding: 0.5em 1em;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.forum-switch-buttons button:hover {
    border-color: white;
    background: red;
    color: white;
}

/*===============Forum Style============*/

#bbp-forum .bbp-header {
  background-color: #333;
}
#bbp-forum .bbp-body {
  background-color: #222;
}
#bbp-topic .bbp-header {
  background-color: #333;
}

#bbpress-forums .forum-titles li {
  color: #ffffff !important;
}
/* Gesamtcontainer des Forums>>>>>FORUMSTYLE<<<<< */
#bbpress-forums {
  background-color: #111; /* Gesamt-Hintergrund (optional) */
  border-radius: 8px;
  overflow: hidden; /* sorgt dafür, dass runde Ecken auch bei Kind-Elementen wirken */
}

/* ======================================
   Forenüberschriften (bbp-forum-title)
   ====================================== */
#bbpress-forums .bbp-forum-title {
  font-size: 1.4rem;      /* oder z.B. 20px */
  color: #fff;            /* weiße Schrift */
  font-weight: bold;      /* optional stärker */
  line-height: 1.3;
}

#bbpress-forums .bbp-forum-title:hover {
  color: #f00;            /* Hover: rot z. B. */
  text-decoration: underline;
}

/* ========================
   Spaltentitel – Umbruch
   ======================== */
#bbpress-forums .forum-titles li {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.2;
  text-align: center;
}

/* Header-Zeile (Tabellenkopf) */
#bbpress-forums .bbp-header,
#bbpress-forums .forum-titles,
#bbpress-forums .bbp-footer {
  background-color: #2a2a2a;
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
  border-bottom: 1px solid #444;
}
<ul class="forum-titles">
  <li class="bbp-topic-title">Thema</li>
  <li class="bbp-topic-voice-count">Teilnehmer</li>
  <li class="bbp-topic-reply-count">Beiträge</li>
  <li class="bbp-topic-freshness">Letzter Beitrag</li>
</ul>

/* Einträge innerhalb des Headers */
#bbpress-forums .forum-titles li,
#bbpress-forums .bbp-header .forum-titles li {
  display: flex;
  align-items: center;
  color: #fff;
  padding: 8px 10px;
  flex: 1;
  border-right: 1px solid #444;
}

#bbpress-forums .forum-titles li:last-child {
  border-right: none;
}

/* Tabellenzellen (Body) */
#bbpress-forums .bbp-body ul li {
  background-color: #1a1a1a;
  color: #eee;
  border-top: 1px solid #333;
  display: flex;
  flex-wrap: wrap;
  padding: 10px 15px;
}

/* Responsive: kleiner Bildschirm */
@media (max-width: 600px) {
  #bbpress-forums .forum-titles li,
  #bbpress-forums .bbp-body ul li {
    flex: 100%;
    border-right: none;
    padding: 8px 5px;
  }
}
/* Einheitlicher Hintergrund für den bbp-Body */
#bbpress-forums .bbp-body {
  background-color: #111 !important;
}

/* Und auch für die ul-Liste im Body */
#bbpress-forums .bbp-body > ul {
  background-color: #111 !important;
}

/* Und für jedes Topic/Reply-Element (li) */
#bbpress-forums .bbp-body > ul > li {
  background-color: #111 !important;
  border-top: 1px solid #333;
}
/* Forenliste – Basislayout */
.bbp-forums-list {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #181818;
  border: 1px solid #333;
  border-radius: 8px;
  overflow: hidden;
}

/* Einzelnes Forum */
.bbp-forums-list li {
  padding: 12px 18px;
  border-bottom: 1px solid #2a2a2a;
  background-color: #1c1c1c;
  transition: background-color 0.3s ease;
}

/* Letztes Element ohne Border */
.bbp-forums-list li:last-child {
  border-bottom: none;
}

/* Link im Forumseintrag */
.bbp-forums-list li a.bbp-forum-link {
  display: block;
  color: #eee;
  text-decoration: none;
  font-size: 0,9rem;
  font-weight: 500;
  line-height: 1,4 ;
}

/* Hover‑Effekt */
.bbp-forums-list li:hover {
  background-color: #2a2a2a;
}
.bbp-forums-list li a.bbp-forum-link:hover {
  color: #fff;
  padding-left: 6px;
}

/* Entfernt die Nase */
.bbp-forums-list li::before {
  content: none !important;
}

/* Entfernt evtl. negativen Einzug */
.bbp-forums-list li {
  padding-left: 0 !important;
  margin-left: 0 !important;
  position: relative;
}

/* Forum-Link Style */
.bbp-forums-list li a.bbp-forum-link {
  display: block;
  color: #eee;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 0.75rem; /* Nur dezenter Einzug */
  transition: color 0.3s ease;
}

/* Hover rot */
.bbp-forums-list li a.bbp-forum-link:hover {
  color: #ff4b4b;
  text-decoration: underline;
}
/* Nase endgültig entfernen (falls noch aktiv) */
.bbp-forums-list li::before {
  content: none !important;
  display: none !important;
}

/* Listenelement fixen */
.bbp-forums-list li {
  position: relative;
  padding: 0.5rem 1rem 0.5rem 1.5rem; /* mehr Platz links */
  margin: 0;
  overflow: hidden; /* verhindert Überlappungen */
  border-bottom: 1px solid #444;
  background-color: #1a1a1a;
}

/* Link-Styling */
.bbp-forums-list li a.bbp-forum-link {
  display: block;
  color: #eee;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  text-decoration: none;
  padding-left: 0.25rem;
  z-index: 1;
  position: relative;
}

/* Hover: Rot */
.bbp-forums-list li a.bbp-forum-link:hover {
  color: #ff4b4b;
  text-decoration: underline;
}


.bbp-forums-list li {
  background: rgba(255, 0, 0, 0.1);
}
.bbp-forums-list li a {
  background: rgba(121, 128, 121, 0.1);
}

/*======Design von Antworten und Admin-Elementen===*/
/* Hauptantwortbereich (auch Admin-Frontend) */
.bbp-reply,
.bbp-topic {
  background-color: #1f1f1f; /* dunkelgrau */
  color: #fff;               /* weiße Schrift */
  border: 1px solid #333;
  padding: 1rem;
  margin-bottom: 1.5rem;
  border-radius: 6px;
}

/* Admin-Bereich innerhalb der Antwort (z. B. Bearbeiten-/Melden-Links) */
.bbp-admin-links,
.bbp-reply-admin-links {
  background-color: #2a2a2a;
  color: #ccc;
  padding: 0.5rem;
  font-size: 0.9rem;
}

/* Überschriften über Antworten – z. B. "Antwort #123 von ..." */
.bbp-reply-header,
.bbp-topic-header {
  background-color: #3a3a3a;  /* mittelgrau */
  color: #fff;
  padding: 0.75rem 1rem;
  font-weight: bold;
  border-bottom: 1px solid #444;
}

/* Antwort-Metadaten – z. B. Datum */
.bbp-reply-post-date,
.bbp-topic-post-date {
  color: #ccc;
  font-size: 0.85rem;
}

/* Links innerhalb der Antworten */
.bbp-reply-content a,
.bbp-topic-content a {
  color: #ff4b4b;
  text-decoration: underline;
}
.bbp-reply-content a:hover,
.bbp-topic-content a:hover {
  color: #fff;
}
/* ---------- Grundfarben und Text ---------- */

#bbpress-forums,
#bbpress-forums .bbp-replies,
#bbpress-forums .bbp-topic,
#bbpress-forums .bbp-reply {
    background-color: #1f1f1f;
    color: #f5f5f5;
}

/* ---------- Tabellenköpfe (Header/Footer) ---------- */

#bbpress-forums li.bbp-header {
    background-color: #3f3f3f !important; /* Mittelgrau */
    color: #fff !important;
    font-weight: bold;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #555;
}
#bbpress-forums li.bbp-footer {
    background-color: #3f3f3f !important;
    color: #fff !important;
}
#bbpress-forums li.bbp-body {
    background-color: #3f3f3f !important;
    color: #fff !important;
}
#bbpress-forums li.bbp-topic {
    background-color: #3f3f3f !important;
    color: #fff !important;
}
#bbpress-forums li.bbp-body div.bbp-reply-header {
    background-color: #3f3f3f !important;
    color: #fff !important;
}
#bbpress-forums .bbp-reply,
#bbpress-forums div[class*="post-"][class*="bbp-reply-position"] {
    background-color: #1f1f1f !important;
    color: #fff !important;
    padding: 1rem;
    border: 1px solid #333;
    border-radius: 4px;
    margin-bottom: 1.5rem;
}


/* ---------- Beitragseintrag & Struktur ---------- */

#bbpress-forums .bbp-body {
    background-color: #1f1f1f;
    padding: 0;
}

/* ---------- Antwort-Header (mit Datum & Links) ---------- */

#bbpress-forums .bbp-reply-header a,
#bbpress-forums .bbp-topic-header a {
    color: #ff4b4b;
    text-decoration: none;
}

#bbpress-forums .bbp-reply-header a:hover,
#bbpress-forums .bbp-topic-header a:hover {
    color: #fff;
    text-decoration: underline;
}


/* ---------- Antwort-Metadaten wie Datum ---------- */

#bbpress-forums .bbp-meta,
#bbpress-forums .bbp-reply-post-date {
    color: #ccc;
    font-size: 0.85rem;
}

/* ---------- Admin-Links in der Antwort ---------- */

#bbpress-forums .bbp-admin-links,
#bbpress-forums .bbp-reply-admin-links {
    background-color: #1f1f1f; /* korrekt: dunkelgrau */
    color: #ccc;
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin-top: 0.5rem;
}

#bbpress-forums .bbp-admin-links a,
#bbpress-forums .bbp-reply-admin-links a {
    color: #ffffff;
    text-decoration: none;
    margin: 0 0.3rem;
}

#bbpress-forums .bbp-admin-links a:hover,
#bbpress-forums .bbp-reply-admin-links a:hover {
    color: #ff0000;
    text-decoration: underline;
}


/* ---------- Autorenbereich (linke Spalte) ---------- */

#bbpress-forums .bbp-reply-author {
    background-color: #2a2a2a;
    color: #ddd;
    padding: 1rem;
    text-align: center;
}
#bbpress-forums .bbp-author-name {
    font-weight: bold;
}
#bbpress-forums .bbp-author-role {
    font-size: 0.8rem;
    color: #aaa;
}
#bbpress-forums .bbp-reply-ip {
    font-size: 0.7rem;
    color: #777;
}

/* ---------- Inhalt der Antwort ---------- */

#bbpress-forums .bbp-reply-content {
    background-color: #1a1a1a;
    color: #eee;
    padding: 1.5rem;
    font-size: 1rem;
}

/* ---------- Links in Antworten ---------- */

#bbpress-forums .bbp-reply-content a {
    color: #ff4b4b;
    text-decoration: underline;
}
#bbpress-forums .bbp-reply-content a:hover {
    color: #fff;
}

/* ---------- Responsive Feinschliff ---------- */

@media (max-width: 768px) {
    #bbpress-forums .bbp-reply-author {
        padding: 0.5rem;
    }
    #bbpress-forums .bbp-reply-content {
        padding: 1rem;
    }
}
/* Antwort-Body: Hintergrund dunkel, Text weiß */
#bbpress-forums .bbp-reply-content {
    background-color: #1a1a1a; /* dunkel */
    color: #f0f0f0;            /* weiß */
    padding: 1.5rem;
    font-size: 1rem;
    line-height: 1.6;
    border-radius: 6px;
    margin-top: 1rem;
}

/* Links im Antworttext: rot, Hover weiß */
#bbpress-forums .bbp-reply-content a {
    color: #ff4b4b;
    text-decoration: underline;
    transition: color 0.2s ease;
}
#bbpress-forums .bbp-reply-content a:hover {
    color: #ffffff;
    text-decoration: none;
}
/* Editor-Felder: weißer Hintergrund, schwarze Schrift */
#bbpress-forums textarea,
#bbpress-forums input[type="text"],
#bbpress-forums input[type="email"],
#bbpress-forums input[type="url"] {
    background-color: #ffffff;
    color: #111111;
    border: 1px solid #555;
    padding: 0.6rem;
    border-radius: 4px;
}

/* Quicktag-Buttons (falls aktiv) */
#bbpress-forums .quicktags-toolbar input {
    background-color: transparent;
    color: #1f1f1f;
    border: 1px solid #ff4b4b;
}
#bbpress-forums .quicktags-toolbar input:hover {
    background-color: #ff4b4b;
    color: #1f1f1f;
}

/*==================Passende Farben im Tiny MCE Editor des Org. Theme setzen=========*/
 body {
    background-color: #1a1a1a; /* dunkler Hintergrund */
    color: #ffffff; /* weiße Schrift */
}

.wp-editor-area {
    background-color: #1a1a1a;
    color: #ffffff;
}

select,
input,
textarea {
    background-color: #2a2a2a;
    color: #9a3e3e;
    border: 1px solid #444;
}
.mce-container,
.mce-menu {
    background-color: #2a2a2a !important;
    color: #fff !important;
}

.mce-window,
.mce-container,
.mce-panel,
.mce-tooltip,
.mce-menu,
.mce-menu-item {
  background-color: #111 !important;
  color: #fff !important;
  border: 1px solid #444 !important;
}

.mce-window input,
.mce-window select,
.mce-window textarea {
  background-color: #222 !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}

.mce-label {
  color: #ccc !important;
}

.mce-checkbox .mce-label {
  color: #fff !important;
}

.mce-active {
  background-color: #900 !important;
  color: #fff !important;
}
/*===============Formular Beitragsseite Drobdown Menue=============*/
/* Select selbst */
/* für das topic-status-Dropdown */
/* Label-Farbe */
label[for="bbp_stick_topic"],
label[for="bbp_topic_status"] {
  color: #ffffff !important;
}

/* Select-Grund-Styles */
select#bbp_stick_topic_select,
select#bbp_topic_status_select {
  background-color: #2a2a2a !important;
  color: #000 !important;
  border: 1px solid #444 !important;
  /* native Browser-Appearance zurücksetzen */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Optionen im Dropdown */
select#bbp_stick_topic_select option,
select#bbp_topic_status_select option {
  background-color: #363636 !important;
  color: #ffffff !important;
}

/* Falls Dein Theme noch extra Pfeil-Icons o.ä. lädt */
select#bbp_stick_topic_select::-ms-expand,
select#bbp_topic_status_select::-ms-expand {
  display: none !important;
}
/*>>>Beitragsseite<<<<<<*/
body[class*="bbp"] .bbp_dropdown,
body[class*="bbp"] .bbp_dropdown option {
  background: #2a2a2a !important;
  color: #000 !important;
}
/* Tabs im TinyMCE Editor schwarz einfärben */
/*=============================================================================*/
.mce-tab {
    color: black !important;
}

/* Optional: aktiver Tab */
.mce-tab[aria-selected="true"] {
    font-weight: bold;
    border-bottom: 2px solid red; /* oder deine Wunschfarbe */
}
/* Generell alle Tabs schwarz einfärben */
div.mce-tab,
div[id*="-t1"],
div[id*="-t2"] {
    color: black !important;
}

/* Optional: aktive Tabs visuell hervorheben */
div.mce-tab[aria-selected="true"] {
    font-weight: bold;
    border-bottom: 2px solid red;
}
/* Für Buttons wie mceu_99 bis mceu_104: Schrift weiß bei Hover */
div[id^="mceu_99"]:hover .mce-txt,
div[id^="mceu_100"]:hover .mce-txt,
div[id^="mceu_101"]:hover .mce-txt,
div[id^="mceu_102"]:hover .mce-txt,
div[id^="mceu_103"]:hover .mce-txt,
div[id^="mceu_104"]:hover .mce-txt {
    color: white !important;
}
/* Hover-Farbe Weiß für TinyMCE-Buttons mceu_1 bis mceu_104 */
div[id^="mceu_"]:hover .mce-txt {
    color: white !important;
}

/* Optional: Nur IDs bis mceu_104 einschränken */
div[id^="mceu_"]:not([id^="mceu_105"]):hover .mce-txt {
    color: white !important;
}

/* Grundschriftfarbe für TinyMCE-Menübuttons */
.mce-btn .mce-txt {
  color: black !important;
}

/* Falls Buttons transparent oder ohne Hintergrund */
.mce-btn button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Optional: Spezifisch für mceu_0 (Absatz-Auswahl) */
#mceu_0 .mce-txt {
  color: black !important;
}

/* Optional: auch mceu_15, mceu_16 */
#mceu_15 .mce-txt,
#mceu_16 .mce-txt {
  color: black !important;
}
/* Normale Schriftfarbe für alle Menübutton-Texte */
.mce-btn .mce-txt {
  color: black !important;
}

/* Spezifisch für Absatz / Schriftgröße / Schriftfarbe Dropdowns */
#mceu_0 .mce-txt,
#mceu_15 .mce-txt,
#mceu_16 .mce-txt {
  color: rgb(0, 0, 0) !important;
}

/* Zusätzlicher Schutz bei :hover über mce-container oder -widget */
.mce-container:hover #mceu_0 .mce-txt,
.mce-container:hover #mceu_15 .mce-txt,
.mce-container:hover #mceu_16 .mce-txt {
  color: rgb(43, 44, 43) !important;
}
.mce-menu-item span {
  color: white !important;
}
.mce-menu-item:hover span {
  background: rgb(0, 0, 0) !important;
  color: white !important;
}
.mce-menubar .mce-txt {
  color: #ccc !important;
}

/*===========Custom Editor Button=============*/
.custom-upload-preview img {
  border-radius: 4px;
  margin: 5px;
}
.custom-upload-preview button {
  background: black;
  color: red;
  border: 1px solid red;
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 4px;
}
.custom-upload-preview button:hover {
  background: red;
  color: white;
  border-color: white;
  border-radius: 4px !important;
}
/*============kleines feld hintergrund Bild upload====*/
.custom-upload-preview div {
  border: 1px solid #ffffff;
  padding: 0.5em;
  background: #222;
  color: #fff;
  border-radius: 4px;
}
.custom-upload-preview img {
  max-height: 150px;
}
.custom-upload-preview button {
  background: transparent;
  color: #ff0000;
  border: 1px solid white; /* Definiere eine konkrete Border */
  padding: 0.3em 0.6em;
  border-radius: 4px !important;
}
/*==========================================================================*/