/* Hintergrundbild */
body {
  background: url('background.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #fff;
  font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 0;
}

/* Frosted Glass Utility */
.frosted {
  background: rgba(20, 20, 20, 0.3);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* body ohne .frosted beibehalten */
a { 
  color: orange; 
  text-decoration: none;
  transition: color 0.3s ease;
}
a:hover {
  color: #ffa500;
}

button {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}
button:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: scale(1.05);
}

input, textarea, .post_input_container {
  background: rgba(21, 21, 21, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid #222 !important;
  color: #fff;
  border-radius: 8px;
  padding: 8px;
}

.setdef { color: #fff; }

.cookie_wrap {
  background: rgba(51, 51, 51, 0.3);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 10px;
  padding: 10px;
}

/* Alle bestehenden Klassen einfach optisch anpassen, NICHT entfernen */
.bback,
.bbackb,
.bbackhover,
.bbackhoverb,
.blisting,
.blist,
.back_ptop,
.bsub,
.bmenu,
.submenu,
.bselected,
.rselected,
.pselected,
.cselected,
.liked,
.pag_btn,
.pagselected,
.gtag,
.bborder,
.tborder,
.lborder,
.rborder,
.fborder,
.float_top,
.float_ctop,
.bhead,
.modal_top,
.pro_top,
.bfoot,
.foot,
.backglob,
.back_chat,
.back_priv,
.back_panel,
.back_menu,
.back_pmenu,
.back_box,
.back_input,
.back_modal,
.page_element,
.back_quote,
.theme_btn,
.back_theme,
.default_btn,
.back_default,
.defaultd_btn,
.ok_btn,
.warn_btn,
.delete_btn,
.reply_item,
.main_post_item,
.input_item,
.target_private,
.hunt_quote,
.hunter_private,
.targ_quote,
.cquote,
.tab_menu,
.tab_selected,
.modal_mback,
.modal_selected,
.modal_back,
.log2,
.topic_log,
.sub_date,
.sub_chat,
.sub_priv,
.sub_text,
.list_mood,
.plikes,
.bspin,
.my_notice,
.system_text,

.back_page,
.post_video,
.selectboxit-list,
.selectboxit-btn,
.selectboxit-options,
.modal_in {
  background: rgba(25, 25, 25, 0.3);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Nur Farbe lassen wie sie ist */
.theme_color { color: #03add8; }
.default_color { color: #666; }
.error { color: red; }
.success { color: #74b20e; }
.warn { color: orange; }
.user { color: #fff; }
.chat_system { color: #999; }
.offline { opacity: 0.5; }
.menui, .subi { color: #03add8; }
.cqname { color: #999; }
.cqmess { color: #666; }
.bnotify { background: red; color: #fff; border-radius: 50%; padding: 4px 8px; }
.foot_notify, .head_notify { border: 1px solid #fff; }
.bprogress { background: #74b20e; color: #fff; border-radius: 8px; }

/* Slider bleibt wie er ist */
.boom_slider .ui-widget-content { background: #333; }
.boom_slider .ui-state-default,
.boom_slider .ui-state-active { background: #ccc !important; }
.boom_slider .ui-slider-range { background: #666; }

/* selectboxit-styles mit Frosted Glas */
.selectboxit-list, .selectboxit-btn {
  background-color: rgba(21, 21, 21, 0.3);
  backdrop-filter: blur(8px);
  border: 1px solid #222;
  color: #fff;
  border-radius: 8px;
}
.selectboxit-list .selectboxit-focus .selectboxit-option-anchor {
  background-color: rgba(51, 51, 51, 0.5);
  color: #fff;
  border-radius: 6px;
}
.selectboxit-default-arrow { border-top: 4px solid #666; }
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  background: rgba(21, 21, 21, 0.4);
  color: #fff;
}
.selectboxit-options {
  background: rgba(34, 34, 34, 0.4);
  color: #fff;
  border-radius: 8px;
}
.selectboxit-list .selectboxit-option-anchor {
  color: #ccc;
}