/* Forum-Stylesheet temia.de (2026-10-13). Ergaenzt ../css/style.css (Theme 2026). */

/* Tabellen im Forum: keine Rahmen aus der alten Vorlage */
table { border: 0; }
td, th { border: 0; }

/* Login-Leiste */
.forum-login-bar { margin: 0 0 18px; padding: 14px 16px; background: var(--accent-soft); border: 1px solid var(--line); border-radius: 10px; font-size: 14px; }
.forum-login-bar--welcome { font-size: 15px; }
.forum-login { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0; }
.forum-login label { display: inline; margin: 0 0 0 6px; font-size: 14px; color: var(--text-muted); }
.forum-login label:first-child { margin-left: 0; }
.forum-login input[type="text"], .forum-login input[type="password"] { width: 170px !important; max-width: none; margin: 0; flex: 0 1 170px; }
.forum-login input[type="button"] { margin: 0 0 0 6px; }
.forum-login__register { margin-left: 4px; white-space: nowrap; }

/* Werkzeugleiste: Neues Thema + Seitenwahl */
.forum-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 12px; }
.forum-toolbar + .clear { display: none; }
.forum-toolbar form { margin: 0; }
.forum-btn { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px !important; font-size: 14px; text-decoration: none; }
.forum-btn img { height: 14px; width: auto; }
.forum-toolbar__pages { display: flex; align-items: center; gap: 4px; font-size: 14px; color: var(--text-muted); }
.forum-toolbar__pages a, .forum-page { display: inline-block; min-width: 28px; padding: 3px 8px; border-radius: 999px; text-align: center; text-decoration: none; }
.forum-toolbar__pages a { color: var(--accent-dark); }
.forum-toolbar__pages a:hover { background: var(--accent-soft); }
.forum-page.is-current { background: var(--accent); color: #fff; font-weight: 600; }

/* Themenliste */
.forum-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; margin: 0 0 14px; background: #fff; }
.forum-table { width: 100%; border-collapse: collapse; border: 0; font-size: 14px; }
.forum-table th { background: var(--accent-soft); color: var(--text); font-weight: 600; text-align: left; padding: 10px 12px; border: 0; border-bottom: 1px solid var(--line); white-space: nowrap; }
.forum-table td { padding: 10px 12px; border: 0; border-top: 1px solid var(--line); background: #fff; color: var(--text); vertical-align: middle; }
.forum-table tr:nth-child(2) td { border-top: 0; }
.forum-table td.topthemen { background: #f6fbe9; }
.forum-table td.themshatten { background: #fafbfa; }
.forum-table tr:hover td { background: var(--accent-soft); }
.forum-table td[align="center"] { text-align: center; color: var(--text-muted); }
.forum-table form { display: inline; margin: 0; }
.forum-table__title { font-weight: 600; text-decoration: none; }
.forum-table__title:hover { text-decoration: underline; }
.forum-table__meta { display: block; margin-top: 2px; font-size: 12.5px; color: var(--text-muted); }
.forum-table td img[src*="cp24"] { height: 13px; width: auto; vertical-align: -1px; margin-right: 6px; opacity: .55; }
.forum-table td img[src*="cp24"]:hover { opacity: 1; }

/* Einzelnes Thema */
.link__form, .link__form2 { margin: 0 0 12px; }
.link__form2 { margin-top: 14px; }
.link__form form, .link__form2 form { margin: 0; }
.no_link_form { display: none; }
.forum-backlink { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; text-decoration: none; }
.forum-backlink:hover { text-decoration: underline; }
.forum-backlink img { height: 11px; width: auto; }
.container__thema { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.table__thema { width: 100%; border-collapse: collapse; border: 0; font-size: 14.5px; }
.table__thema td { border: 0; padding: 12px 16px; background: #fff; color: var(--text); vertical-align: top; }
.table__thema tr.thema-meta td { background: var(--accent-soft); padding: 6px 16px; font-size: 13.5px; border: 0; }
.thema-meta__label { width: 140px; color: var(--text-muted); text-align: right; white-space: nowrap; }
.thema-meta__value { font-weight: 600; }
.table__thema td[rowspan="2"] { width: 190px; background: #f7f9f8; border-right: 1px solid var(--line); border-top: 1px solid var(--line); font-size: 13px; color: var(--text-muted); line-height: 1.5; }
.table__thema td[rowspan="2"] img { height: 14px; width: auto; }
.post-author { display: block; font-size: 16px; font-weight: 600; color: var(--text); margin-bottom: 2px; }
.table__thema td[data-role="post-head"] { border-top: 1px solid var(--line); padding-bottom: 4px; color: var(--text-muted); font-size: 13px; }
.table__thema td[data-role="post-head"] b { display: block; font-size: 15.5px; color: var(--text); margin-bottom: 2px; }
.table__thema tr > td:only-child { padding-top: 4px; padding-bottom: 18px; line-height: 1.6; overflow-wrap: anywhere; }
.table__thema td[colspan="2"]:empty { display: none; }
.table__thema td.themshatten { background: #fff; }
.table__thema td.themshatten[rowspan="2"] { background: #f7f9f8; }
.reply-head { border-top: 1px solid var(--line) !important; background: var(--accent-soft) !important; font-size: 15px; padding: 10px 16px !important; }
.reply-cell { border-top: 1px solid var(--line) !important; padding-bottom: 18px !important; }
.reply-cell form { margin: 0; }
.reply-label { display: block; margin: 0 0 10px; font-size: 14px; color: var(--text-muted); }
.reply-label input { width: 260px !important; max-width: 100%; margin-left: 6px; }
.reply-text { width: 100% !important; max-width: none !important; min-height: 140px; margin: 0 0 8px; }
.reply-cell a[href="upload.php"] { font-size: 13.5px; }
.reply-cell input[type="submit"] { margin-top: 8px; }

@media (max-width: 700px) {
  .forum-login input[type="text"], .forum-login input[type="password"] { flex: 1 1 140px; width: auto !important; }
  .table__thema td[rowspan="2"] { width: 120px; padding: 10px; }
  .thema-meta__label { width: auto; }
  .reply-label input { width: 100% !important; margin: 4px 0 0; }
}

/* ---------- Registrierung: einheitliches Formular-Layout (16.10.2026) ---------- */
.forum-register h2 { margin: 22px 0 6px; }
.forum-register__spalten { display: flex; flex-wrap: wrap; gap: 0 36px; }
.forum-register__spalte { flex: 1 1 360px; min-width: 0; }
.forum-register table { border-collapse: collapse; width: 100%; max-width: 520px; margin-top: 4px; background: transparent; }
.forum-register td { padding: 5px 8px 5px 0 !important; vertical-align: middle; width: auto !important; border: 0; }
.forum-register td:first-child { width: 150px !important; text-align: right; color: var(--text-muted); white-space: nowrap; }
.forum-register table td:last-child { display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px 6px; text-align: left; }
.forum-register table td:only-child { display: flex !important; width: auto !important; text-align: left; white-space: normal; color: inherit; }
.forum-register input:not([type]), .forum-register input[type="text"], .forum-register input[type="password"], .forum-register select { width: 100% !important; max-width: 300px; box-sizing: border-box; margin: 0; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font: inherit; font-size: 14px; background: #fff; }
.forum-register select { max-width: 300px; }
.forum-register table td:last-child input:not([type="checkbox"]), .forum-register table td:last-child select { flex: 1 1 180px; width: auto !important; }
.forum-register .pflicht { flex: none; }
.forum-register label { color: var(--text-muted); font-size: 14px; }
.forum-register input[type="checkbox"] { width: auto !important; margin: 0 6px 0 0; }
.forum-register .pflicht { color: #b00000; font-weight: 700; }
.forum-register .hinweis { flex-basis: 100%; font-size: 12.5px; color: var(--text-muted); }
.forum-register__senden { text-align: center; margin: 28px 0 10px; }
.forum-register__senden br { display: none; }
.forum-register__senden .cf-turnstile { margin: 0 auto 14px; }
.forum-register__senden input[type="submit"] { margin: 0; }
@media (max-width: 560px) { .forum-register td:first-child { width: 110px !important; white-space: normal; } }
