@charset "UTF-8";
@import url(fonts/OpenSans/OpenSans.css);
@import url(fonts/DejaVuSans/stylesheet.css);
@import url(icostyle_1.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.3; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input:required {
  box-shadow: none; }

input:invalid {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0); }

input, textarea {
  box-sizing: border-box; }

textarea:required {
  box-shadow: none; }

textarea:invalid {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0); }

/* Generelle Farben */
.color_generic1 {
  background-color: #e40614; }

.color_generictrans1 {
  background-color: rgba(228, 6, 20, 0.6); }

.color_generic2 {
  background-color: #d50b52; }

.color_generictrans2 {
  background-color: rgba(213, 11, 82, 0.6); }

.color_generic3 {
  background-color: #e6007e; }

.color_generictrans3 {
  background-color: rgba(230, 0, 126, 0.6); }

.color_generic4 {
  background-color: #ff8d94; }

.color_generictrans4 {
  background-color: rgba(255, 141, 148, 0.6); }

.color_generic5 {
  background-color: #fab233; }

.color_generictrans5 {
  background-color: rgba(250, 178, 51, 0.6); }

.color_generic6 {
  background-color: #ffd526; }

.color_generictrans6 {
  background-color: rgba(255, 213, 38, 0.6); }

.color_generic7 {
  background-color: #95c11e; }

.color_generictrans7 {
  background-color: rgba(149, 193, 30, 0.6); }

.color_generic8 {
  background-color: #009640; }

.color_generictrans8 {
  background-color: rgba(0, 150, 64, 0.6); }

.color_generic9 {
  background-color: #066633; }

.color_generictrans9 {
  background-color: rgba(6, 102, 51, 0.6); }

.color_generic10 {
  background-color: #02a19b; }

.color_generictrans10 {
  background-color: rgba(2, 161, 155, 0.6); }

.color_generic11 {
  background-color: #05ced6; }

.color_generictrans11 {
  background-color: rgba(5, 206, 214, 0.6); }

.color_generic12 {
  background-color: #009fe3; }

.color_generictrans12 {
  background-color: rgba(0, 159, 227, 0.6); }

.color_generic13 {
  background-color: #312783; }

.color_generictrans13 {
  background-color: rgba(49, 39, 131, 0.6); }

.color_generic14 {
  background-color: #662383; }

.color_generictrans14 {
  background-color: rgba(102, 35, 131, 0.6); }

.color_generic15 {
  background-color: #935f36; }

.color_generictrans15 {
  background-color: rgba(147, 95, 54, 0.6); }

.color_generic16 {
  background-color: #442a18; }

.color_generictrans16 {
  background-color: rgba(68, 42, 24, 0.6); }

/* Gradients motherfucker! */
@keyframes barberpole {
  100% {
    background-position: 100% 100%; } }
@keyframes pulse {
  100% {
    color: #272625; } }
/*** DROPZONE ***/
.dz-preview {
  font-size: 0.8em; }
  .dz-preview .dz-success-mark, .dz-preview .dz-error-mark {
    display: none; }
  .dz-preview .dz-details img {
    width: 4em;
    min-width: 4em; }
  .dz-preview .dz-filename {
    display: block;
    color: #ffffff; }
  .dz-preview .dz-size {
    color: #ffffff;
    display: none; }
  .dz-preview .dz-error-message {
    display: none;
    color: #ff6666;
    font-weight: bold; }
  .dz-preview .dz-remove {
    margin-left: 5em; }
  .dz-preview .dz-started-message {
    display: flex;
    font-style: oblique;
    height: 100%;
    color: #ffffff;
    background-color: black;
    animation: pulse 1.5s linear infinite;
    animation-direction: alternate; }
  .dz-preview.dz-processing .dz-progress .dz-upload {
    background-image: repeating-linear-gradient(-45deg, #58af58, #58af58 10px, #408840 10px, #408840 20px);
    background-size: 200% 200%;
    animation: barberpole 10s linear infinite; }
    .dz-preview.dz-processing .dz-progress .dz-upload i {
      display: none; }
  .dz-preview.dz-processing .dz-progress .dz-started-message {
    display: none; }
  .dz-preview.dz-success .dz-size {
    display: inline-flex;
    padding-left: 0.3em; }
  .dz-preview.dz-success .dz-filename {
    display: block; }
  .dz-preview.dz-success .dz-error-message {
    display: none; }
  .dz-preview.dz-success .dz-progress .dz-upload {
    background: transparent linear-gradient(0deg, #0f9c4a 0%, #9bc84b 100%) 0% 0% no-repeat padding-box; }
    .dz-preview.dz-success .dz-progress .dz-upload i {
      display: inline-block; }
  .dz-preview.dz-success .dz-progress .dz-started-message {
    display: none; }
  .dz-preview.dz-error .dz-filename {
    display: none; }
  .dz-preview.dz-error .dz-error-message {
    display: block; }
  .dz-preview.dz-error .dz-progress .dz-upload {
    background-image: none;
    background: transparent linear-gradient(0deg, #c64c26 0%, #f6961b 100%) 0% 0% no-repeat padding-box; }
    .dz-preview.dz-error .dz-progress .dz-upload i {
      display: none; }
  .dz-preview.dz-error .dz-progress .dz-started-message {
    display: none; }
  .dz-preview .dz-progress {
    border: 1px solid white;
    border-radius: 5px;
    height: 2em;
    overflow: hidden; }
    .dz-preview .dz-progress .dz-upload {
      background: transparent linear-gradient(0deg, #0f9c4a 0%, #9bc84b 100%) 0% 0% no-repeat padding-box;
      width: 0%;
      height: 100%; }
      .dz-preview .dz-progress .dz-upload i {
        display: none;
        font-size: 1.2em;
        color: #ffffff; }

body {
  background-color: #272625;
  color: #ffffff;
  font-family: "OpenSans";
  font-size: 16px; }

.global_wrapper {
  overflow: hidden; }

.global_content_wrapper {
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.555);
  background-color: #272625; }

.global_admin_box {
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  position: relative;
  background-color: blanchedalmond;
  width: 100%;
  height: 0;
  color: #2e2d2c;
  overflow: hidden; }
  .global_admin_box .menubox {
    background-color: #125976;
    font-size: 0.8em;
    color: white; }
    .global_admin_box .menubox .innerbounds {
      display: flex;
      flex-direction: row;
      margin: 0 2em 0 2em;
      padding: 0.25em; }
    .global_admin_box .menubox .menupoint {
      padding: 0.25em 1em 0.25em 1em;
      margin-right: 1em;
      background-color: rgba(0, 0, 0, 0.25);
      cursor: pointer;
      border-radius: 5px;
      font-weight: bold; }
  .global_admin_box .bounding {
    padding-top: 2em;
    margin: 0 2em 2em 2em; }
  .global_admin_box input {
    border: 2px solid #2e2d2c;
    width: 30em; }
  .global_admin_box #admin_box_result {
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: auto;
    height: auto;
    max-height: 14.5em; }
  .global_admin_box .result {
    width: 80%;
    color: #2e2d2c; }
    .global_admin_box .result .res {
      margin-bottom: 0.2em;
      border-radius: 10px;
      background-color: rgba(136, 136, 136, 0.1); }
      .global_admin_box .result .res.approval {
        background-color: rgba(207, 32, 32, 0.1); }
        .global_admin_box .result .res.approval:nth-of-type(2n) {
          background-color: rgba(207, 32, 32, 0.2); }
      .global_admin_box .result .res.pending {
        background-color: rgba(32, 207, 55, 0.1); }
        .global_admin_box .result .res.pending:nth-of-type(2n) {
          background-color: rgba(32, 207, 125, 0.2); }
      .global_admin_box .result .res:nth-of-type(2n) {
        background-color: rgba(136, 136, 136, 0.2); }
      .global_admin_box .result .res .ele {
        padding: 0.5em; }

input {
  border: 2px solid #ffffff;
  border-radius: 5px;
  padding: 0.5em; }

#mobile_navigation_checkbox {
  display: none; }

input[id="mobile_navigation_checkbox"]:checked ~ .global_content_wrapper {
  -webkit-transform: translate3d(-45vw, 0, 0);
  -moz-transform: translate3d(-45vw, 0, 0);
  -o-transform: translate3d(-45vw, 0, 0);
  transform: translate3d(-45vw, 0, 0); }

input[id="mobile_navigation_checkbox"]:checked ~ .mobilenav {
  right: 0vw;
  visibility: visible; }

.contenttablewrapper {
  overflow: auto; }
  .contenttablewrapper .contenttable .trow .tcell {
    padding: 0.8em 1.2em;
    background-color: rgba(136, 136, 136, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.5); }
    .contenttablewrapper .contenttable .trow .tcell.theadline {
      font-family: "OpenSansExtraBold";
      text-transform: uppercase;
      font-style: italic;
      background-color: rgba(50, 50, 50, 0.3); }
    .contenttablewrapper .contenttable .trow .tcell.rowhead {
      font-family: "OpenSansSemiBold";
      text-transform: uppercase;
      font-style: italic;
      background-color: rgba(90, 90, 90, 0.3); }

.mobilenav {
  position: fixed;
  visibility: hidden;
  right: 0vw;
  top: 0;
  bottom: 0;
  width: 45vw;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  background-color: #2e2e2e; }
  .mobilenav .menupoints {
    font-family: "OpenSansSemiBold";
    font-style: italic;
    text-transform: uppercase; }
    .mobilenav .menupoints .menubaritem {
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      height: 5em;
      border-bottom: 1px solid #444;
      padding-left: 2em; }
      .mobilenav .menupoints .menubaritem .newinmenu {
        position: relative;
        font-size: 0.8em;
        left: -2em;
        background-color: red;
        margin-left: 0.25em;
        padding: 0 0.2em 0 0.2em; }
      .mobilenav .menupoints .menubaritem:hover {
        background-color: rgba(255, 255, 255, 0.06); }
      .mobilenav .menupoints .menubaritem.news {
        border-left: 1em solid #208bbb; }
      .mobilenav .menupoints .menubaritem.reviews {
        border-left: 1em solid #449216; }
      .mobilenav .menupoints .menubaritem.sushi {
        border-left: 1em solid #e27f2a; }
      .mobilenav .menupoints .menubaritem.redarea {
        border-left: 1em solid #951f1e; }
      .mobilenav .menupoints .menubaritem.forum {
        border-left: 1em solid #6a259a; }
      .mobilenav .menupoints .menubaritem .additem {
        border-radius: 1em;
        width: 2em;
        height: 2em;
        background-color: orange;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: "OpenSansExtraBold";
        margin-right: 0.5em; }

.schemainvisible {
  display: none; }

.toastcontainer {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  position: fixed;
  right: 0;
  top: 5em;
  z-index: 99991;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease; }
  .toastcontainer.hidden {
    right: initial;
    left: -1000em;
    min-width: 30em;
    min-height: 5em;
    visibility: hidden; }
  .toastcontainer .toast {
    -moz-transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 10px;
    background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box;
    margin: 10px;
    padding: 1em;
    width: 25em;
    transform: translate3d(28em, 0, 0); }
    .toastcontainer .toast.warning {
      background: transparent linear-gradient(90deg, #ff3b00 0%, #b9000b 100%) 0% 0% no-repeat padding-box; }
    .toastcontainer .toast.saved {
      background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
    .toastcontainer .toast.show {
      transform: translate3d(0, 0, 0); }

.alertswrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  left: 0em;
  top: -1em;
  font-size: 0.8em;
  border-radius: 0.75em;
  padding: 0.2em;
  z-index: 1;
  background-color: grey; }
  .alertswrapper.mobile {
    left: -3em; }
  .alertswrapper.newsindicator {
    left: initial;
    right: -1em;
    background-color: red;
    bottom: -1em;
    border-radius: 0;
    padding: 0.1em;
    top: initial;
    font-size: 0.7em; }

.alerts {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 1.5em;
  min-height: 1.5em;
  left: -1em;
  top: -1em;
  background-color: red;
  font-size: 0.7em;
  border-radius: 0.75em;
  padding: 0.2em;
  z-index: 1; }

.generic_userbox {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin: 0 2em 0 2em;
  justify-content: center;
  align-items: center;
  font-family: "OpenSansSemiBold"; }
  .generic_userbox .avatarcircle {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    border-radius: 15px; }
    .generic_userbox .avatarcircle img {
      display: none;
      width: 30px;
      height: 30px; }
    .generic_userbox .avatarcircle .placeholder {
      width: 30px;
      height: 30px;
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "OpenSansExtraBold"; }
  .generic_userbox .avatext {
    font-size: 0.8em;
    white-space: nowrap;
    cursor: pointer; }
  .generic_userbox .unreads {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 1.5em;
    min-height: 1.5em;
    right: 0;
    top: -1em;
    background-color: red;
    font-size: 0.7em;
    border-radius: 0.75em;
    padding: 0.2em;
    z-index: 1; }
  .generic_userbox .avalogout {
    font-size: 0.7em;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer; }

.videocontainer {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em; }
  .videocontainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ad_300x250, .ext_300x250 {
  position: relative;
  width: 300px;
  height: 250px;
  background-color: black; }

.ad_300x600, .ext_300x600 {
  position: relative;
  width: 300px;
  height: 600px;
  background-color: black; }

.controlmenu {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2e2e2e;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2; }
  .controlmenu .item {
    display: flex;
    font-family: "OpenSansSemiBold";
    font-style: italic;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 3em;
    border-bottom: 1px solid #444;
    padding: 0 2em 0 2em; }
    .controlmenu .item.arealock {
      flex-direction: column;
      height: 5em;
      justify-content: space-evenly; }
      .controlmenu .item.arealock .areaselector {
        justify-content: space-evenly; }
        .controlmenu .item.arealock .areaselector .controlbuttons {
          background-color: transparent; }
          .controlmenu .item.arealock .areaselector .controlbuttons.selected {
            background-color: yellowgreen;
            color: #2e2d2c; }
          .controlmenu .item.arealock .areaselector .controlbuttons:hover {
            background-color: rgba(255, 255, 255, 0.06); }
      .controlmenu .item.arealock:hover {
        background-color: #2e2e2e; }
    .controlmenu .item:hover {
      background-color: rgba(255, 255, 255, 0.06); }

.highlightlayer {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 50%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; }
  .highlightlayer.softer {
    background-color: rgba(255, 255, 255, 0.05); }

.cornerlabel {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0.6em 1em 0.6em 1em;
  background-color: #dedede;
  color: #2e2d2c;
  text-transform: uppercase;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  font-size: 1.2em;
  border-bottom-right-radius: 10px; }
  .cornerlabel.righttop {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
    left: initial;
    right: 0px;
    top: 0px; }
  .cornerlabel.rightbottom {
    border-bottom-right-radius: 0;
    border-top-left-radius: 10px;
    left: initial;
    top: initial;
    right: 0px;
    bottom: 0px; }
  .cornerlabel.leftbottom {
    border-bottom-right-radius: 0;
    border-top-right-radius: 10px;
    top: initial;
    bottom: 0px; }

.mailtable {
  background-color: #393939;
  border-radius: 10px;
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.6); }
  .mailtable .mailrow.headline {
    font-family: "OpenSansExtraBold";
    text-transform: uppercase;
    font-size: 1.2em;
    color: #ffffff; }
  .mailtable .mailrow td,
  .mailtable .mailrow th {
    padding: 0.5em; }
  .mailtable .mailrow:nth-of-type(2n) {
    background-color: #444444; }
  .mailtable .mailrow.untouched {
    font-family: "OpenSansExtraBold";
    text-transform: uppercase;
    color: #ffffff; }
  .mailtable .mailrow .dllink {
    margin-right: 0.25em; }
  .mailtable .mailrow .date {
    white-space: nowrap; }
  .mailtable .mailrow .controlbuttons {
    display: inline-flex;
    color: #ffffff; }
    .mailtable .mailrow .controlbuttons.removed {
      background: transparent linear-gradient(90deg, #ff3b00 0%, #b9000b 100%) 0% 0% no-repeat padding-box; }
  .mailtable .mailrow .users {
    width: 2em;
    border-radius: 1em;
    vertical-align: middle;
    margin: 0 0.25em 0.25em 0; }

.mailtable_dim {
  display: none;
  position: fixed;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .mailtable_dim #mailtable_wrapper {
    border-radius: 10px;
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden; }
    .mailtable_dim #mailtable_wrapper .theline {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
      padding: 1em;
      font-style: italic;
      justify-content: space-between; }
      .mailtable_dim #mailtable_wrapper .theline .cwlogo {
        height: 2em; }
    .mailtable_dim #mailtable_wrapper .mailcontentent {
      background-color: #2e2e2e;
      padding: 1em;
      height: 70vh;
      overflow: auto; }
      .mailtable_dim #mailtable_wrapper .mailcontentent iframe {
        width: 100%;
        height: 100%;
        background-color: white;
        font-family: "OpenSans"; }
    .mailtable_dim #mailtable_wrapper .controlstrip {
      display: flex;
      flex-direction: row;
      position: absolute;
      top: 0em;
      right: 0em; }

h1,
h2 {
  font-size: 2em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold"; }

h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold"; }

h4 {
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold"; }

a {
  text-decoration: none;
  color: white; }
  a:visited {
    color: white; }
  a.dark {
    color: #2e2d2c; }
    a.dark:visited {
      color: #2e2d2c; }
  a.light {
    color: #ffffff; }
    a.light:visited {
      color: #ffffff; }

div {
  line-height: 1.6; }

.bold {
  font-weight: bold; }

.italic {
  font-style: italic; }

.smallfont {
  font-size: 0.65em; }

.smaller {
  font-size: 0.85em; }

.underline {
  text-decoration: underline; }

.bbcodeurl {
  text-decoration: underline; }

.textdark {
  color: #2e2d2c; }

.preform {
  font-family: "dejavu_sans_monobook";
  font-size: 0.9em;
  word-wrap: normal;
  white-space: break-spaces; }

.nowrap {
  white-space: nowrap; }

.preformblock {
  font-family: "dejavu_sans_monobook";
  font-size: 0.9em;
  word-wrap: normal;
  white-space: break-spaces;
  padding: 1em;
  background-color: #161616;
  margin: 0.5em 0 0.5em 0;
  border-radius: 5px; }

.inlineblock {
  position: relative;
  font-size: 0.9em;
  word-wrap: normal;
  padding: 0.7em;
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0.5em 0 0.5em 0;
  border-radius: 5px; }
  .inlineblock .quoter {
    position: absolute;
    top: -1.7em;
    left: 0em; }

.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1280px; }

.theveil {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(136, 136, 136, 0.3) 60%, rgba(255, 255, 255, 0.06) 100%); }

.flex1 {
  flex: 1; }

.flex2 {
  flex: 2; }

.flex3 {
  flex: 3; }

.pointer {
  cursor: pointer; }

.controlbuttons {
  display: flex;
  position: relative;
  background-color: orange;
  border-radius: 5px;
  padding: 0.2em 0.2em 0.2em 0.2em;
  cursor: pointer;
  overflow: hidden;
  min-width: 1.4em;
  min-height: 1.4em;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: fit-content;
  margin: 0 0.1em 0 0.1em;
  border: 2px solid transparent; }
  .controlbuttons.active, .controlbuttons.selected {
    border: 2px solid white; }
  .controlbuttons::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }
  .controlbuttons.small {
    font-size: 0.65em; }
  .controlbuttons.bg_save {
    color: white; }

.invisible_shower {
  display: none;
  flex-direction: row;
  padding: 1em;
  justify-content: center;
  align-items: center;
  -moz-transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  text-transform: uppercase; }

.searchboxrow {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .searchboxrow input {
    font-size: 1.2em;
    width: 50%; }

.searchpagesbuttoncolumn {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .searchpagesbuttoncolumn .controlbuttons {
    border: 3px solid transparent;
    min-width: 4em; }
    .searchpagesbuttoncolumn .controlbuttons.selected {
      border: 3px solid #ffffff;
      font-weight: bold; }
  .searchpagesbuttoncolumn .childrow {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 1em; }
    .searchpagesbuttoncolumn .childrow .controlbuttons {
      margin-top: 0.5em; }

.cs_white {
  color: white; }

.cs_dark {
  color: #2e2d2c; }
  .cs_dark:visited {
    color: #2e2d2c; }

.fixed_white {
  color: white; }
  .fixed_white:visited {
    color: white; }

.fixed_dark {
  color: #2e2d2c; }
  .fixed_dark:visited {
    color: #2e2d2c; }

@keyframes pulsate {
  from {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  35% {
    transform: rotate(0deg) scale(0.6) skew(0deg) translate(0px); }
  50% {
    transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
  65% {
    transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px); }
  to {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } }
@keyframes shake {
  from {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  35% {
    transform: rotate(-15deg) scale(1) skew(0deg) translate(0px); }
  50% {
    transform: rotate(15deg) scale(1) skew(0deg) translate(0px); }
  65% {
    transform: rotate(-10deg) scale(1) skew(0deg) translate(0px); }
  to {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } }
@keyframes softpulsate {
  from {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  35% {
    transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
  50% {
    transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
  65% {
    transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px); }
  to {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } }
.dopulsate {
  animation-duration: 0.7s;
  animation-name: pulsate;
  animation-iteration-count: 3; }

.doshake {
  animation-duration: 0.7s;
  animation-name: shake;
  animation-iteration-count: 3; }

.dosoftpulsate, .do_aufmerksamkeit {
  animation-duration: 1.2s;
  animation-name: softpulsate;
  animation-iteration-count: infinite; }

@keyframes spulsate {
  from {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); }
  50% {
    transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px); }
  to {
    transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } }
.smoothpulsate {
  animation-duration: 0.7s;
  animation-name: spulsate;
  animation-iteration-count: infinite; }

.heartcolor {
  color: #b61916; }

.savecolor {
  color: #30720a; }

.dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990; }

.errorcolor {
  color: red; }

.pendingcolor {
  color: green; }

.error {
  position: relative; }
  .error::after {
    content: " ⚠️" !important; }

.noscroll {
  overflow: hidden; }

.noshow {
  display: none; }

.picturegallery {
  position: relative;
  margin: 1em 2em 4em 3em;
  padding: 3em 1em 1em 1em;
  background-color: #393939;
  border-radius: 10px;
  min-height: 12em; }
  .picturegallery div {
    position: relative; }
  .picturegallery .delpicture {
    position: absolute;
    top: 0;
    left: 0;
    color: red; }
  .picturegallery::before {
    position: absolute;
    top: 1em;
    content: "Bildergalerie";
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: "OpenSansExtraBold";
    font-style: italic;
    margin-bottom: 1em;
    padding-bottom: 1em; }

.picturegallery_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990; }
  .picturegallery_dim .picturegallery_controlbuttons {
    display: flex;
    position: absolute;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    top: 0em;
    right: 0em; }
  .picturegallery_dim #picturegallery_wrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: rgba(0, 0, 0, 0.6); }
  .picturegallery_dim #picturegallery_picbig {
    width: 100%;
    height: 100%;
    object-fit: contain; }

.generic_loginbox_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9990; }
  .generic_loginbox_dim #generic_loginbox_wrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: #2e2e2e;
    overflow: hidden;
    border-radius: 10px; }
    .generic_loginbox_dim #generic_loginbox_wrapper .theline {
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
      padding: 1em;
      font-style: italic;
      justify-content: space-between; }
      .generic_loginbox_dim #generic_loginbox_wrapper .theline .cwlogo {
        height: 2em; }
    .generic_loginbox_dim #generic_loginbox_wrapper .content {
      padding: 1em;
      font-family: "OpenSansSemiBold"; }

.picturepicker_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .picturepicker_dim #picturepicker_cropperwrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden; }
    .picturepicker_dim #picturepicker_cropperwrapper .controlstrip {
      display: flex;
      flex-direction: row;
      position: absolute;
      top: 0em;
      right: 0em; }
  .picturepicker_dim #picturepicker_imgbig {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .picturepicker_dim #picturepicker_dim_wrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: #2e2e2e;
    overflow: hidden;
    border-radius: 10px;
    overflow: hidden; }
    .picturepicker_dim #picturepicker_dim_wrapper .theline {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
      padding: 1em;
      font-style: italic;
      justify-content: space-between; }
      .picturepicker_dim #picturepicker_dim_wrapper .theline .cwlogo {
        height: 2em; }
    .picturepicker_dim #picturepicker_dim_wrapper .content {
      padding: 1em;
      font-family: "OpenSansSemiBold"; }
      .picturepicker_dim #picturepicker_dim_wrapper .content .picturechooser {
        justify-content: center;
        align-items: center; }
    .picturepicker_dim #picturepicker_dim_wrapper .autoscroll {
      position: relative;
      overflow: auto;
      height: 16em; }
    .picturepicker_dim #picturepicker_dim_wrapper .tabcontent {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 1em;
      min-height: 15em;
      background-color: #404040; }
      .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture {
        position: relative;
        margin-right: 1em;
        margin-bottom: 1em;
        border: 2px solid transparent; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture.selected {
          border: 2px solid orange; }
          .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture.selected.swapped {
            border: 2px solid red; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture .delpicture {
          position: absolute;
          right: -0.5em;
          top: -0.5em;
          color: red;
          padding: 0 0.2em 0 0.2em;
          background-color: rgba(0, 0, 0, 0.6);
          cursor: pointer; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture .editpicture {
          position: absolute;
          right: 1.2em;
          top: -0.5em;
          padding: 0 0.2em 0 0.2em;
          background-color: rgba(0, 0, 0, 0.6);
          cursor: pointer; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabcontent .picture .swappicture {
          position: absolute;
          right: 2.9em;
          top: -0.5em;
          padding: 0 0.2em 0 0.2em;
          background-color: rgba(0, 0, 0, 0.6);
          cursor: pointer; }
    .picturepicker_dim #picturepicker_dim_wrapper #picturepicker_dropzone {
      position: relative;
      width: 20em;
      height: 12em;
      border: 2px dashed orange;
      margin-right: 1em;
      margin-bottom: 1em; }
      .picturepicker_dim #picturepicker_dim_wrapper #picturepicker_dropzone::before {
        position: absolute;
        top: 5.5em;
        content: "Bilder hier droppen";
        width: 100%;
        text-align: center;
        font-family: "OpenSansExtraBold";
        font-style: italic;
        text-transform: uppercase; }
    .picturepicker_dim #picturepicker_dim_wrapper .tabrow {
      position: relative;
      display: flex;
      flex-direction: row;
      margin-top: 1em; }
      .picturepicker_dim #picturepicker_dim_wrapper .tabrow .tab {
        position: relative;
        background-color: #1c1c1c;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        margin-right: 0.8em;
        display: flex;
        cursor: pointer;
        justify-content: center;
        align-items: center;
        min-height: 2em;
        padding: 0.5em; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabrow .tab.selected {
          background-color: #404040; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabrow .tab:first-child {
          margin-left: 0.5em; }
        .picturepicker_dim #picturepicker_dim_wrapper .tabrow .tab .deltab {
          position: absolute;
          color: red;
          right: -0.5em;
          top: -0.5em; }

.relitem {
  position: relative; }

.absitem {
  position: absolute; }

.fullwidthitem {
  width: 100%; }

.cbutwrapper {
  position: absolute;
  right: -1em;
  top: -1em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .cbutwrapper.smallinline {
    font-size: 0.65em;
    right: 0.1em;
    top: 0.1em; }
  .cbutwrapper #ge_cropsave {
    display: none; }

.cookies_dim {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .cookies_dim .deadline_tabled {
    width: initial; }
  .cookies_dim #cookies_dim_wrapper {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row; }
    .cookies_dim #cookies_dim_wrapper .headline {
      padding: 1em;
      background-color: #208bbb;
      flex-shrink: 0; }
    .cookies_dim #cookies_dim_wrapper .content {
      padding: 1em;
      overflow: hidden; }
      .cookies_dim #cookies_dim_wrapper .content.buttonspace {
        padding: 0.25em;
        flex-shrink: 0; }

.newsinlistview {
  position: relative; }
  .newsinlistview .item {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-bottom: 1em;
    background-color: #393939;
    border-radius: 10px;
    overflow: hidden;
    color: #BFBFBF; }
    .newsinlistview .item .imgcontainer, .newsinlistview .item .placeholder {
      min-width: 12em;
      width: 12em;
      height: 8em;
      overflow: hidden; }
      .newsinlistview .item .imgcontainer img, .newsinlistview .item .placeholder img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .newsinlistview .item .meta {
      position: relative;
      padding: 1em;
      display: flex;
      flex-direction: column;
      margin-left: 1em;
      font-size: 0.8em;
      justify-content: space-between;
      align-items: flex-end; }
      .newsinlistview .item .meta .buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-end; }
        .newsinlistview .item .meta .buttons div {
          margin-bottom: 0.5em; }
    .newsinlistview .item .authortime {
      position: absolute;
      right: 1em;
      bottom: 1em;
      font-size: 0.8em; }
    .newsinlistview .item .content {
      padding: 0.6em; }
    .newsinlistview .item .placeholder.mode1 {
      background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode2 {
      background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode3 {
      background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode4 {
      background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode5 {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode6 {
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .placeholder.mode7 {
      background: transparent linear-gradient(90deg, #ff3b00 0%, #800008 100%) 0% 0% no-repeat padding-box; }
    .newsinlistview .item .sidecolor {
      min-width: 0.5em;
      max-width: 0.5em;
      width: 0.5em; }
      .newsinlistview .item .sidecolor.mode1 {
        background-color: #3fcdef; }
      .newsinlistview .item .sidecolor.mode2 {
        background-color: #ffc502; }
      .newsinlistview .item .sidecolor.mode3 {
        background-color: #ef62a1; }
      .newsinlistview .item .sidecolor.mode4 {
        background-color: #95d19f; }
      .newsinlistview .item .sidecolor.mode5 {
        background-color: #e466a5; }
      .newsinlistview .item .sidecolor.mode6 {
        background-color: #2a3480; }
      .newsinlistview .item .sidecolor.mode7 {
        background-color: #800008; }
    .newsinlistview .item h2 {
      font-size: 1.1rem; }
  .newsinlistview .newsitemdaybreaker {
    font-size: 1.2rem;
    font-family: "OpenSansExtraBold";
    text-transform: uppercase; }

.forumsinlistview .headline {
  font-size: 1.2rem;
  font-family: "OpenSansExtraBold";
  text-transform: uppercase; }

.systempf_dim, .logsystem_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .systempf_dim .deadline_tabled, .logsystem_dim .deadline_tabled {
    width: initial; }
  .systempf_dim #systempf_dim_wrapper, .systempf_dim #logsystem_dim_wrapper, .logsystem_dim #systempf_dim_wrapper, .logsystem_dim #logsystem_dim_wrapper {
    position: relative;
    max-width: 95vw;
    max-height: 85vh;
    background-color: #2e2e2e;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column; }
    .systempf_dim #systempf_dim_wrapper .headline, .systempf_dim #logsystem_dim_wrapper .headline, .logsystem_dim #systempf_dim_wrapper .headline, .logsystem_dim #logsystem_dim_wrapper .headline {
      padding: 1em;
      background-color: #208bbb;
      flex-shrink: 0; }
    .systempf_dim #systempf_dim_wrapper .logitem, .systempf_dim #logsystem_dim_wrapper .logitem, .logsystem_dim #systempf_dim_wrapper .logitem, .logsystem_dim #logsystem_dim_wrapper .logitem {
      background-color: rgba(255, 255, 255, 0.1); }
      .systempf_dim #systempf_dim_wrapper .logitem:nth-of-type(2n), .systempf_dim #logsystem_dim_wrapper .logitem:nth-of-type(2n), .logsystem_dim #systempf_dim_wrapper .logitem:nth-of-type(2n), .logsystem_dim #logsystem_dim_wrapper .logitem:nth-of-type(2n) {
        background-color: rgba(255, 255, 255, 0.25); }
      .systempf_dim #systempf_dim_wrapper .logitem td, .systempf_dim #logsystem_dim_wrapper .logitem td, .logsystem_dim #systempf_dim_wrapper .logitem td, .logsystem_dim #logsystem_dim_wrapper .logitem td {
        padding: 0.25em; }
        .systempf_dim #systempf_dim_wrapper .logitem td.mainicon, .systempf_dim #logsystem_dim_wrapper .logitem td.mainicon, .logsystem_dim #systempf_dim_wrapper .logitem td.mainicon, .logsystem_dim #logsystem_dim_wrapper .logitem td.mainicon {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
        .systempf_dim #systempf_dim_wrapper .logitem td.verb, .systempf_dim #logsystem_dim_wrapper .logitem td.verb, .logsystem_dim #systempf_dim_wrapper .logitem td.verb, .logsystem_dim #logsystem_dim_wrapper .logitem td.verb {
          font-family: "OpenSansSemiBold"; }
        .systempf_dim #systempf_dim_wrapper .logitem td.description, .systempf_dim #logsystem_dim_wrapper .logitem td.description, .logsystem_dim #systempf_dim_wrapper .logitem td.description, .logsystem_dim #logsystem_dim_wrapper .logitem td.description {
          font-size: 0.8em;
          font-style: initial; }
    .systempf_dim #systempf_dim_wrapper .content, .systempf_dim #logsystem_dim_wrapper .content, .logsystem_dim #systempf_dim_wrapper .content, .logsystem_dim #logsystem_dim_wrapper .content {
      padding: 1em;
      overflow: hidden;
      overflow-y: auto;
      flex-shrink: 1; }
      .systempf_dim #systempf_dim_wrapper .content .dboutput, .systempf_dim #logsystem_dim_wrapper .content .dboutput, .logsystem_dim #systempf_dim_wrapper .content .dboutput, .logsystem_dim #logsystem_dim_wrapper .content .dboutput {
        display: flex;
        flex-direction: row;
        background-color: rgba(255, 255, 255, 0.1); }
        .systempf_dim #systempf_dim_wrapper .content .dboutput:nth-of-type(2n), .systempf_dim #logsystem_dim_wrapper .content .dboutput:nth-of-type(2n), .logsystem_dim #systempf_dim_wrapper .content .dboutput:nth-of-type(2n), .logsystem_dim #logsystem_dim_wrapper .content .dboutput:nth-of-type(2n) {
          background-color: rgba(255, 255, 255, 0.25); }
        .systempf_dim #systempf_dim_wrapper .content .dboutput.total, .systempf_dim #logsystem_dim_wrapper .content .dboutput.total, .logsystem_dim #systempf_dim_wrapper .content .dboutput.total, .logsystem_dim #logsystem_dim_wrapper .content .dboutput.total {
          font-family: "OpenSansSemiBold"; }
      .systempf_dim #systempf_dim_wrapper .content.constrained, .systempf_dim #logsystem_dim_wrapper .content.constrained, .logsystem_dim #systempf_dim_wrapper .content.constrained, .logsystem_dim #logsystem_dim_wrapper .content.constrained {
        height: 15em; }
      .systempf_dim #systempf_dim_wrapper .content.buttonspace, .systempf_dim #logsystem_dim_wrapper .content.buttonspace, .logsystem_dim #systempf_dim_wrapper .content.buttonspace, .logsystem_dim #logsystem_dim_wrapper .content.buttonspace {
        min-height: 3em;
        height: 3em;
        flex-shrink: 0; }

.usercontent_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .usercontent_dim .deadline_tabled {
    width: initial; }
  .usercontent_dim #usercontent_dim_wrapper {
    position: relative;
    max-width: 850px;
    max-height: 80vh;
    background-color: #2e2e2e;
    border-radius: 10px;
    overflow: hidden; }
    .usercontent_dim #usercontent_dim_wrapper .headline {
      padding: 1em;
      background-color: #208bbb; }
    .usercontent_dim #usercontent_dim_wrapper .content {
      padding: 1em;
      overflow: hidden;
      overflow-y: auto; }
      .usercontent_dim #usercontent_dim_wrapper .content.constrained {
        max-height: 35em; }

.deadline_remfrom {
  position: absolute;
  top: -1em;
  right: -1em; }

.deadline_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .deadline_dim .deadline_tabled {
    width: initial; }
  .deadline_dim #deadline_dim_wrapper {
    position: relative;
    max-width: 550px;
    max-height: 80vh;
    background-color: #2e2e2e;
    border-radius: 10px; }
    .deadline_dim #deadline_dim_wrapper .headline {
      padding: 1em;
      background-color: #208bbb; }
    .deadline_dim #deadline_dim_wrapper .content {
      padding: 1em; }
      .deadline_dim #deadline_dim_wrapper .content table td {
        padding-top: 0.5em;
        padding-right: 1em; }

.gameeditor_devpub_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: #2e2e2e;
    overflow: hidden;
    border-radius: 10px; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .embodiement {
      max-height: 58vh; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper input {
      width: 26em; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .scrollcontainer {
      overflow: auto; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .developer {
      margin-right: 2em; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .pubrow,
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .devrow {
      margin-bottom: 0.2em; }
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .pubrow div,
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .devrow div {
        margin-right: 0.5em; }
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .pubrow .idcol,
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .devrow .idcol {
        width: 5em;
        color: #888; }
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .pubrow .name,
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .devrow .name {
        flex: 1; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .theline {
      background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
      padding: 1em;
      font-style: italic;
      justify-content: space-between; }
      .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .theline .cwlogo {
        height: 2em; }
    .gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .content {
      padding: 1em;
      font-family: "OpenSansSemiBold"; }

.generic_selectorbox {
  /* */
  position: absolute;
  display: none;
  top: 3em;
  z-index: 1;
  border-radius: 10px;
  overflow: auto;
  max-height: 20em;
  cursor: pointer;
  z-index: 9991; }
  .generic_selectorbox div {
    padding: 0.5em;
    min-width: 8em;
    background-color: #686868; }
    .generic_selectorbox div:nth-of-type(2n) {
      background-color: #5b5b5b; }
    .generic_selectorbox div:hover, .generic_selectorbox div.highlighted {
      background-color: #eeb15b;
      color: #2e2d2c; }

.barberpole {
  background-image: repeating-linear-gradient(-45deg, #58af58, #58af58 10px, #408840 10px, #408840 20px);
  background-size: 200% 200%;
  animation: barberpole 4s linear infinite; }

.greyedpole {
  background-image: repeating-linear-gradient(-45deg, #444444, #444444 10px, #333333 10px, #333333 20px);
  background-size: 200% 200%; }

.redpole {
  background-image: repeating-linear-gradient(-45deg, #740000, #740000 10px, #5e0000 10px, #5e0000 20px);
  background-size: 200% 200%; }

.red {
  color: #940000; }

.gameeditorwrapper {
  position: relative; }
  .gameeditorwrapper #ge_packshotwrapper {
    position: relative;
    max-width: 80vw;
    max-height: 80vh;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden; }
  .gameeditorwrapper #ge_packshotbig {
    width: 100%;
    height: 100%;
    object-fit: contain; }
  .gameeditorwrapper .barberpole {
    background-image: repeating-linear-gradient(-45deg, #58af58, #58af58 10px, #408840 10px, #408840 20px);
    background-size: 200% 200%;
    animation: barberpole 4s linear infinite; }

.gameeditor {
  position: relative;
  min-width: 50vw;
  max-width: 80vw;
  border-radius: 10px;
  background-color: #212020;
  overflow: hidden; }
  .gameeditor .title {
    font-size: 0.9em;
    background-color: #449216;
    padding: 1em; }
    .gameeditor .title h1 {
      text-transform: none; }
  .gameeditor .description {
    padding: 1em; }
  .gameeditor h4 {
    font-size: 0.9em;
    font-style: italic; }
  .gameeditor .genre,
  .gameeditor .player,
  .gameeditor .difficulty {
    position: relative;
    flex: 1; }
  .gameeditor .publisher,
  .gameeditor .developer {
    position: relative; }
  .gameeditor .specificsrow {
    display: flex;
    flex-direction: row;
    background-color: #393939;
    padding: 1em; }
    .gameeditor .specificsrow div {
      visibility: hidden; }
  .gameeditor .tabrow {
    position: relative;
    display: flex;
    flex-direction: row;
    margin-top: 2em; }
    .gameeditor .tabrow .tab {
      position: relative;
      background-color: #2c2c2c;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      margin-right: 0.8em;
      display: flex;
      cursor: pointer;
      justify-content: center;
      align-items: center;
      min-height: 2em;
      padding: 0.5em; }
      .gameeditor .tabrow .tab.selected {
        background-color: #393939; }
      .gameeditor .tabrow .tab:first-child {
        margin-left: 0.5em; }
      .gameeditor .tabrow .tab .deltab {
        position: absolute;
        color: red;
        right: -0.5em;
        top: -0.5em; }
  .gameeditor #ge_tabpackshotwrapper {
    overflow: auto;
    background-color: #393939;
    min-height: 16em; }
  .gameeditor #ge_picdropzone {
    position: relative;
    height: 4em;
    border: 2px dashed orange;
    margin: 0 1em 1em 1em; }
    .gameeditor #ge_picdropzone::before {
      position: absolute;
      top: 1.25em;
      content: "Bilder hier droppen";
      width: 100%;
      text-align: center;
      font-family: "OpenSansExtraBold";
      font-style: italic;
      text-transform: uppercase; }
  .gameeditor .packshots {
    display: none;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    height: 10em;
    padding: 2.5em 1em 1em 1em; }
    .gameeditor .packshots::after {
      position: absolute;
      top: 0.5em;
      content: "Bilder";
      font-size: 1.2em;
      text-transform: uppercase;
      line-height: 1.2;
      font-family: "OpenSansExtraBold";
      font-style: italic;
      margin-bottom: 1em;
      padding-bottom: 1em; }
    .gameeditor .packshots .addnew {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: 1px solid white;
      border-radius: 10px;
      height: 9em;
      width: 6em; }
    .gameeditor .packshots picture {
      position: relative;
      margin-bottom: 1em; }
      .gameeditor .packshots picture .delpackshot {
        position: absolute;
        right: 0.5em;
        top: -0.5em;
        color: red;
        padding: 0 0.2em 0 0.2em;
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer; }
      .gameeditor .packshots picture select {
        position: absolute;
        right: 0.5em;
        bottom: -0.5em;
        padding: 0 0.2em 0 0.2em;
        cursor: pointer; }
      .gameeditor .packshots picture .editpackshot {
        position: absolute;
        right: 2.2em;
        top: -0.5em;
        padding: 0 0.2em 0 0.2em;
        background-color: rgba(0, 0, 0, 0.6);
        cursor: pointer; }
      .gameeditor .packshots picture img {
        border: 1px solid white;
        height: 9em;
        margin-right: 1em; }
        .gameeditor .packshots picture img.newlyuploaded {
          border: 2px dashed orange; }

#activate_search {
  position: absolute;
  right: 2em;
  top: 0;
  font-size: 1rem;
  z-index: 1; }

.activate_search_off {
  display: none; }

.editcheckermode {
  background: none;
  background-color: #444;
  background-image: linear-gradient(45deg, #777777 25%, transparent 25%, transparent 75%, #777777 75%, #777777), linear-gradient(45deg, #777777 25%, transparent 25%, transparent 75%, #777777 75%, #777777);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
  animation: none; }

.show_editable {
  border-bottom: 1px dashed orange; }
  .show_editable.full {
    border: 1px dashed orange; }

.edit_headerpic_uploadmessage {
  display: none; }

.editorcontrols {
  position: absolute;
  top: 1em;
  right: 1em;
  z-index: 1; }
  .editorcontrols #edit_editor_button_headline {
    font-family: "OpenSansExtraBold"; }
  .editorcontrols.below {
    top: initial;
    bottom: 1em; }
  .editorcontrols .edit_headerpic_videomode,
  .editorcontrols .edit_headerpic_normmode,
  .editorcontrols .edit_visible_in_normmode {
    display: flex; }
  .editorcontrols .edit_headerpic_videoeditmode,
  .editorcontrols .edit_headerpic_editmode,
  .editorcontrols .edit_visible_in_editmode {
    display: none; }
  .editorcontrols.additonaleditcontrols {
    display: none; }

.visible_in_editmode {
  display: none; }

#edit_editor_dialog_tablewidth {
  display: none;
  position: relative;
  background-color: #464646;
  width: 20em;
  padding: 1.5em;
  border-radius: 10px; }
  #edit_editor_dialog_tablewidth .row.al div {
    flex: 1; }
  #edit_editor_dialog_tablewidth #edit_editor_dialog_tablecancel {
    position: absolute;
    right: 0;
    top: 0; }

#edit_editor_dialog_picgallery, #edit_editor_dialog_urlbox {
  display: none;
  position: relative;
  background-color: #464646;
  width: 20em;
  padding: 1.5em;
  border-radius: 10px; }
  #edit_editor_dialog_picgallery .row.al div, #edit_editor_dialog_urlbox .row.al div {
    flex: 1; }
  #edit_editor_dialog_picgallery #edit_editor_dialog_piccontainer, #edit_editor_dialog_urlbox #edit_editor_dialog_piccontainer {
    display: flex;
    overflow: auto; }
    #edit_editor_dialog_picgallery #edit_editor_dialog_piccontainer img, #edit_editor_dialog_urlbox #edit_editor_dialog_piccontainer img {
      margin-right: 1em;
      cursor: pointer;
      border: 2px solid transparent; }
      #edit_editor_dialog_picgallery #edit_editor_dialog_piccontainer img.selected, #edit_editor_dialog_urlbox #edit_editor_dialog_piccontainer img.selected {
        border: 2px solid orange; }
  #edit_editor_dialog_picgallery #edit_editor_dialog_piccancel, #edit_editor_dialog_picgallery #edit_editor_dialog_urlcancel, #edit_editor_dialog_urlbox #edit_editor_dialog_piccancel, #edit_editor_dialog_urlbox #edit_editor_dialog_urlcancel {
    position: absolute;
    right: 0;
    top: 0; }

.systemchooser {
  position: absolute;
  display: none;
  z-index: 9991;
  max-width: 24em;
  flex-wrap: wrap;
  font-size: 0.8em;
  justify-content: center;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em; }
  .systemchooser .cutrow {
    width: 100%;
    color: #2e2d2c;
    margin: 1em 0 1em 0.25em; }
  .systemchooser .systemchooserbutton {
    justify-content: center;
    align-items: center;
    margin: 0.25em 0.25em 0.25em 0.25em; }
    .systemchooser .systemchooserbutton .systembutton {
      min-width: 3.5em;
      margin-bottom: 0.3em;
      cursor: pointer; }
      .systemchooser .systemchooserbutton .systembutton:hover {
        background-color: orange !important; }

.quotecontainer {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 3em;
  margin: 1.5em;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
  .quotecontainer::before {
    content: '"';
    position: absolute;
    left: 0;
    top: -0.6em;
    font-size: 6em;
    font-family: "OpenSansExtraBold";
    font-style: italic; }
  .quotecontainer::after {
    content: '"';
    position: absolute;
    right: 0;
    bottom: -1em;
    font-size: 6em;
    font-family: "OpenSansExtraBold";
    font-style: italic; }

.floater {
  position: relative;
  background-color: #161616;
  padding: 1em;
  max-width: 60%;
  border-radius: 10px; }
  .floater.left {
    float: left;
    margin: 1em 1em 1em 0; }
  .floater.right {
    float: right;
    margin: 1em 0 1em 1em; }
  .floater.maximise {
    max-width: 95%; }

.systembutton {
  display: flex;
  position: relative;
  text-transform: uppercase;
  font-family: "OpenSansSemiBold";
  background-color: black;
  padding: 0 0.75em 0 0.75em;
  border-radius: 5px;
  font-size: 0.85em;
  font-style: normal;
  min-width: 2em;
  min-height: 1.2em;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  width: fit-content; }
  .systembutton.ps4 {
    background-color: #0018a0; }
  .systembutton.nswi {
    background-color: #dd0b63; }
  .systembutton.comments {
    background-color: #e08d1b; }
  .systembutton.comments:after {
    content: '';
    position: absolute;
    bottom: 0.1em;
    left: 50%;
    width: 0;
    height: 0;
    border: 0.75em solid transparent;
    border-top-color: #e08d1b;
    border-bottom: 0;
    border-left: 0;
    margin-left: -0.5em;
    margin-bottom: -0.75em;
    /* Den Background aus der Klasse da weiter unten abschalten */
    top: initial;
    background-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .systembutton.altcomments {
    background-color: #f0b461; }
  .systembutton:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    height: 50%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; }

.inlinesmiliey {
  vertical-align: middle; }

.button {
  padding-left: 1em;
  padding-right: 1em;
  height: 2em;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "OpenSansSemiBold";
  cursor: pointer; }

.bubble {
  padding-left: 1em;
  padding-right: 1em;
  height: 1.5em;
  border-radius: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "OpenSansSemiBold";
  cursor: pointer; }

.row {
  display: flex;
  flex-direction: row; }

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

.fjcenter {
  justify-content: center; }

.fjend {
  justify-content: flex-end; }

.fjspacebetween {
  justify-content: space-between; }

.facenter {
  align-items: center; }

.faend {
  align-items: center; }

.faspacebetween {
  align-items: space-between; }

.fwrap {
  flex-wrap: wrap; }

.fnwrap {
  flex-wrap: no-wrap; }

.mt1e {
  margin-top: 1em; }

.mt2e {
  margin-top: 2em; }

.mt3e {
  margin-top: 3em; }

.mb1e {
  margin-bottom: 1em; }

.mr1e {
  margin-right: 1em; }

.ml1e {
  margin-left: 1em; }

.mt2e {
  margin-top: 2em; }

.mb2e {
  margin-bottom: 2em; }

.mr2e {
  margin-right: 2em; }

.ml2e {
  margin-left: 2em; }

.minh1e {
  min-height: 1em; }

.minh2e {
  min-height: 2em; }

.push_margin_top {
  margin-top: 3em; }

.xxxcomments {
  background-color: #e08d1b; }

.xxxhotnews {
  background-color: #b62929; }

.pageblockcontainer {
  margin: 2em;
  overflow: hidden; }

.documentspage {
  overflow: visible; }
  .documentspage h1, .documentspage h2, .documentspage h3, .documentspage h4 {
    font-style: italic;
    margin-top: 1em;
    margin-bottom: 0.5em; }
  .documentspage.bigheadline {
    margin-top: 0;
    font-size: 1.5em; }
  .documentspage table {
    margin: 1em 0 1em 0; }
  .documentspage ul {
    list-style: disc;
    list-style-position: inside;
    margin: 1em; }
  .documentspage ol {
    list-style: upper-roman;
    list-style-position: outside;
    margin: 1em; }

.head {
  position: relative;
  display: flex;
  width: 100%;
  height: 140px;
  background-color: #197aa2;
  align-items: center;
  justify-content: flex-start;
  	/*
          Die drei Streifen oben
      */ }
  .head .admintoggle {
    display: none;
    position: absolute;
    right: 1em;
    bottom: 0em;
    cursor: pointer; }
    .head .admintoggle i {
      margin-right: 0.5em; }
    .head .admintoggle .text {
      font-size: 0.7em;
      text-transform: uppercase; }
    .head .admintoggle .notifications {
      display: none;
      position: absolute;
      right: -1em;
      top: -1em;
      padding: 0.25em;
      background-color: red;
      color: white;
      border-radius: 0.75em; }
  .head .logoutrow {
    position: absolute;
    right: 2em;
    bottom: 0.3em;
    cursor: pointer; }
    .head .logoutrow .text {
      font-size: 0.7em;
      text-transform: uppercase; }
  .head .burgermenu {
    display: none;
    position: relative;
    width: 2.5em;
    height: 1.5em;
    margin-right: 1em;
    cursor: pointer; }
    .head .burgermenu .stroke {
      transition: all 150ms linear;
      transform-origin: left top;
      position: absolute;
      background-color: white;
      height: 3px;
      width: 100%; }
      .head .burgermenu .stroke:nth-child(2) {
        top: 0.675em; }
      .head .burgermenu .stroke:nth-child(3) {
        transform-origin: left bottom;
        top: 1.37em; }
    .head .burgermenu.opened .stroke {
      transform: rotate(45deg); }
      .head .burgermenu.opened .stroke:nth-child(2) {
        background-color: rgba(255, 255, 255, 0); }
      .head .burgermenu.opened .stroke:nth-child(3) {
        transform: rotate(-45deg); }
  .head .menubackgroundwrapper {
    position: relative;
    background-color: #4cbeeb;
    width: 100%;
    height: 70px;
    border-top: 5px solid #3fcdef;
    border-bottom: 5px solid #3fcdef;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .head .menubackgroundwrapper nav {
      display: flex;
      width: 100%;
      top: initial;
      right: initial; }
    .head .menubackgroundwrapper .menupoints {
      display: flex;
      height: 70px;
      margin-left: 70px;
      justify-content: flex-start;
      align-items: center;
      flex: 1; }
      .head .menubackgroundwrapper .menupoints .menubaritem {
        position: relative;
        cursor: pointer;
        height: 100%;
        background-color: purple;
        margin-right: 50px;
        border-right-color: purple;
        border-top-color: purple;
        transition: all 150ms linear;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-grow: 1;
        max-width: 180px; }
        .head .menubackgroundwrapper .menupoints .menubaritem .newinmenu {
          position: relative;
          font-size: 0.7em;
          top: -0.5em;
          background-color: red;
          margin-left: 0.25em;
          padding: 0 0.2em 0 0.2em; }
        .head .menubackgroundwrapper .menupoints .menubaritem::before {
          position: absolute;
          content: "";
          left: -35px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 70px 35px 0 0;
          border-color: transparent transparent transparent transparent;
          border-right-color: inherit; }
        .head .menubackgroundwrapper .menupoints .menubaritem::after {
          position: absolute;
          content: "";
          right: -35px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 70px 35px 0 0;
          border-color: transparent transparent transparent transparent;
          border-top-color: inherit; }
        .head .menubackgroundwrapper .menupoints .menubaritem .additem {
          display: inline-block;
          font-family: "OpenSansExtraBold";
          background-color: orange;
          font-size: 0.8em;
          min-width: 1.2em;
          min-height: 1em;
          margin-right: 0.5em;
          display: flex;
          justify-content: center;
          align-items: center; }
        .head .menubackgroundwrapper .menupoints .menubaritem .border {
          position: absolute;
          top: 0px;
          right: -18px;
          width: 8px;
          height: 100%;
          background-color: rgba(255, 255, 255, 0.2);
          transform: skewX(-27deg);
          z-index: 1; }
        .head .menubackgroundwrapper .menupoints .menubaritem.news {
          background-color: #208bbb;
          border-right-color: #208bbb;
          border-top-color: #208bbb; }
          .head .menubackgroundwrapper .menupoints .menubaritem.news:hover {
            background-color: #114a64;
            border-right-color: #114a64;
            border-top-color: #114a64; }
        .head .menubackgroundwrapper .menupoints .menubaritem.reviews {
          background-color: #449216;
          border-right-color: #449216;
          border-top-color: #449216; }
          .head .menubackgroundwrapper .menupoints .menubaritem.reviews:hover {
            background-color: #2f660f;
            border-right-color: #2f660f;
            border-top-color: #2f660f; }
        .head .menubackgroundwrapper .menupoints .menubaritem.sushi {
          background-color: #e27f2a;
          border-right-color: #e27f2a;
          border-top-color: #e27f2a; }
          .head .menubackgroundwrapper .menupoints .menubaritem.sushi:hover {
            background-color: #924e14;
            border-right-color: #924e14;
            border-top-color: #924e14; }
        .head .menubackgroundwrapper .menupoints .menubaritem.redarea {
          background-color: #951f1e;
          border-right-color: #951f1e;
          border-top-color: #951f1e; }
          .head .menubackgroundwrapper .menupoints .menubaritem.redarea:hover {
            background-color: #6b1615;
            border-right-color: #6b1615;
            border-top-color: #6b1615; }
        .head .menubackgroundwrapper .menupoints .menubaritem.forum {
          background-color: #6a259a;
          border-right-color: #6a259a;
          border-top-color: #6a259a; }
          .head .menubackgroundwrapper .menupoints .menubaritem.forum:hover {
            background-color: #311148;
            border-right-color: #311148;
            border-top-color: #311148; }
  .head .logocontainerwrapper {
    display: flex;
    flex-basis: 400px; }
  .head .logocontainer_main {
    position: relative;
    background-color: #4cbeeb;
    border-top-color: #4cbeeb;
    height: 140px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1; }
    .head .logocontainer_main .logo {
      display: block;
      width: 132px;
      height: 73px; }
    .head .logocontainer_main::after {
      position: absolute;
      content: "";
      right: -70px;
      top: 0px;
      bottom: 0px;
      border-style: solid;
      border-width: 140px 70px 0 0;
      border-color: transparent transparent transparent transparent;
      border-top-color: inherit; }
    .head .logocontainer_main.second {
      width: 20px;
      height: 140px;
      background-color: #3db0df;
      border-top-color: #3db0df;
      z-index: 2;
      flex-grow: 0; }
      .head .logocontainer_main.second::after {
        position: absolute;
        content: "";
        right: -70px;
        top: 0px;
        bottom: 0px;
        border-style: solid;
        border-width: 140px 70px 0 0;
        border-color: transparent transparent transparent transparent;
        border-top-color: inherit; }
    .head .logocontainer_main.third {
      height: 140px;
      width: 20px;
      background-color: #30a0d0;
      border-top-color: #30a0d0;
      z-index: 1;
      flex-grow: 0; }
      .head .logocontainer_main.third::after {
        position: absolute;
        content: "";
        right: -70px;
        top: 0px;
        bottom: 0px;
        border-style: solid;
        border-width: 140px 70px 0 0;
        border-color: transparent transparent transparent transparent;
        border-top-color: inherit; }

.altherobannercontainer {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-radius: 10px;
  margin: 2em;
  background: #020024;
  background: linear-gradient(90deg, #2d2d2d 0%, #094779 59%, #3fcdef 100%);
  overflow: hidden; }
  .altherobannercontainer .invert {
    background-color: white;
    color: #2e2d2c;
    font-style: italic;
    padding: 0 0.25em 0 0.25em;
    margin-right: 0.25em; }
    .altherobannercontainer .invert.news {
      background-color: #208bbb; }
  .altherobannercontainer .controlstrip {
    display: flex;
    flex-direction: row;
    position: absolute;
    right: 1em;
    bottom: 1em;
    font-weight: bold; }
  .altherobannercontainer .adsbox, .altherobannercontainer .extinfos {
    background-color: black;
    width: 300px;
    height: 600px;
    margin: 2em; }
  .altherobannercontainer .alttextbody {
    margin-left: 2em;
    max-width: 820px; }
  .altherobannercontainer .progresscontainer {
    position: relative;
    top: -1em;
    background-color: transparent;
    margin: 0 0 0 2em;
    background-color: #272625; }
    .altherobannercontainer .progresscontainer .progressbar {
      background-color: orange;
      width: 0%;
      height: 0.25em; }
  .altherobannercontainer .altherobanner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 790px;
    height: 460px;
    margin: 2em 0 2em 2em; }
    .altherobannercontainer .altherobanner .nhwrapper {
      display: flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 0px;
      width: 100%;
      height: 100%;
      background-color: #197aa2;
      background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box; }
      .altherobannercontainer .altherobanner .nhwrapper .newsimage {
        displaY: block;
        width: 100%;
        max-width: 100%; }

@-moz-document url-prefix() {
  .altherobannercontainer .invert.news {
    padding-top: 0.2em; } }
.herobannercontainer {
  display: flex;
  justify-content: center; }
  .herobannercontainer .herobanner {
    position: relative;
    margin: 2em;
    width: 100%;
    height: 0;
    padding-top: 56.25%; }
    .herobannercontainer .herobanner .repositioner {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      border-radius: 10px;
      overflow: hidden; }
    .herobannercontainer .herobanner .heroimage {
      position: absolute;
      width: 100%;
      height: auto; }
    .herobannercontainer .herobanner picture:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(38deg, rgba(0, 24, 36, 0.5) 0%, rgba(9, 70, 121, 0.5) 35%, rgba(0, 212, 255, 0.5) 100%); }
    .herobannercontainer .herobanner .content {
      position: absolute;
      width: 100%;
      height: 100%; }
      .herobannercontainer .herobanner .content .upside {
        width: 100%;
        height: 100%; }
      .herobannercontainer .herobanner .content .downside {
        height: 100%;
        margin-left: 5em;
        margin-right: 5em;
        margin-bottom: 1em; }
        .herobannercontainer .herobanner .content .downside .button {
          margin-top: 2em;
          margin-right: 1em; }
        .herobannercontainer .herobanner .content .downside h2 {
          margin-top: 1.5em;
          margin-bottom: 0.5em; }

.superinfobox .content {
  position: relative;
  background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box;
  min-height: 15em;
  color: #2e2d2c;
  border-radius: 5px; }
  .superinfobox .content .breakingbox_edit {
    position: absolute;
    right: 1em;
    top: 1em; }
  .superinfobox .content .adminbox {
    color: #2e2d2c;
    display: none;
    padding: 1em; }
    .superinfobox .content .adminbox .result {
      width: 95%;
      color: #2e2d2c; }
      .superinfobox .content .adminbox .result .res {
        margin-bottom: 0.2em;
        border-radius: 10px;
        background-color: rgba(136, 136, 136, 0.1); }
        .superinfobox .content .adminbox .result .res:nth-of-type(2n) {
          background-color: rgba(136, 136, 136, 0.2); }
        .superinfobox .content .adminbox .result .res .ele {
          padding: 0.5em; }
          .superinfobox .content .adminbox .result .res .ele.bolder {
            font-family: "OpenSansExtraBold"; }
  .superinfobox .content .cadmintoggle {
    position: absolute;
    right: 1em;
    top: 0em;
    cursor: pointer; }
    .superinfobox .content .cadmintoggle i {
      margin-right: 0.5em; }
    .superinfobox .content .cadmintoggle .text {
      font-size: 0.7em;
      text-transform: uppercase; }
  .superinfobox .content.comments {
    background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
    color: #ffffff; }
    .superinfobox .content.comments .line {
      border-left: 2px solid #ffffff; }
  .superinfobox .content .container {
    position: absolute;
    width: 50%;
    margin-left: 30%;
    padding-left: 5%;
    top: 4em; }
    .superinfobox .content .container h2,
    .superinfobox .content .container h3,
    .superinfobox .content .container h4 {
      font-style: italic; }
  .superinfobox .content .line {
    position: absolute;
    width: 50%;
    border-left: 2px solid #2e2d2c;
    margin-left: 30%;
    bottom: 0;
    height: 70%; }
.superinfobox #breakingbox_thelink {
  color: currentColor; }
.superinfobox #breakingbox_displaytime {
  min-width: 10em;
  min-height: 1em;
  font-size: 0.9em;
  padding: 0.25em;
  font-weight: bold; }
.superinfobox .bboxadminc {
  display: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: blanchedalmond;
  padding: 1em;
  color: #2e2d2c; }
  .superinfobox .bboxadminc .inlinewrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
.superinfobox .subcontent {
  position: relative;
  height: 10em;
  color: #208bbb; }
  .superinfobox .subcontent.comments {
    color: #e08d1b; }
    .superinfobox .subcontent.comments .line {
      border-left: 2px solid #e08d1b;
      border-bottom: 2px solid #e08d1b; }
  .superinfobox .subcontent .container {
    position: absolute;
    width: 60%;
    margin-left: 30%;
    padding-left: 5%;
    bottom: 20%; }
    .superinfobox .subcontent .container h2,
    .superinfobox .subcontent .container h3,
    .superinfobox .subcontent .container h4 {
      text-align: right;
      font-style: italic; }
  .superinfobox .subcontent .line {
    position: absolute;
    width: 65%;
    border-left: 2px solid #208bbb;
    border-bottom: 2px solid #208bbb;
    margin-left: 30%;
    bottom: 0;
    height: 100%; }

.newsfilteractive {
  position: absolute;
  right: -0.6em;
  top: -0.6em;
  font-size: 0.7em;
  background-color: limegreen;
  color: white;
  width: 1.25em;
  height: 1.25em;
  border-radius: 0.625em; }

.newsfilterbox {
  position: absolute;
  display: none;
  background-color: #393939;
  z-index: 1;
  border-radius: 5px;
  overflow: hidden;
  left: -2.5em;
  font-size: 0.85em; }
  .newsfilterbox.show {
    display: flex; }
  .newsfilterbox h4 {
    padding: 0.5em;
    background-color: #208bbb; }
  .newsfilterbox .selections {
    padding: 1em;
    padding-left: 1.5em; }
    .newsfilterbox .selections div {
      position: relative;
      border-bottom: 1px solid #666; }
      .newsfilterbox .selections div:last-of-type {
        border-bottom: none; }
      .newsfilterbox .selections div i {
        display: none;
        font-size: 0.8em;
        position: absolute;
        left: -1.25em; }

.allowoverflow {
  overflow: visible; }

.newssummarycontainer {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }
  .newssummarycontainer.underlineit {
    border-bottom: 2px solid #208bbb; }
  .newssummarycontainer .newsitemdaybreaker {
    position: relative;
    min-width: 14em;
    max-width: 14em;
    border-radius: 5px;
    margin-right: 1em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .newssummarycontainer .newsitemdaybreaker.mode1 {
      background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode2 {
      background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode3 {
      background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode4 {
      background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode5 {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode6 {
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker.mode7 {
      background: transparent linear-gradient(90deg, #ff3b00 0%, #800008 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitemdaybreaker div {
      font-size: 1.5em;
      font-family: "OpenSansExtraBold";
      font-style: italic;
      text-transform: uppercase;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .newssummarycontainer .newsitemdaybreaker div .cday {
        font-size: 1.2em; }
  .newssummarycontainer .newsitem {
    position: relative;
    min-width: 14em;
    max-width: 14em;
    background-color: #444;
    color: #AFAFAF;
    margin-right: 1em;
    margin-bottom: 1em;
    border-radius: 5px;
    overflow: hidden;
    justify-content: space-between;
    border-bottom: 0.5em solid transparent; }
    .newssummarycontainer .newsitem a {
      color: #BFBFBF; }
    .newssummarycontainer .newsitem .systembutton {
      color: #ffffff; }
    .newssummarycontainer .newsitem.mode1 {
      border-bottom: 0.5em solid #3fcdef; }
    .newssummarycontainer .newsitem.mode2 {
      border-bottom: 0.5em solid #ffc502; }
    .newssummarycontainer .newsitem.mode3 {
      border-bottom: 0.5em solid #ef62a1; }
    .newssummarycontainer .newsitem.mode4 {
      border-bottom: 0.5em solid #95d19f; }
    .newssummarycontainer .newsitem.mode5 {
      border-bottom: 0.5em solid #e466a5; }
    .newssummarycontainer .newsitem.mode6 {
      border-bottom: 0.5em solid #2a3480; }
    .newssummarycontainer .newsitem.mode7 {
      border-bottom: 0.5em solid #800008; }
    .newssummarycontainer .newsitem img {
      width: 100%;
      height: auto;
      object-fit: cover; }
    .newssummarycontainer .newsitem .ar_sixteennine {
      position: relative;
      height: 0;
      padding-top: 56.25%;
      background-color: #5d5c57; }
      .newssummarycontainer .newsitem .ar_sixteennine .ar_inside {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .newssummarycontainer .newsitem .placeholder {
      height: 120px;
      background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode1 {
        background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode2 {
        background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode3 {
        background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode4 {
        background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode5 {
        background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode6 {
        background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
      .newssummarycontainer .newsitem .placeholder.mode7 {
        background: transparent linear-gradient(90deg, #ff3b00 0%, #800008 100%) 0% 0% no-repeat padding-box; }
    .newssummarycontainer .newsitem .content {
      padding: 1.2em;
      font-size: 0.6em; }
    .newssummarycontainer .newsitem p {
      padding: 0 1.2em 1.2em 1.2em;
      font-size: 0.6em; }
    .newssummarycontainer .newsitem .meta {
      position: absolute;
      right: 0.5em;
      top: 0.5em; }
      .newssummarycontainer .newsitem .meta .systembutton {
        font-size: 0.7em;
        margin-right: 0.5em; }
        .newssummarycontainer .newsitem .meta .systembutton:last-of-type {
          margin-right: 0; }

.sushiitembox {
  position: relative;
  min-width: 400px;
  background-color: #ccc;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 5px;
  overflow: hidden;
  justify-content: space-between;
  flex: 1; }
  .sushiitembox img {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover; }
  .sushiitembox .ar_sixteennine {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background-color: #5d5c57; }
    .sushiitembox .ar_sixteennine .ar_inside {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .sushiitembox .biggiholder {
    position: relative;
    background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
    padding-top: 50%;
    width: 100%;
    overflow: hidden; }
    .sushiitembox .biggiholder img {
      position: absolute;
      top: 0;
      left: 0;
      max-height: initial; }
  .sushiitembox .placeholder {
    height: 300px;
    background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
    color: reD; }
  .sushiitembox .content {
    color: #2e2d2c;
    padding: 1.2em;
    font-size: 1em; }
  .sushiitembox p {
    color: #2e2d2c;
    padding: 0 1.2em 1.2em 1.2em;
    font-size: 0.6em; }
  .sushiitembox .meta {
    position: absolute;
    right: 0.5em;
    top: 0.5em; }
    .sushiitembox .meta .systembutton {
      font-size: 0.7em;
      margin-right: 0.5em; }
      .sushiitembox .meta .systembutton:last-of-type {
        margin-right: 0; }

.reviewitembox,
.gameitembox {
  position: relative;
  min-width: 500px;
  background-color: #ccc;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 5px;
  overflow: hidden;
  justify-content: space-between;
  flex: 1; }
  .reviewitembox.widthconstrained,
  .gameitembox.widthconstrained {
    max-width: 640px; }
  .reviewitembox img,
  .gameitembox img {
    width: 100%;
    height: auto;
    object-fit: cover; }
  .reviewitembox .ar_sixteennine,
  .gameitembox .ar_sixteennine {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    background-color: #5d5c57; }
    .reviewitembox .ar_sixteennine .ar_inside,
    .gameitembox .ar_sixteennine .ar_inside {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .reviewitembox .biggiholder,
  .gameitembox .biggiholder {
    position: relative;
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
    padding-top: 50%;
    width: 100%;
    overflow: hidden; }
    .reviewitembox .biggiholder img,
    .gameitembox .biggiholder img {
      position: absolute;
      top: 0;
      left: 0;
      max-height: initial; }
  .reviewitembox .placeholder,
  .gameitembox .placeholder {
    height: 300px;
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
    color: reD; }
  .reviewitembox .content,
  .gameitembox .content {
    color: #2e2d2c;
    padding: 1.2em;
    font-size: 1em; }
  .reviewitembox p,
  .gameitembox p {
    color: #2e2d2c;
    padding: 0 1.2em 1.2em 1.2em;
    font-size: 0.6em; }
  .reviewitembox .ratingnumber,
  .gameitembox .ratingnumber {
    text-transform: uppercase;
    line-height: 1.2;
    font-family: "OpenSansExtraBold";
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 1em; }
    .reviewitembox .ratingnumber .superbig,
    .gameitembox .ratingnumber .superbig {
      width: 3em;
      height: 3em;
      font-size: 2em;
      border: 0.08em solid white;
      border-radius: 3em;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
  .reviewitembox .meta,
  .gameitembox .meta {
    position: absolute;
    right: 0.5em;
    top: 0.5em; }
    .reviewitembox .meta .systembutton,
    .gameitembox .meta .systembutton {
      font-size: 0.7em;
      margin-right: 0.5em; }
      .reviewitembox .meta .systembutton:last-of-type,
      .gameitembox .meta .systembutton:last-of-type {
        margin-right: 0; }

.thinbuttons {
  cursor: pointer;
  border: 2px solid white;
  border-radius: 5px;
  padding: 0 0.25em 0 0.25em; }
  .thinbuttons.selected {
    background-color: orange; }

#forumscontiner, #commentscontainer {
  background: transparent linear-gradient(90deg, #4d8fce 0%, #073f6b 100%) 0% 0% no-repeat padding-box;
  min-height: 450px;
  border-radius: 5px;
  padding-top: 1px;
  /* QUIRK, sonst hat der margin-top direkt hierunter keine WIrkung */
  padding-bottom: 1px;
  /* QUIRK, sonst hat der margin-bottom direkt hierunter keine WIrkung */ }
  #forumscontiner.sony, #commentscontainer.sony {
    background: transparent linear-gradient(90deg, #4d8fce 0%, #073f6b 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.microsoft, #commentscontainer.microsoft {
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.nintendo, #commentscontainer.nintendo {
    background: transparent linear-gradient(90deg, #ff3b00 0%, #b9000b 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.wars, #commentscontainer.wars {
    background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.media, #commentscontainer.media {
    background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.rest, #commentscontainer.rest {
    background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.games, #commentscontainer.games {
    background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner.all, #commentscontainer.all {
    background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
  #forumscontiner .headerbox, #commentscontainer .headerbox {
    margin-top: 50px;
    margin-left: 200px;
    margin-bottom: 50px; }
  #forumscontiner .paneselector, #commentscontainer .paneselector {
    margin-bottom: 50px; }
    #forumscontiner .paneselector .tabs, #commentscontainer .paneselector .tabs {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 200px; }
      #forumscontiner .paneselector .tabs li .innerjustifer, #commentscontainer .paneselector .tabs li .innerjustifer {
        color: #2e2d2c;
        background-color: rgba(255, 255, 255, 0.3);
        margin-bottom: 5px;
        padding: 10px;
        border-radius: 5px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
        #forumscontiner .paneselector .tabs li .innerjustifer:hover span, #commentscontainer .paneselector .tabs li .innerjustifer:hover span {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          width: 75px;
          margin-left: 15px; }
          #forumscontiner .paneselector .tabs li .innerjustifer:hover span.shorter, #commentscontainer .paneselector .tabs li .innerjustifer:hover span.shorter {
            width: 53px; }
          #forumscontiner .paneselector .tabs li .innerjustifer:hover span.shortest, #commentscontainer .paneselector .tabs li .innerjustifer:hover span.shortest {
            width: 40px; }
        #forumscontiner .paneselector .tabs li .innerjustifer span, #commentscontainer .paneselector .tabs li .innerjustifer span {
          text-align: right;
          width: 0px;
          overflow: hidden;
          transition: width 0.15s ease-out; }
        #forumscontiner .paneselector .tabs li .innerjustifer i, #commentscontainer .paneselector .tabs li .innerjustifer i {
          width: 1.5em;
          color: rgba(46, 45, 44, 0.7); }
        #forumscontiner .paneselector .tabs li .innerjustifer.selected, #commentscontainer .paneselector .tabs li .innerjustifer.selected {
          color: white; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.sony, #commentscontainer .paneselector .tabs li .innerjustifer.selected.sony {
            background-color: #23446a; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.microsoft, #commentscontainer .paneselector .tabs li .innerjustifer.selected.microsoft {
            background-color: #00840d; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.nintendo, #commentscontainer .paneselector .tabs li .innerjustifer.selected.nintendo {
            background-color: #d30000; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.wars, #commentscontainer .paneselector .tabs li .innerjustifer.selected.wars {
            background-color: #f0462e; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.media, #commentscontainer .paneselector .tabs li .innerjustifer.selected.media {
            background-color: #782d70; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.rest, #commentscontainer .paneselector .tabs li .innerjustifer.selected.rest {
            background-color: #433d8c; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.games, #commentscontainer .paneselector .tabs li .innerjustifer.selected.games {
            background-color: #38bcad; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected.all, #commentscontainer .paneselector .tabs li .innerjustifer.selected.all {
            background-color: #f90050; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected span, #commentscontainer .paneselector .tabs li .innerjustifer.selected span {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-left: 25px;
            width: 75px; }
            #forumscontiner .paneselector .tabs li .innerjustifer.selected span.shorter, #commentscontainer .paneselector .tabs li .innerjustifer.selected span.shorter {
              width: 53px; }
            #forumscontiner .paneselector .tabs li .innerjustifer.selected span.shortest, #commentscontainer .paneselector .tabs li .innerjustifer.selected span.shortest {
              width: 40px; }
          #forumscontiner .paneselector .tabs li .innerjustifer.selected i, #commentscontainer .paneselector .tabs li .innerjustifer.selected i {
            color: white; }
    #forumscontiner .paneselector .content, #commentscontainer .paneselector .content {
      border-radius: 5px;
      width: 100%;
      margin-left: 1em;
      margin-right: 3em; }
      #forumscontiner .paneselector .content .row, #commentscontainer .paneselector .content .row {
        height: auto;
        justify-content: space-around;
        align-items: center;
        padding: 1em; }
        #forumscontiner .paneselector .content .row .time, #commentscontainer .paneselector .content .row .time {
          width: 20%; }
        #forumscontiner .paneselector .content .row .inhalt, #commentscontainer .paneselector .content .row .inhalt {
          width: 60%; }
        #forumscontiner .paneselector .content .row .nickname, #commentscontainer .paneselector .content .row .nickname {
          width: 20%;
          margin-left: 1em; }
        #forumscontiner .paneselector .content .row:nth-of-type(odd), #commentscontainer .paneselector .content .row:nth-of-type(odd) {
          background-color: rgba(0, 0, 0, 0.15); }
  #forumscontiner.compact, #commentscontainer.compact {
    font-size: 0.8em;
    max-width: 400px;
    min-width: 400px; }
    #forumscontiner.compact .headerbox, #commentscontainer.compact .headerbox {
      margin-top: 30px;
      margin-left: 20px;
      margin-bottom: 30px; }
    #forumscontiner.compact .paneselector .tabs, #commentscontainer.compact .paneselector .tabs {
      width: 60px; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span {
        display: inline-block;
        width: 0;
        margin-left: 0; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shorter, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span.shorter {
          width: 0; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shortest, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span.shortest {
          width: 0; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span {
        display: inline-block;
        width: 0;
        margin-left: 0; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shorter, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span.shorter {
          width: 0; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shortest, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span.shortest {
          width: 0; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer span, #commentscontainer.compact .paneselector .tabs li .innerjustifer span {
        text-align: right;
        width: 0px;
        overflow: hidden;
        transition: width 0.15s ease-out; }
    #forumscontiner.compact .paneselector .content .row, #commentscontainer.compact .paneselector .content .row {
      padding: 1em 0 1em 0; }
      #forumscontiner.compact .paneselector .content .row .time, #commentscontainer.compact .paneselector .content .row .time {
        display: none;
        width: 0%; }
      #forumscontiner.compact .paneselector .content .row .inhalt, #commentscontainer.compact .paneselector .content .row .inhalt {
        width: 80%; }
      #forumscontiner.compact .paneselector .content .row .nickname, #commentscontainer.compact .paneselector .content .row .nickname {
        width: 0%;
        margin-left: 1em;
        display: none; }

.graphheadlines {
  margin-top: 60px;
  display: inline-flex;
  justify-content: center;
  width: 100%; }
  .graphheadlines div {
    width: 80%; }
    .graphheadlines div h2 {
      display: inline-block;
      color: #f80c22;
      font-style: oblique;
      padding-bottom: 20px;
      border-bottom: 2px solid #f80c22; }

.graphcontainer {
  margin-top: 60px;
  position: relative;
  align-items: center; }
  .graphcontainer .thegrid {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 400px; }
    .graphcontainer .thegrid .gridline {
      box-sizing: border-box;
      border-top: 1px solid #666;
      height: 40px;
      width: 100%; }
      .graphcontainer .thegrid .gridline:last-of-type {
        border-bottom: 1px solid #666; }
  .graphcontainer .bars {
    position: relative;
    width: 80%;
    justify-content: space-between;
    align-items: flex-end;
    height: 400px; }
    .graphcontainer .bars .bar {
      display: flex;
      justify-content: center;
      align-items: flex-end;
      position: relative;
      width: 6%;
      background-color: yellowgreen;
      cursor: pointer; }
      .graphcontainer .bars .bar.b1 {
        background: transparent linear-gradient(0deg, #fb9f1d 0%, #fedd57 100%) 0% 0% no-repeat padding-box;
        height: 95%; }
      .graphcontainer .bars .bar.b2 {
        background: transparent linear-gradient(0deg, #c64c26 0%, #f6961b 100%) 0% 0% no-repeat padding-box;
        height: 85%; }
      .graphcontainer .bars .bar.b3 {
        background: transparent linear-gradient(0deg, #8e1d77 0%, #e267a5 100%) 0% 0% no-repeat padding-box;
        height: 75%; }
      .graphcontainer .bars .bar.b4 {
        background: transparent linear-gradient(0deg, #2e3a83 0%, #b484bd 100%) 0% 0% no-repeat padding-box;
        height: 65%; }
      .graphcontainer .bars .bar.b5 {
        background: transparent linear-gradient(0deg, #05406b 0%, #4c92d0 100%) 0% 0% no-repeat padding-box;
        height: 55%; }
      .graphcontainer .bars .bar.b6 {
        background: transparent linear-gradient(0deg, #19a2b8 0%, #8fcda0 100%) 0% 0% no-repeat padding-box;
        height: 45%; }
      .graphcontainer .bars .bar.b7 {
        background: transparent linear-gradient(0deg, #0f9c4a 0%, #9bc84b 100%) 0% 0% no-repeat padding-box;
        height: 35%; }
      .graphcontainer .bars .bar.b8 {
        background: transparent linear-gradient(0deg, #94b822 0%, #edeb0f 100%) 0% 0% no-repeat padding-box;
        height: 25%; }
      .graphcontainer .bars .bar.b9 {
        background: transparent linear-gradient(0deg, #af6244 0%, #e9b768 100%) 0% 0% no-repeat padding-box;
        height: 15%; }
      .graphcontainer .bars .bar.b10 {
        background: transparent linear-gradient(0deg, #ee3675 0%, #ef63a0 100%) 0% 0% no-repeat padding-box;
        height: 5%; }
      .graphcontainer .bars .bar span {
        font-family: "OpenSansSemiBold";
        font-size: 1.8em;
        transform: rotate(-90deg);
        transform-origin: center center;
        margin-bottom: 10px; }
  .graphcontainer .connectors {
    width: 80%;
    height: 40px; }
    .graphcontainer .connectors #graphcontainer_theline {
      width: 6%;
      border-right: 2px solid red; }
      .graphcontainer .connectors #graphcontainer_theline.pos1 {
        border-color: #fb9f1d;
        color: #fb9f1d;
        margin-left: -3%; }
      .graphcontainer .connectors #graphcontainer_theline.pos2 {
        border-color: #c64c26;
        color: #c64c26;
        margin-left: 7.44%; }
      .graphcontainer .connectors #graphcontainer_theline.pos3 {
        border-color: #8e1d77;
        color: #8e1d77;
        margin-left: 17.88%; }
      .graphcontainer .connectors #graphcontainer_theline.pos4 {
        border-color: #2e3a83;
        color: #2e3a83;
        margin-left: 28.32%; }
      .graphcontainer .connectors #graphcontainer_theline.pos5 {
        border-color: #05406b;
        color: #05406b;
        margin-left: 38.76%; }
      .graphcontainer .connectors #graphcontainer_theline.pos6 {
        border-color: #19a2b8;
        color: #19a2b8;
        margin-left: 49.2%; }
      .graphcontainer .connectors #graphcontainer_theline.pos7 {
        border-color: #0f9c4a;
        color: #0f9c4a;
        margin-left: 59.64%; }
      .graphcontainer .connectors #graphcontainer_theline.pos8 {
        border-color: #94b822;
        color: #94b822;
        margin-left: 70.08%; }
      .graphcontainer .connectors #graphcontainer_theline.pos9 {
        border-color: #af6244;
        color: #af6244;
        margin-left: 80.52%; }
      .graphcontainer .connectors #graphcontainer_theline.pos10 {
        border-color: #ee3675;
        color: #ee3675;
        margin-left: 90.96%; }
  .graphcontainer #graphcontainer_describingitem {
    display: flex;
    flex-direction: column;
    width: 80%;
    box-sizing: border-box;
    min-height: 130px;
    border: 2px solid red;
    padding: 30px;
    padding-right: 15%;
    cursor: pointer; }
    .graphcontainer #graphcontainer_describingitem.pos1 {
      border-color: #fb9f1d;
      color: #fb9f1d; }
    .graphcontainer #graphcontainer_describingitem.pos2 {
      border-color: #c64c26;
      color: #c64c26; }
    .graphcontainer #graphcontainer_describingitem.pos3 {
      border-color: #8e1d77;
      color: #8e1d77; }
    .graphcontainer #graphcontainer_describingitem.pos4 {
      border-color: #2e3a83;
      color: #2e3a83; }
    .graphcontainer #graphcontainer_describingitem.pos5 {
      border-color: #05406b;
      color: #05406b; }
    .graphcontainer #graphcontainer_describingitem.pos6 {
      border-color: #19a2b8;
      color: #19a2b8; }
    .graphcontainer #graphcontainer_describingitem.pos7 {
      border-color: #0f9c4a;
      color: #0f9c4a; }
    .graphcontainer #graphcontainer_describingitem.pos8 {
      border-color: #94b822;
      color: #94b822; }
    .graphcontainer #graphcontainer_describingitem.pos9 {
      border-color: #af6244;
      color: #af6244; }
    .graphcontainer #graphcontainer_describingitem.pos10 {
      border-color: #ee3675;
      color: #ee3675; }
    .graphcontainer #graphcontainer_describingitem h2 {
      font-style: oblique; }

.eventscontainer {
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  justify-content: center;
  align-items: center; }
  .eventscontainer .headlinebox {
    position: relative;
    margin-top: 50px;
    width: 70%; }
    .eventscontainer .headlinebox .deadlines_addbutton {
      position: absolute;
      right: 0;
      top: 0; }
  .eventscontainer .eventsbox {
    display: flex;
    flex-direction: row;
    flex-shrink: 1;
    max-width: 900px;
    overflow-x: auto;
    margin: 50px 20px 0px 20px; }
    .eventscontainer .eventsbox .item {
      position: relative;
      flex-shrink: 0;
      border-radius: 5px;
      background-color: rgba(0, 0, 0, 0.35);
      overflow: hidden;
      width: 180px;
      margin-right: 1em;
      min-height: 240px;
      margin-bottom: 3em; }
      .eventscontainer .eventsbox .item .date {
        justify-content: center;
        align-items: center;
        background-color: #208bbb;
        min-height: 50px;
        font-weight: bold; }
      .eventscontainer .eventsbox .item .title {
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10px;
        background-color: white;
        height: 120px;
        color: #2e2d2c;
        font-size: 1em;
        text-transform: uppercase;
        font-family: "OpenSansSemiBold"; }
        .eventscontainer .eventsbox .item .title span {
          text-align: center; }
      .eventscontainer .eventsbox .item .iconbox {
        position: relative; }
        .eventscontainer .eventsbox .item .iconbox .mainicon {
          position: absolute;
          width: 100%;
          top: -25px;
          justify-content: center; }
          .eventscontainer .eventsbox .item .iconbox .mainicon .creator {
            width: 50px;
            border-radius: 5px;
            border: 1px solid white;
            cursor: pointer; }
        .eventscontainer .eventsbox .item .iconbox .othericons {
          justify-content: center;
          flex-flow: wrap;
          width: 100%;
          margin-top: 3em;
          margin-bottom: 2em; }
          .eventscontainer .eventsbox .item .iconbox .othericons .follower {
            width: 2em;
            border-radius: 5px;
            border: 1px solid white;
            margin: 0.4em;
            cursor: pointer; }

.endofline .logorow {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  width: 100%;
  background-color: #197aa2; }
  .endofline .logorow .logo {
    display: block;
    width: 132px;
    height: 73px; }
  .endofline .logorow .box {
    width: 10px;
    height: 10px;
    background-color: red;
    margin: 10px; }
.endofline .menurow {
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 100%;
  background-color: #4cbeeb; }
  .endofline .menurow ul li {
    margin-left: 20;
    margin-right: 20; }
.endofline .disclaimer {
  padding: 25px;
  width: calc(100% - 50px);
  background-color: #222;
  align-items: center; }
  .endofline .disclaimer .constrained {
    width: 70%;
    margin: 10px;
    text-align: center; }
  .endofline .disclaimer .smalltext {
    font-size: 0.7em; }

/** Color changes **/
.sushi_section .head {
  background-color: #bb5e07; }
  .sushi_section .head .menubackgroundwrapper {
    background-color: #edae7a;
    border-top: 5px solid #e89856;
    border-bottom: 5px solid #e89856; }
  .sushi_section .head .logocontainer_main {
    background-color: #f78d29;
    border-top-color: #f78d29; }
    .sushi_section .head .logocontainer_main.second {
      background-color: #ed7709;
      border-top-color: #ed7709; }
    .sushi_section .head .logocontainer_main.third {
      background-color: #dd6f08;
      border-top-color: #dd6f08; }
.sushi_section .endofline .logorow {
  background-color: #bb5e07; }
.sushi_section .endofline .menurow {
  background-color: #f78d29; }

.redarea_section .head {
  background-color: #710b0b; }
  .redarea_section .head .menubackgroundwrapper {
    background-color: #eb4a4a;
    border-top: 5px solid #d72727;
    border-bottom: 5px solid #d72727; }
  .redarea_section .head .logocontainer_main {
    background-color: #eb1212;
    border-top-color: #eb1212; }
    .redarea_section .head .logocontainer_main.second {
      background-color: #d10d2b;
      border-top-color: #d10d2b; }
    .redarea_section .head .logocontainer_main.third {
      background-color: #9a0202;
      border-top-color: #9a0202; }
.redarea_section .endofline .logorow {
  background-color: #710b0b; }
.redarea_section .endofline .menurow {
  background-color: #eb1212; }

.purple_section .head {
  background-color: #521d78; }
  .purple_section .head .menubackgroundwrapper {
    background-color: #c497e5;
    border-top: 5px solid #a866d9;
    border-bottom: 5px solid #a866d9; }
  .purple_section .head .logocontainer_main {
    background-color: #762bad;
    border-top-color: #762bad; }
    .purple_section .head .logocontainer_main.second {
      background-color: #6c279e;
      border-top-color: #6c279e; }
    .purple_section .head .logocontainer_main.third {
      background-color: #62238f;
      border-top-color: #62238f; }
.purple_section .submenu {
  background-color: #6c279e;
  border-top-color: #6c279e;
  color: #FFFFFF; }
.purple_section .endofline .logorow {
  background-color: #521d78; }
.purple_section .endofline .menurow {
  background-color: #762bad; }

.submenu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5em;
  padding-left: 3.2em;
  overflow: auto; }
  .submenu ul {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .submenu ul li {
      cursor: pointer;
      padding: 1em;
      background-color: rgba(255, 255, 255, 0.05);
      margin: 0.5em;
      border: 2px solid transparent; }
      .submenu ul li.selected {
        border: 2px solid white;
        background-color: rgba(255, 255, 255, 0.25); }
      .submenu ul li:hover {
        background-color: rgba(255, 255, 255, 0.25); }

.review_section .head {
  background-color: #3d771c; }
  .review_section .head .menubackgroundwrapper {
    background-color: #93bd7a;
    border-top: 5px solid #6b9d4e;
    border-bottom: 5px solid #6b9d4e; }
  .review_section .head .logocontainer_main {
    background-color: #54a427;
    border-top-color: #54a427; }
    .review_section .head .logocontainer_main.second {
      background-color: #4a9022;
      border-top-color: #4a9022; }
    .review_section .head .logocontainer_main.third {
      background-color: #44851f;
      border-top-color: #44851f; }
.review_section .endofline .logorow {
  background-color: #3d771c; }
.review_section .endofline .menurow {
  background-color: #54a427; }

.chartstablecontainer .avatar {
  width: 2em;
  height: 2em;
  margin-right: 0.5em; }
.chartstablecontainer .row {
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.15); }
  .chartstablecontainer .row:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.35); }

@keyframes newsbackgroundanimation {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
.newspage h1, .newspage h2, .newspage h3, .newspage h4 {
  font-style: italic; }
.newspage.monthheadline, .newspage.bigheadline {
  font-size: 1.5em; }

.newsothercontainer {
  position: relative;
  margin: 2em;
  position: relative;
  background-color: #393939;
  border-radius: 10px;
  padding: 2em;
  padding-top: 6em;
  overflow: hidden; }

.othernewsbox {
  position: relative;
  background-color: #393939;
  border-radius: 10px;
  padding: 3em 2em 1em 2em;
  margin: 0 0.5em 0 0.5em;
  overflow: hidden;
  background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box;
  font-size: 0.9em;
  max-width: 20em;
  min-height: 10em; }
  .othernewsbox .container {
    justify-content: space-between;
    flex-grow: 1; }
  .othernewsbox .cornerlabel {
    font-size: 0.8em;
    padding: 0.6em 2em 0.6em 2em; }
  .othernewsbox h3 {
    font-style: italic;
    font-size: 1.2em;
    flex-grow: 1; }
  .othernewsbox .lowerpart {
    font-size: 0.8em;
    justify-self: flex-end; }
  .othernewsbox .subline {
    flex-grow: 4;
    align-items: flex-end; }
    .othernewsbox .subline span {
      margin-right: 1em; }
  .othernewsbox .next {
    font-size: 1.5em;
    flex-grow: 2;
    justify-content: flex-end; }

.newscontentcontainer {
  position: relative;
  margin: 2em;
  display: flex;
  flex-direction: row;
  flex-grow: 0; }
  .newscontentcontainer .contentwrapper {
    position: relative;
    background-color: #212020;
    border-radius: 10px;
    width: 100%;
    overflow: hidden; }
    .newscontentcontainer .contentwrapper .content {
      position: relative;
      padding: 6em 2em 2em 3em;
      overflow: hidden; }
  .newscontentcontainer .inline_image {
    width: 100%; }
  .newscontentcontainer .ad_square, .newscontentcontainer .ext_square {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #212020;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    padding: 0.3em;
    overflow: hidden;
    margin-top: 2em;
    margin-left: 2em; }
    .newscontentcontainer .ad_square span, .newscontentcontainer .ext_square span {
      font-size: 0.5em; }
  .newscontentcontainer .sidebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    min-width: 15em;
    overflow: hidden;
    margin-left: 2em; }
    .newscontentcontainer .sidebox hr {
      opacity: 0.5;
      border: 0.5px solid white; }
    .newscontentcontainer .sidebox .othercontent {
      position: relative;
      font-size: 0.75em; }
      .newscontentcontainer .sidebox .othercontent .urlentrybox {
        background-color: rgba(0, 0, 0, 0.35);
        padding: 0.5em;
        border-radius: 5px;
        margin-bottom: 0.5em; }
        .newscontentcontainer .sidebox .othercontent .urlentrybox .ele {
          flex: 1;
          margin: 0.1em; }
    .newscontentcontainer .sidebox .usernews_list {
      position: relative;
      overflow: hidden;
      overflow-y: auto;
      max-height: 10.5em; }
      .newscontentcontainer .sidebox .usernews_list table {
        max-width: 23em; }
      .newscontentcontainer .sidebox .usernews_list .res {
        margin-bottom: 0.2em;
        border-radius: 10px;
        background-color: #19a0d8; }
        .newscontentcontainer .sidebox .usernews_list .res td {
          padding: 0.25em; }
        .newscontentcontainer .sidebox .usernews_list .res.disapproved {
          background-color: rgba(207, 32, 32, 0.9); }
          .newscontentcontainer .sidebox .usernews_list .res.disapproved:nth-of-type(2n) {
            background-color: rgba(207, 32, 32, 0.7); }
        .newscontentcontainer .sidebox .usernews_list .res:nth-of-type(2n) {
          background-color: #3cb6e8; }
        .newscontentcontainer .sidebox .usernews_list .res .ele {
          padding: 0.5em; }
    .newscontentcontainer .sidebox .gamecontent {
      position: relative; }
      .newscontentcontainer .sidebox .gamecontent .packshot {
        width: 6em; }
      .newscontentcontainer .sidebox .gamecontent .generic_selectorbox {
        top: 1em; }
      .newscontentcontainer .sidebox .gamecontent .gameinfos {
        margin-left: 1em;
        font-size: 0.75em;
        justify-content: space-between;
        align-items: flex-start;
        /*No stretch*/ }
        .newscontentcontainer .sidebox .gamecontent .gameinfos .autofill {
          flex-grow: 1;
          position: relative; }

.newsheadcontainer {
  position: relative;
  margin: 2em;
  background-size: 200% 200%;
  height: 0;
  padding-top: 50%;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  overflow: hidden; }
  .newsheadcontainer .nhwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #197aa2;
    background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box; }
    .newsheadcontainer .nhwrapper .newsimage {
      displaY: block;
      width: 100%;
      max-width: 100%; }
  .newsheadcontainer .imglayer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background-image: url(/images/template/dummypicture_cw.png);
    background-size: 200% 200%;
    animation: newsbackgroundanimation 30s ease infinite; }
  .newsheadcontainer #news_author {
    margin-right: 1em; }
  .newsheadcontainer .sub_container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px; }
    .newsheadcontainer .sub_container .hotbox {
      width: 10em;
      background-color: #19a0d8;
      border-bottom-right-radius: 10px; }
      .newsheadcontainer .sub_container .hotbox .percent {
        font-size: 2em;
        background-color: #208bbb;
        padding: 0.25em; }
      .newsheadcontainer .sub_container .hotbox .news {
        font-size: 1.2em;
        padding: 0.5em; }
    .newsheadcontainer .sub_container .upper {
      flex: 1; }
    .newsheadcontainer .sub_container .lower {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .newsheadcontainer .sub_container .lower .headlinebox {
        padding-left: 3em;
        padding-right: 1em;
        padding-bottom: 2em; }
        .newsheadcontainer .sub_container .lower .headlinebox.veil {
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 73%, rgba(0, 0, 0, 0.35) 100%); }
  .newsheadcontainer.autoheight {
    height: auto;
    padding-top: initial; }
    .newsheadcontainer.autoheight .nhwrapper .newsimage {
      object-fit: cover;
      display: none; }
    .newsheadcontainer.autoheight .sub_container {
      position: relative;
      height: auto;
      top: initial; }
      .newsheadcontainer.autoheight .sub_container .hotbox {
        font-size: 0.8em; }
      .newsheadcontainer.autoheight .sub_container .upper {
        min-height: 10em; }
      .newsheadcontainer.autoheight .sub_container .lower {
        display: block; }

@media only screen and (max-width: 693px) {
  .commentscontainer {
    padding: 0.25em; }
    .commentscontainer .hugger {
      padding: 1em 0 1em 0; }
    .commentscontainer .commentsrow {
      position: relative; }
      .commentscontainer .commentsrow.indent {
        margin-left: 3em; }
        .commentscontainer .commentsrow.indent::before {
          position: absolute;
          content: '';
          left: -1.5em;
          height: 100%;
          border-left: 2px solid #393939; }
    .commentscontainer .iconcolumn {
      position: absolute;
      width: 5em;
      padding: 0.25em;
      border-radius: 10px;
      z-index: 1;
      background-color: #393939; }
      .commentscontainer .iconcolumn .avatarcontainer {
        min-width: initial; }
        .commentscontainer .iconcolumn .avatarcontainer img {
          width: 4em; }
      .commentscontainer .iconcolumn .namecontainer {
        font-size: 0.8em;
        text-align: center; }
        .commentscontainer .iconcolumn .namecontainer .title {
          font-size: 0.9em;
          font-family: "OpenSansSemiBold";
          text-transform: uppercase;
          font-style: italic; }
    .commentscontainer .commentscolumn {
      font-size: 0.9em;
      position: relative;
      margin-left: 0;
      padding: 9em 1em 5em 1em; }

  .newscontentcontainer {
    flex-direction: column; }
    .newscontentcontainer .contentwrapper .content {
      padding: 5em 1em 2em 1em; }
    .newscontentcontainer .sidebox {
      margin-top: 2em;
      margin-left: 0; }
    .newscontentcontainer .ad_square, .newscontentcontainer .ext_square {
      margin-left: 0; }

  .newsheadcontainer {
    height: auto;
    padding-top: initial; }
    .newsheadcontainer .nhwrapper {
      width: initial;
      height: initial;
      position: relative;
      padding-top: 50%; }
      .newsheadcontainer .nhwrapper .newsimage {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; }
    .newsheadcontainer .sub_container {
      position: relative;
      height: auto;
      top: initial;
      background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box; }
      .newsheadcontainer .sub_container .upper {
        height: auto;
        display: none; }
      .newsheadcontainer .sub_container .lower {
        display: block; }
        .newsheadcontainer .sub_container .lower .headlinebox {
          text-transform: uppercase;
          padding: 1em; }
          .newsheadcontainer .sub_container .lower .headlinebox h1 {
            font-size: 1.44em; }

  /* mit bild */ }
.reviewmaster {
  background-color: #212020; }
  .reviewmaster .wrapper {
    padding-top: 2em; }
    .reviewmaster .wrapper.topmostwrapper {
      padding-top: 4em;
      padding-bottom: 4em; }
      .reviewmaster .wrapper.topmostwrapper h1 {
        font-size: 2.8em; }
      .reviewmaster .wrapper.topmostwrapper .review_author, .reviewmaster .wrapper.topmostwrapper .timeline {
        margin: 1em 0 1em 0;
        font-family: "OpenSansLight";
        text-transform: uppercase;
        font-size: 0.8em;
        color: #999; }

.reviewspage h1, .reviewspage h2, .reviewspage h3, .reviewspage h4 {
  font-style: italic; }
.reviewspage.monthheadline, .reviewspage.bigheadline {
  font-size: 1.5em; }

.proandcontra {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 2em; }
  .proandcontra .thebox {
    position: relative;
    flex: 1;
    border-radius: 10px;
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
    padding: 1em;
    overflow: hidden; }
    .proandcontra .thebox.contra {
      text-align: right;
      background: transparent linear-gradient(90deg, #ff3b00 0%, #b9000b 100%) 0% 0% no-repeat padding-box;
      margin-left: 1em; }
    .proandcontra .thebox.pro {
      margin-right: 1em; }
    .proandcontra .thebox .content {
      margin-top: 4em; }

.reviewsendbox {
  position: relative;
  margin: 2em; }
  .reviewsendbox .fancyline {
    width: 100%;
    height: 0.2em;
    background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box; }
  .reviewsendbox .commentary {
    font-family: "OpenSansLight";
    font-size: 1.3em;
    font-style: italic;
    padding: 1em; }
  .reviewsendbox .second_opinionmaster {
    display: none; }
  .reviewsendbox .secondaryopinion .commentary {
    font-size: 1rem; }
  .reviewsendbox .secondaryopinion {
    position: relative;
    padding: 1em;
    background-color: #393939;
    border-radius: 10px;
    margin-bottom: 1em; }
    .reviewsendbox .secondaryopinion .personaledit {
      position: absolute;
      right: 1em;
      bottom: 1em;
      color: #2e2d2c; }
  .reviewsendbox .addopinionbox {
    display: none;
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #393939;
    border-radius: 10px;
    overflow: hidden;
    width: 100%; }
    .reviewsendbox .addopinionbox.nopaddings {
      padding: 1em 1em 1em 2em; }
    .reviewsendbox .addopinionbox .explainer {
      font-size: 0.8em;
      color: #AAA;
      margin: 1em 0 1em 0; }
    .reviewsendbox .addopinionbox textarea {
      position: relative;
      width: 100%;
      height: 9em;
      font-size: 1.0em;
      background-color: transparent;
      color: #ffffff;
      padding: 0.5em;
      border-radius: 10px; }
    .reviewsendbox .addopinionbox .controls {
      color: #2e2d2c; }
    .reviewsendbox .addopinionbox .cornerlabel.time {
      line-height: 1; }
      .reviewsendbox .addopinionbox .cornerlabel.time .subtime {
        font-size: 0.6em; }
    .reviewsendbox .addopinionbox .cornerlabel.leftbottom {
      font-size: 1em;
      width: 80%;
      background-color: transparent;
           /* .controlbuttons {
                opacity: 0.2;
            }

            &:hover {
                
                .controlbuttons {
                    opacity: 1;
                }
            }*/ }
  .reviewsendbox .arrows, .reviewsendbox .userarrows {
    font-size: 1.5em;
    text-transform: uppercase;
    line-height: 1.2;
    font-family: "OpenSansExtraBold";
    border-radius: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: orange;
    cursor: pointer;
    margin: 0 1em 0 1em; }
    .reviewsendbox .arrows.edit_visible_in_normmode, .reviewsendbox .userarrows.edit_visible_in_normmode {
      display: flex; }
    .reviewsendbox .arrows.edit_visible_in_editmode, .reviewsendbox .userarrows.edit_visible_in_editmode {
      display: none; }
  .reviewsendbox .wannarate {
    cursor: pointer; }
  .reviewsendbox .yourrating {
    display: none;
    position: relative;
    font-size: 1.5em;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 0.5em; }
    .reviewsendbox .yourrating .arrows {
      font-size: 0.8em; }
    .reviewsendbox .yourrating #user_endpoints_submit {
      font-size: 0.75em;
      font-family: "OpenSansExtraBold";
      text-transform: uppercase;
      font-style: italic;
      padding: 0 1em 0 1em;
      margin-top: 0.5em; }
  .reviewsendbox .fourguysrow {
    display: flex;
    flex-direction: row;
    margin-bottom: 2em; }
  .reviewsendbox .avatarwrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 2em; }
  .reviewsendbox .avatarcontainer {
    width: 3em;
    height: 3em;
    font-size: 4.5em;
    border: 0.08em solid white;
    border-radius: 3em;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #212020;
    overflow: hidden; }
    .reviewsendbox .avatarcontainer img {
      width: 100%; }
    .reviewsendbox .avatarcontainer.smaller {
      width: 2.5em;
      height: 2.5em;
      border: 0.07em solid white; }
  .reviewsendbox .ratebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    min-width: 15em;
    overflow: hidden;
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
    .reviewsendbox .ratebox.notoppad {
      padding-top: 2em; }
    .reviewsendbox .ratebox .barswrapper {
      position: relative;
      display: flex;
      flex: 1;
      flex-direction: column;
      margin-top: 1em; }
    .reviewsendbox .ratebox .ratingnumber {
      font-size: 4em;
      text-transform: uppercase;
      line-height: 1.2;
      font-family: "OpenSansExtraBold";
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .reviewsendbox .ratebox .ratingnumber.superbig {
        width: 3em;
        height: 3em;
        font-size: 4.5em;
        border: 0.08em solid white;
        border-radius: 3em;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #212020; }
    .reviewsendbox .ratebox .playingtimedesc {
      font-size: 1.5em;
      text-transform: uppercase;
      line-height: 1.2;
      font-family: "OpenSansExtraBold"; }
    .reviewsendbox .ratebox.pink {
      background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
    .reviewsendbox .ratebox.turq {
      background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
    .reviewsendbox .ratebox.violet {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
    .reviewsendbox .ratebox.green {
      background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
    .reviewsendbox .ratebox .othercontent {
      position: relative; }
    .reviewsendbox .ratebox .categoryrow {
      width: 100%;
      margin-bottom: 1em; }
      .reviewsendbox .ratebox .categoryrow .desc {
        text-transform: uppercase;
        color: #2e2d2c; }
      .reviewsendbox .ratebox .categoryrow .bar {
        position: relative;
        width: 100%;
        height: 2em;
        border: 1px solid #dbdbdb;
        transform: skew(-15deg); }
        .reviewsendbox .ratebox .categoryrow .bar .inner {
          display: flex;
          flex-direction: revert;
          justify-content: flex-end;
          align-items: center;
          font-family: "OpenSansSemiBold";
          width: 35%;
          height: 100%;
          background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
      .reviewsendbox .ratebox .categoryrow:last-of-type {
        margin-bottom: 0; }

.reviewscontentcontainer {
  position: relative;
  margin: 2em;
  display: flex;
  flex-direction: row; }
  .reviewscontentcontainer .inline_image {
    width: 100%; }
  .reviewscontentcontainer .contentwrapper {
    position: relative;
    width: 100%;
    overflow: hidden; }
  .reviewscontentcontainer .ad_square, .reviewscontentcontainer .ext_square {
    margin-left: 2em; }
  .reviewscontentcontainer .sidebox {
    position: relative;
    background-color: #449216;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    min-width: 15em;
    overflow: hidden;
    margin-left: 2em; }
    .reviewscontentcontainer .sidebox hr {
      opacity: 0.5;
      border: 0.5px solid white; }
    .reviewscontentcontainer .sidebox .othercontent {
      position: relative;
      font-size: 0.75em; }
      .reviewscontentcontainer .sidebox .othercontent .urlentrybox {
        background-color: rgba(0, 0, 0, 0.35);
        padding: 0.5em;
        border-radius: 5px;
        margin-bottom: 0.5em; }
        .reviewscontentcontainer .sidebox .othercontent .urlentrybox .ele {
          flex: 1;
          margin: 0.1em; }
    .reviewscontentcontainer .sidebox .gamecontent {
      position: relative; }
      .reviewscontentcontainer .sidebox .gamecontent .packshot {
        width: 6em; }
      .reviewscontentcontainer .sidebox .gamecontent .generic_selectorbox {
        top: 1em; }
      .reviewscontentcontainer .sidebox .gamecontent .gameinfos {
        margin-left: 1em;
        font-size: 0.75em;
        justify-content: space-between;
        align-items: flex-start;
        /*No stretch*/ }
        .reviewscontentcontainer .sidebox .gamecontent .gameinfos .autofill {
          flex-grow: 1;
          position: relative; }

.reviewsattributescontainer {
  position: relative;
  margin: 2em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 2em; }
  .reviewsattributescontainer .sidebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    overflow: hidden;
    flex: 1;
    margin-right: 2em;
    background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box; }
    .reviewsattributescontainer .sidebox:last-of-type {
      margin-right: 0; }
    .reviewsattributescontainer .sidebox.pink {
      background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
    .reviewsattributescontainer .sidebox.turq {
      background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
    .reviewsattributescontainer .sidebox.violet {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
    .reviewsattributescontainer .sidebox .othercontent {
      position: relative;
      font-size: 0.75em; }

.reviewsheadcontainer {
  position: relative;
  height: 0;
  padding-top: 50%;
  text-transform: uppercase;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  overflow: hidden; }
  .reviewsheadcontainer .nhwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #197aa2;
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
    .reviewsheadcontainer .nhwrapper .videooverlay {
      position: absolute;
      object-fit: cover;
      displaY: block;
      width: 100%;
      max-width: 100%; }
    .reviewsheadcontainer .nhwrapper .newsimage {
      displaY: block;
      width: 100%;
      max-width: 100%; }
  .reviewsheadcontainer .imglayer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background-image: url(/images/template/dummypicture_cw.png);
    background-size: 200% 200%;
    animation: newsbackgroundanimation 30s ease infinite; }
  .reviewsheadcontainer #review_author {
    margin-right: 1em; }
  .reviewsheadcontainer .sub_container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px; }
    .reviewsheadcontainer .sub_container .pointbox {
      width: 10em;
      background-color: #4ea819;
      border-bottom-right-radius: 10px; }
      .reviewsheadcontainer .sub_container .pointbox .points {
        font-size: 2em;
        background-color: #449216;
        padding: 0.25em; }
      .reviewsheadcontainer .sub_container .pointbox .news {
        font-size: 1.2em;
        padding: 0.5em; }
    .reviewsheadcontainer .sub_container .upper {
      flex: 1; }
    .reviewsheadcontainer .sub_container .lower {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .reviewsheadcontainer .sub_container .lower .headlinebox {
        padding-left: 3em;
        padding-right: 1em;
        padding-bottom: 2em; }
        .reviewsheadcontainer .sub_container .lower .headlinebox.veil {
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 73%, rgba(0, 0, 0, 0.35) 100%); }

@media only screen and (max-width: 693px) {
  .reviewscontentcontainer {
    display: flex;
    flex-direction: column; }
    .reviewscontentcontainer .sidecontainer {
      justify-content: center;
      align-items: center; }
      .reviewscontentcontainer .sidecontainer .ad_square, .reviewscontentcontainer .sidecontainer .ext_square {
        margin-top: 2em;
        margin-left: 0; }
      .reviewscontentcontainer .sidecontainer .sidebox {
        margin-left: 0;
        display: none; }

  .reviewsattributescontainer {
    flex-direction: column; }
    .reviewsattributescontainer .sidebox {
      position: relative;
      background-color: #208bbb;
      border-radius: 10px;
      padding: 1em;
      overflow: hidden;
      flex: 0 auto;
      width: 100%;
      margin-bottom: 1em;
      margin-right: 0;
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
      align-items: center; }
      .reviewsattributescontainer .sidebox:last-of-type {
        margin-right: 0; }
      .reviewsattributescontainer .sidebox .highlightlayer {
        display: none; }
      .reviewsattributescontainer .sidebox .othercontent {
        position: relative;
        font-size: 0.75em;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center; }

  .topmostwrapper {
    padding-left: 2em;
    padding-right: 2em;
    font-size: 0.8em;
    width: initial; }

  .mixedheadscontainer .sub_container .pointbox {
    font-size: 0.7em; }

  .reviewsendbox .fourguysrow {
    flex-direction: column; }
    .reviewsendbox .fourguysrow .ratebox {
      flex: 0 auto; }
      .reviewsendbox .fourguysrow .ratebox.mr2e {
        margin-right: 0;
        margin-bottom: 2em; }
      .reviewsendbox .fourguysrow .ratebox.notoppad {
        padding-top: 5em; }
  .reviewsendbox #reviews_headline {
    white-space: break-spaces;
    font-size: 2em; }
  .reviewsendbox .commentary {
    font-size: 1.1em; }
  .reviewsendbox .avatarwrapper {
    font-size: 1.1em;
    margin-right: 1em;
    padding-top: 1em;
    justify-content: flex-start; }
  .reviewsendbox .avatarcontainer {
    width: 1em;
    height: 1em; }
    .reviewsendbox .avatarcontainer.smaller {
      width: 0.8em;
      height: 0.8em;
      border: 0.07em solid white; }
  .reviewsendbox .personaledit {
    bottom: 0.3em;
    font-size: 0.8em; } }
.consoligamebox {
  border: 2px solid #212020;
  border-radius: 10px;
  padding: 0.25em; }

.gamemaster {
  padding-top: 2em; }
  .gamemaster .gameheadhugger {
    display: flex;
    flex-direction: row; }
  .gamemaster .headconstrainer {
    width: 80%;
    margin-right: 2em; }

.gamespage h1, .gamespage h2, .gamespage h3, .gamespage h4 {
  font-style: italic; }
.gamespage.monthheadline, .gamespage.bigheadline {
  font-size: 1.5em; }

.gamesdevpubbox {
  position: relative;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #AAA;
  font-size: 0.8em;
  border-radius: 5px;
  overflow: hidden;
  margin-right: 1.5em; }
  .gamesdevpubbox span {
    background-color: #AAA;
    margin-right: 0.5em;
    font-family: "OpenSansSemiBold";
    text-transform: uppercase;
    padding: 0.25em; }
  .gamesdevpubbox p {
    padding: 0.25em;
    padding-right: 0.5em; }

.gamesheadlinebox .otherinfos {
  margin-top: 0.25em; }
.gamesheadlinebox .gamessystems {
  display: inline-flex;
  flex-direction: row;
  margin-top: 0.5em; }
  .gamesheadlinebox .gamessystems .systembutton {
    margin-right: 0.5em; }

.gamesmaincontainer {
  position: relative;
  border-radius: 10px;
  height: 0;
  padding-top: 50%;
  text-transform: uppercase;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  overflow: hidden; }
  .gamesmaincontainer .nhwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #197aa2;
    background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }
    .gamesmaincontainer .nhwrapper .newsimage {
      displaY: block;
      width: 100%;
      max-width: 100%; }
  .gamesmaincontainer .imglayer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background-image: url(/images/template/dummypicture_cw.png);
    background-size: 200% 200%;
    animation: newsbackgroundanimation 30s ease infinite; }
  .gamesmaincontainer #review_author {
    margin-right: 1em; }

.gamesattributescontainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: stretch;
  font-size: 0.8em;
  flex-grow: 1; }
  .gamesattributescontainer .sidebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    overflow: hidden;
    flex-shrink: 1;
    margin-bottom: 2em;
    background: transparent linear-gradient(90deg, #4d8fce 0%, #073f6b 100%) 0% 0% no-repeat padding-box; }
    .gamesattributescontainer .sidebox:last-of-type {
      margin-bottom: 0em; }
    .gamesattributescontainer .sidebox.pink {
      background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box; }
    .gamesattributescontainer .sidebox.turq {
      background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box; }
    .gamesattributescontainer .sidebox.violet {
      background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box; }
    .gamesattributescontainer .sidebox .othercontent {
      position: relative;
      font-size: 0.75em; }

.gamesoverviewcontainer {
  position: relative;
  margin: 2em;
  display: flex;
  flex-direction: row; }
  .gamesoverviewcontainer .gameitembox {
    flex: 0 auto;
    min-width: 0;
    max-width: 450px; }
  .gamesoverviewcontainer .gameitemrow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    background-color: #212020;
    padding: 0.5em;
    border-radius: 10px;
    margin-bottom: 0.25em; }
    .gamesoverviewcontainer .gameitemrow:nth-of-type(2n) {
      background-color: #393939; }
    .gamesoverviewcontainer .gameitemrow .systembutton {
      font-size: 0.8em;
      margin-left: 0.2em; }
    .gamesoverviewcontainer .gameitemrow img {
      width: auto;
      height: auto;
      max-width: 160px;
      max-height: 100px;
      object-fit: cover; }
    .gamesoverviewcontainer .gameitemrow .placeholder {
      width: 160px;
      height: 100px;
      background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box; }

@media only screen and (max-width: 693px) {
  .gamemaster {
    padding-top: 2em; }
    .gamemaster .gameheadhugger {
      flex-direction: column;
      margin: 1em; }
    .gamemaster .headconstrainer {
      width: initial;
      margin-right: 0; }

  .gamesattributescontainer {
    margin-top: 2em;
    flex-direction: column; }
    .gamesattributescontainer .sidebox {
      position: relative;
      background-color: #208bbb;
      border-radius: 10px;
      padding: 1em;
      overflow: hidden;
      flex: 0 auto;
      width: initial;
      margin-bottom: 1em;
      margin-right: 0;
      background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
      align-items: center; }
      .gamesattributescontainer .sidebox:last-of-type {
        margin-right: 0; }
      .gamesattributescontainer .sidebox .highlightlayer {
        display: none; }
      .gamesattributescontainer .sidebox .othercontent {
        position: relative;
        font-size: 0.75em;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center; } }
.sushipage h1, .sushipage h2, .sushipage h3, .sushipage h4 {
  font-style: italic; }
.sushipage.monthheadline, .sushipage.bigheadline {
  font-size: 1.5em; }

.sushimaster {
  background-color: #212020; }
  .sushimaster .wrapper {
    padding-top: 2em; }
    .sushimaster .wrapper.topmostwrapper {
      padding-top: 4em;
      padding-bottom: 4em; }
      .sushimaster .wrapper.topmostwrapper h1 {
        font-size: 2.8em; }
      .sushimaster .wrapper.topmostwrapper .review_author,
      .sushimaster .wrapper.topmostwrapper .timeline {
        margin: 1em 0 1em 0;
        font-family: "OpenSansLight";
        text-transform: uppercase;
        font-size: 0.8em;
        color: #999; }
      .sushimaster .wrapper.topmostwrapper .avatarcontainer {
        width: 1.5em;
        height: 1.5em;
        font-size: 4.5em;
        border: 0.08em solid white;
        border-radius: 2em;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: #212020;
        overflow: hidden;
        margin-right: 0.5em; }
        .sushimaster .wrapper.topmostwrapper .avatarcontainer img {
          width: 100%; }

.sushicontentcontainer {
  position: relative;
  margin: 2em;
  display: flex;
  flex-direction: row; }
  .sushicontentcontainer .inline_image {
    width: 100%; }
  .sushicontentcontainer .contentwrapper {
    position: relative;
    width: 100%;
    overflow: hidden; }
  .sushicontentcontainer .ad_square, .sushicontentcontainer .ext_square {
    margin-left: 2em; }
  .sushicontentcontainer .sidebox {
    position: relative;
    background-color: #e27f2a;
    border-radius: 10px;
    padding: 2em;
    padding-top: 5em;
    min-width: 15em;
    overflow: hidden;
    margin-left: 2em; }
    .sushicontentcontainer .sidebox hr {
      opacity: 0.5;
      border: 0.5px solid white; }
    .sushicontentcontainer .sidebox .othercontent {
      position: relative;
      font-size: 0.75em; }
      .sushicontentcontainer .sidebox .othercontent .urlentrybox {
        background-color: rgba(0, 0, 0, 0.35);
        padding: 0.5em;
        border-radius: 5px;
        margin-bottom: 0.5em; }
        .sushicontentcontainer .sidebox .othercontent .urlentrybox .ele {
          flex: 1;
          margin: 0.1em; }
    .sushicontentcontainer .sidebox .gamecontent {
      position: relative; }
      .sushicontentcontainer .sidebox .gamecontent .packshot {
        width: 6em; }
      .sushicontentcontainer .sidebox .gamecontent .generic_selectorbox {
        top: 1em; }
      .sushicontentcontainer .sidebox .gamecontent .gameinfos {
        margin-left: 1em;
        font-size: 0.75em;
        justify-content: space-between;
        align-items: flex-start;
        /*No stretch*/ }
        .sushicontentcontainer .sidebox .gamecontent .gameinfos .autofill {
          flex-grow: 1;
          position: relative; }

.sushiheadscontainer {
  position: relative;
  height: 0;
  padding-top: 50%;
  text-transform: uppercase;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  overflow: hidden; }
  .sushiheadscontainer .nhwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #197aa2;
    background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box; }
    .sushiheadscontainer .nhwrapper .videooverlay {
      position: absolute;
      object-fit: cover;
      displaY: block;
      width: 100%;
      max-width: 100%; }
    .sushiheadscontainer .nhwrapper .newsimage {
      display: block;
      width: 100%;
      max-width: 100%; }
  .sushiheadscontainer .imglayer {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background-image: url(/images/template/dummypicture_cw.png);
    background-size: 200% 200%;
    animation: newsbackgroundanimation 30s ease infinite; }
  .sushiheadscontainer #review_author {
    margin-right: 1em; }
  .sushiheadscontainer .sub_container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px; }
    .sushiheadscontainer .sub_container .pointbox {
      width: 10em;
      background-color: #e58c40;
      border-bottom-right-radius: 10px; }
      .sushiheadscontainer .sub_container .pointbox .points {
        font-size: 2em;
        background-color: #e27f2a;
        padding: 0.25em; }
      .sushiheadscontainer .sub_container .pointbox .news {
        font-size: 1.2em;
        padding: 0.5em; }
    .sushiheadscontainer .sub_container .upper {
      flex: 1; }
    .sushiheadscontainer .sub_container .lower {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }
      .sushiheadscontainer .sub_container .lower .headlinebox {
        padding-left: 3em;
        padding-right: 1em;
        padding-bottom: 2em; }
        .sushiheadscontainer .sub_container .lower .headlinebox.veil {
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 73%, rgba(0, 0, 0, 0.35) 100%); }

@media only screen and (max-width: 693px) {
  .sushicontentcontainer {
    display: flex;
    flex-direction: column; }

  .sushimaster .wrapper.topmostwrapper .avatarcontainer {
    display: none; }

  .sushiheadscontainer .sub_container .pointbox {
    font-size: 0.7em; } }
.podcasts_dialogbox_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .podcasts_dialogbox_dim #podcasts_dialogbox {
    position: absolute;
    background-color: #464646;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9991;
    max-width: 50vw;
    min-width: 30em; }
    .podcasts_dialogbox_dim #podcasts_dialogbox .headline {
      padding: 1em;
      background-color: #951f1e; }
    .podcasts_dialogbox_dim #podcasts_dialogbox .content {
      padding: 1em; }
    .podcasts_dialogbox_dim #podcasts_dialogbox input {
      min-width: 20em; }
    .podcasts_dialogbox_dim #podcasts_dialogbox textarea {
      height: 5em;
      min-width: 20em; }
    .podcasts_dialogbox_dim #podcasts_dialogbox .dialoguepane {
      display: none; }
    .podcasts_dialogbox_dim #podcasts_dialogbox #podcast_title {
      width: 25em; }
    .podcasts_dialogbox_dim #podcasts_dialogbox #podcast_description {
      height: 5em;
      width: 25em; }

#podcasts_displayUploadDiag {
  position: absolute;
  right: 0em; }

.podcast_item {
  display: flex;
  flex-direction: row;
  padding: 1em;
  border: 1px solid white;
  border-radius: 10px;
  margin-top: 1em;
  background-color: #212020; }
  .podcast_item .icon {
    margin-right: 2em; }
    .podcast_item .icon img {
      width: 10em; }
  .podcast_item .stuff {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1; }
    .podcast_item .stuff .audioeditbutton {
      position: absolute;
      right: 0;
      top: 0; }
    .podcast_item .stuff .purewhite {
      color: white; }
  .podcast_item .extras {
    width: 13em;
    background-color: #3b3939;
    border-radius: 10px;
    margin-left: 2em;
    padding: 1em; }
    .podcast_item .extras .thedate {
      font-family: "OpenSansSemiBold"; }
    .podcast_item .extras .container {
      position: relative;
      overflow: hidden;
      overflow-y: auto;
      max-height: 8em; }
      .podcast_item .extras .container .thecontent {
        font-size: 0.8em; }
  .podcast_item .controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1em; }
    .podcast_item .controls div {
      margin-right: 0.5em; }
      .podcast_item .controls div.nomargin {
        margin-right: 0; }
    .podcast_item .controls .volumecontrol {
      width: 8em;
      display: none; }
  .podcast_item .waveformcontainer {
    position: relative;
    width: 100%;
    height: 64px; }
  .podcast_item .waveformloader {
    position: absolute;
    width: 0%;
    top: 16px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.2); }
  .podcast_item .audiocommentswriter {
    background-color: #292828;
    border-radius: 10px;
    margin-top: 0.5em;
    font-size: 0.8em;
    overflow: hidden;
    overflow-y: auto;
    padding: 0.5em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; }
    .podcast_item .audiocommentswriter .avatarbox {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      overflow: hidden;
      width: 20px;
      min-width: 20px; }
      .podcast_item .audiocommentswriter .avatarbox img {
        display: flex;
        width: 20px;
        height: 20px; }
    .podcast_item .audiocommentswriter input {
      border-radius: 0;
      height: 20px;
      width: 100%; }
  .podcast_item .audiocommentscontainer {
    background-color: #292828;
    border-radius: 10px;
    margin-top: 0.5em;
    font-size: 0.8em;
    height: 6em;
    overflow: hidden;
    overflow-y: auto;
    padding: 0.5em; }
    .podcast_item .audiocommentscontainer .audiocomment {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      margin-top: 0.5em; }
      .podcast_item .audiocommentscontainer .audiocomment .avatarcircle {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        overflow: hidden;
        width: 20px;
        min-width: 20px;
        border-radius: 10px;
        margin-right: 1em; }
        .podcast_item .audiocommentscontainer .audiocomment .avatarcircle img {
          display: flex;
          width: 20px;
          height: 20px; }

@media only screen and (max-width: 693px) {
  .podcasts_dialogbox_dim #podcasts_dialogbox {
    max-width: 95vw; }

  .podcast_item .icon {
    margin-right: 1em; }
    .podcast_item .icon img {
      width: 5em; }

  .extras {
    display: none; } }
.contribute_headbox {
  position: relative;
  padding-top: 49%;
  height: 0;
  overflow: hidden; }
  .contribute_headbox .bannerpic {
    position: absolute;
    top: -15%;
    left: 0;
    width: 100%;
    object-fit: cover; }
  .contribute_headbox .explainerbox {
    position: absolute;
    top: 2em;
    left: 2em;
    font-size: 2em;
    width: 37%; }
  .contribute_headbox .paidoutsofar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5em;
    border-radius: 1em;
    padding: 1.5em;
    font-size: 0.5em;
    background: #fadb8e;
    width: 50%;
    border: 3px solid #dca100;
    background: -moz-linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
    background: -webkit-linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
    background: linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadb8e', endColorstr='#fad368',GradientType=1 ); }

.moneycoin {
  border: 5px solid orange;
  background: #fdba77;
  background: -moz-linear-gradient(45deg, #fdba77 0%, #ec7e10 50%, #ca6806 51%, #fa9530 100%);
  background: -webkit-linear-gradient(45deg, #fdba77 0%, #ec7e10 50%, #ca6806 51%, #fa9530 100%);
  background: linear-gradient(45deg, #fdba77 0%, #ec7e10 50%, #ca6806 51%, #fa9530 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdba77', endColorstr='#fa9530',GradientType=1 );
  border-radius: 3em;
  width: 3em;
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "OpenSansExtraBold";
  font-size: 1.5em;
  margin: 1em; }
  .moneycoin.bigger {
    border-radius: 5em;
    width: 5em;
    height: 5em; }

.contribute_firstinfo {
  display: flex;
  flex-direction: row;
  position: relative; }
  .contribute_firstinfo .sidepic {
    width: 90%; }
  .contribute_firstinfo .textblock {
    width: 50%;
    margin-left: 2em; }

.contributeform {
  width: 50%;
  border-radius: 0.5em;
  padding: 1em;
  border: 3px solid #dca100;
  background: -moz-linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
  background: -webkit-linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
  background: linear-gradient(45deg, #fadb8e 0%, #fcc42a 50%, #dca100 51%, #fad368 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadb8e', endColorstr='#fad368',GradientType=1 ); }
  .contributeform input[type=text] {
    width: 90%;
    font-size: 0.9em; }
  .contributeform input[name=paypal] {
    width: 50%; }
  .contributeform .formrow {
    padding: 0.5em;
    margin-top: 1em;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 0.25em; }
  .contributeform .combrow {
    display: flex;
    flex-direction: row; }
    .contributeform .combrow .formrow {
      width: 90%; }
      .contributeform .combrow .formrow:last-of-type {
        margin-left: 1em; }

.contribute_secondinfo .sidepic {
  margin-left: 2em; }
.contribute_secondinfo .perkslist_row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.05); }
  .contribute_secondinfo .perkslist_row:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.15); }
  .contribute_secondinfo .perkslist_row .conitem {
    font-size: 1.2em;
    padding: 0.5em; }
    .contribute_secondinfo .perkslist_row .conitem.description {
      font-family: "OpenSansSemiBold";
      flex: 1; }
    .contribute_secondinfo .perkslist_row .conitem.price {
      width: 8em; }
    .contribute_secondinfo .perkslist_row .conitem.check {
      font-size: 1.2em;
      width: 4em; }

.contribute_listrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.05); }
  .contribute_listrow:nth-of-type(2n) {
    background-color: rgba(0, 0, 0, 0.15); }
  .contribute_listrow .conitem {
    padding: 0.5em; }
    .contribute_listrow .conitem.pos {
      flex-grow: 0;
      width: 5em; }
    .contribute_listrow .conitem.title {
      flex: 1; }
    .contribute_listrow .conitem.date {
      flex: 1; }
    .contribute_listrow .conitem.price {
      width: 8em; }
    .contribute_listrow .conitem.check {
      font-size: 1.2em;
      width: 4em; }

.registered_complete {
  display: none; }

.registered_for_contribute {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  border-radius: 3em;
  font-size: 3em;
  background-color: #58af58;
  border: 3px solid #408840; }

.backlinkwrapper {
  display: flex;
  flex-direction: row; }

.backlinkexplainer {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 1em;
  border-radius: 1em;
  font-size: 0.75em;
  margin-left: 1em; }
  .backlinkexplainer .moneycoin {
    margin: 0.5em 1em 0.5em 0;
    flex-shrink: 0; }
  .backlinkexplainer .explainer {
    font-size: 1.2em; }

.con_registrationbuttonbox {
  display: flex;
  flex-direction: row; }

@media only screen and (max-width: 1024px) {
  .backlinkexplainer {
    width: 40%;
    flex-shrink: 0; }

  .contribute_headbox .bannerpic {
    opacity: 0.6; }
  .contribute_headbox .explainerbox {
    position: absolute;
    top: 2em;
    left: 2em;
    font-size: 1.5em;
    width: 35%; }

  .paidoutsofar {
    margin-top: 2em; } }
input[name="contribute_backlinkurl"] {
  font-size: 1.5em;
  width: 80%; }

.contributecontainerbox {
  margin-left: 2em; }

@media only screen and (max-width: 693px) {
  .con_registrationbuttonbox {
    flex-direction: column; }

  .contributecontainerbox {
    margin-left: 0; }

  .backlinkwrapper {
    flex-direction: column; }

  .contribute_headbox .paidoutsofar {
    display: none; }

  .backlinkexplainer {
    margin-top: 2em;
    width: initial;
    flex-shrink: initial; }

  .contribute_headbox .bannerpic {
    opacity: 0.6; }
  .contribute_headbox .explainerbox {
    position: absolute;
    top: 1em;
    left: 1em;
    font-size: 1em;
    width: 50%; }

  .contribute_firstinfo {
    display: flex;
    flex-direction: column; }
    .contribute_firstinfo .textblock {
      width: 90%;
      margin-left: 0.5em; }

  .contribute_secondinfo .sidepic {
    display: none; }

  .contributeform {
    width: initial; }

  .submenu {
    padding-left: 0.5em; }
    .submenu ul {
      font-size: 0.8em; }
      .submenu ul li {
        padding: 0.5em; }

  .contribute_listrow .conitem {
    padding: 0.5em; }
    .contribute_listrow .conitem.pos {
      display: none; }
    .contribute_listrow .conitem.title {
      padding-left: 1em;
      flex: 1; }
    .contribute_listrow .conitem.date {
      flex: 1;
      width: 8em; }
    .contribute_listrow .conitem.price {
      width: 4em; }
    .contribute_listrow .conitem.check {
      font-size: 1.2em;
      width: 2em; } }
.emissionrow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: 1;
  align-items: center;
  padding: 1em;
  border-radius: 10px;
  border: 1px solid white;
  margin-bottom: 1em; }
  .emissionrow .item {
    flex: 1;
    margin-right: 1em; }

.vgpriceitem {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  background-color: #449216;
  border: 5px solid #2f660f;
  border-radius: 1.6em; }

.vgtrends_dialogbox_dim {
  position: fixed;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9991; }
  .vgtrends_dialogbox_dim #vgtrends_dialogbox {
    position: absolute;
    background-color: #464646;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9991;
    max-width: 50vw; }
    .vgtrends_dialogbox_dim #vgtrends_dialogbox .headline {
      padding: 1em;
      background-color: #951f1e; }
    .vgtrends_dialogbox_dim #vgtrends_dialogbox .content {
      padding: 1em; }
    .vgtrends_dialogbox_dim #vgtrends_dialogbox .dialoguepane {
      display: none; }

@media only screen and (max-width: 840px) {
  .emissionrow {
    display: flex;
    flex-direction: column; }

  .vgtrends_dialogbox_dim #vgtrends_dialogbox {
    max-width: 95vw; } }
#comments_anchorcontrols {
  display: none;
  position: fixed;
  right: 1em;
  top: 1em;
  z-index: 2; }

#comments_adminbox_savetimer {
  font-size: 0.8em;
  font-style: italic; }

.commentscontainer {
  position: relative;
  margin: 2em;
  border-radius: 10px;
  padding: 5em; }
  .commentscontainer .hugger {
    padding: 1em 0 1em 0; }
    .commentscontainer .hugger.glowing {
      box-shadow: 0px 0px 10px 1px whitesmoke; }
  .commentscontainer .cornerlabel {
    font-size: 1.0em;
    padding: 0.4em 0.6em 0.4em 0.6em; }
    .commentscontainer .cornerlabel .new {
      background-color: #FF4400;
      padding: 0.15em 0.5em 0.15em 0.5em;
      font-size: 0.8em;
      margin-right: 1em;
      color: white;
      text-shadow: 2px 2px #c80000;
      /*
      background: linear-gradient(
          32deg,
          rgba(255, 0, 0, 1) 6%,
          rgba(255, 154, 0, 1) 13%,
          rgba(208, 222, 33, 1) 27%,
          rgba(79, 220, 74, 1) 34%,
          rgba(63, 218, 216, 1) 46%,
          rgba(47, 201, 226, 1) 50%,
          rgba(28, 127, 238, 1) 60%,
          rgba(95, 21, 242, 1) 70%,
          rgba(186, 12, 248, 1) 80%,
          rgba(251, 7, 217, 1) 90%,
          rgba(255, 0, 0, 1) 100%
      )
      */ }
  .commentscontainer .userslink {
    text-decoration: underline; }
  .commentscontainer .commentsrow {
    position: relative;
    font-size: 0.85em; }
    .commentscontainer .commentsrow.indent {
      margin-left: 7em; }
      .commentscontainer .commentsrow.indent.ilevel2 {
        margin-left: 15em; }
      .commentscontainer .commentsrow.indent::before {
        position: absolute;
        content: '';
        left: -3.5em;
        height: 100%;
        border-left: 2px solid #393939; }
  .commentscontainer .iconcolumn {
    position: relative;
    background-color: #393939;
    width: 10em;
    padding: 0.5em;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    align-self: flex-start;
    /*Damit es nicht auf die volle Höhe geht */
    cursor: pointer; }
    .commentscontainer .iconcolumn.transparent {
      background-color: transparent; }
    .commentscontainer .iconcolumn.nobackground {
      background-color: transparent; }
    .commentscontainer .iconcolumn .avatarcontainer {
      min-width: 7em; }
      .commentscontainer .iconcolumn .avatarcontainer img {
        width: 7em;
        border-radius: 10px;
        overflow: hidden; }
    .commentscontainer .iconcolumn .namecontainer {
      text-align: center; }
      .commentscontainer .iconcolumn .namecontainer .title {
        font-size: 0.9em;
        font-family: "OpenSansSemiBold";
        text-transform: uppercase;
        font-style: italic; }
  .commentscontainer .commentscolumn {
    position: relative;
    margin-left: 1em;
    padding: 3em 2em 3.5em 2em;
    background-color: #393939;
    border-radius: 10px;
    overflow: hidden;
    width: 100%; }
    .commentscontainer .commentscolumn.nopaddings {
      padding: 2.5em 1em 1em 2em; }
    .commentscontainer .commentscolumn.smallpaddings {
      padding: 1.5em 1em 2em 2em; }
    .commentscontainer .commentscolumn textarea {
      position: relative;
      width: 100%;
      height: 9em;
      font-size: 1.0em;
      background-color: transparent;
      color: #ffffff;
      padding: 0.5em;
      border-radius: 10px; }
    .commentscontainer .commentscolumn .content {
      position: relative;
      z-index: 1; }
    .commentscontainer .commentscolumn .commentscontrols {
      color: #2e2d2c; }
    .commentscontainer .commentscolumn .cornerlabel.time {
      line-height: 1; }
      .commentscontainer .commentscolumn .cornerlabel.time .subtime {
        font-size: 0.6em; }
    .commentscontainer .commentscolumn .cornerlabel.rightbottom.transparent {
      background-color: transparent; }
    .commentscontainer .commentscolumn .cornerlabel.leftbottom {
      font-size: 1em;
      width: 80%;
      background-color: transparent;
           /* .controlbuttons {
                opacity: 0.2;
            }

            &:hover {
                
                .controlbuttons {
                    opacity: 1;
                }
            }*/ }

@media only screen and (max-width: 693px) {
  .commentscontainer {
    padding: 0.25em; }
    .commentscontainer .hugger {
      padding: 1em 0 1em 0; }
    .commentscontainer .commentsrow {
      position: relative;
      font-size: 1em; }
      .commentscontainer .commentsrow.indent {
        margin-left: 3em; }
        .commentscontainer .commentsrow.indent.ilevel2 {
          margin-left: 5em; }
        .commentscontainer .commentsrow.indent::before {
          position: absolute;
          content: '';
          left: -1.5em;
          height: 100%; }
    .commentscontainer .iconcolumn {
      position: absolute;
      width: 5em;
      padding: 0.25em;
      border-radius: 10px;
      z-index: 1; }
      .commentscontainer .iconcolumn .avatarcontainer {
        min-width: initial; }
        .commentscontainer .iconcolumn .avatarcontainer img {
          width: 3em; }
      .commentscontainer .iconcolumn .namecontainer {
        position: absolute;
        left: 6.2em;
        font-family: "OpenSansSemiBold";
        font-size: 0.95em;
        text-align: left;
        min-width: 18em; }
        .commentscontainer .iconcolumn .namecontainer .title {
          font-size: 0.9em;
          font-family: "OpenSansSemiBold";
          text-transform: uppercase;
          font-style: italic; }
    .commentscontainer .commentscolumn {
      font-size: 1em;
      position: relative;
      margin-left: 0;
      padding: 4.5em 1em 4em 1em; }
      .commentscontainer .commentscolumn textarea {
        margin-top: 1.5em; } }
@media (prefers-color-scheme: light) {
  body {
    background-color: #cfeaf9; }

  a {
    text-decoration: none;
    color: #196f91; }
    a:visited {
      color: #196f91; }

  .fixed_dark {
    color: #196f91; }
    .fixed_dark:visited {
      color: #196f91; }

  .contenttablewrapper .contenttable {
    color: #2e2d2c; }

  .altherobannercontainer {
    background: linear-gradient(to right, #204d5f, #197aa2 59%, #1098d0); }

  .cs_white {
    color: #2e2d2c; }

  .cs_dark {
    color: white; }
    .cs_dark:visited {
      color: white; }

  .documentspage {
    color: #2e2d2c; }
    .documentspage table {
      color: #2e2d2c; }

  h4#newssettings_filter {
    color: #2e2d2c; }
    h4#newssettings_filter div {
      color: #ffffff; }

  .global_content_wrapper {
    background-color: #cfe4f3; }

  .endofline .disclaimer {
    background-color: #cfeaf9;
    color: #2e2d2c; }

  .newspage.monthheadline {
    color: #2e2d2c; }

  .cornerlabel {
    background-color: white;
    color: #2e2d2c; }

  .picturegallery_dim .picturegallery_controlbuttons {
    color: white; }

  .picturegallery {
    background-color: #b8d9e5; }

  .newscontentcontainer .contentwrapper {
    background-color: #e7eef2;
    color: #2e2d2c; }
  .newscontentcontainer .floater {
    background-color: #b8d9e5; }

  .newsothercontainer {
    background-color: #b8d9e5; }

  .newssummarycontainer .newsitem {
    background-color: #e7eef2;
    color: #2e2d2c; }
    .newssummarycontainer .newsitem a {
      color: #2e2d2c; }
    .newssummarycontainer .newsitem .ar_sixteennine {
      background-color: #b1bfcd; }

  .newsinlistview .item {
    background-color: #e7eef2;
    color: #2e2d2c; }

  .forumsinlistview .headline {
    color: #2e2d2c; }

  .thinbuttons a {
    color: #2e2d2c; }
    .thinbuttons a:visited {
      color: #2e2d2c; }

  .podcast_item {
    background-color: #e7eef2;
    color: #2e2d2c; }
    .podcast_item .extras {
      background-color: #c6d7e0; }
    .podcast_item .audiocommentscontainer, .podcast_item .audiocommentswriter {
      background-color: #dde7ed;
      border-radius: 10px; }

  .reviewmaster {
    background-color: #e7eef2; }
    .reviewmaster h1, .reviewmaster h2 {
      color: #2e2d2c; }
    .reviewmaster .wrapper.topmostwrapper .review_author, .reviewmaster .wrapper.topmostwrapper .timeline {
      color: #6d6c6c; }

  .sushiitembox {
    background-color: #e7eef2; }
    .sushiitembox .ar_sixteennine {
      background-color: #b1bfcd; }

  .sushicontentcontainer .contentwrapper {
    color: #2e2d2c; }
  .sushicontentcontainer .floater {
    background-color: #e7eef2; }

  .sushimaster {
    background-color: #6db1ca; }
    .sushimaster .wrapper.topmostwrapper .timeline, .sushimaster .wrapper.topmostwrapper .review_author {
      color: white; }

  .gamesoverviewcontainer .gameitemrow {
    background-color: #84bdd2; }
    .gamesoverviewcontainer .gameitemrow:nth-of-type(2n) {
      background-color: #75b5cc; }

  .reviewitembox {
    background-color: #e7eef2; }
    .reviewitembox .ar_sixteennine {
      background-color: #b1bfcd; }

  .reviewscontentcontainer .contentwrapper {
    color: #2e2d2c; }
  .reviewscontentcontainer .floater {
    background-color: #e7eef2; }

  .reviewmaster .otheropinionsline {
    color: #2e2d2c; }
  .reviewmaster .secondaryopinion {
    background-color: #9ecbdb; }
  .reviewmaster .review_author {
    color: #2e2d2c; }

  .reviewsendbox .commentary {
    color: #2e2d2c; }

  .inlineblock {
    background-color: #9ecbdb; }

  .preformblock {
    background-color: #b8d9e5; }

  .controlmenu {
    background-color: #69afcf;
    color: #2e2d2c; }
    .controlmenu .item {
      border-bottom: 1px solid #337d9f; }
      .controlmenu .item.arealock .areaselector .controlbuttons {
        background-color: transparent; }
        .controlmenu .item.arealock .areaselector .controlbuttons.selected {
          background-color: yellowgreen;
          color: #2e2d2c; }
        .controlmenu .item.arealock .areaselector .controlbuttons:hover {
          background-color: white; }
      .controlmenu .item.arealock:hover {
        background-color: #69afcf; }
      .controlmenu .item:hover {
        background-color: white; }

  .commentscontainer {
    color: #2e2d2c; }
    .commentscontainer .hugger.glowing {
      box-shadow: 0 0 11px 5px #faf2e1; }
    .commentscontainer .commentsrow.indent::before {
      border-left: 2px solid #b8d9e5; }
    .commentscontainer .iconcolumn {
      background-color: #b8d9e5; }
      .commentscontainer .iconcolumn .namecontainer .title {
        font-size: 0.9em; }
      .commentscontainer .iconcolumn.greyedpole {
        color: #ffffff; }
    .commentscontainer .commentscolumn {
      background-color: #b8d9e5; }
      .commentscontainer .commentscolumn textarea {
        color: #2e2d2c; }
      .commentscontainer .commentscolumn .commentscontrols {
        color: #2e2d2c; }
      .commentscontainer .commentscolumn.greyedpole {
        color: #ffffff; } }
@media only screen and (max-width: 1200px) {
  .desktopdisablerow {
    flex-direction: column; }

  #forumscontiner.compact, #commentscontainer.compact {
    font-size: 1em;
    max-width: initial;
    min-width: initial; }
    #forumscontiner.compact .headerbox, #commentscontainer.compact .headerbox {
      margin-top: 50px;
      margin-left: 200px;
      margin-bottom: 50px; }
    #forumscontiner.compact .paneselector .tabs, #commentscontainer.compact .paneselector .tabs {
      width: 200px; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span {
        display: flex;
        width: 75px;
        margin-left: 15px; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shorter, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span.shorter {
          width: 53px; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shortest, #commentscontainer.compact .paneselector .tabs li .innerjustifer:hover span.shortest {
          width: 40px; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span {
        display: flex;
        margin-left: 25px;
        width: 75px; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shorter, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span.shorter {
          width: 53px; }
        #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shortest, #commentscontainer.compact .paneselector .tabs li .innerjustifer.selected span.shortest {
          width: 40px; }
      #forumscontiner.compact .paneselector .tabs li .innerjustifer span, #commentscontainer.compact .paneselector .tabs li .innerjustifer span {
        text-align: right;
        width: 0px;
        overflow: hidden;
        transition: width 0.15s ease-out; }
    #forumscontiner.compact .paneselector .content .row, #commentscontainer.compact .paneselector .content .row {
      padding: 1em; }
      #forumscontiner.compact .paneselector .content .row .time, #commentscontainer.compact .paneselector .content .row .time {
        display: initial;
        width: 20%; }
      #forumscontiner.compact .paneselector .content .row .inhalt, #commentscontainer.compact .paneselector .content .row .inhalt {
        width: 60%; }
      #forumscontiner.compact .paneselector .content .row .nickname, #commentscontainer.compact .paneselector .content .row .nickname {
        width: 20%;
        margin-left: 1em;
        display: initial; } }
@media only screen and (max-width: 1100px) {
  body {
    font-size: 0.8em; }

  .altherobannercontainer .adsbox {
    display: none; }

  .head {
    height: 100px; }
    .head .menubackgroundwrapper {
      height: 50px; }
      .head .menubackgroundwrapper .menupoints {
        height: 50px; }
        .head .menubackgroundwrapper .menupoints .menubaritem {
          margin-right: 30px; }
          .head .menubackgroundwrapper .menupoints .menubaritem::before {
            position: absolute;
            content: "";
            left: -25px;
            top: 0px;
            bottom: 0px;
            border-style: solid;
            border-width: 50px 25px 0 0;
            border-color: transparent transparent transparent transparent;
            border-right-color: inherit; }
          .head .menubackgroundwrapper .menupoints .menubaritem::after {
            position: absolute;
            content: "";
            right: -25px;
            top: 0px;
            bottom: 0px;
            border-style: solid;
            border-width: 50px 25px 0 0;
            border-color: transparent transparent transparent transparent;
            border-top-color: inherit; }
    .head .logocontainer_main {
      height: 100px; }
      .head .logocontainer_main .logo {
        width: 101px;
        height: 56px; }
      .head .logocontainer_main::after {
        position: absolute;
        content: "";
        right: -50px;
        top: 0px;
        bottom: 0px;
        border-style: solid;
        border-width: 100px 50px 0 0;
        border-color: transparent transparent transparent transparent;
        border-top-color: inherit; }
      .head .logocontainer_main.second {
        height: 100px; }
        .head .logocontainer_main.second::after {
          position: absolute;
          content: "";
          right: -50px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 100px 50px 0 0;
          border-color: transparent transparent transparent transparent;
          border-top-color: inherit; }
      .head .logocontainer_main.third {
        height: 100px; }
        .head .logocontainer_main.third::after {
          position: absolute;
          content: "";
          right: -50px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 100px 50px 0 0;
          border-color: transparent transparent transparent transparent;
          border-top-color: inherit; } }
@media only screen and (max-width: 850px) {
  .altherobannercontainer {
    padding: 1em; }
    .altherobannercontainer .adsbox, .altherobannercontainer .extinfos {
      display: none; }
    .altherobannercontainer .altherobanner {
      width: 100%;
      height: 0;
      padding-top: 50%;
      margin: 2em 0 2em 0; }
      .altherobannercontainer .altherobanner .heroimage {
        width: 100%;
        max-width: 100%; }
    .altherobannercontainer .progresscontainer {
      margin: 0; }
    .altherobannercontainer .alttextbody {
      padding-bottom: 1em;
      min-height: 11.5em;
      margin-left: 0; }

  /* MENU AUF MOBILE*/
  .head {
    height: 100px; }
    .head .burgermenu {
      display: block; }
    .head .menubackgroundwrapper {
      height: 50px;
      justify-content: flex-end; }
      .head .menubackgroundwrapper nav {
        position: relative;
        background-color: transparent;
        top: 68px;
        right: -3em; }
      .head .menubackgroundwrapper .generic_userbox {
        display: none; }
      .head .menubackgroundwrapper .menupoints {
        display: none; }
    .head .logocontainer_main {
      height: 100px; }
      .head .logocontainer_main .logo {
        width: 101px;
        height: 56px; }
      .head .logocontainer_main::after {
        position: absolute;
        content: "";
        right: -50px;
        top: 0px;
        bottom: 0px;
        border-style: solid;
        border-width: 100px 50px 0 0;
        border-color: transparent transparent transparent transparent;
        border-top-color: inherit; }
      .head .logocontainer_main.second {
        height: 100px; }
        .head .logocontainer_main.second::after {
          position: absolute;
          content: "";
          right: -50px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 100px 50px 0 0;
          border-color: transparent transparent transparent transparent;
          border-top-color: inherit; }
      .head .logocontainer_main.third {
        height: 100px; }
        .head .logocontainer_main.third::after {
          position: absolute;
          content: "";
          right: -50px;
          top: 0px;
          bottom: 0px;
          border-style: solid;
          border-width: 100px 50px 0 0;
          border-color: transparent transparent transparent transparent;
          border-top-color: inherit; }

  .altherobannercontainer .adsbox, .altherobannercontainer .extinfos {
    display: none; }

  .storysummarycontainer.row {
    flex-direction: column; }
  .storysummarycontainer .container {
    margin-right: 0;
    margin-bottom: 2em; }
    .storysummarycontainer .container:last-of-type {
      margin-bottom: 0; }

  #forumscontiner .headerbox, #forumscontiner.compact .headerbox {
    margin-top: 50px;
    margin-left: 160px;
    margin-bottom: 50px; }
  #forumscontiner .paneselector .tabs, #forumscontiner.compact .paneselector .tabs {
    width: 140px; }
    #forumscontiner .paneselector .tabs li .innerjustifer, #forumscontiner.compact .paneselector .tabs li .innerjustifer {
      /*
      color: $cl_textdark;
      background-color: rgba($color: #ffffff, $alpha: 0.3);
      margin-bottom: 5;
      padding: 10;
      border-radius: 5px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      */ }
      #forumscontiner .paneselector .tabs li .innerjustifer:hover span, #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span {
        display: inline-block;
        width: 0;
        margin-left: 0; }
        #forumscontiner .paneselector .tabs li .innerjustifer:hover span.shorter, #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shorter {
          width: 0; }
        #forumscontiner .paneselector .tabs li .innerjustifer:hover span.shortest, #forumscontiner.compact .paneselector .tabs li .innerjustifer:hover span.shortest {
          width: 0; }
      #forumscontiner .paneselector .tabs li .innerjustifer.selected span, #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span {
        display: inline-block;
        width: 0;
        margin-left: 0; }
        #forumscontiner .paneselector .tabs li .innerjustifer.selected span.shorter, #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shorter {
          width: 0; }
        #forumscontiner .paneselector .tabs li .innerjustifer.selected span.shortest, #forumscontiner.compact .paneselector .tabs li .innerjustifer.selected span.shortest {
          width: 0; }
      #forumscontiner .paneselector .tabs li .innerjustifer span, #forumscontiner.compact .paneselector .tabs li .innerjustifer span {
        text-align: right;
        width: 0px;
        overflow: hidden;
        transition: width 0.15s ease-out; }
  #forumscontiner .paneselector .content .row .time, #forumscontiner.compact .paneselector .content .row .time {
    display: none;
    width: 0%; }
  #forumscontiner .paneselector .content .row .inhalt, #forumscontiner.compact .paneselector .content .row .inhalt {
    width: 80%; }
  #forumscontiner .paneselector .content .row .nickname, #forumscontiner.compact .paneselector .content .row .nickname {
    width: 20%;
    margin-left: 1em; }

  .eventscontainer .eventsbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; } }
@media only screen and (max-width: 693px) {
  /* Generelle Einstellungen */
  body {
    font-size: 0.8em; }

  h1, h2 {
    font-size: 1.8em; }

  .button {
    padding-left: 10px;
    padding-right: 10px;
    height: 30px; }

  .herobannercontainer {
    overflow: hidden; }
    .herobannercontainer .herobanner {
      font-size: 0.8em; }
      .herobannercontainer .herobanner .heroimage {
        height: inherit; }
      .herobannercontainer .herobanner .content .downside {
        height: 100%;
        margin-left: 2em;
        margin-right: 2em;
        margin-bottom: 1em; }
        .herobannercontainer .herobanner .content .downside .button {
          margin-top: 1em;
          margin-right: 1em; }
        .herobannercontainer .herobanner .content .downside h2 {
          margin-top: 1em;
          margin-bottom: 0.5em; }

  .superinfobox .content, .superinfobox .subcontent {
    font-size: 0.72em; }
  .superinfobox .bboxadminc {
    font-size: 0.72em;
    flex-direction: column;
    align-items: flex-end; }

  .reviewitembox,
  .gameitembox,
  .sushiitembox {
    min-width: 320px;
    margin-right: 0; }

  .newssummarycontainer .newsitemdaybreaker {
    position: relative;
    min-width: initial;
    max-width: initial;
    border-radius: 5px;
    margin-right: 0;
    margin-bottom: 0em;
    margin-top: 4em;
    padding: 0.25em;
    font-size: 0.85em;
    flex-grow: 1;
    width: 100%; }
    .newssummarycontainer .newsitemdaybreaker:first-of-type {
      margin-top: 0em;
      width: 100%; }
  .newssummarycontainer .newsitem {
    position: relative;
    min-width: initial;
    max-width: initial;
    overflow: initial;
    margin-top: 1em;
    margin-bottom: 0;
    margin-right: 0;
    flex-grow: 1;
    border-radius: 5px;
    overflow: hidden; }
    .newssummarycontainer .newsitem .placeholder {
      display: none;
      height: 1em; }
    .newssummarycontainer .newsitem .content {
      font-size: 0.6em; }
      .newssummarycontainer .newsitem .content p {
        margin-top: 1em; }
    .newssummarycontainer .newsitem p {
      padding-bottom: 0.4em; }
    .newssummarycontainer .newsitem .meta {
      position: absolute;
      right: 0.5em;
      top: initial;
      bottom: 0.5em; }
      .newssummarycontainer .newsitem .meta .systembutton {
        margin-right: 1em; }
        .newssummarycontainer .newsitem .meta .systembutton:last-of-type {
          margin-right: 0; }

  .newsinlistview .item .imgcontainer, .newsinlistview .item .placeholder {
    display: none;
    position: relative;
    height: initial;
    min-width: 7em;
    width: 5em;
    height: 7em; }
    .newsinlistview .item .imgcontainer img, .newsinlistview .item .placeholder img {
      position: absolute;
      left: -57px;
      top: -1em;
      width: initial;
      height: initial; }
  .newsinlistview .item .placeholder {
    min-height: 7em;
    height: initial; }
  .newsinlistview .item .content {
    padding-bottom: 2.5em; }
    .newsinlistview .item .content p {
      display: none; }
  .newsinlistview .item .authortime {
    position: absolute;
    right: initial;
    left: 1.5em;
    bottom: 0.5em;
    font-size: 0.8em; }
  .newsinlistview .item h2 {
    font-size: 0.8rem; }

  #forumscontiner .headerbox, #commentscontainer .headerbox, #forumscontiner.compact .headerbox {
    margin-top: 30px;
    margin-left: 73px;
    margin-bottom: 30px; }
  #forumscontiner .paneselector .tabs, #commentscontainer .paneselector .tabs, #forumscontiner.compact .paneselector .tabs {
    width: 60px; }
  #forumscontiner .paneselector .content .row .time, #commentscontainer .paneselector .content .row .time, #forumscontiner.compact .paneselector .content .row .time {
    display: none;
    width: 0%; }
  #forumscontiner .paneselector .content .row .inhalt, #commentscontainer .paneselector .content .row .inhalt, #forumscontiner.compact .paneselector .content .row .inhalt {
    width: 100%;
    margin-left: 1em; }
  #forumscontiner .paneselector .content .row .nickname, #commentscontainer .paneselector .content .row .nickname, #forumscontiner.compact .paneselector .content .row .nickname {
    width: 0%;
    display: none; }

  .deadline_tabled {
    display: none; }

  .deadline_dim #deadline_dim_wrapper .content {
    padding: 0.5em; }

  #deadline_dim_wrapper .cbutwrapper {
    right: 0; }

  .commentscontainer, .gamesoverviewcontainer, .newsothercontainer, .newsheadcontainer,
  .reviewsendbox, .pageblockcontainer, .altherobannercontainer {
    margin: 1em; }

  .reviewsattributescontainer {
    margin-top: 0;
    padding-bottom: 1em; }

  .sushicontentcontainer, .reviewscontentcontainer, .newscontentcontainer {
    margin: 1em; }
    .sushicontentcontainer .ad_square, .sushicontentcontainer .ext_square, .reviewscontentcontainer .ad_square, .reviewscontentcontainer .ext_square, .newscontentcontainer .ad_square, .newscontentcontainer .ext_square {
      margin-top: 1em;
      margin-left: 0; }
    .sushicontentcontainer .sidebox, .reviewscontentcontainer .sidebox, .newscontentcontainer .sidebox {
      margin-top: 1em;
      margin-left: 0; }

  .cookies_dim #cookies_dim_wrapper {
    flex-direction: column; }
    .cookies_dim #cookies_dim_wrapper .content.buttonspace {
      padding-bottom: 1.25em; } }
@media only screen and (max-width: 320px) {
  .reviewitembox,
  .gameitembox {
    min-width: 230px; } }
.bg_error {
  background-color: red; }

.bg_save {
  background-color: #30720a; }

.bg_news {
  background-color: #208bbb; }

.bg_reviews {
  background-color: #449216; }

.bg_sushi {
  background-color: #e27f2a; }

.bg_vgtrends {
  background-color: #951f1e; }

.bg_forum {
  background-color: #6a259a; }

.bg_comments {
  background-color: #e08d1b; }

.bg_hotnews {
  background-color: #b62929; }

/*# sourceMappingURL=style.css.map */