/**
 * Define or overwrite your theme variables here.
 *
 * Check for @humhub/static/less/variables.less file for all available variables.
 *
 * You can also access your variables within your view files by calling Yii::$app->view->theme->variable('myVariable');
 *
 * You can disable the import of humhub theme components by using variables of the format @prev-{component} e.g.:
 * This will prevent comment.less component from beeing imported.
 * e.g.:
 * @prev-comment: true;
 *
**/
/**
 * Define your mixins within this file.
**/
/* Fonts */

html, body {
    background-color: #000 !important;
    color-scheme: dark;
  overflow-x: hidden !important;
  width: 100% !important;
} 
body.modal-open {
    height: auto !important;
    overflow: hidden;
}
.row::before, .row::after {
content: "" !important;
}
.heading {
  font-weight: 400;
  font-family: var(--hh-ct-heading-font-family);
  color: var(--hh-ct-text-color-heading);
}
.heading .btn,
.heading .help-block {
  font-family: var(--hh-ct-font-family);
}
.heading .heading-link {
  color: var(--text-color-link) !important;
}
.img-rounded:not(#img-logo) {
  border-radius: 50%;
}
.modules-group .img-rounded:not(#img-logo),
form .img-rounded:not(#img-logo) {
  border-radius: 0;
}
.space-acronym {
  border-radius: 50% !important;
background-color: #222!important;
}
.dropdown-menu {
  transition: .25s;
  border: 1px solid var(--hh-ct-menu-border-color);
  border-radius: .215rem;
  box-shadow: 0 3px 12px #0000000d;
    background-color: rgb(0 0 0 / 60%) !important;
    backdrop-filter: blur(12px)!important;
    -webkit-backdrop-filter: blur(12px)!important;
}
.dropdown-menu > .media-list > li {
  margin: 2px 5px;
}
.form-control {
  border-radius: 25px;
}
#contentForm_message .form-control {
  border-radius: var(--hh-ct-panel-border-radius);
}
@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: calc(100% - 45px);
    max-width: var(--hh-ct-container-max-width);
  }
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
body {
  padding-top: calc(var(--hh-ct-top-bar-height) + var(--hh-ct-top-bar-bottom-spacing));
  padding-bottom: var(--hh-fixed-footer-height);
  font-family: var(--hh-ct-font-family);
  font-size: var(--hh-ct-font-size);
  font-weight: var(--hh-ct-font-weight);
}
b,
strong {
  font-weight: var(--hh-ct-font-bold-weight);
}
@media print {
  #topbar {
    display: none;
  }
}
h1 {
  font-size: var(--hh-ct-h1-font-size);
}
h2 {
  font-size: var(--hh-ct-h2-font-size);
}
h3 {
  font-size: var(--hh-ct-h3-font-size);
}
h4 {
  font-size: var(--hh-ct-h4-font-size);
}
h5 {
  font-size: var(--hh-ct-h5-font-size);
}
h6 {
  font-size: var(--hh-ct-h6-font-size);
}
.badge.messageCount,
#badge-notifications,
#badge-messages {
  border-radius: 50%;
}
.btn:not(.form-control) {
  font-size: var(--hh-ct-font-size);
}
.btn-sm,
.btn-xs {
  font-size: calc(var(--hh-ct-font-size) - 2px);
}
.container-cards .card .card-header .card-image-link {
  border: none;
}
.container-cards .card .card-panel {
  border-width: var(--hh-ct-panel-border-width);
  border-style: var(--hh-ct-panel-border-style);
  border-color: var(--hh-ct-panel-border-color);
  border-radius: var(--hh-ct-panel-border-radius);
  box-shadow: var(--hh-ct-panel-box-shadow);
}
.container-cards .card .card-panel .card-body div {
  font-size: 13px;
}
.container-cards .card .card-bg-image {
  border-top-left-radius: var(--hh-ct-panel-border-radius);
  border-top-right-radius: var(--hh-ct-panel-border-radius);
}
.container-cards .card .card-status {
  font-weight: var(--hh-ct-font-bold-weight);
}
.container-cards .card .card-body .card-title {
  font-weight: bold;
}
.modal .dropdown-menu li,
.nav-tabs .dropdown-menu li,
.panel .dropdown-menu li,
.modal .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li.selected,
.panel .dropdown-menu li.selected,
.modal .dropdown-menu li:hover:not(.divider),
.nav-tabs .dropdown-menu li:hover:not(.divider),
.panel .dropdown-menu li:hover:not(.divider) {
  border-left: none;
}
.image-upload-container .image-upload-buttons {
  right: 20px;
  bottom: 20px;
}
.form-control:focus {
  border: 1px solid #F7931A;
}
.checkbox label {
  font-weight: var(--hh-ct-font-bold-weight);
}
label {
  font-weight: var(--hh-ct-font-bold-weight);
}
.grid-view table th {
  font-weight: var(--hh-ct-font-bold-weight) !important;
}
a.list-group-item {
  padding: 10px 15px;
  transition: .25s;
  font-size: var(--hh-ct-menu-font-size);
  color: var(--hh-ct-menu-text-color);
}
a.list-group-item:hover {
  background-color: var(--background-color-secondary);
  color: var(--text-color-highlight);
}
body.hh-ct-menu-style-background a.list-group-item {
  border-left: none !important;
}
body.hh-ct-menu-style-background a.list-group-item:hover,
body.hh-ct-menu-style-background a.list-group-item.active,
body.hh-ct-menu-style-background a.list-group-item.active:hover,
body.hh-ct-menu-style-background a.list-group-item.active:focus {
  background-color: var(--primary);
  color: var(--text-color-contrast);
  border-left: none !important;
}
body.hh-ct-menu-style-bordered a.list-group-item {
  border-left-color: var(--link);
}
body.hh-ct-menu-style-bordered a.list-group-item:not(.active):hover {
  border-left-color: transparent !important;
}
.media-list li {
  border-left: none;
}
.media-list li.new {
  border-left: none;
}
.media-list li:hover,
.media-list li.selected {
  border-left: none;
}
.media-list li.placeholder:hover {
  border-left: none;
}
.media .media-body {
  font-size: var(--hh-ct-font-size);
}
.media .media-body strong {
  color: var(--text-color-soft);
}
.has-online-status .user-online-status {
  right: -4%;
  bottom: -4%;
}
.has-online-status.img-size-large .user-online-status {
  right: 0;
  bottom: 0;
}
.markdown-render h1,
[data-ui-markdown] h1,
[data-ui-richtext] h1 {
  font-size: var(--hh-ct-h1-font-size);
}
.markdown-render h2,
[data-ui-markdown] h2,
[data-ui-richtext] h2 {
  font-size: var(--hh-ct-h2-font-size);
}
.markdown-render h3,
[data-ui-markdown] h3,
[data-ui-richtext] h3 {
  font-size: var(--hh-ct-h3-font-size);
}
.markdown-render h4,
[data-ui-markdown] h4,
[data-ui-richtext] h4 {
  font-size: var(--hh-ct-h4-font-size);
}
.markdown-render h5,
[data-ui-markdown] h5,
[data-ui-richtext] h5 {
  font-size: var(--hh-ct-h5-font-size);
}
.markdown-render h6,
[data-ui-markdown] h6,
[data-ui-richtext] h6 {
  font-size: var(--hh-ct-h6-font-size);
}
dt {
  font-weight: var(--hh-ct-font-bold-weight);
}
.modal-content {
  border-radius: var(--hh-ct-panel-border-radius);
}
.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5 {
  color: var(--hh-ct-text-color-heading);
}
@media (max-width: 768px) {
  #layout-content {
    overflow-x: auto;
margin-top: -5px;
  }
  #layout-content .panel-profile .panel-profile-header .img-profile-header-background {
    min-height: 65px !important;

  }


  .topbar,
  .topbar > .container {
    padding-left: 0;
    padding-right: 0;
  }
  #topbar > .container .topbar-brand.hidden-xs {
    flex: 1;
    display: block !important;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #topbar > .container .topbar-brand.hidden-xs a.navbar-brand {
    display: block !important;
    padding-left: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  #topbar > .container #space-menu-dropdown .media-list,
  #topbar > .container #search-menu-dropdown .media-list {
    max-height: 200px;
  }
  #topbar > .container .topbar-actions {
    padding-right: 13px;
  }
}
@media (max-width: 768px) {
  #topbar > .container .caret {
    display: none;
  }
  #topbar > .container > .nav > li > a {
    padding: 7px 8px 0;
  }
  #topbar > .container #top-menu-nav {
    position: fixed;
    bottom: 0;
    padding-bottom: var(--hh-mobile-app-safe-area-inset-bottom, env(safe-area-inset-bottom));
    background-color: var(--background-color-secondary);
    width: auto;
    min-width: 100%;
    display: flex;
    justify-content: space-between !important;
  }
  #topbar > .container #top-menu-nav > li > a {
    display: block;
    padding: 0 5px 5px 5px;
    min-width: 65px;
    max-width: 20ch;
    height: auto;
    line-height: 12px !important;
    font-size: 10px;
    color: var(--primary);
  }
  #topbar > .container #top-menu-nav > li > a.active,
  #topbar > .container #top-menu-nav > li > a:hover,
  #topbar > .container #top-menu-nav > li > a:active,
  #topbar > .container #top-menu-nav > li > a:focus {
    border-bottom: none !important;
background-color: #00000000 !important;

  }
  #topbar > .container #top-menu-nav > li > a#space-menu {
    align-items: center;
    justify-content: center;
padding: 0px;
  }
.current-space-image {
    background-color: rgba(255, 255, 255, .15) !important;
    width: 52px !important;
    height: 52px !important;
margin-right: 0px;
        margin-top: 0px;
  }
#topbar > .container #top-menu-nav > li > a#space-menu:hover {
background-color: #00000000 !important;
        color: #dadada !important;
  }
#topbar > .container #top-menu-nav > li > a#space-menu:active {
background-color: #00000000 !important;
        color: #dadada !important;
  }
#topbar > .container #top-menu-nav > li > a#space-menu:focus {
background-color: #00000000 !important;
        color: #dadada !important;
  }
  #topbar > .container #top-menu-nav > li > a#space-menu .space-acronym {
    line-height: 20px;
  }
  #topbar > .container #top-menu-nav > li > a#space-menu .no-space {
    margin-bottom: 5px;
  }
  #topbar > .container #top-menu-nav > li > a i {
    display: block;
    line-height: 35px;
    font-size: 22px;
    margin-bottom: 0;
  }
  #topbar > .container #top-menu-nav > li > a > div > br {
    display: none;
  }
  #topbar > .container #top-menu-nav.hide-menu-item-texts > li > a {
    width: 50px;
    padding: 0;
    line-height: 0 !important;
    font-size: 0;
  }
  #topbar > .container #top-menu-nav.hide-menu-item-texts > li > a#space-menu .no-space {
    margin-bottom: 0;
  }
  #topbar > .container #top-menu-nav.hide-menu-item-texts > li > a i {
    line-height: 50px;
  }

  #topbar > .container .open #space-menu-dropdown {
    display: flex;
    flex-direction: column-reverse;
  }
  #topbar > .container .open #space-menu-dropdown #space-menu-spaces {
    max-height: calc(100vh - 350px) !important;
  }
  body.hh-ct-menu-style-background #topbar > .container > #top-menu-nav {

  }
  body.hh-ct-menu-style-background #topbar > .container > #top-menu-nav > li.active > a {
        background-color: #00000000 !important;
        color: #F7931A !important;
  }
  body.hh-ct-menu-style-bordered #topbar > .container > #top-menu-nav {
  
  }
  body.hh-ct-menu-style-bordered #topbar > .container > #top-menu-nav > li.active > a {
    margin-top: -3px;

  }
  body.hh-ct-is-guest #topbar #search-menu-nav {
  }
}
.nav-pills .dropdown-menu li,
.nav-tabs .dropdown-menu li,
.account .dropdown-menu li,
.nav-pills .dropdown-menu li:hover,
.nav-tabs .dropdown-menu li:hover,
.account .dropdown-menu li:hover,
.nav-pills .dropdown-menu li.selected,
.nav-tabs .dropdown-menu li.selected,
.account .dropdown-menu li.selected {
  border-left: none !important;
}
body.hh-ct-menu-style-background .tab-menu .nav-tabs li > a,
body.hh-ct-menu-style-background ul.tab-menu-settings li > a {
  color: var(--hh-ct-menu-text-color);
  padding-top: 14px;
  border: none;
  border-bottom: 1px solid var(--hh-ct-menu-border-color);
  background-color: transparent;
  max-height: 41px;
  outline: none;
  transition: .25s;
}
body.hh-ct-menu-style-background .tab-menu .nav-tabs li > a:not(.active):hover,
body.hh-ct-menu-style-background ul.tab-menu-settings li > a:not(.active):hover,
body.hh-ct-menu-style-background .tab-menu .nav-tabs li > a:not(.active):focus,
body.hh-ct-menu-style-background ul.tab-menu-settings li > a:not(.active):focus {
  padding-top: 14px;
  border-top: none !important;
  background-color: var(--background-color-secondary);
}
body.hh-ct-menu-style-background .tab-menu .nav-tabs li.active > a,
body.hh-ct-menu-style-background ul.tab-menu-settings li.active > a,
body.hh-ct-menu-style-background .tab-menu .nav-tabs li.active > a:hover,
body.hh-ct-menu-style-background ul.tab-menu-settings li.active > a:hover,
body.hh-ct-menu-style-background .tab-menu .nav-tabs li.active > a:focus,
body.hh-ct-menu-style-background ul.tab-menu-settings li.active > a:focus {
  padding-top: 14px;
  background-color: var(--primary);
  color: var(--text-color-contrast);
  border: none !important;
  border-bottom: 1px solid var(--primary) !important;
}
body.hh-ct-menu-style-bordered .tab-menu .nav-tabs li.active > a,
body.hh-ct-menu-style-bordered ul.tab-menu-settings li.active > a,
body.hh-ct-menu-style-bordered .tab-menu .nav-tabs li.active > a:hover,
body.hh-ct-menu-style-bordered ul.tab-menu-settings li.active > a:hover,
body.hh-ct-menu-style-bordered .tab-menu .nav-tabs li.active > a:focus,
body.hh-ct-menu-style-bordered ul.tab-menu-settings li.active > a:focus {
  border-top-color: var(--link);
}
.panel {
  border-width: var(--hh-ct-panel-border-width);
  border-style: var(--hh-ct-panel-border-style);
  border-color: var(--hh-ct-panel-border-color);
  border-radius: var(--hh-ct-panel-border-radius);
  box-shadow: var(--hh-ct-panel-box-shadow);
}
.panel .panel {
  border: none;
  box-shadow: none;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: var(--hh-ct-panel-border-radius);
  border-bottom-right-radius: var(--hh-ct-panel-border-radius);
}
.panel .panel-heading {
  border-radius: var(--hh-ct-panel-border-radius);
  font-size: var(--hh-ct-ph-font-size);
  font-weight: var(--hh-ct-ph-font-weight);
}
.panel .panel-body {
  font-size: var(--hh-ct-font-size);
  font-weight: var(--hh-ct-font-weight);
}
.panel h1 {
  font-size: var(--hh-ct-h1-font-size);
}
.panel h2 {
  font-size: var(--hh-ct-h2-font-size);
}
.panel h3 {
  font-size: var(--hh-ct-h3-font-size);
}
.panel h4 {
  font-size: var(--hh-ct-h4-font-size);
}
.panel h5 {
  font-size: var(--hh-ct-h5-font-size);
}
.panel h6 {
  font-size: var(--hh-ct-h6-font-size);
}
.panel-group .panel {
  border-radius: var(--hh-ct-panel-border-radius);
}
.panel-profile .panel-profile-header {
  border-radius: var(--hh-ct-panel-border-radius);
  border-top-right-radius: var(--hh-ct-panel-border-radius);
  border-top-left-radius: var(--hh-ct-panel-border-radius);
}
.panel-profile .panel-profile-header .image-upload-container {
  border-radius: var(--hh-ct-panel-border-radius);

}
.panel-profile .panel-profile-header img.img-profile-header-background {
  min-height: 100px;
  object-fit: cover;
}
.panel-profile .panel-profile-header img.img-profile-header-background[src$="/img/default_banner.jpg"] {
  width: 0;
}
.panel-profile .panel-profile-header div.img-profile-header-background {
  border-radius: 50% !important;
}
.panel-profile .panel-profile-header .img-profile-data {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.4) 100%);
}
.panel-profile .panel-profile-header .img-profile-data,
.panel-profile .panel-profile-header .img-profile-data h1,
.panel-profile .panel-profile-header .img-profile-data h2 {
  color: var(--text-color-contrast);
  text-shadow: 0 0 4px var(--text-color-highlight);
}
.panel-profile .panel-profile-header .img-profile-data h1 {
  margin-bottom: 0;
}
.panel-profile .panel-profile-header .img-profile-data h1 a {
  font-weight: var(--hh-ct-font-bold-weight);
  font-size: 30px;
}
@media (max-width: 768px) {
  .panel-profile .panel-profile-header .img-profile-data h1 a {
    font-size: 18px;
  }
}
.panel-profile .panel-profile-header .img-profile-data h2.space {
  font-weight: var(--hh-ct-font-family);
  margin-bottom: 0;
  line-height: 16px;
}
.panel-profile .panel-profile-header img.img-profile-header-background[src$="/img/default_banner.jpg"] + .img-profile-data {
background: none;
}
.panel-profile .panel-profile-header img.img-profile-header-background[src$="/img/default_banner.jpg"] + .img-profile-data,
.panel-profile .panel-profile-header img.img-profile-header-background[src$="/img/default_banner.jpg"] + .img-profile-data h1,
.panel-profile .panel-profile-header img.img-profile-header-background[src$="/img/default_banner.jpg"] + .img-profile-data h2 {
  text-shadow: none !important;
}
.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo + .user-online-status {
  right: 8px;
  bottom: 8px;
}
.panel-profile .panel-body {
  min-height: 50px;
}
.layout-sidebar-container .media .media-body {
  font-size: 14px;
}
.popover .popover-content .vcardHeader .headerContent {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.36);
  text-shadow: 0 0 4px var(--text-color-highlight);
}
.ProseMirror-prompt h5 {
  font-weight: var(--hh-ct-font-bold-weight);
}
.topbar {
  position: fixed;
  height: var(--hh-ct-top-bar-height);
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.topbar .media-list .media-left {
  padding-right: 10px;
  margin-right: 0;
}
.topbar ul.nav {
  float: left;
}
.topbar ul.nav > li {
  float: left;
}
.topbar ul.nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: normal;
}
.topbar .dropdown-footer {
  margin: 10px;
}
.topbar .dropdown-header {
  font-size: 16px;
  padding: 3px 10px;
  margin-bottom: 10px;
  font-weight: var(--hh-ct-font-family);
  color: var(--text-color-soft);
}
.topbar .dropdown-header .arrow {
  display: none !important;
}
.topbar .dropdown-header .dropdown-header-link {
  position: absolute;
  top: 2px;
  right: 10px;
}
.topbar .dropdown-header .dropdown-header-link a {
  color: var(--link) !important;
  font-size: 12px;
  font-weight: var(--hh-ct-font-family);
}
.topbar .dropdown-header:hover {
  color: var(--text-color-soft);
}
#topbar {
  top: 0;
  z-index: 1030;
  overflow: unset;
  border: 0;
  border-bottom-width: var(--hh-ct-panel-border-width);
  border-bottom-style: var(--hh-ct-panel-border-style);
  border-bottom-color: var(--hh-ct-panel-border-color);
  box-shadow: var(--hh-ct-panel-box-shadow);
}
#topbar > .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc(var(--hh-ct-top-bar-height) - var(--hh-ct-panel-border-width));
}
#topbar > .container #text-logo {
  color: var(--hh-ct-top-menu-text-color);
}
#topbar > .container:before,
#topbar > .container:after {
  content: none;
}
#topbar > .container a.navbar-brand {
  padding: 0 5px 0 0;
  height: auto;
}
#topbar > .container a.navbar-brand img#img-logo {
  max-height: calc(var(--hh-ct-top-bar-height) - 10px);
}
#topbar > .container a.navbar-brand-text {
  padding: 0 10px 0 0;
  line-height: 33px;
  font-weight: var(--hh-ct-font-bold-weight);
  white-space: nowrap;
}
#topbar > .container > :first-child {
  margin-right: 13px;
}
#topbar > .container > :last-child {
  margin-left: 13px;
}
#topbar > .container .nav > .account .dropdown-toggle {
  padding: 0;
  line-height: 1.1em;
  text-align: left;
}
@media (max-width: 768px) {
  #topbar > .container .nav > .account .dropdown-toggle {
    padding-right: 8px;
  }
}
#topbar > .container .nav > .account .dropdown-toggle span {
  font-size: 12px;
}
#topbar > .container .nav > .account .dropdown-toggle span.has-online-status {
  margin-bottom: 0;
}
#topbar > .container .topbar-brand {
  position: relative;
  z-index: 2;
  height: 100%;
  align-content: center;
}
#topbar > .container .topbar-actions {
  position: relative;
  z-index: 3;
}
#topbar > .container #top-menu-nav {
  flex: 1;
  display: flex;
  justify-content: var(--hh-ct-top-menu-nav-justify-content);
gap: 10px!important;
}
#topbar > .container .notifications {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  white-space: nowrap;
}
#topbar > .container .notifications .btn-group {
  position: relative;
  text-align: left;
}
#topbar > .container .notifications .btn-group > a {
  color: #F7931A;
  padding: 5px 10px;
  margin: 10px 2px;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none;
  text-align: left;
}
#topbar > .container .notifications .btn-group > a:hover,
#topbar > .container .notifications .btn-group > a:active,
#topbar > .container .notifications .btn-group > a:focus {
  background-color: var(--hh-ct-top-menu-button-hover-background-color);
  color: var(--hh-ct-top-menu-button-hover-text-color);
  text-decoration: none;
  border-bottom: none;
}
#topbar > .container .notifications .btn-group > .label {
  position: absolute;
  top: 4px;
  right: -2px;
  padding: 4px;
  min-width: 18px;
}
#topbar > .container .notifications .dropdown-menu {
  width: 350px;
  left: auto;
right: 0px;
}
#topbar > .container .notifications .dropdown-menu ul.media-list {
  max-height: 400px;
  overflow: auto;
}
#topbar > .container .notifications .dropdown-menu li {
  position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
#topbar > .container .notifications .dropdown-menu li i.approval {
  position: absolute;
  left: 2px;
  top: 36px;
  font-size: 14px;
}
#topbar > .container .notifications .dropdown-menu li i.accepted {
  color: #5cb85c;
}
#topbar > .container .notifications .dropdown-menu li i.declined {
  color: #d9534f;
}
#topbar > .container .notifications .dropdown-menu li .media {
  position: relative;
}
#topbar > .container .notifications .dropdown-menu li .media .media-body {
  font-size: 14px;
}
#topbar > .container .notifications .dropdown-menu li .media .img-space {
  position: absolute;
  top: 14px;
  left: 14px;
}
#topbar > .container .dropdown-footer {
  margin: 10px 10px 5px;
}
#topbar > .container .caret {
  display: none !important;
}
#topbar > .container .btn-group > a:hover {
  background-color: var(--background-color-secondary);
}
#topbar > .container .btn-group > a:active,
#topbar > .container .btn-group.open > a,
#topbar > .container .btn-group.open .dropdown-toggle {
  background-color: var(--primary-lighten-5);
  color: var(--text-color-contrast);
}
#topbar > .container .btn-enter {
  background-color: var(--primary-lighten-5);
  margin: 6px 0;
transition: background-color .3s, opacity .5s, visibility .5s;
}
#topbar > .container .btn-enter:hover {
  background-color: var(--primary-lighten-8);
}
#topbar > .container .media-list a {
  color: var(--text-color-highlight);
  padding: 0;
}
#topbar > .container .media-list li {
  color: var(--text-color-highlight);
}
#topbar > .container .media-list li i.accepted {
  color: var(--link) !important;
}
#topbar > .container .media-list li i.declined {
  color: var(--danger) !important;
}
#topbar > .container .media-list li.placeholder {
  border-bottom: none;
}
#topbar > .container .media-list .media .media-body .label {
  padding: 0.1em 0.5em;
}
#topbar > .container .account .user-title {
  display: none;
}
#topbar > .container .dropdown.account > a,
#topbar > .container .dropdown.account.open > a,
#topbar > .container .dropdown.account > a:hover,
#topbar > .container .dropdown.account.open > a:hover {
  background-color: transparent;
}
#topbar > .container .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
}
#topbar > .container .dropdown-menu .divider {
  margin: 0;
}
#topbar > .container #space-menu-dropdown,
#topbar > .container #search-menu-dropdown {
  width: 400px;
}
#topbar > .container #space-menu-dropdown .media-list,
#topbar > .container #search-menu-dropdown .media-list {
  max-height: 400px;
  overflow: auto;
}
#topbar > .container #space-menu-dropdown form,
#topbar > .container #search-menu-dropdown form {
  margin: 10px;
}
#topbar > .container #space-menu-dropdown .search-reset,
#topbar > .container #search-menu-dropdown .search-reset {
  position: absolute;
  color: #BFBFBF;
  margin: 7px;
  top: 0;
  right: 40px;
  z-index: 10;
  display: none;
  cursor: pointer;
}
#topbar > .container #search-menu {
  display: block;
  height: auto;
  padding: 8px 10px;
  color: #F7931A;
}
#topbar > .container #search-menu:hover,
#topbar > .container #search-menu:active,
#topbar > .container #search-menu:focus {
  background-color: var(--hh-ct-top-menu-button-hover-background-color);
  color: var(--hh-ct-top-menu-button-hover-text-color);
  text-decoration: none;
  border-bottom: none;
}
#topbar > .container #search-menu i {
  margin-bottom: 0;
font-size: 16px;
}
#topbar > .container .nav > li > a {
  color: var(--hh-ct-top-menu-text-color);
}
#topbar > .container > .nav > li > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(var(--hh-ct-top-bar-height) - var(--hh-ct-panel-border-width));
  color: #F7931A;
  padding: 0 13px;
  text-decoration: none;
  text-shadow: none;
  font-weight: 600;
font-size: var(--hh-ct-top-bar-font-size); 
  text-transform: none;
  text-align: center;
  transition: .25s;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#topbar > .container > .nav > li > a > br {
  display: none;
}
#topbar > .container > .nav > li > a i {
  font-size: 16px;
  margin-bottom: 5px;
}
#topbar > .container > .nav > li > a .caret {
  border-top-color: var(--text-color-secondary);
}
#topbar > .container > .nav > li.active > a,
#topbar > .container > .nav > li.hover > a {
  text-decoration: none;
}
#topbar > .container > .nav > li:not(.active) > a:hover,
#topbar > .container > .nav > li:not(.active) > a:focus,
#topbar > .container > .nav > li:not(.active) > a:active {
  background-color: var(--hh-ct-top-menu-button-hover-background-color);
  color: var(--hh-ct-top-menu-button-hover-text-color);
  text-decoration: none;
  border-bottom: none;
}
#topbar > .container > .nav > li > ul > li > a {
  background-color: var(--text-color-contrast);
  color: var(--text-color-highlight);
}
#topbar > .container > .nav > li > ul > li > a:hover,
#topbar > .container > .nav > li > ul > li > a.active {
  background-color: var(--primary);
  color: var(--text-color-contrast);
}
#topbar > .container #space-menu-dropdown li > ul > li > a > .media .media-body p {
  color: var(--text-color-soft);
  font-size: 11px;
  margin: 0;
  font-weight: var(--hh-ct-font-family);
}
#topbar > .container .btn-group.active > a {
  background-color: var(--hh-ct-top-menu-text-color);
  color: var(--hh-ct-top-menu-background-color);
}
body.hh-ct-menu-style-background #topbar > .container > .nav > li.active > a {
/* background-color: #f7931a; */
color: var(--hh-ct-top-menu-background-color);
border-bottom: none;
background-color: transparent !important;
color: #f7931a !important;
border-bottom: 2px solid #f7931a;
margin-top: 1px;
}
body.hh-ct-menu-style-bordered #topbar > .container > .nav > li.active > a {
  padding-top: 3px;
  border-bottom: 3px solid var(--link);
  color: var(--link);
}
.tooltip-inner {
  font-weight: var(--hh-ct-font-bold-weight);
}
.wall-entry [data-ui-richtext] h1 {
  font-size: var(--hh-ct-h1-stream-font-size);
}
.wall-entry [data-ui-richtext] h2 {
  font-size: var(--hh-ct-h2-stream-font-size);
}
.wall-entry-controls a {
color: #858585 !important;
    font-size: 12px !important;
}
.wall-entry-controls a:hover {
color: #ffffff !important;

}
.wall-entry-controls a[data-action-click="comment.toggleComment"] {
font-size: 13px!important;
font-weight: 500;
background-color: #333;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 5px;
}
.wall-entry-controls a[data-action-click="comment.toggleComment"] .comment-count  {
font-size: 13px!important;
font-weight: 500;
}
.wall-entry-controls a[data-action-click="comment.toggleComment"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\f0e5";
  display: inline-block;
margin-right: 6px;
}
.wall-entry-controls a[data-action-click="like.toggleLike"] {
font-size: 13px!important;
font-weight: 500;

}

.wall-entry-controls a[data-action-click="like.toggleLike"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\f087";
  display: inline-block;
  margin-right: 3px;
}
.wall-entry-controls a[data-action-click="like.toggleLike"].unlike:before {
  content: "\f164";
}

.wall-entry-controls a[data-action-click="comment.toggleComment"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\f0e5";
  display: inline-block;
}
.wall-entry-controls span.calendar-entry-ics-download a {
  font-size: 0;
}
.wall-entry-controls span.calendar-entry-ics-download a .comment-count {
  font-size: 11px;
}
.wall-entry-controls span.calendar-entry-ics-download a:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  content: "\f271";
  display: inline-block;
margin-right: 6px;
}
.wall-entry-controls span.calendar-entry-reminder a {
  font-size: 0;
}
.wall-entry-controls span.calendar-entry-reminder a .comment-count {
  font-size: 11px;
}
.wall-entry-controls span.calendar-entry-reminder a:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  content: "\f0a2";
  display: inline-block;
margin-right: 6px;
}
.space-layout-container .pinned-entry > .panel {
background: linear-gradient(19deg, #0e0e0e, #3c3c3c 52.52%, #f7931a);
color: white;
padding: 2px 0px;
border-radius: 7px 7px 0 0;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.messagePreviewEntry.unread,
.media-list li.new {
  background-color: var(--info-lighten-50) !important;
}
@media (max-width: 570px) {
  .conversation-entry-list {
    max-height: calc(100vh - 60px - var(--hh-fixed-footer-height)) !important;
    padding-bottom: 35px;
  }
  .mail-message-form {
    bottom: var(--hh-fixed-footer-height) !important;
  }
}
#left-navigation-expand-btn {
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  body.hide-top-menu #topbar {
    top: calc(var(--hh-ct-top-bar-height) * -1);
    transition: top 0.6s;
  }
  body.hide-bottom-menu #topbar > .container #top-menu-nav {
    bottom: -50px;
    padding-bottom: 0;
    transition: bottom 0.6s;
  }
  body.hide-bottom-menu #topbar > .container #top-menu-nav > li > a {
    line-height: 0 !important;
    font-size: 0;
  }
}
.wall-entry-controls .share-between-container > a {
  font-size: 0px!important;
  padding: 0px!important;
}
.wall-entry-controls .share-between-container > a:before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\f064";
  display: inline-block;
padding-right: 5px;
}
body > .sp-container.sp-hidden {
  display: none;
}
ul.tour-list li a {
  color: #F7931A;
}
.modal-body a[data-toggle], .panel-body a[data-toggle] {
  color: #F7931A;
}
.panel .panel-body p a {
  color: #F7931A;
}
.wall-entry .content a {
  color: #F7931A;
}
.markdown-render a  {
  color: #F7931A;
}
.nav-pills.preferences .dropdown .dropdown-toggle i {
  color: #F7931A;
}
.reaction-container .reaction-emoji.current-user-reacted, .reaction-container .reaction-more-emojis.current-user-reacted, .wall-entry-controls .reaction-container .reaction-emoji.current-user-reacted, .wall-entry-controls .reaction-container .reaction-more-emojis.current-user-reacted {
  border-color: rgba(152, 210, 114, 0) !important; 
}
.panel .statistics .entry .count {
  color: #F7931A;
}
@media (max-width: 768px) {
    body.hh-ct-menu-style-background #topbar>.container>#top-menu-nav {
  border-top: none;
}
}
.btn-info {
  Background: #F7931A;
}
.btn-info:focus, .btn-info:hover {
   background-color: #F7931A;
  filter: brightness(1.1);
}
.markdown-render a, .markdown-render a:visited, [data-ui-markdown] a, [data-ui-markdown] a:visited, [data-ui-richtext] a, [data-ui-richtext] a:visited {
  color: #F7931A !important;
}
.reaction-container .reaction-emoji, .reaction-container .reaction-more-emojis, .wall-entry-controls .reaction-container .reaction-emoji, .wall-entry-controls .reaction-container .reaction-more-emojis {
  margin: 0 0 0 0 !important;
}
.wall-entry .wall-entry-header {
  Border-bottom: 0 !important;
}

.customShareDropdown {
    text-align: right;
    position: relative;
    z-index: 100;
}

.shareMenuWrapper {
    display: inline-block;
    position: relative;
}

.shareButton {
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    border: none;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: bold;
    transition: background 0.3s ease;
}

.shareButton:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.shareDropdownContent {
    display: none;
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,0.6);
    padding: 10px;
    min-width: 160px;
    margin-top: 8px;
}

.shareMenuWrapper:hover .shareDropdownContent {
    display: block;
}

.shareDropdownContent .shareBtn {
    display: block;
    padding: 8px;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: background 0.2s ease;
}

.shareDropdownContent .shareBtn:hover {
    background-color: rgba(255, 255, 255, 0.15);
}












.customShareModalSection {
    margin-top: 15px;
    text-align: center;
}

.socialModalIcons .socialBtn {
    display: inline-block;
    margin: 0 6px;
    font-size: 22px;
    color: white;
    background: rgba(255, 255, 255, 0.1);
    padding: 10px;
    border-radius: 6px;
    transition: background 0.3s ease;
}

.socialModalIcons .socialBtn:hover {
    background: rgba(255, 255, 255, 0.25);
    color: orange;
}

.externalShareButtons {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 10px;
}

.externalShareBtn {
    background-color: #2f2f2f;
    color: #fff;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.3s;
    border: 1px solid #444;
}

.externalShareBtn:hover {
    background-color: #3d3d3d;
    text-decoration: none;
    color: #fff;
}
.wall-entry .wall-entry-header .wall-entry-container-link {
  color: #F7931A;
}
.share-between-container {
Float:right;
padding-left: 15px;
}
.wall-entry-footer::before {
    content: "";
    display: block;
}
.wall-entry-controls.wall-entry-links::before {
 content: "";
  display: block;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 10px;
margin-top: 10px;
margin-right: -12px;
margin-left: -12px;
}
@media only screen and (max-width: 768px) {
    #layout-content .panel {
        margin-bottom: 12px;
    }
}
.wall-entry .fa-cogs {
}
.loader .sk-spinner-three-bounce div, .loader .sk-spinner-three-bounce span {
  background-color: #F7931A;
}
.select2-container--humhub .select2-selection--multiple .select2-selection__choice {
  background-color: #F7931A;
}
.select2-container--humhub.select2-container--focus .select2-selection, .select2-container--humhub.select2-container--open .select2-selection {
  border: 2px solid #F7931A;
}
.panel.sharebetween-wall-entry>.panel-body>.wall-entry-header-info {
border-bottom: none !important;
font-size: 80%;
}
.panel.sharebetween-wall-entry>.panel-body>.wall-entry-header-info a
{
Color: #fff !important;
font-weight: 400;
}
.panel.sharebetween-wall-entry > .panel-body > .wall-entry-header-info a:hover {
    color: #f7931a !important; 
}
/* Blendet das gesamte "Spaces-Verzeichnis"-Panel im Classified Spaces Modul aus */
.csb-search, .csb-create-menu-btn,
.panel-heading:has(.csb-create-menu-btn)
 {
}
.panel-body:has(.csb-search) {
Display:none!important;
}
.tab-content .tab-pane a {
  color: #F7931A;
}
div.required>label:after {
  color: #F7931A;
}
input[type=checkbox]:checked {
  border: 2px solid #F7931A;
background: #F7931A;
}
.footer-nav::before {
content: "© 2025 Werthain AG  · ";
color: var(--text-color-highlight);
font-size: 85%;
Display:none;
}
input[type=checkbox]:checked::after {
  color: #000;
}
.account .dropdown-menu, .nav-pills .dropdown-menu, .nav-tabs .dropdown-menu {
background-color: #444444;
}

/* Blendet das Panel mit dem Mitgliederverzeichnis aus (workaround über .form-search) */
form.form-search {

}

/* Zusätzlich optional den .panel-heading verstecken (Überschrift + Button) */
form.form-search.closest('.panel-body')::before,
form.form-search.closest('.panel-body').previousElementSibling {
    display: none !important;
}
#homepage .homepage-content-html a:not(.dropdown a) {
color: var(--text-color-highlight)!important;
}
body.guest-user .search-menu {
    display: none !important;
}
body.guest-user li.search-menu,
body.guest-user #search-menu-nav {
    display: none !important;
}
body.guest-user #topbar > .container #search-menu i {
    display: none !important;
}
.container.container-cards.container-people .panel.panel-default {
}
.container-cards .card .card-bg-image {
    background-color: #111 !important;
}
.vcardBody {
    Display: none;
}
#cs-browser > .panel.panel-default:first-of-type {
}
.modal .dropdown-menu, .panel .dropdown-menu, .nav-tabs .dropdown-menu {
border: none !important;
}
.csb-accordion-parent>.group-heading a {
    display: none !important;
}

.container-cards.container-spaces > .panel.panel-default:first-of-type {
    display: none !important;
}
.btn-info.active, .btn-info:active {
border: 1px solid #393939 !important;
Color: #F7931A !important;
}
@media only screen and (max-width: 768px) {
    body #layout-content > .container > .row {
	margin-right: -2px !important;
        margin-left: -2px !important;
        padding: 0px !important;
    }
}

.container-cards .card .card-panel {
margin-bottom: 0px !important;
margin: 0 0 0 0;
}

@media only screen and (max-width: 768px) {
    #layout-content>.container .col-lg-3, #layout-content>.container .col-md-4 {
        padding-left: 2px !important;
    }
#layout-content>.container .col-sm-6, #layout-content>.container .col-xs-12 {
    }
}
.container.space-layout-container .footer-nav.footer-nav-default {
    display: none !important;
}
.container.space-layout-container .text-center.footer-nav.footer-nav-default {
    display: none !important;
}
.footer-nav.footer-nav-sidebar {
    display: none !important;
}
.layout-sidebar .footer-nav.footer-nav-sidebar:first-of-type {
    display: none !important;
}
.space-layout-container .footer-nav.footer-nav-default,
.layout-sidebar-container .footer-nav.footer-nav-sidebar:first-of-type {
    display: none !important;
}
html body .footer-nav.footer-nav-sidebar:first-of-type {
    display: none !important;
}
.col-md-4.layout-sidebar-container .footer-nav.footer-nav-sidebar {
        visibility: hidden !important;
}
body.theme-werthain2 .footer-nav {
    display: none !important;
}
.layout-content-container .wiki-content ul.wiki-page-list .page-title:hover {
    border-color: transparent !important;
}
.backgroundSuccess {
background: #5e5e5e!important;
}
.panel .panel-body .files-action-menu .btn-default:hover {
background-color: rgba(57, 57, 57, 1) !important;
}
.container-cards .card .card-header .card-icons .fa {
display: none;
}
.btn-info.active, .btn-info:active {
background: #000 !important;
color: #939393 !important;
}
.btn-info.active:focus, .btn-info.active:hover {
color: #ffffff !important;
background-color: #000 !important;
}
.label-info {
background-color: #383838 !important;
}
.text-center > a > img.img-rounded {
        display: none;
    }

/* ---------------------------------
   Basis-Styles (Mobile / <576 px)
   ---------------------------------*/
img.werthain {
    display: block;
    width: 100%;       
    height: auto;
margin: 24px auto 0; /* kleiner, gleichmäßiger Abstand */
}

/* ---------------------------------
   ≥576 px  
   ---------------------------------*/

@media (max-width: 576px) {
    img.werthain {
        width: 90%;
        max-width: 90%;   /* entspricht deinem bisherigen Desktop-Design */
        margin-top: 80px;
    }
}
/* ---------------------------------
   ≥576 px  (kleine Tablets / Landscape-Phones)
   ---------------------------------*/
@media (min-width: 576px) {
    img.werthain {
        width: 80%;
        max-width: 70%;   /* entspricht deinem bisherigen Desktop-Design */
        margin-top: 80px;
    }
}

/* ---------------------------------
   ≥768 px  (Tablets quer / kleine Laptops)
   ---------------------------------*/
@media (min-width: 768px) {
    img.werthain {
        width: 75%;
        max-width: 70%;   /* entspricht deinem bisherigen Desktop-Design */
        margin-top: 100px;
    }
}

/* ---------------------------------
   ≥992 px  (klassischer Desktop)
   ---------------------------------*/
@media (min-width: 992px) {
    img.werthain {
        width: 70%;
        max-width: 70%;   /* entspricht deinem bisherigen Desktop-Design */
        margin-top: 12%;  /* ursprünglicher Abstand */
    }
}

/* ---------------------------------
   ≥1400 px (4K-Monitore / große Screens)
   ---------------------------------*/
@media (min-width: 1920px) {
    img.werthain {
        width: 60%;
        max-width: 840px;
        margin-top: 12%;
    }
}


    div.btc-balance {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 40px 0;
    font-family: Arial, sans-serif;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 300;
    font-size: 18px;
    background-color: transparent;
    text-align: center;
    overflow-x: auto;
    }
/* ---------------------------------
   ≥576 px  
   ---------------------------------*/
@media (max-width: 576px) {
    div.btc-balance {
    display: block !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 40px 0;
    font-family: Arial, sans-serif;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 300;
    font-size: 18px;
    background-color: transparent;
    text-align: center;
    overflow-x: auto;
    }
}
.btn-primary {
background: #838383 !important;
}
.btn-primary:focus, .btn-primary:hover {
background: #d2d2d2 !important;
}
.btn-info {
background: #838383 !important;
color: #000 !important;
}
.btn-info:focus, .btn-info:hover {
background: #d2d2d2 !important;
color: #000 !important;
}
.placeholder-empty-stream {
background-image: url("../img/placeholder-postform-arrow.png") !important;
}
.activities li .media .media-body {
max-width: none !important;
padding-right: 20px;
}
.langSwitcher {
margin-top: 5px;
}
.layout-content-container .wiki-page-path.wiki-page-path-length-0 .fa {
font-size: 18px !important;
}
.panel .panel-body .files-action-menu .btn-default:hover {
background-color: #393939 !important;
}
.content_create .upload-buttons .btn.fileinput-button, .content_create .upload-buttons .fileinput-button+.dropdown-toggle, .content_edit .upload-buttons .fileinput-button+.dropdown-toggle {
color: #000!important;
}

.input-group .form-control:last-child {
border-radius: 25px;
}
.input-group-addon:first-child {
    display: none;
}
.footer-nav {
Display:none;
}
.space-layout-container .pinned-entry>.panel {
border-color: #000!important;
}
.pinned-entry > .panel > .wall-entry > .panel > .panel-body {
  background-color: #000 !important;
}
.radio-pills div.radio {
background: rgba(255, 255, 255, 0);
}
.account .dropdown-menu li:hover:not(.divider) {
    background-color: #404040 !important;
}
#topbar > .container #space-menu-dropdown li > ul > li > a > .media .media-body p {
    display: none !important;
}
  .stats-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 15px;
Padding-left:15px;
margin-bottom: 15px;
  }

  .stat-card {
background-color: #000;
min-width: 15%;
padding: 10px;
font-weight: 700;
border-radius: 5px;
box-shadow: 0 0 3px var(--background4-lighten-10);
  }

  .stat-card span {
    display: block;
    margin-top: 0.3rem;
font-weight: 500;
  }
  .tradingview-widget-container iframe {
    background-color: #000000 !important;
  }
#dropdown-search.dropdown-menu {
  position: fixed !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  max-width: 1200px !important;
  width: 100% !important;

  z-index: 9999 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 1rem !important;
  background-color: #121212 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3) !important;
}
#dropdown-search.dropdown-menu .dropdown-header {
display: none;
}

#dropdown-search.dropdown-menu .dropdown-search-form {
padding: 0 !important;
}

.visible-sm, .visible-xs {
    display: block !important;
}

.dropdown.search-menu .dropdown-backdrop {
background-color: rgba(0, 0, 0, 0.28) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px)!important;
}
#dropdown-search.dropdown-menu .search-provider .search-provider-title {
}

/* 
#dropdown-search.dropdown-menu .search-provider .search-provider-actions {
display: none !important;
}
.open>#dropdown-search.dropdown-menu {
}
*/
#dropdown-search input,
#dropdown-search.dropdown-menu input,
input[type="search"],
input[type="text"] {
  font-size: 16px !important;
}
@media only screen and (max-width: 768px) {
    .modal-dialog {
        width: 100% !important;
        padding: 0 !important;
        margin: 0px !important;
    }
.container-cards .card .card-panel {
margin: 5px!important;
}
}
.modal-backdrop {
background-color: rgba(0, 0, 0, 0.28) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px)!important;
opacity: 1!important;
}
.or-container div {
background-color: #222!important;
color: #fff!important;
}
.or-container hr {
border-top: 1px solid #5e5e5e!important;
}
.footer-start::before {
content: "© 2025 Werthain AG  · ";
color: var(--text-color-highlight);
font-size: 85%;
}
.csb-accordion .card.csb-space-item-dark a.card-panel.has-banner-image .card-panel-over-layer {
background-image: none!important;
color: var(--text-color-main);
min-height: 86px;
}
.csb-accordion .card a.card-panel.has-banner-image.active, .csb-accordion .card a.card-panel.has-banner-image:hover {
text-shadow: 0 0 4px rgba(0,0,0,.5)!important;
}
.csb-accordion .card.csb-space-item-dark a.card-panel.active, .csb-accordion .card.csb-space-item-dark a.card-panel:hover {
}
.csb-accordion .card a.card-panel.has-banner-image.active .card-panel-over-layer, .csb-accordion .card a.card-panel.has-banner-image:hover .card-panel-over-layer {
background-color: rgba(0, 0, 0, 0.1) !important;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px)!important;
}
#cs-browser-my-spaces-collapse-heading {
Display:none;
}
.csb-accordion .group-heading>a>div {
color: var(--hh-ct-text-color-heading);
}

.container.container-cards.container-people .panel.panel-default .panel-body {
Display:none;
}
.login-container #img-logo {
max-width: 200px;
filter: drop-shadow(0 0 0.5rem rgb(0, 0, 0, 0.98));
}
.login-container {
height: 100vh;
margin: 0;
background-color: #000;
background-image: url("/themes/Werthain2/img/login-bg.jpg?hash=7c9b05a9");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.login-container .panel {
box-shadow: 0 0 3px var(--background4-lighten-10)!important;
background-color: rgba(0, 0, 0, 0.83)!important;
}
#create-account-form {
background-color: rgba(0, 0, 0, 0.83)!important;
}
legend {
color: #ddd!important;
border-bottom: none!important;
}
body.hh-ct-is-guest {
height: 100vh;
margin: 0;
background-color: #000;
background-image: url("/themes/Werthain2/img/login-bg.jpg?hash=7c9b05a9");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
body.hh-ct-is-guest #topbar {
background-color: transparent !important;
border-bottom: none !important;
box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
body.hh-ct-is-guest .footer-nav {
  display: block !important;
padding-top: 25px;
bottom: 0;
left: 0;
right: 0;
padding-left: 15px;
word-break: keep-all;
padding-right: 15px;
}
body.hh-ct-is-guest .footer-nav::before {
content: "© 2025 Werthain AG  · ";
color: var(--text-color-highlight);
font-size: 85%;
  display: inline-block !important;
}
body.hh-ct-is-guest {
overscroll-behavior: contain!important;
}

@media only screen and (max-width: 575px) {
.btc-line {
height: 30px!important;
Margin:auto;
Margin-bottom:10px
}
}
.powered, .powered a {
Display:none;
}
@media (max-width: 768px) {
  body.hh-ct-is-guest * {
    max-width: none !important;
  }
}
.login-container .panel .panel-body {
padding: 10px!important;
background: transparent!important;
  }

body.hh-ct-is-guest #topbar > .container #search-menu {
Display:none;
}

body.hh-ct-is-guest .panel {
background-color: rgba(0, 0, 0, 0.83)!important;
margin-bottom: 50px!important;
}
body.hh-ct-is-guest .panel .panel-body, .panel .panel-heading {
background-color: transparent!important;
}
.login-container .panel .panel-heading {
padding: 10px!important;
background-color: #222!important;
}

@media only screen and (max-width: 768px) {
.container.container-cards.container-people .card.card-people {
  width: 50% !important;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}
}
@media only screen and (max-width: 768px) {
.container.container-cards.container-people {
padding-bottom: 50px;
}
}
@media only screen and (max-width :768px) {
#layout-content>.container .col-lg-1, #layout-content>.container .col-lg-10, #layout-content>.container .col-lg-11, #layout-content>.container .col-lg-2, #layout-content>.container .col-lg-3, #layout-content>.container .col-lg-4, #layout-content>.container .col-lg-5, #layout-content>.container .col-lg-6, #layout-content>.container .col-lg-7, #layout-content>.container .col-lg-8, #layout-content>.container .col-lg-9, #layout-content>.container .col-md-1, #layout-content>.container .col-md-10, #layout-content>.container .col-md-11, #layout-content>.container .col-md-12, #layout-content>.container .col-md-2, #layout-content>.container .col-md-3, #layout-content>.container .col-md-4, #layout-content>.container .col-md-5, #layout-content>.container .col-md-6, #layout-content>.container .col-md-7, #layout-content>.container .col-md-8, #layout-content>.container .col-md-9, #layout-content>.container .col-sm-1, #layout-content>.container .col-sm-10, #layout-content>.container .col-sm-11, #layout-content>.container .col-sm-12, #layout-content>.container .col-sm-2, #layout-content>.container .col-sm-3, #layout-content>.container .col-sm-4, #layout-content>.container .col-sm-5, #layout-content>.container .col-sm-6, #layout-content>.container .col-sm-7, #layout-content>.container .col-sm-8, #layout-content>.container .col-sm-9, #layout-content>.container .col-xs-1, #layout-content>.container .col-xs-10, #layout-content>.container .col-xs-11, #layout-content>.container .col-xs-12, #layout-content>.container .col-xs-2, #layout-content>.container .col-xs-3, #layout-content>.container .col-xs-4, #layout-content>.container .col-xs-5, #layout-content>.container .col-xs-6, #layout-content>.container .col-xs-7, #layout-content>.container .col-xs-8, #layout-content>.container .col-xs-9 {
padding-bottom: 5px!important;
}
}
body.hh-ct-is-guest .layout-sidebar-container {
background-color: transparent!important;
}
/* Standard: interaktiv */
.tradingview-widget-container.no-touch-mobile {
  pointer-events: auto;
}

/* Unter 768px: deaktiviert */
@media (max-width: 768px) {
  .tradingview-widget-container.no-touch-mobile {
    pointer-events: none;
  }
}
.csb-accordion .card.csb-space-item-dark a.card-panel {
background-color: #111!important;
color: #ddd!important;
text-shadow: 0 0 4px rgba(0,0,0,.5)!important;
min-height: 86px!important;
}
.cs-menu a.dropdown-toggle {
padding: 1px!important;
}
.cs-menu a.dropdown-toggle>i {
padding: 10px;
color: var(--text-color-secondary)!important;
}
@media (max-width: 768px) {
  .cs-menu.hover-effect {
    visibility: hidden;
  }
}
.csb-create-menu-btn {
font-size: 14px!important;
color: #ccc!important;
}
.csb-create-menu-btn:hover,
.csb-create-menu-btn:active {
  color: #fff !important;
}
.row > .col-lg-12 > .filterPanel {
  display: none !important;
}
@media (max-width: 768px) {
#ec-product-cards .col-xs-12 {
width: 50%;
}
}
.card.product-card .card-body .product-name {
font-weight: 400!important;
text-align: left!important;
font-size: 15px;
}
.card.product-card .card-body .product-description * {
color: var(--text-color-main);
}

.card.product-card .card-footer .product-price {
text-align: left!important;
font-weight: 500!important;
font-size: 15px!important;
}
.fa-plus-square:before {
content: "\f067"!important;
}
.blueimp-gallery-controls>.title {
display: none!important;
}
.btn.btn-lg {
padding: 8px 16px!important;
}
.search-results-header {
margin-bottom: 0!important;
padding: 5px 5px 10px 5px!important;
border-bottom: 1px solid #ddd!important;
border-bottom-color: var(--background4)!important;
font-size: calc(var(--hh-ct-font-size) - 2px)!important;
}
@media (max-width: 768px) {
  .csb-create-menu-btn strong {
    display: none;
  }
  #translator-language-switcher {

  }
}
span[data-ui-widget="translator.Link"] a::before {
/* content: "\f1ab"; */
margin-right: 6px;
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
}
.post-files img {
padding: 0px!important;
}
.post-files .col-media {
padding-left: 0!important;
padding-right: 0!important;
  width: 100%!important;
  overflow: hidden!important;
  position: relative!important;
    max-height: 480px;             /* Einzelfoto-Höhe */
}
.post-files .col-media img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  margin: 0 auto;
Display: none;
}
.post-files video {
Display: none;
}
@media (max-width: 768px) {
  .post-files .col-media {
    height: auto!important;
    max-height: none!important;
  }

  .post-files .col-media img {
    width: 100vw!important;
    max-width: 100%!important;
    height: auto!important;
    max-height: 80vh!important;
    object-fit: contain!important;
  }
}
span[data-ui-widget="translator.Link"] {
}

@media (min-width: 768px) {
span[data-ui-widget="translator.Link"] {
/* display: none; */
}
}
@media (max-width: 768px) {
.wall-entry-controls.wall-entry-links {
  color: #222;
padding-bottom: 5px;
margin-right: 2px;
margin-left: 2px;
}
}
.wall-entry-controls.wall-entry-links {
  color: #222;
padding-bottom: 5px;
}
.reaction-container .reaction-picker-btn i, .wall-entry-controls .reaction-container .reaction-picker-btn i {
font-size: 16px!important;
}
.share-between-container:hover {
}
@media (max-width: 768px) {
.wall-entry-controls .share-between-container > a {
font-size: 0!important;
  }
span[data-ui-widget="translator.Link"] {
/* display: none; */
}
.wall-entry-controls span[data-ui-widget="translator.Link"] a {
}
.share-between-container {
margin-left: 5px;
    border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 1px;
margin-top: -2px;
}
}

@media (min-width: 768px) {
.share-between-container {
margin-left: 5px;

border-radius: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
margin-top: -2px;
}
}


.csb-accordion.csb-accordion-child {
margin-left: 0px!important;
}
.post-files .col-media img {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 5px; /* optional für weiche Ecken */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.panel .statistics .entry .count {
font-weight: 500!important;
font-size: 16px!important;
}
@media (max-width: 768px) {
.post-files {
    margin-top: 7px!important;
    Margin-left: -2px;
    Margin-right:-2px;
}
}
/* Standardicon */
.wall-entry-controls a[data-action-click="comment.toggleComment"]::before {
  font: normal normal normal 14px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  content: "\f0e5"; /* fa-comment */
  display: inline-block;
}

/* Wenn data-count NICHT 0 ist → anderes Symbol */
.wall-entry-controls a[data-action-click="comment.toggleComment"]:has(.comment-count[data-count]:not([data-count="0"]))::before {
  content: "\f075"; /* fa-comments */
}
.fa-bitcoin:before, .fa-btc:before {
display: inline-block;
transform: rotate(12deg);
}
.container.container-cards.container-people .panel.panel-default .btn-info {
    background: none !important;
    font-size: 14px !important;
    color: #ccc !important;
    padding: 1px !important;
}
.container.container-cards.container-people .panel.panel-default .btn-info:hover,
.container.container-cards.container-people .panel.panel-default .btn-info:active,
.container.container-cards.container-people .panel.panel-default .btn-info:focus {
    background: none !important;
    text-decoration: none;
    color: #fff !important; 
}
@media (max-width: 768px) {
.container.container-cards.container-people .panel.panel-default .btn-info strong {
    display: none;
  }
.container.container-cards.container-people .panel.panel-default .btn-info {
margin-right: -7px!important;
}
}
@media (max-width: 768px) {
.panel-profile .panel-profile-header .img-profile-data h2 {
font-size: 14px!important;
}
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
color: #ccc!important;
background-color: #090909!important;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle):hover {
color: #fff!important;
background-color: #090909!important;
}

.content-create-input-group .upload-buttons .btn-group > .dropdown-toggle {
    color: #ccc !important;
}
.content-create-input-group .upload-buttons .btn-group > .dropdown-toggle:hover {
    color: #fff !important;
background-color: #090909!important;
}
@media (max-width: 991px) {
#scrollUpButton {
Display:none!important;
}
}
@media (min-width: 769px) {
#topbar {
background-color: rgb(7 7 7 / 60%) !important;
backdrop-filter: blur(12px)!important;
-webkit-backdrop-filter: blur(12px)!important;
}

#topbar > .container > .nav > li > a i {
font-size: 20px;
margin-bottom: 3px;
}
}
#scrollUpButton::after {
color: #fff!important;
}
#scrollUpButton {
Background: none!important;
}
#scrollUpButton:hover {
opacity: 1 !important;
}
@media (max-width: 768px) {
    #topbar>.container .notifications .dropdown-menu {
        position: fixed !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: var(--topbar-shift)!important;
    }
}
.alert-info {
color: #ddd!important;
border-color: #393939!important;
}
.container-modules .marketplace-settings-dropdown .dropdown-toggle {
color: #f7931a!important;
}
.mostactiveusers {
font-size: 12px;
}
.mostactiveusers .entry.pull-left {
padding-right: 15px;
}
#user-groups-membership .card {
background-color: #323a3f!important;
}
.ecommerce-container-cards .cards-view .card .card-bg-image {
height: auto;
max-height: 384px;
}
  .ios-switch{
    --w: 32px;       /* Breite (angepasst) */
    --h: 17px;       /* Höhe */
    --knob: 13px;    /* Knopf-Durchmesser */
    --off:#3a3a3a;   /* Track OFF */
    --on:#ffa726;    /* Werthain Orange */
    position:relative;display:inline-block;width:var(--w);height:var(--h);
margin-bottom: 0px;
  }
  .ios-switch input{position:absolute;opacity:0;width:0;height:0}
  .ios-slider{
    position:absolute;inset:0;border-radius:999px;cursor:pointer;
    background:var(--off);
    transition:background .25s ease;
  }
  .ios-slider::before{
    content:""; position:absolute; top:50%; left:2px;
    width:var(--knob); height:var(--knob); border-radius:50%;
    background:#fff;
    box-shadow:0 2px 4px rgba(0,0,0,.35);
    transform:translate(0,-50%);
    transition:transform .25s cubic-bezier(.22,.61,.36,1);
  }
  .ios-switch input:checked + .ios-slider{
    background:var(--on);
  }
  .ios-switch input:checked + .ios-slider::before{
    transform:translate(calc(var(--w) - var(--knob) - 4px), -50%);
  }
.tv-fixed-gap{ margin-bottom:0 !important; line-height:0; }
.tv-fixed-gap::after{ content:""; display:block; height:15px; } /* stabiler Abstand */
#iframesnippet-40 { height: 100px !important; pointer-events: none; }
.panel .panel-body:has(#iframesnippet-39){
  padding: 0 !important;
}
.panel .panel-body:has(#iframesnippet-40){
  padding: 0 !important;
}
#voucherFrame {
width: 768px;
height: 500px;
Max-height:600px;
border: 0;
border-radius: 12px;
  display: flex;
  justify-content: center;         /* horizontal mittig */
  margin: clamp(16px, 0vh, 64px) auto 32px; /* variabler Abstand von oben, unten fix */
max-width: 100%;
}
#iframesnippet-32 { height: 589px!important;margin-bottom: -9px;}
.contact-card {
background-color: #222!important;
  color: #fff;
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  border-radius: 12px;
  box-shadow: 0 0 15px rgba(0,0,0,.6);
  padding: 30px;
}
.reaction-container, .wall-entry-controls .reaction-container {
margin-left: -3px;
}

/* Titel */
.contact-title{ margin-bottom: 30px; font-weight: 700;}
.contact-title-light{ font-weight: 300; }

/* Labels */
.contact-label{
  display: block;
  margin: 10px 0 5px;
}
.contact-required{ color: #ffa726; } /* Sternchen-Farbe */

/* Inputs & Textarea */
.contact-input,
.contact-textarea{
  width: 100%;
  color: #fff;
  background-color: #1e1e1e;
  border: none;
  font-size: 16px;
  display: block;
}
.contact-input{
  border-radius: 25px;
  margin-bottom: 15px;
padding: 6px 12px;
}
.contact-textarea{
  border-radius: 25px;
  margin-bottom: 20px;
  resize: vertical;
height: 120px;
padding: 6px 12px;
}

/* Placeholder */
.contact-input::placeholder,
.contact-textarea::placeholder{ color: #bdbdbd; }

/* Fokus */
.contact-input:focus,
.contact-textarea:focus,
.contact-btn:focus{
  outline: 1px solid #F7931A;
  outline-offset: 1px;
}

/* Checkbox-Zeile */
.contact-checkbox-row{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 15px;
}
.contact-checkbox{ margin-right: 2px; }
.contact-policy-link{
  margin-left: 4px;
  color: #F7931A;
}

/* Buttons */
.contact-btn{
  border: none;
  padding: 12px;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
color: #0b0f14;
font-weight: 600;
}
.contact-btn-primary{ background: #F7931A; }
.contact-btn-primary:hover{ filter: brightness(1.05); }
.contact-btn-primary:active{ filter: brightness(0.95); }
.contact-btn:disabled{ opacity: .6; cursor: not-allowed; }
/* Seitencard – Stil */
.contact-sidecard{
filter: drop-shadow(0 0 0.5rem rgb(0, 0, 0, 0.98));
  padding:24px;
  font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  max-width:520px;
}

/* Rechts platzieren (ohne Elternlayout anzufassen) */
.contact-sidecard--right{
  float:right;                 /* sorgt rechts für Anordnung neben dem Formular */
  width:100%;
}

/* Überschriften & Text */
.contact-side-title{ margin:6px 0 10px; font-size:22px; font-weight:700; }
.contact-side-subtitle{ margin:18px 0 8px; font-size:16px; font-weight:700; color:#ffa726; }
.contact-side-text{ margin:0 0 12px; line-height:1.55; }

/* Social-Links */
.contact-social{
  display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;
}
.contact-social-link{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px;
  background:rgba(255,167,38,.12);
  border:1px solid rgba(255,167,38,.28);
  color:#ffd39b; text-decoration:none; font-size:14px;
}
.contact-social-link:hover{ filter:brightness(1.1); }

/* Optionale leichte Markenakzente */
.contact-social-fb:hover{ box-shadow:0 0 0 1px rgba(59,89,152,.4) inset; }
.contact-social-x:hover { box-shadow:0 0 0 1px rgba(255,255,255,.25) inset; }
.contact-social-li:hover{ box-shadow:0 0 0 1px rgba(14,118,168,.4) inset; }

/* Responsive: unter das Formular schieben */
@media (max-width: 900px){
  .contact-sidecard--right{
    float:none;
    margin-left:0;
    margin-top:16px;
    max-width:100%;
  }
}
/* 2-Spalten Layout */
.contact-2col{
  display: grid;
  grid-template-columns: 1.2fr 1fr; /* Formular etwas breiter */
  gap: 24px;
  align-items: start;
  width: 100%;
}

/* Spalten: minmax verhindert Überlauf */
.contact-col-left,
.contact-col-right{
  min-width: 0;
}

/* Responsiv: unter 900px stapeln */
@media (max-width: 900px){
  .contact-2col{ grid-template-columns: 1fr; }
}
/* 2 Spalten nebeneinander */
.contact-2col{
  display: grid;
  grid-template-columns: 1.2fr 1fr; /* links breiter */
  gap: 24px;
  align-items: stretch;             /* beide Spalten gleiche Höhe */
}

/* Rechte Spalte als Flex-Container */
.contact-col-right{
  display: flex;
  flex-direction: column;
  min-height: 0; /* robust gegen Überlauf */
}

/* Rechten Inhalt nach unten drücken */
.contact-col-right > .contact-sidecard{
  margin-top: auto;   /* <- macht das „unten andocken“ */
}

/* Optional: mobil stapeln */
@media (max-width: 900px){
  .contact-2col{ grid-template-columns: 1fr; }
  .contact-col-right > .contact-sidecard{ margin-top: 0; }
}
.cc-btn.cc-dismiss {
background-color: #838383!important;
color: #000!important;
}
.cc-btn.cc-dismiss:hover {
background: #d2d2d2 !important;
}
.cc-btn {
font-size: 14px!important;
font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
font-weight: 600;
}
.cc-revoke, .cc-window {
font-size: 14px!important;
font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
}

.select2-dropdown {
border: 0px!important;
}
.panel .panel-body:has(#iframesnippet-32) {
  padding: 0;
padding-bottom: 15px;
}
#iframesnippet-32 {
  display: block;
  border: 0;
}
.container-cards .card {
padding-bottom: 15px;
}
.progress-bar-info {
background: linear-gradient(19deg, #0e0e0e, #3c3c3c 52.52%, #f7931a);
}
/* Standard: Mobile sichtbar, Desktop versteckt */
.only-mobile { display: block; }
.only-desktop { display: none; }

/* Ab 768px: Desktop zeigen, Mobile verstecken */
@media (min-width: 768px) {
  .only-mobile { display: none; }
  .only-desktop { display: block; }   /* ggf. flex/grid/inline-block statt block */
}
  .btc-live { --card-bg:#111; --muted:#9aa0a6; --ring:#1f1f1f; --accent:#f7931a; }
  .btc-info-grid{
    width:100%; border-collapse:separate; border-spacing:0; margin:0 0 16px 0;
  }
  .btc-info-grid td{
    vertical-align:top; padding:16px; border:1px solid var(--ring);
    background:var(--card-bg); border-radius:8px;
  }
  .btc-info-grid td + td{ width:36%; }
  .btc-info h3, .btc-src h3{ margin:0 0 8px 0; }
  .btc-info p{ margin:0 0 12px 0; }
  .btc-info ul{ margin:0; padding-left:18px; }
  .btc-src ul{ margin:0; padding-left:18px; }
  .btc-src a{ text-decoration:none; color: #f7931a;}
  .btc-src a:hover{ text-decoration:underline; }

  .btc-stats h3{ margin:12px 0; }
  .btc-grid{
    display:grid; gap:12px;
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
  .btc-card{
    border:1px solid var(--ring); border-radius:10px; padding:12px; background:var(--card-bg);
  }
  .btc-label{ color:var(--muted); font-size:13px; display:block; margin-bottom:4px;}
  .btc-value{ font-size:18px; font-weight:700; }
  .btc-updated{ display:block; margin-top:8px; color:var(--muted); font-size:12px; }

  /* Responsive: unter 900px 2 Spalten, unter 640px 1 Spalte + Info/Quellen untereinander */
  @media (max-width: 900px){ .btc-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
  @media (max-width: 640px){
    .btc-info-grid{ border-spacing:0 10px; }
    .btc-info-grid td{ display:block; width:100%; }
    .btc-grid{ grid-template-columns: 1fr; }
    .btc-info-grid td + td{ width:100%!important; }
  }
  body.hh-ct-is-guest .contact-card {
  background-color: rgba(0, 0, 0, 0.83) !important;
}

.content-create-input-group .upload-buttons .btn-group > .dropdown-toggle {
display: none;
}
.btn-group>.btn+.dropdown-toggle {
display: none;
}
.ProsemirrorEditor .ProseMirror-icon svg {
width: 20px;
}
.ProsemirrorEditor .ProseMirror-icon svg:hover {
Color:#fff;
}
.ProsemirrorEditor .ProseMirror-menu-dropdown-menu, .ProsemirrorEditor .ProseMirror-menu-submenu {
box-shadow: 0 6px 12px var(--background-color-page)!important;
background-color: rgb(7 7 7 / 60%) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px)!important;
background: var(--background-color-main);
border: none!important;
}
.well-small {
padding: 0px!important;
}
#wallStream [data-ui-richtext] img {
border-radius: 5px;
}

/* Nur Bilder im Kommentar-Text (Richtext) auf ~150px Höhe skalieren */
.well.comment-container .comment-message [data-ui-richtext] img,
.well.comment-container [data-ui-richtext] img {
  height: 150px;           /* gewünschte Thumbnail-Höhe */
  width: auto;             /* Seitenverhältnis beibehalten */
  max-width: 100%;         /* nicht breiter als der Container */
  object-fit: contain;     /* kein Zuschnitt */
  display: inline-block;
}

/* Emojis/Icons in Kommentaren NICHT verkleinern */
.well.comment-container [data-ui-richtext] img.atwho-emoji,
.well.comment-container [data-ui-richtext] img[width="16"],
.well.comment-container [data-ui-richtext] img[height="16"] {
  height: auto;
  width: auto;
  box-shadow: none;
}

.reaction-container .reaction-picker .reaction-emoji i.fa, .reaction-container .reaction-picker .reaction-emoji img, .reaction-container .reaction-picker .reaction-more-emojis i.fa, .reaction-container .reaction-picker .reaction-more-emojis img, .wall-entry-controls .reaction-container .reaction-picker .reaction-emoji i.fa, .wall-entry-controls .reaction-container .reaction-picker .reaction-emoji img, .wall-entry-controls .reaction-container .reaction-picker .reaction-more-emojis i.fa, .wall-entry-controls .reaction-container .reaction-picker .reaction-more-emojis img:hover {
width: 20px;
height: 20px;
margin-left: 6px;
margin-right: 6px;
}

.btn.fileinput-button.tt > i.fa-cloud-upload:before {
  content: "\f0c6";      
  font-size: 17px;
}
.content_create .upload-buttons .btn:not(.dropdown-toggle), .content_edit .upload-buttons .btn:not(.dropdown-toggle) {
margin-left: -1px;
}
.atwho-input.form-control {
min-height: 41px;
}
.btn-group {

}

.likeLinkContainer {
background-color: #333;
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 5px;
color: #ccc;
border-radius: 5px;
margin-left: -7px;
}
.likeLinkContainer:hover {
}

.comment-container .wall-entry-controls {
color: #222;
}
.comment-container a[data-action-click="comment.toggleComment"] {
background:none;
font-size: 12px!important;
font-weight: normal;

}
.comment-container .likeLinkContainer {
background:none;
margin-left: -20px;
}
.comment-container .likeLinkContainer a[data-action-click="like.toggleLike"] {
  font-size: 12px !important;
  font-weight: normal !important;
}

.wall-entry-footer .comment-container span[data-ui-widget="translator.Link"] {
    background-color: #181818;
  font-size: 12px!important;
display: inline-block;
}
.well.well-small.comment-container {
  padding: 10px !important;
  border-radius: 10px !important;
/* background: linear-gradient(to bottom, #222 0px, #181818 25%, #181818 100%); */ 
Background-color:#181818!important;
}
.nested-comments-root .well.well-small.comment-container {
  background: transparent !important;
}

div.nested-comments-root {
margin-right: -10px!important;
border-left: 3px solid grey;
margin-left: 10px;
padding-left: 10px;
}


.form-group.field-comment-message {
}
.label-success {
  color: #000!important;
}
.comment-container .wall-entry-controls {
margin-left: 20px!important;
margin-top: 10px;
}
.nested-comments-root .well.well-small.comment-container {
  padding-bottom: 0px !important;
}
.comment-container .wall-entry-controls a[data-action-click="comment.toggleComment"] .comment-count {
  font-size: 12px !important;
  font-weight: normal !important;
}
/* 1. Globale Regel für alle likeCount-Spans */
span.likeCount {
  font-weight: 500;
  font-size: 13px !important;
}

/* 2. Spezielle Regel innerhalb von Kommentaren */
.comment-container span.likeCount {
  font-size: 12px !important;
  font-weight: normal !important;
}

.wall-entry-footer .comment-container span[data-ui-widget="translator.Link"] {
background-color: #222;
font-size: 0px!important;
display: inline-block;
padding-right: 5px;
border-radius: 3px;
text-transform: uppercase;
padding-left: 5px;
margin-left: 5px;
}
.wall-entry-footer .comment-container span[data-ui-widget="translator.Link"] a {
  font-size: 10px !important;
  font-weight: 600;
  color: #bbb !important;
}
/* @media (max-width: 768px) { */
/* .comment-container .likeLinkContainer a[data-action-click="like.toggleLike"] { */
/* font-size: 0px !important;*/
/* font-weight: normal !important; */
/* margin-right: 4px; */
}
/* .comment-container a[data-action-click="comment.toggleComment"] { */
/* background: none; */
/* font-size: 0px!important; */
/* font-weight: normal; */
/* } */
/* } */

span.calendar-entry-reminder {
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 5px;
color: #ccc;
border-radius: 5px;
display: inline-block;
}

span.calendar-entry-ics-download {
padding-left: 15px;
padding-right: 15px;
padding-top: 3px;
padding-bottom: 5px;
color: #ccc;
border-radius: 5px;
display: inline-block;
}


#wallStream .comment-container .comment-message[data-ui-show-more][style*="max-height"] {
  max-height: 50px !important;
}
#wallStream #nested-comments-root .comment-message[data-ui-show-more][style*="max-height"] {
  max-height: 50px !important;
}
/* erhöhe nur, wenn eine inline max-height gesetzt ist (Collapsed-State) */
#wallStream [data-ui-show-more][style*="max-height"] {
}
/* Wrapper für rechtsbündige Platzierung */
.wt-more-wrap {
  display: block;
  text-align: right;
  margin-top: 4px;
}


.wall-entry-content.content a.wt-more-link:hover {
  color: #fff !important;
}
.wall-entry-footer .comment-container span[data-ui-widget="translator.Link"] a:hover {
  color: #fff !important;
}


.wall-entry-content.content a.wt-more-link {
float: right;
color: #858585!important;
text-decoration: none;
font-weight: 400;
}

/* Bilder in der Übersetzung ausblenden */
.translatorBase .translated img {
  display: none !important;
}

/* falls ProseMirror/RT Bilder anders einbettet, zusätzlich robust: */
.translatorBase .translated [data-ui-richtext] img,
.translatorBase .translated img[data-ui-gallery],
.translatorBase .translated figure img {
  display: none !important;
}
.hljs-attribute, .hljs-name, .hljs-tag {
color: #59d6e4!important;
}
.markdown-render table td, .markdown-render table th, [data-ui-markdown] table td, [data-ui-markdown] table th, [data-ui-richtext] table td, [data-ui-richtext] table th {
border: 1px solid #757474!important;
}

span.wt-translate-anchor {
  display: block!important;         /* bricht in eine neue Zeile um */
  margin-top: 8px;        /* etwas Abstand nach oben */
  margin-left: 0;         /* optional: linksbündig */
}
.wall-entry-controls.wall-entry-links span[data-ui-widget="translator.Link"] {
  display: none !important;
}

.wall-entry-content.content span[data-ui-widget="translator.Link"] {
background-color: #383838 !important;
padding-right: 5px;
border-radius: 3px;
text-transform: uppercase;
padding-left: 5px;
padding-bottom: 2px;
}
.wall-entry-content.content span[data-ui-widget="translator.Link"] a {
  font-size: 10px !important;
  font-weight: 600;
  color: #bbb !important;
}
.wall-entry-content.content span[data-ui-widget="translator.Link"] a:hover {
  color: #fff !important;
text-decoration: none;
}
.form-group.field-galleryeditform-visibility input[type="checkbox"]:checked::after {
  color: #fff;
}
.panel-profile .panel-profile-header {
border-bottom: 3px solid #000!important;
border-left: none!important;
border-right: none!important;
}
/* Versteckt Follow- und Unfollow-Buttons nur in Spaces */
.container.space-layout-container a.btn.btn-primary.followButton,
.container.space-layout-container a.btn.btn-primary.active.unfollowButton {
    display: none !important;
}
.panel-profile .panel-profile-header {
Border-top: none!important;
}
/* Versteckt das gesamte User-Spaces-Panel */
#user-spaces-panel {
    display: none !important;
}
@media (max-width: 768px) {
.list-group a [class*=" fa-"], .list-group a [class^=fa-] {
    display: none !important;
}
}
.classified-spaces-module img[class*="space-profile-image"] {
    width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: cover; /* sichert sauberen Zuschnitt ohne Verzerrung */
}
/* Profilbild-Container fixen */
.image-upload-container.profile-user-photo-container {
    width: 150px !important;
    height: 150px !important;
}

/* Profilbild auf gewünschte Größe zwingen */
img.profile-user-photo.img-profile-header-background {
    width: 140px !important;
    height: 140px !important;
}
#user-header-controls-menu .btn.btn-default.dropdown-toggle {
    margin-left: -4px !important;
}
/* Container auf Flex umstellen */
.controls.controls-header.pull-right {
    display: flex;
    align-items: center;
}

/* 1️⃣ Folgen- / Entfolgen-Button immer nach links */
.controls.controls-header.pull-right .followButton,
.controls.controls-header.pull-right .unfollowButton {
    order: 1;
}

/* 2️⃣ Nachricht senden Button in die Mitte */
.controls.controls-header.pull-right button[data-action-click="ui.modal.load"][data-action-click-url*="mail/mail/create"] {
    order: 2;
}

/* 3️⃣ Dropdown-Menü ganz nach rechts */
#user-header-controls-menu {
    order: 3;
    margin-left: auto;
}
/* Text ausblenden – aber Größe des Buttons bleibt unverändert */
.controls.controls-header.pull-right button[data-action-click="ui.modal.load"][data-action-click-url*="mail/mail/create"] {
    font-size: 0 !important;
}

/* Neues Icon einfügen – ohne Buttonbreite/-höhe zu ändern */
.controls.controls-header.pull-right button[data-action-click="ui.modal.load"][data-action-click-url*="mail/mail/create"]::before {
    content: "\f1d8";                /* paper-plane Icon (FontAwesome) */
    font-family: "FontAwesome";
    font-size: 14px;                /* passt sich an die bisherige Button-Höhe an */
    color: inherit;                 /* übernimmt die Button-Farbe */
    display: inline-block;
}
.csb-accordion .card a.card-panel .card-header .badge {
background-color: #444!important;
}
.glyphicon-fullscreen:before {
Content: ""!important;
}
#gallery-container #gallery-list .row .gallery-list-entry .panel .panel-heading {
background: none!important;
Font-size:0!important; 
}
.modal .well.well-small {
    padding: 10px !important;
    border-radius: 10px !important;
}
.gallery-description .fa-arrow-circle-right:before {
    content: none !important;
}

.fa-viacoin:before {
content: "" !important;
display: inline-block;
width: 19px;
height: 17px;
background-image: url('/themes/Werthain2/img/admin_wh2.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: -0.29em;
}
.wall-entry .fa-cogs:before {
content: "" !important;
display: inline-block;
width: 19px;
height: 17px;
background-image: url('/themes/Werthain2/img/admin_wh2.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: -0.29em;
}
.img-profile-data .fa.fa-viacoin.tt:before {
    content: "" !important;
    display: inline-block;
    width: 1.0em;
    height: 1.4em;
    background-image: url('/themes/Werthain2/img/admin_wh2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: -0.19em;
}
/* Nur die unverlinkte "Beiträge"-Kachel ausblenden */
.container.space-layout-container .statistics > .entry {
  display: none !important;
}

/* Die verlinkte "Mitglieder"-Kachel sichtbar lassen */
.container.space-layout-container .statistics > a > .entry {
  display: inline-block !important; /* oder flex/initial je nach Layout */
}
#gallery-container .fa.fa-cog:before {
    content: "\f085" !important;
padding: 3px 5px;
}
#gallery-container .caret {
    display: none !important;
}
.form-group.field-profile-title {
    background-color: #5e5e5e !important;
    padding: 10px !important;
}
@media (min-width: 418px) {
#bs-table.table tr .context-icon {
display: block!important;
}
}
#cfiles-folderView ul.contextMenu.dropdown-menu {
    left: auto !important;
    right: 0 !important;
    top: auto !important;

}

/* Nur im CFiles-Ordner-View, nur im Action-Menü */
#cfiles-folderView .files-action-menu .btn.btn-default:hover {
background-color: var(--background3)!important;
}
#cfiles-folderView .title .fa-folder:before {
    color: #777 !important;
}
#cfiles-folderView .files-action-menu .btn {
font-size: 13px!important;
font-weight: 600!important;
}
#bs-table.table ul.contextMenu li a {
font-size: 13px!important;
}