@charset "UTF-8";
@import "fonts/OpenSans/OpenSans.css";
@import "fonts/DejaVuSans/stylesheet.css";
@import "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 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

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

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

textarea:required {
  -webkit-box-shadow: none;
          box-shadow: none;
}

textarea:invalid {
  -webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0);
          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! */
@-webkit-keyframes barberpole {
  100% {
    background-position: 100% 100%;
  }
}
@keyframes barberpole {
  100% {
    background-position: 100% 100%;
  }
}
@-webkit-keyframes pulse {
  100% {
    color: #272625;
  }
}
@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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: oblique;
  height: 100%;
  color: #ffffff;
  background-color: black;
  -webkit-animation: pulse 1.5s linear infinite;
          animation: pulse 1.5s linear infinite;
  -webkit-animation-direction: alternate;
          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%;
  -webkit-animation: barberpole 10s linear infinite;
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  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 -webkit-gradient(linear, left bottom, left top, from(#0f9c4a), to(#9bc84b)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left bottom, left top, from(#c64c26), to(#f6961b)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left bottom, left top, from(#0f9c4a), to(#9bc84b)) 0% 0% no-repeat padding-box;
  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 {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.555);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.555);
  background-color: #272625;
}

.global_admin_box {
  -webkit-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 {
  -webkit-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);
  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;
  -webkit-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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "OpenSansExtraBold";
  margin-right: 0.5em;
}

.schemainvisible {
  display: none;
}

.displaynone {
  display: none !important;
}

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

.alertswrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin: 0 2em 0 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "OpenSansSemiBold";
}
.generic_userbox .avatarcircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
}

.twittercontainer .noshowck {
  width: 100%;
  height: 100%;
  max-width: 480px;
  max-height: 360px;
  min-height: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.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%;
}
.videocontainer .noshowck, .videocontainer .ext_clicktoshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.videocontainer .ext_clicktoshow {
  cursor: pointer;
}

.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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #2e2e2e;
  border-radius: 10px;
  overflow: hidden;
  z-index: 2;
}
.controlmenu .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "OpenSansSemiBold";
  font-style: italic;
  text-transform: uppercase;
  cursor: pointer;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 3em;
  border-bottom: 1px solid #444;
  padding: 0 2em 0 2em;
}
.controlmenu .item.arealock {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 5em;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.controlmenu .item.arealock .areaselector {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #ffffff;
}
.mailtable .mailrow .controlbuttons.removed {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#b9000b)) 0% 0% no-repeat padding-box;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
  padding: 1em;
  font-style: italic;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), color-stop(60%, rgba(136, 136, 136, 0.3)), to(rgba(255, 255, 255, 0.06)));
  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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flex2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.flex3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.pointer {
  cursor: pointer;
}

.controlbuttons {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  text-transform: uppercase;
}

.searchboxrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.searchboxrow input {
  font-size: 1.2em;
  width: 50%;
}

.searchpagesbuttoncolumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
}

@-webkit-keyframes pulsate {
  from {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
  35% {
    -webkit-transform: rotate(0deg) scale(0.6) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(0.6) skew(0deg) translate(0px);
  }
  50% {
    -webkit-transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(1.2) skew(0deg) translate(0px);
  }
  65% {
    -webkit-transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(0.5) skew(0deg) translate(0px);
  }
  to {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
}

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

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

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

@-webkit-keyframes spulsate {
  from {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
  50% {
    -webkit-transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(0.8) skew(0deg) translate(0px);
  }
  to {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
            transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
  }
}

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

.heartcolor {
  color: rgb(182, 25, 22);
}

.savecolor {
  color: #30720a;
}

.dim {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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%;
  -o-object-fit: contain;
     object-fit: contain;
}

.generic_loginbox_dim {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
  padding: 1em;
  font-style: italic;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: absolute;
  top: 0em;
  right: 0em;
}
.picturepicker_dim #picturepicker_imgbig {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     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 -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
  padding: 1em;
  font-style: italic;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.picturepicker_dim #picturepicker_dim_wrapper .autoscroll {
  position: relative;
  overflow: auto;
  height: 16em;
}
.picturepicker_dim #picturepicker_dim_wrapper .tabcontent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      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 .tabcontent .picture .licencepicture {
  position: absolute;
  right: 4.7em;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.cookies_dim #cookies_dim_wrapper .headline {
  font-size: 1.6em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold";
  font-style: italic;
}
.cookies_dim #cookies_dim_wrapper .content {
  padding: 1em;
  overflow: hidden;
}
.cookies_dim #cookies_dim_wrapper .content.buttonspace {
  padding: 0.25em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.newsinlistview {
  position: relative;
}
.newsinlistview .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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%;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsinlistview .item .meta {
  position: relative;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 1em;
  font-size: 0.8em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.newsinlistview .item .meta .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          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 -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode2 {
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode3 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode4 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode5 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode6 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
}
.newsinlistview .item .placeholder.mode7 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#800008)) 0% 0% no-repeat padding-box;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          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;
  -ms-flex-negative: 0;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -ms-flex-negative: 1;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.usercontent_dim {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
}

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

.deadline_dim {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gameeditor_devpub_dim #gameeditor_devpub_dim_wrapper .theline {
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
  padding: 1em;
  font-style: italic;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: rgb(238, 177, 91);
  color: #2e2d2c;
}

.barberpole {
  background-image: repeating-linear-gradient(-45deg, #58af58, #58af58 10px, #408840 10px, #408840 20px);
  background-size: 200% 200%;
  -webkit-animation: barberpole 4s linear infinite;
          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%;
}

.orangepole {
  background-image: repeating-linear-gradient(-45deg, #a36200, #a36200 10px, #8f5600 10px, #8f5600 20px);
  background-size: 200% 200%;
}

.bluedpole {
  background-image: repeating-linear-gradient(-45deg, #005374, #005374 10px, #01415a 10px, #01415a 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%;
  -o-object-fit: contain;
     object-fit: contain;
}
.gameeditorwrapper .barberpole {
  background-image: repeating-linear-gradient(-45deg, #58af58, #58af58 10px, #408840 10px, #408840 20px);
  background-size: 200% 200%;
  -webkit-animation: barberpole 4s linear infinite;
          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;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.gameeditor .publisher,
.gameeditor .developer {
  position: relative;
}
.gameeditor .specificsrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #393939;
  padding: 1em;
}
.gameeditor .specificsrow div {
  visibility: hidden;
}
.gameeditor .tabrow {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 .licencepicture {
  position: absolute;
  right: 4em;
  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;
  -webkit-animation: none;
          animation: none;
}

.sharebuttoncon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.sharebuttonsvg {
  height: 1em;
  width: 1em;
  margin-right: 0.5em;
}

.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: -webkit-box;
  display: -ms-flexbox;
  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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#edit_editor_dialog_picgallery #edit_editor_dialog_piccontainer, #edit_editor_dialog_urlbox #edit_editor_dialog_piccontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  padding: 3em;
  margin: 1.5em;
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.systembutton.ps4 {
  background-color: #0018a0;
}
.systembutton.nswi {
  background-color: rgb(221, 11, 99);
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "OpenSansSemiBold";
  cursor: pointer;
}

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

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fjcenter {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fjend {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.fjspacebetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.facenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.faend {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.faspacebetween {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
}

.fwrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fnwrap {
  -ms-flex-wrap: no-wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 140px;
  background-color: #197aa2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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 {
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  -webkit-transform-origin: left top;
          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) {
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
  top: 1.37em;
}
.head .burgermenu.opened .stroke {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.head .burgermenu.opened .stroke:nth-child(2) {
  background-color: rgba(255, 255, 255, 0);
}
.head .burgermenu.opened .stroke:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.head .menubackgroundwrapper nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  top: initial;
  right: initial;
}
.head .menubackgroundwrapper .menupoints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px;
  margin-left: 70px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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);
  -webkit-transform: skewX(-27deg);
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 400px;
      flex-basis: 400px;
}
.head .logocontainer_main {
  position: relative;
  background-color: #4cbeeb;
  border-top-color: #4cbeeb;
  height: 140px;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          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;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 10px;
  margin: 2em;
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, right top, from(rgb(45, 45, 45)), color-stop(59%, rgb(9, 71, 121)), to(rgb(63, 205, 239)));
  background: linear-gradient(90deg, rgb(45, 45, 45) 0%, rgb(9, 71, 121) 59%, rgb(63, 205, 239) 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 .adsbox.mycroft, .altherobannercontainer .extinfos.mycroft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em;
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.altherobannercontainer .adsbox.mycroft span, .altherobannercontainer .extinfos.mycroft span {
  text-align: center;
  font-size: 1.8em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold";
  font-style: italic;
  opacity: 0.7;
}
.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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #197aa2;
  background: transparent -webkit-gradient(linear, right top, left top, from(#135674), to(#3ebcf2)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  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;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: blanchedalmond;
  padding: 1em;
  color: #2e2d2c;
}
.superinfobox .bboxadminc .inlinewrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  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 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newssummarycontainer .newsitemdaybreaker.mode1 {
  background: transparent -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode2 {
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode3 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode4 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode5 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode6 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitemdaybreaker.mode7 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#800008)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -o-object-fit: cover;
     object-fit: cover;
}
.newssummarycontainer .newsitem .ar_sixteennine {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  background-color: rgb(93, 92, 87);
}
.newssummarycontainer .newsitem .ar_sixteennine .ar_inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.newssummarycontainer .newsitem .placeholder {
  height: 120px;
  background: transparent -webkit-gradient(linear, right top, left top, from(#135674), to(#3ebcf2)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode1 {
  background: transparent -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #3fcdef 0%, #4bbc4b 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode2 {
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode3 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode4 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode5 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode6 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
}
.newssummarycontainer .newsitem .placeholder.mode7 {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#800008)) 0% 0% no-repeat padding-box;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sushiitembox img {
  width: 100%;
  height: auto;
  max-height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
.sushiitembox .ar_sixteennine {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  background-color: rgb(93, 92, 87);
}
.sushiitembox .ar_sixteennine .ar_inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sushiitembox .biggiholder {
  position: relative;
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reviewitembox.widthconstrained,
.gameitembox.widthconstrained {
  max-width: 640px;
}
.reviewitembox img,
.gameitembox img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviewitembox .ar_sixteennine,
.gameitembox .ar_sixteennine {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  background-color: rgb(93, 92, 87);
}
.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 -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left top, right top, from(#4d8fce), to(#073f6b)) 0% 0% no-repeat padding-box;
  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.generic, #commentscontainer.generic {
  background: transparent -webkit-gradient(linear, right top, left top, from(#135674), to(#3ebcf2)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #135674 0%, #3ebcf2 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.sony, #commentscontainer.sony {
  background: transparent -webkit-gradient(linear, left top, right top, from(#4d8fce), to(#073f6b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #4d8fce 0%, #073f6b 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.microsoft, #commentscontainer.microsoft {
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.nintendo, #commentscontainer.nintendo {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#b9000b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ff3b00 0%, #b9000b 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.wars, #commentscontainer.wars {
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.media, #commentscontainer.media {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.rest, #commentscontainer.rest {
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.games, #commentscontainer.games {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
#forumscontiner.all, #commentscontainer.all {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
#forumscontiner .paneselector .tabs li .innerjustifer:hover span, #commentscontainer .paneselector .tabs li .innerjustifer:hover span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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;
  -webkit-transition: width 0.15s ease-out;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
  -webkit-transition: width 0.15s ease-out;
  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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.graphcontainer .thegrid {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 400px;
}
.graphcontainer .thegrid .gridline {
  -webkit-box-sizing: border-box;
          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%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: 400px;
}
.graphcontainer .bars .bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  width: 6%;
  background-color: yellowgreen;
  cursor: pointer;
}
.graphcontainer .bars .bar.b1 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#fb9f1d), to(#fedd57)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #fb9f1d 0%, #fedd57 100%) 0% 0% no-repeat padding-box;
  height: 95%;
}
.graphcontainer .bars .bar.b2 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#c64c26), to(#f6961b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #c64c26 0%, #f6961b 100%) 0% 0% no-repeat padding-box;
  height: 85%;
}
.graphcontainer .bars .bar.b3 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#8e1d77), to(#e267a5)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #8e1d77 0%, #e267a5 100%) 0% 0% no-repeat padding-box;
  height: 75%;
}
.graphcontainer .bars .bar.b4 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#2e3a83), to(#b484bd)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #2e3a83 0%, #b484bd 100%) 0% 0% no-repeat padding-box;
  height: 65%;
}
.graphcontainer .bars .bar.b5 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#05406b), to(#4c92d0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #05406b 0%, #4c92d0 100%) 0% 0% no-repeat padding-box;
  height: 55%;
}
.graphcontainer .bars .bar.b6 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#19a2b8), to(#8fcda0)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #19a2b8 0%, #8fcda0 100%) 0% 0% no-repeat padding-box;
  height: 45%;
}
.graphcontainer .bars .bar.b7 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#0f9c4a), to(#9bc84b)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #0f9c4a 0%, #9bc84b 100%) 0% 0% no-repeat padding-box;
  height: 35%;
}
.graphcontainer .bars .bar.b8 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#94b822), to(#edeb0f)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #94b822 0%, #edeb0f 100%) 0% 0% no-repeat padding-box;
  height: 25%;
}
.graphcontainer .bars .bar.b9 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#af6244), to(#e9b768)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(0deg, #af6244 0%, #e9b768 100%) 0% 0% no-repeat padding-box;
  height: 15%;
}
.graphcontainer .bars .bar.b10 {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#ee3675), to(#ef63a0)) 0% 0% no-repeat padding-box;
  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;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: center center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 80%;
  -webkit-box-sizing: border-box;
          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 -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  max-width: 900px;
  overflow-x: auto;
  margin: 50px 20px 0px 20px;
}
.eventscontainer .eventsbox .item {
  position: relative;
  -ms-flex-negative: 0;
      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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #208bbb;
  min-height: 50px;
  font-weight: bold;
}
.eventscontainer .eventsbox .item .title {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: 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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: wrap;
      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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.5em;
  padding-left: 3.2em;
  overflow: auto;
}
.submenu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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);
}

@-webkit-keyframes newsbackgroundanimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@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 -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  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 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.othernewsbox .lowerpart {
  font-size: 0.8em;
  justify-self: flex-end;
}
.othernewsbox .subline {
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.othernewsbox .subline span {
  margin-right: 1em;
}
.othernewsbox .next {
  font-size: 1.5em;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.newscontentcontainer {
  position: relative;
  margin: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #212020;
  border-radius: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /*No stretch*/
}
.newscontentcontainer .sidebox .gamecontent .gameinfos .autofill {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #197aa2;
  background: transparent -webkit-gradient(linear, right top, left top, from(#135674), to(#3ebcf2)) 0% 0% no-repeat padding-box;
  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 .nhwrapper .copyright_licence {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  font-size: 0.8em;
  font-style: normal;
  font-family: "OpenSansLight";
  text-transform: none;
  text-shadow: 1px 1px 1px black;
}
.newsheadcontainer .imglayer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background-image: url(/images/template/dummypicture_cw.png);
  background-size: 200% 200%;
  -webkit-animation: newsbackgroundanimation 30s ease infinite;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsheadcontainer .sub_container .lower {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(73%, rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
  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 {
  -o-object-fit: cover;
     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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .newsheadcontainer .sub_container {
    position: relative;
    height: auto;
    top: initial;
    background: transparent -webkit-gradient(linear, right top, left top, from(#135674), to(#3ebcf2)) 0% 0% no-repeat padding-box;
    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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2em;
}
.proandcontra .thebox {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 10px;
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left top, right top, from(#ff3b00), to(#b9000b)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, right top, left top, from(#3fcdef), to(#4bbc4b)) 0% 0% no-repeat padding-box;
  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: 1em;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: 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: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 2em;
}
.reviewsendbox .avatarwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 .avatarcontainer.tiny {
  width: 0.5em;
  height: 0.5em;
  border: 0.04em solid white;
}
.reviewsendbox .ratebox {
  position: relative;
  background-color: #208bbb;
  border-radius: 10px;
  padding: 2em;
  padding-top: 5em;
  min-width: 15em;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
}
.reviewsendbox .ratebox .votestable tr {
  background-color: #408915;
  border-radius: 0.5em;
}
.reviewsendbox .ratebox .votestable tr:nth-of-type(2n) {
  background-color: #489b17;
}
.reviewsendbox .ratebox .votestable tr:first-child td:first-child {
  border-top-left-radius: 1em;
}
.reviewsendbox .ratebox .votestable tr:first-child td:last-child {
  border-top-right-radius: 1em;
}
.reviewsendbox .ratebox .votestable tr:last-child td:first-child {
  border-bottom-left-radius: 1em;
}
.reviewsendbox .ratebox .votestable tr:last-child td:last-child {
  border-bottom-right-radius: 1em;
}
.reviewsendbox .ratebox .votestable td {
  padding: 0.5em;
  vertical-align: middle;
}
.reviewsendbox .ratebox .votestable .smalltime {
  font-size: 0.7em;
}
.reviewsendbox .ratebox .votestable .rating {
  width: 1.5em;
  height: 1.5em;
  font-size: 1.5em;
  border: 0.08em solid white;
  border-radius: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #449216;
  overflow: hidden;
  font-family: "OpenSansExtraBold";
}
.reviewsendbox .ratebox.notoppad {
  padding-top: 2em;
}
.reviewsendbox .ratebox .barswrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1em;
}
.reviewsendbox .ratebox .ratingnumber {
  font-size: 4em;
  text-transform: uppercase;
  line-height: 1.2;
  font-family: "OpenSansExtraBold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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 .revealvotes {
  position: absolute;
  top: 1em;
  right: 1em;
}
.reviewsendbox .ratebox.pink {
  background: transparent -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.reviewsendbox .ratebox.turq {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.reviewsendbox .ratebox.violet {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #e466a5 0%, #8e1978 100%) 0% 0% no-repeat padding-box;
}
.reviewsendbox .ratebox.green {
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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 rgb(219, 219, 219);
  -webkit-transform: skew(-15deg);
          transform: skew(-15deg);
}
.reviewsendbox .ratebox .categoryrow .bar .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: revert;
          flex-direction: revert;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "OpenSansSemiBold";
  width: 35%;
  height: 100%;
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /*No stretch*/
}
.reviewscontentcontainer .sidebox .gamecontent .gameinfos .autofill {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.reviewsattributescontainer {
  position: relative;
  margin: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2em;
}
.reviewsattributescontainer .sidebox {
  position: relative;
  background-color: #208bbb;
  border-radius: 10px;
  padding: 2em;
  padding-top: 5em;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 2em;
  background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.reviewsattributescontainer .sidebox.turq {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.reviewsattributescontainer .sidebox.violet {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #197aa2;
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #90c54b 0%, #099c4a 100%) 0% 0% no-repeat padding-box;
}
.reviewsheadcontainer .nhwrapper .videooverlay {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  displaY: block;
  width: 100%;
  max-width: 100%;
}
.reviewsheadcontainer .nhwrapper .newsimage {
  displaY: block;
  width: 100%;
  max-width: 100%;
}
.reviewsheadcontainer .nhwrapper .copyright_licence {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  font-size: 0.8em;
  font-style: normal;
  font-family: "OpenSansLight";
  text-transform: none;
  text-shadow: 1px 1px 1px black;
}
.reviewsheadcontainer .imglayer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background-image: url(/images/template/dummypicture_cw.png);
  background-size: 200% 200%;
  -webkit-animation: newsbackgroundanimation 30s ease infinite;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reviewsheadcontainer .sub_container .lower {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(73%, rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .reviewscontentcontainer .sidecontainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: 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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .reviewsattributescontainer .sidebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 1em;
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: 100%;
    margin-bottom: 1em;
    margin-right: 0;
    background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .reviewsendbox .fourguysrow .ratebox {
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            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;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #197aa2;
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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%;
  -webkit-animation: newsbackgroundanimation 30s ease infinite;
          animation: newsbackgroundanimation 30s ease infinite;
}
.gamesmaincontainer #review_author {
  margin-right: 1em;
}

.gamesattributescontainer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  font-size: 0.8em;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.gamesattributescontainer .sidebox {
  position: relative;
  background-color: #208bbb;
  border-radius: 10px;
  padding: 2em;
  padding-top: 5em;
  overflow: hidden;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-bottom: 2em;
  background: transparent -webkit-gradient(linear, left top, right top, from(#4d8fce), to(#073f6b)) 0% 0% no-repeat padding-box;
  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 -webkit-gradient(linear, left top, right top, from(#ef62a1), to(#ec165a)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #ef62a1 0%, #ec165a 100%) 0% 0% no-repeat padding-box;
}
.gamesattributescontainer .sidebox.turq {
  background: transparent -webkit-gradient(linear, left top, right top, from(#95d19f), to(#17a0b9)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #95d19f 0%, #17a0b9 100%) 0% 0% no-repeat padding-box;
}
.gamesattributescontainer .sidebox.violet {
  background: transparent -webkit-gradient(linear, left top, right top, from(#e466a5), to(#8e1978)) 0% 0% no-repeat padding-box;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.gamesoverviewcontainer .gameitembox {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  min-width: 0;
  max-width: 450px;
}
.gamesoverviewcontainer .gameitemrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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;
  -o-object-fit: cover;
     object-fit: cover;
}
.gamesoverviewcontainer .gameitemrow .placeholder {
  width: 160px;
  height: 100px;
  background: transparent -webkit-gradient(linear, left top, right top, from(#90c54b), to(#099c4a)) 0% 0% no-repeat padding-box;
  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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 1em;
  }
  .gamemaster .headconstrainer {
    width: initial;
    margin-right: 0;
  }
  .gamesattributescontainer {
    margin-top: 2em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .gamesattributescontainer .sidebox {
    position: relative;
    background-color: #208bbb;
    border-radius: 10px;
    padding: 1em;
    overflow: hidden;
    -webkit-box-flex: 0;
        -ms-flex: 0 auto;
            flex: 0 auto;
    width: initial;
    margin-bottom: 1em;
    margin-right: 0;
    background: transparent -webkit-gradient(linear, left top, right top, from(#b684bd), to(#2a3480)) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(90deg, #b684bd 0%, #2a3480 100%) 0% 0% no-repeat padding-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; /*No stretch*/
}
.sushicontentcontainer .sidebox .gamecontent .gameinfos .autofill {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #197aa2;
  background: transparent -webkit-gradient(linear, right top, left top, from(#d93d3d), to(#ffc502)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(270deg, #d93d3d 0%, #ffc502 100%) 0% 0% no-repeat padding-box;
}
.sushiheadscontainer .nhwrapper .videooverlay {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  displaY: block;
  width: 100%;
  max-width: 100%;
}
.sushiheadscontainer .nhwrapper .newsimage {
  display: block;
  width: 100%;
  max-width: 100%;
}
.sushiheadscontainer .nhwrapper .copyright_licence {
  position: absolute;
  right: 1em;
  bottom: 0.5em;
  font-size: 0.8em;
  font-style: normal;
  font-family: "OpenSansLight";
  text-transform: none;
  text-shadow: 1px 1px 1px black;
}
.sushiheadscontainer .imglayer {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background-image: url(/images/template/dummypicture_cw.png);
  background-size: 200% 200%;
  -webkit-animation: newsbackgroundanimation 30s ease infinite;
          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 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.sushiheadscontainer .sub_container .lower {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(73%, rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.35)));
  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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sushimaster .wrapper.topmostwrapper .avatarcontainer {
    display: none;
  }
  .sushiheadscontainer .sub_container .pointbox {
    font-size: 0.7em;
  }
}
.podcasts_dialogbox_dim {
  position: fixed;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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 .extras .container.noconstrain {
  max-height: initial;
}
.podcast_item .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.podcast_item .audiocommentswriter .avatarbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  width: 20px;
  min-width: 20px;
}
.podcast_item .audiocommentswriter .avatarbox img {
  display: -webkit-box;
  display: -ms-flexbox;
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 0.5em;
}
.podcast_item .audiocommentscontainer .audiocomment .avatarcircle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  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%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contribute_headbox .explainerbox {
  position: absolute;
  top: 2em;
  left: 2em;
  font-size: 2em;
  width: 37%;
}
.contribute_headbox .paidoutsofar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: 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: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 5em;
}
.contribute_listrow .conitem.title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.contribute_listrow .conitem.date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 3em;
  height: 3em;
  border-radius: 3em;
  font-size: 3em;
  background-color: #58af58;
  border: 3px solid #408840;
}

.backlinkwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.backlinkexplainer .explainer {
  font-size: 1.2em;
}

.con_registrationbuttonbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media only screen and (max-width: 1024px) {
  .backlinkexplainer {
    width: 40%;
    -ms-flex-negative: 0;
        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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contributecontainerbox {
    margin-left: 0;
  }
  .backlinkwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contribute_headbox .paidoutsofar {
    display: none;
  }
  .backlinkexplainer {
    margin-top: 2em;
    width: initial;
    -ms-flex-negative: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .contribute_listrow .conitem.date {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 8em;
  }
  .contribute_listrow .conitem.price {
    width: 4em;
  }
  .contribute_listrow .conitem.check {
    font-size: 1.2em;
    width: 2em;
  }
}
.aitekorosu .tabselector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0em;
}
.aitekorosu .tabselector li {
  padding: 1em;
  margin-right: 0.5em;
  font-size: 1em;
  font-weight: bold;
  background-color: rgb(222, 67, 67);
  border-radius: 0.5em;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid transparent;
}
.aitekorosu .tabselector li.active {
  border: 2px solid rgb(152, 0, 0);
}
.aitekorosu .cardbase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 30em;
  height: 40em;
  border: 2px solid #197aa2;
  border-radius: 1em;
}
.aitekorosu .cardbase.extended {
  width: 50em;
}
.aitekorosu .cardbase .cardname {
  padding: 0.5em;
}
.aitekorosu .cardbase .cardpicture {
  width: 26em;
  height: 15em;
  border: 2px solid #3db0df;
}
.aitekorosu .cardbase .minwidthcontrol {
  min-width: 10em;
}
.aitekorosu .cardbase .minwidthcontrol2 {
  min-width: 25em;
}
.aitekorosu .cardbase .minwidthcontrol3 {
  min-width: 5em;
}
.aitekorosu .cardbase .italics {
  font-style: italic;
}
.aitekorosu .cardbase td {
  padding: 0.25em;
}
.aitekorosu .cardbase .costbubble {
  border: 2px dashed orange;
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  border-radius: 2em;
  padding: 0.5em;
}
.aitekorosu .cardbase .smalldescriber {
  font-variant: small-caps;
  color: orange;
  font-size: 0.8em;
}
.aitekorosu .cardbase .controlstip {
  position: absolute;
  top: 0px;
  right: 1em;
}
.aitekorosu .cardbase.hidden {
  display: none;
}
.aitekorosu .commandsdisplayer .commands_addbutton {
  background-color: orange;
  border-radius: 0.5em;
  padding: 0.25em 0.75em 0.25em 0.75em;
  position: absolute;
  top: 0px;
  right: 1em;
  cursor: pointer;
}
.aitekorosu .commandsdisplayer table th {
  padding: 0.25em 1em 0.25em 1em;
  /* border: 1px solid red;*/
}
.aitekorosu .commandsdisplayer table th.cons {
  width: 20em;
}
.aitekorosu .commandsdisplayer table td {
  border: 1px dashed white;
  font-size: 0.8em;
}
.aitekorosu .commandsdisplayer th {
  border: 1px solid white;
}
.aitekorosu .commandsdisplayer .container {
  position: relative;
  display: inline-block; /* Make the container inline */
  padding: 0.3em;
  border-radius: 0.3em;
  margin-right: 1em;
}
.aitekorosu .commandsdisplayer .container .controlbuttons {
  font-size: 0.6em;
}
.aitekorosu .commandsdisplayer .container .id {
  border: 1px solid white;
}
.aitekorosu .commandsdisplayer .container.Stance {
  background-color: white;
  color: black;
}
.aitekorosu .commandsdisplayer .container.Status {
  background-color: red;
}
.aitekorosu .commandsdisplayer .container.AP {
  background-color: rgb(231, 202, 13);
}
.aitekorosu .commandsdisplayer .container.HP {
  background-color: #65dd10;
}
.aitekorosu .commandsdisplayer .container.CardsOnHand {
  border: 1px solid #0cb487;
}
.aitekorosu .commandsdisplayer .container.CardsPlayed {
  border: 1px solid #b40c0c;
}
.aitekorosu .commandsdisplayer .hover-content {
  display: none; /* Hide the hover content by default */
  position: absolute;
  left: 103%; /* Position the hover content to the right of the container */
  top: 0;
  background-color: #b12aab;
  border: 1px solid #ddd;
  z-index: 1;
}
.aitekorosu .commandsdisplayer .hover-content span, .aitekorosu .commandsdisplayer .hover-content em {
  margin-right: 0.5em;
}
.aitekorosu .commandsdisplayer .container:hover .hover-content {
  display: block; /* Show the hover content when container is hovered */
}
.aitekorosu .adjs {
  font-weight: bold;
  font-style: italic;
  color: #AAA;
}
.aitekorosu table th {
  padding: 0.25em 1em 0.25em 1em;
  /* border: 1px solid red;*/
}
.aitekorosu table th.cons {
  width: 20em;
}
.aitekorosu table td {
  border: 1px dashed white;
  font-size: 0.8em;
  padding: 0.25em;
}

.constraintsdim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9992;
}

.commandsoverlay, .constraintsoverlay {
  background: #666;
  width: 30em;
  border-radius: 1em;
  overflow: hidden;
}
.commandsoverlay .headline, .constraintsoverlay .headline {
  background-color: #65dd10;
  padding: 0.5em;
}
.commandsoverlay .minwidthcontrol, .constraintsoverlay .minwidthcontrol {
  min-width: 10em;
}
.commandsoverlay table, .constraintsoverlay table {
  margin: 1em;
}
.commandsoverlay td, .constraintsoverlay td {
  padding: 0.25em;
}

.emissionrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
  border-radius: 10px;
  border: 1px solid white;
  margin-bottom: 1em;
}
.emissionrow .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 1em;
}

.vgpriceitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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 {
  -webkit-box-shadow: 0px 0px 10px 1px whitesmoke;
          box-shadow: 0px 0px 10px 1px whitesmoke;
}
.commentscontainer .cornerlabel {
  font-size: 1em;
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      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: 1em;
  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: -webkit-gradient(linear, left top, right top, from(#204d5f), color-stop(59%, #197aa2), to(#1098d0));
    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: rgb(177, 191, 205);
  }
  .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: rgb(109, 108, 108);
  }
  .sushiitembox {
    background-color: #e7eef2;
  }
  .sushiitembox .ar_sixteennine {
    background-color: rgb(177, 191, 205);
  }
  .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: rgb(177, 191, 205);
  }
  .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 {
    -webkit-box-shadow: 0 0 11px 5px rgb(250, 242, 225);
            box-shadow: 0 0 11px 5px rgb(250, 242, 225);
  }
  .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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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: -webkit-box;
    display: -ms-flexbox;
    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: -webkit-box;
    display: -ms-flexbox;
    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;
    -webkit-transition: width 0.15s ease-out;
    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, .altherobannercontainer .extinfos.mycroft {
    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;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            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, .altherobannercontainer .extinfos.mycroft {
    display: none;
  }
  .storysummarycontainer.row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
    -webkit-transition: width 0.15s ease-out;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            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;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            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;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            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 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            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;
}