/************** Cusomize **************/

html {
    height: 100%;
}

body {
    padding: 0;
    background-color: #fff;
}

.section-index #wrap {
    max-width: 100%;
}

.rexx_login #wrap {
    min-height: 85vh;
}

.rexx_login .error {
    color: #ff5f47;
}

.emptySearch h3 {
    font-weight: bold;
}

#headerwrap,
#navwrap,
#page-footer {
    display: block;
}

.hidden {
    display: none;
}

#page-footer {
    width: 100%;
    position: relative;
    bottom: 0;
    background-color: #231f20;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#page-footer .footer-links a {
    color: inherit;
    cursor: pointer;
    text-decoration: underline;
}

.header #logo img {
    margin-top: 5px;
    height: 45px !important;
}

.slogan,
.slogan:hover,
.slogan:focus {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

.fields1 > div {
    width: 100%
}

form.helpcenter .fields1 > div {
    width: 49%;
}

form.helpcenter .autowidth {
    max-width: 85%;
}

.fields1_right {
    float: right;
}

.fields1_left {
    float: left;
}

h1, h2, h3, p, a,
div, span, input, label,
textarea {
    font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif !important;
}

#guest_login_token {
    width: 520px;
}

#guest_login_token .input-group .input-group-prepend .input-group-text  {
    min-width: 115px;
}

a,
a:hover,
a:active,
a:focus
{
    color: #4279A9;
    text-decoration: none;
}

.topiclist a,
.feed_meta a,
.searchresults-title a,
.feed_meta a:hover,
.forumbg .header a:hover,
.forabg .header a:hover,
th a:hover,
.icon.icon-blue,
a:hover .icon.icon-blue,
.jumpbox-sub-link,
dd.profile-warnings,
.tabs .tab > a:hover,
.tabs .activetab > a,
.tabs .activetab > a:hover,
.navigation a:hover,
.navigation .active-subsection a:hover,
.ml-advsearch:hover,
a:hover .icon.icon-gray,
.memberlist th a:hover
{
    color: #6e6e6e;
}

a.content-text, a.content-text:hover, a.content-text:active, a.content-text:focus,
.anchor_link, .anchor_link:hover, .anchor_link:active, .anchor_link:focus,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus
{
    color: inherit;
    text-decoration: none;
}

.anchor_link {
    font-weight: bold;
}

.css_button,
.css_button:visited,
.css_button:active,
input.css_button {
    color: #fff;
    background-color: #76ba4a;
    outline: 0;
}

.css_button:hover,
input.css_button:hover {
    background-color: #5da131;
    text-decoration: none;
}

.rexx_login #wrap .headerspace .css_button#register {
    background-color: #888;
    border: 1px solid #aaa;
}

.rexx_login #wrap .headerspace .css_button#register:hover {
    background-color: #777;
    border: 1px solid #777;
}

.rexx_login .css_button {
    border: 1px solid #438717;
    border-radius: 4px;
    display: block;
    font-weight: 400;
    width: 280px;
    height: 36px;
}

.rexx_login .css_button:hover,
.rexx_login input.css_button:hover {
    border-color: #438717;
}

.anchor_link.fa-flag:before {
    content: "\f024";
    font-family: 'Font Awesome 6 Pro';
    font-size: smaller;
    margin-right: 5px;
}

.topictitle.read {
    font-weight: normal;
}

.topiclist .topic-title {
    margin-bottom: .5em;
}

.topiclist .topic-teaser {
    margin: 7px 0 0;
    display: block;

    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.topiclist .topic-teaser,
.topiclist .topic-teaser:hover,
.topiclist .topic-teaser:focus,
.topiclist .topic-teaser:active
{
    color: #6e6e6e;
}

.topiclist .topic-poster i.icon
{
    font-size: 1em;
}

.topiclist .topic-author {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.topiclist .topic-author .topic-poster {
    flex: 1 0 auto;
    margin-right: 16px;
}

.topiclist .topic-author .topic-lastpost {
    flex: 0 0 auto;
}

/**********/
/**Header**/
/**********/

.headerbar,
.ml-advsearch.active,
.site-description h1 {
    color: #fff;
}

.site-description p,
.site-description h1 {
    margin: auto 20px auto 0;
}

.site-description p {
    margin-top: 20px;
    font-weight: 600;
    color: #fff;
}

#headerwrap {
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    height: 100px;
}

.site_logo {
    width: 150px;
    background-repeat: no-repeat;
}

.rexx_login .wrap {
    max-width: 85%;
}

#headerwrap div.wrap {
    height: 100%;
    max-width: 1525px;
}

#page-header {
    padding-top: 20px;
}

#site-description,
#page-header div.headerbar,
#page-header div.headerbar div.inner {
    height: 100%;
    padding: 0;
}

#site-description {
    display: flex;
    justify-content: center;
    font-size: 11px;
}

.skiplink {
    position: unset;
    left: unset;
    visibility: hidden;
    width: 190px;
}

.logo {
    padding: 0 0 0 30px;
    align-self: center;
}

.logo_top {
    position: absolute;
}

.section-app\/kb\/viewarticle .logo_top,
.section-app\/kb\/index .logo_top {
    position: relative;
}

.back_button a,
.nothing_found strong {
    font-size: 18px;
    line-height: 23px;
    margin: 0 20px;
}

/**header_nav***/
.search-header {
    margin: -1px;
}

#navwrap {
    background-color: #231f20;
    width: 100%;
    height: 50px;
    z-index: 1;
}

#navwrap .wrap {
    max-width: 1400px;
    margin: 0 auto;
}

.pinned_header {
    position: fixed;
    top: 0;
}

.nav_container {
    display: flex;
    justify-content: space-around;
    max-width: 180px;
}

.nav_container_wrapper {
    padding: 5px 0;
    list-style-type: none;
}

ul.linklist .dropdown {
    top: 30px;
}

.nav_container li#personalSpaceLog a img {
    display: inline-block;
    margin-top: 4px;
    height: 30px;
    width: 30px;
    border-radius: 60%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

#notification, #langSelect {
    margin-top: 0.1rem;
}

#logout {
    margin-top: 0.1rem;
    order: 1;
}

#logout i {
    font-size: 20px;
    margin-top: 4px;
}

.nav_container i {
    font-size: 30px;
    margin-top: 2px;
}

ul#nav-main {
    display: flex;
    align-items: center;
}
.section-index #breadcrumbs_area,
.ml-advsearch {
    display: none;
}

.navwrap a {
    outline: 0;
}

#nav-breadcrumbs {
    justify-content: end;
    display: flex;
    padding: 10px 0;
}

#breadcrumbs_area a {
    color: #000;
}

#breadcrumbs_area {
    height: 150px;
    position: relative;
}

#sub_breadcrumbs_area {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

#logo img {
    height: 55px;
}

#notification_list .dropdown-contents {
    font-size: 11px;
}

#lang_list .dropdown-contents {
    font-size: 11px;
    max-width: 230px !important;
}


.navwrap .nav_container li a span,
.navwrap #nav-main #quick-links .dropdown-trigger span {
    display: none;
}

.navwrap .nav_container li .dropdown a span {
    display: inline-block;
}


.rightside a .badge {
    margin: 0;
    top: 0;
    border: none;
}

#nav-main a.header-avatar span::after {
    position: absolute;
    padding-top: 0;
    top: -2px;
}

#nav-main .username-coloured {
    font-size: 13px;
}

.mainnavbar ul#nav-breadcrumbs li:last-of-type {
    padding-right: 5px;
}

#notification_list.dropdown,
#lang_list.dropdown,
#username_logged_in .dropdown {
    position: absolute;
}

a.header-avatar img {
    max-height: 35px;
    /* max-width: 26px; */
    display: inline-block;
    margin-top: 2px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

li#username_logged_in a.header-avatar img {
    max-height: 60px;
    display: inline-block;
    margin-top: 2px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background: no-repeat 50% 50%;
    background-size: cover;
}

.profile-avatar.profile-avatar-background {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: inline-block;
}

.list-inner div.avatar.avatar-src {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-clip: content-box;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 10px;
}

.notification-block div.avatar.avatar-src {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 3px solid white;
    background-clip: content-box;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    display: block;
    float: left;
    margin-right: 10px;
}

.notification-block div.avatar.avatar-src:hover {
    border: 3px solid white;
}

.nav_container li#logout .icon::before,
.nav_container li.dropdown-container .icon::before,
.nav_container li.rightside:nth-of-type(2) .icon::before,
.nav_container li.rightside:nth-of-type(3) .icon::before,
.nav_container li.rightside:nth-of-type(4) .icon::before,
.nav_container .icon::before {
    padding: 0;
    font-size: 30px;
    color: #878787;
    transition: all ease 0.3s;
}

.nav_container li.rightside:nth-of-type(3) .icon:hover::before {
    color: #000;
}

.nav_container li#logout .icon::before {
    font-size: 28px;
}

.nav_container li.rightside .icon.fa-inbox::before {
    top: -5px;
}

.menu_unread_message.rightside a .badge {
    margin-top: 0.1rem;
}

.nav_container li#logout:hover .icon::before,
.nav_container li.dropdown-container:hover .icon::before,
.nav_container li.rightside:hover > a > .icon::before,
.nav_container #search:hover .icon::before {
    color: #fff;
}

#personalSpaceLog img:hover {
    -webkit-filter: brightness(130%);
}

#quick-links .dropdown-trigger i.icon {
    display: none;
}

#quick-links .dropdown-contents .menu_hide,
#quick-links .dropdown-contents .list_members,
#quick-links .dropdown-contents .list_team,
#quick-links .dropdown-contents .list_faq,
.nav_container .dropdown-contents .list_faq,
.nav_container .dropdown-contents .menu_hide {
    display: none;
}

.nav_container .dropdown-container #notification_list_button,
.nav_container .dropdown-container #lang_list_button,
.nav_container li:nth-of-type(1) a,
.nav_container li:nth-of-type(2) a,
.nav_container li:nth-of-type(3) a,
.nav_container li:nth-of-type(4) a {
    position: relative;
}


.nav_container .rightside a .badge {
    position: absolute;
    top: 20px;
    left: 20px;
    background: red;
    padding: 4px 7px 4px 6px;
    border-radius: 50%;
    font-size: 11px;
}

#page-body .badge {
    position: absolute;
    top: 6.5rem;
    background: red;
    padding: 4px 7px 4px 6px;
    border-radius: 50%;
    font-size: 11px;
    right: 4rem;
}

.nav_container #notification_list.dropdown .pointer {
    left: 5px;
}

#username_logged_in .dropdown-left .dropdown .pointer {
    right: 6px;
}

.author .icon:before,
.nav_container li.rightside .dropdown-contents .icon:before {
    font-size: 14px;
    padding-right: 2px;
}

button.button .icon {
    color: #000;
}

button.button-search,
button.button-search:hover,
button.button-search:focus,
button.button-search:active,
button.button-search:visited {
    background-color: transparent;
    padding: 0;
}

.dropdown-extended li:hover a.mark_read {
    display: none;
}

/**Burger menu**/
li#quick-links.quick-links.dropdown-container.responsive-menu {
    display: none;
}

#quick-links .dropdown-trigger #burger_menu {
    padding: 15px 30px !important;
    background: url("./images/burger_menu.svg") no-repeat scroll center center;
    background-size: 30px auto;
    position: absolute;
    top: 0;
    left: -15px;
    display: none;
}

/*** Search Box ***/
div#search button:visited,
div#search button:focus,
div#search button:active {
    background: none;
}

div.search-box {
    font-size: 18px;
    position: relative;
}

div.search-box fieldset {
    position: relative;
    border: none;
}

div.search-box input:focus,
div.search-box input:hover,
div.search-box input {
    font-size: 16px;
}

div.search-box,
#searching,
div.search-box fieldset,
.search-box .input-group {
    height: 100%;
}

.search-box.search-box-slim,
.search-box-slim .search-box
{

}

.search-box-slim .form-control,
.search-box-slim .btn
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wait_ani {
    background: url(../../../images/throbber.gif) no-repeat left -10% #FFFFFF;
    width: 12px;
    height: 20px;
    float: left;
    margin-top: 7px;
    margin-left: 8px;
    border-radius: 50px;
}

.wait_ani_load {
    background-position: left -18px !important;
}

.search-box .inputbox {
    padding: 0 10px;
}

.postbody .inline-attachment a {
    max-width: 100%;
}

.postbody .inline-attachment a img{
    cursor: pointer;
}

div.search-box .btn {
    outline: 0;
    display: block;
}

div.search-box .btn i.icon {
    position: absolute;
    top: 1px;
}


.nav_container div.searchbar-active {
    display: flex !important;
    flex-direction: column;
}

.icon.icon-black {
    line-height: 2;
}

.icon.fa-angle-right {
    line-height: 0.9;
}

.icon.fa-angle-left {
    line-height: 1;
}

a:hover .icon.icon-black {
    color: #368AD2;
}

div.search-box .multiselect + .ui-multiselect {
    padding: 0 10px;
    font-size: 15px;
    border-radius: 0;
}

.action-bar .search-box a.button {
    border: none;
}

.action-bar .search-box button.button {
    background-color: #e0e0e0;
}

.action-bar .search-box button.button i.icon {
    color: #4d4d4d;
}

/********/
/**Body**/
/********/
body.section-index ul.topiclist.forums {
    display: none;
}

.stat-block.online-list,
.stat-block.statistics,
.stat-block.birthday-list {
    display: none;
}

.stat-block.statistics {
    padding: 0 0 20px 0;
}

#breadcrumbs_area,
#main_content {
    background-color: #ececec;
}

/**login**/
body.section-ucp .rexx_login,
body.section-viewforum .rexx_login,
body.page-search .rexx_login,
body.section-posting .rexx_login,
body.section-viewtopic .rexx_login,
body.section-index .rexx_login {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px 0;
}

body.section-ucp .rexx_login::after,
body.section-viewforum .rexx_login::after,
body.page-search .rexx_login::after,
body.section-posting .rexx_login::after,
body.section-viewtopic .rexx_login::after,
body.section-index .rexx_login::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../theme/images/Startseite_forum.jpg);
    background-size: cover;
    background-position-x: right;
}

.rexx_login #wrap .statistics {
    display: none;
}

.rexx_login #wrap .headerspace {
    background: rgba(35, 31, 32, 0.8);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    font-size: 14px;
    box-sizing: unset;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 45%;
    left: 50%;
    padding: 10px 50px;
}

.rexx_login #wrap .headerspace a {
    font-size: 13px;
    color: #fff;
    text-align: center;
    outline: 0;
    padding-bottom: 25px;
    text-decoration: none;
}

.rexx_login #wrap .headerspace div {
    max-width: 276px;
    margin: 0 auto 25px;
    width: 100%;
    border: none;
    text-align: center;
}

.rexx_login #wrap .headerspace div a {
    font-size: 14px;
    padding: 6px 0;
}

.rexx_login #wrap .headerspace input.css_button {
    font-size: 16px;
    width: 100%;
    padding: 6px 0;
}

.rexx_login .responsive-hide {
    display: none;
}

.rexx_login #wrap .headerspace div a:last-of-type {
    margin-top: 30px;
}

.rexx_login #wrap .headerspace .quick-login {
    display: flex;
    flex-direction: column;
    max-width: 260px;
    margin: 35px 0 15px 0;
    width: 100%;
}

.rexx_login #wrap .headerspace .quick-login label {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 0 20px 0;
    color: #fff;
    font-size: 16px;
    margin: 0 !important;
    box-sizing: content-box;
}

.mark {
    padding: 0 0.2em 0 0;
    background-color: unset;
}

.rexx_login #wrap #remind .quick-login label:last-of-type {
    display: flex;
}

.rexx_login #wrap #remind .quick-login label:last-of-type input {
    width: auto;
    margin-left: 0;
    outline: 0;
}

.rexx_login #wrap .headerspace .quick-login label span {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-bottom: .5rem;
}

.rexx_login #wrap .headerspace .quick-login label input {
    margin: 0;
    border: 0;
    padding: 6px;
    width: 268px;
    height: 20px;
    border-radius: 4px;
    box-sizing: content-box;
}

#main_content.rexx_login {
    min-height: calc(100vh - 100px); /*100px footer*/
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.footer_login #rexx_footer {
    height: 100px;
}

form#login {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

#contentbreaker {
    display: none;
}

body.section-index #contentbreaker {
    display: block;
}

body.section-index .rexx_login #contentbreaker {
    display: none;
}

li.row {
    border: unset;
}

body.section-index #category_container {
    display: none;
}

body.section-index #page-body p.time,
body.section-index #page-body div.action-bar {
    display: none;
}

#testumgebung {
    margin: 10px 40px;
}

.distance {
    margin-top: 90px
}

body.section-index .rexx_login.distance {
    margin: 0;
}

body.section-index li.header dl.row-item dt .list-inner {
    padding: 0;
    margin: 0;
}

body.page-search #page-body,
body.section-mcp #page-body,
body.section-posting #page-body {
    border-radius: 5px;
    background-color: #ececec;
    max-width: 1000px;
    margin: 0 auto;
    padding-bottom: 50px;
}

body.section-viewtopic #page-body,
body.section-viewforum #page-body {
    border-radius: 5px;
    background-color: #ececec;
    margin: 0 auto;
}

body.page-search .rexx_login #page-body,
body.section-mcp .rexx_login #page-body,
body.section-viewforum .rexx_login #page-body,
body.section-viewtopic .rexx_login #page-body,
body.section-posting .rexx_login #page-body {
    padding: 0;
}

body.page-search #page-body,
body.section-mcp #page-body,
body.section-ucp #page-body,
body.section-memberlist #page-body,
body.section-searchElastic #page-body,
body.section-posting #page-body
{
    padding: 15px;
    font-size: 11px;
}

body.section-mcp #page-body,
body.section-ucp #page-body {
    max-width: unset;
}

body.section-viewforum #page-body ul.forums {
    background-color: #fff;
}

#page-body #forum-search fieldset button.button i.icon,
#page-body #topic-search fieldset button.button i.icon {
    color: #4d4d4d;
}

#page-body #forum-search fieldset a.button-search-end,
#page-body #topic-search fieldset a.button-search-end {
    display: none;
}

body.section-index dl.row-item dt a {
    position: relative;
}

/** start **/
.menu-search {
    margin-top: -15px;
}

.menu-search .menu_segment_headline {
    margin-left: 15px;
}

.menu-search .search-box {
    margin: 0 25px;
}

/**forums & Topics**/
body.section-index dl.row-item dt a {
    display: inline;
}

div.rules {
    background-color: transparent;
}

div.rules a {
    color: #AA0000;
    font-size: 14px;
    font-weight: bold;
}

.postbody .content a.postlink,
.postbody .content a.postlink:hover,
.postbody .content a.postlink:visited,
.postbody .content a.postlink:focus,
.postbody .content a.postlink:active {
    border: none;
    color: #368AD2;
    text-decoration: none;
}

#postform #tabs li.activetab {
    margin-right: 1px;
}

.smiley-box {
    display: none;
}

.message-box {
    width: 100%;
    padding-top: 20px;
}

a.stage-post:hover,
a.stage-post:active,
a.stage-post:focus {
    text-decoration: none;
}

.forum_read,
.forum_unread,
ul.topics dl {
    background: none;
}

div.content div.inline-attachment dl.file dd {
    display: none;
}

.topic_read_hot_mine a.row-item-link,
ul.topics dl.sticky_read a.row-item-link,
ul.topics dl.sticky_read_mine a.row-item-link,
ul.topics dl.sticky_read_locked a.row-item-link,
ul.topics dl.sticky_read_locked_mine a.row-item-link,
ul.topics dl.topic_read a.row-item-link,
ul.topics dl.topic_read_mine dt a.row-item-link,
ul.topics dl.topic_read_locked dt a.row-item-link,
ul.topics dl.topic_read_locked_mine dt a.row-item-link,
ul.topics dl.announce_read a.row-item-link,
ul.topics dl.announce_read_mine a.row-item-link,
ul.topics dl.announce_read_locked a.row-item-link,
ul.topics dl.announce_read_locked_mine a.row-item-link,
ul.topics dl.global_read a.row-item-link,
ul.topics dl.global_read_mine a.row-item-link,
ul.topics dl.global_read_locked a.row-item-link,
ul.topics dl.global_read_locked_mine a.row-item-link {
    background: url("./images/topic_read.png");
}

.topic_unread_hot_mine a.row-item-link,
ul.topics dl.sticky_unread a.row-item-link,
ul.topics dl.sticky_unread_mine a.row-item-link,
ul.topics dl.sticky_unread_locked a.row-item-link,
ul.topics dl.sticky_unread_locked_mine a.row-item-link,
ul.topics dl.topic_unread a.row-item-link,
ul.topics dl.topic_unread_mine dt a.row-item-link,
ul.topics dl.topic_unread_locked dt a.row-item-link,
ul.topics dl.topic_unread_locked_mine dt a.row-item-link,
ul.topics dl.topic_unread_hot dt a.row-item-link,
ul.topics dl.topic_unread_hot_mine dt a.row-item-link,
ul.topics dl.announce_unread a.row-item-link,
ul.topics dl.announce_unread_mine a.row-item-link,
ul.topics dl.announce_unread_locked a.row-item-link,
ul.topics dl.announce_unread_locked_mine a.row-item-link,
ul.topics dl.global_unread a.row-item-link,
ul.topics dl.global_unread_mine a.row-item-link,
ul.topics dl.global_unread_locked a.row-item-link,
ul.topics dl.global_unread_locked_mine a.row-item-link {
    background: url("./images/topic_unread.png");
}

.action-bar #jumpbox {
    display: none;
}

div.action-bar span.caret {
    border-color: #fff;
}

ul.topics li.row {
    position: relative;
    margin: 15px 0;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
}

ul.topics li.row:first-of-type {
    margin: 0;
}

ul.topics li.row.global-announce {
    border-bottom: none;
}

ul.forums li.row {
    border-top: none;
    border-bottom: 1px solid #000;
    background-color: #fff;
}

.post .inner {
    display: flex;
    flex-direction: column;

    flex: 0 100%;
    min-width: 0;
}

.post .inner .postprofile {
    border-width: 0;
    flex: 0 0 100%;
}

.post .inner .postprofile dd {
    line-height: 1.4;
}

.postprofile .profile-header {
    display: flex;
    flex-direction: row;
}

.postprofile .profile-info {
    padding-left: 8px;
}

.post .inner .postbody {
    margin-left: 0;
    width: unset;
    flex: 1 1 auto;
    min-width: 0;
}

.post .inner .postbody blockquote {
    margin: 0 0 10px;
}

.post .inner .postbody blockquote blockquote {
    margin-top: 10px;
    margin-left: 10px;
}

.inner .postbody {
    margin-left: 10px;
}

.inner .postbody .author .responsive-hide,
.inner .postbody .author a {
    display: none;
}

.inner .postbody h3 {
    display: none;
}

#searching {
    position: relative
}

#searching .icon::before {
    padding-right: 0;
    padding-left: 10px;
}

#autocomplete_list {
    margin-left: unset !important;
}

#autocomplete_list a {
    text-transform: capitalize;
}

.main_search_area {
    order: 1;
    position: relative;
    flex-grow: 1;
}

/*.section-app\/kb\/viewarticle .main_search_area,*/
/*.section-app\/kb\/index .main_search_area {*/
/*    margin-right: 35px;*/
/*    max-width: calc(50vw - 40px);*/
/*}*/

/*display title and date in search */

.search.post .inner .postbody h3 {
    display: block;
    font-weight: bold;
}

.search.post .inner .postbody .search_post_date {
    font-size: 14px;
}

.searchpost_title_date {
    display: flex;
    flex-direction: column;
}

.inner .postbody .content {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
}

.search.post .postprofile .search_results_forum,
.search.post .postprofile .search_results_topic {
    color: #000
}

body.page-search #page-body div.search.post .postbody:hover {
    cursor: pointer;
}

.search_result_links:hover {
    text-decoration: none;
}

.img_preview_search {
    object-fit: scale-down;
    width: 100%;
    height: 100%;
}

p.post-notice {
    margin-top: 15px;
}

ul.topics li.row dl {
    display: flex;
    align-items: center;
}

#tabs {
    margin: 15px 0;
}

#page-body #postform,
#page-body div.post {
    margin: 0 0 15px 0;
}

#page-body .panel,
#page-body #postform,
#page-body div.post {
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    box-shadow: 0 1px 2px 1px rgb(0 0 0 / 16%), 0 0 0 1px rgb(0 0 0 / 8%);
}

#page-body div.post .post-children-toggle {
    font-size: 0.9em;
    margin-top: 10px;
}

#page-body .post-children {
    margin-top: 10px;
    margin-bottom: -15px;
}

#page-body .post-children div.post {
    box-shadow: none;
    margin-bottom: 0;
    border-top: 1px solid #ccc;
    border-radius: 0;
}

#page-body div.post.highlight {
    background-color: #edf8ff;
}

#page-body div.post:last-child {
    border-bottom: none;
}

#page-body .online {
    border-right: none;
}

.page-search h3 {
    border-bottom: 0;
}

.page-search .feed_item .feed_header {
    min-width: 0;
    padding-right: 40px;
}

.page-search .feed_item .feed_header .feed_headline {
    flex: 1;
    min-width: 0;
}

.page-search .feed_item .feed_header .feed_subject {
    display: block;
    max-width: unset;
}

.visibility-target {
    display: none;
}

.visibility-target.show {
    display: unset;
}

.visibility-toggle {
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.message-panel {
    font-size: 11px;
    margin: 15px;
}

/**News Feed**/
body.section-index .row dd.topics,
body.section-index .row dd.posts {
    display: none;
}

body.section-index a.lastsubject {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 9px 0;
    color: #000;
}

body.section-index a.lastsubject:first-of-type {
    border: 0;
}

body.section-index a.lastsubject:nth-of-type(8) {
    border-bottom: 1px solid #ccc;
}

body.section-index a.lastsubject:nth-of-type(1),
body.section-index a.lastsubject:nth-of-type(2),
body.section-index a.lastsubject:nth-of-type(3),
body.section-index a.lastsubject:nth-of-type(4),
body.section-index a.lastsubject:nth-of-type(5),
body.section-index a.lastsubject:nth-of-type(6),
body.section-index a.lastsubject:nth-of-type(7),
body.section-index a.lastsubject:nth-of-type(8) {
    display: block;
    width: 100%;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.list-pick-up.hide_forum {
    display: none;
}

a.lastsubject:hover {
    text-decoration: none;
    font-weight: bold;
}

a.lastsubject:hover .lastheadline {
    text-decoration: underline;
}

.container_js {
    height: 15px;
    background-color: grey;
    width: 80%;
    font-family: 'Font Awesome 6 Pro', 'Open Sans', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif !important;
}

/**PDF Vorschau **/
.attach-image .postimage_pdf {
    width: 150px;
    height: auto;
    cursor: pointer;
}

.postattach {
    flex: 0 0 20%;
    min-width: 0;
}

.postattach a {
    width: 100%;
}

/** Umfragen **/

fieldset.polls dl.poll_view_results {
    display: none;
}


/**backgroundcolors**/

.panel,
.cp-mini,
#login .panel,
#message.panel,
#register .panel,
#agreement .panel,
.bg1, .bg2, .bg3,
.panel-container .panel,
.navigation a,
.navigation .active-subsection a,
body.page-search div.panel,
form#postform #postingbox {
    background-color: #fff;
}

/**********/
/**Footer**/
/**********/

.copyright {
    display: none;
}

#page-footer .navwrap {
    display: none;
}

#rexx_footer {
    height: 50px;
}

#rexx_footer .wrap {
    display: flex;
    justify-content: space-between;
    max-width: 1500px;
    height: 100%;
}

#rexx_footer p {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    align-self: center;
}

/*social*/
#rexx_socials {
    align-self: center;
    padding: 0 20px;
    display: flex;
}

#rexx_socials a {
    margin-right: 15px;
}

#rexx_socials .rexx_socials_line:last-of-type a:last-of-type {
    margin: 0;
}

#rexx_socials .rexx_socials_line:first-of-type a:last-of-type {
    margin-right: 18px;
}

.rexx_socials_line img {
    height: 38px;
    width: 38px;
}

/** contact-bar **/
.contact-icon {
    background: none;
}


.profile-custom_position > br,
.profile-custom_position strong {
    display: none;
}

.profile-custom_company > br,
.profile-custom_company strong {
    display: none;
}

.bbcode_table {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin: 10px 0;
    padding: 0;
    width: 100%;
}

/**** BBcode Tables ****/
.bbcode_table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

.bbcode_table tbody tr {
    /*background-color: #f8f8f8;*/
    border: 1px solid #ddd;
    padding: .35em;
}

.bbcode_table td {
    padding: .625em;
    vertical-align: middle;
    border: 1px solid #ddd;
    text-align: left;
}

.bbcode_table th {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    text-align: center;
    padding: .625em;
    vertical-align: middle;
}

#user_like_topic.content-action.content-popup-toggle.toggle i::before {
    content: "\f164";
    font-weight: 900;
}

body.section-viewforum div.inner .notification-title strong {
    font-size: 1em;
}

dd.posts, dd.topics, dd.views, dd.extra, dd.mark,
dd.redirect, dd.moderation, dd.time, dd.info,
.action-bar .pagination,
.postprofile a,
.postprofile dd,
.postprofile strong,
li.header dt,
li.header dd,
body.section-viewforum div.inner strong {
    font-size: 14px;
}

.mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb,
.mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb a,
.mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb a i {
    font-size: 16px;
}

.breadcrumbs .crumb a {
    color: #9d9d9d;
}

.breadcrumbs .crumb a:hover,
.section-index .breadcrumbs .crumb a {
    color: #fff;
}

.section-posting #options-panel,
.section-posting #bg_palette {
    margin-top: 20px;
    font-size: 14px;
}

#bg_bbpalette {
    line-height: 1.4em;
    padding: 5px 9px;
    font-size: 1em;
    margin-top: 1px;
}

.topic_tool_right {
    float: right;
}

.times-clock-context-menu {
    position: relative;
}

.times-clock-context-menu .dropdown-menu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 0.9rem;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    outline: none;
}

.times-clock-context-menu .dropdown-menu li a {
    display: block;
    padding: 0 20px;
    clear: both;
    font-weight: normal;
    color: #333;
    width: 100%;
    white-space: nowrap;
    text-align: start;
    border: none;
    line-height: 32px;
}

.times-clock-context-menu .dropdown .dropdown-contents {
    border: none;
    padding: 0;
}

.topic_tool_left a,
.topic_tool_left {
    margin-left: 10px;
}

#topic_tool_info{
    margin-left: 0px;
    display: inline;
}

#topic_tool_info a{
    margin-left: 0px;
}

div.stage-banner-return {
    margin-bottom: 0;
    text-align: center;
    display: flex;
}

p#stage-banner-link {
    background-color: #878787;
    text-align: center;
    padding: 5px;
    width: 100%;
    color: #FFF;
    line-height: 1.654;
    max-height: 34px;
    font-weight: 600;
    border-radius: 4px;
}
p#stage-banner-link i {
    padding: 0 10px;
    font-size: 1.4em;
}

p#stage-banner-link span {
    font-size: 1.3em;
}

#usersList.phpbb_alert {
    padding: 0;
    width: auto;
    border: none;
    background-color: transparent;
}

#usersList.phpbb_alert .alert_close {
    float: right;
    position: relative;
    margin-right: 10px;
    margin-top: 10px;
    z-index: 1;
}

#guest_key {
    display: none;
    width: 100%;
}

select#article_order {
    min-height: 300px;
}

#article_order .level_0 {
    font-size: 1.1em;
    color: #000;
}

#article_order .level_1 {
    font-size: 1em;
    color: #333333;
    margin-left: 10px;
}

#article_order .level_2 {
    font-size: 0.9em;
    color: #666666;
    margin-left: 20px;
}

#article_order .level_3 {
    color: #6e6e6e;
    margin-left: 30px;
}

div.inline-attachment {
    padding: 15px 0;
}

#post_content2 div.inline-attachment,
#post_content1 div.inline-attachment {
    padding: 0 0;
}

.postprofile .has-avatar .avatar-container,
.postprofile .no-avatar .avatar-container {
    position: relative;
}

.avatar-container img {
    width: 20px;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
}

#password.inputbox::-webkit-input-placeholder,
#password.inputbox::placeholder,
#email.inputbox::-webkit-input-placeholder,
#email.inputbox::placeholder {
    color: #6c757d;
    opacity: 1;
}

.feed_item {
    margin: 0 auto;
    width: 100%;
}

.feed_item .feed_photo {
    margin-right: 20px;
    min-height: 10px;
}

.feed_item .feed_subject {
    font-size: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 700px;
    color: #000;
}

.messageArea,
.feed_item .feed_header {
    display: flex;
    flex-direction: row;
}

.feed_item .feed_meta {
    padding-bottom: 5px;
    color: rgb(139, 139, 139);
    font-size: 14px;
    line-height: 1.6;
}

.stream_image {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #eee no-repeat center;
    background-size: cover;
    display: inline-block;
}

.searchContent {
    padding: 10px 40px 10px 70px;
    font-size: 16px;
    line-height: 26px;
    color: #000;
}

.searchContent .pdf_frame {
    width: 100%;
    height: 500px;
    padding-top: 0;
}

.searchContent .content-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-lines: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: unset;
}

.search .inner:after {
    display: none;
}

.messageArea .search_result_links {
    width: 100%;
}

.bbcode_video {
    width: 100%;
    margin: 0 0 10px 0;
}

.content,
.search_result_links {
    color: #000;
}

.page-search .panel h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.page-search .panel h2 {
    color: #000;
    font-size: 25px;
    font-weight: 700;
}

.page-search .helpLink {
    font-size: 16px;
    font-weight: 500;
}

.attachbox .file img {
    max-width: 100%;
}

.emptySearch .panel {
    margin: 0;
    padding: 0;
}

.emptySearch .mediacenter-box {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    font-size: 14px;
}

.emptySearch .content-section {
    margin: 20px 10px;
}

.emptySearch .content-entry {
}

.emptySearch .content-entry .content-header {
    padding-bottom: 0;
}

.no-access {
    color: white;
    margin: 0 !important;
}

.content-entry-content {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.widget .content-entry-content {
    font-size: 14px;
}

.content-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 7px 0;
}

.content-avatar .content-avatar-image {
    height: 50px;
    width: 50px;
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
}

.rexx-nav * {
    outline: none;
}

.rexx-navbar-text {
    margin: 0;
}

.rexx-nav > li {
    position: relative;
    display: block;
    font-size: inherit;
}

.rexx-navbar-nav {
    margin: 7.5px -15px;
}

.topic_tool_right {
    margin-top: 10px;
}

.section-viewtopic .topic_tool_right {
    margin-top: 0;
}

.bar-bottom .topic_tool_right {
    margin-top: 2px;
}

.rexx-nav {
    margin: 0;
    padding: 0 15px;
    list-style: none;
}

.rexx-navbar-nav > li {
    float: left;
}

.rexx-navbar-nav > li.disabled a {
    cursor: not-allowed;
}

.rexx-wheel #sal_navbar .rexx-nav#list_navigation > li > a, .rexx-wheel #nsal_navbar .rexx-nav#list_navigation > li > a {
    padding-left: 0;
    padding-right: 0;
}

.rexx-navbar-default .rexx-navbar-nav > .disabled > a, .rexx-navbar-default .rexx-navbar-nav > .disabled > a:hover, .rexx-navbar-default .rexx-navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}

.rexx-navbar-default .rexx-navbar-text {
    color: #777;
}

#username_logged_in {
    margin-right: 30px;
}

.dropdown-toggle {
    position: relative;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

.dropdown-toggle .fa-ellipsis::before {
    font-size: 1.25em;
    position: absolute;
    top: 14px;
    left: 14px;
}

/*profileDropdown*/
.header-profile .dropdown {
    z-index: 1030;
}

#menuProfileDropdown {
    min-width: 350px;
    z-index: 1000;
}

#menuProfileDropdown a {
    color: rgb(33, 37, 41);
}

#menuProfileDropdown div.col-9 {
    padding: 0 15px 0 0;
    min-height: 80px;
}

.text-muted {
    color: #6c757d!important;
    overflow: hidden;
}

#dropDownPhoto img {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px !important;
    height: 60px !important;
    object-fit: cover;
}

#menuProfileDropdown div.buttons {
    position: relative;
    float: right;
    margin: 10px 0 5px;
}

#menuProfileDropdown div.buttons a {
    padding-left: 7px;
}

#menuProfileDropdown i {
    color: #878787;
    font-size: 30px;
}

#menuProfileDropdown i:hover {
    color: #000;
}

.activity-bar {
    background-color: #999;
    height: 15px;
    position: relative;
}

.activity-bar > div {
    position: absolute;
    /*background-color: #89d745;*/
    background-color: #8dd44e;
    height: 100%;
    width: 0;
    transition: width 1s;
}

.search-results-header {
    display: flex;
    flex-wrap: wrap;
}

.search-results-header .search-results-header-label,
.search-results-header .search-results-header-search {
    margin-bottom: 10px;
}

.search-results-header .search-results-header-label {
    flex: 2 0 auto;
    display: flex;
    align-items: center;
}

.search-results-header .search-results-header-label h2 {
    margin-bottom: 0;
}

.search-results-header .search-results-header-search {
    flex: 1 0 400px;
    justify-content: end;
    display: flex;
}

.search-results-header .search-results-header-search .search-box {
    height: 35px;
    width: 350px;
}

.cp-main.panel-container .panel
{
    box-shadow: none !important;
    border: 0 !important;
    padding: 10px !important;
}

ul.cplist {
    margin-bottom: 20px;
}

.login-wrapper.admin {
    font-size: 11px;
    margin-top: 20px;
}

/* spoiler */
div.spoiler {
    padding: 5px;
    line-height: 1.6;
}

div.spoiler div.spoiler-title {
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 7px;
    border: 1px solid #bbbbbb;
    border-bottom-color: #999999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 0 2px rgba(255,255,255,.15) inset, 0 1px 0 rgba(255,255,255,.15) inset;
    background: #cfd1cf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#cfd1cf));
    background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
    background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
    background-image: -o-linear-gradient(top, #f5f5f5, #e5e5e5);
    background-image: -ms-linear-gradient(top, #f5f5f5, #e5e5e5);
    background-image: linear-gradient(top, #f5f5f5, #e5e5e5);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f5f5f5', endColorstr='#cfd1cf');
}

div.spoiler div.spoiler-title div.spoiler-toggle {
    display: inline-block;
    line-height: 14px;
    margin-left: 4px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-user-modify: read-only;
}

div.spoiler div.spoiler-title div.hide-icon:before {
    font-family: Font Awesome\ 6 Pro!important;
    font-weight: 400;
    content: "\f146";
}

div.spoiler div.spoiler-title div.show-icon:before {
    font-family: Font Awesome\ 6 Pro!important;
    font-weight: 400;
    content: "\f0fe";
}

div.spoiler div.spoiler-content {
    font-size: 13px;
    border: 1px solid #bbbbbb;
    border-top: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #F5F5F5;
    padding: 4px 10px;
}

/********************/
/*****Responsive*****/
/********************/
@media (max-width: 1500px) {
    .logo_top {
        display: none;
    }
}

@media (max-width: 1411px) {
    body.section-index #page-body {
        flex-wrap: wrap;
    }

    body.section-index #contentbreaker {
        display: none;
    }

    body.section-index #row_2_bottom {
        border-right: 0;
    }

    #row_2_top, #row_2_bottom {
        flex-direction: row;
    }

    .list-pick-up {
        width: 240px;
        height: 240px;
    }
}

@media (max-width: 1200px) {
    .list-pick-up {
        width: 200px;
        height: 200px;
    }

    #nav-main.other {
        width: 100%;
    }

    .rexx-container-fluid.other > div{
        width: 40% !important;
        max-width: 40%;
    }

    body.section-index .rexx_login::after {
        background-size:auto;
        background-position-x: 8%;
    }
}

@media (max-width: 1033px) {
    .searchpost_title_date {
        flex-direction: column;
    }

    .rexx-container-fluid.other > div {
        width: 50% !important;
        max-width: 50%;
    }

    .site-description p {
        margin: auto 0;
    }

    #nav-breadcrumbs {
        order: 1;
    }

    .main_search_area {
        order: 4;
    }

    .breadcrumbs.wrapped a {
        max-width: unset;
    }

    .main_search_area {
        display: block;
    }

    .list-pick-up {
        width: 210px;
        height: 210px;
    }

    .rexx-container-fluid.help {
        display: flex;
    }

    .rexx-container-fluid {
        flex-wrap: wrap;
    }

    #username_logged_in {
        margin-right: 0;
    }
}

@media (max-width: 955px) {
    .subnavwrap {
        margin: 0 auto;
    }

    .main_search_area {
        max-width: unset;
    }
}

@media (max-width: 900px) {
    body.section-index #row_2_bottom {
        border-right: 0;
    }

    .logo {
        padding: 20px 0 0 15px;
    }
}

@media (max-width: 820px) {
    #row_2_top, #row_2_bottom {
        flex-direction: column;
    }

    body.section-index #row_2_bottom {
        border: none;
    }

    body.section-index a.lastsubject {
        padding: 2px 0;
    }

    .list-pick-up {
        width: 180px;
        height: 180px;
    }
}

@media (max-width: 767px) {
    .rexx_login #wrap {
        /*background: #000;*/
        min-height: unset;
    }

    body.section-index #page-body {
        justify-content: center;
        flex-direction: column;
    }
}

@media (max-width: 728px) {
    .site-description p, .search-header {
        display: none;
    }
}

@media (max-width: 700px) {
    .main_search_area {
        order: 3;
    }

    div.search-box input.big {
        max-width: none;
    }

    p.post-notice {
        margin-top: 0;
    }

    body.page-search .search.post .inner {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    #rexx_footer {
        height: unset;
    }

    .footer_login #rexx_footer {
        padding-top: 20px;
        height: 150px;
    }

    #rexx_footer .wrap {
        flex-direction: column;
        justify-content: space-around;
    }

    #rexx_footer p {
        order: 1;
    }

    .list-pick-up a p {
        top: 6px;
        font-size: 13px;
    }

    .list-pick-up {
        width: 160px;
        height: 160px;
    }

    form.helpcenter .fields1 > div {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .rightside > a > span {
        display: none;
    }
}

@media (max-width: 480px) {
    #menuProfileDropdown {
        min-width: 250px;
    }

    .rexx_login #wrap .headerspace {
        padding: 10px 20px;
    }

    #main_content.rexx_login {
        min-height: 0;
    }

    #page-footer .footer-links {
        display: none;
    }

    #menuProfileDropdown div.col-9 {
        padding: 0;
    }

    .main_search_area {
        width: 100%;
    }

    .mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb,
    .mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb a,
    .mainnavbar ul.linklist#nav-breadcrumbs li.breadcrumbs span.crumb a i {
        font-size: 13px;
    }

    div.search-box .multiselect + .ui-multiselect {
        display: none;
    }

    li#username_logged_in a.header-avatar img {
        max-width: 30px;
        max-height: 30px;
    }

    #notification_list_button i,
    #lang_list_button i
    {
        margin-top: unset;
    }

    .list-pick-up {
        width: 130px;
        height: 130px;
    }

    #rexx_socials {
        display: block;
    }

    .rexx_socials_line:last-of-type {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #rexx_socials .rexx_socials_line:first-of-type a:last-of-type {
        margin: 0;
    }

    .has-profile .post-buttons {
        position: unset;
        float: right;
    }

    .footer_login #rexx_footer {
        height: 180px;
    }

    #row_1_top, #row_2_top, #row_1_bottom, #row_2_bottom {
        border: none;
        width: 45%;
    }

    .list-pick-up a p {
        top: 3px;
        font-size: 9px;
    }

    #menu_facebook {
        margin-left: 30px;
    }

    .breadcrumbs.wrapped {
        max-width: unset !important;
    }

    .feed_item .feed_subject {
        white-space: unset;
    }
}

@media (max-width: 400px) {
    #row_1_top, #row_2_top,
    #row_1_bottom, #row_2_bottom {
        flex-wrap: wrap;
    }

    .section-viewtopic .search-box .inputbox {
        width: 85%;
    }

    .list-pick-up {
        width: 110px;
        height: 130px;
    }
}

@media (max-width: 340px) {
    .list-pick-up {
        width: 30vw;
        height: 30vw;
    }

    .rexx_login #wrap .headerspace {
        padding: 10px 5px;
    }
}

/* (min-width: 768px) and (max-width: 992px), (min-width: 1500px) */
@media (min-width: 768px) and (max-width: 992px), (min-width: 1500px) {
    .section-viewtopic .post .inner {
        flex-direction: row;
    }

    .post .inner .postprofile {
        border-width: 0 1px 0 0;
        flex: 0 0 20%;
        padding-right: 15px;
        min-width: 0;
    }

    .post .inner .postprofile .profile-header {
        flex-direction: column;
        margin-bottom: 12px;
    }

    .post .inner .postprofile .profile-info {
        padding-left: 0;
    }

    .post .inner .postbody {
        padding-left: 15px;
    }

    .topiclist .topic-author {
        flex-direction: row;
        flex-wrap: wrap;
    }
}