/* PLAYHAB CHANGES 2025 */
  
  #menu > ul > li.logged > .circle > ul.subnav > li > a:link, #menu > ul > li.logged > .circle > ul.subnav > li > a:visited, #menu > ul.align > li.item > ul.subnav > li > a:link, #menu > ul.align > li.item > ul.subnav > li > a:visited {padding-left:0px!important;}
  
  div.habmusic-player-parent {margin-top:100px;}
  
  div#habmusic-player .tunein i, div#habmusic-player .followdj i {background-color: #acc95f;}
  
  div#habmusic-player .onair:hover i {color: #acc95f;}
  
  #feed > .align > .feed > .feed-twitter-text {width:auto;}
  
  #menu > ul > li.logged > .circle > ul.subnav {
      background-color: #fff;
      z-index: 20;
  }
  
  #menu > ul > li.logged > .circle {
      background-image: unset;
      background-color: #F2F2F2;
      border: 1px solid #E7E7E7;
  }

  #menu > ul.align > li.item > ul.subnav {
    text-align: center;
  }

  #menu > ul.align > li.item > ul.subnav > li > a:link > p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
  }

  #menu > ul.align > li.item > ul.subnav > li:hover > a:link > p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    text-shadow: none;
  }
  
  #menu > ul.align > li.item > ul.subnav > li:hover, #menu > ul.align > li.item > ul.subnav > li:hover:last-of-type, #menu > ul.align > li.item > ul.subnav > li:hover:first-of-type {
      background-image: unset;
      box-shadow: unset;
      background-color: #a4c054;
  }
  
  #menu > ul > li.logged > .circle > ul.subnav > li:hover, #menu > ul > li.logged > .circle > ul.subnav > li:hover:last-of-type, #menu > ul > li.logged > .circle > ul.subnav > li:hover:first-of-type {
      background-image: unset;
      box-shadow: unset;
      background-color: #a4c054;
  }
  
  #menu > ul.align > li.item:after {
      content: "";
      background-color: #a4c054;
      width: calc(100% - 50px);
      height: 2px;
      box-shadow: 0 0 0 #a4c054;
      position: absolute;
      top: 2px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s linear;
      transform: translate(-100%);
  }
  #menu > ul.align > li.item:hover:after {
      opacity: 1;
      visibility: visible;
  }
  
  #menu > ul.align > li.item:first-of-type {
      padding-left: 25px;
  }
  
  #menu > ul.align > li.item:first-of-type:before {
      width: calc(100% - 50px);
  }
  
  .nav-icon {
      position: absolute;
      bottom: -3px;
      left: 0;
      right: 0;
      text-align: center;
      font-size: 20px;
      color: #ececec;
      transition: all 0.3s linear;
      -webkit-transition: all 0.3s linear;
  }
  
  #menu > ul.align > li.item:hover > a > .nav-icon {
      color: #a4c054;
  }
  
  .habbo_dance {
      width: 546px;
      height: 200px;
      position: absolute;
      margin: 0;
      top: 55px;
      left: 90px;
  }
  
  div#habmusic-player {
      position: fixed;
      left: unset;
      right: 0px;
      width: 590px;
      border-radius: 2px 0px 0px;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  }
  
  div#habmusic-player .onair:hover, div#habmusic-player .followdj:hover, div#habmusic-player .tunein:hover {
      background-color: #1B1C22;
  }
  
  div#habmusic-player .onair, div#habmusic-player .followdj, div#habmusic-player .tunein {
      transition: background 0.3s ease-in-out;
  }
  
  div#habmusic-player .artist_title, div#habmusic-player .listeners {
  display:none;
  }
  
  body {
      background-image: unset;
      background-color: #F0F0F0;
  }
  
  #feed, #menu {
      width: 1004px;
      margin: 0 auto;
      float: none;
  }
  
  #header > .align {
      height: auto;
  }
  
  #header {
      background-image: url(https://i.imgur.com/BUCJfEq.png), url(../../src/assets/v10/img/skyline.png), url(../../src/assets/v10/img/header.png);
      background-position: calc(50% - 100px) calc(50% + 10px), bottom center, center;
      background-repeat: no-repeat, repeat-x, repeat;
      margin-top: 0px;
      height: 470px;
      box-shadow: inset 0 -100px rgb(0 0 0 / 15%);
  }
  
  #header:before {
      margin-top: 472px;
      height: 0px;
  }
  
  #menu {
      background-color: #ffffff;
      box-shadow: inset 0 -1px #ffffff, inset 0 -3px #e5e5e5;
      -moz-box-shadow: inset 0 -1px #ffffff, inset 0 -3px #e5e5e5;
      -webkit-box-shadow: inset 0 -1px #ffffff, inset 0 -3px #e5e5e5;
      z-index: 8;
      position: relative;
  }
  
  #menu > ul.align > li.item {
      text-shadow: none;
      color: #555555;
      padding: 28px 25px;
  }
  
  #menu > ul.align > li.item > a:link, #menu > ul.align > li.item > a:visited {
      color: #555555;
  }
  
  #feed {
      background-image: linear-gradient(0deg, #272f3a, #272f3a);
  }
  
  #feed > .align > .feed > .feed-twitter-text, #feed > .align > .feed > .feed-twitter-text a, .player > .music-player, .player > .usersystem {
      color: #5f738b;
  }
  
  #menu:before {
      height: 0px;
  }
  
  #menu > ul.align > li.item:before {
      content: "";
      background-color: #a4c054;
      width: calc(100% - 50px);
      height: 4px;
      box-shadow: 0 0 0 #a4c054;
      position: absolute;
      top: auto;
      bottom: -3px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.3s linear;
  }
  
  #menu > ul.align > li.item > ul.subnav {
      margin-top: 31px;
      z-index: 9!important;
  }
  
  .side.left, .side.right {
      margin-top: 0px;
  }
  
  .tabs {
      display: none;
  }
  
  .platform-habbo, #header > .align > .platform-habbo {
      background-image: url(../../src/assets/v10/img/comment_bg.png);
      width: 676px;
      height: 240px!important;
      position: absolute;
      right: 0px;
      top: 100px;
      background-position: center top;
  }
  
  #menu > ul.align, #feed > .align {
      padding: 0 20px;
      box-sizing: border-box;
  }
  
  #feed > .align > .feed > .feed-twitter-text {
      padding: 16px 0 0 16px;
  }
  
  #headerbot {
      background-color: #fff;
      height: 250px;
      width: 100%;
      box-shadow: 0 3px rgb(0 0 0 / 15%);
      padding: 17px;
      box-sizing: border-box;
      overflow: hidden;
  }
  
  #headerbot > .align {
      width: 1304px;
      margin: 0 auto;
      list-style: none;
  }
  
  .slider {
      float: left;
      margin: 0 20px 0 0;
      overflow: hidden;
  }
  
  .slider .nivoSlider {
      width: 730px !important;
      height: 217px !important;
  }
  
  .slider .nivo-controlNav {
      top: 20px;
      left: 20px;
      bottom: unset;
      right: unset;
  }
  
  .slider .nivo-controlNav a {
      width: 20px;
      height: 20px;
  }
  
  .slider .nivo-controlNav a.active {
      -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 0px #FFFFFF, inset 0 0 0 0px #2D2D2D;
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 0px #FFFFFF, inset 0 0 0 0px #2D2D2D;
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1), inset 0 0 0 0px #FFFFFF, inset 0 0 0 0px #2D2D2D;
      -moz-opacity: 1;
      -webkit-opacity: 1;
      opacity: 1;
  }
  
  .slider .nivo-controlNav a {
      -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
      -moz-opacity: 0.5;
      -webkit-opacity: 0.5;
      opacity: 0.5;
  }
  
  #footer {
      background-image: url(https://i.imgur.com/ah5oKQX.png), url(../../src/assets/v10/img/footer.png);
      background-position: center bottom, center;
      background-repeat: no-repeat, repeat;
  }
  
  #footer-online {
      background-image: unset;
      width: 100%;
      height: auto;
      padding-top: 30px;
      padding-bottom: 60px;
      background-color: transparent;
      box-shadow: unset!important;
  }
  
  #footer-online .content ul.user-online li:nth-child(4n) {
      margin-right: 0;
      margin-bottom: unset;
  }
  
  #footer-online .content ul.user-online, #footer-online .content {
      width: 1306px;
  }
  
  #footer-online .content ul.user-online li .habbo .bg {
      width: 70px;
      height: 70px;
      margin: 0;
  }
  
  #footer-online .content ul.user-online li .habbo .bg {
      -moz-border-radius: 0%;
      -webkit-border-radius: 0%;
      border-radius: 0%;
  }
  
  #footer-online .content ul.user-online li .habbo {
      background-color: #272f3a;
      height: 70px;
  }
  
  #footer-online .content ul.user-online li .username {
      background-color: #272f3a;
      height: 70px;
      color: #fff;
      -moz-border-radius:0 0 0 0;
      -webkit-border-radius: 0 0 0 0;
      border-radius: 0 0 0 0;
  }
  
  #footer > .bottom {
      background-image: unset;
      background-color: rgb(0 0 0 / 15%);
      float: unset;
  height: 52px;
  }
  
  #footer > .bottom > .align {
  height: 52px;
  }
  
  #footer > .bottom > .align > p {
      padding-top: 10px;
  }
  
  .cat-color-1 {
      border-top-color: #50478C!important;
  }
  
  .cat-bg-1 {
      background: #50478C!important;
  }
  
  .cat-color-2 {
      border-top-color: #c73f42!important;
  }
  
  .cat-bg-2 {
      background: #c73f42!important;
  }
  
  .cat-color-3 {
      border-top-color: #4788c6!important;
  }
  
  .cat-bg-3 {
      background: #4788c6!important;
  }

  .cat-color-4 {
      border-top-color: #379f32!important;
  }

  .cat-bg-4 {
      background: #379f32!important;
  }

  .cat-color-5 {
      border-top-color: #b7701e!important;
  }

  .cat-bg-5 {
      background: #b7701e!important;
  }

  .cat-color-6 {
      border-top-color: #c646a4!important;
  }

  .cat-bg-6 {
      background: #c646a4!important;
  }

  .cat-color-7 {
      border-top-color: #990000!important;
  }
  
  .cat-bg-7 {
      background: #990000!important;
  }

  
  .box-title-n1 {
      font-size: 20px;
      width: 100%;
      color: #adadad;
      margin-bottom: 15px;
      margin-top: 30px;
  }
  
  .box-n1 {
      background: #fff;
      width: 100%;
      height: auto;
      border-top: 4px solid;
      padding: 20px;
      color: #666666;
      font-size: 14px;
      margin-bottom: 20px;
      overflow: hidden;
      box-sizing: border-box;
  }
  
  .box-c1 {
      background: #fff;
      width: 100%;
      height: auto;
      border-top: 0px solid;
      padding: 20px;
      color: #000;
      font-size: 14px;
      margin-bottom: 20px;
      overflow: hidden;
      box-sizing: border-box;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  }
  
  .shortnews-box {
      background: #1B1C22;
      width: 100%;
      height: auto;
      border-top: 4px solid;
      padding: 20px;
      color: #647797;
      font-size: 14px;
      margin-bottom: 20px;
      overflow: hidden;
      box-sizing: border-box;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  }
  
  .shortnews-box .head {
      width: 100%;
      float: left;
      height: auto;
      margin: auto;
  }
  
  .shortnews-box .head .icon {
      background: #25272F;
      height: 67px;
      width: 67px;
      border-radius: 50%;
      float: right;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .shortnews-box .head .title {
      color: #FFF;
      margin-left: 0px;
      float: left;
      font-size: 18px;
      width: 230px;
      margin-top: 15px;
  }
  
  .shortnews-box .head .date {
      color: #516079;
      margin-left: 0px;
      float: left;
      font-size: 14px;
      width: 230px;
      margin-top: 2px;
  }
  
  .shortnews-box .content {
      margin-top: 40px;
      float: left;
      text-align: center;
  }
  
  .shortnews-box .comments {
      text-align: center;
      margin-top: 20px;
      float: left;
      width: 100%;
      background-color: transparent;
      padding: 5px 0 5px 0;
  }
  
  .news-layout {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
  }
  
  .news-layout .nbox {
      width: 410px;
      height: 290px;
      border-top: 4px solid;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  }
  
  .news-layout .nbox-small {
      width: 263px;
      height: 290px;
      border-top: 4px solid;
  }
  
  .news-layout .nbox .newsimg {
      background: url(https://playhab.net/uploads/file_7905.png);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: right center;
      padding: 10px;
      overflow: hidden;
      box-sizing: border-box;
  position: relative;
  }
  
  .news-layout .nbox .newsimg .newsinfo {
      bottom: 10px;
      position: absolute;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      max-width: calc(100% - 20px);
      box-sizing: border-box;
  }
  
  .news-layout .nbox .newsimg .head {
      float: left;
      width: auto;
      position: relative;
  }
  
  .news-layout .nbox .newsimg .head .comments {
      background: rgba(0, 0, 0, .45);
      padding: 8px 16px;
      float: left;
      margin-top: 0px;
      margin-right: 0px;
      border-radius: 55px;
      color: #FFFFFF;
      font-size: 12px;
      font-weight: bold;
  }
  
  .news-layout .nbox .newsimg .head .likes {
      background: rgba(0, 0, 0, .45);
      padding: 8px 16px;
      float: left;
      margin-top: 0px;
      margin-left: 5px;
      border-radius: 55px;
      color: #FFFFFF;
      font-size: 12px;
      font-weight: bold;
  }
  
  .news-layout .nbox .newsimg .badge {
      background: url(https://playhab.net/src/assets/v8.0/img/round_badge_yellow.png);
      position: absolute;
      top: -20px;
      right: -20px;
      width: 95px;
      height: 95px;
      display: flex;
      justify-content: center;
      align-items: center;
      float: right;
  }
  
  .news-layout .nbox .newsimg .category {
      padding: 5px 15px 5px 15px;
      float: left;
      color: #FFF;
      font-size: 12px;
      font-weight: bold;
  }
  
  .news-layout .nbox .newsimg .title {
      padding: 10px;
      float: left;
      clear: left;
      color: #000;
      font-size: 18px;
      font-weight: 600;
      background: #FFF;
      max-width: 100%;
      box-sizing: border-box;
  }
  
  .side.right {
  width: 384px;
  }
  
  .side.left {
  width: 855px;
  }
  
  #menu > ul.align > li.item > ul.subnav {
      background-color: #ffffff;
  }
  
  #minigame-bar {
      width: 100%;
      height: 88px;
      position: absolute;
      bottom: -335px;
  }
  
  #minigame-bar .avatar {
      position: relative;
      background-color: #fff;
      width: 70px;
      height: 70px;
      border-radius: 55px;
      overflow: hidden;
      float: left;
      margin: 10px 10px 0 0;
  }
  
  #minigame-bar .habbo {
      position: relative;
      background-color: rgb(0 0 0 / 15%);
      width: auto;
      height: 86px;
      border-radius: 2px;
      overflow: hidden;
      float: left;
      padding: 15px;
      box-sizing: border-box;
      margin-right: 5px;
  }
  
  #minigame-bar .habbo .name {
      color: #fff;
      font-size: 19px;
      font-weight: 600;
      margin-bottom: 5px;
  }
  
  #minigame-bar .habbo .desc {
      font-size: 14px;
      color: #cca329;
      font-weight: 600;
  }
  
  #minigame-bar .game {
      position: relative;
      background-color: rgb(0 0 0 / 15%);
      width: auto;
      height: 86px;
      border-radius: 2px;
      overflow: hidden;
      float: left;
      padding: 15px;
      box-sizing: border-box;
  }
  
  #minigame-bar .vertcent {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      float: left;
  }
  
  #minigame-bar .game .date {
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      margin-bottom: 5px;
  }
  
  #minigame-bar .game .gamename {
      font-size: 14px;
      color: #d3d3d3;
      font-weight: 600;
  }
  
  #minigame-bar .roomid {
      position: relative;
      background-color: #e7d000;
      width: 35px;
      height: 35px;
      border-radius: 55px;
      overflow: hidden;
      margin: 0 0 0 15px;
      top: 50%;
      transform: translateY(-50%);
      float: left;
  }
  
  #newest-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 25px;
  }
  
  #newest-badges .badgebox {
      flex: none;
      width: 76px;
      height: 76px;
      background: #FFF;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
      padding: 15px 12px;
      text-align: center;
      cursor: default;
      transition: all 0.3s linear;
  }
  
  #newest-badges .badgebox:hover {
      background: #1B1C22;
  }
  
  #newest-badges .badgebox .badgeimg {
      background: #F0F0F0;
      height: 60px;
      width: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 55px;
      margin: 0 auto;
      transition: all 0.3s linear;
  }

  #newest-badges .badgebox .badgeimg img {
    width: unset !important;
}
  
  #newest-badges .badgebox:hover .badgeimg {
      background: #25272F;
  }
  
  #newest-badges .badgebox .badgecode {
      font-size: 15px;
      font-weight: bold;
      margin-top: 0px;
      transition: all 0.3s linear;
  }
  
  #newest-badges .badgebox:hover .badgecode {
      color: #fff;
  }
  
  
  
  
  
  #newest-badgedesc {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
  }
  
  #newest-badgedesc .badgebox {
      flex: none;
      width: 270px;
      height: 120px;
      background-color: #FFF;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
      padding: 15px 12px;
      text-align: center;
      box-sizing: border-box;
      cursor: default;
      transition: all 0.3s linear;
  }
  
  #newest-badgedesc .badgebox:hover {
      background-color: #1B1C22;
  }
  
  #newest-badgedesc .badgebox .badgeimg {
      background: #F0F0F0;
      height: 50px;
      width: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 55px;
      margin-right: 10px;
      float: left;
      transition: all 0.3s linear;
  }
  
  #newest-badgedesc .badgebox:hover .badgeimg {
      background: #25272F;
  }
  
  #newest-badgedesc .badgebox .flag {
      position: relative;
      right: 0;
      top: 0;
      float: right;
  }
  
  #newest-badgedesc .badgebox .badgecode {
      font-size: 15px;
      font-weight: bold;
      margin-top: 0px;
      float: left;
      transition: all 0.3s linear;
      max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  
  #newest-badgedesc .badgebox:hover .badgecode {
      color: #fff;
  }
  
  #newest-badgedesc .badgebox .badgedate {
      font-size: 13px;
      font-weight: 500;
      margin-top: 0px;
      float: left;
      width: 160px;
      text-align: left;
      transition: all 0.3s linear;
  }
  
  #newest-badgedesc .badgebox:hover .badgedate {
      color: #535455;
  }
  
  #newest-badgedesc .badgebox .badgedesc {
      font-size: 15px;
      margin-top: 15px;
      width: 100%;
      position: relative;
      float: left;
      background-color: #f2f2f2;
      border-radius: 2px;
      padding: 5px;
      box-sizing: border-box;
      overflow: hidden;
      font-weight: 500;
      transition: all 0.3s linear;
      text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  #newest-badgedesc .badgebox:hover .badgedesc {
      background-color: #25272F;
      color: #647797;
  }
  
  .emojionearea .emojionearea-button>div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
      filter: invert(1);
  }
  
  .box-comment > .middle {
      background-color: #333136;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
  }
  
  .lastcomments.bubble-1 {
      background-color: transparent;
      background-image: url(../../uploads/file_2039.png), url(../../uploads/file_2041.png), url(../../uploads/file_2040.png);
      background-repeat: no-repeat, no-repeat, repeat;
      background-position: left top, right top, top;
      float: left;
      padding: 5px;
      padding-top: 10px;
      padding-left: 10px;
      font-size: 13px;
      height: 25px;
      cursor: pointer;
  }
  
  .lastcomments.bubble-2 {
      background-color: transparent;
      background-image: url(../../uploads/file_2040.png);
      background-repeat: repeat;
      background-position: top;
      padding: 5px;
      padding-top: 10px;
      font-size: 13px;
      height: 25px;
      cursor: pointer;
      position: absolute;
      top: 30px;
      text-decoration: none;
      color: #000;
  }
  .lastcomments.bubble-2:before {
      content: "";
      background-color: transparent;
      background-image: url(../../uploads/file_2039.png);
      background-repeat: no-repeat;
      background-position: left top;
      position: absolute;
      left: -24px;
      top: 0px;
      width: 24px;
      height: 33px;
      cursor: pointer;
  }
  .lastcomments.bubble-2:after {
      content: "";
      background-color: transparent;
      background-image: url(../../uploads/file_2041.png);
      background-repeat: no-repeat;
      background-position: right top;
      width: 8px;
      height: 33px;
      cursor: pointer;
      position: absolute;
      right: -8px;
      top: 0;
  }
  
  .news-layout .nbox.radio .newsimg .head .comments {
      width: 75px;
      height: 75px;
      overflow: hidden;
      box-sizing: border-box;
      justify-content: center;
      display: grid;
      align-content: center;
      float: left;
      background: rgb(255 255 255 / 20%);
  }
  
  .news-layout .nbox.radio .newsimg .head .djname {
      float: left;
      color: #fff;
      font-size: 18px;
      font-weight: 600;
      width: 135px;
      box-sizing: border-box;
      margin: 10px 15px;
  }
  
  .news-layout .nbox.radio .newsimg .head .djshow {
      float: left;
      color: #acc95f;
      font-size: 15px;
      font-weight: 500;
      font-style: italic;
      width: 135px;
      box-sizing: border-box;
      margin: 0px 15px;
  }
  
  .news-layout .nbox.radio .newsimg .newsinfo .artistname {
      float: left;
      color: #fff;
      font-size: 15px;
      font-weight: 600;
      width: 160px;
      box-sizing: border-box;
      margin: 0px 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  
  .news-layout .nbox.radio .newsimg .newsinfo .songname {
      float: left;
      color: #acc95f;
      font-size: 15px;
      font-weight: 500;
      font-style: italic;
      width: 160px;
      box-sizing: border-box;
      margin: 0px 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  
  .news-layout .nbox.radio .newsimg .newsinfo .listeners {
      float: left;
      color: rgb(255 255 255 / 50%);
      font-size: 15px;
      font-weight: 500;
      width: 160px;
      box-sizing: border-box;
      margin: 0px 15px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
  }
  
  .news-layout .nbox.radio .newsimg .playbutton {
      position: absolute;
      width: 55px;
      height: 55px;
      background-color: #acc95f;
      font-size: 25px;
      border-radius: 50%;
      line-height: 3px;
      color: #FFFFFF;
      margin-left: 45px;
      margin-top: -30px;
      margin-right: 15px;
      margin-bottom: 10px;
      text-align: center;
      bottom: 10px;
      right: 10px;
      align-content: center;
      box-sizing: border-box;
      transition: all 0.3s linear;
  }
  
  .news-layout .nbox.radio .newsimg .playbutton:hover {
      background-color: #718e25;
      transition: all 0.3s linear;
  }
  
  #teamcat {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 15px;
  }
  
  .teambox.lead.Administration .ui.teamlabel {
    display:none;
  }

  #teamcat .teambox {
      width: 245px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      background-color: #fff;
      padding: 12px 15px;
      border-radius: 0px;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
      position:relative;
      transition: all 0.3s;
  }

  #teamcat .teambox:hover, #teamcat .teambox.lead:hover {
    background-color:transparent;
  }

  #teamcat .teambox.lead {
      width: 245px;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      background-color: #272f3a;
      padding: 12px 15px;
      border-radius: 2px;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
      position: relative;
  }

#teamcat .teambox:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #475421;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

#teamcat .teambox.lead:after {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #272f3a;
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#teamcat .teambox:after {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: scaleX(1);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}
#teamcat .teambox:hover:before,
#teamcat .teambox:focus:before,
#teamcat .teambox:active:before {
    transform: scaleX(1);
}

  #teamcat .teambox .habbo {
      background-color: #f0f0f0;
      width: 67px;
      height: 67px;
      border-radius: 55px;
      transition: all 0.3s;
  }

  #teamcat .teambox:hover .habbo, #teamcat .teambox.lead:hover .habbo {
    background-color: #a3bf53;
  }

  #teamcat .teambox.lead .habbo {
      background-color: #383e47;
  }
  
  #teamcat .teambox .username {
      width: 165px;
      margin-left: 10px;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
  }
  
  #teamcat .teambox .username .namebox {
      margin-bottom: 5px;
      font-weight: 600;
      display: flex;
      flex-direction: row;
      align-items: center;
      transition: all 0.3s;
  }

  #teamcat .teambox:hover .username .namebox {
    color: #fff;
  }

  #teamcat .teambox .username .namebox {
  color: #435163;
  }
  
  #teamcat .teambox.lead .username .namebox {
  color: #fff;
  }
  
  #teamcat .teambox .username .job {
  color: #475421;
  background-color: #a3bf53;
  padding: 3px 10px;
  border-radius: 55px;
  font-weight: 600;
  font-size: 13px;
  width: auto;
  transition: 0.3s ease-in-out;
  }
  
  .content.sendungen {
      gap: 15px;
      display: flex;
      box-sizing: border-box;
      justify-content: space-evenly;
      flex-wrap: wrap;
      flex-direction: row;
  }
  
  #showplan {
      width: 48%;
      background-image: url(../../src/assets/v10/img/header.png);
      background-position: right center;
      background-color: #000;
      height: 132px;
      border-radius: 2px;
      padding: 0 10px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      float: left;
  }
  
  #showplan .avaimage {
  color: #637992;
  font-size: 13px;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 15px;
  }
  
  #showplan .head {
  position:relative;
  background-color: rgb(25 30 38 / 75%);
  padding: 10px 10px 10px 20px;
  border-radius: 2px;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  min-width: 180px;
  }
  
  #showplan .head .autorinfos {
  float: left;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
  #showplan .head .autorinfos .genre {
  color: #fff;
  background-color: #acc95f;
  padding: 1px 10px;
  right: 5px;
  top: 5px;
  border-radius: 2px;
  position: absolute;
  font-size: 13px;
  }
  
  #showplan .head .autorinfos .djname {
  color: #fff;
  font-weight: bold;
  }
  
  #showplan .head .autorinfos .djname a {
  color: #fff;
  }
  
  #showplan .head .autorinfos .showname {
  color: #acc95f;
  font-size: 13px;
  }
  
  #showplan .head .autorinfos .showtime {
  color: #637992;
  font-size: 13px;
  }
  
  
  #rptopliste .habbouser {
      width: 100%;
      height: 76px;
      font-size: 15px;
      margin-bottom: 5px;
  }
  
  #rptopliste .habbouser .image {
      display: grid;
      width: 90px;
      height: 76px;
      float: left;
      overflow: hidden;
      padding-left: 3px;
      border-radius: 0;
      background-color: #E2E2E2;
      background-image: linear-gradient(90deg, rgb(0 0 0 / 25%), rgb(0 0 0 / 25%)), url(../../src/assets/v10/img/header.png);
      justify-content: center;
      align-items: center;
  }
  
  #rptopliste .habbouser .image .habboava {
      height: 50px;
      width: 50px;
      border: 2px solid rgb(0 0 0 / 50%);
      border-radius: 55px;
      background-position: center top -15px;
  
  }
  
  #rptopliste .habbouser .user {
      width: 300px;
      height: 51px;
      padding-top: 25px;
      float: left;
      text-align: center;
      background-image: url(../../src/assets/v10/img/header.png);
      color: #fff;
      background-color: #F0F0F0;
      text-shadow: 0 3px rgb(0 0 0 / 25%);
  }
  
  #rptopliste .habbouser .name {
      width: 320px;
      height: 51px;
      padding-top: 25px;
      padding-left: 20px;
      float: left;
      background-image: linear-gradient(90deg, rgb(0 0 0 / 25%), rgb(0 0 0 / 25%)), url(../../src/assets/v10/img/header.png);
      color: #fff;
      background-color: #F0F0F0;
      text-shadow: 0 3px rgb(0 0 0 / 25%);
      text-align: center;
  }
  
  #rptopliste .habbouser .place {
      width: 80px;
      height: 51px;
      padding-top: 25px;
      text-align: center;
      float: left;
      background-image: linear-gradient(90deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../src/assets/v10/img/header.png);
      background-color: #F0F0F0;
      color: #acc95f;
      border-radius: 0;
      font-size: 20px;
      text-shadow: 0 3px rgb(0 0 0 / 25%);
  }
  
  .box-c1 li {list-style:none;margin-bottom:10px;}
  .box-c1 ul {padding-top:10px;}
  
  .werbung-markt {
      width: 855px;
      height: auto;
      border-radius: 0;
      overflow: hidden;
      background-color: #FFF;
      box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
  }
  
  .werbung-markt .markthead {
      background-image: url(../../ig/mrkt/headbg.png);
      height: 79px;
      background-repeat: no-repeat, repeat-x;
      background-position: center, left top;
      height: 79px;
  }
  
  .werbung-markt .platform  {
      width: 100%;
      padding: 15px;
      box-sizing: border-box;
      height: auto;
      margin: -10px auto;
      margin-bottom: 0;
  }
  
  .werbung-markt .platform .item {
      background-color: rgb(242 242 242);
      width: 196px;
      height: 75px;
      border-radius: 2px;
      margin: 10px 10px 0 0;
      float: left;
      cursor: pointer;
      transition: all 0.3s ease-in-out;
      overflow: hidden;
  }

  .werbung-markt .platform .item.more {
    background-image: url(../../uploads/userupload_2055.png);
    display: flex;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
  }
  
  .werbung-markt .platform .item:hover {
      background-color: #25272F;
  }

  .werbung-markt .platform .item.more .allprizes {
    color: #fff;
    font-weight: 600;
    text-shadow: 2px 2px rgb(0 0 0 / 25%);
    max-width: 100px;
  }
  
  .werbung-markt .platform .item .bgimg {
      background-color: #e4e4e4;
      background-repeat: no-repeat;
      background-position: center;
      width: 75px;
      height: 75px;
      margin-right: -70px;
      float: left;
      overflow: hidden;
      transition: all 0.3s ease-in-out;
  }
  
  .werbung-markt .platform .item:hover .bgimg {
      background-color: #30323c;
  }
  
  .werbung-markt .platform .item .bgimg .habbo {
      width: 64px;
      height: 80px;
      margin-left: 5px;
      margin-top: 50px;
      opacity: 0;
      transition: all 0.3s ease-in-out;
  }
  
  .werbung-markt .platform .item:hover .bgimg .habbo {
      margin-top: -5px;
      opacity: 1;
  }
  
  .werbung-markt .platform .item .tag {
      background-image: url(../../ig/mrkt/tags_small2.png);
      width: 101px;
      height: 52px;
      line-height: 52px;
      float: right;
      margin: 11px 10px;
      position: relative;
      transition: all 0.3s ease-in-out;
      text-align: center;
      font-size: 16px;
      color: #FFFFFF;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.24);
  }
  
  .werbung-markt .platform .item .tag:before {
      content: "";
      background-image: url(../../ig/mrkt/mehr.png);
      width: 14px;
      height: 14px;
      position: absolute;
      top: 20px;
      right: 16px;
  }
  
  .werbung-markt .platform .item .tag span {
      position: relative;
  }
  
  .werbung-markt .platform .item .tag.gold .comprar {
      background-repeat: no-repeat;
      background-position: center;
      width: 26px;
      height: 26px;
      box-shadow: 0 1px rgba(255, 255, 255, 0.76);
      border-radius: 4px;
      float: right;
      margin: 13px 5px;
      position: relative;
      transition: all 0.3s ease-in-out;
      transform: scale(0);
  }

  .werbung-markt .platform .item .tag.gold:before {
    content: "";
    background-image: url(../../ig/mrkt/icon-gold.png);
    width: 13px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 11px;
}

  .werbung-markt .platform .item .tag.silver:before {
    content: "";
    background-image: url(../../ig/mrkt/icon-silver.png);
    width: 13px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 11px;
}
  
  .werbung-markt .platform .item .tag.bronze:before {
      content: "";
      background-image: url(../../ig/mrkt/icon-bronze.png);
      width: 13px;
      height: 16px;
      position: absolute;
      top: 20px;
      right: 11px;
  }

  .werbung-markt .platform .item .tag.silver {
    background-position: left center;
}
  
  .werbung-markt .platform .item .tag.bronze {
      background-position: left bottom;
  }
  
  .werbung-markt .platform .item:hover .tag {
      background-position: right top;
  }

  .werbung-markt .platform .item:hover .tag.silver {
    background-position: right center;
}
  
  .werbung-markt .platform .item:hover .tag.bronze {
      background-position: right bottom;
  }
  
  .werbung-markt .platform .item:hover .tag .comprar {
      transform: scale(1);
  }

  .jobcenter {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 23px;
}

.jobcenter .jobbox {
    width: 48.6%;
    height: fit-content;
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}

.jobcenter .jobbox .jobhead {
    height: 70px;
    width: 100%;
    background-color: #000;
    position: relative;
}

.jobcenter .jobbox .jobhead .jobicon {
    height: 70px;
    width: 70px;
    border-radius: 75px;
    background-color: rgb(255 255 255 / 75%);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    top: 29px;
}

.jobcenter .jobbox .jobinfo {
    text-align: center;
    margin-top: 30px;
}

.jobcenter .jobbox .jobinfo .jobtitle {
    color: #4c5d76;
    font-weight: 600;
    font-size: 18px;
}

.jobcenter .jobbox .jobinfo .jobdesc {
    color: #4c5d76;
    font-weight: 600;
    margin: 10px 0;
}

.jobcenter .jobbox .jobinfo .jobtags {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
    color: #fff;
    flex-wrap: wrap;
}

.jobcenter .jobbox .jobinfo .tag {
    background-color: #c5c5c5;
    padding: 5px;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: 600;
}

.jobcenter .jobbox .jobinfo .tag.green {
    background-color: #a8c358;
}

.jobcenter .jobbox .jobinfo .tag.red {
    background-color: #730727;
}

.jobcenter .jobbox .jobinfo .tag.blue {
    background-color: #3668ae;
}

.jobcenter .jobbox .jobinfo .tag.yellow {
    background-color: #ebba23;
}

.jobcenter .jobbox .jobinfo .tag.purple {
    background-color: #920b7f;
}

.jobcenter .jobbox .jobleader {
    color: #4c5d76;
    font-weight: 600;
    font-size: 13px;
    text-align: center;
    margin-bottom: 15px;
}

.jobcenter .jobbox .bewerbenbutton {
    width: calc(100% - 8px);
    height: 43px;
    background-image: linear-gradient(180deg, #b9d467, #90ad42);
    border: none;
    margin: 4px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 2px rgb(0 0 0 / 25%);
}

.jobcenter .jobbox .bewerbenbutton.closed {
    background-image: linear-gradient(180deg, #d6d6d6, #979797);
    opacity: 0.5;
    cursor: default;
}

.jobcenter .jobbox hr {
    height: 3px;
    margin: 15px 0;
}

.communityfeed .head {
    height: 108px;
    width: 100%;
    background-color: #000;
    background-image: url(../../uploads/userupload_2047.png);
    box-shadow: 0px 2px 0px rgb(0 0 0 / 25%);
    margin-bottom: 8px;
}

.communityfeed .feed {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.communityfeed .feed .feedpost {
    background-color: #f1f3f5;
    padding: 12px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
}

.communityfeed .feed .feedpost .feedleft .useravatar {
    width: 67px;
    height: 67px;
    border-radius: 55px;
    background-color: #dcdcdc;
    background-repeat: no-repeat;
    background-position: center top -10px;
}

.communityfeed .feed .feedpost .feedleft .userroom {
    width: 67px;
    height: 32px;
}

.communityfeed .feed .feedpost .feedright {

    width: 100%;
}

.communityfeed .feed .feedpost .feedright .usertext {
    background-color: #fff;
    margin-bottom: 7px;
    padding: 10px;
    position: relative;
}

.communityfeed .feed .feedpost .feedright .usertext .postuser {
    color: #52617a;
    font-weight: 600;
    margin: 5px 0;
}

.communityfeed .feed .feedpost .feedright .usertext .posttime {
    color: #8a99b1;
    font-size: 13px;
    margin-top: -30px;
    float: right;
}

.communityfeed .feed .feedpost .feedright .usertext .postcontent {
    color: #8a99b1;
    margin: 10px 0;
}

.communityfeed .feed .feedpost .feedright .invite {
    background-color: #fff;
    padding: 10px;
    color: #a6a6a6;
}

#playhome {
    margin-bottom: 30px;
}

#playhome .ph-top {
    display: flex;
    gap: 32px;
    flex-direction: row;
}

#playhome .ph-top .ph-avatar {
    width: 194px;
    height: 194px;
    background-color: #7a7a7a;
    box-shadow: 0 0px 0px 3px #fff, 0px 0px 10px 0px rgb(0 0 0 / 15%);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    box-sizing: border-box;
    background-size: cover;
}

#playhome .ph-top .ph-userinfo {
    width: 626px;
    height: 194px;
    background-image: linear-gradient(180deg, #e0e0e0, #fff);
    box-shadow: 0 0px 0px 3px #fff, 0px 0px 10px 0px rgb(0 0 0 / 15%);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-start;
}

#playhome .ph-top .ph-userinfo .ph-content {
    margin: 20px;
}

#playhome .ph-top .ph-userinfo .ph-content .ph-username {
    font-size: 25px;
    font-weight: 600;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 25%);
    color: #1b1c22;
}

#playhome .ph-top .ph-userinfo .ph-content .ph-creation {
    color: #1b1c22;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 15%);
    margin: 10px 0;
}

#playhome .ph-top .ph-userinfo .ph-content .ph-mission {
    color: #1b1c22;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 15%);
}

#playhome .ph-top .ph-userinfo .ph-content .ph-status {
    color: #1b1c22;
    text-shadow: 2px 2px 0 rgb(0 0 0 / 15%);
    margin: 10px 0;
}

#playhome .ph-top .ph-userinfo .ph-badges {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 105px;
    gap: 5px;
    margin: 17px 20px;
}

#playhome .ph-top .ph-userinfo .ph-badges .ph-badgebox {
    height: 50px;
    width: 50px;
    background-color: rgb(0 0 0 / 25%);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

#phbook {

}

.box-title-inbox {
    font-size: 20px;
    width: 100%;
    color: #adadad;
    margin-bottom: 15px;
}

#phbook .ph-feed {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}

#phbook .ph-feed .ph-comment {
    width: 100%;
    font-size: 15px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#phbook .ph-feed .ph-comment .ph-left {
    display: grid;
    width: 90px;
    height: auto;
    float: left;
    overflow: hidden;
    padding-left: 3px;
    border-radius: 0;
    background-color: #E2E2E2;
    background-image: linear-gradient(90deg, rgb(0 0 0 / 25%), rgb(0 0 0 / 25%)), url(../../src/assets/v10/img/header.png);
    justify-content: center;
    align-items: center;
}

#phbook .ph-feed .ph-comment .ph-left .ph-avatar {
    width: 67px;
    height: 67px;
    background-color: #000;
    border-radius: 75px;
    overflow: hidden;
}

#phbook .ph-feed .ph-comment .ph-left .ph-avatar img {
    margin-top: -5px;
}

#phbook .ph-feed .ph-comment .ph-right {
    width: 722px;
    padding: 15px;
    background-image: url(src/assets/v10/img/header.png);
    background-color: #F0F0F0;
    box-sizing: border-box;
    position: relative;
}

#phbook .ph-feed .ph-comment .ph-right .ph-content {
    background-color: #fff;
    padding: 10px;
    min-height: 70px;
    border: 2px solid #3b4657;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

#phbook .ph-feed .ph-comment .ph-right .ph-content .ph-post {
    color: #666666;
    margin-top:35px;
}

#phbook .ph-feed .ph-comment .ph-right .ph-content .ph-autor {
    display: flex;
    flex-direction: row;
    gap: 5px;
    color: #a6a6a6;
    margin-top: 10px;
    position: relative;
}

#phbook .ph-feed .ph-comment .ph-right .ph-content .ph-autor p {
    font-weight: 600;
    color: #455368;
}

#phbook .ph-feed .ph-comment .ph-right .ph-invite {
    background-color: #fff;
    padding: 10px;
    color: #a6a6a6;
    border: 2px solid #3b4657;
    margin-top: 10px;
}

#pnav-container {height:30px;}

#pnav.fixed {
	position: fixed;
	top: 0;
        width: 1304px;
	height: 70px;
	z-index: 1;
}

#pnav {
    position: absolute;
    top: 0;
    width: 100%;
    height: 70px;
    background: #fff;
    box-shadow: 0px 3px rgb(0 0 0 / 15%);
}

#pnav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#pnav li {
	display: inline-block;
	padding: 24px 10px;
}

#pnav li a {
    color: #4c5d76;
    font-weight: 600;
}

.btn.btn-green-rounded {
    background-image: linear-gradient(180deg, #b8d366, #9ebb4f);
    border-radius: 95px;
    font-weight: 600;
    font-family: "Segoe UI";
    padding: 10px 44px;
    color: #fff;
}

.box-n1.commentbox {
    border-top: 0px;
    padding: 0;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}

.box-n1.commentbox .habbo {
    height: 80px;
    width: 100%;
    background:linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 25%)), url(https://images.habbo.com/web_images/habbo-web-articles/lpromo_gen15_50.png); 
    background-color: #676767;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.box-n1.commentbox .habbo .bg {
    background:url(https://images.habbo.com/web_images/habbo-web-articles/lpromo_gen15_50.png);
    height: 50px;width: 50px;
    border-radius: 55px;
    overflow: hidden;
    float: left;
    border: 2px solid #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
    margin: 0 10px 0 20px;
}

.box-n1.commentbox .habbo .credits {
    float: left;
    display: flex;
    flex-direction: column;
    line-height: 20px;
    color: #fff;
}

.owl-carousel {
    .owl-stage-outer {
        padding: 10px;
    }
}

.ui.teamlabel {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    background-color: #acc95f;
    background-image: none;
    padding: 7px;
    color: rgba(0, 0, 0, .6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    transition: background .1s ease;
    font-size: 12px;
    margin: 0;
    min-width: max-content;
    border-radius: 0;
    border-color: rgb(106 130 42);
    margin-right: -1.2em;
    padding-left: 20px;
    padding-right: 7px;
}

.ui.ribbon.teamlabel:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0;
}

.logo-wrapper {
  position: absolute;
  width: 200px;
  height: 167px;
  display: flex;
  align-items: center;
  cursor: pointer;
  top: 40px;
}

.logo-wrapper:hover .logo25, .logo-wrapper:hover .logo25white {
animation: rubberBand 0.5s;
}

.logo25 {
  width: 200px;
  height: 110px;
  background-image: url(../../src/assets/v10/img/logo_text.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
  position: absolute;
}

.logo25white {
  width: 200px;
  height: 110px;
  background-image: url(https://i.imgur.com/4QC7vhX.png);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
  position: absolute;
}

.logo-wrapper::after {
  content: '';
  width: 200px;
  height: 167px;
  background-image: url(https://i.imgur.com/3QqJ4rK.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  transition: transform 2s ease;
}

.logo-wrapper:hover::after {
  transform: rotate(360deg);
}

#footer2 .container {
        width: 1304px;
        margin: 0 auto;
        list-style: none;
}
#footer2 {
        background-color: #516079;
        margin-top: 0px;
        background-image: url(https://i.imgur.com/iiPpxXH.png), url(../../src/assets/v10/img/footer.png);
        background-position: center bottom 62px, center;
        background-repeat: no-repeat, repeat;
}

#footer2 .online {
        width: 100%;
	padding: 25px 0px;
	box-shadow: inset 0 -1px 0 0 rgb(255 255 255 / 15%);
}

#footer2 .online .user {
	width: 200px;
	height: 75px;
	background-color: #272f3a;
	float: left;
	margin: 5px 0px 5px 48px;
        position: relative;
        box-sizing: border-box;
        transition: 0.3s ease-in-out, transform 0.3s cubic-bezier(0, 0.2, 0.5, 3) 0s;
}

#footer2 .online .user:hover {
        box-shadow: inset -3px 0px 0px #acc95f, 0 0 0 2px #fff;
        background-color: #fff;
        opacity: 0.75;
        transform: scale(1.02);
}

#footer2 .online .user img {
	height: 75px;
	width: 75px;
	border-radius: 50%;
	float: left;
	margin-left: -37px;
        transition: 0.3s ease-in-out;
}

#footer2 .online .user:hover img {
        box-shadow: 0 0 0 2px #fff;
}

#footer2 .online .user img .flag {

}

#footer2 .online .user .username {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    float: left;
    margin: 0px;
    left: -60px;
    position: relative;
}

#footer2 .online .user .status {
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	font-weight: 400;
	float: left;
	margin: -10px 10px;
}

#footer2 .more {
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
    gap: 100px;
}

#footer2 .more .title {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 15px;
}

#footer2 .more .subtitle {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
}

#footer2 .more .about {
	width: 360px;
        font: 14px "Segoe UI";
        color: #AAB2B8;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
	float: left;
}

#footer2 .more .about .flag_dach {
	background-image: url(https://i.imgur.com/kWN8Ig9.png);
	width: 44px;
	height: 28px;
	margin: 10px 10px 10px 0px;
	float: left;
}

#footer2 .more .about .flag_es {
	background-image: url(https://i.imgur.com/j433tJz.png);
	width: 44px;
	height: 28px;
	margin: 10px 10px 10px 0px;
	float: left;
}

#footer2 .more .about .flag_fr {
	background-image: url(https://i.imgur.com/2wjAfIU.png);
	width: 44px;
	height: 28px;
	margin: 10px 10px 10px 0px;
	float: left;
}

#footer2 .more .about .flag_en {
	background-image: url(https://i.imgur.com/BvUDMJc.png);
	width: 44px;
	height: 28px;
	margin: 10px 10px 10px 0px;
	float: left;
}

#footer2 .more .comments {
	width: 360px;
        font: 14px "Segoe UI";
        color: #AAB2B8;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
	float: left;
}

#footer2 .more .comments .message {
	float: left;
    max-width: 360px;
    max-height: 87px;
}

#footer2 .more .profile {
	background-size: 75px 75px;
	image-rendering: pixelated;
	width: 75px;
	height: 75px;
	margin: 0 10px 10px 0;
	float: left;
}

#footer2 .copyright {
	background-color: rgb(0 0 0 / 15%);
	padding: 10px 0px;
}

#footer2 .copyright .links {
	font-size: 14px;
	font-weight: 400;
	color: #b7b7b7;
	text-align: center;
}

#footer2 .copyright .links a {
	margin-right: 20px;
	font-family: "Segoe UI Semibold";
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
}
#footer2 .copyright .links a:last-child {
margin-right:0px;
}

#footer2 .copyright .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#footer2 .copyright .social a {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
}

#footer2 .copyright .social {
	text-align: center;
	color: #bababa;
	font-size: 20px;
}

#footer2 .copyright .social i.fa.fa-facebook-square, #footer2 .copyright .social i.fa.fa-twitter-square, #footer2 .copyright .social i.fa.fa-instagram {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border: 1px solid rgb(255 255 255 / 15%);
    border-radius: 50%;
    margin: 0 4px;
}

#footer2 .copyright .copy {
	font-size: 14px;
	font-weight: 400;
	color: #AAB2B8;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.40);
	text-align: center;
}

#footer2 .copyright .copy a {
	font-family: "Segoe UI Semibold";
	color: #fff;
}

#playhabsec > .align {
    width: 1304px;
    margin: 0 auto;
    list-style: none;
}

#playhabsec .news-layout {
    gap: 29px;
    display: flex;
    flex-wrap: nowrap;
}

#playhabsec .news-layout .nbox {
    width: 192px;
    height: 192px;
    border-top: 4px solid;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}

#playhabsec .news-layout .nbox .newsimg {
    padding: 0;
}

#playhabsec .news-layout .nbox .newsimg .newsinfo {
    width: 100%;
    max-width: 100%;
    bottom: 0px;
}

#playhabsec .news-layout .nbox .newsimg .category {
    height: 3px;
    padding: unset;
    float: left;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    width: 100%;
}

#playhabsec .news-layout .nbox .newsimg .title {
    text-align: center;
}

#playhabsec .badgegallery_title {
    margin: -20px 0px 20px -20px;
    width: calc(100% + 20px);
    background-color: #50478c;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-family: 'Segoe UI Semibold', sans-serif;
}