body {
    font-family: 'Roboto', sans-serif;
}
hr.grey {
    border-color: #a9a9a9;
}
.categories .categories-header {
    font-weight: 600;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #8cc800;
    border-color: #8cc800;
}
ul#user-control-list li:last-child,
ul#user-control-list .divider:last-of-type {
    display: none;
}

.composer.resizable .resizer .trigger.text-center,
li.taskbar-composer.active,
.tags-container {
	display:none;
}

ul.topic-list .col-md-6,
ul.topic-list .col-md-1 {

    margin-top: 0;
 border-right: 12px solid #fff;
}
ul.topic-list .col-md-1 {
    padding: 5px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.topic-list  .col-md-3 {

    margin-top: 0;
    border-right: 12px solid #fff;
}
ul.topic-list  .col-md-3 {
      padding-top: 5px;
    padding-bottom: 6px;
}

ul.topic-list  .col-md-3 .card {
       border-left: 0;
    text-align: left;
    margin-top: 0;
    overflow: hidden;
    height: 61px;
    font-size: 12px;
    line-height: 14px;
}

ul.topic-list  .col-md-3 .card p,
ul.topic-list  .col-md-3 .card .post-content {
	padding:0;
}

ul.topic-list .col-md-3.col-sm-3.teaser.hidden-xs img.user-img {
	display:none;
}

ul.categories .col-md-7,
ul.categories .col-md-6,
ul.categories .col-md-1,
ul.categories .col-md-2 {
    border-right: 25px solid #fff;
    padding: 0;

}

ul.categories .col-md-6 > div {
    background: #f5f5f5;
     padding: 10px 20px;
    margin-top: 0;
    height: 74px;
    border-radius: 8px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

ul.categories .col-md-6 > div .icon.pull-left  {
        font-size: 35px;
    line-height: 14px;
    padding: 0px;
    border-radius: 50%;
    margin-right: 15px;
    width: 35px;
    /* height: 15px; */
   min-width: 30px;
    min-height: 30px;
    margin-top: 10px;
}
ul.categories .col-md-6 > div .icon.pull-left  i {
    position: relative;
    top: -1px;
    left: -3px;
    color: #fff;
}

ul.categories .col-md-1 {
    padding: 5px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}
ul.categories .col-md-3 {
    border-right: 25px solid #fff;
    padding: 0;

}

ul.categories .col-md-3 > div {
    background: #f5f5f5;
    padding:7px;
    margin-top: 0;
    height: 74px;
    border-radius: 8px!important;
}

ul.categories  .col-md-3.stats  {
      margin-top:0;
}
ul.categories  .col-md-3.stats > div {
      padding-top: 16px;
}

ul.categories  .col-md-3.stats   {
    font-size: 28px;
    text-align: center;
    line-height: 22px;
    font-weight: 300;
    color: #000;
}

ul.categories  .col-md-3.stats small,
ul.categories  .col-md-3.teaser small,
ul.topic-list  .col-md-3.teaser span.timeago   {

    color: #a9a9a9;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}

ul.topic-list  .col-md-3.teaser a {
    text-decoration: none;
}

ul.topic-list  .col-md-3.teaser a span.user-icon.user-img {
   display: none;
}

ul.categories  .col-md-3.teaser small,
ul.topic-list .col-md-3.teaser span.timeago   {
    margin-bottom: 5px;
    display: block;
}

.category .subcategory ul.categories {
	margin:0;
}

ul.categories  .col-md-3.teaser .post-content {
       font-size: 13px;
}


ul.categories  .col-md-3.teaser a {
text-decoration: none;
}

ul.categories  .col-md-3.teaser a span.user-icon.user-img {
display: none;
}

ul.categories  .col-md-3 .card {
    margin: 0;
    padding: 0px 6px;
    border-left: 0px solid #ccc!important;
    /* border-color: rgba(255, 255, 255, 0)!important; */
    height: 62px;
}

ul.categories  .col-md-3 .card>* {
    padding-left: 0;
}

ul.categories  .content h2 {
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    font-size: 20px;
    line-height: 55px;
font-weight:300;
}
ul.categories  .content h2 a {
       color: #000;
}

ul.categories .col-md-3.col-sm-3.teaser.hidden-xs img.user-img {
	display:none;
}

ul.categories .col-md-3 .themen,
ul.categories .col-md-3 .beitraege,
ul.categories .col-md-3 .trenner {
    display: inline-block;
}

ul.categories .col-md-3 .trenner {
  border: 1px solid #fff;
    height: 42px;
    margin: 0px 20px;
}

ul.categories > li span.category-children {
      display: none;
}

.categories-title {
    font-weight: 500;
    letter-spacing: 1px;
}


label[for=inputFullname],
label[for=inputWebsite],
label[for=inputLocation],
label[for=inputBirthday],
label[for=grouptitle],
label[for=inputAboutMe],
input#inputWebsite,
input#inputFullname,
input#inputLocation,
input#inputBirthday,
select#groupTitle,
textarea#inputAboutMe,
label#aboutMeCharCountLeft
{
    display: none;
}

.account .cover  {
    background-image: none!important;
    height: auto;
    height: 175px;
    display: block;
    top: 25px!important;
    position: relative;
}
.account .row .cover  {
   top: -10px!important;
    height: 125px;
}
.account .container  {
	    background-image: none!important;
    height: auto;
height: 75px;
    display: block;
    top: -50;
    position: relative;
}
.account .cover .container .controls {
	display:none;
}

.account {
    margin-top: 0;
}

.account .container .avatar-wrapper, .account .cover .avatar-wrapper {
    top: 10px;
}


.account .btn-group.account-fab {
    top: 9px;
    right: 64px;
}
.account .menu .btn-group.account-fab {
    bottom: 0;
    top: 0;
    right: 0;
    position: relative;
}
.account .menu {
    position: absolute;
    top: 71px;
    right: 43px;
}

.account ul.dropdown-menu.dropdown-menu-right li:nth-child(3),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(4),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(7),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(8),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(9),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(10),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(12),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(20),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(21),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(22),
.account ul.dropdown-menu.dropdown-menu-right li:nth-child(23)   {
    display:none;
}

li#user_label ul#user-control-list li:nth-child(9),
li#user_label ul#user-control-list li:nth-child(12),
li#user_label ul#user-control-list li:nth-child(13) {
display:none;
}

.topic-main-buttons.pull-right .btn-group.action-bar button.btn.btn-info.dropdown-toggle {
display:none;
}


.breadcrumb>li+li:before {
    content: "|";
}

.breadcrumb {
    margin-bottom: 15px;
    font-size:14px;
    text-transform:uppercase;
letter-spacing:1px;
font-weight: 700;
z-index:9;
}


.btn-primary,
.btn-default {
padding: 7px 40px;
    border-radius: 8px!important;
    font-weight: bold;
    color:#fff;
margin-bottom:10px;
}

.modal-footer .btn+.btn {
  margin-bottom:10px;
}

.category .btn-group.topic-watch-dropdown.bottom-sheet {
    margin-right:10px;
}
.topic h1 {
    margin-bottom: 15px;
}
ul.topic-list li.row.clearfix.category-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
ul.topic-list .col-md-6,
ul.topic-list .col-md-3 {
    border-right: 25px solid #fff;
    padding: 0;
}
ul.topic-list .col-md-3.teaser {
    border-right: 0px;
    padding: 0;
}
ul.topic-list .col-md-6 > div {
    border-radius: 8px!important;
    background: #f5f5f5;
    padding: 10px 20px;
    height: 100%;
}
ul.topic-list .col-md-3 > div {
    border-radius: 8px!important;
    background: #f5f5f5;
    padding: 10px 5px;
    height: 100%;
}
ul.topic-list  .col-md-3.col-sm-3.teaser > div {
padding: 10px 10px;
}

ul.topic-list  .stats {
    display: inline-block;
    width: 32%;
    border-right: 2px solid #fff;
    padding-right: 4px;
}

ul.topic-list .stats:last-child {
    border: 0px solid #fff;
}
ul.topic-list h2 small,
ul.topic-list h2 small a,
.stats small {
    color: #a9a9a9!important;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}
ul.topic-list .avatar {
  position: relative;
}
ul.topic-list .avatar i.fa.fa-circle.status {
  position: absolute;
right: -4px;
top: 2px;
font-size: 16px;
}

.categories>li .content h2, .category>ul>li .content h2 {
    font-size: 20px;
    font-weight: 300;
    color: #000;
}
.category>ul>li:not(.unread) h2 a {
    color: #000;
}

.category>ul>li a span.id {
    color: #a9a9a9!important;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 10px;
    line-height: 0;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    /* display: none; */
}

.breadcrumb>.active {
    color: #a9a9a9!important;
}

.posts > li > div.post_content_container {
    padding: 20px 20px;
    padding-bottom: 10px;
    background: #f5f5f5;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 20px;
}

.posts > li.deleted > div.post_content_container {
opacity: 0.5;
}

.posts > li > div.post_content_container .post-header small.pull-left {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
}

.posts > li > div.post_content_container .post-header small.pull-left a {
	text-decoration:none;
}

.posts > li > div.post_content_container .post-header small.pull-left a span.timeago {
color: #a9a9a9!important;
}

.posts > li > div.post_content_container .trenner {
       padding: 0px 8px;
    padding-right: 1px;
    color: #a9a9a9!important;
}

.posts > li > div.post_content_container span.timeago {
   padding: 0px 8px;
    color: #a9a9a9!important;
}

.posts > li > div.post_content_container .post-footer small.pull-right span.post-tools,
.posts > li > div.post_content_container .post-footer small.pull-right span.votes  {
     font-weight: 500;
    color: #a9a9a9!important;
    font-size: 13px;
    text-transform: uppercase;
}
.posts > li > div.post_content_container .post-footer small.pull-right  span.post-tools a,
.posts > li > div.post_content_container .post-footer small.pull-right span.votes a {
   color: #a9a9a9!important;
}
.posts > li > div.post_content_container .post-footer small.pull-right i {
       font-size: 18px;
    padding: 5px 5px;
}

.posts > li > div.post_content_container .post-footer small.pull-right i.fa.fa-fw.fa-ellipsis-v {
	font-size:13px;
}

.posts > li > div.post_content_container .post-footer span.post-tools a {
     padding:0;
}
.posts > li > div.post_content_container .post-footer span.post-tools .trenner {
    padding: 0px 6px;
}

.posts > li > div.post_content_container .clearfix.post-header small.pull-left a.btn.btn-xs.btn-default.hidden-xs {
    background: #a0a0a0;
    border-color: #a0a0a0;
    font-size: 10px;
    padding: 1px 15px;
}

.post-bar .topic-main-buttons.pull-right {
width: 100%;
}

.post-bar .stats_container {
        overflow: auto;
    display: inline-block;
    float: left;
    background: #f5f5f5;
    border-radius: 8px;
    margin-right: 20px;
    padding: 6px;
    padding-bottom: 0px;
}

.post-bar .stats_container  .trenner {
    display: inline-block;
    border: 1px solid #fff;
    float: left;
    height: 30px;
}

.post-bar .stats_container .stats {
    font-size: 13px;
    text-align: center;
    margin-top: 7px;
    line-height: 12px;
}

.post-bar .reply_btn {
display:inline-block;
}

.users .search .form-control {
height: 37px;
}

.users .search  .input-group {
	background: #f5f5f5;
    border-radius: 8px;
}

.users .search #search-user,
.users .search span.input-group-addon {
    border: none;
    background: none;
    box-shadow: none;
}

.users ul.nav.nav-pills li .btn {
   min-width: 151px;
    margin-right: 10px;
    padding: 7px 25px!important;
}

.users ul.nav.nav-pills li.active .btn {
    background-color: #8CC800;
    border-color: #8CC800;
}


.users > div.row {
border-bottom: 1px solid #0087eb;
    padding-bottom: 25px;
}


.users  ul#users-container li.users-box,
.users-container .user-info>span {
    max-width: 113px;
    width: 113px;
}

.users  ul#users-container li.users-box .user-info {
margin-top: 8px;
}

/*.users  ul#users-container li.users-box .user-info i {
display: none;
}*/

.users  ul#users-container li.users-box .user-info a {
color: #000;
font-weight:300;
font-size: 15px;
}

.users  ul#users-container li.users-box .user-info span.timeago {
    color: #a9a9a9!important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.users  ul#users-container li.users-box .user-info .joindate {
    margin-top: 0px;
    line-height: 10px;
}


.pagination>li>a, .pagination>li>span {
     border: 0px solid #ddd;
   color: #000;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #0087eb;
    background-color: #ffffff;
    border-color: #ffffff;
    cursor: default;
}


.account h1 {
    color: #0087eb;
  font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.account>.row .fullname {
    text-align: left;
    font-size: 28px;
    font-weight: 300!important;
    color: #000000;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 8px
}
.account h2.username {
    color: #a9a9a9!important;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
}
.account .breadcrumb {
 margin-bottom: 0px;
    position: absolute;
    top: 75px;
}
.account > .row .cover {
    width: 16.66666667%;
}
.account .profile .account-stats {

    margin-top: 0;
    margin-bottom: 0;
}
.account .profile .account-stats .stat {
    display: block;
    min-width: 100px;
    margin-bottom: 0px;
    text-align: left;
}
.account .profile .account-stats .stat .stat-label {
          font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 80%;
    display: inline-block;
    color: #000;
}
.account .profile .account-stats {
    line-height: 20px;
}
.account .profile .account-stats .stat .human-readable-number {
display:inline-block;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.account .col-md-3.profile-meta {
    text-align: left;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.account .col-md-3.profile-meta span {
	display: block;
    margin-top: 8px;
}

.btn-group.account-fab .fab {
    color: #fff;
    font-size: 13px;
}
.btn-group.account-fab  .fab {
    background-color: #0087eb;
    cursor: pointer;
    line-height: 25.5px;
    height: 25.5px;
    width: 26.5px;
}

.account > .row:first-child {
    background: #f5f5f5;
    padding: 25px 20px;
    border-radius: 8px!important;
    margin-top: 50px;
}

.account .profile {
    margin-bottom: 0px;
}

.posts-list .posts-list-item {
    margin: 0;
       background: #f5f5f5;
    padding: 15px 20px;
    border-radius: 8px!important;
    margin-top: 25px;
}

.posts-list .posts-list-item .post-body {
    border-right: 1px solid #ccc;
    min-height: 70px;
}
.posts-list .posts-list-item .user-img {
display: none;
}
.posts-list .posts-list-item .post-info {
    top: 22%;
}
.posts-list .posts-list-item .post-info .post-author {
    padding-left: 15px;
    color: #000;
    text-transform: uppercase;
        letter-spacing: 1px;
}
.posts-list .posts-list-item .post-info .post-author a {
    color: #101010;
    font-weight: 500;
line-height: 25px;
}
.posts-list .posts-list-item .topic-category a {
        color: #a9a9a9!important;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
letter-spacing: 1px;
}
.posts-list .posts-list-item .topic-title {
    color: #333;
    font-weight: 500;
    font-size: 125%;
    text-decoration: none;
}
.posts-list .posts-list-item .content {
    font-size:17px;
    font-weight: 300;
}

.composer .formatting-bar {
    margin: 0;
    margin-bottom: 15px;
}
.composer.resizable .btn-toolbar.formatting-bar .btn-group button.btn.btn-default.composer-discard {
margin-right:15px;
}

.btn-group-vertical.btn-block > button,
.btn-group-vertical.btn-block > a.btn.btn-default  {
margin-bottom:10px;
}

.composer .title-container>div:first-child {
    flex: auto;
}

.page-category .composer .title-container.row  .category-list-container,
.composer .title-container.row  .category-list-container {
	display: none;
}

nav#menu.slideout-menu  a.navigation-link span.visible-xs-inline  {
    display: inline-block!important;
}

html.composing {
overflow:hidden;
}
html.composing .composer {
    top: 0!important;
}

.composer-container  .redactor-box .redactor-toolbar-box a.re-button.re-link {
display:none;
}


@media (max-width: 991px) {
        .composer-container .btn-primary, .btn-primary:hover {
	    background-color: rgba(255, 255, 255, 0);
	    border-color: rgba(204, 204, 204, 0);
	}
	.btn-primary, .btn-default {
	    padding: 7px 10px;
	    border-radius: 8px!important;
	    font-weight: bold;
	    color: #fff;
	}
	button.btn.btn-sm.btn-primary.composer-minimize {
		display:none
	}
	.composer .composer-container nav > div {
		float:left;
	}

  ul.topic-list .avatar i.fa.fa-circle.status {
    position: absolute;
    right: 3px;
    top: -1px;
    font-size: 13px;
}

}

nav#menu.slideout-menu {
  opacity: 0;
}

.page-user-edit .account-picture-block.text-center .list-group a {
display:none;
}
.page-user-edit .account-picture-block.text-center .list-group a#changePictureBtn {
display:none;
}

.post_content_container .content a {
    font-weight: bold;
    text-decoration: underline;
    cursor:pointer;
}


.unread button#new_topic,
.recent button#new_topic,
.popular button#new_topic{
  display:none;
}

@media (max-width: 767px) {
  nav#menu.slideout-menu  {
    opacity: 1;
  }
	.topic h1 .topic-title {
	    text-transform: initial;
	    font-weight: 300;
	}
	.posts > li > div.post_content_container .post-header small.pull-left {
	    font-size: 12px;
	}
	.composer .title-container.row > div {
		width: 100%;
	}
	.categories>li .content  span.visible-xs.pull-right {
		float: none!important;
   		 padding-left: 53px;
		margin-top: -10px;
	}
	.categories>li .content span.visible-xs.pull-right a {
		    text-decoration: none;
		    color: #a9a9a9;
		    font-weight: 500;
		    letter-spacing: 1px;
		    font-size: 13px;
		    text-transform: uppercase;
	}
	ul.categories .col-md-6 > div {
		    background: #f5f5f5;
		    padding: 10px 20px;
		    margin-top: 0;
		    height: 79px;
	}
	.categories>li, .category>ul>li {
	   	 border-top: 0px;
    		margin-left: 0;
	}
	.btn-primary, .btn-default {
	    padding: 7px 10px;
	    border-radius: 8px!important;
	    font-weight: bold;
	    color: #fff;
	}
	.category>ul>li {
    	  	 background: #f5f5f5;
   		 padding: 5px 5px;
   		 border-radius: 8px!important;
   		 margin: 0;
   		 margin-top: 20px;
	}
	ul.topic-list .col-md-6, ul.topic-list .col-md-3 {
	    border-right: 0;
	    padding: 0;
	}
	.category>ul>li .mobile-stat {
	       margin-top: 10px;
	}
	.category>ul>li .mobile-stat a {
	        display: inline-block;
	    background: #0087EB !important;
	    font-size: 20px;
	    line-height: 9px;
	    padding: 0px;
	    border-radius: 50%;
	    width: 20px;
	    min-width: 20px;
	    min-height: 20px;
	    color: #fff;
	    text-align: center;
	    margin: 0;
	}
	.category>ul>li .mobile-stat a i {
	          position: relative;
    		top: -1px;
    		left: 1px;
	}
	ul.topic-list span.human-readable-number {
	    display: inline-block;
	    background: #a0a0a0 !important;
	    width: 20px;
	    border-radius: 50%;
	    min-width: 20px;
	    min-height: 20px;
	    color: #fff;
	    text-align: center;
	    font-size: 13px;
	    line-height: 16px;
	    padding-top: 3px;
	}
	.row .topic h1.hidden-xs,
	.row .topic .stats.hidden-xs {
		display: block!important;
	}

	/*.users ul.nav.nav-pills {
		margin-top:55px;
	}
	.users .search {
	    position: absolute;
	    top: -90px;
	    left: 16px;
	    right: 27px;
	}*/

	.users ul.nav.nav-pills li .btn {
	    min-width: auto;
	    margin-right: 10px;
	    padding: 7px 9px!important;
	}
	.users ul#users-container li.users-box {
	       width: 32%;
    		max-width: 32%;
	}
	.account .profile {
	   clear: both;
	}
	.account > .row .cover {
	    width: auto;
	    width: 33.33333333%;
	}
	.account .avatar.avatar-xl {
	    border-radius: inherit;
	    width: 95px;
	    height: 95px;
	    line-height: 95px;
	    font-size: 6.5rem;
	}
	.account .cover .avatar-wrapper .fab.btn-morph {
	    top: 68px;
	}
	.account>.row .fullname {
	       font-size: 24px;
    		margin-top: 19px;
    		text-transform: initial;
	}
	.account .profile .account-stats .stat {
	    line-height: 14px;
	}
	.account .profile {
	    margin-top: -10px;
                padding-left: 0;
	}
	.account .profile-meta {
	    margin-top: -14px;
	}
	.posts-list .posts-list-item .post-info {
	    position: relative;
	    top: 50%;
	    left: 0;
	    width: 175px;
	    height: auto;
	    margin-top: 0;
	    font-size: 10px;
	    top: 0;
	}
	.posts-list .posts-list-item .post-info .post-author {
	    padding-left: 0;
	}
	.posts-list .posts-list-item .post-body {
	    border-right: 0px solid #ccc;
	    width: 100%;
    		padding: 0;
	}
	.posts-list .posts-list-item .topic-category {
	    margin-right: 0px;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
	.account .menu {
	    right: 18px;
	}
	.account>.row {
	   clear:both;
	}
        .composer-container .btn-primary, .btn-primary:hover {
	    background-color: rgba(255, 255, 255, 0);
	    border-color: rgba(204, 204, 204, 0);
	}
	.redactor-toolbar li {
	    min-width: 50px;
	}
	.account .cover {
	    height: 130px;
	}

}