body {
/*   background-image: url("https://buchung.friedeburg.net/imgs/layout/csm_Friedeburg.jpg"); */
  background-image: url("/themes/HumHub/img/wp10198998-4k-xmas-wallpapers.jpg") !important;
  background-attachment: fixed;
  background-size: cover;
}

.contentForm_options {
  display: block !important;
}
.login-container {
  background-attachment: fixed;
  height: 100vh;
  background-image: url("/themes/HumHub/img/wp10198998-4k-xmas-wallpapers.jpg") !important ;
}

.text.text-center.powered {
  display: none;
}

body.login-container div#layout-content {
	
	margin-top:80px;
}



#snow {
  overflow: hidden;
  height: 100vh;
  position: fixed;
}

.containerxmas{
  position:absolute;
  max-width:100%;
  height:600px;
}

svg{
  max-width:100%;
/*   visibility:hidden; */
   overflow:visible;
}


div#layout-content div.container {
  /* background-color: #F4F4F452; */
  /* background-color: #F4F4F4F0; */
  margin-top: -30px;
  /* border-right: 1px solid #aeaeae;
  border-left: 1px solid #aeaeae; */
  /* box-shadow: 0px 0px 7px 6px #F4F4F452; */
  /* border-right: 1px solid #b5c6ce;
border-left: 1px solid #b5c6ce;
   */
}

.col-md-8.layout-content-container {
	border-right: unset;
	border-left: 1px solid #b5c6ce;
	background-color: #F4F4F4F0;
	padding-top: 20px;
}

 .col-md-4.layout-sidebar-container {
 	border-right: 1px solid #b5c6ce;
	border-left: unset;
	background-color: #F4F4F4F0;
	padding-top: 20px;
	border-bottom: 1px solid #b5c6ce;
 }

body.login-container div#layout-content div.container {
	background-color: unset;
  	border-right: unset;
  	border-left: unset;
}

div.container.container-cards.container-people, div.container.container-cards.container-spaces {
  /* box-shadow: 0px 0px 12px 6px #F4F4F4; */
  background-color: #F4F4F4F0;
}





div.container.space-layout-container {
	background-color: #F4F4F4F0;
}

.panel {
  border: 1px solid #b5c6ce;
}

@media (min-width: 1200px) {
	.container {
	  width: 1300px;
	}
}



/* RED DESIGN */


#topbar-first {
  background-color: #5e0000;
  top: 0;
  z-index: 1030;
  color: white;
}

#topbar-second .nav > li > a:hover, #topbar-second .nav > li.active {
  border-bottom: 3px solid #800000;
  background-color: #f7f7f7;
  color: #000;
}

#topbar-first .btn-group > a {
  background-color: #5e0000;
}

#topbar-first .dropdown.account > a, #topbar-first .dropdown.account.open > a, #topbar-first .dropdown.account > a:hover, #topbar-first .dropdown.account.open > a:hover {
  background-color: #5e0000;
}

.panel {
  border: 1px solid #b0a0a0;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  border-color: #534f4f;
  background-color: #800000;
  background-image: none;
  filter: none;
}

.btn-info:active, .btn-info.active {
  outline: 0;
  border: 1px solid #800000;
  padding: 7px 15px;
  color: #800000 !important;
  background: #fff !important;
  box-shadow: none;
}

.nav-pills.preferences .dropdown .dropdown-toggle i {
  color: #800000;
  font-size: 15px;
  font-weight: 600;
}

.nav-pills .dropdown-menu li, .nav-tabs .dropdown-menu li, .account .dropdown-menu li {
  border-left: 3px solid #800000;
}

.media-list li:hover, .media-list li.selected {
  background-color: #f7f7f7;
  border-left: 3px solid #800000;
}

.btn-primary {
  background: #800000;
  color: #fff !important;
}

.nav-pills .dropdown-menu li.divider, .nav-tabs .dropdown-menu li.divider, .account .dropdown-menu li.divider {
  background-color: #350909;
  border-bottom: none;
  margin: 9px 1px !important;
}

.wall-entry .content a {
  color: #5e0000;
}

.wall-entry .wall-entry-header .wall-entry-container-link {
  color: #400000;
}

.btn-info {
  background: #800000;
  color: #fff !important;
}

.comment_create .comment-buttons .btn.fileinput-button, .content_edit .comment-buttons .btn.fileinput-button, .comment_create .comment-buttons .fileinput-button + .dropdown-toggle, .content_edit .comment-buttons .fileinput-button + .dropdown-toggle {
  background-color: rgb(128, 0, 0);
}

.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: 3px solid #800000;
  color: #fff !important;
  background-color: #350909 !important;
}

.wall-entry .wall-entry-header .wall-entry-header-image .fa {
  font-size: 2.39em;
  color: #5E0000;
  margin-top: 5px;
}

.btn-info:hover, .btn-info:focus {
  background: #b90000 !important;
  text-decoration: none;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #a00;
}

.wall-entry-controls a {
  font-size: 11px;
  color: #5e0000 !important;
  margin-top: 10px;
  margin-bottom: 0;
}

.nav-pills .dropdown-menu, .nav-tabs .dropdown-menu, .account .dropdown-menu {
  background-color: #661717;
  border: none;
}

.post-file-list a, .post-file-list a:active, .post-file-list a:focus, .post-file-list a:hover {
  color: #6F0000;
}

.login-container .panel a {
  color: #800000;
}

.regular-checkbox:checked + .regular-checkbox-box, input[type="checkbox"]:checked {
  border: 2px solid #790000;
  background: #800000;
  color: white;
}

.login-container .panel {
  box-shadow: 0 0 15px #4d1010;
  -moz-box-shadow: 0 0 15px #4d1010;
  -webkit-box-shadow: 0 0 15px #4d1010;
}

.btn-primary:hover, .btn-primary:focus {
  background: #d00000;
  text-decoration: none;
}

.form-control:focus {
  border: 2px solid #800000;
  outline: 0;
  box-shadow: none;
}

.markdown-render a, [data-ui-markdown] a, [data-ui-richtext] a, .markdown-render a:visited, [data-ui-markdown] a:visited, [data-ui-richtext] a:visited {
  background-color: inherit;
  text-decoration: none;
  color: #5E0000 !important;
}

.panel .statistics .entry .count {
  color: #5E0000;
  font-weight: 600;
  font-size: 20px;
  line-height: .8em;
}

a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: #000;
  background-color: #f7f7f7;
  border-left: 3px solid #5E0000 !important;
}

.panel-body a[data-toggle], .modal-body a[data-toggle] {
  color: #5E0000;
}

.container-cards .card .card-header .card-icons .fa {
  color: #5e0000;
}

.btn-info.active:hover, .btn-info.active:focus {
  border: 1px solid #860000;
  color: #fff !important;
}

.panel .statistics .entry .count {
  color: #5E0000 !important;
  font-weight: 600;
  font-size: 20px;
  line-height: .8em;
}

.label-info {
  background-color: #5E0000;
}

/* RED DESIGN */