.icon_forum {color: #615D5D;font-size: 36px;border: 1px solid #A9ABA6;  -moz-border-radius: 14%;-webkit-border-radius: 14%;border-radius: 14%;background-color: #F8FAF8; WIDTH:50px; height:50px; text-align: center;line-height:50px;}.icon_forum_bild {border: 1px solid #A9ABA6;  -moz-border-radius: 14%;-webkit-border-radius: 14%;border-radius: 14%;WIDTH:50px; height:50px; }.user_forum_bild {border:1px solid #A9ABA6;  -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;WIDTH:30px; height:30px; display: inline-block;}.user_themen_bild {border:2px solid #A9ABA6;  -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;WIDTH:50px; height:50px; display: inline-block;}.forum_post_user_links {padding:10px;font-size: 14px;background-color: #CCCCCC; color: #000000;}.post_user_bild {border:2px solid #A9ABA6;  -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;WIDTH:120px; height:120px; text-align: center;display: inline-block;}code,kbd,pre,samp{background-color: #CCCCCC; color: #212121;font-size: 12px;}blockquote{background-color: #CCCCCC; color: #000000;font-size: 13px;}.forum_post_user_linksp {padding-left:10px;}.pin_list{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}.text_kurzen_forum {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.text_visible_forum {font-size: 5px;}.text_forum_name {display: inline;font-size: 16px;}.text_forum_name:hover {text-decoration: underline;}.text_forum {font-size: 11px;}.text_forum_themen {font-size: 12px;}.text_forum_user_themen {font-size: 12px;}.text_forum_user {font-size: 12px;}.pin_list{-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}.text_kurzen_forum {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.text_visible_forum {font-size: 5px;}.text_forum_name {display: inline;font-size: 16px;}.text_forum_name:hover {text-decoration: underline;}.text_forum {font-size: 11px;}.text_forum_themen {font-size: 12px;}.text_forum_user_themen {font-size: 12px;}.text_forum_user {font-size: 12px;}.bild_user_tk {color: white;padding:5px;font-size: 12px;text-align: center; text-shadow: 0 0 5px black;}.bild_user_tt {color: white;padding:8px;font-size: 20px;text-align: center; text-shadow: 0 0 5px black;}.bild_user_tg {color: white;padding:21px;font-size: 50px;text-align: center; text-shadow: 0 0 5px black;}.bild_user_0 {background: #bb0000;}.bild_user_a {background: #3B5998;}.bild_user_b {background: #55ACEE;}.bild_user_c {  background: #dd4b39;}.bild_user_d { background: #007bb5;}.bild_user_e {  background: #bb0000;}.bild_user_f {  background: #125688;}.bild_user_g {  background: #cb2027;}.bild_user_h {  background: #fffc00;}.bild_user_i {  background: #00aff0;}.bild_user_k {  background: #a4c639;}.bild_user_l {  background: #ea4c89;}.bild_user_m {  background: #45bbff;}.bild_user_n {  background: #2c4762;}.bild_user_o { background: #00b489;}.bild_user_p { background: #45bbff;}.bild_user_q {  background: #eb4924;}.bild_user_r {  background: #f40083;}.bild_user_s {  background: #430297;}.bild_user_t {  background: #ff5500;}.bild_user_u {  background: #ff5700;}.bild_user_v {  background: #ff6600;}.bild_user_w {background: #66BFDD;}.bild_user_x {  background: #007bb5;}.bild_user_y {  background: #ff5500;}.bild_user_z {  background: #a4c639;}

/* ==========================================================
   Modernes Forum-Design – Web-PHP Forum
   Nur Darstellung: PHP, Datenbank und Forenfunktionen bleiben
   unverändert. Farben zentral über CSS-Variablen anpassbar.
   ========================================================== */
:root {
  --forum-bg: #f4f6fa;
  --forum-surface: #ffffff;
  --forum-soft: #f7f8fb;
  --forum-border: #e7eaf0;
  --forum-text: #263247;
  --forum-muted: #788397;
  --forum-accent: #356ae6;
  --forum-accent-soft: #edf3ff;
  --forum-radius: 16px;
  --forum-shadow: 0 5px 22px rgba(31, 45, 72, .055);
}

/* Forum-Listen: Karten statt der alten flachen Panel-Optik */
.panel:has(.post_list),
.panel:has(.forum_post_user_links) {
  background: var(--forum-surface) !important;
  border: 1px solid var(--forum-border) !important;
  border-radius: var(--forum-radius) !important;
  box-shadow: var(--forum-shadow) !important;
  overflow: hidden;
  margin-bottom: 14px !important;
}
.panel:has(.post_list) > .panel-body,
.panel:has(.forum_post_user_links) > .panel-body {
  padding: 18px 20px !important;
}
.post_list {
  display: flex;
  align-items: center;
  min-height: 76px;
  padding: 10px 4px;
  border-radius: 12px;
  transition: background .18s ease, transform .18s ease;
}
.panel:has(.post_list) .post_list:hover { background: var(--forum-soft); }
.text_forum_name, .text_forum_name a {
  color: var(--forum-text) !important;
  font-size: 16px !important;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none !important;
}
.text_forum_name a:hover { color: var(--forum-accent) !important; }
.text_forum, .text_forum_themen, .text_forum_user_themen, .text_forum_user {
  color: var(--forum-muted) !important;
  font-size: 13px !important;
  line-height: 1.55;
}
.text_forum_themen { font-weight: 600; }
.icon_forum, .icon_forum_bild {
  width: 48px !important;
  height: 48px !important;
  line-height: 46px !important;
  border-radius: 14px !important;
  border: 1px solid #e3e9f4 !important;
  background: var(--forum-accent-soft) !important;
  color: var(--forum-accent) !important;
  font-size: 23px !important;
}
.user_forum_bild, .user_themen_bild {
  border: 2px solid #fff !important;
  box-shadow: 0 0 0 1px var(--forum-border);
  object-fit: cover;
}

/* Themen-/Beitragsbereiche */
.panel:has(.forum_post_user_links) { margin-bottom: 18px !important; }
.forum_post_user_links {
  background: var(--forum-soft) !important;
  color: var(--forum-text) !important;
  border: 1px solid var(--forum-border);
  border-radius: 12px;
  padding: 13px 15px !important;
  line-height: 1.6;
}
.panel:has(.forum_post_user_links) blockquote,
.panel:has(.forum_post_user_links) code,
.panel:has(.forum_post_user_links) pre {
  background: #f1f4f9 !important;
  color: #344158 !important;
  border-left: 3px solid #a9bce9;
  border-radius: 8px;
  padding: 12px 15px;
}
.panel:has(.forum_post_user_links) img { max-width: 100%; height: auto; }

/* Navigation, Formulare und Aktionsbuttons */
.panel:has(.post_list) .btn,
.panel:has(.forum_post_user_links) .btn,
body:has(.post_list) .breadcrumb + .btn {
  border-radius: 9px !important;
  font-weight: 600;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.panel:has(.post_list) .btn:hover,
.panel:has(.forum_post_user_links) .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(35, 55, 95, .10);
}
body:has(.post_list) .breadcrumb,
body:has(.forum_post_user_links) .breadcrumb {
  background: transparent;
  border: 0;
  padding: 9px 2px 14px;
  color: var(--forum-muted);
}
body:has(.post_list) .breadcrumb a,
body:has(.forum_post_user_links) .breadcrumb a { color: var(--forum-accent); }

/* Suchfeld und Eingaben im Forum */
body:has(.post_list) input[type="text"],
body:has(.post_list) input[type="search"],
body:has(.post_list) textarea,
body:has(.post_list) select,
body:has(.forum_post_user_links) input[type="text"],
body:has(.forum_post_user_links) textarea,
body:has(.forum_post_user_links) select {
  border: 1px solid #dfe4ed;
  border-radius: 10px;
  box-shadow: none;
  min-height: 40px;
}
body:has(.post_list) input:focus,
body:has(.post_list) textarea:focus,
body:has(.post_list) select:focus,
body:has(.forum_post_user_links) input:focus,
body:has(.forum_post_user_links) textarea:focus,
body:has(.forum_post_user_links) select:focus {
  border-color: #8eacef;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(53, 106, 230, .10);
}

/* Kleine Status-Labels und Tabellen */
body:has(.post_list) .label,
body:has(.forum_post_user_links) .label { border-radius: 20px; padding: 5px 9px; }
body:has(.post_list) .pagination > li > a,
body:has(.post_list) .pagination > li > span,
body:has(.forum_post_user_links) .pagination > li > a,
body:has(.forum_post_user_links) .pagination > li > span {
  border-radius: 8px !important;
  margin: 0 2px;
  border-color: var(--forum-border);
}

@media (max-width: 767px) {
  .panel:has(.post_list) > .panel-body,
  .panel:has(.forum_post_user_links) > .panel-body { padding: 13px !important; }
  .post_list { min-height: 0; padding: 10px 2px; flex-wrap: wrap; }
  .text_forum_name, .text_forum_name a { font-size: 15px !important; }
  .text_forum { white-space: normal !important; }
  .icon_forum, .icon_forum_bild { width: 42px !important; height: 42px !important; line-height: 40px !important; }
  .forum_post_user_links { padding: 10px !important; }
  .panel:has(.forum_post_user_links) { overflow-wrap: anywhere; }
  .panel:has(.forum_post_user_links) .btn { margin-bottom: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .post_list, .panel .btn { transition: none !important; }
}