@charset "UTF-8";
/*!

stylesheet for 'Inspire Red TB', generated on Thu, 21 Aug 2025 14:51:47 +0000 -- DO NOT EDIT

*/
/**
 * Parts taken from
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
 * modifyed to meet the needs of WoltLab
 */
html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, big, cite, code, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, canvas, embed, figure, figcaption, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}
img {
  border: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
  content: "";
  content: none;
}
address {
  font-style: normal;
}
/**
 * sane box-sizing value for all elements
 * 
 * https://css-tricks.com/box-sizing/
 */
html {
  box-sizing: border-box;
}
*, *::before, *::after {
  box-sizing: inherit;
  min-width: 0;
}
details * {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}
[hidden] {
  display: none !important;
}
/* shortcuts */
.clearfix::before, .clearfix::after {
  display: table;
  content: "";
}
.clearfix::after {
  clear: both;
}
/** @deprecated 3.0 - please use the native properties directly */
/** /deprecated */
/* See https://github.com/saadeghi/browser-hack-sass-mixins */
/*--- Only Safari ≥ 9 (Non iOS) ---*/
/* smartphone */
/* tablet (portrait) */
/* smartphone + tablet (portrait) */
/* tablet (portrait) + tablet (landscape) + desktop */
/* tablet (portrait) + tablet (landscape) */
/* tablet (landscape) */
/* smartphone + tablet (portrait) + tablet (landscape) */
/* tablet (landscape) + desktop */
/* desktop */
/* Font Family: Open Sans
 * Designed by: Steve Matteson
 * License: OFL
 */
@font-face {
  /* Copyright: Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans) */
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-weight: 300 800;
  font-stretch: 75 100;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2 supports variations"), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2-variations"), url("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2");
}
@font-face {
  /* Copyright: Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans) */
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-weight: 300 800;
  font-stretch: 75 100;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2 supports variations"), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2-variations"), url("../font/families/Open%20Sans/OpenSans-Italic%5Bwdth%2Cwght%5D.woff2?v=1700233094") format("woff2");
}
woltlab-suite-preload:root {
  --woltlab-suite-preload: preload_dummy("../font/families/Open%20Sans/OpenSans%5Bwdth%2Cwght%5D.woff2?v=1700233094", "font", 1, "");
}
.redactor-layer pre {
  background-color: white !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  color: #444 !important;
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-size: 14px;
  margin: 1em 0;
  padding: 10px 20px;
  position: relative;
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
}
.redactor-layer pre:not(.redactorCalcHeight)::before, .redactor-layer pre.woltlabHtml::before {
  color: #c13e4b;
  content: attr(data-title);
  cursor: pointer;
  display: block;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .redactor-layer pre:not(.redactorCalcHeight)::before, .redactor-layer pre.woltlabHtml::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-layer pre:not(.redactorCalcHeight)::before, .redactor-layer pre.woltlabHtml::before {
    font-size: 18px;
  }
}
.redactor-layer pre.woltlabHtml::before {
  margin-bottom: 30px;
}
.redactor-layer pre.woltlabHtml::after {
  color: #646464;
  content: attr(data-description);
  cursor: pointer;
  display: block;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  position: absolute;
  top: 32px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .redactor-layer pre.woltlabHtml::after {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-layer pre.woltlabHtml::after {
    font-size: 12px;
  }
}
.codeBox {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  clear: both;
  margin: 1em 0;
  padding: 10px;
  position: relative;
}
.codeBox.collapsed .codeBoxCode {
  max-height: 200px;
  overflow: hidden;
}
.codeBox.collapsed > .toggleButton {
  bottom: 0;
  left: 0;
  padding-bottom: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.codeBox.collapsed > .toggleButton::before {
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  content: "";
  height: 60px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -60px;
}
.codeBox .codeBoxHeader {
  position: sticky;
  top: 50px;
  z-index: 1;
  padding: 10px 10px 10px;
  margin: -10px -10px 0;
  background-color: white;
  align-items: center;
  display: flex;
  /* required to avoid layout jumping caused by the dynamically added 24px button */
  min-height: 24px;
}
.codeBox .codeBoxHeader > .codeBoxHeadline {
  flex: 1 1 auto;
  margin-right: 10px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .codeBox .codeBoxHeader > .codeBoxHeadline {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .codeBox .codeBoxHeader > .codeBoxHeadline {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .codeBox .codeBoxHeader > .codeBoxHeadline {
    overflow: auto;
    white-space: nowrap;
  }
}
.codeBox .codeBoxHeader .icon {
  flex: 0 0 auto;
}
.codeBox .codeBoxHeader .icon:not(:last-child) {
  margin-right: 10px;
}
.codeBox .codeBoxCode {
  position: relative;
  padding-left: 7ch;
}
.codeBox .codeBoxCode > code {
  display: block;
  overflow-x: auto;
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-size: 14px;
}
.codeBox .codeBoxCode > code .codeBoxLine {
  display: block;
}
.codeBox .codeBoxCode > code .codeBoxLine > a {
  margin-left: -7ch;
  overflow: hidden;
  position: absolute;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* No one has line numbers greater than 999999 */
  width: 6ch;
}
.codeBox .codeBoxCode > code .codeBoxLine > a::before {
  content: attr(title);
}
.codeBox .codeBoxCode > code .codeBoxLine > span {
  white-space: pre;
  /* Prevent empty lines from collapsing. */
}
.codeBox .codeBoxCode > code .codeBoxLine > span:empty {
  display: inline-block;
}
@media screen and (min-width: 769px), print {
  .codeBox .codeBoxCode > code .codeBoxLine > span {
    white-space: pre-wrap;
    word-break: break-all;
  }
}
.codeBox .codeBoxCode > code .codeBoxLine:target {
  background-color: #ff6;
}
.codeBox > .toggleButton {
  background-color: white;
  cursor: pointer;
  display: block;
  padding: 10px 20px 0 10px;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .codeBox > .toggleButton {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .codeBox > .toggleButton {
    font-size: 12px;
  }
}
.quoteBoxContent .codeBox .codeBoxHeader {
  /*
		The quote box has its own stacking context, causing the `top` value
	    to be relative to the quote box and not the document body.
	    See https://community.woltlab.com/thread/293105-quelltext-innerhalb-eines-zitates-wird-teilweise-abgeschnitten/
	*/
  top: 0;
}
.anchorFixedHeader:not(.disableAnchorFixedHeader):target .codeBoxHeader {
  top: -30px;
  /* see wsc31.scss */
}
.dialogContent .codeBox .codeBoxHeader {
  /* Prevent the header being sticky inside dialogs, which doesn't really work.  */
  position: static;
}
/* PrismJS 1.15.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript&plugins=autoloader */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
.token.comment, .token.prolog, .token.doctype, .token.cdata {
  color: slategray;
}
.token.punctuation {
  color: #999;
}
.namespace {
  opacity: 0.7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
  color: #905;
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
  color: #690;
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
  color: #9a6e3a;
  background: rgba(255, 255, 255, 0.5);
}
.token.atrule, .token.attr-value, .token.keyword {
  color: #07a;
}
.token.function, .token.class-name {
  color: #dd4a68;
}
.token.regex, .token.important, .token.variable {
  color: #e90;
}
.token.important, .token.bold {
  font-weight: 600;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.groupMention {
  background-color: white;
  border-radius: 2px;
  color: #c13e4b;
  padding: 1px 5px;
}
.groupMention::before {
  content: "@";
  /* Avoids breaks between the '@' and the group name, but still allows
		   wrapping inside the name itself */
  display: inline-block;
}
.groupMention:hover {
  color: black;
}
/* deprecated, legacy class */
.inlineCode, kbd {
  /* do not use inline-block, it breaks arrow key navigation in Firefox and Internet Explorer 11 */
  /* update: `inline` styling breaks even more things, in particular the caret position is way off */
  /* this reverts 8d381dc61e8183adcb770457f9fba25c29c00bd2 */
  /* new update: `display: inline` + `box-decoration-break` deliver the proper visual appearance,
	               and the `::after` element in the editor is used to fix the caret position at the end */
  background-color: white !important;
  border: 1px solid #c4c4c4 !important;
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #444 !important;
  display: inline;
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  margin: 0 2px;
  overflow: auto;
  padding: 0 4px;
  text-decoration: none;
  vertical-align: middle;
  word-break: break-word;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .inlineCode, kbd {
    /* Reduce the padding to prevent pixel rounding errors in the font rendering that
		   can cause the page to display a horizontal scrollbar when <kbd> appears at the
		   edge of the content container. */
    padding: 0 3px;
  }
}
small kbd {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  small kbd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  small kbd {
    font-size: 12px;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  .inlineCode, kbd {
    -webkit-box-decoration-break: initial;
  }
}
/* This pseudo element will cause a trailing caret to be displayed inside the element, right after
   the last character in the `<kbd>`. Without it, browsers may render the caret either on top or
   slightly after the right border. */
.redactor-layer kbd::after {
  content: " ";
  display: inline-block;
  pointer-events: none;
}
/* Similar to the `::after` pseudo element above, but also features an absolute positioning. This
   has no impact on the visual appearance, but avoids the caret being displayed shifted to the bottom. */
.redactor-layer kbd::before {
  content: " ";
  display: inline-block;
  pointer-events: none;
  position: absolute;
}
.mediaBBCode {
  display: inline-table;
  max-width: 100%;
}
.mediaBBCode .mediaBBCodeCaption {
  color: #646464;
  display: table-caption;
  caption-side: bottom;
  margin-top: 5px;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .mediaBBCode .mediaBBCodeCaption {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mediaBBCode .mediaBBCodeCaption {
    font-size: 12px;
  }
}
.mediaBBCode .mediaBBCodeCaption .mediaBBCodeCaptionAlignment {
  display: inline-block;
  text-align: justify;
}
.mediaBBCode video {
  max-width: 100%;
  max-height: 72vh;
}
iframe.instagram-media {
  /* workaround for broken iframes without height on mobile */
  min-height: 530px;
  /* Prevent the <iframe> from overlapping adjacent elements. */
  position: relative !important;
}
woltlab-quote, .quoteBox {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  clear: both;
  display: block;
  font-style: normal;
  margin: 1em 0;
  overflow: hidden;
}
woltlab-quote:first-child, .quoteBox:first-child {
  margin-top: 0;
}
woltlab-quote .quoteBox, .quoteBox .quoteBox {
  clear: both;
}
woltlab-quote .quoteBox .quoteBoxIcon, .quoteBox .quoteBox .quoteBoxIcon {
  display: none;
}
@media screen and (min-width: 769px), print {
  woltlab-quote, .quoteBox {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  woltlab-quote, .quoteBox {
    padding: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .quoteBox {
    min-height: 104px;
  }
}
.quoteBox.collapsed {
  position: relative;
}
.quoteBox.collapsed > .quoteBoxContent {
  overflow: hidden;
  max-height: 100px;
}
.quoteBox.collapsed > .toggleButton {
  bottom: 0;
  box-shadow: 0 -10px 50px 10px white;
  left: 0;
  padding-bottom: 10px;
  position: absolute;
  right: 0;
  z-index: 1;
}
.quoteBox > .toggleButton {
  background-color: white;
  cursor: pointer;
  display: block;
  padding: 10px 20px 0 10px;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .quoteBox > .toggleButton {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .quoteBox > .toggleButton {
    font-size: 12px;
  }
}
.quoteBox .quoteBox {
  min-height: 0;
}
woltlab-quote:not(.redactorCalcHeight)::before {
  color: #c13e4b;
  content: attr(data-title);
  cursor: pointer;
  display: block;
  font-style: normal;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  woltlab-quote:not(.redactorCalcHeight)::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  woltlab-quote:not(.redactorCalcHeight)::before {
    font-size: 18px;
  }
}
.quoteBoxTitle {
  font-style: normal;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .quoteBoxTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .quoteBoxTitle {
    font-size: 18px;
  }
}
.quoteBoxIcon {
  float: right;
  margin: 0 0 10px 10px;
}
.quoteBoxIcon > a {
  display: block;
  font-size: 0;
}
.quoteBoxIcon > .quoteBoxQuoteSymbol {
  color: #646464;
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-style: normal;
  text-align: center;
}
@media screen and (min-width: 769px), print {
  .quoteBoxIcon > .quoteBoxQuoteSymbol {
    font-size: 160px;
    line-height: 160px;
    height: 64px;
    width: 64px;
  }
}
@media screen and (max-width: 768px) {
  .quoteBoxIcon > .quoteBoxQuoteSymbol {
    font-size: 80px;
    line-height: 80px;
    height: 32px;
    width: 32px;
  }
}
.quoteBoxIcon > .quoteBoxQuoteSymbol::before {
  content: "“";
  position: relative;
}
@media screen and (min-width: 769px), print {
  .quoteBoxIcon > .quoteBoxQuoteSymbol::before {
    top: -5px;
  }
}
@media screen and (max-width: 768px) {
  .quoteBoxIcon .userAvatarImage {
    width: 32px !important;
    height: 32px !important;
  }
}
div.scImageContainer {
  display: inline-block;
}
div.scImageContainer > span > a {
  word-break: break-all;
}
div.scImageContainer > div.scImage {
  display: block;
  height: 144px;
  width: 140px;
}
div.scImageContainer > div.scImage:hover {
  cursor: pointer;
}
div.scImageContainer > div.scImage::before {
  color: #303030;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 131px;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 144px;
  text-align: center;
}
div.scImageContainer > div.scImage::after {
  background: rgba(0, 0, 0, 0.7);
  bottom: 60%;
  color: #fff;
  content: attr(data-not-whitelisted);
  display: block;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  font-size: 10px;
  position: relative;
  text-align: center;
}
div.scMediaContainer {
  display: inline-block;
}
div.scMediaContainer > div.scMedia {
  display: block;
  height: 144px;
  width: 140px;
}
div.scMediaContainer > div.scMedia:hover {
  cursor: pointer;
}
div.scMediaContainer > div.scMedia::before {
  color: #303030;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 131px;
  font-style: normal !important;
  font-weight: normal !important;
  line-height: 144px;
  text-align: center;
}
div.scMediaContainer > div.scMedia::after {
  background: rgba(0, 0, 0, 0.7);
  bottom: 60%;
  color: #fff;
  content: attr(data-not-whitelisted);
  display: block;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  font-size: 10px;
  position: relative;
  text-align: center;
}
.scTabmenuBBCode {
  margin-top: -30px;
}
.scTabmenuBBCode .tabMenuContent:not(.tabMenuContainer) {
  border: 1px solid #e0e0e0;
  margin-top: 20px !important;
  padding: 20px;
}
.scTabmenuBBCode nav > ul {
  list-style: none !important;
  margin: 1em 0 0 0 !important;
}
.scTabmenuBBCode nav > ul > li {
  margin-bottom: 0 !important;
}
.redactor-layer woltlab-spoiler {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  display: block;
  margin: 1em 0;
  padding: 10px 20px;
  position: relative;
}
.redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
  color: #c13e4b;
  content: attr(data-title);
  cursor: pointer;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-layer woltlab-spoiler:not(.redactorCalcHeight)::before {
    font-size: 18px;
  }
}
.spoilerBox {
  clear: both;
  margin: 1em 0;
}
.spoilerBox > .spoilerBoxContent {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 10px 20px;
  margin-top: 10px;
}
.spoilerBox > .spoilerBoxContent > p:first-child {
  margin-top: 0;
}
.spoilerBox > .spoilerBoxContent > p:last-child {
  margin-bottom: 0;
}
.userMention {
  background-color: white;
  border-radius: 2px;
  padding: 1px 5px;
}
.userMention::before {
  content: "@";
  /* avoids breaks between the '@' and the username, but still allows
		   wrapping inside the username itself */
  display: inline-block;
}
/* scale embedded videos to maximum width */
.videoContainer {
  display: block;
  overflow: hidden;
  padding-bottom: 56.25%;
  /* 9 / 16 */
  position: relative;
  text-align: left;
}
.videoContainer iframe, .videoContainer video {
  height: 100%;
  position: absolute;
  width: 100%;
}
.messageVideoContainer iframe {
  max-width: 100%;
}
dl:not(.plain) {
  display: block;
  /* The option */
}
dl:not(.plain):not(:first-child) {
  margin-top: 20px;
}
dl:not(.plain) > dt {
  color: #b1252a;
  display: block;
}
dl:not(.plain) > dt:not(:empty) {
  margin-bottom: 5px;
}
dl:not(.plain) > dd {
  display: block;
}
dl:not(.plain) > dd:not(:last-child) {
  margin-bottom: 20px;
}
dl:not(.plain) > dd > small:not(.innerError):not(.innerInfo):not(.innerSuccess):not(.innerWarning) {
  color: #646464;
  display: block;
  margin-top: 3px;
}
dl:not(.plain) > dd > label {
  display: block;
  /* indentation for checkbox descriptions */
}
dl:not(.plain) > dd > label + small:not(.innerError):not(.innerInfo):not(.innerSuccess):not(.innerWarning) {
  margin-left: 24px;
}
dl:not(.plain) > dd > label:not(:first-child) {
  margin-top: 5px;
}
dl:not(.plain) > dd.floated {
  display: flex;
  flex-wrap: wrap;
}
dl:not(.plain) > dd.floated > label {
  flex: 0 0 auto;
  margin: 0 10px 5px 0;
}
dl:not(.plain) > dd.floated > label:last-child {
  margin-right: 0;
}
dl:not(.plain) > dd.floated > label + small:not(.innerError):not(.innerInfo):not(.innerSuccess):not(.innerWarning) {
  margin-left: 0;
}
dl:not(.plain) > dd.floated small {
  flex: 1 1 100%;
}
dl:not(.plain).wide > dt {
  display: none;
}
dl:not(.plain) dt.checkboxList + dd::after, dl:not(.plain) dd.checkboxList::after {
  content: "";
  clear: both;
  display: table;
}
dl:not(.plain) dt.checkboxList + dd label, dl:not(.plain) dd.checkboxList label {
  float: left;
  clear: both;
}
dl:not(.plain) dt.checkboxList + dd small, dl:not(.plain) dd.checkboxList small {
  clear: both;
}
dl.floated > dd {
  display: flex;
  flex-wrap: wrap;
}
dl.floated > dd > label {
  flex: 0 0 auto;
  margin: 0 10px 5px 0;
}
dl.floated > dd > label:last-child {
  margin-right: 0;
}
dl.floated > dd > label:not(:first-child) {
  margin-top: 0;
}
dl.floated > dd > label + small:not(.innerError):not(.innerInfo):not(.innerSuccess):not(.innerWarning) {
  margin-left: 0;
}
dl.floated > dd small {
  flex: 1 1 100%;
}
dl.dataList {
  overflow: hidden;
}
dl.dataList::before, dl.dataList::after {
  display: table;
  content: "";
}
dl.dataList::after {
  clear: both;
}
dl.dataList > dt {
  clear: right;
  color: #646464;
  float: left;
  margin-right: 4px;
  text-align: left;
}
dl.dataList > dt:after {
  content: ":";
}
dl.dataList > dd {
  float: right;
  min-height: 20px;
  text-align: right;
}
dl.dataList > dd:not(:last-child) {
  margin-bottom: 3px;
}
dl.inlineDataList > dt {
  display: inline-block;
  vertical-align: middle;
}
dl.inlineDataList > dt:after {
  content: ":";
  padding-left: 1px;
}
dl.inlineDataList > dd {
  display: inline-block;
  vertical-align: middle;
}
dl.inlineDataList > dd:not(:last-of-type):after {
  content: ",";
  padding-left: 1px;
}
dl.statsDataList {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
}
dl.statsDataList > dt {
  color: #646464;
  flex: 0 0 60%;
  margin-left: 5px;
  overflow: hidden;
  text-align: left;
  white-space: nowrap;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  dl.statsDataList > dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  dl.statsDataList > dt {
    font-size: 12px;
  }
}
dl.statsDataList > dd {
  flex: 0 0 auto;
  width: calc(40% - 5px);
  /* IE work-around */
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* remove `margin-top` for `<dl>` inside grid */
.row.rowColGap > dl {
  margin-top: 0;
}
/* makes an inline-list */
.inlineList {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
}
.inlineList > li {
  flex: 0 1 auto;
}
.inlineList > li:not(:last-child) {
  margin-right: 5px;
}
.inlineList.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.inlineList.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
/* restores the native styling for lists */
.nativeList {
  margin: 1em 0 1em 40px;
}
.nativeList li {
  margin: 7px 0;
}
ul.nativeList {
  list-style-type: disc;
}
ol.nativeList {
  list-style-type: decimal;
}
/* tag cloud list */
.tagList {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  align-items: baseline;
  margin-bottom: -4px;
  margin-right: -8px;
}
.tagList > li {
  flex: 0 1 auto;
}
.tagList > li:not(:last-child) {
  margin-right: 5px;
}
.tagList.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.tagList.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.tagList > li {
  margin-bottom: 4px;
  margin-right: 8px;
}
.tagList .tag {
  background-color: #b1252a;
  color: white;
  display: inline-block;
  margin-left: 11px;
  padding: 3px 6px 2px 2px;
  position: relative;
  text-decoration: none;
  font-weight: 400;
  font-weight: 600;
}
@media screen and (min-width: 769px), print {
  .tagList .tag {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .tagList .tag {
    font-size: 12px;
  }
}
.tagList .tag::before {
  border: 11px solid transparent;
  border-left-width: 0;
  border-right-color: #b1252a;
  content: "";
  display: block;
  left: -11px;
  position: absolute;
  top: 0;
}
.tagList .tag:hover {
  background-color: black;
  color: white;
  text-decoration: none;
}
.tagList .tag:hover::before {
  border-right-color: black;
}
.tagList .tagWeight1 {
  font-size: 12px;
}
.tagList .tagWeight2 {
  font-size: 14px;
}
.tagList .tagWeight3 {
  font-size: 16px;
}
.tagList .tagWeight4 {
  font-size: 18px;
}
.tagList .tagWeight5 {
  font-size: 20px;
}
.tagList .tagWeight6 {
  font-size: 23px;
}
.tagList .tagWeight7 {
  font-size: 28px;
}
/* list of smileys */
.smileyList {
  align-items: center;
}
@media screen and (min-width: 1025px), print {
  .smileyList {
    margin-bottom: -5px;
  }
  .smileyList > li {
    margin-bottom: 5px;
  }
}
/* legacy styling (deprecated) */
ol.dataList, ul.dataList {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  font-weight: 400;
}
ol.dataList > li, ul.dataList > li {
  flex: 0 1 auto;
}
ol.dataList > li:not(:last-child), ul.dataList > li:not(:last-child) {
  margin-right: 5px;
}
ol.dataList.commaSeparated > li:not(:last-child):after, ul.dataList.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
ol.dataList.dotSeparated > li:not(:last-child):after, ul.dataList.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
@media screen and (min-width: 769px), print {
  ol.dataList, ul.dataList {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  ol.dataList, ul.dataList {
    font-size: 12px;
  }
}
ol.dataList > li:not(:last-child):after, ul.dataList > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.scDefaultAvatarUpload {
  display: inline-flex !important;
  min-height: 105px;
}
.scDefaultAvatarUpload dt {
  flex: 0 0 auto;
  margin: 0 0 0 30px;
  order: 2;
}
.scDefaultAvatarUpload dt img {
  height: 96px;
  width: 96px;
}
.scDefaultAvatarUpload dd {
  flex: 1 1 auto;
}
.scDefaultAvatarUpload dd .uploadButton {
  margin-top: 10px;
}
/* do NOT reference fonts directly, always make use of 'getFont.php' */
@font-face {
  font-family: "FontAwesome";
  --woltlab-suite-preload: preload_dummy("../font/fontawesome-webfont.woff2?v=4.7.0", "font", 1, "font/woff2");
  src: url("../font/fontawesome-webfont.eot?v=4.7.0");
  src: url("../font/fontawesome-webfont.eot?v=4.7.0#iefix") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon, .fa {
  color: #303030;
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal !important;
  font-style: normal !important;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* default icon colors */
}
.icon.disabled, .fa.disabled {
  opacity: 0.3;
}
.icon:hover, .fa:hover {
  text-decoration: none;
}
.icon.green, .fa.green {
  color: #090;
}
.icon.red, .fa.red {
  color: #c00;
}
.icon.black, .fa.black {
  color: #333;
}
.icon.brown, .fa.brown {
  color: #c63;
}
.icon.orange, .fa.orange {
  color: #f90;
}
.icon.yellow, .fa.yellow {
  color: #ff0;
}
.icon.blue, .fa.blue {
  color: #369;
}
.icon.purple, .fa.purple {
  color: #c0f;
}
.icon.pink, .fa.pink {
  color: #f0c;
}
span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) {
  cursor: default;
}
a > span.icon:not(.pointer), a > span.fa:not(.pointer) {
  cursor: pointer !important;
}
.icon16 {
  font-size: 14px;
  height: 16px;
  line-height: 16px;
  width: 16px;
}
.icon24 {
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  width: 24px;
}
.icon32 {
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  width: 32px;
  vertical-align: -5px;
}
.icon48, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
  font-size: 42px;
  height: 48px;
  line-height: 48px;
  width: 48px;
}
.icon64 {
  font-size: 56px;
  height: 64px;
  line-height: 64px;
  width: 64px;
}
.icon96 {
  font-size: 84px;
  height: 96px;
  line-height: 96px;
  width: 96px;
}
.icon128 {
  font-size: 112px;
  height: 128px;
  line-height: 128px;
  width: 128px;
}
.icon144 {
  font-size: 130px;
  height: 144px;
  line-height: 144px;
  width: 144px;
}
.fa-spinner, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
  animation: wcfSpinner 0.6s linear infinite;
  border: 2px solid #ccc;
  border-top-color: #4f81bd;
  border-radius: 50%;
  vertical-align: middle;
}
/* work-around for a bug in the scss compiler that is fixed in a newer version,
   but that version has a devastating performance compared to the current version */
.fa-spinner.fa-spinner::before {
  display: none;
}
@-webkit-keyframes wcfSpinner {
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes wcfSpinner {
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
/* ringing animation for fa-bell */
@keyframes fa-bell-ring {
  0% {
    transform: rotate(-15deg);
  }
  2% {
    transform: rotate(15deg);
  }
  4% {
    transform: rotate(-18deg);
  }
  6% {
    transform: rotate(18deg);
  }
  8% {
    transform: rotate(-22deg);
  }
  10% {
    transform: rotate(22deg);
  }
  12% {
    transform: rotate(-18deg);
  }
  14% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-12deg);
  }
  18% {
    transform: rotate(12deg);
  }
  20%, 100% {
    transform: rotate(0deg);
  }
}
/* EmojiOne's Emoji Keyboard (2016) for Chrome uses an excessively high `z-index` value */
.emojione-emoji {
  z-index: auto !important;
}
/* This icon is too wide and overflows its boundaries. */
.fa-free-code-camp.icon16 {
  font-size: 10px;
}
.fa-free-code-camp.icon24 {
  font-size: 16px;
}
.fa-free-code-camp.icon32 {
  font-size: 22px;
}
.fa-free-code-camp.icon48, .wcfImageViewer > div.fa-free-code-camp.loading:before, .wcfImageViewer > footer > div > ul > li.fa-free-code-camp.loading:before {
  font-size: 34px;
}
.fa-free-code-camp.icon64 {
  font-size: 46px;
}
.fa-free-code-camp.icon96 {
  font-size: 70px;
}
.fa-free-code-camp.icon128 {
  font-size: 94px;
}
.fa-free-code-camp.icon144 {
  font-size: 108px;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}
.fa-music:before {
  content: "";
}
.fa-search:before {
  content: "";
}
.fa-envelope-o:before {
  content: "";
}
.fa-heart:before {
  content: "";
}
.fa-star:before {
  content: "";
}
.fa-star-o:before {
  content: "";
}
.fa-user:before {
  content: "";
}
.fa-film:before {
  content: "";
}
.fa-th-large:before {
  content: "";
}
.fa-th:before {
  content: "";
}
.fa-th-list:before {
  content: "";
}
.fa-check:before {
  content: "";
}
.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}
.fa-search-plus:before {
  content: "";
}
.fa-search-minus:before {
  content: "";
}
.fa-power-off:before {
  content: "";
}
.fa-signal:before {
  content: "";
}
.fa-gear:before, .fa-cog:before {
  content: "";
}
.fa-trash-o:before {
  content: "";
}
.fa-home:before {
  content: "";
}
.fa-file-o:before {
  content: "";
}
.fa-clock-o:before {
  content: "";
}
.fa-road:before {
  content: "";
}
.fa-download:before {
  content: "";
}
.fa-arrow-circle-o-down:before {
  content: "";
}
.fa-arrow-circle-o-up:before {
  content: "";
}
.fa-inbox:before {
  content: "";
}
.fa-play-circle-o:before {
  content: "";
}
.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}
.fa-refresh:before {
  content: "";
}
.fa-list-alt:before {
  content: "";
}
.fa-lock:before {
  content: "";
}
.fa-flag:before {
  content: "";
}
.fa-headphones:before {
  content: "";
}
.fa-volume-off:before {
  content: "";
}
.fa-volume-down:before {
  content: "";
}
.fa-volume-up:before {
  content: "";
}
.fa-qrcode:before {
  content: "";
}
.fa-barcode:before {
  content: "";
}
.fa-tag:before {
  content: "";
}
.fa-tags:before {
  content: "";
}
.fa-book:before {
  content: "";
}
.fa-bookmark:before {
  content: "";
}
.fa-print:before {
  content: "";
}
.fa-camera:before {
  content: "";
}
.fa-font:before {
  content: "";
}
.fa-bold:before {
  content: "";
}
.fa-italic:before {
  content: "";
}
.fa-text-height:before {
  content: "";
}
.fa-text-width:before {
  content: "";
}
.fa-align-left:before {
  content: "";
}
.fa-align-center:before {
  content: "";
}
.fa-align-right:before {
  content: "";
}
.fa-align-justify:before {
  content: "";
}
.fa-list:before {
  content: "";
}
.fa-dedent:before, .fa-outdent:before {
  content: "";
}
.fa-indent:before {
  content: "";
}
.fa-video-camera:before {
  content: "";
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}
.fa-pencil:before {
  content: "";
}
.fa-map-marker:before {
  content: "";
}
.fa-adjust:before {
  content: "";
}
.fa-tint:before {
  content: "";
}
.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}
.fa-share-square-o:before {
  content: "";
}
.fa-check-square-o:before {
  content: "";
}
.fa-arrows:before {
  content: "";
}
.fa-step-backward:before {
  content: "";
}
.fa-fast-backward:before {
  content: "";
}
.fa-backward:before {
  content: "";
}
.fa-play:before {
  content: "";
}
.fa-pause:before {
  content: "";
}
.fa-stop:before {
  content: "";
}
.fa-forward:before {
  content: "";
}
.fa-fast-forward:before {
  content: "";
}
.fa-step-forward:before {
  content: "";
}
.fa-eject:before {
  content: "";
}
.fa-chevron-left:before {
  content: "";
}
.fa-chevron-right:before {
  content: "";
}
.fa-plus-circle:before {
  content: "";
}
.fa-minus-circle:before {
  content: "";
}
.fa-times-circle:before {
  content: "";
}
.fa-check-circle:before {
  content: "";
}
.fa-question-circle:before {
  content: "";
}
.fa-info-circle:before {
  content: "";
}
.fa-crosshairs:before {
  content: "";
}
.fa-times-circle-o:before {
  content: "";
}
.fa-check-circle-o:before {
  content: "";
}
.fa-ban:before {
  content: "";
}
.fa-arrow-left:before {
  content: "";
}
.fa-arrow-right:before {
  content: "";
}
.fa-arrow-up:before {
  content: "";
}
.fa-arrow-down:before {
  content: "";
}
.fa-mail-forward:before, .fa-share:before {
  content: "";
}
.fa-expand:before {
  content: "";
}
.fa-compress:before {
  content: "";
}
.fa-plus:before {
  content: "";
}
.fa-minus:before {
  content: "";
}
.fa-asterisk:before {
  content: "";
}
.fa-exclamation-circle:before {
  content: "";
}
.fa-gift:before {
  content: "";
}
.fa-leaf:before {
  content: "";
}
.fa-fire:before {
  content: "";
}
.fa-eye:before {
  content: "";
}
.fa-eye-slash:before {
  content: "";
}
.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}
.fa-plane:before {
  content: "";
}
.fa-calendar:before {
  content: "";
}
.fa-random:before {
  content: "";
}
.fa-comment:before {
  content: "";
}
.fa-magnet:before {
  content: "";
}
.fa-chevron-up:before {
  content: "";
}
.fa-chevron-down:before {
  content: "";
}
.fa-retweet:before {
  content: "";
}
.fa-shopping-cart:before {
  content: "";
}
.fa-folder:before {
  content: "";
}
.fa-folder-open:before {
  content: "";
}
.fa-arrows-v:before {
  content: "";
}
.fa-arrows-h:before {
  content: "";
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}
.fa-twitter-square:before {
  content: "";
}
.fa-facebook-square:before {
  content: "";
}
.fa-camera-retro:before {
  content: "";
}
.fa-key:before {
  content: "";
}
.fa-gears:before, .fa-cogs:before {
  content: "";
}
.fa-comments:before {
  content: "";
}
.fa-thumbs-o-up:before {
  content: "";
}
.fa-thumbs-o-down:before {
  content: "";
}
.fa-star-half:before {
  content: "";
}
.fa-heart-o:before {
  content: "";
}
.fa-sign-out:before {
  content: "";
}
.fa-linkedin-square:before {
  content: "";
}
.fa-thumb-tack:before {
  content: "";
}
.fa-external-link:before {
  content: "";
}
.fa-sign-in:before {
  content: "";
}
.fa-trophy:before {
  content: "";
}
.fa-github-square:before {
  content: "";
}
.fa-upload:before {
  content: "";
}
.fa-lemon-o:before {
  content: "";
}
.fa-phone:before {
  content: "";
}
.fa-square-o:before {
  content: "";
}
.fa-bookmark-o:before {
  content: "";
}
.fa-phone-square:before {
  content: "";
}
.fa-twitter:before {
  content: "";
}
.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}
.fa-github:before {
  content: "";
}
.fa-unlock:before {
  content: "";
}
.fa-credit-card:before {
  content: "";
}
.fa-feed:before, .fa-rss:before {
  content: "";
}
.fa-hdd-o:before {
  content: "";
}
.fa-bullhorn:before {
  content: "";
}
.fa-bell:before {
  content: "";
}
.fa-certificate:before {
  content: "";
}
.fa-hand-o-right:before {
  content: "";
}
.fa-hand-o-left:before {
  content: "";
}
.fa-hand-o-up:before {
  content: "";
}
.fa-hand-o-down:before {
  content: "";
}
.fa-arrow-circle-left:before {
  content: "";
}
.fa-arrow-circle-right:before {
  content: "";
}
.fa-arrow-circle-up:before {
  content: "";
}
.fa-arrow-circle-down:before {
  content: "";
}
.fa-globe:before {
  content: "";
}
.fa-wrench:before {
  content: "";
}
.fa-tasks:before {
  content: "";
}
.fa-filter:before {
  content: "";
}
.fa-briefcase:before {
  content: "";
}
.fa-arrows-alt:before {
  content: "";
}
.fa-group:before, .fa-users:before {
  content: "";
}
.fa-chain:before, .fa-link:before {
  content: "";
}
.fa-cloud:before {
  content: "";
}
.fa-flask:before {
  content: "";
}
.fa-cut:before, .fa-scissors:before {
  content: "";
}
.fa-copy:before, .fa-files-o:before {
  content: "";
}
.fa-paperclip:before {
  content: "";
}
.fa-save:before, .fa-floppy-o:before {
  content: "";
}
.fa-square:before {
  content: "";
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}
.fa-list-ul:before {
  content: "";
}
.fa-list-ol:before {
  content: "";
}
.fa-strikethrough:before {
  content: "";
}
.fa-underline:before {
  content: "";
}
.fa-table:before {
  content: "";
}
.fa-magic:before {
  content: "";
}
.fa-truck:before {
  content: "";
}
.fa-pinterest:before {
  content: "";
}
.fa-pinterest-square:before {
  content: "";
}
.fa-google-plus-square:before {
  content: "";
}
.fa-google-plus:before {
  content: "";
}
.fa-money:before {
  content: "";
}
.fa-caret-down:before {
  content: "";
}
.fa-caret-up:before {
  content: "";
}
.fa-caret-left:before {
  content: "";
}
.fa-caret-right:before {
  content: "";
}
.fa-columns:before {
  content: "";
}
.fa-unsorted:before, .fa-sort:before {
  content: "";
}
.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}
.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}
.fa-envelope:before {
  content: "";
}
.fa-linkedin:before {
  content: "";
}
.fa-rotate-left:before, .fa-undo:before {
  content: "";
}
.fa-legal:before, .fa-gavel:before {
  content: "";
}
.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}
.fa-comment-o:before {
  content: "";
}
.fa-comments-o:before {
  content: "";
}
.fa-flash:before, .fa-bolt:before {
  content: "";
}
.fa-sitemap:before {
  content: "";
}
.fa-umbrella:before {
  content: "";
}
.fa-paste:before, .fa-clipboard:before {
  content: "";
}
.fa-lightbulb-o:before {
  content: "";
}
.fa-exchange:before {
  content: "";
}
.fa-cloud-download:before {
  content: "";
}
.fa-cloud-upload:before {
  content: "";
}
.fa-user-md:before {
  content: "";
}
.fa-stethoscope:before {
  content: "";
}
.fa-suitcase:before {
  content: "";
}
.fa-bell-o:before {
  content: "";
}
.fa-coffee:before {
  content: "";
}
.fa-cutlery:before {
  content: "";
}
.fa-file-text-o:before {
  content: "";
}
.fa-building-o:before {
  content: "";
}
.fa-hospital-o:before {
  content: "";
}
.fa-ambulance:before {
  content: "";
}
.fa-medkit:before {
  content: "";
}
.fa-fighter-jet:before {
  content: "";
}
.fa-beer:before {
  content: "";
}
.fa-h-square:before {
  content: "";
}
.fa-plus-square:before {
  content: "";
}
.fa-angle-double-left:before {
  content: "";
}
.fa-angle-double-right:before {
  content: "";
}
.fa-angle-double-up:before {
  content: "";
}
.fa-angle-double-down:before {
  content: "";
}
.fa-angle-left:before {
  content: "";
}
.fa-angle-right:before {
  content: "";
}
.fa-angle-up:before {
  content: "";
}
.fa-angle-down:before {
  content: "";
}
.fa-desktop:before {
  content: "";
}
.fa-laptop:before {
  content: "";
}
.fa-tablet:before {
  content: "";
}
.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}
.fa-circle-o:before {
  content: "";
}
.fa-quote-left:before {
  content: "";
}
.fa-quote-right:before {
  content: "";
}
.fa-spinner:before, .wcfImageViewer > div.loading:before, .wcfImageViewer > footer > div > ul > li.loading:before {
  content: "";
}
.fa-circle:before {
  content: "";
}
.fa-mail-reply:before, .fa-reply:before {
  content: "";
}
.fa-github-alt:before {
  content: "";
}
.fa-folder-o:before {
  content: "";
}
.fa-folder-open-o:before {
  content: "";
}
.fa-smile-o:before {
  content: "";
}
.fa-frown-o:before {
  content: "";
}
.fa-meh-o:before {
  content: "";
}
.fa-gamepad:before {
  content: "";
}
.fa-keyboard-o:before {
  content: "";
}
.fa-flag-o:before {
  content: "";
}
.fa-flag-checkered:before {
  content: "";
}
.fa-terminal:before {
  content: "";
}
.fa-code:before {
  content: "";
}
.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}
.fa-location-arrow:before {
  content: "";
}
.fa-crop:before {
  content: "";
}
.fa-code-fork:before {
  content: "";
}
.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}
.fa-question:before {
  content: "";
}
.fa-info:before {
  content: "";
}
.fa-exclamation:before {
  content: "";
}
.fa-superscript:before {
  content: "";
}
.fa-subscript:before {
  content: "";
}
.fa-eraser:before {
  content: "";
}
.fa-puzzle-piece:before {
  content: "";
}
.fa-microphone:before {
  content: "";
}
.fa-microphone-slash:before {
  content: "";
}
.fa-shield:before {
  content: "";
}
.fa-calendar-o:before {
  content: "";
}
.fa-fire-extinguisher:before {
  content: "";
}
.fa-rocket:before {
  content: "";
}
.fa-maxcdn:before {
  content: "";
}
.fa-chevron-circle-left:before {
  content: "";
}
.fa-chevron-circle-right:before {
  content: "";
}
.fa-chevron-circle-up:before {
  content: "";
}
.fa-chevron-circle-down:before {
  content: "";
}
.fa-html5:before {
  content: "";
}
.fa-css3:before {
  content: "";
}
.fa-anchor:before {
  content: "";
}
.fa-unlock-alt:before {
  content: "";
}
.fa-bullseye:before {
  content: "";
}
.fa-ellipsis-h:before {
  content: "";
}
.fa-ellipsis-v:before {
  content: "";
}
.fa-rss-square:before {
  content: "";
}
.fa-play-circle:before {
  content: "";
}
.fa-ticket:before {
  content: "";
}
.fa-minus-square:before {
  content: "";
}
.fa-minus-square-o:before {
  content: "";
}
.fa-level-up:before {
  content: "";
}
.fa-level-down:before {
  content: "";
}
.fa-check-square:before {
  content: "";
}
.fa-pencil-square:before {
  content: "";
}
.fa-external-link-square:before {
  content: "";
}
.fa-share-square:before {
  content: "";
}
.fa-compass:before {
  content: "";
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}
.fa-euro:before, .fa-eur:before {
  content: "";
}
.fa-gbp:before {
  content: "";
}
.fa-dollar:before, .fa-usd:before {
  content: "";
}
.fa-rupee:before, .fa-inr:before {
  content: "";
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}
.fa-won:before, .fa-krw:before {
  content: "";
}
.fa-bitcoin:before, .fa-btc:before {
  content: "";
}
.fa-file:before {
  content: "";
}
.fa-file-text:before {
  content: "";
}
.fa-sort-alpha-asc:before {
  content: "";
}
.fa-sort-alpha-desc:before {
  content: "";
}
.fa-sort-amount-asc:before {
  content: "";
}
.fa-sort-amount-desc:before {
  content: "";
}
.fa-sort-numeric-asc:before {
  content: "";
}
.fa-sort-numeric-desc:before {
  content: "";
}
.fa-thumbs-up:before {
  content: "";
}
.fa-thumbs-down:before {
  content: "";
}
.fa-youtube-square:before {
  content: "";
}
.fa-youtube:before {
  content: "";
}
.fa-xing:before {
  content: "";
}
.fa-xing-square:before {
  content: "";
}
.fa-youtube-play:before {
  content: "";
}
.fa-dropbox:before {
  content: "";
}
.fa-stack-overflow:before {
  content: "";
}
.fa-instagram:before {
  content: "";
}
.fa-flickr:before {
  content: "";
}
.fa-adn:before {
  content: "";
}
.fa-bitbucket:before {
  content: "";
}
.fa-bitbucket-square:before {
  content: "";
}
.fa-tumblr:before {
  content: "";
}
.fa-tumblr-square:before {
  content: "";
}
.fa-long-arrow-down:before {
  content: "";
}
.fa-long-arrow-up:before {
  content: "";
}
.fa-long-arrow-left:before {
  content: "";
}
.fa-long-arrow-right:before {
  content: "";
}
.fa-apple:before {
  content: "";
}
.fa-windows:before {
  content: "";
}
.fa-android:before {
  content: "";
}
.fa-linux:before {
  content: "";
}
.fa-dribbble:before {
  content: "";
}
.fa-skype:before {
  content: "";
}
.fa-foursquare:before {
  content: "";
}
.fa-trello:before {
  content: "";
}
.fa-female:before {
  content: "";
}
.fa-male:before {
  content: "";
}
.fa-gittip:before, .fa-gratipay:before {
  content: "";
}
.fa-sun-o:before {
  content: "";
}
.fa-moon-o:before {
  content: "";
}
.fa-archive:before {
  content: "";
}
.fa-bug:before {
  content: "";
}
.fa-vk:before {
  content: "";
}
.fa-weibo:before {
  content: "";
}
.fa-renren:before {
  content: "";
}
.fa-pagelines:before {
  content: "";
}
.fa-stack-exchange:before {
  content: "";
}
.fa-arrow-circle-o-right:before {
  content: "";
}
.fa-arrow-circle-o-left:before {
  content: "";
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}
.fa-dot-circle-o:before {
  content: "";
}
.fa-wheelchair:before {
  content: "";
}
.fa-vimeo-square:before {
  content: "";
}
.fa-turkish-lira:before, .fa-try:before {
  content: "";
}
.fa-plus-square-o:before {
  content: "";
}
.fa-space-shuttle:before {
  content: "";
}
.fa-slack:before {
  content: "";
}
.fa-envelope-square:before {
  content: "";
}
.fa-wordpress:before {
  content: "";
}
.fa-openid:before {
  content: "";
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}
.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}
.fa-yahoo:before {
  content: "";
}
.fa-google:before {
  content: "";
}
.fa-reddit:before {
  content: "";
}
.fa-reddit-square:before {
  content: "";
}
.fa-stumbleupon-circle:before {
  content: "";
}
.fa-stumbleupon:before {
  content: "";
}
.fa-delicious:before {
  content: "";
}
.fa-digg:before {
  content: "";
}
.fa-pied-piper-pp:before {
  content: "";
}
.fa-pied-piper-alt:before {
  content: "";
}
.fa-drupal:before {
  content: "";
}
.fa-joomla:before {
  content: "";
}
.fa-language:before {
  content: "";
}
.fa-fax:before {
  content: "";
}
.fa-building:before {
  content: "";
}
.fa-child:before {
  content: "";
}
.fa-paw:before {
  content: "";
}
.fa-spoon:before {
  content: "";
}
.fa-cube:before {
  content: "";
}
.fa-cubes:before {
  content: "";
}
.fa-behance:before {
  content: "";
}
.fa-behance-square:before {
  content: "";
}
.fa-steam:before {
  content: "";
}
.fa-steam-square:before {
  content: "";
}
.fa-recycle:before {
  content: "";
}
.fa-automobile:before, .fa-car:before {
  content: "";
}
.fa-cab:before, .fa-taxi:before {
  content: "";
}
.fa-tree:before {
  content: "";
}
.fa-spotify:before {
  content: "";
}
.fa-deviantart:before {
  content: "";
}
.fa-soundcloud:before {
  content: "";
}
.fa-database:before {
  content: "";
}
.fa-file-pdf-o:before {
  content: "";
}
.fa-file-word-o:before {
  content: "";
}
.fa-file-excel-o:before {
  content: "";
}
.fa-file-powerpoint-o:before {
  content: "";
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}
.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}
.fa-file-code-o:before {
  content: "";
}
.fa-vine:before {
  content: "";
}
.fa-codepen:before {
  content: "";
}
.fa-jsfiddle:before {
  content: "";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}
.fa-circle-o-notch:before {
  content: "";
}
.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "";
}
.fa-ge:before, .fa-empire:before {
  content: "";
}
.fa-git-square:before {
  content: "";
}
.fa-git:before {
  content: "";
}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "";
}
.fa-tencent-weibo:before {
  content: "";
}
.fa-qq:before {
  content: "";
}
.fa-wechat:before, .fa-weixin:before {
  content: "";
}
.fa-send:before, .fa-paper-plane:before {
  content: "";
}
.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}
.fa-history:before {
  content: "";
}
.fa-circle-thin:before {
  content: "";
}
.fa-header:before {
  content: "";
}
.fa-paragraph:before {
  content: "";
}
.fa-sliders:before {
  content: "";
}
.fa-share-alt:before {
  content: "";
}
.fa-share-alt-square:before {
  content: "";
}
.fa-bomb:before {
  content: "";
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}
.fa-tty:before {
  content: "";
}
.fa-binoculars:before {
  content: "";
}
.fa-plug:before {
  content: "";
}
.fa-slideshare:before {
  content: "";
}
.fa-twitch:before {
  content: "";
}
.fa-yelp:before {
  content: "";
}
.fa-newspaper-o:before {
  content: "";
}
.fa-wifi:before {
  content: "";
}
.fa-calculator:before {
  content: "";
}
.fa-paypal:before {
  content: "";
}
.fa-google-wallet:before {
  content: "";
}
.fa-cc-visa:before {
  content: "";
}
.fa-cc-mastercard:before {
  content: "";
}
.fa-cc-discover:before {
  content: "";
}
.fa-cc-amex:before {
  content: "";
}
.fa-cc-paypal:before {
  content: "";
}
.fa-cc-stripe:before {
  content: "";
}
.fa-bell-slash:before {
  content: "";
}
.fa-bell-slash-o:before {
  content: "";
}
.fa-trash:before {
  content: "";
}
.fa-copyright:before {
  content: "";
}
.fa-at:before {
  content: "";
}
.fa-eyedropper:before {
  content: "";
}
.fa-paint-brush:before {
  content: "";
}
.fa-birthday-cake:before {
  content: "";
}
.fa-area-chart:before {
  content: "";
}
.fa-pie-chart:before {
  content: "";
}
.fa-line-chart:before {
  content: "";
}
.fa-lastfm:before {
  content: "";
}
.fa-lastfm-square:before {
  content: "";
}
.fa-toggle-off:before {
  content: "";
}
.fa-toggle-on:before {
  content: "";
}
.fa-bicycle:before {
  content: "";
}
.fa-bus:before {
  content: "";
}
.fa-ioxhost:before {
  content: "";
}
.fa-angellist:before {
  content: "";
}
.fa-cc:before {
  content: "";
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}
.fa-meanpath:before {
  content: "";
}
.fa-buysellads:before {
  content: "";
}
.fa-connectdevelop:before {
  content: "";
}
.fa-dashcube:before {
  content: "";
}
.fa-forumbee:before {
  content: "";
}
.fa-leanpub:before {
  content: "";
}
.fa-sellsy:before {
  content: "";
}
.fa-shirtsinbulk:before {
  content: "";
}
.fa-simplybuilt:before {
  content: "";
}
.fa-skyatlas:before {
  content: "";
}
.fa-cart-plus:before {
  content: "";
}
.fa-cart-arrow-down:before {
  content: "";
}
.fa-diamond:before {
  content: "";
}
.fa-ship:before {
  content: "";
}
.fa-user-secret:before {
  content: "";
}
.fa-motorcycle:before {
  content: "";
}
.fa-street-view:before {
  content: "";
}
.fa-heartbeat:before {
  content: "";
}
.fa-venus:before {
  content: "";
}
.fa-mars:before {
  content: "";
}
.fa-mercury:before {
  content: "";
}
.fa-intersex:before, .fa-transgender:before {
  content: "";
}
.fa-transgender-alt:before {
  content: "";
}
.fa-venus-double:before {
  content: "";
}
.fa-mars-double:before {
  content: "";
}
.fa-venus-mars:before {
  content: "";
}
.fa-mars-stroke:before {
  content: "";
}
.fa-mars-stroke-v:before {
  content: "";
}
.fa-mars-stroke-h:before {
  content: "";
}
.fa-neuter:before {
  content: "";
}
.fa-genderless:before {
  content: "";
}
.fa-facebook-official:before {
  content: "";
}
.fa-pinterest-p:before {
  content: "";
}
.fa-whatsapp:before {
  content: "";
}
.fa-server:before {
  content: "";
}
.fa-user-plus:before {
  content: "";
}
.fa-user-times:before {
  content: "";
}
.fa-hotel:before, .fa-bed:before {
  content: "";
}
.fa-viacoin:before {
  content: "";
}
.fa-train:before {
  content: "";
}
.fa-subway:before {
  content: "";
}
.fa-medium:before {
  content: "";
}
.fa-yc:before, .fa-y-combinator:before {
  content: "";
}
.fa-optin-monster:before {
  content: "";
}
.fa-opencart:before {
  content: "";
}
.fa-expeditedssl:before {
  content: "";
}
.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "";
}
.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}
.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}
.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}
.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}
.fa-mouse-pointer:before {
  content: "";
}
.fa-i-cursor:before {
  content: "";
}
.fa-object-group:before {
  content: "";
}
.fa-object-ungroup:before {
  content: "";
}
.fa-sticky-note:before {
  content: "";
}
.fa-sticky-note-o:before {
  content: "";
}
.fa-cc-jcb:before {
  content: "";
}
.fa-cc-diners-club:before {
  content: "";
}
.fa-clone:before {
  content: "";
}
.fa-balance-scale:before {
  content: "";
}
.fa-hourglass-o:before {
  content: "";
}
.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}
.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}
.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}
.fa-hourglass:before {
  content: "";
}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "";
}
.fa-hand-scissors-o:before {
  content: "";
}
.fa-hand-lizard-o:before {
  content: "";
}
.fa-hand-spock-o:before {
  content: "";
}
.fa-hand-pointer-o:before {
  content: "";
}
.fa-hand-peace-o:before {
  content: "";
}
.fa-trademark:before {
  content: "";
}
.fa-registered:before {
  content: "";
}
.fa-creative-commons:before {
  content: "";
}
.fa-gg:before {
  content: "";
}
.fa-gg-circle:before {
  content: "";
}
.fa-tripadvisor:before {
  content: "";
}
.fa-odnoklassniki:before {
  content: "";
}
.fa-odnoklassniki-square:before {
  content: "";
}
.fa-get-pocket:before {
  content: "";
}
.fa-wikipedia-w:before {
  content: "";
}
.fa-safari:before {
  content: "";
}
.fa-chrome:before {
  content: "";
}
.fa-firefox:before {
  content: "";
}
.fa-opera:before {
  content: "";
}
.fa-internet-explorer:before {
  content: "";
}
.fa-tv:before, .fa-television:before {
  content: "";
}
.fa-contao:before {
  content: "";
}
.fa-500px:before {
  content: "";
}
.fa-amazon:before {
  content: "";
}
.fa-calendar-plus-o:before {
  content: "";
}
.fa-calendar-minus-o:before {
  content: "";
}
.fa-calendar-times-o:before {
  content: "";
}
.fa-calendar-check-o:before {
  content: "";
}
.fa-industry:before {
  content: "";
}
.fa-map-pin:before {
  content: "";
}
.fa-map-signs:before {
  content: "";
}
.fa-map-o:before {
  content: "";
}
.fa-map:before {
  content: "";
}
.fa-commenting:before {
  content: "";
}
.fa-commenting-o:before {
  content: "";
}
.fa-houzz:before {
  content: "";
}
.fa-vimeo:before {
  content: "";
}
.fa-black-tie:before {
  content: "";
}
.fa-fonticons:before {
  content: "";
}
.fa-reddit-alien:before {
  content: "";
}
.fa-edge:before {
  content: "";
}
.fa-credit-card-alt:before {
  content: "";
}
.fa-codiepie:before {
  content: "";
}
.fa-modx:before {
  content: "";
}
.fa-fort-awesome:before {
  content: "";
}
.fa-usb:before {
  content: "";
}
.fa-product-hunt:before {
  content: "";
}
.fa-mixcloud:before {
  content: "";
}
.fa-scribd:before {
  content: "";
}
.fa-pause-circle:before {
  content: "";
}
.fa-pause-circle-o:before {
  content: "";
}
.fa-stop-circle:before {
  content: "";
}
.fa-stop-circle-o:before {
  content: "";
}
.fa-shopping-bag:before {
  content: "";
}
.fa-shopping-basket:before {
  content: "";
}
.fa-hashtag:before {
  content: "";
}
.fa-bluetooth:before {
  content: "";
}
.fa-bluetooth-b:before {
  content: "";
}
.fa-percent:before {
  content: "";
}
.fa-gitlab:before {
  content: "";
}
.fa-wpbeginner:before {
  content: "";
}
.fa-wpforms:before {
  content: "";
}
.fa-envira:before {
  content: "";
}
.fa-universal-access:before {
  content: "";
}
.fa-wheelchair-alt:before {
  content: "";
}
.fa-question-circle-o:before {
  content: "";
}
.fa-blind:before {
  content: "";
}
.fa-audio-description:before {
  content: "";
}
.fa-volume-control-phone:before {
  content: "";
}
.fa-braille:before {
  content: "";
}
.fa-assistive-listening-systems:before {
  content: "";
}
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "";
}
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "";
}
.fa-glide:before {
  content: "";
}
.fa-glide-g:before {
  content: "";
}
.fa-signing:before, .fa-sign-language:before {
  content: "";
}
.fa-low-vision:before {
  content: "";
}
.fa-viadeo:before {
  content: "";
}
.fa-viadeo-square:before {
  content: "";
}
.fa-snapchat:before {
  content: "";
}
.fa-snapchat-ghost:before {
  content: "";
}
.fa-snapchat-square:before {
  content: "";
}
.fa-pied-piper:before {
  content: "";
}
.fa-first-order:before {
  content: "";
}
.fa-yoast:before {
  content: "";
}
.fa-themeisle:before {
  content: "";
}
.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}
.fa-fa:before, .fa-font-awesome:before {
  content: "";
}
.fa-handshake-o:before {
  content: "";
}
.fa-envelope-open:before {
  content: "";
}
.fa-envelope-open-o:before {
  content: "";
}
.fa-linode:before {
  content: "";
}
.fa-address-book:before {
  content: "";
}
.fa-address-book-o:before {
  content: "";
}
.fa-vcard:before, .fa-address-card:before {
  content: "";
}
.fa-vcard-o:before, .fa-address-card-o:before {
  content: "";
}
.fa-user-circle:before {
  content: "";
}
.fa-user-circle-o:before {
  content: "";
}
.fa-user-o:before {
  content: "";
}
.fa-id-badge:before {
  content: "";
}
.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}
.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}
.fa-quora:before {
  content: "";
}
.fa-free-code-camp:before {
  content: "";
}
.fa-telegram:before {
  content: "";
}
.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "";
}
.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}
.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}
.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}
.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}
.fa-shower:before {
  content: "";
}
.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "";
}
.fa-podcast:before {
  content: "";
}
.fa-window-maximize:before {
  content: "";
}
.fa-window-minimize:before {
  content: "";
}
.fa-window-restore:before {
  content: "";
}
.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}
.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}
.fa-bandcamp:before {
  content: "";
}
.fa-grav:before {
  content: "";
}
.fa-etsy:before {
  content: "";
}
.fa-imdb:before {
  content: "";
}
.fa-ravelry:before {
  content: "";
}
.fa-eercast:before {
  content: "";
}
.fa-microchip:before {
  content: "";
}
.fa-snowflake-o:before {
  content: "";
}
.fa-superpowers:before {
  content: "";
}
.fa-wpexplorer:before {
  content: "";
}
.fa-meetup:before {
  content: "";
}
/* default styling for all boxes */
.box {
  box-sizing: border-box;
}
.boxImage img {
  height: auto;
  max-width: 100%;
}
.boxTitle {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .boxTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .boxTitle {
    font-size: 18px;
  }
}
.boxTitle + .boxContent {
  margin-top: 20px;
}
.boxTitle .badge {
  top: -2px;
}
.boxContent + .boxContent {
  margin-top: 20px;
}
.boxContent + .boxTitle {
  margin-top: 30px;
}
.boxContentSeparator {
  background: #eaeaea;
  border: 0;
  height: 1px;
  margin: 30px auto;
  width: 60%;
}
/* styling for boxes in <hero> position */
@media screen and (max-width: 1024px) {
  .boxesHero .boxContainer {
    padding: 40px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesHero .boxContainer {
    padding: 60px 0;
  }
}
.boxesHero .box {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .boxesHero .box:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesHero .box:not(:last-child) {
    margin-bottom: 60px;
  }
}
.boxesHero .boxTitle {
  font-weight: 300;
  line-height: 1.05;
}
@media screen and (min-width: 769px), print {
  .boxesHero .boxTitle {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .boxesHero .boxTitle {
    font-size: 23px;
  }
}
.boxesHero .boxWithImage {
  display: flex;
  flex-wrap: wrap;
}
.boxesHero .boxWithImage .boxImage, .boxesHero .boxWithImage .boxTitle, .boxesHero .boxWithImage .boxContent {
  flex: 0 0 100%;
}
.boxesHero .boxWithImage .boxImage {
  align-items: center;
  display: flex;
  justify-content: center;
  max-height: 750px;
  order: 3;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .boxesHero .boxWithImage .boxImage {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesHero .boxWithImage .boxImage {
    margin-top: 30px;
  }
}
/* styling for boxes in <headerBoxes> position */
.boxesHeaderBoxes {
  background-color: whitesmoke;
  color: #303030;
}
.boxesHeaderBoxes a {
  color: #c13e4b;
}
.boxesHeaderBoxes a:hover {
  color: black;
}
.boxesHeaderBoxes .icon {
  color: #303030;
}
@media screen and (min-width: 545px), print {
  .boxesHeaderBoxes .boxContainer {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1024px) {
  .boxesHeaderBoxes .boxContainer {
    padding: 40px 0;
    margin-bottom: -40px;
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesHeaderBoxes .boxContainer {
    padding: 60px 0;
    margin-bottom: -60px;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.boxesHeaderBoxes .box {
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1024px) {
  .boxesHeaderBoxes .box {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesHeaderBoxes .box {
    flex: 0 0 50%;
    max-width: 50%;
    /* one item */
  }
  .boxesHeaderBoxes .box.boxFullWidth {
    flex-basis: 100%;
    max-width: 100%;
  }
  .boxesHeaderBoxes .box:first-child:nth-last-child(1) {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesHeaderBoxes .box {
    flex: 0 0 25%;
    margin-bottom: 60px;
    max-width: 25%;
    /* one item */
    /* two items */
    /* three items */
  }
  .boxesHeaderBoxes .box.boxFullWidth {
    flex-basis: 100%;
    max-width: 100%;
  }
  .boxesHeaderBoxes .box:first-child:nth-last-child(1) {
    flex-basis: 100%;
    max-width: 100%;
  }
  .boxesHeaderBoxes .box:first-child:nth-last-child(2), .boxesHeaderBoxes .box:first-child:nth-last-child(2) ~ .box {
    flex-basis: 50%;
    max-width: 50%;
  }
  .boxesHeaderBoxes .box:first-child:nth-last-child(3), .boxesHeaderBoxes .box:first-child:nth-last-child(3) ~ .box {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
}
.boxesHeaderBoxes .boxImage {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  max-height: 100px;
  overflow: hidden;
}
/* styling for boxes in <top>/<bottom> position */
@media screen and (max-width: 1024px) {
  .boxesTop .box, .boxesBottom .box {
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesTop .box, .boxesBottom .box {
    margin-bottom: 60px;
    margin-top: 60px;
  }
}
.boxesTop .boxTitle, .boxesBottom .boxTitle {
  color: #303030;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .boxesTop .boxTitle, .boxesBottom .boxTitle {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .boxesTop .boxTitle, .boxesBottom .boxTitle {
    font-size: 20px;
  }
}
.boxesTop .boxTitle a, .boxesBottom .boxTitle a {
  color: #c13e4b;
}
.boxesTop .boxTitle a:hover, .boxesBottom .boxTitle a:hover {
  color: black;
}
@media screen and (max-width: 544px) {
  .boxesTop .boxImage, .boxesBottom .boxImage {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: hidden;
  }
}
@media screen and (min-width: 545px), print {
  .boxesTop .boxImage, .boxesBottom .boxImage {
    width: 30%;
  }
  .boxesTop .boxWithImage::before, .boxesTop .boxWithImage::after, .boxesBottom .boxWithImage::before, .boxesBottom .boxWithImage::after {
    display: table;
    content: "";
  }
  .boxesTop .boxWithImage::after, .boxesBottom .boxWithImage::after {
    clear: both;
  }
  .boxesTop .boxWithImage:nth-child(odd) .boxImage, .boxesBottom .boxWithImage:nth-child(odd) .boxImage {
    float: left;
  }
  .boxesTop .boxWithImage:nth-child(even) .boxImage, .boxesBottom .boxWithImage:nth-child(even) .boxImage {
    float: right;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesTop .boxWithImage:nth-child(odd) .boxImage, .boxesBottom .boxWithImage:nth-child(odd) .boxImage {
    margin: 0 10px 10px 0;
  }
  .boxesTop .boxWithImage:nth-child(even) .boxImage, .boxesBottom .boxWithImage:nth-child(even) .boxImage {
    margin: 0 0 10px 10px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesTop .boxWithImage:nth-child(odd) .boxImage, .boxesBottom .boxWithImage:nth-child(odd) .boxImage {
    margin: 0 20px 20px 0;
  }
  .boxesTop .boxWithImage:nth-child(even) .boxImage, .boxesBottom .boxWithImage:nth-child(even) .boxImage {
    margin: 0 0 20px 20px;
  }
}
.boxesTop {
  border-bottom: 1px solid #eaeaea;
}
.boxesBottom {
  border-top: 1px solid #eaeaea;
}
/* styling for boxes in <sidebarLeft>/<sidebarRight> position */
.boxesSidebarLeft, .boxesSidebarRight {
  color: #303030;
}
.boxesSidebarLeft a, .boxesSidebarRight a {
  color: #c13e4b;
}
.boxesSidebarLeft a:hover, .boxesSidebarRight a:hover {
  color: black;
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesSidebarLeft > .boxContainer, .boxesSidebarRight > .boxContainer {
    margin-bottom: -30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
  .boxesSidebarLeft > .boxContainer > .box, .boxesSidebarRight > .boxContainer > .box {
    /* Sections should never be split, but Firefox, IE and Edge don't seem
			           to care about this despite advertising the support for it. We can work
			           around this by using `overflow: hidden` which magically does the job,
			           but doesn't affect Chrome which properly breaks anyway. */
    overflow: hidden;
    /* Fix for Firefox, IE and Edge */
    background-clip: padding-box;
    border-bottom: 30px solid transparent;
    display: block;
    margin: 0 !important;
    width: 100%;
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
  }
}
.boxesSidebarLeft .icon, .boxesSidebarRight .icon {
  color: #303030;
}
.boxesSidebarLeft small, .boxesSidebarLeft .dimmed, .boxesSidebarRight small, .boxesSidebarRight .dimmed {
  color: #646464;
}
.boxesSidebarLeft small a, .boxesSidebarLeft .dimmed a, .boxesSidebarRight small a, .boxesSidebarRight .dimmed a {
  color: #c13e4b;
}
.boxesSidebarLeft small a:hover, .boxesSidebarLeft .dimmed a:hover, .boxesSidebarRight small a:hover, .boxesSidebarRight .dimmed a:hover {
  color: black;
}
.boxesSidebarLeft .boxTitle, .boxesSidebarRight .boxTitle {
  color: #303030;
}
.boxesSidebarLeft .boxTitle a, .boxesSidebarRight .boxTitle a {
  color: #c13e4b;
}
.boxesSidebarLeft .boxTitle a:hover, .boxesSidebarRight .boxTitle a:hover {
  color: black;
}
.boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
  background-color: white;
}
@media screen and (max-width: 1024px) {
  .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
    padding: 20px 10px;
  }
  .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesSidebarLeft .box:not(.boxBorderless), .boxesSidebarRight .box:not(.boxBorderless) {
    padding: 20px;
  }
  .boxesSidebarLeft .box:not(.boxBorderless) .boxMenu, .boxesSidebarRight .box:not(.boxBorderless) .boxMenu {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.boxesSidebarLeft .box:not(:first-child), .boxesSidebarRight .box:not(:first-child) {
  margin-top: 30px;
}
.boxesSidebarLeft .box.boxError .boxTitle, .boxesSidebarLeft .box.boxInfo .boxTitle, .boxesSidebarLeft .box.boxSuccess .boxTitle, .boxesSidebarLeft .box.boxWarning .boxTitle, .boxesSidebarRight .box.boxError .boxTitle, .boxesSidebarRight .box.boxInfo .boxTitle, .boxesSidebarRight .box.boxSuccess .boxTitle, .boxesSidebarRight .box.boxWarning .boxTitle {
  color: inherit;
}
.boxesSidebarLeft .box.boxError a:not(.button), .boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarLeft .box.boxSuccess a:not(.button), .boxesSidebarLeft .box.boxWarning a:not(.button), .boxesSidebarRight .box.boxError a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxSuccess a:not(.button), .boxesSidebarRight .box.boxWarning a:not(.button) {
  font-weight: 600;
}
.boxesSidebarLeft .box.boxError a:not(.button):hover, .boxesSidebarLeft .box.boxInfo a:not(.button):hover, .boxesSidebarLeft .box.boxSuccess a:not(.button):hover, .boxesSidebarLeft .box.boxWarning a:not(.button):hover, .boxesSidebarRight .box.boxError a:not(.button):hover, .boxesSidebarRight .box.boxInfo a:not(.button):hover, .boxesSidebarRight .box.boxSuccess a:not(.button):hover, .boxesSidebarRight .box.boxWarning a:not(.button):hover {
  text-decoration: underline;
}
.boxesSidebarLeft .box.boxError, .boxesSidebarRight .box.boxError {
  background-color: #ce414b;
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxError a:not(.button), .boxesSidebarRight .box.boxError a:not(.button) {
  color: white;
}
.boxesSidebarLeft .box.boxError a:not(.button):hover, .boxesSidebarRight .box.boxError a:not(.button):hover {
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxInfo, .boxesSidebarRight .box.boxInfo {
  background-color: #428ecd;
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxInfo a:not(.button), .boxesSidebarRight .box.boxInfo a:not(.button) {
  color: white;
}
.boxesSidebarLeft .box.boxInfo a:not(.button):hover, .boxesSidebarRight .box.boxInfo a:not(.button):hover {
  color: rgba(255, 255, 255, 0.7);
}
.boxesSidebarLeft .box.boxSuccess, .boxesSidebarRight .box.boxSuccess {
  background-color: #50a72e;
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxSuccess a:not(.button), .boxesSidebarRight .box.boxSuccess a:not(.button) {
  color: white;
}
.boxesSidebarLeft .box.boxSuccess a:not(.button):hover, .boxesSidebarRight .box.boxSuccess a:not(.button):hover {
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxWarning, .boxesSidebarRight .box.boxWarning {
  background-color: #d88b3a;
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box.boxWarning a:not(.button), .boxesSidebarRight .box.boxWarning a:not(.button) {
  color: white;
}
.boxesSidebarLeft .box.boxWarning a:not(.button):hover, .boxesSidebarRight .box.boxWarning a:not(.button):hover {
  color: rgba(255, 255, 255, 0.8);
}
.boxesSidebarLeft .box .boxMenu .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuLink {
  align-items: flex-start;
  display: flex;
  padding: 5px 20px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuLink .boxMenuLinkTitle, .boxesSidebarRight .box .boxMenu .boxMenuLink .boxMenuLinkTitle {
  flex: 1 1 auto;
}
.boxesSidebarLeft .box .boxMenu .boxMenuLink .badge, .boxesSidebarRight .box .boxMenu .boxMenuLink .badge {
  flex: 0 0 auto;
}
.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  background-color: white;
  color: #c13e4b;
}
.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink:hover, .boxesSidebarRight .box .boxMenu li.active > .boxMenuLink:hover {
  color: black;
}
.boxesSidebarLeft .box .boxMenu .boxMenuDepth1 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuDepth1 .boxMenuLink {
  padding-left: 40px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuDepth2 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuDepth2 .boxMenuLink {
  padding-left: 60px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuItem .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuItem .boxMenuLink {
  padding-left: 100px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuItemDepth1 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuItemDepth1 .boxMenuLink {
  padding-left: 20px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuItemDepth2 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuItemDepth2 .boxMenuLink {
  padding-left: 40px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuItemDepth3 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuItemDepth3 .boxMenuLink {
  padding-left: 60px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuItemDepth4 .boxMenuLink, .boxesSidebarRight .box .boxMenu .boxMenuItemDepth4 .boxMenuLink {
  padding-left: 80px;
}
@media screen and (max-width: 544px) {
  .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: hidden;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesSidebarLeft .boxWithImage::before, .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::before, .boxesSidebarRight .boxWithImage::after {
    display: table;
    content: "";
  }
  .boxesSidebarLeft .boxWithImage::after, .boxesSidebarRight .boxWithImage::after {
    clear: both;
  }
  .boxesSidebarLeft .boxWithImage .boxTitle, .boxesSidebarLeft .boxWithImage .boxContent, .boxesSidebarRight .boxWithImage .boxTitle, .boxesSidebarRight .boxWithImage .boxContent {
    margin-left: calc(30% + 15px);
  }
  .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
    float: left;
    width: 30%;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesSidebarLeft .boxImage, .boxesSidebarRight .boxImage {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: hidden;
  }
}
.boxesSidebarLeft .box .boxMenu li.active > .boxMenuLink {
  margin-left: 10px;
  padding-left: 10px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuDepth1 li.active > .boxMenuLink {
  padding-left: 30px;
}
.boxesSidebarLeft .box .boxMenu .boxMenuDepth2 li.active > .boxMenuLink {
  padding-left: 50px;
}
.boxesSidebarLeft .box .boxMenu li.active.boxMenuItemDepth2 .boxMenuLink {
  padding-left: 30px;
}
.boxesSidebarLeft .box .boxMenu li.active.boxMenuItemDepth3 .boxMenuLink {
  padding-left: 50px;
}
.boxesSidebarLeft .box .boxMenu li.active.boxMenuItemDepth4 .boxMenuLink {
  padding-left: 70px;
}
.boxesSidebarRight .box .boxMenu li.active > .boxMenuLink {
  margin-right: 10px;
  padding-right: 10px;
}
/* collapsible sidebar for mobile devices */
@media screen and (max-width: 1024px) {
  .main > .layoutBoundary {
    display: flex;
    flex-wrap: wrap;
  }
  .main > .layoutBoundary > .content {
    flex: 0 0 100%;
    order: 2;
  }
  .main > .layoutBoundary > .boxesSidebarLeft {
    order: 1;
  }
  .main > .layoutBoundary > .boxesSidebarRight {
    order: 3;
  }
  .boxesSidebarLeft {
    flex: 1 0 100%;
    pointer-events: none;
  }
  .boxesSidebarLeft > .boxContainer {
    pointer-events: all;
  }
  .boxesSidebarLeft:not(.open) {
    flex: 1 50%;
  }
  .boxesSidebarLeft:not(.open) > .boxContainer {
    display: none;
  }
  .boxesSidebarLeft::before {
    background-color: white;
    color: #c13e4b;
    content: attr(data-show-sidebar);
    display: block;
    padding: 10px 0;
    pointer-events: all;
    text-align: center;
  }
  .boxesSidebarLeft.open::before {
    content: attr(data-hide-sidebar);
    margin-bottom: 20px;
  }
  .boxesSidebarLeft.boxesSidebarLeftHasMenu::before {
    content: attr(data-show-navigation);
  }
  .boxesSidebarLeft.boxesSidebarLeftHasMenu.open::before {
    content: attr(data-hide-navigation);
  }
  .boxesSidebarRight {
    flex: 1 0 100%;
  }
}
/* styling for boxes in <contentTop>/<contentBottom> position */
.boxesContentTop .box:not(:first-child), .boxesContentBottom .box:not(:first-child) {
  margin-top: 40px;
}
.boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
  color: #303030;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .boxesContentTop .boxTitle, .boxesContentBottom .boxTitle {
    font-size: 20px;
  }
}
.boxesContentTop .boxTitle a, .boxesContentBottom .boxTitle a {
  color: #c13e4b;
}
.boxesContentTop .boxTitle a:hover, .boxesContentBottom .boxTitle a:hover {
  color: black;
}
.boxesContentTop .boxInfo, .boxesContentBottom .boxInfo {
  background-color: #428ecd;
  color: rgba(255, 255, 255, 0.8);
  padding: 20px;
  text-align: center;
}
.boxesContentTop .boxInfo a:not(.button), .boxesContentBottom .boxInfo a:not(.button) {
  color: white;
  font-weight: 600;
}
.boxesContentTop .boxInfo a:not(.button):hover, .boxesContentBottom .boxInfo a:not(.button):hover {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.boxesContentTop .boxInfo .formSubmit, .boxesContentBottom .boxInfo .formSubmit {
  margin-top: 20px;
}
@media screen and (max-width: 544px) {
  .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: hidden;
  }
}
@media screen and (min-width: 545px), print {
  .boxesContentTop .boxWithImage::before, .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::before, .boxesContentBottom .boxWithImage::after {
    display: table;
    content: "";
  }
  .boxesContentTop .boxWithImage::after, .boxesContentBottom .boxWithImage::after {
    clear: both;
  }
  .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
    float: left;
    width: 30%;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
    margin: 0 10px 10px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesContentTop .boxImage, .boxesContentBottom .boxImage {
    margin: 0 20px 20px 0;
  }
}
.boxesContentTop:not(:first-child) {
  margin-top: 40px;
}
.boxesContentBottom {
  margin-top: 40px;
}
/* styling for boxes in <footerBoxes> position */
.boxesFooterBoxes {
  background-color: whitesmoke;
  color: #303030;
}
.boxesFooterBoxes a {
  color: #c13e4b;
}
.boxesFooterBoxes a:hover {
  color: black;
}
.boxesFooterBoxes .icon {
  color: #303030;
}
@media screen and (max-width: 768px) {
  .boxesFooterBoxes .boxContainer {
    padding: 40px 0;
  }
}
@media screen and (max-width: 1024px) {
  .boxesFooterBoxes .boxContainer {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 769px), print {
  .boxesFooterBoxes .boxContainer {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -60px;
    padding: 60px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesFooterBoxes .boxContainer {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.boxesFooterBoxes .box {
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .boxesFooterBoxes .box:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 769px), print {
  .boxesFooterBoxes .box {
    flex: 0 0 50%;
    margin-bottom: 60px;
    max-width: 50%;
  }
  .boxesFooterBoxes .box.boxFullWidth {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.boxesFooterBoxes .boxTitle {
  color: #303030;
}
.boxesFooterBoxes .boxTitle a {
  color: #c13e4b;
}
.boxesFooterBoxes .boxTitle a:hover {
  color: black;
}
.boxesFooterBoxes .boxImage {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  max-height: 100px;
  overflow: hidden;
}
/* styling for boxes in <footer> position */
.boxesFooter {
  background-color: #c13e4b;
  color: rgba(255, 255, 255, 0.8);
  padding: 20px 0;
}
.boxesFooter .icon {
  color: rgba(255, 255, 255, 0.8);
}
.boxesFooter a {
  color: white;
}
.boxesFooter a:hover {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}
.boxesFooter .box:not(:first-child) {
  margin-top: 20px;
}
.boxesFooter .boxTitle {
  color: white;
}
.boxesFooter .boxTitle a {
  color: rgba(255, 255, 255, 0.7);
}
.boxesFooter .boxTitle a:hover {
  color: white;
}
@media screen and (max-width: 544px) {
  .boxesFooter .boxImage {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    max-height: 100px;
    overflow: hidden;
  }
}
@media screen and (min-width: 545px), print {
  .boxesFooter .boxWithImage::before, .boxesFooter .boxWithImage::after {
    display: table;
    content: "";
  }
  .boxesFooter .boxWithImage::after {
    clear: both;
  }
  .boxesFooter .boxImage {
    float: left;
    width: 30%;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .boxesFooter .boxImage {
    margin: 0 10px 10px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .boxesFooter .boxImage {
    margin: 0 20px 20px 0;
  }
}
.boxesFooter .boxMenuLinkGroup .boxMenu > li > ol a {
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  .boxesFooter .styleChanger {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .boxesFooter .styleChanger {
    float: right;
    padding-left: 20px;
  }
}
.boxesTop .boxMenu, .boxesBottom .boxMenu, .boxesFooter .boxMenu {
  display: inline-flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.boxesTop .boxMenu > li, .boxesBottom .boxMenu > li, .boxesFooter .boxMenu > li {
  flex: 0 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media screen and (max-width: 1024px) {
  .boxesTop .boxMenu > li, .boxesBottom .boxMenu > li, .boxesFooter .boxMenu > li {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.boxesTop .boxMenuLinkGroup:not(:first-child), .boxesBottom .boxMenuLinkGroup:not(:first-child), .boxesFooter .boxMenuLinkGroup:not(:first-child) {
  margin-top: 40px;
}
.boxesTop .boxMenuLinkGroup .boxMenu, .boxesBottom .boxMenuLinkGroup .boxMenu, .boxesFooter .boxMenuLinkGroup .boxMenu {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -20px;
}
.boxesTop .boxMenuLinkGroup .boxMenu .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu .boxMenuLink {
  display: inline-block;
}
.boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
  margin-bottom: 20px;
}
@media screen and (min-width: 769px), print {
  .boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .boxesTop .boxMenuLinkGroup .boxMenu > li, .boxesBottom .boxMenuLinkGroup .boxMenu > li, .boxesFooter .boxMenuLinkGroup .boxMenu > li {
    flex: 1 1 100%;
  }
}
.boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
  font-weight: 400;
  line-height: 1.28;
  margin-bottom: 10px;
}
@media screen and (min-width: 769px), print {
  .boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .boxesTop .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesBottom .boxMenuLinkGroup .boxMenu > li > .boxMenuLink, .boxesFooter .boxMenuLinkGroup .boxMenu > li > .boxMenuLink {
    font-size: 18px;
  }
}
.boxWithEditButton {
  position: relative;
}
.boxWithEditButton .boxEditButton {
  color: inherit;
  opacity: 0;
  position: absolute;
  top: 4px;
  transition: opacity 0.12s ease-in-out;
  right: 4px;
}
.boxWithEditButton .boxEditButton:hover {
  color: inherit;
}
.boxWithEditButton .boxEditButton > .icon {
  color: inherit;
}
html:not(.touch) .boxWithEditButton:hover .boxEditButton {
  opacity: 1;
}
.boxMenuResetFilter {
  margin-top: 10px;
}
.containerList > li {
  position: relative;
  transition: background-color 0.2s;
}
@media screen and (max-width: 1024px) {
  .containerList > li {
    padding: 10px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .containerList > li {
    padding: 20px;
  }
}
.containerList > li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.containerList > li:first-child {
  border-top: 1px solid #eaeaea;
}
.containerList > li:last-child {
  border-bottom: 1px solid #eaeaea;
}
.containerList > li:hover {
  background-color: white;
}
.containerList > li.showMore {
  text-align: center;
}
.containerList > li.showMore:hover {
  background-color: transparent;
}
.containerList > li .containerHeadline {
  position: relative;
}
.containerList > li .containerHeadline > .containerContentType {
  color: #646464;
  position: absolute;
  top: 5px;
  right: 0;
}
@media screen and (max-width: 544px) {
  .containerList > li .containerHeadline > .containerContentType {
    display: none;
  }
}
.containerList > li.containerListButtonGroup {
  text-align: right;
}
.containerList > li.containerListButtonGroup:hover {
  background-color: transparent;
}
.containerList > li.containerListButtonGroup > .buttonGroup, .containerList > li.containerListButtonGroup > .messageFooterButtons, .containerList > li.containerListButtonGroup > .messageFooterButtonsExtra {
  display: inline-flex;
}
.containerList > li.containerListButtonGroup > .buttonGroup:not(:first-child), .containerList > li.containerListButtonGroup > .messageFooterButtons:not(:first-child), .containerList > li.containerListButtonGroup > .messageFooterButtonsExtra:not(:first-child) {
  margin-left: 5px;
}
.containerList > li.containerListButtonGroup > .recentActivityFollowedNoResults {
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .containerList > li .hasMobileNavigation > .containerHeadline > h3 {
    padding-right: 30px;
  }
  .containerList > li .buttonGroupNavigation {
    position: absolute;
    right: 0;
    top: 14px;
  }
  .containerList > li .buttonGroupNavigation.open {
    left: 0;
    z-index: 10;
  }
  .containerList > li .buttonGroupNavigation.open > .buttonList {
    display: block;
    visibility: visible;
  }
  .containerList > li .buttonGroupNavigation > .dropdownLabel {
    left: calc(100% - 24px);
    position: relative;
  }
  .containerList > li .buttonGroupNavigation > .buttonList {
    background-color: white;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0;
    color: #303030;
    display: none;
    min-width: 160px;
    padding: 3px 0;
    pointer-events: all;
    position: absolute;
    text-align: left;
    visibility: hidden;
    z-index: 450;
    position: static !important;
    top: 0;
  }
  .containerList > li .buttonGroupNavigation > .buttonList.dropdownMenuPageSearch {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .containerList > li .buttonGroupNavigation > .buttonList.dropdownOpen {
    display: block;
    visibility: visible;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li {
    display: block;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .containerList > li .buttonGroupNavigation > .buttonList li:focus-within, .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .containerList > li .buttonGroupNavigation > .buttonList li.active {
    background-color: whitesmoke;
    color: black;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .containerList > li .buttonGroupNavigation > .buttonList li:focus-within > a, .containerList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider) > a, .containerList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem > a, .containerList > li .buttonGroupNavigation > .buttonList li.active > a {
    color: black;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.dropdownDivider {
    border-top: 1px solid #e6e6e6;
    margin: 3px 0;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    padding: 5px 20px;
    font-weight: 400;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.boxFlag {
    padding-top: 2px;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.missingValue > span {
    padding-right: 40px;
    position: relative;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.missingValue > span:after {
    color: rgba(255, 255, 255, 0.8);
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 5px;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.disabled {
    color: #646464;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li.disabled > span {
    cursor: not-allowed !important;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a, .containerList > li .buttonGroupNavigation > .buttonList li > span {
    clear: both;
    cursor: pointer;
    display: block;
    max-width: 350px;
    overflow: hidden;
    padding: 5px 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a > div > h3, .containerList > li .buttonGroupNavigation > .buttonList li > span > div > h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a {
    color: #c13e4b;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a > small {
    display: block;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > a + span.badge {
    display: none;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > .box16 {
    align-items: center;
    cursor: pointer;
    min-height: 0;
    padding: 5px 10px;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li > label {
    display: block;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline {
    margin-bottom: 0;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-weight: 400;
  }
  .containerList > li .buttonGroupNavigation > .buttonList li .icon {
    color: inherit;
  }
  .containerList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu {
    max-height: 300px;
    overflow: auto;
  }
  .containerList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu.forceScrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .containerList > li .buttonGroupNavigation > .buttonList > li .invisible {
    display: inline;
    padding-left: 5px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .containerList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .containerList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .containerList > li .buttonGroupNavigation > .buttonList .dropdownMenu.pageHeaderSearchDropdown {
    transform: translateY(-10px);
  }
}
@media screen and (min-width: 1025px), print {
  .containerList > li .buttonGroupNavigation {
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 15px;
    transition: opacity 0.12s;
  }
  .containerList > li .buttonGroupNavigation > .dropdownLabel {
    display: none;
  }
  .containerList > li .buttonGroupNavigation > ul {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
  }
  .containerList > li .buttonGroupNavigation > ul > li {
    margin-right: 0;
  }
  .containerList > li .buttonGroupNavigation > ul > li:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.15);
  }
  .containerList > li .buttonGroupNavigation > ul > li > a {
    display: inline-block;
    padding: 3px 5px;
  }
  .containerList > li .buttonGroupNavigation > ul > li > a > .icon, .containerList > li .buttonGroupNavigation > ul > li > a > .invisible {
    opacity: 0.5;
  }
  .containerList > li .buttonGroupNavigation > ul > li.active > a > .icon, .containerList > li .buttonGroupNavigation > ul > li.active > a > .invisible, .containerList > li .buttonGroupNavigation > ul > li:hover > a > .icon, .containerList > li .buttonGroupNavigation > ul > li:hover > a > .invisible {
    color: #303030;
  }
  .containerList > li:hover .buttonGroupNavigation {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .containerList.doubleColumned > li + li, .containerList.tripleColumned > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .containerList.doubleColumned, .containerList.tripleColumned {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
  }
  .containerList.doubleColumned > li, .containerList.tripleColumned > li {
    padding-right: 15px;
  }
  .containerList.doubleColumned > li .containerBoxContent, .containerList.tripleColumned > li .containerBoxContent {
    overflow: hidden;
  }
  .containerList.doubleColumned > li .containerBoxContent h3, .containerList.tripleColumned > li .containerBoxContent h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .containerList.doubleColumned > li:first-child, .containerList.tripleColumned > li:first-child {
    border-top: none;
  }
  .containerList.doubleColumned > li:last-child, .containerList.tripleColumned > li:last-child {
    border-bottom: none;
  }
  .containerList.doubleColumned > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .containerList.doubleColumned > li:nth-child(2n + 1):nth-last-child(-n + 2) {
    border-bottom: none;
  }
  .containerList.tripleColumned > li {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3);
  }
  .containerList.tripleColumned > li:nth-child(3n + 1):nth-last-child(-n + 3), .containerList.tripleColumned > li:nth-child(3n + 1):nth-last-child(-n + 3) ~ li {
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .containerBoxList.doubleColumned > li + li, .containerBoxList.tripleColumned > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .containerBoxList.doubleColumned, .containerBoxList.tripleColumned {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -15px;
  }
  .containerBoxList.doubleColumned > li, .containerBoxList.tripleColumned > li {
    overflow: hidden;
    padding-right: 15px;
    margin-bottom: 15px;
  }
  .containerBoxList.doubleColumned > li .containerBoxContent, .containerBoxList.tripleColumned > li .containerBoxContent {
    overflow: hidden;
  }
  .containerBoxList.doubleColumned > li .containerBoxContent h3, .containerBoxList.tripleColumned > li .containerBoxContent h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .containerBoxList.doubleColumned > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .containerBoxList.tripleColumned > li {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3);
  }
}
.recentActivityList .box48 {
  max-height: 500px;
  overflow: hidden;
}
.recentActivityList .box48 > a:first-child {
  align-self: flex-start;
}
.flexibleCategoryList {
  position: relative;
}
.flexibleCategoryList > li {
  margin-bottom: 14px;
}
.flexibleCategoryList > li > ol {
  margin-left: 21px;
}
.flexibleCategoryList > li > ol > li > ol {
  margin-bottom: 7px;
  margin-left: 21px;
}
.flexibleCategoryList > li > ol > li > ol > li {
  font-size: 12px;
}
.containerListDisplayOptions {
  align-items: center;
  border-bottom: 2px solid currentColor;
  color: #c13e4b;
  display: flex;
}
.containerListSortOptions, .containerListActiveFilters, .containerListFilterOptions {
  padding: 5px 10px;
}
@media screen and (max-width: 768px) {
  .containerListActiveFilters {
    display: none;
  }
}
.containerListSortOptions {
  flex: 1 auto;
}
.containerListSortOptions > .dropdown {
  margin-left: 10px;
}
.containerListActiveFilters, .containerListFilterOptions {
  flex: 0 auto;
}
@media screen and (min-width: 769px), print {
  /* Firefox */
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) {
    /* WebKit */
    -webkit-column-count: 2;
    /* Firefox */
    -moz-column-count: 2;
    /* CSS 3 / Internet Explorer */
    column-count: 2;
  }
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
    /* WebKit */
    -webkit-column-break-inside: avoid;
    /* CSS 3 / Internet Explorer */
    break-inside: avoid;
  }
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {
    font-size: 0;
  }
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {
    display: inline-block;
    font-weight: 400;
  }
  @-moz-document url-prefix() {
    .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {
      display: block;
      overflow: hidden;
    }
  }
}
@media screen and (min-width: 769px) and (min-width: 769px), print {
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .styleList > li {
    padding: 10px;
  }
}
/* style for content area */
/* content header */
.contentHeader, .boxHeadline {
  color: #303030;
}
.contentHeader .contentTitle, .contentHeader > h1, .boxHeadline .contentTitle, .boxHeadline > h1 {
  font-weight: 300;
  line-height: 1.05;
}
@media screen and (min-width: 769px), print {
  .contentHeader .contentTitle, .contentHeader > h1, .boxHeadline .contentTitle, .boxHeadline > h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .contentHeader .contentTitle, .contentHeader > h1, .boxHeadline .contentTitle, .boxHeadline > h1 {
    font-size: 23px;
  }
}
.contentHeader .contentTitle .badge, .contentHeader > h1 .badge, .boxHeadline .contentTitle .badge, .boxHeadline > h1 .badge {
  top: -2px;
  line-height: 1.48;
}
.contentHeader .contentTitle a, .contentHeader > h1 a, .boxHeadline .contentTitle a, .boxHeadline > h1 a {
  color: #c13e4b;
}
.contentHeader .contentTitle a:hover, .contentHeader > h1 a:hover, .boxHeadline .contentTitle a:hover, .boxHeadline > h1 a:hover {
  color: black;
}
.contentHeader {
  align-items: flex-start;
  display: flex;
  justify-content: flex-end;
  margin-top: -10px;
}
.contentHeader .contentHeaderIcon {
  flex: 0 0 64px;
  margin-right: 15px;
}
.contentHeader .contentHeaderTitle, .contentHeader > .contentTitle {
  flex: 1 auto;
  margin-top: 10px;
}
.contentHeader .contentHeaderNavigation {
  flex: 0 0 auto;
  margin-left: 15px;
  margin-top: 10px;
}
.contentHeader .contentHeaderDescription {
  color: #646464;
  margin-top: 5px;
}
.contentHeader .contentHeaderMetaData {
  color: #646464;
  margin-top: 5px;
}
.contentHeader .contentHeaderMetaData.inlineList > li:not(:last-child) {
  margin-right: 10px;
}
.contentHeader .contentHeaderMetaData > li a, .contentHeader .contentHeaderMetaData > li a:hover, .contentHeader .contentHeaderMetaData > li .icon {
  color: #646464;
}
.contentHeader .contentTitle + .inlineDataList {
  margin-top: 5px;
}
.contentHeader .inlineDataList {
  color: #646464;
}
.contentHeader .contentHeaderNavigation > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: -5px;
  margin-left: -5px;
  white-space: nowrap;
}
.contentHeader .contentHeaderNavigation .button {
  display: block;
  margin-left: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .contentHeader {
    flex-wrap: wrap;
  }
  .contentHeader .contentHeaderNavigation {
    flex-shrink: 1;
  }
  .contentHeader .contentHeaderIcon {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .contentHeader .contentHeaderNavigation {
    max-width: 40%;
  }
}
/* legacy styling for sub headlines (deprecated; use .section > .sectionTitle instead) */
.boxHeadline.boxSubHeadline {
  margin-top: 40px;
  margin-bottom: 20px;
}
.boxHeadline.boxSubHeadline > h2 {
  color: #303030;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .boxHeadline.boxSubHeadline > h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .boxHeadline.boxSubHeadline > h2 {
    font-size: 20px;
  }
}
.boxHeadline.boxSubHeadline > h2 a {
  color: #c13e4b;
}
.boxHeadline.boxSubHeadline > h2 a:hover {
  color: black;
}
.boxHeadline.boxSubHeadline > h2 .badge {
  top: -2px;
}
/* content sections */
.section {
  margin-top: 40px;
}
.section > :first-child {
  margin-top: 0;
}
.section .sectionTitle {
  color: #303030;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .section .sectionTitle {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .section .sectionTitle {
    font-size: 20px;
  }
}
.section .sectionTitle a {
  color: #c13e4b;
}
.section .sectionTitle a:hover {
  color: black;
}
.section .sectionTitle .badge {
  top: -2px;
}
.section .sectionDescription {
  color: #646464;
}
.section > .sectionHeader, .section > .sectionTitle {
  margin-bottom: 20px;
}
.section > .sectionHeader + .section, .section > .sectionTitle + .section {
  margin-top: 20px;
}
.section:not(.sectionContainerList) > .sectionHeader, .section:not(.sectionContainerList) > .sectionTitle {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
.section.sectionContainerList > .sectionHeader, .section.sectionContainerList > .sectionTitle {
  margin-bottom: 10px;
}
.section.tabularBox > .sectionHeader, .section.tabularBox > .sectionTitle {
  border-color: #eaeaea;
  margin-bottom: 0;
}
.section .section {
  margin-top: 30px;
}
.section .section:first-child {
  margin-top: 20px;
}
.section .section .sectionTitle {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .section .section .sectionTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .section .section .sectionTitle {
    font-size: 18px;
  }
}
.section .section > .sectionHeader, .section .section > .sectionTitle {
  margin-bottom: 15px;
}
/* fieldset styling (old sections / deprecated) */
fieldset {
  margin-top: 40px;
}
fieldset > legend {
  border-bottom: 1px solid #eaeaea;
  color: #303030;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  fieldset > legend {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  fieldset > legend {
    font-size: 20px;
  }
}
fieldset > legend a {
  color: #c13e4b;
}
fieldset > legend a:hover {
  color: black;
}
fieldset > legend .badge {
  top: -2px;
}
fieldset > legend + * {
  clear: left;
}
fieldset > legend + small {
  color: #646464;
  position: relative;
  top: -12px;
}
.section fieldset {
  margin-top: 20px;
}
.section fieldset > legend {
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .section fieldset > legend {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .section fieldset > legend {
    font-size: 18px;
  }
}
/* styling for container headlines */
.containerHeadline > h3 {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .containerHeadline > h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .containerHeadline > h3 {
    font-size: 18px;
  }
}
.containerHeadline > h3 > .badge {
  top: -2px;
}
.containerHeadline ~ .containerContent {
  margin-top: 10px;
}
/* DEPRECATED: styling for content navigation area (containing pagination / page buttons) */
.contentNavigation + .section {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .contentNavigation ul {
    margin-top: 30px;
  }
  .contentNavigation ul > li > .button {
    display: block;
    padding: 7px 10px;
    text-align: center;
  }
  .contentNavigation > nav:not(.pagination) > ul > li + li {
    margin-top: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .contentNavigation {
    align-items: center;
    display: flex;
    justify-content: flex-end;
  }
  .contentNavigation > nav {
    flex: 0 0 auto;
    margin-top: 30px;
    order: 3;
  }
  .contentNavigation > nav.pagination {
    order: 1;
    flex: 1 1 auto;
  }
  .contentNavigation > nav.jsClipboardEditor {
    margin-right: 5px;
    order: 2;
  }
  .contentNavigation > nav + nav {
    flex: 0 0 auto;
  }
  .contentNavigation > nav:not(.pagination) {
    text-align: right;
  }
  .contentNavigation ul {
    display: inline-flex;
  }
  .contentNavigation ul > li {
    flex: 0 0 auto;
  }
  .contentNavigation ul > li:not(:last-child) {
    margin-right: 5px;
  }
}
.paginationTop {
  margin-top: 40px;
}
.paginationTop + .section {
  margin-top: 20px;
}
.paginationBottom {
  margin-top: 20px;
}
.contentFooter > .contentFooterNavigation {
  margin-top: 20px;
}
.contentFooter > .contentFooterNavigation > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: -5px;
  margin-left: -5px;
  white-space: nowrap;
}
.contentFooter > .contentFooterNavigation .button {
  display: block;
  margin-left: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 545px), print {
  .contentFooter {
    display: flex;
  }
  .contentFooter > .paginationBottom {
    flex: 0 0 auto;
  }
  .contentFooter > .contentFooterNavigation {
    flex: 1 1 auto;
    margin-left: 20px;
  }
}
.contentInteraction {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 544px) {
  .contentInteraction {
    flex-wrap: wrap;
  }
}
.contentInteractionPagination {
  flex: 0 0 auto;
}
.contentInteractionPagination.paginationTop {
  margin-top: 0;
}
@media screen and (max-width: 544px) {
  .contentInteractionPagination {
    flex: 0 0 100%;
  }
}
@media screen and (max-width: 544px) {
  body:not(.mobileShowPaginationTop) .contentInteractionPagination {
    display: none;
  }
  body.mobileShowPaginationTop .contentInteractionPagination + .contentInteractionButtonContainer {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .contentHeader + .contentInteraction {
    margin-top: 10px;
  }
}
.contentInteractionButtonContainer {
  align-self: center;
  display: flex;
  margin-left: auto;
}
.contentInteractionButtons {
  display: flex;
  flex: 0 auto;
  overflow: auto;
}
.contentInteractionButton {
  flex: 0 0 auto;
  overflow: hidden;
}
.contentInteractionButton:not(:first-child).button, .contentInteractionButton:not(:first-child) .button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.contentInteractionButton:not(:last-child).button, .contentInteractionButton:not(:last-child) .button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.contentInteractionButton:not(:first-child) {
  margin-left: 1px;
}
.contentInteractionDropdown {
  display: flex;
  flex: 1 auto;
  margin-left: 5px;
}
.contentInteractionDropdown .dropdownToggle {
  align-items: center;
  display: flex;
  flex: 0 0 100%;
  white-space: nowrap;
}
.content .contentInteraction + .section, .content .contentInteraction + form {
  margin-top: 20px;
}
/* content navigation buttons */
@media screen and (max-width: 544px) {
  .contentHeader > .contentHeaderNavigation > ul > .button {
    display: block;
    padding: 7px 10px;
    text-align: center;
  }
  .contentHeader > .contentHeaderNavigation > ul > .button > .invisible {
    display: inline;
  }
}
@media screen and (max-width: 768px) {
  /* DEPRECATED */
  /* DEPRECATED */
  .contentNavigation > .pagination {
    display: none;
  }
  .section ~ .contentNavigation > .pagination {
    display: block;
  }
  .section ~ .contentNavigation > .pagination + nav {
    margin-top: 10px;
  }
}
/* sidebar galore */
@media screen and (min-width: 1025px), print {
  .sidebar + .content:not(:last-child) .contentHeaderNavigation {
    flex: 1 1 0%;
  }
  .sidebar + .content:not(:last-child) .contentHeaderNavigation > ul {
    flex-wrap: wrap !important;
    justify-content: flex-end;
  }
}
input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  margin: 0;
  /* safari fix */
  background-color: white;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  color: #303030;
  font-weight: 400;
  outline: none;
  padding: 4px 8px;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  line-height: 1.48;
}
@media screen and (min-width: 769px), print {
  input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
    font-size: 14px;
  }
}
input[type="date"]:focus, input[type="date"]:hover, input[type="datetime"]:focus, input[type="datetime"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="number"]:focus, input[type="number"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:hover, input[type="tel"]:focus, input[type="tel"]:hover, input[type="text"]:focus, input[type="text"]:hover, input[type="url"]:focus, input[type="url"]:hover, select:focus, select:hover, textarea:focus, textarea:hover {
  background-color: #fff3f4;
  border-color: #c13e4b;
  color: #2c3e50;
}
input[type="date"][disabled], input[type="date"].disabled, input[type="datetime"][disabled], input[type="datetime"].disabled, input[type="email"][disabled], input[type="email"].disabled, input[type="number"][disabled], input[type="number"].disabled, input[type="password"][disabled], input[type="password"].disabled, input[type="search"][disabled], input[type="search"].disabled, input[type="tel"][disabled], input[type="tel"].disabled, input[type="text"][disabled], input[type="text"].disabled, input[type="url"][disabled], input[type="url"].disabled, select[disabled], select.disabled, textarea[disabled], textarea.disabled {
  background-color: whitesmoke !important;
  border-color: #aeaeae !important;
  color: #7d7d7d !important;
}
input[type="date"][readonly], input[type="datetime"][readonly], input[type="email"][readonly], input[type="number"][readonly], input[type="password"][readonly], input[type="search"][readonly], input[type="tel"][readonly], input[type="text"][readonly], input[type="url"][readonly], select[readonly], textarea[readonly] {
  color: #7d7d7d !important;
}
/* set placeholder color */
input[type="date"]::placeholder, input[type="datetime"]::placeholder, input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="url"]::placeholder {
  color: darkgray;
}
input[type="date"]::placeholder:focus, input[type="date"]::placeholder:hover, input[type="datetime"]::placeholder:focus, input[type="datetime"]::placeholder:hover, input[type="email"]::placeholder:focus, input[type="email"]::placeholder:hover, input[type="number"]::placeholder:focus, input[type="number"]::placeholder:hover, input[type="password"]::placeholder:focus, input[type="password"]::placeholder:hover, input[type="search"]::placeholder:focus, input[type="search"]::placeholder:hover, input[type="tel"]::placeholder:focus, input[type="tel"]::placeholder:hover, input[type="text"]::placeholder:focus, input[type="text"]::placeholder:hover, input[type="url"]::placeholder:focus, input[type="url"]::placeholder:hover {
  color: #ccc;
}
input[type="date"][disabled], input[type="date"][readonly], input[type="datetime"][disabled], input[type="datetime"][readonly], input[type="email"][disabled], input[type="email"][readonly], input[type="number"][disabled], input[type="number"][readonly], input[type="password"][disabled], input[type="password"][readonly], input[type="search"][disabled], input[type="search"][readonly], input[type="tel"][disabled], input[type="tel"][readonly], input[type="text"][disabled], input[type="text"][readonly], input[type="url"][disabled], input[type="url"][readonly] {
  background-color: whitesmoke !important;
  border-color: #aeaeae !important;
  color: #7d7d7d !important;
}
textarea::placeholder {
  color: darkgray;
}
textarea::placeholder:focus, textarea::placeholder:hover {
  color: #ccc;
}
input[type="search"], input[type="text"] {
  -webkit-appearance: none;
}
/* prevent iOS from zooming when focusing inputs */
.iOS input[type="date"], .iOS input[type="datetime"], .iOS input[type="email"], .iOS input[type="number"], .iOS input[type="password"], .iOS input[type="search"], .iOS input[type="tel"], .iOS input[type="text"], .iOS input[type="url"], .iOS select, .iOS textarea {
  font-size: 16px;
}
textarea {
  border-width: 1px;
  font-weight: 400;
  vertical-align: top;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  textarea {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  textarea {
    font-size: 14px;
  }
}
textarea[disabled], textarea[readonly] {
  background-color: whitesmoke !important;
  border-color: #aeaeae !important;
  color: #7d7d7d !important;
}
input[disabled], textarea[disabled] {
  -webkit-text-fill-color: #7d7d7d;
  /* override safari font color change */
  -webkit-opacity: 1;
  /* override mobile safari opacity change affecting text color */
}
select {
  max-width: 100%;
}
select.fullWidth {
  width: 100%;
}
.formSubmit {
  text-align: center;
  /* the `margin-bottom` styles are required to deal with buttons wrapping
	   into the next row, also requires some changes to `.dialogFormSubmit`! */
  margin-bottom: -10px;
}
.formSubmit:not(:first-child) {
  margin-top: 30px;
}
.formSubmit > button, .formSubmit > input[type="button"], .formSubmit > input[type="reset"], .formSubmit > input[type="submit"], .formSubmit > .button, .formSubmit > a.button {
  margin-bottom: 10px;
}
.formSubmit > :not(:first-child) {
  margin-left: 10px;
}
.formSubmit.formSubmit.formSubmit + .section {
  /* Intentional selector to overwrite existing selector. */
  margin-top: 20px;
}
.inputAddon {
  display: flex;
}
.inputAddon:not(:last-child) {
  margin-bottom: 5px;
}
.inputAddon > .inputPrefix, .inputAddon > .inputSuffix {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}
.inputAddon > .inputPrefix.button, .inputAddon > .inputSuffix.button {
  border-radius: 0;
}
.inputAddon > .inputPrefix.button .icon, .inputAddon > .inputSuffix.button .icon {
  cursor: inherit;
}
.inputAddon > .inputPrefix:not(.button), .inputAddon > .inputSuffix:not(.button) {
  background-color: #b1252a;
  border: 1px solid #c5c5c5;
  color: white;
  cursor: default;
  padding: 3px 5px;
}
.inputAddon > .inputPrefix {
  border-right-width: 0 !important;
}
.inputAddon > .inputSuffix.button {
  margin-left: 5px;
}
.inputAddon > .inputSuffix:not(.button) {
  border-left-width: 0 !important;
}
.inputAddon input {
  flex: 1 auto;
}
.inputAddon input + .inputPrefix {
  margin-left: 5px;
}
.inputAddonTextarea {
  flex-wrap: wrap;
}
.inputAddonTextarea > .inputPrefix.button {
  border-bottom-width: 0;
  border-radius: 0;
}
.inputAddonTextarea > textarea {
  flex: 0 0 100%;
}
.inputAddonTextarea > .redactor-box {
  flex: 0 0 100%;
  margin-top: 0 !important;
}
.inputAddon input.tiny, input.tiny {
  flex-grow: 0;
  width: 80px;
}
.inputAddon input.long, input.long {
  width: 100%;
}
@media screen and (max-width: 544px) {
  .inputAddon input.short, input.short {
    flex-grow: 0;
    width: 150px;
  }
  .inputAddon input.medium, input.medium {
    width: 100%;
  }
}
@media screen and (min-width: 545px), print {
  .inputAddon input.short, input.short {
    flex-grow: 0;
    min-width: 80px;
    width: 10%;
  }
  .inputAddon input.medium, input.medium {
    flex-grow: 0;
    min-width: 150px;
    width: 30%;
  }
}
.formError dt {
  color: #cc0001 !important;
}
.formError input, .formError select, .formError textarea {
  border-color: #cc0001 !important;
}
/* grid-based form controls */
.formGrid dt {
  display: none;
}
.formGrid select {
  width: 100%;
}
.formFieldRequired, .customOptionRequired {
  color: #cc0001 !important;
}
/* password strength estimator */
.inputAddonPasswordStrength {
  align-items: flex-start;
}
.inputAddonPasswordStrength input.medium {
  align-self: stretch;
}
@media screen and (max-width: 544px) {
  .inputAddonPasswordStrength {
    flex-wrap: wrap;
  }
  .inputAddonPasswordStrength input.medium {
    width: auto;
  }
}
.passwordStrengthRating {
  flex: 0 0 auto;
}
@media screen and (min-width: 545px), print {
  .passwordStrengthRating {
    margin-left: 10px;
  }
}
@media screen and (max-width: 544px) {
  .passwordStrengthRating {
    margin-top: 5px;
    width: 100%;
  }
}
.passwordStrengthScore {
  background-color: #e0e0e0;
  border-radius: 3px;
  display: block;
  height: 10px;
  overflow: hidden;
  position: relative;
}
.passwordStrengthScore::before {
  background-color: transparent;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 0.12s linear, width 0.12s linear;
  width: 0;
}
.passwordStrengthScore[data-score="0"]::before {
  background-color: #dd2c00;
  width: 5%;
}
.passwordStrengthScore[data-score="1"]::before {
  background-color: #ff9100;
  width: 20%;
}
.passwordStrengthScore[data-score="2"]::before {
  background-color: #cddc39;
  width: 50%;
}
.passwordStrengthScore[data-score="3"]::before {
  background-color: #64dd17;
  width: 85%;
}
.passwordStrengthScore[data-score="4"]::before {
  background-color: #2e7d32;
  width: 100%;
}
.layoutBoundary {
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .layoutBoundary {
    padding: 0 10px;
    width: 100%;
  }
}
@media screen and (min-width: 1025px), print {
  .layoutBoundary {
    padding: 0 20px;
    min-width: 1000px;
    max-width: 1400px;
  }
}
.invisible {
  display: none;
}
.grayscale, .conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {
  -webkit-filter: grayscale(1);
  filter: gray;
}
.monospace {
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace !important;
  font-size: 14px;
}
/* boxes with an image */
.box16 {
  display: flex;
}
.box16 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 5px;
}
.box16 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box24 {
  display: flex;
}
.box24 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 8px;
}
.box24 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box32 {
  display: flex;
}
.box32 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 10px;
}
.box32 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box48 {
  display: flex;
}
.box48 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 12px;
}
.box48 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box64 {
  display: flex;
}
.box64 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 15px;
}
.box64 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box96 {
  display: flex;
}
.box96 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 15px;
}
.box96 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box128 {
  display: flex;
}
.box128 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 20px;
}
.box128 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
.box256 {
  display: flex;
}
.box256 > :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 30px;
}
.box256 > :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
small, .small {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  small, .small {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  small, .small {
    font-size: 12px;
  }
}
strong {
  font-weight: 600;
}
img {
  vertical-align: middle;
}
.elementPointer {
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
.elementPointer.center {
  left: 50%;
  transform: translateX(-50%) translateY(-100%);
}
.elementPointer.left {
  left: 4px;
}
.elementPointer.right {
  right: 4px;
}
.elementPointer.flipVertical {
  bottom: 0;
  top: auto;
  transform: translateY(100%);
}
.elementPointer.flipVertical.center {
  transform: translateX(-50%) translateY(100%);
}
.nativeList {
  margin: 1em 0 1em 40px;
}
.nativeList ul, .nativeList ol {
  margin-bottom: 0;
  margin-top: 0;
}
.nativeList li {
  margin: 5px 0;
}
ul.nativeList {
  list-style-type: disc;
}
ol.nativeList {
  list-style-type: decimal;
}
/* simulate native HTML styles for certain elements */
.htmlContent::before, .messageBody > .messageText::before, .messageSignature > div::before, .redactor-layer::before, .htmlContent::after, .messageBody > .messageText::after, .messageSignature > div::after, .redactor-layer::after {
  display: table;
  content: "";
}
.htmlContent::after, .messageBody > .messageText::after, .messageSignature > div::after, .redactor-layer::after {
  clear: both;
}
.htmlContent img, .messageBody > .messageText img, .messageSignature > div img, .redactor-layer img {
  height: auto;
  max-width: 100%;
}
.htmlContent > :first-child, .messageBody > .messageText > :first-child, .messageSignature > div > :first-child, .redactor-layer > :first-child {
  margin-top: 0 !important;
}
.htmlContent > :last-child, .messageBody > .messageText > :last-child, .messageSignature > div > :last-child, .redactor-layer > :last-child {
  margin-bottom: 0 !important;
}
.htmlContent p, .messageBody > .messageText p, .messageSignature > div p, .redactor-layer p {
  margin: 0;
}
.htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
  font-weight: 300;
  line-height: 1.05;
}
@media screen and (min-width: 769px), print {
  .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1 {
    font-size: 23px;
  }
}
.htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2 {
    font-size: 20px;
  }
}
.htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3 {
    font-size: 18px;
  }
}
.htmlContent h1, .messageBody > .messageText h1, .messageSignature > div h1, .redactor-layer h1, .htmlContent h2, .messageBody > .messageText h2, .messageSignature > div h2, .redactor-layer h2, .htmlContent h3, .messageBody > .messageText h3, .messageSignature > div h3, .redactor-layer h3, .htmlContent h4, .messageBody > .messageText h4, .messageSignature > div h4, .redactor-layer h4, .htmlContent h5, .messageBody > .messageText h5, .messageSignature > div h5, .redactor-layer h5, .htmlContent h6, .messageBody > .messageText h6, .messageSignature > div h6, .redactor-layer h6 {
  margin: 1.5em 0 1em 0;
}
.htmlContent ul, .messageBody > .messageText ul, .messageSignature > div ul, .redactor-layer ul, .htmlContent ol, .messageBody > .messageText ol, .messageSignature > div ol, .redactor-layer ol {
  margin: 1em 0 1em 40px;
}
.htmlContent ul ul, .messageBody > .messageText ul ul, .messageSignature > div ul ul, .redactor-layer ul ul, .htmlContent ul ol, .messageBody > .messageText ul ol, .messageSignature > div ul ol, .redactor-layer ul ol, .htmlContent ol ul, .messageBody > .messageText ol ul, .messageSignature > div ol ul, .redactor-layer ol ul, .htmlContent ol ol, .messageBody > .messageText ol ol, .messageSignature > div ol ol, .redactor-layer ol ol {
  margin-bottom: 0;
  margin-top: 0;
}
.htmlContent ul li, .messageBody > .messageText ul li, .messageSignature > div ul li, .redactor-layer ul li, .htmlContent ol li, .messageBody > .messageText ol li, .messageSignature > div ol li, .redactor-layer ol li {
  margin: 5px 0;
}
.htmlContent ul, .messageBody > .messageText ul, .messageSignature > div ul, .redactor-layer ul {
  list-style-type: disc;
}
.htmlContent ol, .messageBody > .messageText ol, .messageSignature > div ol, .redactor-layer ol {
  list-style-type: decimal;
}
.containerContent hr, .htmlContent hr, .messageBody > .messageText hr, .messageSignature > div hr, .redactor-layer hr {
  border: 0;
  border-top: 1px solid #eaeaea;
  height: 0;
}
.separatorLeft::before {
  color: #303030;
  content: "·";
  margin-right: 0.25em;
}
.separatorRight::after {
  color: #303030;
  content: "·";
  margin-left: 0.25em;
}
.pointer {
  cursor: pointer;
}
a.externalURL::after {
  content: " ";
  font-family: FontAwesome !important;
  font-size: 14px !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 0;
  vertical-align: -1px;
}
.visuallyHidden {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  width: 1px !important;
}
/* Hide the focus ring for mouse interactions, but support them for keyboard navigation.
   See https://github.com/WICG/focus-visible and https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}
/*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*
 * Attention: This is a modified version containing only the sizes
 * "xs" (mobile) and "md" (desktop). Additionally the "push", "pull",
 * "first" and "last" classes have been left out.
 */
.row {
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  flex-wrap: wrap;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-xs-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-xs-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-xs-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-xs-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-xs-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-xs-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-xs-12 {
  flex: 0 0 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.333333%;
}
.col-xs-offset-2 {
  margin-left: 16.666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.333333%;
}
.col-xs-offset-5 {
  margin-left: 41.666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.333333%;
}
.col-xs-offset-8 {
  margin-left: 66.666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.333333%;
}
.col-xs-offset-11 {
  margin-left: 91.666667%;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media screen and (min-width: 769px), print {
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: none;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.333333%;
  }
  .col-md-pull-2 {
    right: 16.666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.333333%;
  }
  .col-md-pull-5 {
    right: 41.666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.333333%;
  }
  .col-md-pull-8 {
    right: 66.666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.333333%;
  }
  .col-md-pull-11 {
    right: 91.666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.333333%;
  }
  .col-md-push-2 {
    left: 16.666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.333333%;
  }
  .col-md-push-5 {
    left: 41.666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.333333%;
  }
  .col-md-push-8 {
    left: 66.666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.333333%;
  }
  .col-md-push-11 {
    left: 91.666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
.row-xs-top {
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}
.row-xs-center {
  -ms-grid-row-align: center;
  align-items: center;
}
.row-xs-bottom {
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}
@media screen and (min-width: 769px), print {
  .row-md-top {
    -ms-grid-row-align: flex-start;
    align-items: flex-start;
  }
  .row-md-center {
    -ms-grid-row-align: center;
    align-items: center;
  }
  .row-md-bottom {
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
  }
}
.col-xs-top {
  align-self: flex-start;
}
.col-xs-center {
  align-self: center;
}
.col-xs-bottom {
  align-self: flex-end;
}
@media screen and (min-width: 769px), print {
  .col-md-top {
    align-self: flex-start;
  }
  .col-md-center {
    align-self: center;
  }
  .col-md-bottom {
    align-self: flex-end;
  }
}
/* vertical gap between wrapped columns */
.rowColGap {
  margin-bottom: -20px;
}
.rowColGap > .col-xs-1, .rowColGap > .col-xs-2, .rowColGap > .col-xs-3, .rowColGap > .col-xs-4, .rowColGap > .col-xs-5, .rowColGap > .col-xs-6, .rowColGap > .col-xs-7, .rowColGap > .col-xs-8, .rowColGap > .col-xs-9, .rowColGap > .col-xs-10, .rowColGap > .col-xs-11, .rowColGap > .col-xs-12, .rowColGap > .col-md-1, .rowColGap > .col-md-2, .rowColGap > .col-md-3, .rowColGap > .col-md-4, .rowColGap > .col-md-5, .rowColGap > .col-md-6, .rowColGap > .col-md-7, .rowColGap > .col-md-8, .rowColGap > .col-md-9, .rowColGap > .col-md-10, .rowColGap > .col-md-11, .rowColGap > .col-md-12 {
  margin-bottom: 20px !important;
}
.rowColGap:not(:first-child) {
  margin-top: 20px;
}
.gridList {
  display: grid;
  grid-auto-flow: row;
  row-gap: 20px;
}
.gridListItem {
  --padding: 10px;
  border-radius: 5px;
  display: grid;
  padding: var(--padding);
  position: relative;
}
.gridListItem:not(:first-child)::before {
  border-top: 1px solid #eaeaea;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -11px;
}
html:not(.touch) .gridListItem:hover {
  background-color: white;
}
.gridListItemMessage {
  column-gap: 10px;
  grid-template-areas: "image title   type" "image meta    meta" "image content content";
  grid-template-columns: 48px auto minmax(0, min-content);
}
.gridListItemImage {
  grid-area: image;
}
.gridListItemTitle {
  grid-area: title;
}
.gridListItemMeta {
  color: #646464;
  grid-area: meta;
}
.gridListItemType {
  color: #646464;
  grid-area: type;
  justify-self: end;
}
.gridListItemContent {
  grid-area: content;
  margin-top: 10px;
}
@media screen and (max-width: 544px) {
  .gridListItem {
    padding: var(--padding) 0;
  }
  .gridListItemMessage {
    grid-template-areas: "image   title" "image   meta" "content content";
    grid-template-columns: 32px auto;
  }
  .gridListItemImage {
    position: relative;
    top: 4px;
  }
  .gridListItemImage .userAvatarImage {
    height: 32px;
    width: 32px;
  }
  .gridListItemImage .icon {
    font-size: 28px;
    height: 32px;
    line-height: 32px;
    width: 32px;
    vertical-align: -5px;
  }
  .gridListItemMeta a {
    color: inherit;
    pointer-events: none;
  }
  .gridListItemType {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .gridListItemTitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media screen and (min-width: 545px), print {
  .gridListItemTitle {
    font-weight: 400;
    line-height: 1.28;
  }
}
@media screen and (min-width: 545px) and (min-width: 769px), print {
  .gridListItemTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .gridListItemTitle {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px), print {
  .gridListItemTitle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
html.disableScrolling {
  overflow: hidden !important;
}
html.disableScrolling body {
  overflow: hidden !important;
}
@media screen and (max-width: 1024px) {
  html.disableScrolling {
    /* Fix for the gap when using fullscreen dialogs and the navbar collapses.
		   See https://stackoverflow.com/questions/69589924/ios-15-minimized-address-bar-issue-with-fixed-position-full-screen-content */
    height: 100vh !important;
  }
  html.disableScrolling body {
    position: fixed !important;
  }
}
html, body {
  font-weight: 400;
  height: 100%;
  line-height: 1.48;
}
@media screen and (min-width: 769px), print {
  html, body {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  html, body {
    font-size: 14px;
  }
}
body {
  background-color: white;
  color: #303030;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  position: relative;
  width: 100%;
  word-wrap: break-word;
}
a {
  color: #c13e4b;
  cursor: pointer;
  text-decoration: none;
}
a:hover {
  color: black;
  text-decoration: none;
}
.pageContainer {
  display: flex;
  height: 100%;
  flex-direction: column;
}
/* <select> fields placed inside a flexbox parent while containing
   long select options will cause an invisible page overflow, when
   one such option is selected. The <select> itself stays within the
   boundaries, but a scrollbar will appear. */
html.iOS select {
  overflow: hidden;
}
/* COLUMN LAYOUT */
.pageHeaderContainer, .boxesHeaderBoxes, .pageNavigation, .pageFooter, .boxesTop, .boxesBottom, .boxesFooterBoxes {
  flex: 0 0 auto;
}
.main {
  flex: 1 0 auto;
}
@media screen and (max-width: 544px) {
  .main {
    padding: 20px 0;
    width: 100%;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .main {
    padding: 40px 0;
    width: 100%;
  }
}
@media screen and (min-width: 1025px), print {
  .main {
    padding: 60px 0;
  }
}
/* use flex-box to enforce a proper side-by-side layout on desktop */
@media screen and (min-width: 1025px), print {
  .main > div {
    display: flex;
  }
  .content {
    flex: 1 1 0px;
  }
  .content:not(:last-child) {
    flex-basis: calc(100% - 340px);
    max-width: calc(100% - 340px);
  }
  .content + .sidebar {
    margin-left: 30px;
  }
  .sidebar {
    flex: 0 0 310px;
    overflow: hidden;
  }
  .sidebar:first-child {
    margin-right: 30px;
  }
  .sidebar + .content {
    flex-basis: calc(100% - 340px);
    max-width: calc(100% - 340px);
  }
  .sidebar + .content:not(:last-child) {
    flex-basis: calc(100% - 680px);
    max-width: calc(100% - 680px);
  }
}
/* mobile arranges the sidebar and content vertically:
   
   <leftSidebar> <content> <rightSidebar>
   
   becomes:
   
   <leftSidebar>
   <content>
   <rightSidebar>
*/
@media screen and (max-width: 1024px) {
  .sidebar {
    margin: 0 -10px;
  }
  .sidebar + .content, .content + .sidebar {
    margin-top: 30px;
  }
}
.sideBySide {
  margin-top: 20px;
}
@media screen and (min-width: 769px), print {
  .sideBySide {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .sideBySide > .section {
    display: table-cell;
    vertical-align: top;
    width: 49%;
  }
  .sideBySide > .section + .section {
    padding-left: 2%;
  }
}
.inlineItems {
  display: flex;
  flex-wrap: wrap;
}
.inlineItems .inlineItem {
  flex: 0 1 auto;
}
.inlineItems .inlineItem:not(:last-child) {
  margin-right: 5px;
}
.inlineItems.commaSeparated .inlineItem:not(:last-child)::after {
  content: ",";
  padding-left: 1px;
}
.inlineItems.dotSeparated .inlineItem:not(:last-child)::after {
  content: "·";
  margin-left: 5px;
}
.pageFooterCopyright {
  background-color: #9f161a;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
}
@media screen and (min-width: 769px), print {
  .pageFooterCopyright {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .pageFooterCopyright {
    padding: 20px 0;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .pageFooterCopyright {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .pageFooterCopyright {
    font-size: 12px;
  }
}
.pageFooterCopyright > .layoutBoundary > div:not(:first-child) {
  margin-top: 10px;
}
.pageFooterCopyright a {
  color: white;
}
.pageFooterCopyright a:hover {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.pageHeaderContainer {
  background-color: #b1252a;
  color: white;
  z-index: 100;
  /* reserved space for `.pageHeaderPanel` */
  padding-top: 50px;
}
.pageHeaderContainer a {
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderContainer a:hover {
  color: white;
}
.pageHeaderContainer .icon {
  color: white;
}
.pageHeaderPanel {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 300;
}
.pageHeaderPanel > .layoutBoundary {
  display: flex;
}
@media screen and (min-width: 1025px), print {
  .pageHeaderPanel {
    background-color: #ba2d32;
  }
}
.pageHeaderFacade:first-child {
  margin-top: -50px;
}
.pageHeaderFacade > .layoutBoundary {
  align-items: center;
  display: flex;
}
@media screen and (min-width: 1025px), print {
  .pageHeaderFacade > .layoutBoundary {
    align-items: center;
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
/* MAIN MENU */
.mainMenu {
  position: relative;
}
.mainMenu .boxMenu {
  display: flex;
  overflow: hidden;
}
.mainMenu .boxMenu > li {
  flex: 0 0 auto;
}
.mainMenu .boxMenu > li:first-child {
  transition: margin-left 0.24s ease-in-out;
}
.mainMenu .boxMenu > li > a {
  background: #ba2d32;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  height: 50px;
  padding: 0 15px;
}
.mainMenu .boxMenu > li > a > span {
  flex: 0 0 auto;
}
.mainMenu .boxMenu > li > a > .boxMenuLinkOutstandingItems {
  margin-left: 5px;
}
.mainMenu .boxMenu > li > span {
  cursor: default;
}
.mainMenu .boxMenu > li.active > a, .mainMenu .boxMenu > li:hover > a {
  background: rgba(255, 255, 255, 0.07);
  color: white;
}
.mainMenu .boxMenu > .boxMenuHasChildren:hover .boxMenuDepth1, .mainMenu .boxMenu > .boxMenuHasChildren > a[aria-expanded="true"] ~ .boxMenuDepth1 {
  visibility: visible;
}
.mainMenu .boxMenu > .boxMenuHasChildren > a::after {
  content: "";
  display: block;
  font-family: "FontAwesome";
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  margin-left: 5px;
  width: 10px;
}
.mainMenu .boxMenu .boxMenuDepth1 {
  background-color: #99303b;
  border-radius: 0 0 3px 3px;
  padding: 5px 0;
  position: absolute;
  visibility: hidden;
}
@media screen and (min-width: 769px), print {
  .mainMenu .boxMenu .boxMenuDepth1 {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .mainMenu .boxMenu .boxMenuDepth1 {
    font-size: 14px;
  }
}
.mainMenu .boxMenu .boxMenuDepth1 > li > a {
  color: rgba(255, 255, 255, 0.8);
}
.mainMenu .boxMenu .boxMenuDepth1 > li > a, .mainMenu .boxMenu .boxMenuDepth1 > li > span {
  display: block;
  padding: 7px 20px;
  white-space: nowrap;
}
.mainMenu .boxMenu .boxMenuDepth1 > li.active > a, .mainMenu .boxMenu .boxMenuDepth1 > li > a:hover {
  background-color: rgba(255, 255, 255, 0.07);
  color: white;
  text-decoration: none;
}
.mainMenu .boxMenu .boxMenuDepth2 li > a {
  color: rgba(255, 255, 255, 0.8);
  display: block;
  padding: 5px 20px 5px 40px;
  white-space: nowrap;
}
.mainMenu .boxMenu .boxMenuDepth2 li.active > a, .mainMenu .boxMenu .boxMenuDepth2 li > a:hover {
  background-color: rgba(255, 255, 255, 0.07);
  color: white;
  text-decoration: none;
}
.mainMenu .mainMenuShowPrevious, .mainMenu .mainMenuShowNext {
  align-items: center;
  display: flex;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.24s linear, visibility 0s linear 0.24s;
  visibility: hidden;
  width: 50px;
}
.mainMenu .mainMenuShowPrevious.active, .mainMenu .mainMenuShowNext.active {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.mainMenu .mainMenuShowPrevious {
  background: linear-gradient(to left, rgba(186, 45, 50, 0) 0%, #ba2d32 75%);
  left: 0;
}
.mainMenu .mainMenuShowNext {
  background: linear-gradient(to right, rgba(186, 45, 50, 0) 0%, #ba2d32 75%);
  justify-content: flex-end;
  right: 0;
}
@media screen and (min-width: 1025px), print {
  .mainMenu {
    flex: 1;
    margin-right: 20px;
  }
}
/* Hack for a font rendering issue in Safari on menu hover */
/* user panel */
.userPanel {
  flex: 0 0 auto;
}
.userPanel > ul {
  display: flex;
  justify-content: flex-end;
}
.userPanel > ul > li {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  /* ringing animation for notification icon */
}
.userPanel > ul > li > a {
  align-items: center;
  background: #ba2d32;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  flex: 0 0 auto;
  height: 50px;
  padding: 0 15px;
  position: relative;
  /* hide icon label */
  /* special styling for update badge */
}
.userPanel > ul > li > a > span:not(.icon):not(.badge) {
  display: none;
}
.userPanel > ul > li > a > .badgeUpdate {
  box-shadow: -1px 2px 3px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(225, 225, 225, 0.3);
  left: 31px;
  padding: 1px 6px;
  position: absolute;
  top: 4px;
  z-index: 101;
}
.userPanel > ul > li > a .icon {
  color: rgba(255, 255, 255, 0.6);
}
.userPanel > ul > li.dropdownOpen > a, .userPanel > ul > li.open > a, .userPanel > ul > li:hover > a {
  background: rgba(255, 255, 255, 0.07);
  color: white;
}
.userPanel > ul > li.dropdownOpen > a .icon, .userPanel > ul > li.open > a .icon, .userPanel > ul > li:hover > a .icon {
  color: white;
}
.userPanel > ul > li#userNotifications:not([data-count="0"]) > a > .icon {
  animation: fa-bell-ring 5s ease 10s 6;
  transform-origin: 50% 0;
}
.userPanel .userPanelAvatar {
  display: none;
}
/* LOGO */
@media screen and (min-width: 1025px), print {
  .pageHeaderLogo {
    flex: 1 1 auto;
  }
  .pageHeaderLogo .pageHeaderLogoLarge {
    height: auto;
    max-width: 100%;
  }
  .pageHeaderLogo .pageHeaderLogoSmall {
    display: none;
  }
  .pageHeaderLogo > a {
    display: block;
    padding: 10px 0;
  }
}
@media screen and (max-width: 1024px) {
  .pageHeaderLogo .pageHeaderLogoLarge {
    display: none;
  }
  .pageHeaderLogo .pageHeaderLogoSmall {
    max-height: 30px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
  }
}
/* SEARCH AREA */
.pageHeaderSearch {
  display: none;
  position: fixed;
}
@media screen and (min-width: 1025px), print {
  .pageHeaderSearchMobile, .userPanelLoginLink {
    display: none;
  }
}
.searchBarOpen .pageHeaderSearch {
  display: block;
  /* required for Edge */
  z-index: 100;
}
.pageHeaderSearchInputContainer {
  display: flex;
  /* Increases the specificity to overrule the CSS for <button>. */
}
.pageHeaderSearchInputContainer .pageHeaderSearchType {
  display: flex;
}
.pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
  align-items: center;
  background-color: #ba2d32;
  border-radius: 0 0 0 2px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  max-width: 200px;
  min-width: 140px;
  padding: 4px 8px;
  position: relative;
  text-align: left;
}
.pageHeaderSearchInputContainer .pageHeaderSearchType > .button::after {
  color: inherit;
  content: "";
  flex: 1;
  font-family: FontAwesome;
  margin-left: 10px;
  text-align: right;
}
.pageHeaderSearchInputContainer .pageHeaderSearchType > .button > .pageHeaderSearchTypeLabel {
  flex: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button {
  background: rgba(255, 255, 255, 0.07);
  color: white;
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput {
  background-color: #99303b;
  border-width: 0;
  color: white;
  padding-bottom: 8px;
  padding-top: 8px;
  width: 250px;
  /* set placeholder color, do not chain these with a comma
		   as an unrecognized value causes the instruction to be
		   discarded in entirety */
  /* remove broken cancel-button (webkit) */
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover {
  background-color: #99303b;
  color: white;
  /* set placeholder color, do not chain these with a comma
			   as an unrecognized value causes the instruction to be
			   discarded in entirety */
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus::-webkit-input-placeholder, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus::-moz-placeholder, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput:focus:-ms-input-placeholder, .pageHeaderSearchInputContainer .pageHeaderSearchInput:hover:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.8);
}
.pageHeaderSearchInputContainer .pageHeaderSearchInput::-webkit-search-cancel-button {
  display: none;
}
.pageHeaderSearchInputContainer .pageHeaderSearchInputButton.pageHeaderSearchInputButton {
  background-color: #ba2d32;
  border-radius: 0 0 2px 0;
  color: rgba(255, 255, 255, 0.6);
  padding: 4px 9px;
}
.pageHeaderSearchInputContainer .pageHeaderSearchInputButton.pageHeaderSearchInputButton:hover {
  background-color: rgba(255, 255, 255, 0.07);
  color: white;
}
@media screen and (max-width: 1024px) {
  .pageHeader {
    align-items: center;
    background-color: #b1252a;
    column-gap: 10px;
    display: grid;
    grid-template-areas: "logo search user menu";
    grid-template-columns: auto repeat(3, max-content);
    height: 50px;
    left: 0;
    padding: 0 6px;
    position: fixed;
    right: 0;
    top: 0;
  }
  .pageHeaderPanel, .pageHeaderFacade, .pageHeaderPanel .layoutBoundary, .pageHeaderFacade .layoutBoundary {
    display: contents;
    position: static;
  }
  .pageHeaderSearchMobile, .userPanel, .mainMenu {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px;
  }
  .pageHeaderLogo {
    grid-area: logo;
  }
  .pageHeaderLogo a {
    align-items: center;
    display: inline-flex;
    height: 40px;
    padding: 0 4px;
  }
  .pageHeaderSearchMobile {
    grid-area: search;
  }
  .pageHeaderSearchMobile .icon::before {
    color: rgba(255, 255, 255, 0.8);
  }
  .pageHeaderSearchMobile[aria-expanded="true"] .icon::before {
    color: white;
    content: "";
  }
  .userPanel {
    grid-area: user;
  }
  .userPanel .userPanelItems {
    display: none;
  }
  .userPanel .userPanelAvatar {
    display: block;
  }
  .mainMenu {
    grid-area: menu;
  }
  .mainMenu::before {
    content: "";
  }
  .mainMenu .boxContent {
    display: none;
  }
  .mainMenu[aria-expanded="false"], .userPanel[aria-expanded="false"] {
    position: relative;
  }
  .mainMenu[aria-expanded="false"].pageMenuMobileButtonHasContent::after, .userPanel[aria-expanded="false"].pageMenuMobileButtonHasContent::after {
    background-color: #f44336;
    border: 2px solid #b1252a;
    border-radius: 50%;
    content: "";
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
  }
  .mainMenu::before {
    color: rgba(255, 255, 255, 0.8);
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 32px;
    padding: 5px 5px;
  }
  .mainMenu:hover::before {
    color: white;
  }
  .userPanelLoginLink {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
  }
  .userPanel.hideUserPanel::before {
    visibility: hidden !important;
  }
  .pageHeaderSearch {
    background-color: rgba(0, 0, 0, 0.34);
    bottom: 0;
    left: 0 !important;
    overflow: hidden;
    right: 0 !important;
  }
  .pageHeaderSearch .pageHeaderSearchInputContainer {
    border-radius: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 0 6px rgba(0, 0, 0, 0.23);
    display: flex;
    flex-wrap: wrap;
  }
  .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType {
    flex: 0 0 100%;
  }
  .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchType > .button {
    border-radius: 0;
    max-width: unset;
    min-width: unset;
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%;
  }
  .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInput {
    flex: 1 1 auto;
  }
  .pageHeaderSearch .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
    border-radius: 0;
  }
  .pageHeaderSearch:not(.open) {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .pageNavigation {
    background-color: whitesmoke;
    color: #303030;
    flex: 0 0 auto;
    padding: 10px 0;
  }
  .pageNavigation > div {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    min-height: 20px;
  }
  .pageNavigation .icon {
    color: inherit;
  }
  .pageNavigation a {
    color: #c13e4b;
  }
  .pageNavigation a:hover {
    color: black;
  }
  .boxesHeaderBoxes + .pageNavigation {
    margin-top: 1px;
  }
}
@media screen and (min-width: 1025px), print {
  .pageNavigationIcons {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    margin-left: 10px;
  }
  .pageNavigationIcons > li {
    flex: 0 0 auto;
  }
  .pageNavigationIcons > li:not(:last-child) {
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: -5px;
    margin-top: 5px;
  }
  .breadcrumbs > ol > li {
    display: none;
  }
  .breadcrumbs > ol > li:last-child {
    align-items: center;
    color: #646464;
    display: flex;
    flex: 1;
  }
  .breadcrumbs > ol > li:last-child::before {
    content: "";
    flex: 0 auto;
    font-family: FontAwesome;
  }
  .breadcrumbs > ol > li:last-child > a {
    color: black;
    display: block;
    flex: 1;
    overflow: hidden;
    padding: 5px 0 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .breadcrumbs > ol > li:last-child {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .breadcrumbs > ol > li:last-child {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .pageNavigationIcons {
    display: none;
  }
}
/* print version */
@media print {
  /** reset font colors, backgrounds and shadows **/
  /** hide obsolete elements **/
  /* general elements */
  /** minor optimizations **/
  /* see https://bugzilla.mozilla.org/show_bug.cgi?id=939897 */
  *, ::after, ::before {
    background: 0 0 !important;
    box-shadow: none !important;
    color: #000 !important;
    opacity: 1 !important;
    text-shadow: none !important;
  }
  .pageHeaderContainer, .pageNavigationIcons, .userNotice, .pageAction, .contentHeaderNavigation, .contentFooterNavigation, .contentInteraction, .paginationTop, .paginationBottom, .buttonList, .collapsibleButton, .columnMark, .statusDisplay, .dialogContainer, .formSubmit, .tabMenu > ul > li:not(.active), .showMore, .boxesSidebarLeft, .boxesSidebarRight, .boxesFooterBoxes, .boxesFooter, .messageFooterButtons, .messageFooterButtonsExtra, .messageQuickOptions, .messageGroupEditLink, #messageQuickReply, .messageAuthor .badgeOnline, .jsCommentAdd, .userProfileCoverPhoto, .containerListButtonGroup {
    /* box layout */
    /* message layout */
    /* comment layout */
    /* user profile */
    display: none !important;
  }
  .main {
    padding: 20px 0;
  }
  .content {
    flex-basis: auto !important;
    max-width: none !important;
  }
  .pageNavigation {
    display: block;
    padding-top: 10px;
  }
  .pageNavigation .breadcrumbs {
    margin-left: 0;
  }
  .badge {
    padding: 0 !important;
  }
  .badge::before {
    content: "[";
  }
  .badge::after {
    content: "]";
  }
  .userProfileUser {
    position: static !important;
  }
  a.externalURL::after {
    content: " (" attr(href) ")";
  }
  .messageList, .messageList > li:not(:first-child) {
    border-top: 1px solid #eaeaea;
  }
  .messageList > li {
    padding-top: 20px;
  }
  .messageSidebar {
    margin: 0 !important;
    padding: 0 !important;
  }
  .pageContainer, .main > div {
    display: block !important;
  }
}
.sidebarItemList > li:not(:last-child) {
  margin-bottom: 10px;
}
.sidebarItem.new h3 {
  font-weight: 600;
}
/* legacy styling for sidebars (deprecated) */
.sidebar fieldset {
  margin-top: 0;
}
.sidebar fieldset > legend {
  float: left;
  width: 100%;
}
.sidebar fieldset > legend + * {
  clear: left;
}
.sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
  background-color: white;
}
@media screen and (min-width: 769px), print {
  .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar .boxContainer > div:not(.box), .sidebar .boxContainer > fieldset, .sidebar .boxContainer > section:not(.box) {
    padding: 20px 10px;
  }
}
.sidebar .boxContainer > div:not(.box):not(:first-child), .sidebar .boxContainer > fieldset:not(:first-child), .sidebar .boxContainer > section:not(.box):not(:first-child) {
  margin-top: 30px;
}
.sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend {
  color: #303030;
  border-bottom-width: 0;
  margin-bottom: 15px;
  padding: 0;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar .boxContainer section:not(.box) > h1, .sidebar .boxContainer fieldset > legend {
    font-size: 18px;
  }
}
.sidebar .boxContainer section:not(.box) > h1 > a, .sidebar .boxContainer fieldset > legend > a {
  color: #c13e4b;
}
.sidebar .boxContainer section:not(.box) > h1 > a > .icon, .sidebar .boxContainer fieldset > legend > a > .icon {
  color: #c13e4b;
}
.sidebar .boxContainer section:not(.box) > h1 > a:hover, .sidebar .boxContainer fieldset > legend > a:hover {
  color: black;
}
.sidebar .boxContainer section:not(.box) > h1 > a:hover > .icon, .sidebar .boxContainer fieldset > legend > a:hover > .icon {
  color: black;
}
.sidebar .formSubmit:not(:first-child) {
  margin-top: 20px;
}
.sidebar .boxContainer > div .boxContent::before, .sidebar .boxContainer > div .boxContent::after, .sidebar .boxContainer > fieldset .boxContent::before, .sidebar .boxContainer > fieldset .boxContent::after, .sidebar .boxContainer > section .boxContent::before, .sidebar .boxContainer > section .boxContent::after {
  display: table;
  content: "";
}
.sidebar .boxContainer > div .boxContent::after, .sidebar .boxContainer > fieldset .boxContent::after, .sidebar .boxContainer > section .boxContent::after {
  clear: both;
}
.sidebar .boxContainer > div .button.more, .sidebar .boxContainer > fieldset .button.more, .sidebar .boxContainer > section .button.more {
  float: right;
  margin-top: 15px;
}
.sidebar .boxTitle .badge {
  float: right;
  top: 2px;
}
.sidebar .sidebarBoxList > li:not(:last-child) {
  margin-bottom: 10px;
}
.teamLineupPlayer {
  position: absolute;
  display: flex;
  flex-direction: column;
}
.teamLineupPlayer > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
}
.teamLineupPlayer > .name {
  background: white;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .teamLineupPlayer > .name {
    padding: 2px;
  }
}
@media screen and (min-width: 769px), print {
  .teamLineupPlayer > .name {
    padding: 5px;
  }
}
.teamLineupPlayer.grab:hover {
  cursor: grab;
}
.teamLineupPlayer.grabbing {
  z-index: 1000;
  cursor: grabbing;
}
#teamLineupAddForm #lineupBackground {
  position: relative;
  overflow: hidden;
}
#teamLineupAddForm #lineupBackground > img {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  #teamLineupAddForm .formGrid > dl {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 1025px), print {
  #teamLineupAddForm .formGrid > dl {
    flex: 0 0 50%;
    padding: 10px;
  }
}
#teamLineupAddForm .selectedImagePreview {
  position: relative;
  overflow: scroll;
}
#teamLineupAddForm .selectedImagePreview > img:hover {
  cursor: pointer;
}
#teamLineupAddForm .selectedImagePreview > .teamLineupPlayer {
  position: absolute;
  text-align: center;
  overflow: hidden;
}
#teamLineupAddForm .selectedImagePreview > .teamLineupPlayer > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
}
#teamLineupAddForm .selectedImagePreview > .teamLineupPlayer > small {
  background: white;
  padding: 5px;
}
#teamLineupAddForm .selectedImagePreview:not(.resize) > .teamLineupPlayer:hover {
  cursor: grab;
}
#teamLineupAddForm .selectedImagePreview:not(.resize).move > .teamLineupPlayer {
  cursor: grabbing;
}
#teamLineupAddForm .selectedImagePreview.ew-resize:hover {
  cursor: ew-resize;
}
#teamLineupAddForm .selectedImagePreview.ns-resize:hover {
  cursor: ns-resize;
}
#teamLineupAddForm .selectedImagePreview.nesw-resize:hover {
  cursor: nesw-resize;
}
#teamLineupAddForm .selectedImagePreview.nwse-resize:hover {
  cursor: nwse-resize;
}
#teamLineupAddForm .selectedImagePreview.move > img:hover {
  cursor: grabbing;
}
@media screen and (max-width: 1024px) {
  #teamLineupAddForm #players {
    display: none;
  }
}
#teamLineupAddForm #players .warning.disabled {
  display: none;
}
#teamLineupAddForm #players .items {
  margin-top: 10px;
  overflow: hidden;
  overflow-y: scroll;
  max-height: 400px;
}
#teamLineupAddForm #players .items .teamLineupPlayer {
  position: inherit;
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
  align-items: center;
}
#teamLineupAddForm #players .items .teamLineupPlayer.hidden {
  display: none;
}
#teamLineupAddForm #players .items .teamLineupPlayer:hover {
  cursor: grab;
}
#teamLineupAddForm #players .items .teamLineupPlayer > img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}
.teamLineupList .columnName {
  flex: 1 0 150px;
}
@media screen and (min-width: 769px), print {
  .teamLineupList .columnBBCode {
    flex: 0 0 250px;
  }
}
@media screen and (max-width: 544px) {
  .teamLineupList .columnBBCode {
    flex: 0 0 150px;
  }
}
.teamLineupList .columnPreset {
  flex: 0 0 150px;
}
@media screen and (max-width: 768px) {
  .teamLineupList .columnPreset {
    display: none;
  }
}
.teamLineupBBCode {
  position: relative;
  overflow: hidden;
}
.teamLineupManagerSection .more {
  text-align: center;
  margin-top: 10px;
}
.ttsArticleAudioContainer {
  margin: 20px 0 20px 0;
}
.ttsArticleAudioContainer .ttsArticleAudioFlexContainer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  height: 40px;
}
.ttsArticleAudioContainer .ttsArticleAudioFlexContainer .ttsArticleAudioPlayer {
  width: 100%;
  max-height: 40px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  align-content: flex-start;
}
.ttsArticleAudioContainer .ttsArticleAudioFlexContainer .ttsArticleAudioDownload {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  font-size: 16px !important;
  align-content: flex-end;
  height: 100%;
}
.ttsArticleAudioContainer .ttsArticleAudioNotice {
  margin-top: 10px;
}
.ttsArticleAudioContainer .ttsArticleAudioNotice summary {
  font-weight: 600;
}
.accountSecurityContainer {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .accountSecurityContainer {
    align-items: flex-start;
    flex-direction: column;
  }
}
/* The smartphone icon is noticbly smaller than all other icons being used. */
.accountSecurityInformationIcon.fa-mobile {
  font-size: 70px;
}
.accountSecurityInformation {
  flex: 1 auto;
}
.accountSecurityInformationLink {
  color: inherit;
}
.accountSecurityButtons {
  flex: 0 0 auto;
}
@media screen and (min-width: 769px), print {
  .accountSecurityButtons {
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .accountSecurityButtons {
    align-self: flex-end;
    margin-top: 5px;
  }
}
.multifactorBackupCode {
  font-family: monospace;
}
.multifactorBackupCode.used {
  text-decoration: line-through;
}
.multifactorBackupCode .chunk {
  margin-left: 5px;
}
.multifactorBackupCode .chunk:first-child {
  margin-left: 0;
  font-weight: 600;
}
input.multifactorTotpCode, input.multifactorEmailCode {
  font-family: monospace;
  font-weight: 600;
  font-size: 28px;
}
input.multifactorBackupCode {
  font-family: monospace;
  font-weight: 600;
  font-size: 18px;
}
.multifactorTotpNewDevice {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.multifactorTotpNewDevice .totpSecretContainer {
  text-align: center;
}
.multifactorTotpNewDevice .totpSecretContainer canvas {
  width: 200px;
  height: 200px;
  background: #fff;
  border-radius: 3px;
  border: 3px solid #fff;
  box-sizing: content-box;
}
.multifactorTotpNewDevice .totpSecret {
  display: inline-block;
  margin-top: 10px;
}
.multifactorTotpNewDevice .multifactorTotpNewDeviceFields {
  flex: 1 1 auto;
}
@media screen and (min-width: 769px), print {
  .multifactorTotpNewDevice {
    flex-direction: row;
  }
  .multifactorTotpNewDevice .totpSecretContainer {
    width: 250px;
    margin: 0 5px;
  }
}
/* object list, e.g. users and groups */
.aclList {
  max-height: 400px;
  overflow: auto;
  /* search input */
}
.aclList:not(:empty) {
  border-bottom: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}
.aclList > li {
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.aclList > li:not(.active) {
  cursor: pointer;
}
.aclList > li.active {
  background-color: white;
}
.aclList > li > .icon {
  flex: 0 0 36px;
  padding: 0 5px;
}
.aclList > li > .aclLabel {
  flex: 1 1 auto;
  margin: 0 5px;
}
.aclList > li:first-child {
  border-top: none;
}
.aclList > li:last-child {
  border-bottom: none;
}
.aclList + .dropdown {
  display: block;
  margin-top: 20px;
}
/* permissions per object */
.aclPermissionList {
  margin-top: 40px;
  position: relative;
}
.aclPermissionList::after, .aclPermissionList::before {
  min-width: 60px;
  position: absolute;
  text-align: center;
  top: -5px;
  transform: translateY(-100%);
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .aclPermissionList::after, .aclPermissionList::before {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .aclPermissionList::after, .aclPermissionList::before {
    font-size: 12px;
  }
}
.aclPermissionList::after {
  content: attr(data-deny);
  right: 0;
}
.aclPermissionList::before {
  content: attr(data-grant);
  right: 80px;
}
.aclPermissionList > li.aclCategory {
  padding: 20px 10px 10px 0;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .aclPermissionList > li.aclCategory {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .aclPermissionList > li.aclCategory {
    font-size: 18px;
  }
}
.aclPermissionList > li.aclCategory:hover {
  background-color: transparent;
}
.aclPermissionList > li:not(.aclCategory) {
  display: flex;
  padding: 10px 0;
}
.aclPermissionList > li > span {
  flex: 1 1 auto;
  padding-left: 10px;
}
.aclPermissionList > li > label {
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0 20px;
}
.aclPermissionList > li > label + label {
  margin-left: 20px;
}
.wcfAdLocation {
  overflow: hidden;
}
@media screen and (min-width: 1025px), print {
  .wcfAdLocationLogo {
    float: right;
    margin-left: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .wcfAdLocationLogo {
    display: none;
  }
}
.wcfAdLocationHeaderContent {
  margin-bottom: 20px;
}
.wcfAdLocationFooterContent {
  margin-top: 20px;
}
.wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom, .wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {
  text-align: center;
}
.wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div, .wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {
  display: inline-block;
  text-align: left;
}
/* placeholder sizes, required for Google AdSense */
@media screen and (min-width: 1025px), print {
  .wcfAdLocationLogo .adsbygoogle {
    height: 60px;
    width: 468px;
  }
}
@media screen and (max-width: 544px) {
  .wcfAdLocationHeaderContent .adsbygoogle, .wcfAdLocationFooterContent .adsbygoogle {
    height: 50px;
    width: 320px;
  }
}
@media screen and (min-width: 545px), print {
  .wcfAdLocationHeaderContent .adsbygoogle, .wcfAdLocationFooterContent .adsbygoogle {
    height: 60px;
    width: 468px;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .wcfAdLocationFooterBottom .adsbygoogle {
    height: 60px;
    width: 468px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .wcfAdLocationFooterBottom .adsbygoogle {
    height: 90px;
    width: 728px;
  }
}
@media screen and (min-width: 1025px), print {
  .wcfAdLocationFooterBottom .adsbygoogle {
    height: 90px;
    width: 970px;
  }
}
@media screen and (max-width: 1024px) {
  .wcfAdLocationSidebarTop .adsbygoogle, .wcfAdLocationSidebarBottom .adsbygoogle {
    height: 250px;
    width: 300px;
  }
}
@media screen and (min-width: 1025px), print {
  .wcfAdLocationSidebarTop .adsbygoogle, .wcfAdLocationSidebarBottom .adsbygoogle {
    height: 600px;
    width: 160px;
  }
}
.error, .info, .success, .warning {
  border-left: 5px solid transparent;
  margin-top: 20px;
}
@media screen and (min-width: 769px), print {
  .error, .info, .success, .warning {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .error, .info, .success, .warning {
    padding: 10px;
  }
}
.error a, .info a, .success a, .warning a {
  font-weight: 600;
}
.error a:hover, .info a:hover, .success a:hover, .warning a:hover {
  text-decoration: underline;
}
.error {
  background-color: #ce414b;
  border-color: #822228;
  color: rgba(255, 255, 255, 0.8);
}
.error a {
  color: white;
}
.error a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.info {
  background-color: #428ecd;
  border-color: #2a639d;
  color: rgba(255, 255, 255, 0.8);
}
.info a {
  color: white;
}
.info a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.success {
  background-color: #50a72e;
  border-color: #3e8323;
  color: rgba(255, 255, 255, 0.8);
}
.success a {
  color: white;
}
.success a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.warning {
  background-color: #d88b3a;
  border-color: #a96c2c;
  color: rgba(255, 255, 255, 0.8);
}
.warning a {
  color: white;
}
.warning a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.innerError, .innerInfo, .innerSuccess, .innerWarning {
  display: table;
  line-height: 1.5;
  margin-top: 8px;
  padding: 5px 10px;
  position: relative;
  /* pointer */
}
.innerError::before, .innerInfo::before, .innerSuccess::before, .innerWarning::before {
  border: 6px solid transparent;
  border-top-width: 0;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
  z-index: 99;
}
/* inline messages */
.innerError {
  background-color: #f2dede;
  color: #a94442;
}
.innerError::before {
  border-bottom-color: #f2dede;
}
.innerError a {
  color: white;
}
.innerError a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.innerSuccess {
  background-color: #50a72e;
  color: rgba(255, 255, 255, 0.8);
}
.innerSuccess::before {
  border-bottom-color: #50a72e;
}
.innerSuccess a {
  color: white;
}
.innerSuccess a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.innerWarning {
  background-color: #d88b3a;
  color: rgba(255, 255, 255, 0.8);
}
.innerWarning::before {
  border-bottom-color: #d88b3a;
}
.innerWarning a {
  color: white;
}
.innerWarning a:hover {
  color: rgba(255, 255, 255, 0.8);
}
/* sticky footer notices */
.pageFooterStickyNotice {
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 600;
}
.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
  border-left-width: 0;
  border-top-width: 1px;
  border-top-style: solid;
  margin-top: 0;
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
    font-size: 12px;
  }
}
.pageFooterStickyNotice .cookiePolicyNotice .layoutBoundary {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .pageFooterStickyNotice .cookiePolicyNotice .layoutBoundary {
    flex-wrap: wrap;
  }
}
.pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeText {
  flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
  .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeText {
    flex-basis: 100%;
    margin-bottom: 5px;
  }
}
.pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeMoreInformation, .pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeDismiss {
  flex: 0 0 auto;
}
.pageFooterStickyNotice .cookiePolicyNotice .cookiePolicyNoticeDismiss {
  margin-left: 5px;
}
/* dialogs */
.dialogContent .error:first-child, .dialogContent .info:first-child, .dialogContent .success:first-child, .dialogContent .warning:first-child {
  margin-top: 0;
}
/* inline infos */
.innerInfo {
  background-color: #428ecd;
  color: rgba(255, 255, 255, 0.8);
}
.innerInfo::before {
  border-bottom-color: #428ecd;
}
.innerInfo a {
  color: white;
}
.innerInfo a:hover {
  color: rgba(255, 255, 255, 0.7);
}
/* dismiss icon */
.noticeDismissible > .jsDismissNoticeButton {
  float: right;
}
@media screen and (max-width: 1024px) {
  .noticeDismissible > .jsDismissNoticeButton {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    width: 24px;
  }
}
.userExceptionMessage {
  align-self: center;
}
.articleTeaser {
  font-weight: 600;
}
.articleTeaser + .tableOfContentsWrapper {
  margin-top: 20px;
}
.articleTeaserContainer + .section, .articleImageContainer + .section {
  margin-top: 20px !important;
}
.articleImage, .contentCoverPhotoImage {
  /* work-around for IE 11 to properly align the image if overflowing */
  display: flex;
  flex-wrap: wrap;
}
.articleImage .articleImageWrapper, .articleImage .contentCoverPhotoImageWrapper, .contentCoverPhotoImage .articleImageWrapper, .contentCoverPhotoImage .contentCoverPhotoImageWrapper {
  align-items: center;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  max-height: 300px;
  overflow: hidden;
  width: 100%;
}
.articleImage .articleImageWrapper img, .articleImage .contentCoverPhotoImageWrapper img, .contentCoverPhotoImage .articleImageWrapper img, .contentCoverPhotoImage .contentCoverPhotoImageWrapper img {
  height: auto !important;
  width: 100% !important;
}
.articleImage figcaption, .contentCoverPhotoImage figcaption {
  color: #646464;
  flex: 1 0 100%;
  margin-top: 5px;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .articleImage figcaption, .contentCoverPhotoImage figcaption {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .articleImage figcaption, .contentCoverPhotoImage figcaption {
    font-size: 12px;
  }
}
.articleContent .articleTagList {
  margin-top: 20px;
}
.articleContent .articleLikeSection {
  align-items: center;
}
.articleContent .articleLikeButtons {
  justify-content: flex-end;
}
.articleContent .articleLikeButtons .invisible {
  display: inline;
}
.articleContent .articleLikesSummery:not(:empty), .articleContent .articleLikeButtons:not(:empty) {
  margin-top: 20px;
}
.articleContent .anchorFixedHeader:target::before {
  content: "";
  display: block;
  height: 50px;
  margin-top: -50px;
}
.articleAboutAuthor .articleAboutAuthorText {
  font-style: italic;
}
.articleAboutAuthor .articleAboutAuthorUsername {
  margin-top: 5px;
}
.articleAboutAuthor .articleAboutAuthorUsername .username {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .articleAboutAuthor .articleAboutAuthorUsername .username {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .articleAboutAuthor .articleAboutAuthorUsername .username {
    font-size: 18px;
  }
}
.articleAboutAuthor .articleAboutAuthorUsername .userTitleBadge {
  top: -2px;
}
@media screen and (min-width: 769px), print {
  .articleNavigation > nav > ul {
    display: flex;
  }
}
.articleNavigation .previousArticleButton, .articleNavigation .nextArticleButton {
  display: flex;
}
@media screen and (min-width: 769px), print {
  .articleNavigation .previousArticleButton, .articleNavigation .nextArticleButton {
    flex: 0 0 50%;
  }
}
.articleNavigation .previousArticleButton > a, .articleNavigation .nextArticleButton > a {
  color: #303030;
  display: flex;
}
.articleNavigation .previousArticleButton > a::before, .articleNavigation .nextArticleButton > a::before {
  align-self: center;
  display: block;
  flex: 0 0 auto;
  font-family: FontAwesome;
  font-size: 36px;
}
.articleNavigation .previousArticleButton > a > div, .articleNavigation .nextArticleButton > a > div {
  flex: 1 1 auto;
}
.articleNavigation .previousArticleButton > a .articleNavigationEntityName, .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationEntityName, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
  display: block;
}
.articleNavigation .previousArticleButton > a .articleNavigationEntityName, .articleNavigation .nextArticleButton > a .articleNavigationEntityName {
  color: #646464;
}
.articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
  margin-top: 3px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .articleNavigation .previousArticleButton > a .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a .articleNavigationArticleTitle {
    font-size: 18px;
  }
}
.articleNavigation .previousArticleButton > a .articleNavigationArticleImage > img, .articleNavigation .nextArticleButton > a .articleNavigationArticleImage > img {
  border-radius: 2px;
  opacity: 0.85;
  transition: 0.2s ease opacity;
}
.articleNavigation .previousArticleButton > a:hover::before, .articleNavigation .nextArticleButton > a:hover::before {
  color: black;
}
.articleNavigation .previousArticleButton > a:hover .articleNavigationArticleTitle, .articleNavigation .nextArticleButton > a:hover .articleNavigationArticleTitle {
  color: black;
}
.articleNavigation .previousArticleButton > a:hover .articleNavigationArticleImage > img, .articleNavigation .nextArticleButton > a:hover .articleNavigationArticleImage > img {
  opacity: 1;
}
@media screen and (min-width: 769px), print {
  .articleNavigation .previousArticleButton {
    padding-right: 10px;
  }
}
.articleNavigation .previousArticleButton > a::before {
  content: "";
}
.articleNavigation .previousArticleButton > a > div {
  margin-left: 10px;
}
.articleNavigation .nextArticleButton {
  justify-content: flex-end;
  text-align: right;
}
@media screen and (min-width: 769px), print {
  .articleNavigation .nextArticleButton {
    margin-left: 50%;
    padding-left: 10px;
  }
}
.articleNavigation .nextArticleButton .articleNavigationArticleImage {
  order: 1;
  margin-left: 15px;
  margin-right: 0;
}
.articleNavigation .nextArticleButton > a::before {
  content: "";
  order: 1;
}
.articleNavigation .nextArticleButton > a > div {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .articleNavigation .previousArticleButton + .nextArticleButton {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px), print {
  .articleNavigation .previousArticleButton + .nextArticleButton {
    margin-left: 0;
  }
}
/* fix icons in rtl design */
html[dir="rtl"] .articleNavigation .previousArticleButton > a::before {
  content: "";
}
html[dir="rtl"] .articleNavigation .nextArticleButton > a::before {
  content: "";
}
.articleList .articleListMetaData {
  color: #646464;
  margin-top: 2px;
}
.articleList .articleListMetaData .icon {
  color: inherit;
}
.articleList a {
  color: inherit;
}
.articleList a:hover {
  color: inherit;
}
.articleList a:hover .articleListImage > img {
  opacity: 1;
}
.articleList a:hover .articleListTitle {
  color: black;
}
.articleList .articleListImage > img {
  border-radius: 2px;
  opacity: 0.85;
  transition: 0.2s ease opacity;
}
.articleList > li:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 544px) {
  .articleList .box128 > .articleListImage {
    margin-right: 10px;
  }
  .articleList .articleListImage > img {
    height: 64px !important;
    width: 64px !important;
  }
}
.boxesFooterBoxes .articleList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px -20px -5px;
}
.boxesFooterBoxes .articleList > li {
  margin: 0 5px 20px 5px;
}
.boxesFooterBoxes .articleList .articleListImage > img {
  height: auto !important;
  max-width: 280px;
  width: 100% !important;
}
.boxesFooterBoxes .articleList .articleListImage + .articleListTitle {
  margin-top: 5px;
}
.boxesFooterBoxes .articleList .articleListMetaData {
  display: none;
}
@media screen and (min-width: 1025px), print {
  .boxesFooterBoxes .articleList > li {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 10px);
  }
  .boxesFooterBoxes .boxFullWidth .articleList > li {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 6 - 10px);
  }
}
@media screen and (min-width: 545px), print {
  .boxesFooterBoxes .articleList > li {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 10px);
  }
}
@media screen and (max-width: 544px) {
  .boxesFooterBoxes .articleList {
    justify-content: center;
  }
  .boxesFooterBoxes .articleList > li {
    width: 280px;
  }
}
/* ###### SLIDER VIEW ###### */
@media screen and (max-width: 768px) {
  .heroSingleSlider, .heroSingleSlider > div {
    height: 300px;
  }
}
@media screen and (min-width: 769px), print {
  .heroSingleSlider, .heroSingleSlider > div {
    height: 350px;
  }
}
.heroSingleSlider, .heroSingleSlider > div {
  overflow: hidden;
  background-color: #000;
}
.heroSingleSlider > div h3 {
  font-size: 18px;
}
.heroSingleSlider.articleHeroBlackGradient .articleHeroInnerContent, .heroSingleSlider.articleHeroBlack .articleHeroInnerContent {
  padding-right: 130px !important;
}
@media screen and (max-width: 768px) {
  .heroSingleSlider .articleHeroTeaser {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .heroTopBottomView > div:nth-child(1) h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .articleHeroWrapper.row {
    margin-left: 0;
    margin-right: 0;
  }
}
.heroTopBottomView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
.heroTopBottomView > div {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
}
.heroTopBottomView > div > div {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .heroTopBottomView > div:nth-child(1) {
    flex-basis: 100%;
    height: 350px;
  }
  .heroTopBottomView > div:nth-child(2), .heroTopBottomView > div:nth-child(3), .heroTopBottomView > div:nth-child(4) {
    flex-basis: 33.33%;
    height: 200px;
  }
  .heroTopBottomView > div:nth-child(2) .articleHeroTeaser, .heroTopBottomView > div:nth-child(3) .articleHeroTeaser, .heroTopBottomView > div:nth-child(4) .articleHeroTeaser {
    display: none;
  }
  .heroNewsListView > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)), .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)), .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)), .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)), .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) {
    margin-top: 20px;
    width: 100%;
  }
  .heroNewsListView > div > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div {
    display: flex;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  .heroNewsListView > div > div > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > div {
    height: 200px;
    order: 1;
    flex-basis: 33.33%;
  }
  .heroNewsListView > div > div > div img, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div img, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div img, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div img, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div img, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > div img {
    height: 200px;
  }
  .heroNewsListView > div > div > a, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a {
    position: relative;
    order: 2;
    width: 400px;
    display: block;
    flex-basis: 66.66%;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
  }
  .heroNewsListView > div > div > a .articleHeroInnerContent, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent {
    position: relative;
    padding: 0 0 0 0;
    background: rgba(0, 0, 0, 0);
  }
  .heroNewsListView > div > div > a .articleHeroInnerContent h3, .heroNewsListView > div > div > a .articleHeroInnerContent li, .heroNewsListView > div > div > a .articleHeroInnerContent .articleListMetaData, .heroNewsListView > div > div > a .articleHeroInnerContent .articleHeroTeaser, .heroNewsListView > div > div > a .articleHeroInnerContent .icon, .heroNewsListView > div > div > a .articleHeroInnerContent span, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent h3, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent li, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleListMetaData, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .icon, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent span, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent h3, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent li, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleListMetaData, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .icon, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent span, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent h3, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent li, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleListMetaData, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .icon, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent span, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent h3, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent li, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleListMetaData, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .icon, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent span, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent h3, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent li, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent .articleListMetaData, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent .icon, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent span {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
    color: #303030 !important;
  }
  .heroNewsListView > div > div > a .articleHeroInnerContent h3, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent h3, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent h3, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent h3, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent h3, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent h3 {
    font-size: 18px;
    font-weight: 600;
  }
  .heroNewsListView > div > div > a .articleHeroInnerContent .articleHeroTeaser, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a .articleHeroInnerContent .articleHeroTeaser, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a .articleHeroInnerContent .articleHeroTeaser {
    margin-top: 20px;
  }
  .articleHeroMargin20.heroNewsListView > div > div > a, .articleHeroMargin20.heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .articleHeroMargin20.heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .articleHeroMargin20.heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .articleHeroMargin20.heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .articleHeroMargin20.heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .articleHeroMargin20.heroNewsListView > div > div > a, .articleHeroMargin20.heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .articleHeroMargin20.heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > a, .articleHeroMargin20.heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .articleHeroMargin20.heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > a, .articleHeroMargin20.heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) > div > a {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroTopBottomView > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .heroTopBottomView > div:nth-child(1) {
    padding-bottom: 10px;
  }
  .heroTopBottomView.row {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin10.heroTopBottomView > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .articleHeroMargin10.heroTopBottomView > div:nth-child(1) {
    padding-bottom: 10px;
  }
  .articleHeroMargin20.heroTopBottomView > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  .articleHeroMargin20.heroTopBottomView > div:nth-child(1) {
    padding-bottom: 20px;
  }
  .articleHeroMargin0.heroTopBottomView > div {
    padding-left: 0;
    padding-right: 0;
  }
  .articleHeroMargin0.heroTopBottomView > div:nth-child(1) {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 769px), print {
  .heroLeftSmallView > div:nth-child(1) h3 {
    font-size: 18px;
  }
}
.heroLeftSmallView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroLeftSmallView > div:nth-child(1) {
    margin-left: 5px;
  }
  .heroLeftSmallView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .heroLeftSmallView > div:nth-child(3) {
    margin-top: 5px;
    margin-right: 5px;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.heroLeftSmallView > div:nth-child(1) {
    margin-left: 10px;
  }
  .articleHeroMargin20.heroLeftSmallView > div:nth-child(2) {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .articleHeroMargin20.heroLeftSmallView > div:nth-child(3) {
    margin-top: 10px;
    margin-right: 10px;
  }
  .articleHeroMargin10.heroLeftSmallView > div:nth-child(1) {
    margin-left: 5px;
  }
  .articleHeroMargin10.heroLeftSmallView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-right: 5px;
  }
  .articleHeroMargin10.heroLeftSmallView > div:nth-child(3) {
    margin-top: 5px;
    margin-right: 5px;
  }
  .articleHeroMargin0.heroLeftSmallView > div:nth-child(1) {
    margin-left: 0;
  }
  .articleHeroMargin0.heroLeftSmallView > div:nth-child(2) {
    margin-bottom: 0;
    margin-right: 0;
  }
  .articleHeroMargin0.heroLeftSmallView > div:nth-child(3) {
    margin-top: 0;
    margin-right: 0;
  }
}
.heroLeftSmallView > div {
  display: flex;
}
.heroLeftSmallView > div > div {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .heroRightSmallView > div:nth-child(1) h3 {
    font-size: 18px;
  }
}
.heroRightSmallView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
@media screen and (min-width: 769px), print {
  .heroRightView {
    display: grid;
    grid-gap: 0;
    grid-template-columns: auto 33.33%;
    grid-template-areas: "main sidebar1" "main sidebar2" "main sidebar3" "footer1 footer1" "footer2 footer2" "footer3 footer3" "footer4 footer4" "footer5 footer5" "footer6 footer6" "footer7 footer7" "footer8 footer8" "footer9 footer9" "footer10 footer10";
  }
  .heroRightView > div:nth-child(1) {
    grid-area: main;
  }
  .heroRightView > div:nth-child(2) {
    grid-area: sidebar1;
  }
  .heroRightView > div:nth-child(3) {
    grid-area: sidebar2;
  }
  .heroRightView > div:nth-child(4) {
    grid-area: sidebar3;
  }
  .heroRightView > div:nth-child(5) {
    grid-area: footer1;
  }
  .heroRightView > div:nth-child(6) {
    grid-area: footer2;
  }
  .heroRightView > div:nth-child(7) {
    grid-area: footer3;
  }
  .heroRightView > div:nth-child(8) {
    grid-area: footer4;
  }
  .heroRightView > div:nth-child(9) {
    grid-area: footer5;
  }
  .heroRightView > div:nth-child(10) {
    grid-area: footer6;
  }
  .heroRightView > div:nth-child(11) {
    grid-area: footer7;
  }
  .heroRightView > div:nth-child(12) {
    grid-area: footer8;
  }
  .heroRightView > div:nth-child(13) {
    grid-area: footer9;
  }
  .heroRightView > div:nth-child(14) {
    grid-area: footer10;
  }
  .heroLeftSmallView {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 33.33% auto;
    grid-template-areas: "sidebar1 main" "sidebar2 main" "footer1 footer1" "footer2 footer2" "footer3 footer3" "footer4 footer4" "footer5 footer5" "footer6 footer6" "footer7 footer7" "footer8 footer8" "footer9 footer9" "footer10 footer10";
  }
  .heroRightSmallView {
    display: grid;
    grid-gap: 0;
    grid-template-columns: auto 33.33%;
    grid-template-areas: "main sidebar1" "main sidebar2" "footer1 footer1" "footer2 footer2" "footer3 footer3" "footer4 footer4" "footer5 footer5" "footer6 footer6" "footer7 footer7" "footer8 footer8" "footer9 footer9" "footer10 footer10";
  }
  .heroLeftSmallView > div:nth-child(1), .heroRightSmallView > div:nth-child(1) {
    grid-area: main;
  }
  .heroLeftSmallView > div:nth-child(2), .heroRightSmallView > div:nth-child(2) {
    grid-area: sidebar1;
  }
  .heroLeftSmallView > div:nth-child(3), .heroRightSmallView > div:nth-child(3) {
    grid-area: sidebar2;
  }
  .heroLeftSmallView > div:nth-child(4), .heroRightSmallView > div:nth-child(4) {
    grid-area: footer1;
  }
  .heroLeftSmallView > div:nth-child(5), .heroRightSmallView > div:nth-child(5) {
    grid-area: footer2;
  }
  .heroLeftSmallView > div:nth-child(6), .heroRightSmallView > div:nth-child(6) {
    grid-area: footer3;
  }
  .heroLeftSmallView > div:nth-child(7), .heroRightSmallView > div:nth-child(7) {
    grid-area: footer4;
  }
  .heroLeftSmallView > div:nth-child(8), .heroRightSmallView > div:nth-child(8) {
    grid-area: footer5;
  }
  .heroLeftSmallView > div:nth-child(9), .heroRightSmallView > div:nth-child(9) {
    grid-area: footer6;
  }
  .heroLeftSmallView > div:nth-child(10), .heroRightSmallView > div:nth-child(10) {
    grid-area: footer7;
  }
  .heroLeftSmallView > div:nth-child(11), .heroRightSmallView > div:nth-child(11) {
    grid-area: footer8;
  }
  .heroLeftSmallView > div:nth-child(12), .heroRightSmallView > div:nth-child(12) {
    grid-area: footer9;
  }
  .heroLeftSmallView > div:nth-child(13), .heroRightSmallView > div:nth-child(13) {
    grid-area: footer10;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroRightSmallView > div:nth-child(1) {
    margin-right: 5px;
  }
  .heroRightSmallView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .heroRightSmallView > div:nth-child(3) {
    margin-top: 5px;
    margin-left: 5px;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.heroRightSmallView > div:nth-child(1) {
    margin-right: 10px;
  }
  .articleHeroMargin20.heroRightSmallView > div:nth-child(2) {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .articleHeroMargin20.heroRightSmallView > div:nth-child(3) {
    margin-top: 10px;
    margin-left: 10px;
  }
  .articleHeroMargin10.heroRightSmallView > div:nth-child(1) {
    margin-right: 5px;
  }
  .articleHeroMargin10.heroRightSmallView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .articleHeroMargin10.heroRightSmallView > div:nth-child(3) {
    margin-top: 5px;
    margin-left: 5px;
  }
  .articleHeroMargin0.heroRightSmallView > div:nth-child(1) {
    margin-right: 0;
  }
  .articleHeroMargin0.heroRightSmallView > div:nth-child(2) {
    margin-bottom: 0;
    margin-left: 0;
  }
  .articleHeroMargin0.heroRightSmallView > div:nth-child(3) {
    margin-top: 0;
    margin-left: 0;
  }
}
.heroRightSmallView > div {
  display: flex;
}
.heroRightSmallView > div > div {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroRightView > div:nth-child(1) {
    margin-right: 5px;
  }
  .heroRightView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .heroRightView > div:nth-child(3) {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .heroRightView > div:nth-child(4) {
    margin-top: 5px;
    margin-left: 5px;
  }
}
.heroRightView > div:nth-child(2) .articleHeroTeaser, .heroRightView > div:nth-child(3) .articleHeroTeaser, .heroRightView > div:nth-child(4) .articleHeroTeaser {
  display: none;
}
.heroRightSmallView > div:nth-child(2) .articleHeroTeaser, .heroRightSmallView > div:nth-child(3) .articleHeroTeaser {
  display: none;
}
.heroLeftSmallView > div:nth-child(2) .articleHeroTeaser, .heroLeftSmallView > div:nth-child(3) .articleHeroTeaser {
  display: none;
}
.heroColumView > div .articleHeroTeaser {
  display: none;
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.heroRightView > div:nth-child(1) {
    margin-right: 10px;
  }
  .articleHeroMargin20.heroRightView > div:nth-child(2) {
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .articleHeroMargin20.heroRightView > div:nth-child(3) {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .articleHeroMargin20.heroRightView > div:nth-child(4) {
    margin-top: 10px;
    margin-left: 10px;
  }
  .articleHeroMargin10.heroRightView > div:nth-child(1) {
    margin-right: 5px;
  }
  .articleHeroMargin10.heroRightView > div:nth-child(2) {
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .articleHeroMargin10.heroRightView > div:nth-child(3) {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
  }
  .articleHeroMargin10.heroRightView > div:nth-child(4) {
    margin-top: 5px;
    margin-left: 5px;
  }
  .articleHeroMargin0.heroRightView > div:nth-child(1) {
    margin-right: 0;
  }
  .articleHeroMargin0.heroRightView > div:nth-child(2) {
    margin-bottom: 0;
    margin-left: 0;
  }
  .articleHeroMargin0.heroRightView > div:nth-child(3) {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }
  .articleHeroMargin0.heroRightView > div:nth-child(4) {
    margin-top: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 769px), print {
  .heroRightView > div:nth-child(1) h3 {
    font-size: 18px;
  }
}
.heroRightView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
.heroRightView > div {
  display: flex;
}
.heroRightView > div > div {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .heroBottomView > div:nth-child(1) h3, .heroBottomView > div:nth-child(2) h3 {
    font-size: 18px;
  }
}
.heroBottomView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
.heroBottomView > div {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  display: flex;
}
.heroBottomView > div > div {
  height: 100%;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .heroBottomView > div:nth-child(1), .heroBottomView > div:nth-child(2) {
    flex-basis: 50%;
    height: 350px;
  }
  .heroBottomView > div:nth-child(3), .heroBottomView > div:nth-child(4), .heroBottomView > div:nth-child(5) {
    flex-basis: 33%;
    height: 200px;
  }
  .heroBottomView > div:nth-child(3) .articleHeroTeaser, .heroBottomView > div:nth-child(4) .articleHeroTeaser, .heroBottomView > div:nth-child(5) .articleHeroTeaser {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroBottomView > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .heroBottomView > div:nth-child(1), .heroBottomView > div:nth-child(2) {
    padding-bottom: 10px;
  }
  .heroBottomView.row {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.heroBottomView > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  .articleHeroMargin20.heroBottomView > div:nth-child(1), .articleHeroMargin20.heroBottomView > div:nth-child(2) {
    padding-bottom: 20px;
  }
  .articleHeroMargin10.heroBottomView > div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .articleHeroMargin10.heroBottomView > div:nth-child(1), .articleHeroMargin10.heroBottomView > div:nth-child(2) {
    padding-bottom: 10px;
  }
  .articleHeroMargin0.heroBottomView > div {
    padding-left: 0;
    padding-right: 0;
  }
  .articleHeroMargin0.heroBottomView > div:nth-child(1), .articleHeroMargin0.heroBottomView > div:nth-child(2) {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.row {
    margin-right: -10px;
    margin-left: -10px;
  }
  .articleHeroMargin10.row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .articleHeroMargin0.row {
    margin-right: 0;
    margin-left: 0;
  }
}
/* ###### THREE COLUMS ###### */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroColumView > div {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .heroColumView .articleHeroContent {
    margin-bottom: 10px;
  }
  .heroColumView.row {
    margin-right: -5px;
    margin-left: -5px;
  }
}
@media screen and (max-width: 768px) {
  .heroColumView > div {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 769px), print {
  .heroColumView .articleHeroContent > div {
    height: 230px;
  }
}
@media screen and (min-width: 1025px), print {
  .articleHeroMargin20.heroColumView .articleHeroContent {
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .articleHeroMargin10.heroColumView .articleHeroContent {
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .articleHeroMargin0.heroColumView .articleHeroContent {
    margin-bottom: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.heroColumView h3 {
  font-size: 18px;
}
.heroColumView .articleListMetaData {
  margin-top: 5px;
  font-size: 12px;
}
.heroColumView .articleHeroContent > div {
  overflow: hidden;
}
/* ###### SINGLE VIEW ###### */
@media screen and (min-width: 1025px), print {
  .articleHeroMargin10.heroSingleView > div:not(:last-child) {
    margin-bottom: 10px;
  }
  .articleHeroMargin20.heroSingleView > div:not(:last-child) {
    margin-bottom: 20px;
  }
  .articleHeroMargin0.heroSingleView > div:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 769px), print {
  .heroSingleView .articleHeroContent > div {
    height: 300px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .heroSingleView .articleHeroContent:not(:last-of-type) {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .heroSingleView h3 {
    font-size: 18px;
  }
}
/* ###### GENERIC UI ###### */
.articleHeroContent .articleListMetaData {
  align-items: center;
}
.articleHeroContent > div {
  position: relative;
}
.articleHeroWrapper a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 10px;
}
.articleHeroWrapper > div {
  transition: 0.15s filter linear;
}
.articleHeroWrapper:not(.heroSingleSlider) > div:hover {
  filter: grayscale(1);
  transition: 0.15s filter linear;
}
.articleHeroWrapper > div > div:hover h3, .articleHeroWrapper > div > div:hover .articleHeroTeaser {
  transition: 0.15s color linear;
  color: rgba(255, 255, 255, 0.75);
}
.articleHeroWrapper > div h3 {
  transition: 0.15s color linear;
}
/* ###### SCALE IMAGES ###### */
.articleHeroContent > div {
  overflow: hidden;
}
.articleHeroContent > div > div {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.articleHeroContent > div > div > img {
  object-fit: cover;
  width: 1400px;
}
@media screen and (min-width: 769px), print {
  .heroSingleView > div > div > div > img {
    height: 350px;
  }
  .heroTwoColumView > div > div > div > img {
    height: 250px;
  }
  .heroLeftSmallView > div:nth-child(1) > div > div > img, .heroRightSmallView > div:nth-child(1) > div > div > img {
    height: 400px;
  }
  .articleHeroMargin10.heroLeftSmallView > div:nth-child(1) > div > div > img, .articleHeroMargin10.heroRightSmallView > div:nth-child(1) > div > div > img {
    height: 410px;
  }
  .articleHeroMargin20.heroLeftSmallView > div:nth-child(1) > div > div > img, .articleHeroMargin20.heroRightSmallView > div:nth-child(1) > div > div > img {
    height: 420px;
  }
  .heroRightView > div:nth-child(1) > div > div > img {
    height: 600px;
  }
  .articleHeroMargin10.heroRightView > div:nth-child(1) > div > div > img {
    height: 620px;
  }
  .articleHeroMargin20.heroRightView > div:nth-child(1) > div > div > img {
    height: 640px;
  }
  .heroBottomView > div:nth-child(1) > div > div > img, .heroBottomView > div:nth-child(2) > div > div > img, .heroTopBottomView > div:nth-child(1) > div > div > img {
    height: 350px;
  }
  .heroLeftSmallView > div:nth-child(2) > div > div > img, .heroLeftSmallView > div:nth-child(3) > div > div > img, .heroRightSmallView > div:nth-child(2) > div > div > img, .heroRightSmallView > div:nth-child(3) > div > div > img, .heroRightView > div:nth-child(2) > div > div > img, .heroRightView > div:nth-child(3) > div > div > img, .heroRightView > div:nth-child(4) > div > div > img, .heroBottomView > div:nth-child(3) > div > div > img, .heroBottomView > div:nth-child(4) > div > div > img, .heroBottomView > div:nth-child(5) > div > div > img, .heroTopBottomView > div:nth-child(2) > div > div > img, .heroTopBottomView > div:nth-child(3) > div > div > img, .heroTopBottomView > div:nth-child(4) > div > div > img {
    height: 200px;
  }
  .heroColumView > div > div > div > img {
    height: 230px;
  }
}
/* ###### MODERN UI ###### */
.articleHeroModern .articleHeroInnerContent {
  background-color: white;
  right: 30% !important;
  padding: 10px 10px 0 0;
}
.articleHeroModern .articleHeroInnerContent .articleListMetaData > li, .articleHeroModern .articleHeroInnerContent .articleListMetaData > li > span, .articleHeroModern .articleHeroInnerContent .articleListMetaData > li > .icon, .articleHeroModern .articleHeroInnerContent .articleListMetaData > li > .articleListMetaData {
  color: #303030 !important;
}
.articleHeroModern > div > div:hover h3, .articleHeroModern > div > div .articleHeroTeaser, .articleHeroModern > div > div:hover .articleHeroTeaser {
  color: black !important;
}
.heroBottomView.articleHeroModern > div:nth-child(3) .articleListMetaData > li:not(:first-child), .heroBottomView.articleHeroModern > div:nth-child(4) .articleListMetaData > li:not(:first-child), .heroBottomView.articleHeroModern > div:nth-child(5) .articleListMetaData > li:not(:first-child), .heroRightView.articleHeroModern > div:nth-child(2) .articleListMetaData > li:not(:first-child), .heroRightView.articleHeroModern > div:nth-child(3) .articleListMetaData > li:not(:first-child), .heroRightView.articleHeroModern > div:nth-child(4) .articleListMetaData > li:not(:first-child), .heroRightView.articleHeroModern > div:nth-child(5) .articleListMetaData > li:not(:first-child), .heroRightSmallView.articleHeroModern > div:nth-child(2) .articleListMetaData > li:not(:first-child), .heroRightSmallView.articleHeroModern > div:nth-child(3) .articleListMetaData > li:not(:first-child), .heroLeftSmallView.articleHeroModern > div:nth-child(2) .articleListMetaData > li:not(:first-child), .heroLeftSmallView.articleHeroModern > div:nth-child(3) .articleListMetaData > li:not(:first-child), .heroTopBottomView.articleHeroModern > div:nth-child(2) .articleListMetaData > li:not(:first-child), .heroTopBottomView.articleHeroModern > div:nth-child(3) .articleListMetaData > li:not(:first-child), .heroTopBottomView.articleHeroModern > div:nth-child(4) .articleListMetaData > li:not(:first-child), .heroColumView.articleHeroModern > div .articleListMetaData > li:not(:first-child) {
  display: none;
}
/* ###### BLACK UI ###### */
.articleHeroBlack .articleHeroInnerContent {
  background-color: rgba(0, 0, 0, 0.7);
}
/* ###### BLACK GRADIENT UI ###### */
.articleHeroBlackGradient .articleHeroInnerContent {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.articleHeroBlackGradient .articleHeroInnerContent h3 {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9), 0 0 15px rgba(0, 0, 0, 0.5);
}
.articleHeroBlackGradient .articleHeroInnerContent span, .articleHeroBlackGradient .articleHeroInnerContent .icon, .articleHeroBlackGradient .articleHeroInnerContent .articleListMetaData {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}
/* ###### GENERIC UI ###### */
.articleHeroModern .articleHeroInnerContent, .articleHeroBlack .articleHeroInnerContent, .articleHeroBlackGradient .articleHeroInnerContent {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.articleHeroBlack .articleHeroInnerContent {
  padding: 10px;
}
.articleHeroBlackGradient .articleHeroInnerContent {
  padding: 30px 10px 10px 10px;
}
.articleHeroBlackGradient .articleHeroInnerContent h3, .articleHeroBlack .articleHeroInnerContent h3 {
  color: white;
  font-weight: 600;
}
.articleHeroBlackGradient .articleHeroInnerContent .articleListMetaData > li, .articleHeroBlackGradient .articleHeroInnerContent .articleListMetaData > li > span, .articleHeroBlackGradient .articleHeroInnerContent .articleListMetaData > li > .icon, .articleHeroBlackGradient .articleHeroInnerContent .articleListMetaData > li > .articleListMetaData, .articleHeroBlack .articleHeroInnerContent .articleListMetaData > li, .articleHeroBlack .articleHeroInnerContent .articleListMetaData > li > span, .articleHeroBlack .articleHeroInnerContent .articleListMetaData > li > .icon, .articleHeroBlack .articleHeroInnerContent .articleListMetaData > li > .articleListMetaData {
  color: rgba(255, 255, 255, 0.75);
}
.articleHeroBlackGradient .articleHeroInnerContent .wcfLikeCounter.likeCounterLiked, .articleHeroBlack .articleHeroInnerContent .wcfLikeCounter.likeCounterLiked {
  color: rgba(255, 255, 255, 0.75) !important;
}
.articleHeroBlackGradient .articleHeroInnerContent .articleHeroTeaser, .articleHeroBlack .articleHeroInnerContent .articleHeroTeaser {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.9);
  transition: 0.15s color linear;
}
.articleHeroInnerContent .labelList > li .label {
  top: 0;
}
/* ###### SLIDER ###### */
/* SLIDER MAIN CONTAINER */
.fg-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* SLIDER ITEMS */
.slider-item {
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.slider-item.active {
  opacity: 1;
  visibility: visible;
}
/* SLIDER TEXT CONTENT */
.slider-item .fg-content {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  z-index: 99;
  /*	-webkit-transform: translate(-50%, -50%); */
  /*			transform: translate(-50%, -50%); */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slider-item.active .fg-content {
  /*	top: 50%; */
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
/* ARROW CONTAINER, ARROWS */
.arrow-container {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 200;
  height: 60px;
  width: 110px;
}
/* SLIDER ARROWS */
.arrow-container > div {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  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;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0.5;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.arrow-container > div:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.arrow-container i {
  font-size: 23px;
  color: #2e2e2e;
}
.right-arrow {
  right: 10px;
}
.left-arrow {
  left: 10px;
}
.fg-slider:hover .arrow-container > div {
  opacity: 1;
  visibility: visible;
}
.fg-slider:hover .left-arrow {
  left: 10px;
}
.fg-slider:hover .right-arrow {
  right: 10px;
}
/* BULLETS */
.bullet-container {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  z-index: 100;
  bottom: 10px;
  left: 10px;
  right: 10px;
  /*		 -webkit-transform: translateX(-50%); */
  /*			  transform: translateX(-50%); */
  background-color: rgba(0, 0, 0, 0);
  height: 5px;
  visibility: visible;
  margin: 0 -2px;
}
.bullet-container > div {
  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;
  height: 5px;
  background-color: rgba(255, 255, 255, 0.35);
  cursor: pointer;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  flex: 1 1 0;
  margin: 0 2px;
}
.bullet-container > div i {
  font-size: 7px;
  color: grey;
}
.bullet-container > div.active {
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 1;
}
.bullet-container > div:hover {
  opacity: 0.7;
  background-color: #fff;
}
/* HIDDEN ELEMENTS */
.fg-hidden {
  opacity: 0;
  visibility: hidden;
}
/* ANIMATION EFFECTS */
/* scale effet */
.fg-slider.scale .slider-item {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.fg-slider.scale .slider-item.active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* slide effect slide horizontal */
.fg-slider.slide-horizontal .slider-item {
  left: -160px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.fg-slider.slide-horizontal .slider-item.active {
  left: 0;
}
/* slide effect vertical */
.fg-slider.slide-vertical .slider-item {
  top: -160px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.fg-slider.slide-vertical .slider-item.active {
  top: 0;
}
/* slide effect slide top */
.fg-slider.slide-top .slider-item {
  top: -160px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.fg-slider.slide-top .slider-item.active {
  top: 0;
}
/* slide effect left */
.fg-slider.slide .slider-item {
  left: -160px;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.fg-slider.slide .slider-item.active {
  left: 0;
}
/* SLIDER LOADING ANIMATION */
.sk-folding-cube {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 45%;
  -webkit-transform: rotateZ(45deg) translate(50%, 50%);
  transform: rotateZ(45deg) translate(50%, 50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.sk-folding-cube.active {
  opacity: 1;
  visibility: visible;
}
.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.heroSingleSlider.articleHeroBlackGradient .articleHeroInnerContent, .heroSingleSlider.articleHeroBlack .articleHeroInnerContent {
  padding-bottom: 25px !important;
}
.heroSingleSlider .arrow-container {
  bottom: 15px !important;
}
@media screen and (min-width: 769px), print {
  .articleHeroBoxMobileNavigation {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .articleHeroWrapper:not(.heroSingleSlider) .articleHeroInnerContent {
    padding-right: 130px !important;
  }
  .articleHeroBox {
    position: relative;
  }
  .articleHeroWrapper {
    position: relative;
    height: 200px;
    overflow: hidden;
  }
  .articleHeroWrapper > div {
    position: relative;
    height: 200px;
  }
  .articleHeroBoxMobileNavigation {
    position: absolute;
    height: 60px;
    width: 110px;
    right: 0;
    bottom: 0;
    z-index: 300;
    display: flex;
    padding: 0 5px;
  }
  .articleHeroBoxMobileNavigation > div {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 5px;
    cursor: pointer;
  }
  .articleHeroBoxMobileNavigation > div:hover {
    background-color: white;
  }
  .articleHeroBoxMobileNavigation > div > .icon {
    font-size: 23px;
    cursor: pointer;
  }
}
.heroSingleSlider, .articleHeroContent > div {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.heroNewsListView > div > div, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div {
  overflow: visible;
}
.heroNewsListView > div > div > div, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
@media screen and (max-width: 768px) {
  .articleHeroWrapper > div {
    box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  }
}
.heroSingleSlider, .articleHeroContent > div {
  border-radius: 3px;
}
.heroNewsListView > div > div > div, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div {
  border-radius: 3px;
}
.heroNewsListView > div > div > div img, .heroTopBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div img, .heroRightView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div img, .heroBottomView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) > div > div img, .heroRightSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div img, .heroLeftSmallView > div:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) > div > div img {
  border-radius: 3px;
}
@media screen and (max-width: 768px) {
  .articleHeroWrapper > div {
    border-radius: 3px;
  }
}
@media screen and (max-width: 768px) {
  .articleHeroWrapper:not(.heroSingleSlider) > div {
    overflow: hidden;
    height: 200px;
  }
  .articleHeroWrapper:not(.heroSingleSlider) > div:not(:last-child) {
    margin-bottom: 20px;
  }
  .articleHeroWrapper:not(.heroSingleSlider) a {
    height: 200px;
  }
  .articleHeroWrapper:not(.heroSingleSlider) .heroImageWrapper {
    height: 200px;
  }
  .articleHeroWrapper:not(.heroSingleSlider) h3 {
    font-size: 18px;
  }
}
/* Global Style */
.contentItemTitleLink::before {
  right: initial !important;
}
.articleListDateLarge > div {
  display: flex;
}
/* Style 1 */
.articleListDateLarge1 {
  background-color: #404040;
  color: white;
  width: 50px;
  /*	position: absolute; */
  margin-top: -10px;
  order: 1;
  margin-bottom: 20px;
}
.articleListDateLarge1 > div {
  font-family: Georgia, sans-serif;
  position: relative;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  flex-direction: column;
}
.articleListDateLarge1 > div > div:nth-child(1), .articleListDateLarge1 > div > div:nth-child(3) {
  display: none;
}
.articleListDateLarge1 > div > div:nth-child(2) {
  font-size: 28px;
  line-height: 30px;
}
.articleListDateLarge1 > div > div:nth-child(4) {
  padding: 3px 0;
  line-height: 20px;
  overflow: hidden;
}
.articleListDateLarge1 > div:after, .articleListDateLarge1 > div:before {
  border-top: 15px solid #404040;
  bottom: -15px;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.articleListDateLarge1 > div:after {
  border-right: 25px solid transparent;
  left: 0;
}
.articleListDateLarge1 > div:before {
  border-left: 25px solid transparent;
  right: 0;
}
/* Style 2 + 5 */
.articleListDateLarge2 {
  background-color: #b1252a;
  color: rgba(255, 255, 255, 0.8);
  padding: 1px 10px 5px 10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-top: 4px;
}
.articleListDateLarge5 {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 1px 10px 5px 10px;
  margin-bottom: 5px;
  margin-left: -10px;
  margin-top: 4px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.articleListDateLarge2 > div > div:nth-child(4), .articleListDateLarge5 > div > div:nth-child(4) {
  display: none;
}
.articleListDateLarge2 > div > div:nth-child(2), .articleListDateLarge5 > div > div:nth-child(2) {
  order: 1;
}
.articleListDateLarge2 > div > div:nth-child(1), .articleListDateLarge5 > div > div:nth-child(1) {
  order: 2;
  margin-right: 5px;
  margin-left: 5px;
}
.articleListDateLarge2 > div > div:nth-child(3), .articleListDateLarge5 > div > div:nth-child(3) {
  order: 3;
}
.articleListDateLarge2 > div > div:nth-child(2)::after, .articleListDateLarge5 > div > div:nth-child(2)::after {
  content: ".";
}
/* Style 3 */
.articleListDateLarge3 > div > div:nth-child(1), .articleListDateLarge3 > div > div:nth-child(3) {
  display: none;
}
.articleListDateLarge3 {
  order: 1;
  background-color: white;
  color: #c13e4b;
  margin-bottom: 5px;
  border-radius: 5px;
}
.articleListDateLarge3 > div {
  flex-direction: column;
  text-align: center;
}
.articleListDateLarge3 > div > div:nth-child(2) {
  font-size: 23px;
  padding: 5px 10px 0 10px;
  line-height: 30px;
}
.articleListDateLarge3 > div > div:nth-child(4) {
  padding: 0 10px 5px 10px;
}
/* Style 4 */
.articleListDateLarge4 > div {
  flex-direction: column;
  align-items: center;
}
.articleListDateLarge4 > div > div {
  min-width: 60px;
  text-align: center;
}
.articleListDateLarge4 > div > div:nth-child(4) {
  display: none;
}
.articleListDateLarge4 {
  padding: 0 !important;
  top: 0;
  background-color: white;
  color: #c13e4b;
  margin-bottom: 5px;
}
.articleListDateLarge4 > div > div:nth-child(1), .articleListDateLarge4 > div > div:nth-child(3) {
  font-size: 10px;
}
.articleListDateLarge4 > div > div:nth-child(1) {
  background-color: #404040;
  color: white;
  padding: 5px;
}
.articleListDateLarge4 > div > div:nth-child(2) {
  font-size: 28px;
  line-height: 38px;
}
.articleListDateLarge4 > div > div:nth-child(3) {
  font-size: 10px;
  padding: 5px;
  padding: 0 5px 5px 5px;
}
/* Global */
.contentItem .contentItemMetaTime, .articleListMetaData .articleListMetaDataTime {
  display: none;
}
.contentItemBadgeIsDeleted, .contentItemBadgeIsDisabled {
  order: 3;
}
.contentItemBadgeIsFeatured {
  margin-bottom: 5px;
  order: 3;
}
/* attachment list in messages */
.attachmentFileList > ul > li:not(:last-child) {
  margin-right: 10px;
}
/* attachment in messages */
.attachmentThumbnailList > ul {
  margin-bottom: -15px;
}
@media screen and (min-width: 545px), print {
  .attachmentThumbnailList > ul {
    margin-right: -10px;
  }
}
.attachmentThumbnail {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 15px !important;
  position: relative;
}
@media screen and (min-width: 545px), print {
  .attachmentThumbnail {
    margin-right: 10px !important;
  }
}
@media screen and (max-width: 544px) {
  .attachmentThumbnail {
    margin-right: 0 !important;
    width: 100%;
  }
}
.attachmentThumbnail .attachmentThumbnailContainer {
  position: relative;
  padding: 2px 2px 0;
}
.attachmentThumbnail .attachmentThumbnailImage {
  align-items: center;
  background-color: #333;
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 545px), print {
  .attachmentThumbnail .attachmentThumbnailImage {
    height: 198px;
    width: 352px;
  }
}
@media screen and (max-width: 544px) {
  .attachmentThumbnail .attachmentThumbnailImage {
    max-height: 198px;
    min-height: 100px;
  }
}
.attachmentThumbnail .attachmentThumbnailImage img {
  backface-visibility: hidden;
  height: auto;
  max-width: 100%;
  opacity: 0.85;
  transform: translate3d(0, 0, 0);
  transition: 0.2s ease opacity;
}
@media screen and (max-width: 544px) {
  .attachmentThumbnail .attachmentThumbnailImage .attachmentThumbnailImageScalable {
    width: 100%;
  }
}
.attachmentThumbnail .attachmentThumbnailData {
  backface-visibility: hidden;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.5) 100%);
  bottom: 0;
  left: 2px;
  pointer-events: none;
  position: absolute;
  right: 2px;
  top: 2px;
  transform: translate3d(0, 0, 0);
}
.attachmentThumbnail .attachmentFilename {
  color: #fff;
  bottom: 0;
  overflow: hidden;
  padding: 10px;
  position: absolute;
  text-overflow: ellipsis;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
  transition: 0.2s ease opacity;
  width: 100%;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .attachmentThumbnail .attachmentFilename {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .attachmentThumbnail .attachmentFilename {
    font-size: 18px;
  }
}
.attachmentThumbnail .attachmentMetaData {
  color: #646464;
  padding: 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .attachmentThumbnail .attachmentMetaData {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .attachmentThumbnail .attachmentMetaData {
    font-size: 12px;
  }
}
.attachmentThumbnail .attachmentMetaData li:not(:last-child) {
  margin-right: 10px;
}
.attachmentThumbnail .attachmentMetaData .icon {
  color: inherit;
}
.attachmentThumbnail:hover .attachmentThumbnailImage img {
  opacity: 1;
}
.attachmentThumbnail:hover .attachmentFilename {
  opacity: 0;
}
.attachmentThumbnail > a {
  display: block;
}
/* attachments tab in editor */
.formAttachmentContent .formAttachmentList {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.formAttachmentContent .formAttachmentList > li {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 20px;
}
.formAttachmentContent .formAttachmentList > li > .attachmentTinyThumbnail {
  border-bottom-width: 0;
}
@media screen and (min-width: 769px), print {
  .formAttachmentContent .formAttachmentList {
    margin-right: -20px;
  }
  .formAttachmentContent .formAttachmentList > li {
    /* Safari sometimes trips over fractional values, causing two
				   items to be exactly 1 pixel wider than the available space.
				   Reserving 21px covers all sort of rounding errors, without
				   being visually noticeable */
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 21px);
    margin-right: 20px;
  }
}
.formAttachmentContent > dl {
  margin-top: 0 !important;
}
.formAttachmentContent > dl > dd > div, .formAttachmentContent .formAttachmentButtons {
  align-items: center;
  display: flex;
}
.formAttachmentContent > dl > dd > div > .button, .formAttachmentContent .formAttachmentButtons > .button {
  flex: 0 0 auto;
}
.formAttachmentContent > dl > dd > div > .button:not(:first-child), .formAttachmentContent .formAttachmentButtons > .button:not(:first-child) {
  margin-left: 10px;
}
.formAttachmentContent > dl > dd > div + small, .formAttachmentContent .formAttachmentButtons + small {
  margin-top: 10px !important;
}
.attachmentTinyThumbnail {
  max-height: 64px;
  max-width: 64px;
  object-fit: contain;
}
/* embedded images */
.embeddedAttachmentLink, .embeddedImageLink {
  border: 1px solid #eaeaea;
  display: inline-block;
  height: auto;
  margin: 2px 0;
  max-width: 100%;
  min-height: 48px;
  padding: 2px;
  position: relative;
}
.embeddedAttachmentLink::after, .embeddedImageLink::after {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.15);
  bottom: 5px;
  color: white;
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: 21px;
  font-style: normal;
  font-weight: normal;
  opacity: 0.5;
  padding: 2px 8px;
  position: absolute;
  right: 5px;
  text-decoration: none;
  transition: 0.2s ease opacity;
}
.embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after {
  opacity: 0.8;
}
.popoverContent .embeddedAttachmentLink, .popoverContent .embeddedImageLink {
  /* this will also suppress the link being displayed in the browser's "status bar" on hover */
  pointer-events: none;
}
.messageSectionTitle {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
.messageSectionTitle::before {
  border-top: 1px solid #eaeaea;
  content: "";
  flex: 0 0 20px;
  margin-right: 10px;
}
.messageSectionTitle::after {
  border-top: 1px solid #eaeaea;
  content: "";
  flex: 1 0 auto;
  margin-left: 10px;
}
.messageAttachmentList {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, 300px);
}
@media screen and (max-width: 544px) {
  .messageAttachmentList {
    grid-template-columns: 1fr;
  }
}
.messageAttachment {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  color: inherit;
  column-gap: 8px;
  display: grid;
  grid-template-areas: "icon filename" "icon meta";
  grid-template-columns: 32px auto;
  padding: 8px;
  row-gap: 1px;
}
.messageAttachment:focus, .messageAttachment:hover {
  color: inherit;
}
.messageAttachment:focus .messageAttachmentIconDefault, .messageAttachment:hover .messageAttachmentIconDefault {
  display: none;
}
.messageAttachment:not(:focus):not(:hover) .messageAttachmentIconDownload {
  display: none;
}
.messageAttachmentIcon {
  align-self: center;
  grid-area: icon;
}
.messageAttachmentIconDefault, .messageAttachmentIconDownload {
  cursor: inherit !important;
}
.messageAttachmentFilename {
  font-weight: 600;
  grid-area: filename;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messageAttachmentMeta {
  font-weight: 400;
  color: #646464;
  grid-area: meta;
}
@media screen and (min-width: 769px), print {
  .messageAttachmentMeta {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageAttachmentMeta {
    font-size: 12px;
  }
}
.avatarEdit .avatarType {
  display: flex;
}
.avatarEdit .avatarType > dt {
  flex: 0 0 auto;
  order: 2;
}
.avatarEdit .avatarType > dd {
  order: 1;
}
.avatarEdit .avatarType .avatarUploadButtonContainer {
  margin-top: 10px;
}
@media screen and (min-width: 769px), print {
  .avatarEdit .avatarType {
    /* use fixed height to ensure a constant gap between <dl> with and without an image */
    min-height: 100px;
  }
  .avatarEdit .avatarType > dt:not(:empty) {
    margin: 0 0 0 30px;
  }
  .avatarEdit .avatarType > dd {
    flex: 1 1 auto;
  }
  .avatarEdit .avatarType + .avatarType {
    margin-top: 30px;
  }
  .avatarEdit .avatarType .avatarUploadButtonContainer {
    margin-left: 24px;
  }
}
@media screen and (max-width: 768px) {
  .avatarEdit .avatarType {
    flex-wrap: wrap;
  }
  .avatarEdit .avatarType > dt:not(:empty) {
    flex: 0 0 100%;
    margin-top: 20px;
    text-align: center;
  }
  .avatarEdit .avatarType > dd {
    flex: 0 0 100%;
  }
  .avatarEdit .avatarType .avatarUploadButtonContainer {
    text-align: center;
  }
}
.badge, a.badge {
  background-color: #303030;
  border-radius: 2px;
  color: white;
  display: inline-block;
  line-height: 1.28;
  padding: 2px 6px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 400;
  /* colors */
  /* default label colors */
}
@media screen and (min-width: 769px), print {
  .badge, a.badge {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .badge, a.badge {
    font-size: 12px;
  }
}
.badge.badgeUpdate, a.badge.badgeUpdate {
  background-color: #cc0001;
  color: white;
  font-weight: 600;
}
.badge.green, a.badge.green {
  background-color: #090;
  color: #efe;
}
.badge.red, a.badge.red {
  background-color: #c00;
  color: #fee;
}
.badge.black, a.badge.black {
  background-color: #333;
  color: #fff;
}
.badge.brown, a.badge.brown {
  background-color: #c63;
  color: #fff;
}
.badge.orange, a.badge.orange {
  background-color: #f90;
  color: #fff;
}
.badge.yellow, a.badge.yellow {
  background-color: #ff0;
  color: #333;
}
.badge.blue, a.badge.blue {
  background-color: #369;
  color: #fff;
}
.badge.purple, a.badge.purple {
  background-color: #c0f;
  color: #fff;
}
.badge.pink, a.badge.pink {
  background-color: #f0c;
  color: #fff;
}
a.badge:hover {
  color: white;
  text-decoration: none;
}
a.badge:hover.black {
  background-color: #000;
}
a.badge:hover.brown {
  background-color: #930;
}
a.badge:hover.red {
  background-color: #900;
}
a.badge:hover.orange {
  background-color: #f60;
}
a.badge:hover.yellow {
  background-color: #cc0;
}
a.badge:hover.green {
  background-color: #060;
}
a.badge:hover.blue {
  background-color: #036;
}
a.badge:hover.purple {
  background-color: #90c;
}
a.badge:hover.pink {
  background-color: #c09;
}
#benchmarkDetails > li.hot > small {
  color: rgba(255, 255, 255, 0.8);
}
.betzeHomepage .contentHeader .contentTitle {
  display: none;
}
.betzeHomepage .content {
  border: none;
  background: none;
  padding-bottom: 0;
}
.betzeHomepage .content h1 {
  font-size: 44px;
  text-align: center;
  margin: 0;
}
.betzeHomepage .content p {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
.betzeHomepage .boxesContentBottom .boxContainer, .betzeHomepage .boxesContentTop .boxContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*   .box.betzeHomepageBox:not(:last-child),
    .box[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"]:not(:last-child),
    .box[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"]:not(:last-child),
    .box[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"]:not(:last-child) {
      margin-right: 15px;
    }*/
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"], [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"], [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"], .betzeHomepageBox {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  flex: 0 0 100%;
  background: #f5f5f5;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] > .boxTitle, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] > .boxTitle, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] > .boxTitle, .betzeHomepageBox > .boxTitle {
  display: none;
}
@media screen and (min-width: 769px) {
  [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"], [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"], [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"], .betzeHomepageBox {
    flex: 1 1 calc(33% - 10px);
  }
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] img, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] img, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] img, .betzeHomepageBox img {
  object-fit: cover;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxTitle, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxTitle, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxTitle, .betzeHomepageBox .boxTitle {
  text-align: center;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxTitle .icon, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxTitle .icon, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxTitle .icon, .betzeHomepageBox .boxTitle .icon {
  display: block;
  margin-bottom: 10px;
  width: auto;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent, .betzeHomepageBox .boxContent {
  padding: 0 20px 20px;
  height: 100%;
  position: relative;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent .betzeBoxDesc p, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent .betzeBoxDesc p, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent .betzeBoxDesc p, .betzeHomepageBox .boxContent .betzeBoxDesc p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent li:not(:last-child), [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent li:not(:last-child), [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent li:not(:last-child), .betzeHomepageBox .boxContent li:not(:last-child) {
  margin-bottom: 20px;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent ol, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent ol, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent ol, .betzeHomepageBox .boxContent ol {
  margin-top: 30px;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent p, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent p, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent p, .betzeHomepageBox .boxContent p {
  text-align: center;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent li a, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent li a, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent li a, .betzeHomepageBox .boxContent li a {
  display: flex;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent li a :first-child:not(:last-child), [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent li a :first-child:not(:last-child), [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent li a :first-child:not(:last-child), .betzeHomepageBox .boxContent li a :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 12px;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent li a :last-child, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent li a :last-child, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent li a :last-child, .betzeHomepageBox .boxContent li a :last-child {
  flex: 1 1 auto;
  overflow: hidden;
}
[data-box-identifier="de.llange.custom1.betze.dashboardBox.latestArticles"] .boxContent li a .date, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestThreads"] .boxContent li a .date, [data-box-identifier="de.llange.custom1.betze.dashboardBox.latestAlbums"] .boxContent li a .date, .betzeHomepageBox .boxContent li a .date {
  font-size: 12px;
  font-weight: 400;
  color: #7d8287;
}
.breadcrumbs {
  flex: 1;
}
.breadcrumbs > ol {
  display: flex;
  flex-wrap: wrap;
}
.breadcrumbs > ol > li {
  flex: 0 0 auto;
  max-width: 100%;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .breadcrumbs > ol > li {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumbs > ol > li {
    font-size: 12px;
  }
}
.breadcrumbs > ol > li:not(:last-child) {
  margin-right: 10px;
}
.breadcrumbs > ol > li:not(:last-child):after {
  color: #303030;
  content: "/";
}
.breadcrumbs > ol > li:not(:last-child) > a {
  margin-right: 10px;
}
.breadcrumbs > ol > li > a {
  color: #c13e4b;
  text-decoration: none;
}
.breadcrumbs > ol > li > a:hover {
  color: black;
  text-decoration: underline;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
  background-color: #b1252a;
  border-radius: 2px;
  border-width: 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin: 0;
  padding: 8px 18px;
  text-decoration: none;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  line-height: 1.48;
  -webkit-appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (min-width: 769px), print {
  button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  button, input[type="button"], input[type="reset"], input[type="submit"], .button, a.button {
    font-size: 14px;
  }
}
button .icon, input[type="button"] .icon, input[type="reset"] .icon, input[type="submit"] .icon, .button .icon, a.button .icon {
  color: inherit;
}
button.active, input[type="button"].active, input[type="reset"].active, input[type="submit"].active, .button.active, a.button.active {
  background-color: #8f2c36;
  color: white;
  text-decoration: none;
}
button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .button.small, a.button.small {
  padding: 6px 8px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .button.small, a.button.small {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  button.small, input[type="button"].small, input[type="reset"].small, input[type="submit"].small, .button.small, a.button.small {
    font-size: 12px;
  }
}
button small, input[type="button"] small, input[type="reset"] small, input[type="submit"] small, .button small, a.button small {
  color: inherit;
}
button.buttonPrimary, input[type="button"].buttonPrimary, input[type="submit"], .button.buttonPrimary, a.button.buttonPrimary {
  background-color: #404040;
  color: white;
}
button.buttonPrimary.active, input[type="button"].buttonPrimary.active, input[type="submit"].active, .button.buttonPrimary.active, a.button.buttonPrimary.active {
  background-color: black;
  color: white;
}
/* hover states are only applied to non-touch devices to avoid "leftover" hover states after taps */
html:not(.touch) button:hover, html:not(.touch) input[type="button"]:hover, html:not(.touch) input[type="reset"]:hover, html:not(.touch) input[type="submit"]:hover, html:not(.touch) .button:hover, html:not(.touch) a.button:hover {
  background-color: #8f2c36;
  color: white;
  text-decoration: none;
}
html:not(.touch) button.buttonPrimary:hover, html:not(.touch) input[type="button"].buttonPrimary:hover, html:not(.touch) input[type="submit"]:hover, html:not(.touch) .button.buttonPrimary:hover, html:not(.touch) a.button.buttonPrimary:hover {
  background-color: black;
  color: white;
}
/* disabled state */
button:disabled, button.disabled, input[type="button"]:disabled, input[type="button"].disabled, input[type="reset"]:disabled, input[type="reset"].disabled, input[type="submit"]:disabled, input[type="submit"].disabled, .button:disabled, .button.disabled, a.button:disabled, a.button.disabled {
  background-color: #dfdfdf !important;
  color: #a5a5a5 !important;
  cursor: not-allowed !important;
  pointer-events: none;
}
/* force active state for buttons toggling a dropdown */
.dropdownOpen > button, .dropdownOpen > input[type="button"], .dropdownOpen > input[type="reset"], .dropdownOpen > input[type="submit"], .dropdownOpen > .button, .dropdownOpen > a.button {
  background-color: #8f2c36;
  color: white;
}
.dropdownOpen > button.buttonPrimary, .dropdownOpen > input[type="button"].buttonPrimary, .dropdownOpen > input[type="submit"], .dropdownOpen > .button.buttonPrimary, .dropdownOpen > a.button.buttonPrimary {
  background-color: black;
  color: white;
}
.buttonList {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  /* members list */
}
.buttonList > li {
  flex: 0 1 auto;
}
.buttonList > li:not(:last-child) {
  margin-right: 5px;
}
.buttonList.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.buttonList.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.buttonList.smallButtons .button {
  padding: 6px 8px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .buttonList.smallButtons .button {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .buttonList.smallButtons .button {
    font-size: 12px;
  }
}
.buttonList.letters {
  margin-bottom: -10px;
}
.buttonList.letters > li {
  flex: 0 0 auto;
  margin-bottom: 10px;
  width: 10%;
}
.buttonList.letters > li.lettersReset {
  width: auto;
}
.buttonList.letters > li > a {
  display: block;
  min-width: -moz-min-content;
  min-width: -webkit-min-content;
  min-width: min-content;
  text-align: center;
}
.buttonGroupNavigation > ul {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
}
.buttonGroupNavigation > ul > li {
  flex: 0 1 auto;
}
.buttonGroupNavigation > ul > li:not(:last-child) {
  margin-right: 5px;
}
.buttonGroupNavigation > ul.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.buttonGroupNavigation > ul.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.buttonGroup, .messageFooterButtons, .messageFooterButtonsExtra {
  margin-bottom: -1px;
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
}
.buttonGroup > li, .messageFooterButtons > li, .messageFooterButtonsExtra > li {
  flex: 0 1 auto;
}
.buttonGroup > li:not(:last-child), .messageFooterButtons > li:not(:last-child), .messageFooterButtonsExtra > li:not(:last-child) {
  margin-right: 5px;
}
.buttonGroup.commaSeparated > li:not(:last-child):after, .commaSeparated.messageFooterButtons > li:not(:last-child):after, .commaSeparated.messageFooterButtonsExtra > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.buttonGroup.dotSeparated > li:not(:last-child):after, .dotSeparated.messageFooterButtons > li:not(:last-child):after, .dotSeparated.messageFooterButtonsExtra > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.buttonGroup > li, .messageFooterButtons > li, .messageFooterButtonsExtra > li {
  margin-bottom: 1px;
}
.buttonGroup > li:not(:last-child), .messageFooterButtons > li:not(:last-child), .messageFooterButtonsExtra > li:not(:last-child) {
  margin-right: 1px;
}
.buttonGroup > li:first-child .button, .messageFooterButtons > li:first-child .button, .messageFooterButtonsExtra > li:first-child .button {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.buttonGroup > li:last-child .button, .messageFooterButtons > li:last-child .button, .messageFooterButtonsExtra > li:last-child .button {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.buttonGroup > li .button, .messageFooterButtons > li .button, .messageFooterButtonsExtra > li .button {
  border-radius: 0;
  border-width: 0;
}
.flexibleButtonGroup {
  display: flex;
  flex-wrap: wrap;
}
.flexibleButtonGroup > li {
  display: flex;
  flex: 0 0 auto;
}
.flexibleButtonGroup > li:not(:last-child) {
  margin-right: 5px;
}
.flexibleButtonGroup > li:not(:last-child).spaceAfter {
  margin-right: 20px;
}
.flexibleButtonGroup > li > input[type="radio"] {
  left: -3000px;
  opacity: 0;
  position: absolute;
}
.flexibleButtonGroup > li > input[type="radio"]:checked + label {
  cursor: default;
}
.flexibleButtonGroup > li > input[type="radio"]:checked + label > .icon {
  cursor: default !important;
}
.flexibleButtonGroup > li > input[type="radio"]:focus + label {
  border-color: rgba(0, 0, 0, 0.3);
}
.flexibleButtonGroup > li > a, .flexibleButtonGroup > li > label {
  background-color: #cfd8dc;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #212121;
  cursor: pointer;
  padding: 5px 10px;
}
.flexibleButtonGroup > li > a > .icon, .flexibleButtonGroup > li > label > .icon {
  color: inherit;
}
.flexibleButtonGroup > li > a > .icon, .flexibleButtonGroup > li > label > .icon {
  color: inherit !important;
  cursor: pointer !important;
}
.flexibleButtonGroup > li > a.active, .flexibleButtonGroup > li > input[type="radio"]:checked + label, .flexibleButtonGroup > li > input[type="radio"] + label:hover {
  color: #fff;
}
.flexibleButtonGroup > li > a.active.green, .flexibleButtonGroup > li > input[type="radio"]:checked + label.green, .flexibleButtonGroup > li > input[type="radio"] + label:hover.green {
  background-color: #2e7d32;
}
.flexibleButtonGroup > li > a.active.red, .flexibleButtonGroup > li > input[type="radio"]:checked + label.red, .flexibleButtonGroup > li > input[type="radio"] + label:hover.red {
  background-color: #c62828;
}
.flexibleButtonGroup > li > a.active.yellow, .flexibleButtonGroup > li > input[type="radio"]:checked + label.yellow, .flexibleButtonGroup > li > input[type="radio"] + label:hover.yellow {
  background-color: #fb8c00;
  color: #000;
}
.disabled .flexibleButtonGroup > li > input[type="radio"]:checked + label, .flexibleButtonGroup > li > input[type="radio"]:disabled + label {
  cursor: default;
  opacity: 0.54;
  pointer-events: none;
}
.disabled .flexibleButtonGroup > li > input[type="radio"]:checked + label > .icon, .flexibleButtonGroup > li > input[type="radio"]:disabled + label > .icon {
  cursor: default !important;
}
.colorPreview {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);
  border: 1px solid #eaeaea;
  display: inline-block;
}
.colorPreview > div {
  border: 2px solid white;
  cursor: pointer;
  display: block;
  height: 60px;
  width: 180px;
}
.colorPickerColorNew, .colorPickerColorOld, .colorPickerButton {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);
  border: 1px solid black;
  box-sizing: content-box;
  display: block;
}
.colorPickerColorNew > span, .colorPickerColorOld > span, .colorPickerButton > span {
  display: block;
}
.colorPickerButton {
  height: 32px;
  width: 50px;
}
.colorPickerButton > span {
  height: 32px;
}
.colorPickerComparison {
  --border-radius: 5px;
  display: grid;
  grid-template-rows: min-content auto auto min-content;
  text-align: center;
}
.colorPickerColorNew {
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.colorPickerColorOld {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.colorPickerChannels {
  align-items: center;
  column-gap: 3px;
  color: #646464;
  display: flex !important;
}
.colorPickerChannels input[type="number"] {
  padding: 4px;
  text-align: center;
}
.colorPickerColorNew, .colorPickerColorOld {
  overflow: hidden;
}
.colorPickerColorNew > span, .colorPickerColorOld > span {
  height: 100%;
}
.colorPickerColorOld {
  background-position: 8px 0;
  border-top-width: 0;
}
.colorPickerHslRange, .colorPickerHslRange::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
}
.colorPickerHslRange {
  width: 100%;
}
.colorPickerHslRange::-webkit-slider-runnable-track {
  background-image: var(--track-image);
  height: 10px;
  border-radius: 5px;
}
.colorPickerHslRange::-webkit-slider-thumb {
  background-color: hsl(var(--hue), var(--saturation), var(--lightness));
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  height: 24px;
  margin-top: -6px;
  width: 24px;
}
/* Do not merge these with the block above, it breaks Chrome. */
.colorPickerHslRange::-moz-range-track {
  background-image: var(--track-image);
  height: 10px;
  border-radius: 5px;
}
.colorPickerHslRange::-moz-range-thumb {
  background-color: hsl(var(--hue), var(--saturation), var(--lightness));
  border: 4px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025), 0 1px 5px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  height: 24px;
  margin-top: -6px;
  width: 24px;
}
.colorPickerHslRange[data-coordinate="hue"] {
  --track-image: linear-gradient(
		to right,
		hsl(0, var(--saturation), var(--lightness)),
		hsl(10, var(--saturation), var(--lightness)),
		hsl(20, var(--saturation), var(--lightness)),
		hsl(30, var(--saturation), var(--lightness)),
		hsl(40, var(--saturation), var(--lightness)),
		hsl(50, var(--saturation), var(--lightness)),
		hsl(60, var(--saturation), var(--lightness)),
		hsl(70, var(--saturation), var(--lightness)),
		hsl(80, var(--saturation), var(--lightness)),
		hsl(90, var(--saturation), var(--lightness)),
		hsl(100, var(--saturation), var(--lightness)),
		hsl(110, var(--saturation), var(--lightness)),
		hsl(120, var(--saturation), var(--lightness)),
		hsl(130, var(--saturation), var(--lightness)),
		hsl(140, var(--saturation), var(--lightness)),
		hsl(150, var(--saturation), var(--lightness)),
		hsl(160, var(--saturation), var(--lightness)),
		hsl(170, var(--saturation), var(--lightness)),
		hsl(180, var(--saturation), var(--lightness)),
		hsl(190, var(--saturation), var(--lightness)),
		hsl(200, var(--saturation), var(--lightness)),
		hsl(210, var(--saturation), var(--lightness)),
		hsl(220, var(--saturation), var(--lightness)),
		hsl(230, var(--saturation), var(--lightness)),
		hsl(240, var(--saturation), var(--lightness)),
		hsl(250, var(--saturation), var(--lightness)),
		hsl(260, var(--saturation), var(--lightness)),
		hsl(270, var(--saturation), var(--lightness)),
		hsl(280, var(--saturation), var(--lightness)),
		hsl(290, var(--saturation), var(--lightness)),
		hsl(300, var(--saturation), var(--lightness)),
		hsl(310, var(--saturation), var(--lightness)),
		hsl(320, var(--saturation), var(--lightness)),
		hsl(330, var(--saturation), var(--lightness)),
		hsl(340, var(--saturation), var(--lightness)),
		hsl(350, var(--saturation), var(--lightness)),
		hsl(359, var(--saturation), var(--lightness))
	);
}
.colorPickerHslRange[data-coordinate="saturation"] {
  --track-image: linear-gradient(
		to right,
		hsl(var(--hue), 0%, var(--lightness)) 0%,
		hsl(var(--hue), 100%, var(--lightness)) 100%
	);
}
.colorPickerHslRange[data-coordinate="lightness"] {
  --track-image: linear-gradient(
		to right,
		hsl(var(--hue), var(--saturation), 0%) 0%,
		hsl(var(--hue), var(--saturation), 50%) 50%,
		hsl(var(--hue), var(--saturation), 100%) 100%
	);
}
.colorPickerValueContainer {
  column-gap: 20px;
  display: grid;
  grid-template-columns: min-content auto;
  margin-top: 20px;
}
.commentList {
  /* prevents the author avatar link to be stretched downwards */
  /* hide avatar on smartphones to give more room to the editor */
  /* mobile drop-down menus are sometimes cut off due to the overflow */
}
.commentList > li:hover {
  background-color: transparent;
}
.commentList > li:hover .buttonGroupNavigation {
  opacity: 0;
}
.commentList > li.jsCommentAdd {
  padding-right: 0;
}
.commentList .commentContent:hover .buttonGroupNavigation {
  opacity: 1;
}
.commentList .commentContent + .commentOptionContainer .commentResponseAdd {
  border-top: 1px solid #eaeaea;
  padding-top: 20px;
  margin-top: 20px;
}
.commentList .commentContent .wcfLikeCounter {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .commentList .commentContent .wcfLikeCounter {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .commentList .commentContent .wcfLikeCounter {
    font-size: 12px;
  }
}
.commentList .commentContent > .userMessage {
  margin-top: 10px;
  padding-bottom: 5px;
  /* slightly indent code and quote boxes at the root of the
			   message container, allows some space for shadows */
}
.commentList .commentContent > .userMessage > .codeBox, .commentList .commentContent > .userMessage > .quoteBox {
  margin-left: 5px;
  margin-right: 5px;
}
.commentList .commentResponseList:not(:empty) {
  margin-top: 20px;
}
.commentList .commentResponseList > li:first-child, .commentList .commentResponseList > li:last-child {
  border-color: #eaeaea;
}
.commentList .commentOptionContainer {
  margin-top: 10px;
}
.commentList .commentResponseAdd {
  padding: 10px 20px 0 20px;
}
.commentList textarea + button {
  margin-top: 2px;
}
.commentList .comment[data-is-disabled="1"] .jsCommentShowAddResponse {
  display: none;
}
.commentList .comment > .box48 > a:first-child {
  align-self: flex-start;
}
@media screen and (min-width: 545px), print {
  .commentList .jsCommentResponseAdd {
    padding-left: 20px;
  }
}
@media screen and (max-width: 544px) {
  .commentList .jsCommentAdd > .userAvatarImage, .commentList .jsCommentResponseAdd > .userAvatarImage {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .commentList .commentContentContainer {
    overflow: visible;
  }
}
.commentListAddComment.collapsed {
  background-color: white;
  cursor: pointer;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
}
.commentListAddComment.collapsed::before {
  color: #303030;
  content: "";
  font-family: FontAwesome;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  width: 32px;
  vertical-align: -5px;
}
.commentListAddComment.collapsed::after {
  color: #303030;
  content: attr(data-placeholder);
  position: relative;
  top: 2px;
}
.commentListAddComment.collapsed > .commentListAddCommentEditorContainer {
  left: 200%;
  position: absolute;
  top: -100%;
}
.commentListAddComment.loading {
  height: 150px;
  position: relative;
}
.commentListAddComment.loading > .commentListAddCommentEditorContainer {
  display: none;
}
.commentListAddComment.loading > .commentLoadingOverlay {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.commentListAddCommentResponse.loading {
  height: 150px;
  position: relative;
}
.commentListAddCommentResponse.loading > .commentListAddCommentResponseEditorContainer {
  display: none;
}
.commentListAddCommentResponse.loading > .commentLoadingOverlay {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.commentListAddCommentEditorContainer > .jsCommentAddRequiresApproval {
  margin-top: 0;
}
.commentResponseAdd > div > .jsCommentAddRequiresApproval {
  margin-top: 0;
}
.commentResponseAdd > div > .jsCommentAddRequiresApproval + textarea {
  margin-top: 20px;
}
.commentEditorContainer > .icon {
  left: calc(50% - 24px);
  position: relative;
}
.commentEditorContainer ~ .commentContent, .commentEditorContainer ~ .commentOptionContainer {
  display: none;
}
.commentResponse .commentEditorContainer ~ .containerHeadline, .commentResponse .commentEditorContainer ~ .userMessage, .commentResponse .commentEditorContainer ~ .buttonGroupNavigation {
  display: none;
}
.commentListAddComment .formSubmit, .commentEditorContainer .formSubmit {
  /* reduced margin, now in sync with the container padding */
  margin-top: 20px;
}
@keyframes wcfCommentHighlight {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.commentPermalinkContainer, .commentResponsePermalinkContainer {
  border-bottom-color: #eaeaea !important;
}
.commentPermalinkContainer.loading > .icon, .commentResponsePermalinkContainer.loading > .icon {
  left: calc(50% - 24px);
  position: relative;
}
.commentPermalinkContainer.fadeIn, .commentResponsePermalinkContainer.fadeIn {
  /*opacity: 1;
		transition: opacity .24s linear;*/
}
.comment.commentHighlightTarget .commentContent:not(.commentResponseContent), .commentResponse.commentHighlightTarget .commentResponseContent {
  animation: wcfCommentHighlight 0.96s linear;
}
.commentScrollTarget {
  display: block;
  height: 0;
  position: absolute;
}
.jsEnableComment > .invisible, .jsEnableResponse > .invisible {
  display: inline;
}
.commentModerationDisabledComment {
  margin: 0 -20px;
}
/* Prevent images in comments in the sidebar box from becoming too large */
.sidebarCommentContent img {
  height: auto;
  max-width: 100%;
  max-height: 300px;
}
.contactFormAttachments {
  margin-top: 20px;
}
.contentItemList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -20px -20px;
}
.contentItem {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  flex-direction: column;
  margin: 0 0 20px 20px;
  position: relative;
  overflow: hidden;
}
.contentItemSingleColumn {
  /* The `flex` shorthand fails in IE11 if `calc()` is used. */
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% - 20px);
}
.contentItemMultiColumn {
  /* The `flex` shorthand fails in IE11 if `calc()` is used. */
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 20px);
}
.contentItemLink {
  flex: 1 auto;
}
.contentItemTitleLink {
  color: inherit;
}
.contentItemTitleLink::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.contentItemTitleLink:hover, .contentItemTitleLink:focus {
  color: inherit;
}
/* Deprecated: use contentItemTitleLink instead. */
.contentItemLinkShadow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.contentItemContent {
  padding: 10px;
}
.contentItemContentTruncate {
  max-height: 150px;
  overflow: hidden;
  position: relative;
}
.contentItemContentTruncate::after {
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  bottom: 0;
  content: "";
  height: 30px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  /* The `top` value is important, because it prevents the last line from being affected
		   when the content isn't too long. */
  top: 120px;
}
.contentItemImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10px;
  position: relative;
}
.contentItemImageSmall {
  min-height: 75px;
}
.contentItemImageSmall .contentItemImageElement {
  height: 75px;
}
.contentItemImageLarge {
  min-height: 150px;
}
.contentItemImageLarge .contentItemImageElement {
  height: 150px;
}
.contentItemImageElement {
  margin: -10px -10px -10px -10px;
  object-fit: cover;
  object-position: center;
  max-width: calc(100% + 20px);
}
.contentItemBadges, .contentItemOptions {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.contentItemImageElement + .contentItemBadges {
  left: 10px;
  position: absolute;
  top: 10px;
  z-index: 1;
}
.contentItemOptions {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.contentItemBadge, .contentItemOption {
  flex: 0 auto;
}
.contentItemBadge:not(:first-child), .contentItemOption:not(:first-child) {
  margin-top: 5px;
}
.contentItemBadge {
  border: 1px solid currentColor;
}
.contentItemOption.button {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.contentItemLabels {
  margin-bottom: 5px;
}
.contentItemCategory {
  color: #646464;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .contentItemCategory {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contentItemCategory {
    font-size: 12px;
  }
}
.contentItemTitle {
  color: #c13e4b;
  font-weight: 400;
  line-height: 1.28;
  font-weight: 600;
}
@media screen and (min-width: 769px), print {
  .contentItemTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .contentItemTitle {
    font-size: 18px;
  }
}
.contentItemTitle:hover {
  color: black;
}
.contentItemDescription {
  color: #646464;
  margin-top: 5px;
}
.contentItemDescription img {
  height: auto !important;
  max-width: 100%;
}
.contentItemContentLinks {
  padding: 0 10px 10px 10px;
}
.contentItemMeta {
  align-items: center;
  border-top: 1px solid #eaeaea;
  color: #646464;
  display: flex;
  flex: 0 auto;
  padding: 10px;
  white-space: nowrap;
}
.contentItemMeta .icon {
  color: inherit;
}
.contentItemMetaImage {
  flex: 0 auto;
  margin-right: 10px;
}
.contentItemMetaContent {
  flex: 1 auto;
  font-size: 12px;
}
.contentItemMetaAuthor {
  color: #303030;
}
.contentItemMetaAuthor a, .contentItemMetaAuthor a:hover {
  color: inherit;
}
.contentItemMetaIcons {
  align-items: center;
  display: flex;
  flex: 0 auto;
  margin-left: 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .contentItemMetaIcons {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .contentItemMetaIcons {
    font-size: 12px;
  }
}
.contentItemMetaIcon {
  flex: 0 auto;
}
.contentItemMetaIcon:not(:first-child) {
  margin-left: 10px;
}
.contentItemMetaIcon .topReactionShort {
  align-items: center;
  display: flex;
}
.contentItemMetaIcon .reactionType {
  margin-right: 3px;
}
.contentItemImagePreview {
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin-bottom: 10px;
  max-width: 100%;
}
.contentItemImagePreviewButtons {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
}
.contentItemImagePreviewButtons > .button {
  flex: 0 auto;
  margin-left: 10px;
}
.contentItemImagePreviewButtons > .innerError {
  flex: 0 0 100%;
  margin-left: 10px;
}
@media screen and (min-width: 1025px), print {
  /* There are no sidebars, use a three column layout. */
  .content:first-child:last-child .contentItemMultiColumn, .boxesTop .contentItemMultiColumn, .boxesBottom .contentItemMultiColumn {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 20px);
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* The sidebar, if any, is not adjacent to the content, use a three column layout. */
  .contentItemMultiColumn {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 20px);
  }
}
@media screen and (max-width: 544px) {
  /* There is not enough space to fit two columns. */
  .contentItemList {
    display: block;
  }
  .contentItemMultiColumn {
    max-width: none;
  }
}
.inputAddon > .inputDatePicker {
  cursor: pointer;
  flex: 0 1 200px;
  min-width: 200px;
}
.datePicker {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: #303030;
  display: none;
  position: absolute;
  width: 240px;
  z-index: 450;
}
.datePicker.active {
  display: block;
}
.datePicker.datePickerTime.datePickerTimeOnly > header, .datePicker.datePickerTime.datePickerTimeOnly > ul {
  display: none;
}
.datePicker.datePickerTime.datePickerTimeOnly > footer {
  border-top-width: 0;
}
.datePicker.datePickerTime > footer {
  display: block;
}
.datePicker > header {
  align-items: center;
  display: flex;
}
.datePicker > header > a {
  display: block;
  flex: 0 0 auto;
  padding: 10px;
}
.datePicker > header > a:not(.active) {
  visibility: hidden;
}
.datePicker > header > span {
  display: block;
  flex: 1 1 auto;
  padding: 10px 0;
  text-align: center;
}
.datePicker select.year {
  margin-left: 5px;
}
.datePicker > ul > li {
  border-top: 1px solid #e6e6e6;
  display: flex;
}
.datePicker > ul > li.weekdays, .datePicker > ul > li.weekdays + li {
  border-top-color: #e6e6e6;
}
.datePicker > ul > li > a, .datePicker > ul > li > span {
  display: block;
  flex: 1;
  padding: 5px 0;
  text-align: center;
}
.datePicker > ul > li > a:not(:last-child), .datePicker > ul > li > span:not(:last-child) {
  border-right: 1px solid #e6e6e6;
}
.datePicker > ul > li > a {
  color: #c13e4b;
}
.datePicker > ul > li > a:hover {
  text-decoration: none;
}
.datePicker > ul > li > a.active, .datePicker > ul > li > a:not(.otherMonth):hover {
  background-color: whitesmoke;
  color: black;
}
.datePicker > ul > li > a.otherMonth {
  color: #646464;
  cursor: default;
}
.datePicker > ul > li > span {
  color: #646464;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .datePicker > ul > li > span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .datePicker > ul > li > span {
    font-size: 12px;
  }
}
.datePicker > footer {
  border-top: 1px solid #e6e6e6;
  display: none;
  padding: 10px;
  position: relative;
  text-align: center;
}
.dialogOverlay {
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: opacity 0.12s linear, visibility 0s linear 0.3s;
  visibility: hidden;
  will-change: opacity;
  z-index: 399;
}
.dialogOverlay[aria-hidden="false"] {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
@media screen and (min-width: 545px), print {
  .dialogOverlay {
    display: grid;
    grid-template-areas: "dialog";
  }
}
@keyframes wcfDialog {
  0% {
    visibility: visible;
    top: 8%;
  }
  100% {
    visibility: visible;
    top: 10%;
  }
}
@keyframes wcfDialogOut {
  0% {
    visibility: visible;
    top: 10%;
  }
  100% {
    visibility: hidden;
    top: 12%;
  }
}
.dialogContainer {
  z-index: 200;
}
@media screen and (max-width: 544px) {
  .dialogContainer {
    left: 0 !important;
    position: fixed;
    right: 0 !important;
    top: 0 !important;
  }
}
@media screen and (min-width: 545px), print {
  .dialogContainer {
    align-self: flex-start;
    animation: wcfDialogOut 0.3s;
    animation-fill-mode: forwards;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.3);
    grid-area: dialog;
    justify-self: center;
    max-height: 80%;
    max-width: 80%;
    min-width: 500px;
    position: absolute;
    left: 50%;
    transform: translateX(var(--translate-x, 0));
  }
  .dialogContainer[aria-hidden="false"] {
    animation: wcfDialog 0.3s;
    animation-fill-mode: forwards;
  }
}
.dialogContainer[aria-hidden="true"] {
  /* Child elements with `visibility: visible` will not be visually rendered, but pointer events are recognized. */
  pointer-events: none;
  visibility: hidden;
}
.dialogContainer[aria-hidden="false"] ~ .dialogContainer[aria-hidden="false"] {
  z-index: 50;
}
.dialogContainer > header {
  background-color: #b1252a;
  color: white;
  display: flex;
}
@media screen and (max-width: 768px) {
  .dialogContainer > header {
    padding: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .dialogContainer > header {
    padding: 10px 20px;
  }
}
.dialogContainer > header > span {
  flex: 1 auto;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .dialogContainer > header > span {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .dialogContainer > header > span {
    font-size: 18px;
  }
}
.dialogContainer > header > .dialogCloseButton {
  align-self: center;
  flex: 0 0 auto;
}
.dialogContainer > header > .dialogCloseButton:hover > .icon {
  color: white;
}
.dialogContainer > header > .dialogCloseButton > .icon {
  color: rgba(255, 255, 255, 0.8);
}
.dialogContainer > .dialogContent {
  background-color: white;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .dialogContainer > .dialogContent:not(.dialogContentNoPadding) {
    padding: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .dialogContainer > .dialogContent:not(.dialogContentNoPadding) {
    padding: 30px 20px 10px 20px;
  }
}
.dialogContainer > .dialogContent:not(.dialogContentNoPadding)::after {
  content: "";
  display: block;
  height: 20px;
}
.dialogContainer > .dialogContent:not(.dialogContentNoPadding).dialogForm::after {
  height: 17px;
}
.dialogContainer > .dialogContent:not(.dialogForm) {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.dialogContainer > .dialogContent dl:not(.plain) > dt {
  float: none;
  text-align: left;
  width: auto !important;
}
.dialogContainer > .dialogContent dl:not(.plain) > dt:empty {
  margin-bottom: 0;
}
.dialogContainer > .dialogContent dl:not(.plain) > dd {
  margin-left: 0 !important;
}
.dialogContainer > .dialogContent .dialogFormSubmit {
  background-color: white;
  border-top: 1px solid #eaeaea;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  padding: 10px 10px 0 10px;
  position: absolute;
  right: 0;
}
.dialogContainer > .dialogContent .section {
  margin-top: 30px;
}
.dialogContainer > .dialogContent .section .sectionTitle {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .dialogContainer > .dialogContent .section .sectionTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .dialogContainer > .dialogContent .section .sectionTitle {
    font-size: 18px;
  }
}
.dialogContainer > .dialogContent > div > .section:first-child, .dialogContainer > .dialogContent > div > fieldset:first-child {
  margin-top: 0;
}
.dialogContainer > .dialogContent > div > div > .section:first-child, .dialogContainer > .dialogContent > div > div > fieldset:first-child, .dialogContainer > .dialogContent > div > section > .section:first-child, .dialogContainer > .dialogContent > div > section > fieldset:first-child, .dialogContainer > .dialogContent > div > form > .section:first-child, .dialogContainer > .dialogContent > div > form > fieldset:first-child {
  margin-top: 0;
}
/* static dialogs */
.jsStaticDialogContent {
  display: none;
}
.spinner {
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: #2c3e50;
  left: 50%;
  opacity: 0;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 200px;
  transform: translateX(-50%);
  transition: visibility 0s linear 0.12s, opacity 0.12s linear;
  visibility: hidden;
  z-index: 401;
}
.spinner.active {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.spinner > span:not(.icon) {
  display: block;
  margin-top: 5px;
}
/* notification overlay */
#systemNotification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateY(-100%);
  transition: visibility 0.12s linear 0.12s, transform 0.12s linear, opacity 0.12s linear;
  visibility: hidden;
  width: 100%;
  z-index: 460;
}
#systemNotification.active {
  opacity: 1;
  transform: translateY(0%);
  transition-delay: 0s;
  visibility: visible;
}
#systemNotification > p {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
  cursor: pointer;
  display: table;
  margin: 0 auto;
  max-width: 80%;
  pointer-events: auto;
}
/* highlight objects in confirmation messages */
.confirmationObject {
  font-weight: 600;
}
.dropdownMenuContainer {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {
  outline: 0;
}
.dropdown.inputAddon > .dropdownToggle {
  padding: 4px 7px;
}
.dropdown.inputAddon > .dropdownToggle > span.active:after {
  content: "";
  font-family: FontAwesome;
  font-size: 14px;
  margin-left: 7px;
}
.dropdown.preInput {
  display: table;
  width: 100%;
}
.dropdown.preInput input {
  border-radius: 0 3px 3px 0;
  display: table-cell;
  margin: 0;
  width: 99%;
}
.dropdown.preInput textarea {
  border-radius: 0 3px 3px;
  display: block;
  margin-top: 0;
}
.dropdown.dropdownOpen .dropdownMenu {
  display: block;
}
.dropdown .dropdownToggle {
  cursor: pointer;
}
.dropdownMenu {
  background-color: white;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  color: #303030;
  display: none;
  min-width: 160px;
  padding: 3px 0;
  pointer-events: all;
  position: absolute;
  text-align: left;
  visibility: hidden;
  z-index: 450;
}
.dropdownMenu.dropdownMenuPageSearch {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.dropdownMenu.dropdownOpen {
  display: block;
  visibility: visible;
}
.dropdownMenu li {
  display: block;
}
.dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li:focus-within, .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {
  background-color: whitesmoke;
  color: black;
}
.dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .dropdownMenu li:focus-within > a, .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider) > a, .dropdownMenu li.dropdownNavigationItem > a, .dropdownMenu li.active > a {
  color: black;
}
.dropdownMenu li.dropdownDivider {
  border-top: 1px solid #e6e6e6;
  margin: 3px 0;
}
.dropdownMenu li.dropdownText {
  padding: 5px 20px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .dropdownMenu li.dropdownText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .dropdownMenu li.dropdownText {
    font-size: 12px;
  }
}
.dropdownMenu li.boxFlag {
  padding-top: 2px;
}
.dropdownMenu li.missingValue > span {
  padding-right: 40px;
  position: relative;
}
.dropdownMenu li.missingValue > span:after {
  color: rgba(255, 255, 255, 0.8);
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 5px;
}
.dropdownMenu li.disabled {
  color: #646464;
}
.dropdownMenu li.disabled > span {
  cursor: not-allowed !important;
}
.dropdownMenu li > a, .dropdownMenu li > span {
  clear: both;
  cursor: pointer;
  display: block;
  max-width: 350px;
  overflow: hidden;
  padding: 5px 20px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdownMenu li > a {
  color: #c13e4b;
}
.dropdownMenu li > a > small {
  display: block;
}
.dropdownMenu li > a + span.badge {
  display: none;
}
.dropdownMenu li > .box16 {
  align-items: center;
  cursor: pointer;
  min-height: 0;
  padding: 5px 10px;
}
.dropdownMenu li > label {
  display: block;
}
.dropdownMenu li .containerHeadline {
  margin-bottom: 0;
}
.dropdownMenu li .containerHeadline > p {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .dropdownMenu li .containerHeadline > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .dropdownMenu li .containerHeadline > p {
    font-size: 12px;
  }
}
.dropdownMenu li .icon {
  color: inherit;
}
.dropdownMenu .scrollableDropdownMenu {
  max-height: 300px;
  overflow: auto;
}
.dropdownMenu .scrollableDropdownMenu.forceScrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
}
@media screen and (min-width: 769px), print {
  .dropdownMenu .dropdownMenu.pageHeaderSearchDropdown {
    transform: translateY(-10px);
  }
}
@media screen and (max-width: 1024px) {
  .dropdownMenu.dropdownMenuPageSearch {
    left: 0 !important;
    right: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  /* iOS WebKit fails to calculate absolute positions when the documentElement is
	   set to `overflow: hidden`, causing the site to implicitly scroll. Elements
	   with absolute positioning are still relative to (0,0) and are thus (partially)
	   moved out of the viewport. */
  .pageOverlayActive.iOS .dropdownMenu.dropdownOpen {
    position: fixed;
  }
}
.dropdownIndicator::after {
  content: "";
  font-family: FontAwesome;
  margin-left: 5px;
}
.boxFlag > .box24, .boxFlag.box24 {
  align-items: center;
  display: flex !important;
  min-height: 20px;
}
.boxFlag > .box24 > img:first-child, .boxFlag.box24 > img:first-child {
  height: auto;
}
.boxFlag > .box24 > span, .boxFlag.box24 > span {
  display: inline !important;
}
.boxFlag > .box24.dropdownToggle, .boxFlag.box24.dropdownToggle {
  display: inline-flex !important;
}
.dropdownMenuContainer > .interactiveDropdown.open {
  visibility: visible;
}
@media screen and (max-width: 1024px) {
  .dropdownMenuContainer > .interactiveDropdown.open {
    top: var(--offset-top, 101px) !important;
  }
}
/* styling for interactive dropdowns (currently only used in the user panel) */
.interactiveDropdown {
  background-color: white;
  color: #303030;
  pointer-events: all;
  position: absolute;
  visibility: hidden;
  z-index: 450;
  /* prevent dropdown from flickering during calculation */
  left: -200%;
}
.interactiveDropdown > .elementPointer {
  display: none;
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .interactiveDropdown {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 400px;
    bottom: 0 !important;
    left: auto !important;
    top: 0 !important;
    right: 0 !important;
  }
  .interactiveDropdown > .interactiveDropdownHeader, .interactiveDropdown > .interactiveDropdownShowAll {
    flex: 0 0 auto;
  }
  .interactiveDropdown > .interactiveDropdownItemsContainer {
    flex: 1 1 auto;
    max-height: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media screen and (min-width: 1025px), print {
  .interactiveDropdown {
    border-radius: 2px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    position: fixed;
    top: 50px !important;
  }
}
/* drop down header */
.interactiveDropdownHeader {
  align-items: center;
  background-color: white;
  color: #303030;
  display: flex;
  padding: 10px;
}
.interactiveDropdownHeader a {
  color: #c13e4b;
}
.interactiveDropdownHeader a:hover {
  color: black;
  text-decoration: underline;
}
.interactiveDropdownHeader .interactiveDropdownTitle {
  flex: 1 1 auto;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .interactiveDropdownHeader .interactiveDropdownTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .interactiveDropdownHeader .interactiveDropdownTitle {
    font-size: 18px;
  }
}
.interactiveDropdownHeader .interactiveDropdownLinks {
  flex: 0 0 auto;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .interactiveDropdownHeader {
    padding: 10px;
  }
}
/* container for dropdown items */
.interactiveDropdownItemsContainer {
  border: 1px solid #eaeaea;
  border-width: 1px 0;
}
.interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {
  position: relative;
  z-index: 100;
}
.interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {
  z-index: 200;
}
/* dropdown item list */
.interactiveDropdownItems > li {
  padding: 10px;
  position: relative;
}
.interactiveDropdownItems > li:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.interactiveDropdownItems > li:hover {
  background-color: white;
}
.interactiveDropdownItems > li a {
  color: inherit;
}
.interactiveDropdownItems > li a:hover {
  color: inherit;
}
.interactiveDropdownItems > li h3 a {
  font-weight: 600;
}
.interactiveDropdownItems > li .box48 {
  align-items: center;
  overflow: hidden;
}
.interactiveDropdownItems > li small {
  align-items: center;
  color: #646464;
  display: flex;
  margin-top: 3px;
}
.interactiveDropdownItems > li small .separatorLeft {
  margin-left: 0.25em;
}
@media screen and (max-width: 768px) {
  .interactiveDropdownItems > li {
    padding: 10px;
  }
}
.interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 20px 10px;
  font-weight: 400;
  line-height: 1.28;
}
.interactiveDropdownItems .loading > .fa-spinner, .interactiveDropdownItems .wcfImageViewer.loading > div.loading:before, .interactiveDropdownItems .wcfImageViewer > .loading > div.loading:before, .interactiveDropdownItems .wcfImageViewer > footer > div > ul.loading > li.loading:before, .interactiveDropdownItems .wcfImageViewer > footer > div > ul > .loading > li.loading:before, .interactiveDropdownItems .noItems > .fa-spinner, .interactiveDropdownItems .wcfImageViewer.noItems > div.loading:before, .interactiveDropdownItems .wcfImageViewer > .noItems > div.loading:before, .interactiveDropdownItems .wcfImageViewer > footer > div > ul.noItems > li.loading:before, .interactiveDropdownItems .wcfImageViewer > footer > div > ul > .noItems > li.loading:before {
  margin-right: 5px;
}
@media screen and (min-width: 769px), print {
  .interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .interactiveDropdownItems .loading, .interactiveDropdownItems .noItems {
    font-size: 18px;
  }
}
/* outstanding / unread item */
.interactiveDropdownItemOutstanding {
  display: flex;
}
.interactiveDropdownItemOutstanding > .box48 {
  flex: 1 1 auto;
}
.interactiveDropdownItemOutstanding small::after {
  background-color: #318adc;
  border-radius: 50%;
  content: "";
  height: 8px;
  margin-left: 5px;
  width: 8px;
}
/* mark as read button for an item */
.interactiveDropdownItemMarkAsRead {
  align-self: center;
  flex: 0 0 auto;
  margin-left: 5px;
}
.interactiveDropdownItemMarkAsRead a {
  pointer-events: all;
}
/* Adds a link spanning the entire item while being placed behind all other links appearing
   within the regular text using a lower z-index. Allows for regular links to be accessible,
   but causes the item to act as a link. */
.interactiveDropdownItemShadow > .box48 {
  position: relative;
}
.interactiveDropdownItemShadow > .box48, .interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead {
  pointer-events: none;
  z-index: 20;
}
.interactiveDropdownItemShadow > .interactiveDropdownItemShadowLink {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
/* show all button shown in dropdown menu bottom */
.interactiveDropdownShowAll {
  background-color: white;
  color: #303030;
  display: block;
  padding: 10px;
  text-align: center;
}
.interactiveDropdownShowAll:hover {
  color: #303030;
  text-decoration: underline;
}
@media screen and (min-width: 769px), print {
  .interactiveDropdown {
    min-width: 350px;
  }
  .interactiveDropdownItemsContainer {
    max-height: 400px;
    overflow: hidden;
    position: relative;
  }
  .interactiveDropdownItems:not(.interactiveDropdownItemsUserMenu) > li {
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .interactiveDropdown {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: fixed;
    right: 0;
  }
  .interactiveDropdownHeader {
    flex: 0 0 auto;
  }
  .interactiveDropdownItemsContainer {
    flex: 1 1 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    /* increase the clickable area of the mark as read icon */
  }
  .interactiveDropdownItemsContainer .interactiveDropdownItemOutstanding {
    padding-right: 41px;
  }
  .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    /* 16px icon + 2x 10px padding */
  }
  .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead > a {
    display: block;
    height: 100%;
    text-align: center;
  }
  .interactiveDropdownItemsContainer .interactiveDropdownItemMarkAsRead > a > .icon {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  .interactiveDropdownShowAll {
    flex: 0 0 auto;
  }
}
.embeddedContent {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  margin: 10px 0;
  max-width: 400px;
  overflow: hidden;
}
/* @deprecated 5.4 Use `<img class="embeddedContentImageElement">` instead */
.embeddedContentImage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: -10px -10px 10px -10px;
  min-height: 150px;
}
.embeddedContentImageElement {
  margin: -10px -10px 10px -10px;
  object-fit: cover;
  object-position: center;
}
/* This repetition is required because of `.messageBody > .messageText img`. */
.embeddedContentImageElement.embeddedContentImageElement.embeddedContentImageElement {
  height: 150px !important;
  max-width: calc(100% + 20px);
  width: calc(100% + 20px);
}
.embeddedContentLink {
  display: block;
  padding: 10px;
  position: relative;
}
.embeddedContentLinkShadow {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.embeddedContentCategory {
  color: #646464;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .embeddedContentCategory {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .embeddedContentCategory {
    font-size: 12px;
  }
}
.embeddedContentTitle {
  color: #303030;
  display: -webkit-box;
  margin-bottom: 5px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
  line-height: 1.28;
  font-weight: 600;
}
@media screen and (min-width: 769px), print {
  .embeddedContentTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .embeddedContentTitle {
    font-size: 18px;
  }
}
.embeddedContentDetails {
  margin-top: 5px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .embeddedContentDetails {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .embeddedContentDetails {
    font-size: 12px;
  }
}
.embeddedContentDescription {
  color: #646464;
  max-height: calc(5 * 1.48em);
  overflow: hidden;
  position: relative;
}
.embeddedContentDescription::after {
  background-image: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  content: "";
  left: 0;
  height: 1.48em;
  position: absolute;
  right: 0;
  top: calc(4 * 1.48em);
}
.embeddedContentMeta {
  align-items: center;
  border-top: 1px solid #eaeaea;
  color: #646464;
  display: flex;
  padding: 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .embeddedContentMeta {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .embeddedContentMeta {
    font-size: 12px;
  }
}
.embeddedContentMetaImage {
  flex: 0 auto;
  margin-right: 10px;
}
.embeddedContentMetaContent {
  flex: 1 auto;
}
.embeddedContentMetaAuthor {
  color: #303030;
}
.embeddedContentMetaAuthor > a {
  color: inherit;
}
.embeddedContentMetaAuthor > a:hover {
  text-decoration: underline;
}
.fontAwesomeIcons {
  border: 1px solid #eaeaea;
  max-height: 540px;
  overflow: auto;
}
@media only screen and (min-height: 700px) and (max-height: 800px) {
  .fontAwesomeIcons {
    max-height: 450px;
  }
}
.fontAwesomeIcons > li {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 10px 0;
  width: 150px;
}
.fontAwesomeIcons > li:hover {
  background-color: #8f2c36;
  color: white;
  cursor: pointer;
}
.fontAwesomeIcons > li:hover > .icon, .fontAwesomeIcons > li:hover > small {
  color: inherit;
  cursor: pointer;
}
.fontAwesomeIcons > li > small {
  color: #646464;
  flex: 0 0 100%;
  text-align: center;
}
.googleMap {
  height: 400px;
}
.sidebarGoogleMap {
  height: 250px;
}
.googleMapsCustomControlContainer {
  cursor: pointer !important;
  margin-top: 5px;
}
.googleMapsCustomControlContainer .googleMapsCustomControl {
  text-align: center;
  position: relative;
  color: #565656;
  font-size: 11px !important;
  background-color: white;
  padding: 1px 6px;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.14902);
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
  min-width: 29px;
}
.googleMapsCustomControlContainer .googleMapsCustomControl:hover {
  background-color: #ebebeb;
  color: black;
}
.googleMapsCustomControlContainer .googleMapsCustomControl.active {
  color: black;
  font-weight: 500;
}
.googleMapsUseLocationSuggestionLink {
  font-size: 12px;
}
@media screen and (min-width: 1025px), print {
  .googleMapsDirectionsContainer {
    display: flex;
  }
  .googleMapsDirectionsContainer .googleMap, .googleMapsDirectionsContainer .googleMapsDirections {
    flex: 0 0 50%;
  }
}
.googleMapsDirectionsContainer .googleMapsDirections {
  height: 400px;
  padding-left: 10px;
  overflow-y: scroll;
}
.googleMapsDirectionsGoogleLinkContainer {
  display: block;
  margin-top: 5px;
  text-align: right;
}
.customStyleWrapper .userMenuCustom .userMenuContent a:not(.userMenuItemLinkStandalone) {
  color: #303030;
}
.customStyleWrapper .userMenuCustom .userMenuContent a:not(.userMenuItemLinkStandalone):hover {
  color: #303030;
}
.customStyleWrapper .userMenuCustom .userMenuContentScrollable .userMenuItemImage {
  align-self: flex-start;
}
.customStyleWrapper .userMenuCustom .userMenuItemMeta {
  margin-top: 5px;
}
.customStyleWrapper .userMenuCustom .userMenuItemLinkStandalone {
  color: inherit;
}
.customStyleWrapper .dialogContent .wbbBoardListReduced > .wbbDepth1 > .wbbBoard, .customStyleWrapper .dialogContent .wbbBoardListReduced > li > ul > .wbbBoardContainer > .wbbBoard {
  padding-left: 15px;
  padding-right: 15px;
}
.customStyleWrapper .dialogContent .wbbBoardListReduced .wbbCategory .wbbDepth3 > div {
  padding-left: 35px;
  padding-right: 15px;
}
@media screen and (min-width: 1025px), print {
  .pageSidebarMenu > .mainMenu {
    position: static;
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
    z-index: 100;
  }
}
#tpl_wcf_login .baseHeaderContentVisitor, #tpl_wcf_disclaimer .baseHeaderContentVisitor, #tpl_wcf_register .baseHeaderContentVisitor {
  display: none !important;
}
.textLogo > div h3 {
  min-height: 17px;
}
/* Signature */
/* Avatar */
/* Textlogo */
.textLogo, .textLogo .textLogoIcon {
  color: white;
  transition: color 0.1s;
}
.textLogo:hover, .textLogo:hover .textLogoIcon {
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.1s;
}
.textLogo {
  display: flex;
  align-items: center;
  height: 100%;
}
.textLogo div h1 {
  font-size: 25px;
}
.textLogo div h3 {
  font-size: 12px;
}
.textLogoIcon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.textLogoIcon + div {
  margin-left: 20px;
}
@media screen and (min-width: 1025px), print {
  .textLogoMobile {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .textLogo > div:not(.textLogoIcon) {
    display: none;
  }
  .textLogo {
    justify-content: center;
    height: 100%;
  }
  .textLogoMobile {
    font-size: 21px;
  }
  .textLogoIcon + div + h1 {
    margin-left: 10px;
  }
  .textLogoIcon {
    font-size: 22px;
    height: 28px;
    line-height: 28px;
    width: 28px;
  }
}
@media screen and (max-width: 768px) {
  .footerContentCustom > div:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
.footerContentCustom {
  margin-top: 20px;
  text-align: left;
}
.footerContentCustom .boxTitle + .boxContent {
  margin-top: 10px;
}
.footerContentCustom .boxContent + .followButtons {
  margin-top: 10px;
}
.followButtonsFooter {
  text-align: center;
}
.followButtons ul {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}
.followButtonsFooter {
  margin-top: 40px !important;
  margin-bottom: 20px;
}
.followButtonsFooter ul {
  justify-content: center;
}
.followButtons ul li {
  margin-bottom: 5px;
}
.followButtons ul li:not(:last-child) {
  margin-right: 5px;
}
.followButtons .icon {
  color: #fff;
}
.followButtons a {
  width: 36px;
  height: 36px;
  line-height: 36px;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  transition: opacity 0.1s ease-in-out;
  border: 1px solid #fff;
}
.followButtons a:hover {
  text-decoration: none;
  opacity: 0.5;
  transition: opacity 0.1s ease-in-out;
}
.followButtons a > span:not(.icon) {
  display: none;
}
/* Listswitcher */
.buttonList.articleListViewSwitch {
  justify-content: flex-end;
}
.buttonList.articleListViewSwitch > li:not(:last-child) {
  margin-right: 1px;
}
.buttonList.articleListViewSwitch > li:first-child > a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttonList.articleListViewSwitch > li:last-child > a {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.buttonList.articleListViewSwitch > li:not(:first-child):not(:last-child) > a {
  border-radius: 0;
}
/* Hide Articlelistswitcher */
.customStyleWrapper .articlelistswitcher {
  display: none;
}
.boardListViewSwitch a, .articleListSwitch a {
  margin: 0 !important;
}
/* Stats */
@media screen and (min-width: 1025px), print {
  .customStyleWrapper .wbbBoardListDoubleColumns .messageGroupListStatsSimpleFooter, .customStyleWrapper .wbbBoardListMultiColumns .messageGroupListStatsSimpleFooter {
    height: 40px;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
  }
  .customStyleWrapper .wbbBoardListDoubleColumns .messageGroupListStatsSimpleFooter > span, .customStyleWrapper .wbbBoardListMultiColumns .messageGroupListStatsSimpleFooter > span {
    margin-left: 60px;
    font-weight: 300;
  }
  .customStyleWrapper .wbbBoardListDoubleColumns .messageGroupListStatsSimpleFooter > span > span:last-child, .customStyleWrapper .wbbBoardListMultiColumns .messageGroupListStatsSimpleFooter > span > span:last-child {
    margin-left: 10px;
  }
  .customStyleWrapper .wbbBoardListDoubleColumns .messageGroupListStatsSimpleFooter > span > span {
    font-weight: 400;
  }
  .customStyleWrapper .wbbBoardListMultiColumns .messageGroupListStatsSimpleFooter > span > span {
    font-weight: 400;
  }
  .customStyleWrapper .messageGroupListStatsSimple {
    display: none;
  }
  .customStyleWrapper .wbbBoardList .wbbStats > dl {
    visibility: visible;
    width: 40%;
    color: #646464;
  }
  .customStyleWrapper .wbbBoardList .wbbStats {
    display: flex;
    justify-content: center;
  }
  .customStyleWrapper .wbbBoardList .wbbStats dl.statsDataList > dt {
    font-size: 10px;
  }
  .customStyleWrapper .wbbBoardList .wbbStats dl.statsDataList > dt {
    text-align: center;
    margin-left: 0;
    flex: auto;
    order: 2;
  }
  .customStyleWrapper .wbbBoardList .wbbStats dl.statsDataList > dd {
    width: 100%;
    text-align: center;
    order: 1;
    font-size: 18px;
  }
  .customStyleWrapper .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {
    visibility: visible;
  }
  .customStyleWrapper .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl.statsDataList > dd {
    font-size: 12px;
    font-weight: 600;
  }
}
/* Collapse Sidebardetails */
.userCreditsToggle {
  margin-top: 5px !important;
}
.userCreditsToggle .icon {
  color: #c13e4b;
}
.userCreditsToggle .icon:hover {
  color: black;
}
@media screen and (max-width: 768px) {
  .userCreditsToggle {
    display: none !important;
  }
}
.messageGroupStarter + .userTitle {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  .messageGroupStarterMarking {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  /* Online */
  .messageSidebar .userAvatar {
    margin-bottom: 15px;
  }
  .messageSidebar .userAvatar .userAvatarImage {
    box-shadow: 0 0 0 3px white;
  }
  .messageSidebar .userAvatar .badgeJSOnline {
    margin-top: -10px;
    display: block;
  }
  .messageSidebar .userAvatar .badgeJSOnline > .icon {
    width: 17px;
    height: 17px;
    border-radius: 10px;
    padding: 1px;
    box-shadow: 0 0 0 3px white;
    display: inline-block;
  }
  .messageSidebar .userAvatar .badgeJSOnline > .icon::before {
    color: #fff;
  }
}
@media screen and (min-width: 769px), print {
  .customStyleWrapper .userAvatar .badgeOnline {
    display: none;
  }
}
.memberOnline > .icon {
  background-color: #090;
}
.memberOffline > .icon {
  background-color: grey;
}
@media screen and (max-width: 768px) {
  .badgeJSOnline {
    display: none !important;
  }
}
/* Articlelist */
.articleListSingleColumns .contentItemList .contentItemMultiColumn {
  flex-basis: calc(100% - 20px);
  position: relative;
}
.articleListSingleColumns .contentItemList .contentItem::before {
  height: 150px;
  width: 150px;
  border-radius: 3px;
  top: 10px;
  left: 10px;
}
.articleListSingleColumns .contentItemList .contentItemLink {
  display: flex;
}
.articleListSingleColumns .contentItemList .contentItemImageLarge {
  min-height: 150px;
  min-width: 150px;
  width: 150px;
  height: 150px;
  margin: 10px 15px 10px 10px;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.articleListSingleColumns .contentItemList .contentItemMeta {
  margin-top: -55px;
  margin-left: 175px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
}
.articleListSingleColumns .contentItemList .contentItemContent {
  padding-bottom: 65px;
  padding-left: 0;
  width: 100%;
}
.articleListMultiColumns .contentItemList .contentItemMultiColumn {
  flex-basis: calc(33.3333% - 20px);
}
/* Headercontent - Userdata */
.headerContent {
  width: 100%;
}
.headerContentUserData {
  display: flex;
  flex-wrap: wrap;
}
.userHeaderDataEntry p {
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
}
.userHeaderDataEntry h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.userHeaderDataEntry h3 a {
  color: white;
}
.userHeaderDataEntry h3 a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.headerContentUserData > li:not(:first-child) {
  border-left: 1px solid rgba(255, 255, 255, 0);
  padding-left: 10px;
  margin-left: 10px;
}
/* Headercontent - Login */
.headerContent.headerContentVisitor {
  text-align: center;
  width: 100%;
}
.headerContentMessageGrid {
  display: flex;
  justify-content: center;
}
.headerContent.headerContentVisitor .headerContentMessageGrid {
  margin-top: 20px;
}
.headerContent.headerContentVisitor .headerContentMessageGridBox {
  padding: 0 15px;
  min-width: 450px;
}
.headerContent.headerContentVisitor .headerContentMessage a {
  display: inline-block;
  font-size: 16px;
  min-width: 300px;
  padding: 10px 30px;
  margin-top: 15px;
  border: 1px solid;
  position: relative;
  overflow: hidden;
}
.headerContent.headerContentVisitor .headerContentMessage a:hover {
  border: 1px solid;
}
/* Headercontent - Small Buttons */
.headerContentMessageGrid > .headerContentMessageGridBoxSmall:first-of-type, .headerContentMessageGrid > .headerContentMessageGridBoxSmall:last-of-type {
  margin: 0 20px;
}
.headerContentMessageGrid > .headerContentMessageGridBoxSmall {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}
.headerContentMessageGrid > .headerContentMessageGridBoxSmall > a {
  display: inline-block;
  padding: 10px 30px;
  border: 1px solid;
  position: relative;
  overflow: hidden;
  min-width: 300px;
  text-align: center;
}
/* Headercontent - Base */
.headerContent h2 {
  font-size: 28px;
  font-weight: 300;
}
.userHeaderDataAvatar a {
  display: inline-block;
}
@media (max-width: 1024px) {
  .headerContent {
    display: none !important;
  }
}
#pageHeaderContent {
  margin-bottom: 20px;
  position: relative;
}
#pageHeaderContent.baseHeaderContentVisitor > .layoutBoundary {
  padding-top: 20px;
  padding-bottom: 20px;
}
#pageHeaderContent.baseHeaderContentUser > .layoutBoundary {
  padding-top: 10px;
  padding-bottom: 10px;
}
/* Headercontent - Fader */
.pageHeaderFader h1 {
  font-weight: 300;
  font-size: 24px;
}
.pageHeaderFader {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.pageHeaderFader .faderContent {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
}
.pageHeaderFader .faderContent img {
  width: 100%;
}
.pageHeaderFader .previousPage, .pageHeaderFader .nextPage {
  position: absolute;
  width: 50px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  transition: all 150ms;
  display: flex;
  align-items: center;
  cursor: pointer !important;
}
.pageHeaderFader .nextPage {
  left: auto;
  right: 0;
}
.pageHeaderFader .faderPageList {
  position: absolute;
  width: 100%;
  height: 25px;
  line-height: 25px;
  bottom: 0;
  text-align: center;
  z-index: 4;
}
.pageHeaderFader .faderPageList li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #fff;
  opacity: 0.7;
  border-radius: 20px;
  cursor: pointer;
  transition: all 150ms;
  color: rgba(0, 0, 0, 0);
}
.pageHeaderFader .faderPageList li:hover, .pageHeaderFader .faderPageList li.activeFaderPage {
  opacity: 1;
}
.pageHeaderFader .faderPage .icon {
  color: #fff;
  opacity: 0.7;
  font-size: 48px;
  cursor: pointer !important;
}
.pageHeaderFader .previousPage:hover {
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.15) 100%);
}
.pageHeaderFader .nextPage:hover {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.15) 100%);
}
.pageHeaderFader .previousPage:hover .icon, .pageHeaderFader .nextPage:hover .icon {
  opacity: 1;
}
.pageHeaderFader .faderPage .icon:hover {
  cursor: pointer !important;
}
.pageHeaderFader .faderContent .layoutBoundary {
  height: 100%;
  align-items: center;
}
.pageHeaderFader .faderContent .layoutBoundary {
  color: #fff;
  text-align: center;
}
.pageHeaderFader .faderContent .layoutBoundary h2 {
  font-size: 28px;
}
.pageHeaderFader .faderContent .layoutBoundary > div {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}
.faderContentWrapper {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  animation: fadein 2s;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Animation Buttons */
.headerContentButtonChrome {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  height: 100%;
}
@keyframes move {
  0% {
    left: -50px;
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  48% {
    opacity: 0.2;
  }
  80% {
    opacity: 0;
  }
  100% {
    left: 100%;
  }
}
/* Animation Squares */
.headerContentAnimationSquares {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.headerContentAnimationSquares li {
  position: absolute;
  list-style: none;
  display: block;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.15);
  bottom: -160px;
  -webkit-animation: square 25s infinite;
  animation: square 25s infinite;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.headerContentAnimationSquares li:nth-child(1) {
  left: 10%;
}
.headerContentAnimationSquares li:nth-child(2) {
  left: 20%;
  width: 80px;
  height: 80px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 17s;
  animation-duration: 17s;
}
.headerContentAnimationSquares li:nth-child(3) {
  left: 25%;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
.headerContentAnimationSquares li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  -webkit-animation-duration: 22s;
  animation-duration: 22s;
  background-color: rgba(255, 255, 255, 0.25);
}
.headerContentAnimationSquares li:nth-child(5) {
  left: 70%;
}
.headerContentAnimationSquares li:nth-child(6) {
  left: 80%;
  width: 120px;
  height: 120px;
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  background-color: rgba(255, 255, 255, 0.2);
}
.headerContentAnimationSquares li:nth-child(7) {
  left: 32%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
.headerContentAnimationSquares li:nth-child(8) {
  left: 55%;
  width: 20px;
  height: 20px;
  -webkit-animation-delay: 15s;
  animation-delay: 15s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
}
.headerContentAnimationSquares li:nth-child(9) {
  left: 25%;
  width: 10px;
  height: 10px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 40s;
  animation-duration: 40s;
  background-color: rgba(255, 255, 255, 0.3);
}
.headerContentAnimationSquares li:nth-child(10) {
  left: 90%;
  width: 160px;
  height: 160px;
  -webkit-animation-delay: 11s;
  animation-delay: 11s;
}
@-webkit-keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
  }
}
@keyframes square {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-700px) rotate(600deg);
    transform: translateY(-700px) rotate(600deg);
  }
}
.headerContentAnimationWrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.headerContentAnimationSquares {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* Headercontent - NG */
#pageHeaderCustomContent {
  position: relative;
}
#pageHeaderCustomContent .pageHeaderCustomContentInner {
  padding: 40px 0;
  position: relative;
  z-index: 2;
}
#pageHeaderCustomContent .pageHeaderCustomContentInnerHeadlines h1 {
  font-size: 40px;
  text-align: center;
  font-weight: 300;
}
#pageHeaderCustomContent .pageHeaderCustomContentInnerHeadlines h2 {
  font-size: 36px;
  text-align: center;
  font-weight: 300;
}
#pageHeaderCustomContent .pageHeaderCustomContentInnerHeadlines h3 {
  font-size: 22px;
  text-align: center;
  font-weight: 300;
}
#pageHeaderCustomContent .pageHeaderCustomContentInnerHeadlines p {
  font-size: 18px;
  text-align: center;
}
#pageHeaderCustomContent .animateContent {
  opacity: 0;
  animation: Content 500ms cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}
#pageHeaderCustomContent .animateFirstLevel {
  animation-delay: 0;
}
#pageHeaderCustomContent .animateSecondLevel {
  animation-delay: 200ms;
}
#pageHeaderCustomContent .animateThirdLevel {
  animation-delay: 500ms;
}
@keyframes Content {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#pageHeaderCustomContent.userContent .pageHeaderCustomContentInner, #pageHeaderCustomContent .pageHeaderCustomContentUserBase > div, #pageHeaderCustomContent .pageHeaderButtons {
  display: flex;
}
#pageHeaderCustomContent .pageHeaderButtons {
  align-items: center;
  flex: 0 1 auto;
}
#pageHeaderCustomContent .pageHeaderButtons > li {
  margin-left: 10px;
}
#pageHeaderCustomContent .pageHeaderCustomContentUserBase {
  flex: 1;
  padding-left: 10px;
  overflow: hidden;
  min-height: 96px;
}
#pageHeaderCustomContent .pageHeaderCustomContentAvatar > a {
  display: block;
}
#pageHeaderCustomContent .pageHeaderCustomContentUserBase > div {
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 3px;
}
#pageHeaderCustomContent .headerContentUserData > li:nth-child(2), #pageHeaderCustomContent .headerContentUserData .userHeaderDataAvatar {
  display: none !important;
}
#pageHeaderCustomContent .headerContentUserData > li:nth-child(3) {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-left: 0 !important;
}
#pageHeaderCustomContent .headerContentUserData > li {
  border-left-color: rgba(255, 255, 255, 0.25);
}
#pageHeaderCustomContent .userHeaderDataEntry p {
  font-size: 10px;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.75);
}
#pageHeaderCustomContent .userHeaderDataEntry h3 {
  font-size: 16px;
  white-space: nowrap;
}
#pageHeaderCustomContent .pageHeaderCustomContentUserBase h2 {
  font-size: 22px;
  flex: 1 1 auto;
  min-width: 350px;
}
#pageHeaderCustomContent .userAvatarImage {
  border: 3px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0);
}
#pageHeaderCustomContent .headerContentMessageGrid {
  margin-top: 20px;
}
#pageHeaderCustomContent .headerContentMessageGrid > .headerContentMessageGridBoxSmall:first-of-type {
  margin-left: 0;
}
#pageHeaderCustomContent .headerContentMessageGrid > .headerContentMessageGridBoxSmall:last-of-type {
  margin-right: 0;
}
@keyframes glowing {
  0% {
    background-color: #B20000;
    box-shadow: 0 0 0 #B20000;
  }
  50% {
    background-color: #FF0000;
    box-shadow: 0 0 20px #FF0000;
  }
  100% {
    background-color: #B20000;
    box-shadow: 0 0 0 #B20000;
  }
}
.badgeGlow {
  animation: glowing 3500ms infinite;
  border-radius: 20px;
  position: relative;
  top: -1px;
}
/* Headercontent - Submenu */
.pageHeaderSubMenu {
  background-color: #ba2d32;
}
.pageHeaderContentUserData {
  background-color: #c63035;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (min-width: 1025px) {
  .pageHeaderSubMenu .subBoxMenu {
    margin: 0 20px;
  }
}
@media (max-width: 1024px) {
  .pageHeaderSubMenu .subBoxMenu {
    margin: 0 10px;
  }
}
.pageHeaderSubMenu .subBoxMenu.mainMenu::before {
  padding: 0;
  content: "";
  width: 0;
}
.pageHeaderSubMenu > div {
  height: 40px;
  padding: 0;
}
.pageHeaderSubMenu .subBoxMenu > li:not(.active), .pageHeaderSubMenu .subBoxMenu > li > a, .pageHeaderSubMenu .subBoxMenu > li ol:not(.subBoxMenuDepth1) {
  display: none;
}
.pageHeaderSubMenu .subBoxMenu > li .subBoxMenuDepth1 {
  display: flex;
}
.pageHeaderSubMenu .subBoxMenu > li .subBoxMenuDepth1 > li > a {
  color: rgba(255, 255, 255, 0.8);
  height: 40px;
  display: inline-block;
  line-height: 40px;
  font-size: 12px;
  margin-right: 15px;
}
.pageHeaderSubMenu .subBoxMenu > li .subBoxMenuDepth1 > li > a:hover {
  color: white;
}
@media (max-width: 769px) {
  #pageHeaderSubMenu {
    display: none;
  }
}
/* Headercontent - Mainmenu */
.pageHeaderMobileMenu .badge, .pageHeaderSubMenu .badge {
  position: initial;
}
@media screen and (min-width: 1025px), print {
  .pageHeaderMobileMenu {
    display: none !important;
  }
}
.pageHeaderMobileMenu {
  background-color: #ba2d32;
}
.pageHeaderMobileMenu .mobileMainMenu .subBoxMenuDepth1 {
  display: none;
}
.pageHeaderMobileMenu .mobileMainMenu {
  display: flex;
  overflow: hidden;
  margin: 0;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.pageHeaderMobileMenu .mobileMainMenu > li {
  flex: 0 0 auto;
}
.pageHeaderMobileMenu .mobileMainMenu > li > a {
  padding: 0 15px;
  height: 50px;
  display: inline-block;
  line-height: 50px;
}
.pageHeaderMobileMenu .mobileMainMenu > li.active > a, .pageHeaderMobileMenu .mobileMainMenu > li > a:hover {
  background-color: rgba(255, 255, 255, 0.07);
}
.pageHeaderMobileMenu .mobileMainMenu::before {
  padding: 0;
  content: "";
}
@media screen and (max-width: 768px) {
  #pageHeaderMobileMenu {
    display: none;
  }
}
#pageHeaderCollapsibleContentSmall .pageHeaderCustomContentInner {
  position: relative;
  z-index: 100;
  padding: 40px 0;
  min-height: 176px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#pageHeaderCollapsibleContentSmall .pageHeaderCustomContentInner h2 {
  font-size: 28px;
  font-weight: 300;
}
#pageHeaderCollapsibleContent {
  min-height: 176px;
}
#pageHeaderCollapsibleContentSmall .pageHeaderCustomContentInner h2 > span {
  position: relative;
}
#pageHeaderCollapsibleContentSmall .pageHeaderCustomContentInner h2 .icon32 {
  vertical-align: 0;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  height: 48px;
  line-height: 48px;
  width: 48px;
  font-size: 24px;
}
#pageHeaderCollapsibleContentSmall .pageHeaderCustomContentInner h2 .icon32::before {
  color: black;
}
@media screen and (min-width: 1025px), print {
  .mobileUserPanel {
    display: none;
  }
}
.sidebar + #content .mobileUserPanel {
  display: none;
}
.mobileUserPanelHeader {
  position: relative;
}
.mobileUserPanelQuickMenu {
  display: flex;
}
@media screen and (min-width: 769px), print {
  .mobileUserPanelQuickMenu {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .mobileUserPanelQuickMenu {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 544px) {
  .mobileUserPanelQuickMenu li {
    flex: 1;
  }
}
.mobileUserPanelQuickMenu a {
  position: relative;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  padding: 0 7px;
  overflow: hidden;
}
.mobileUserPanelQuickMenu a .badge {
  position: absolute;
  right: 2px;
  top: 2px;
}
.mobileUserPanelQuickMenu span:not(.icon):not(.badge) {
  display: none;
}
.mobileUserPanelQuickMenu a .icon {
  font-size: 22px;
}
.mobileUserPanelQuickMenu a .badge {
  font-size: 10px;
}
.mobileUserPanelQuickMenu li:first-child a {
  border-radius: 3px 0 0 3px;
}
.mobileUserPanelQuickMenu li:last-child a {
  border-radius: 0 3px 3px 0;
}
.mobileUserPanelQuickMenu li:not(:last-child):not(:first-child) a {
  border-radius: 0;
}
.mobileUserPanelQuickMenu li:not(:last-child) {
  margin-right: 1px;
}
.mobileUserPanel {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .mobileUserPanel h2 {
    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 300;
  }
}
@media screen and (min-width: 769px), print {
  .mobileUserPanel h2 {
    font-size: 28px;
    margin-bottom: 20px;
    font-weight: 300;
  }
}
.mobileUserPanelGuest p {
  margin-bottom: 20px;
}
.mobileUserPanelLogin {
  padding-top: 20px;
}
.mobileUserPanelLogin input {
  margin-bottom: 20px;
}
.mobileUserPanelToggleContainer .headerContentUserData .userHeaderDataAvatar, .mobileUserPanelToggleContainer .headerContentUserData .userHeaderDataUser, .mobileUserPanelToggleContainer .headerContentUserData .userHeaderDataTitle {
  display: none;
}
.mobileUserPanelToggleContainer .headerContentUserData li:nth-child(4) {
  border-left: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.mobileUserPanelToggleContainer .userHeaderDataEntry p {
  font-size: 10px;
}
.subBoxMenuResponsiveWrapper {
  overflow: auto;
}
.subBoxMenuResponsive > li:not(.active), .subBoxMenuResponsive > li > a, .subBoxMenuResponsive .subBoxMenuResponsiveDepth2 {
  display: none;
}
.subMenuButton {
  width: 40px;
  text-align: center;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
}
.subMenuShowNext {
  right: 0;
}
.subMenuShowPrevious {
  left: 0;
}
.subMenuButton .icon {
  cursor: pointer !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.subBoxMenuResponsive {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 40px;
}
.subBoxMenuResponsiveDepth1 {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 3000px;
  margin-top: 0px;
  margin-left: 10px;
}
.subBoxMenuResponsiveLinkItem {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.subBoxMenuResponsiveLinkItem > a > .subBoxMenuResponsiveLinkTitle {
  font-size: 12px;
}
/* Sidebar right collapsed */
@media screen and (max-width: 1024px) {
  #sidebarRightCollapse, #sidebarRightExpand {
    display: none !important;
  }
}
@media screen and (min-width: 1025px), print {
  .noSidebarAvailable #sidebarRightCollapse, .noSidebarAvailable #sidebarRightExpand {
    display: none;
  }
  .sidebarRightCollapsed #sidebarRightCollapse {
    display: none;
  }
  .sidebarRightCollapsed #sidebarRightExpand {
    display: block !important;
  }
  .sidebarRightCollapsed .sidebar.boxesSidebarRight {
    display: none;
  }
  .sidebarRightCollapsed .content:not(:last-child) {
    flex-basis: calc(100%);
    max-width: calc(100%);
  }
  .sidebarRightCollapsed .sidebar + .content:not(:last-child) {
    flex-basis: calc(100% - 350px);
    max-width: calc(100% - 350px);
  }
}
/* ImageViewer for WCF */
.wcfImageViewer {
  background-color: black;
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 399;
}
.wcfImageViewer .icon {
  color: #9e9e9e;
}
.wcfImageViewer.open {
  display: block;
  opacity: 1;
}
.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {
  top: -100px;
}
.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {
  bottom: 0;
  border-color: fade(#333, 0%);
  top: 0;
}
.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {
  bottom: -100px;
}
.wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {
  background-color: black;
  opacity: 1;
  position: absolute;
  visibility: visible;
  z-index: 402;
}
.wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.24s, opacity 0.24s linear;
}
.wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {
  opacity: 0;
}
.wcfImageViewer.wcfImageViewerMobile > div {
  bottom: 0;
  top: 0;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li {
  background-color: #e0e0e0;
  border-radius: 30px;
  margin-top: -24px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.24s;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {
  opacity: 1;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {
  /* places buttons above images at all times */
  z-index: 30;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {
  left: 10px;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {
  left: -3px;
  position: relative;
  top: 2px;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {
  right: 10px;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {
  position: relative;
  right: -1px;
  top: 2px;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {
  bottom: 80px;
  left: 50%;
  top: auto;
  transform: translateX(-50%);
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {
  font-size: 32px;
  left: 2px;
  position: relative;
  top: 3px;
}
.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {
  display: none;
}
.wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {
  display: none;
}
.wcfImageViewer.wcfImageViewerMobile > footer > div {
  margin: 0;
}
.wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 400;
}
.wcfImageViewer > header {
  height: 100px;
  overflow: hidden;
  padding: 1rem;
  top: 0;
}
.wcfImageViewer > header > div > a > img {
  height: 64px;
  width: 64px;
}
.wcfImageViewer > header h1, .wcfImageViewer > header h2, .wcfImageViewer > header h3 {
  color: lightgray;
}
.wcfImageViewer > header h1 > a, .wcfImageViewer > header h2 > a, .wcfImageViewer > header h3 > a {
  color: lightgray;
}
.wcfImageViewer > header h1 {
  font-size: 1.75rem;
}
.wcfImageViewer > header h2 {
  font-size: 1.25rem;
}
.wcfImageViewer > header h3 {
  color: lightgray;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}
.wcfImageViewer > header > .wcfImageViewerButtonClose {
  position: absolute;
  right: 26px;
  top: 26px;
}
.wcfImageViewer > div {
  background-color: black;
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  bottom: 100px;
  top: 100px;
  transition-property: top, bottom, border-color;
  transition-timing-function: linear;
  transition-duration: 0.24s;
  z-index: 401;
}
.wcfImageViewer > div.loading:before {
  content: "" !important;
  display: block;
  left: calc(50% - 34px);
  position: absolute;
  top: calc(50% - 34px);
}
.wcfImageViewer > div > img {
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: opacity 0.24s linear;
  z-index: 10;
}
.wcfImageViewer > div > img.animateTransformation {
  transition: left 0.24s, margin-top 0.24s, height 0.24s, width 0.24s, opacity 0.24s;
}
.wcfImageViewer > div > img.active {
  opacity: 1;
  z-index: 20;
}
.wcfImageViewer:not(.wcfImageViewerMobile) .icon:hover {
  color: white;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > header {
  transition: top 0.24s linear;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > footer {
  transition: bottom 0.24s linear;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div {
  cursor: pointer;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {
  cursor: default;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #333;
  border-bottom-width: 0;
  border-radius: 2px 2px 0 0;
  display: flex;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 30;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li {
  flex: 0 0 auto;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li:not(.pointer) > .icon {
  color: #424242 !important;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon {
  cursor: pointer;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span {
  font-size: 28px;
  /*
						&:before {
							left: 2px;
							position: relative;
							top: 9px;
						}
						*/
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull {
  border-left: 1px solid #333;
  box-sizing: border-box;
}
.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {
  vertical-align: middle;
}
.wcfImageViewer > footer {
  bottom: 0;
  height: 100px;
  padding: 10px;
}
.wcfImageViewer > footer:hover > div > ul > li > img {
  -webkit-filter: none;
  filter: none;
}
.wcfImageViewer > footer > span {
  bottom: 0;
  font-size: 48px;
  padding-top: 26px;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.24s;
  width: 30px;
  z-index: 2;
}
.wcfImageViewer > footer > span.pointer {
  opacity: 0.6;
}
.wcfImageViewer > footer > span.pointer:hover {
  opacity: 1;
}
.wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {
  left: 5px;
}
.wcfImageViewer > footer > span.wcfImageViewerButtonNext {
  right: 5px;
}
.wcfImageViewer > footer > div {
  height: 80px;
  margin: 0 35px;
  overflow: hidden;
  white-space: nowrap;
}
.wcfImageViewer > footer > div > ul {
  display: flex;
  font-size: 0;
  height: 80px;
  z-index: 1;
  transition: margin-left cubic-bezier(0.5, 1.595, 0.56, 0.98) 0.24s;
}
.wcfImageViewer > footer > div > ul > li {
  align-items: center;
  display: flex;
  flex: 0 0 80px;
  opacity: 0.6;
  position: relative;
  transition: opacity 0.24s;
}
.wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {
  opacity: 1;
}
.wcfImageViewer > footer > div > ul > li:not(:last-child) {
  margin-right: 10px;
}
.wcfImageViewer > footer > div > ul > li.active > img {
  -webkit-filter: none;
  filter: none;
}
.wcfImageViewer > footer > div > ul > li.loading > img {
  opacity: 0;
}
.wcfImageViewer > footer > div > ul > li > img {
  max-height: 80px;
  max-width: 80px;
  object-fit: contain;
}
@media only screen and (max-width: 800px) {
  .wcfImageViewer > header {
    height: 80px;
  }
  .wcfImageViewer > header > .wcfImageViewerButtonClose {
    right: 16px;
    top: 16px;
  }
  .wcfImageViewer > footer {
    height: 80px;
  }
  .wcfImageViewer > footer > div {
    height: 60px;
  }
  .wcfImageViewer > footer > div > ul {
    height: 60px;
  }
  .wcfImageViewer > footer > div > ul > li {
    height: 60px;
  }
}
.inputItemList {
  background-color: white;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  color: #303030;
  font-weight: 400;
  outline: none;
  padding: 4px 8px;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  line-height: 1.48;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
  padding-top: 5px;
}
@media screen and (min-width: 769px), print {
  .inputItemList {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .inputItemList {
    font-size: 14px;
  }
}
.inputItemList:focus, .inputItemList:hover {
  background-color: #fff3f4;
  border-color: #c13e4b;
  color: #2c3e50;
}
.inputItemList[disabled], .inputItemList.disabled {
  background-color: whitesmoke !important;
  border-color: #aeaeae !important;
  color: #7d7d7d !important;
}
.inputItemList[readonly] {
  color: #7d7d7d !important;
}
.inputItemList[data-accepts-new-items="true"] {
  cursor: text;
}
.inputItemList > .item, .inputItemList > .input {
  flex: 0 0 auto;
  margin-bottom: 5px;
}
.inputItemList > .item:not(:last-child), .inputItemList > .input:not(:last-child) {
  margin-right: 5px;
}
.inputItemList > .item {
  background-color: #b1252a;
  border-radius: 2px;
  color: white;
  cursor: default;
  max-width: 100%;
  padding: 1px 5px;
}
.inputItemList > .item .icon {
  color: inherit;
}
.inputItemList > .item.active {
  background-color: #8f2c36;
  color: white;
}
.inputItemList:not(.disabled) > item:hover {
  background-color: #8f2c36;
  color: white;
}
.inputItemList > .input > input {
  background-color: transparent !important;
  border-width: 0 !important;
  min-width: 165px;
  padding: 0 !important;
}
.inputItemListLimitReached {
  color: #646464;
  vertical-align: middle;
  /* The input field does not have a distinct appearance, making the text unselectable
	   will prevent the browser from displaying a potentially misleading caret cursor. */
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* #### Labels #### */
/* label list */
.labelList {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  display: inline-flex;
}
.labelList > li {
  flex: 0 1 auto;
}
.labelList > li:not(:last-child) {
  margin-right: 5px;
}
.labelList.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.labelList.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.labelList > li:not(:first-child) .label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.labelList > li:not(:last-child) {
  margin-right: 1px;
}
.labelList > li:not(:last-child) .label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.labelList > li .label {
  top: -1px;
}
/* ACP label list */
#labelList > li {
  flex-basis: 30%;
  margin-bottom: 10px;
}
#labelList > li.labelCustomClass {
  display: flex;
}
#labelList > li.labelCustomClass > input[type="radio"] {
  flex: 0 0 auto;
  margin-right: 7px;
}
#labelList > li.labelCustomClass > span {
  flex: 1 1 auto;
}
.labelChooser > .dropdownToggle > span {
  cursor: pointer;
}
.legend-box {
  width: auto;
  border: 1px solid #000000;
  padding: 10px;
  margin: 0px !important;
}
.legend-box-legend {
  padding: 5px 10px;
  color: white;
  border: none;
  margin: 0px !important;
  float: none;
  width: auto;
  font: inherit !important;
}
.likesSummary {
  color: #646464;
  cursor: pointer;
  flex: 0 0 auto;
}
.likesSummary > .icon {
  color: #646464;
  margin-right: 5px;
}
.wcfLikeCounter {
  color: #646464;
}
.wcfLikeCounter .icon {
  color: inherit !important;
}
.wcfLikeCounter.likeCounterLiked {
  color: #060 !important;
}
.wcfLikeCounter.likeCounterDisliked {
  color: #900 !important;
}
html.touch .wcfLikeButton > .button:not(.active):hover, html.touch .wcfDislikeButton > .button:not(.active):hover {
  background-color: #b1252a !important;
  color: white !important;
}
.sortableList:not(.tabularList) {
  list-style: decimal outside;
  margin-left: 20px;
}
.sortableList:not(.tabularList) .sortableList {
  margin-left: 30px;
}
.sortableNode {
  cursor: move;
}
.sortableNode:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.sortableNode > .sortableList:not(:empty) {
  border-top: 1px solid #eaeaea;
}
.sortableNodeLabel {
  align-items: center;
  padding: 10px;
  /* `display:flex` acts weird inside lists with a visible list-style */
  display: inline-flex;
  width: 100%;
}
.sortableNodeLabel:hover {
  background-color: white;
}
.sortableNodeLabel:not(.sortableNodeStaticItem) {
  cursor: move;
}
.sortableNodeLabel > .icon, .sortableNodeLabel > a {
  margin-right: 5px;
}
.sortableNodeLabel > .icon {
  flex: 0 0 auto;
}
.sortableNodeLabel > a {
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sortableNodeLabel > .statusDisplay {
  align-items: center;
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
}
.sortableNodeLabel > .statusDisplay > a, .sortableNodeLabel > .statusDisplay > span {
  cursor: pointer;
  flex: 0 0 auto;
  margin-left: 5px;
}
.sortablePlaceholder {
  background-color: #d88b3a;
  border: 1px solid #a96c2c;
  color: rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.sortablePlaceholder.sortableInvalidTarget {
  background-color: #ce414b;
  border-color: #822228;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 544px) {
  .sortableNodeHandle {
    display: none;
  }
}
@media screen and (min-width: 1025px), print {
  .sortableNodeHandle {
    display: none;
  }
}
/* element list with checkboxes */
.structuredList {
  border: 1px solid #4f81bd;
  border-width: 1px 0;
}
.structuredList li {
  display: flex;
  padding: 10px 0;
}
.structuredList li:not(:first-child) {
  border-top: 1px solid #eee;
}
.structuredList li:hover {
  background-color: white;
}
.structuredList li > span {
  flex: 1 1 auto;
}
.structuredList li > label {
  cursor: pointer;
  flex: 0 0 auto;
}
.structuredList li > span, .structuredList li > label {
  padding: 0 10px;
}
.innerInfo + .mediaManagerMediaUploadButton {
  margin-top: 5px;
}
.mediaManagerMediaUploadButton > .button {
  margin: 0;
  text-align: center;
  width: 100%;
}
.mediaManagerMediaUploadButton > .button > input {
  width: 100%;
}
.mediaManagerMediaList {
  font-size: 0;
  margin-top: 5px;
}
.mediaManagerMediaList::before, .mediaManagerMediaList::after {
  display: table;
  content: "";
}
.mediaManagerMediaList::after {
  clear: both;
}
.mediaManagerMediaList > li {
  float: left;
  position: relative;
  border: 1px solid #eee;
  overflow: hidden;
  font-size: 1rem;
  margin: 0 10px 10px 0;
}
.mediaManagerMediaList > li.jsMarked > .mediaInformation, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation {
  background-color: rgba(64, 64, 64, 0.8);
  color: white;
}
.mediaManagerMediaList > li.jsMarked > .mediaInformation a, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation a {
  color: white;
}
.mediaManagerMediaList > li.jsMarked > .mediaInformation .icon, .mediaManagerMediaList > li.jsMarked > .buttonGroupNavigation .icon {
  color: white;
  text-shadow: none;
}
.mediaManagerMediaList > li.jsSelected > .mediaInformation, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation {
  background-color: rgba(0, 128, 0, 0.8);
  color: white;
}
.mediaManagerMediaList > li.jsSelected > .mediaInformation a, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation a {
  color: white;
}
.mediaManagerMediaList > li.jsSelected > .mediaInformation .icon, .mediaManagerMediaList > li.jsSelected > .buttonGroupNavigation .icon {
  color: white;
  text-shadow: none;
}
.mediaManagerMediaList > li.uploadFailed {
  cursor: pointer;
}
.mediaManagerMediaList > li.uploadFailed > .mediaInformation {
  background-color: #ce414b;
  color: rgba(255, 255, 255, 0.8);
}
.mediaManagerMediaList > li.uploadFailed > .mediaInformation .mediaTitle {
  max-height: 144px;
  white-space: normal;
}
.mediaManagerMediaList > li > .mediaThumbnail {
  height: 144px;
  width: 144px;
}
.mediaManagerMediaList > li > .mediaInformation {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .mediaManagerMediaList > li > .mediaInformation {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .mediaManagerMediaList > li > .mediaInformation {
    font-size: 12px;
  }
}
.mediaManagerMediaList > li > .mediaInformation .mediaTitle {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mediaManagerMediaList > li > .buttonGroupNavigation {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
}
.mediaManagerMediaList > li > .buttonGroupNavigation .icon {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 1024px) {
  .mediaManagerMediaList > li .buttonGroupNavigation.open {
    left: 0;
    z-index: 10;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation.open > .buttonList {
    display: block;
    visibility: visible;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .dropdownLabel {
    left: calc(100% - 24px);
    position: relative;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList {
    background-color: white;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0;
    color: #303030;
    display: none;
    min-width: 160px;
    padding: 3px 0;
    pointer-events: all;
    position: absolute;
    text-align: left;
    visibility: hidden;
    z-index: 450;
    position: static !important;
    top: 0;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList.dropdownMenuPageSearch {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList.dropdownOpen {
    display: block;
    visibility: visible;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li {
    display: block;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:focus-within, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider), .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.active {
    background-color: whitesmoke;
    color: black;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText) > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li:focus-within > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownList > li:hover:not(.dropdownDivider) > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownNavigationItem > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.active > a {
    color: black;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownDivider {
    border-top: 1px solid #e6e6e6;
    margin: 3px 0;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    padding: 5px 20px;
    font-weight: 400;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.boxFlag {
    padding-top: 2px;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.missingValue > span {
    padding-right: 40px;
    position: relative;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.missingValue > span:after {
    color: rgba(255, 255, 255, 0.8);
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 5px;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.disabled {
    color: #646464;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.disabled > span {
    cursor: not-allowed !important;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > span {
    clear: both;
    cursor: pointer;
    display: block;
    max-width: 350px;
    overflow: hidden;
    padding: 5px 20px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a > div > h3, .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > span > div > h3 {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a {
    color: #c13e4b;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a > small {
    display: block;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > a + span.badge {
    display: none;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > .box16 {
    align-items: center;
    cursor: pointer;
    min-height: 0;
    padding: 5px 10px;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li > label {
    display: block;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline {
    margin-bottom: 0;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-weight: 400;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .icon {
    color: inherit;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu {
    max-height: 300px;
    overflow: auto;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .scrollableDropdownMenu.forceScrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList > li .invisible {
    display: inline;
    padding-left: 5px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li.dropdownText {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList li .containerHeadline > p {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .mediaManagerMediaList > li .buttonGroupNavigation > .buttonList .dropdownMenu.pageHeaderSearchDropdown {
    transform: translateY(-10px);
  }
}
@media screen and (min-width: 1025px), print {
  .mediaManagerMediaList > li .buttonGroupNavigation {
    transition: opacity 0.12s;
  }
  .mediaManagerMediaList > li .buttonGroupNavigation > .dropdownLabel {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .mediaManagerMediaList > li > .buttonGroupNavigation {
    height: 0;
  }
  .mediaManagerMediaList > li:hover > .buttonGroupNavigation {
    height: auto;
    padding: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .mediaManagerMediaList > li > .buttonGroupNavigation .mediaCheckbox {
    display: none !important;
  }
}
[id^="mediaEditor"] .mediaEditorButtons {
  margin-bottom: 20px;
}
[id^="mediaEditor"] .mediaThumbnail {
  text-align: center;
  margin-bottom: 20px;
}
[id^="mediaEditor"] .mediaThumbnail + .box48 > dl {
  font-size: 12px;
}
.mediaManagerCategoryList {
  margin-bottom: 5px;
}
.button.jsMediaSelectButton + .button {
  margin-left: 5px;
}
@media screen and (min-width: 769px), print {
  .messageList:not(.messageReducedList) {
    border-top: 1px solid #eaeaea;
  }
  .messageList:not(.messageReducedList) > li {
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0;
  }
  .messageList:not(.messageReducedList) > li.messageListPagination:last-child {
    border-bottom-width: 0;
  }
}
@media screen and (max-width: 768px) {
  .messageList:not(.messageReducedList) .messageSidebar {
    border-top: 1px solid #eaeaea;
  }
  .messageList:not(.messageReducedList) > .messageListPagination {
    border-top: 1px solid #eaeaea;
    margin: 0 -10px;
    padding: 20px 10px;
  }
}
.messageList:not(.messageReducedList) > .messageListNotice > .info {
  margin-top: 0;
}
@media screen and (min-width: 769px), print {
  .messageList.messageReducedList > li:not(:last-child) {
    padding-bottom: 30px;
  }
}
.messageList > .anchorFixedHeader:not(.disableAnchorFixedHeader):target {
  margin-top: -49px;
  pointer-events: none;
  position: relative;
  z-index: 10;
}
.messageList > .anchorFixedHeader:not(.disableAnchorFixedHeader):target::after {
  content: "";
  display: block;
  height: 50px;
}
.messageList > .anchorFixedHeader:not(.disableAnchorFixedHeader):target > .message {
  pointer-events: all;
  transform: translateY(49px);
}
@media screen and (max-width: 768px) {
  .messageList > li:not(:last-child) {
    padding-bottom: 30px;
  }
}
.messageCheckboxLabel, .message .messageClipboardCheckbox, .messageGroupList .columnMark > label {
  cursor: pointer;
  display: block;
  position: relative;
}
.messageCheckboxLabel::before, .message .messageClipboardCheckbox::before, .messageGroupList .columnMark > label::before {
  content: "";
  display: block;
  font-family: FontAwesome;
  position: absolute;
}
.messageCheckboxLabel::after, .message .messageClipboardCheckbox::after, .messageGroupList .columnMark > label::after {
  color: #009600;
  content: "";
  display: none;
  font-family: FontAwesome;
  position: absolute;
}
.messageCheckboxLabel > input[type="checkbox"], .message .messageClipboardCheckbox > input[type="checkbox"], .messageGroupList .columnMark > label > input[type="checkbox"] {
  display: none;
}
@media screen and (min-width: 769px), print {
  .message {
    display: flex;
  }
}
.message .messageClipboardCheckbox {
  height: 24px;
  width: 24px;
}
.message .messageClipboardCheckbox::before {
  font-size: 25px;
  left: 2px;
  top: -6px;
}
.message.jsMarked .messageClipboardCheckbox::after {
  display: block;
  font-size: 14px;
  left: 5px;
  top: 1px;
}
/* sidebar */
.messageSidebar {
  background-color: white;
  color: #303030;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .messageSidebar {
    align-self: flex-start;
    border-radius: 3px;
    text-align: center;
  }
  .messageSidebar .username {
    /* required to fix wrapping behavior in combination with
			   `overflow-wrap` / `word-wrap` */
    display: block;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .messageSidebar {
    flex: 0 0 200px;
    padding: 15px;
  }
  .messageSidebar + .messageContent {
    flex-basis: calc(100% - 220px);
    margin-left: 20px;
    max-width: calc(100% - 220px);
  }
}
@media screen and (min-width: 1025px), print {
  .messageSidebar {
    flex: 0 0 240px;
    padding: 20px;
  }
  .messageSidebar + .messageContent {
    flex-basis: calc(100% - 270px);
    margin-left: 30px;
    max-width: calc(100% - 270px);
  }
}
@media screen and (max-width: 768px) {
  .messageSidebar {
    margin: 0 -10px;
    padding: 10px;
  }
  .messageSidebar .messageAuthor {
    flex: 0 0 auto;
    /* equals the height of the avatar */
    min-height: 48px;
    position: relative;
    /* force username to be vertically centered for quick reply */
  }
  .messageSidebar .messageAuthor .userAvatar {
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .messageSidebar .messageAuthor .userAvatar .userAvatarImage {
    max-height: 48px;
    max-width: 48px;
  }
  .messageSidebar .messageAuthor .messageAuthorContainer, .messageSidebar .messageAuthor .userTitle, .messageSidebar .messageAuthor .userRank {
    margin-left: 58px;
  }
  .messageSidebar .messageAuthor .messageAuthorContainer:last-child {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
  }
  .messageSidebar .userCredits {
    display: none;
  }
  .messageSidebar + .messageContent {
    margin-top: 20px;
  }
}
.messageSidebar a {
  color: #c13e4b;
}
.messageSidebar a:hover {
  color: black;
}
.messageSidebar .dataList {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .messageSidebar .dataList {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageSidebar .dataList {
    font-size: 12px;
  }
}
.messageSidebar .userAvatar {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.messageSidebar .userAvatar > a {
  display: inline-block;
}
.messageSidebar .username {
  display: inline-block;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .messageSidebar .username {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .messageSidebar .username {
    font-size: 18px;
  }
}
.messageSidebar .badgeOnline {
  left: 0;
  pointer-events: none;
  position: absolute;
}
@media screen and (min-width: 769px), print {
  .messageSidebar .badgeOnline {
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .messageSidebar .badgeOnline {
    color: transparent;
    padding: 0;
    top: 0;
    width: 0;
  }
  .messageSidebar .badgeOnline::before {
    background-color: inherit;
    border: 1px solid white;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 34px;
    /* 48px (avatar) - 16px (width) - 2px (border-left + border-right) */
    position: absolute;
    width: 16px;
  }
}
.messageSidebar .userTitle + .userRank {
  margin-top: 3px;
}
.messageAuthor + * {
  margin-top: 20px;
}
.messageAuthor + *:before {
  content: "";
  left: 0;
  margin-top: -10px;
  position: absolute;
  right: 0;
}
/* Prevents username overflow in the message sidebar */
.messageAuthorContainer {
  overflow: hidden;
}
@media screen and (min-width: 769px), print {
  .messageAuthorContainer:not(:last-child) {
    margin-bottom: 5px;
  }
}
.messageSidebarOrientationRight .messageContent {
  order: 1;
}
.messageSidebarOrientationRight .messageSidebar {
  order: 2;
}
.messageSidebarOrientationRight .messageSidebar + .messageContent {
  margin-left: 20px;
  margin-right: 30px;
}
/* content */
@media screen and (max-width: 768px) {
  .messageContent {
    position: relative;
  }
}
@media screen and (min-width: 769px), print {
  .messageContent {
    display: flex;
    /* do not use `flex: 1 1 0%` as it causes Mobile Safari to fail */
    flex: 1;
    flex-direction: column;
  }
}
.messageContent.loading {
  position: relative;
}
.messageContent.loading > .messageContentLoadingOverlay {
  align-items: center;
  background-color: white;
  bottom: -1px;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.messageContent.loading > .messageContentLoadingOverlay > .icon {
  flex: 0 0 auto;
}
/* content - header */
.messageHeader {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .messageHeader {
    flex: 0 0 auto;
  }
}
.messageHeader + .messageBody {
  margin-top: 20px;
}
.messageHeader > .messageQuickOptions {
  flex: 0 0 auto;
}
.messageHeader > .messageHeaderWrapper {
  align-items: center;
  flex: 1 1 auto;
}
.messageHeaderBox {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
}
.messageHeaderBox > .messageTitle {
  flex: 0 0 100%;
}
.messageHeaderBox > .messageHeaderMetaData, .messageHeaderBox > .messageStatus {
  flex: 0 0 auto;
}
.messageTitle {
  color: #303030;
}
.messageTitle a {
  color: #c13e4b;
}
.messageTitle a:hover {
  color: black;
}
.messageHeaderMetaData {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  font-weight: 400;
}
.messageHeaderMetaData > li {
  flex: 0 1 auto;
}
.messageHeaderMetaData > li:not(:last-child) {
  margin-right: 5px;
}
.messageHeaderMetaData.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.messageHeaderMetaData.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.messageHeaderMetaData > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
@media screen and (min-width: 769px), print {
  .messageHeaderMetaData {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageHeaderMetaData {
    font-size: 12px;
  }
}
.messageHeaderMetaData .messagePublicationTime {
  color: #646464;
}
.messageHeaderMetaData + .messageStatus {
  margin-left: 5px;
}
.messageStatus {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  font-weight: 400;
}
.messageStatus > li {
  flex: 0 1 auto;
}
.messageStatus > li:not(:last-child) {
  margin-right: 5px;
}
.messageStatus.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.messageStatus.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
@media screen and (min-width: 769px), print {
  .messageStatus {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageStatus {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px), print {
  .messageQuickOptions {
    display: flex;
    flex-wrap: wrap;
    /* adds a comma after each list item */
    /* adds a dot after each list item */
  }
  .messageQuickOptions > li {
    flex: 0 1 auto;
  }
  .messageQuickOptions > li:not(:last-child) {
    margin-right: 5px;
  }
  .messageQuickOptions.commaSeparated > li:not(:last-child):after {
    content: ",";
    padding-left: 1px;
  }
  .messageQuickOptions.dotSeparated > li:not(:last-child):after {
    content: "·";
    margin-left: 5px;
  }
}
@media screen and (max-width: 768px) {
  .messageQuickOptions {
    flex: 0 0 24px !important;
    height: 1.5em;
    opacity: 0;
    position: relative;
    transition: opacity 0.12s linear, visibility 0s linear 0.12s;
    visibility: hidden;
  }
  .messageQuickOptions::before {
    content: "";
    font-family: FontAwesome;
    font-size: 18px;
    height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -2px;
    width: 24px;
  }
  .messageQuickOptions.active {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
  }
  .messageQuickOptions > li {
    display: none;
  }
}
/* content - body */
@media screen and (min-width: 769px), print {
  .messageBody {
    flex: 1 1 auto;
  }
}
.messageBody.editor {
  align-items: center;
  display: flex;
  justify-content: center;
}
.messageBody.editor > .icon {
  flex: 0 0 auto;
}
.messageBody.editor > .editorContainer {
  flex: 1 1 auto;
}
.messageBody > .messageText img {
  height: auto !important;
  max-width: 100%;
}
.messageBody > *:first-child {
  margin-top: 0;
}
/* content - footer */
@media screen and (min-width: 769px), print {
  .messageFooter {
    flex: 0 0 auto;
  }
}
.messageFooter .formSubmit {
  margin-top: 20px;
}
.messageFooterNote {
  border-left: 5px solid #eaeaea;
  color: #646464;
  margin-top: 20px;
  padding: 5px 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .messageFooterNote {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageFooterNote {
    font-size: 12px;
  }
}
.messageFooterNote a {
  color: black;
}
.messageFooterNote a:hover {
  color: #c13e4b;
  text-decoration: underline;
}
.messageFooterGroup {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.messageFooterGroup:not(:first-child) > .reactionSummaryList, .messageFooterGroup:not(:first-child) > .messageFooterButtons, .messageFooterGroup:not(:first-child) > .messageFooterButtonsExtra {
  margin-top: 20px;
}
.messageFooterGroup > .reactionSummaryList {
  flex: 0 1 auto;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .messageFooterGroup > .reactionSummaryList {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageFooterGroup > .reactionSummaryList {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px), print {
  .messageFooterGroup > .messageFooterButtons {
    flex: 1 1 auto;
  }
}
@media screen and (max-width: 768px) {
  .messageFooterGroup > .messageFooterButtons {
    margin-left: auto;
  }
  .messageFooterGroup > .messageFooterButtons .button:not(.reactButton) {
    display: none;
  }
  .messageFooterGroup > .messageFooterButtons .button.reactButton {
    border-radius: 2px;
  }
}
@media screen and (min-width: 769px), print {
  .messageFooterGroup > .messageFooterButtonsExtra {
    flex: 1 1 auto;
  }
  .messageFooterGroup > .messageFooterButtonsExtra + .messageFooterButtons {
    flex: 0 auto;
  }
  .messageFooterGroup > .messageFooterButtonsExtra + .messageFooterButtons > li:first-child {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .messageFooterGroup > .messageFooterButtonsExtra {
    display: none;
  }
}
.messageSignature img:not(.userAvatarImage), .messageSignatureConstraints img:not(.userAvatarImage) {
  max-height: 150px;
  width: auto;
}
@media screen and (max-width: 768px) {
  .messageSignature {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .messageSignature {
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
    opacity: 0.6;
    padding-top: 10px;
    transition: opacity 0.12s linear;
    /* fix flicker in Safari on message hover */
    transform: translateZ(0);
  }
  .message:hover .messageSignature {
    opacity: 1;
  }
}
.messageFooterButtons, .messageFooterButtonsExtra {
  justify-content: flex-end;
}
.messageFooterButtons > li, .messageFooterButtonsExtra > li {
  display: flex;
}
.messageFooterButtons > li > a, .messageFooterButtonsExtra > li > a {
  align-items: center;
}
.messageFooterButtons .icon + span:not(.invisible), .messageFooterButtonsExtra .icon + span:not(.invisible) {
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  .messageCollapsed {
    border-top: 1px solid #eaeaea;
    margin: 0 -10px;
    padding: 30px 10px 0;
  }
}
.messageReduced .messageHeader {
  background-color: white;
  color: #303030;
}
@media screen and (max-width: 768px) {
  .messageReduced .messageHeader {
    margin: 0 -10px;
    padding: 10px;
  }
}
@media screen and (min-width: 769px), print {
  .messageReduced .messageHeader {
    padding: 10px 20px;
  }
}
.messageReduced .messageTitle {
  color: #303030;
}
.messageReduced .messageTitle a {
  color: #c13e4b;
}
.messageReduced .messageTitle a:hover {
  color: black;
}
@media screen and (min-width: 769px), print {
  .messageReduced .messageBody, .messageReduced .messageFooter {
    padding: 0 20px;
  }
}
/* margin between items in the list of quoted messages */
#messageQuoteList .messageReduced + .messageReduced {
  margin-top: 20px;
}
.messageQuoteItemList {
  /* we need `!important` here to override defaults used for `.htmlContent`
	   and `.messageText` */
  list-style-type: none !important;
  margin-left: 0 !important;
}
.messageQuoteItemList > li {
  display: flex;
}
.messageQuoteItemList > li > span {
  flex: 0 0 auto;
  margin-right: 10px;
}
.messageQuoteItemList > li > .jsQuote {
  flex: 1 1 auto;
}
.messageQuoteItemList > li > .jsFullQuote {
  display: none;
}
/* allow tables to overflow on all screens */
.messageTableOverflow {
  overflow: auto;
}
/* edit history */
@media screen and (max-width: 1024px) {
  .editHistoryDiff {
    overflow: auto;
  }
}
.editHistoryDiff > .table {
  width: 100%;
}
@media screen and (min-width: 1025px), print {
  .editHistoryDiff > .table {
    table-layout: fixed;
  }
}
.editHistoryDiff > .table th {
  text-align: center;
}
.editHistoryDiff > .table td {
  background-color: #fafafa;
  color: #2c3e50;
  padding: 5px;
}
.editHistoryDiff > .table td:not(.diffSection) {
  border-bottom-width: 0 !important;
}
.editHistoryDiff > .table td:first-child:last-child:empty {
  display: none;
}
.editHistoryDiff > .table td:last-child:not(:first-child) {
  border-left: 1px solid #eaeaea;
}
.editHistoryDiff > .table td.diffAdded {
  background-color: #dff0d8;
  color: #3c763d;
}
.editHistoryDiff > .table td.diffRemoved {
  background-color: #f2dede;
  color: #a94442;
}
.editHistoryDiff > .table td.diffSection {
  background-clip: padding-box;
  background-color: #eceff1;
  border-bottom: 20px solid transparent;
  color: #2c3e50;
  padding: 10px;
  text-align: center;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .editHistoryDiff > .table td.diffSection {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .editHistoryDiff > .table td.diffSection {
    font-size: 18px;
  }
}
.editHistoryDiff > .table tr:not(:first-child) > .diffSection {
  border-top: 20px solid transparent;
}
.editHistoryDiff > .table + form {
  /* Out of the way, Lydia! */
  margin-top: 40px;
}
.editHistoryDiff > .sideBySide:first-child {
  margin-bottom: 20px;
  text-align: center;
}
.editHistoryDiff .sideBySide {
  display: flex;
}
.editHistoryDiff .sideBySide > div {
  flex: 0 0 50%;
  max-width: 50%;
}
.editHistoryDiff .sideBySide > div:first-child {
  padding-right: 10px;
}
.editHistoryDiff .sideBySide > div:last-child {
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {
    display: none;
  }
}
.messageGroupList .tabularList .columnSubject {
  flex: 1 1 auto;
}
.messageGroupList .tabularList .columnStats {
  text-align: center;
}
@media screen and (min-width: 1025px), print {
  .messageGroupList .tabularList .columnStats {
    flex: 0 0 150px;
  }
}
@media screen and (max-width: 1024px) {
  .messageGroupList .tabularList .columnStats {
    flex: 0 0 100px;
  }
}
.messageGroupList .tabularList .columnLastPost {
  flex: 0 0 200px;
}
.messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats {
  position: relative;
}
.messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead) .columnStats > dl {
  visibility: hidden;
}
@media screen and (min-width: 1025px), print {
  .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead):hover .columnStats > dl {
    visibility: visible;
  }
  .messageGroupList .tabularList .tabularListRow:not(.tabularListRowHead):hover .columnStats .messageGroupListStatsSimple {
    display: none;
  }
}
.messageGroupList .columnMark > label {
  cursor: pointer;
  display: block;
  height: 24px;
  width: 24px;
}
.messageGroupList .columnMark > label::before {
  font-size: 24px;
  top: -6px;
}
.messageGroupList .jsMarked .columnMark > label::after {
  display: block;
  font-size: 13px;
  left: 3px;
  top: 1px;
}
.messageGroupList .tabularListRowHead .columnMark > label::before {
  top: -3px;
}
.messageGroupList .tabularListRowHead .jsMarked .columnMark > label::after {
  top: 4px;
}
.messageGroupList .messageDeleted .columnAvatar, .messageGroupList .messageDisabled .columnAvatar {
  position: relative;
}
.messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
  display: block;
  font-family: FontAwesome;
  position: absolute;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .messageDeleted .columnAvatar::before, .messageGroupList .messageDisabled .columnAvatar::before {
    font-size: 28px;
  }
}
.messageGroupList .messageDeleted .columnAvatar > div img, .messageGroupList .messageDeleted .columnAvatar > div .icon:first-child, .messageGroupList .messageDisabled .columnAvatar > div img, .messageGroupList .messageDisabled .columnAvatar > div .icon:first-child {
  visibility: hidden;
}
.messageGroupList .messageDisabled .columnAvatar::before {
  color: #008c00;
  content: "";
}
@media screen and (min-width: 769px), print {
  .messageGroupList .messageDisabled .columnAvatar::before {
    left: 13px;
    top: -2px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .messageDisabled .columnAvatar::before {
    left: 3px;
    top: -4px;
  }
}
.messageGroupList .messageDeleted .columnAvatar::before {
  color: #b40000;
  content: "";
  left: 17px;
  top: -2px;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .messageDeleted .columnAvatar::before {
    left: 17px;
    top: -2px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .messageDeleted .columnAvatar::before {
    left: 7px;
    top: -4px;
  }
}
.messageGroupList .columnAvatar div {
  position: relative;
  width: 48px;
  height: 48px;
}
.messageGroupList .columnAvatar .myAvatar {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -2px;
  right: -6px;
}
.messageGroupList .columnAvatar .myAvatar > img {
  border: 1px solid white;
  box-sizing: content-box;
}
.messageGroupList .columnSubject {
  overflow: hidden;
}
.messageGroupList .columnSubject > h3 > .messageGroupLink {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .columnSubject > h3 > .messageGroupLink {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .columnSubject > h3 > .messageGroupLink {
    font-size: 18px;
  }
}
.messageGroupList .columnSubject > h3 > .badge.label {
  top: -2px;
}
.messageGroupList .columnSubject > small {
  display: block;
}
.messageGroupList .columnSubject > .statusDisplay {
  display: flex;
  float: right;
  opacity: 0.75;
  transition: opacity 0.12s;
}
.messageGroupList .columnSubject > .statusDisplay > .statusIcons {
  align-items: center;
  flex: 0 0 auto;
}
.messageGroupList .columnSubject > .statusDisplay > .statusIcons > li {
  align-items: center;
  display: flex;
}
.messageGroupList .columnSubject > .labelList {
  float: right;
  padding-left: 7px;
}
.messageGroupList .columnLastPost > .box32 {
  align-items: center;
}
.messageGroupList .columnLastPost time {
  color: #646464;
}
.messageGroupList .columnLastPost a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.messageGroupList .tabularListRow:hover .columnSubject > .statusDisplay, .messageGroupList tr:hover .columnSubject > .statusDisplay {
  opacity: 1;
}
.messageGroupList .tabularListRow:hover .columnSubject > .statusDisplay > .pagination, .messageGroupList tr:hover .columnSubject > .statusDisplay > .pagination {
  opacity: 1;
}
.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink, .messageGroupList tr.new .columnSubject > h3 > .messageGroupLink {
  font-weight: 600;
}
.messageGroupList .pagination {
  flex: 0 0 auto;
  opacity: 0;
  transition: opacity 0.12s;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .pagination {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .pagination {
    font-size: 12px;
  }
}
.messageGroupList .pagination:not(:last-child) {
  margin-right: 5px;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .messageGroupCounterMobile, .messageGroupList .messageGroupInfoMobile {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .messageGroupList .tabularListColumns > .columnMark {
    display: none;
  }
  .messageGroupList .tabularListRowHead .columnMark {
    display: none;
  }
  .messageGroupList .tabularListRowHead .columnSubject {
    padding: 0;
  }
  .messageGroupList .tabularListRowHead .columnLastPost {
    flex-basis: auto;
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .tabularListRowHead .columnStats {
    display: none;
  }
  .messageGroupList .tabularListRowHead .columnSubject {
    padding: 0;
  }
  .messageGroupList .tabularListRowHead .columnLastPost {
    flex-basis: auto;
    padding: 0;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns {
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 5px 0;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns > li {
    padding: 0;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar {
    margin-right: 10px;
    padding: 0;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar div {
    height: 32px;
    width: 32px;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar img {
    max-height: 32px;
    max-width: 32px;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnAvatar .myAvatar {
    display: none;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject {
    /* 37px = avatar width + margin-right */
    flex-basis: calc(100% - 42px);
    max-width: calc(100% - 42px);
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 {
    align-items: flex-start;
    display: flex;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink {
    flex: 1 1 auto;
    line-height: 1.48;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupCounterMobile {
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile {
    color: #646464;
    display: flex;
    font-weight: 400;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile > .messageGroupAuthorMobile {
    flex: 1 1 auto;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile > .messageGroupLastPostTimeMobile {
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .statusDisplay, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfo, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupTime, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupEditLink {
    display: none;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .labelList {
    float: none;
    padding-bottom: 2px;
    padding-left: 0;
  }
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnStats, .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnLastPost {
    display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject > h3 > .messageGroupLink {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .messageGroupList .tabularListRow:not(.tabularListRowHead) > .tabularListColumns .columnSubject .messageGroupInfoMobile {
    font-size: 12px;
  }
}
.messageGroupList .tabularListRowHead .columnSort {
  flex: 1;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .tabularListRowHead .columnSort {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .tabularListRowHead .columnSort {
    font-size: 14px;
  }
}
.messageGroupList .tabularListRowHead .columnFilter {
  flex: 0 1 auto;
  padding-left: 40px;
}
@media screen and (min-width: 769px), print {
  .messageGroupList .tabularListRowHead .columnFilter {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .messageGroupList .tabularListRowHead .columnFilter {
    font-size: 14px;
  }
}
@media screen and (max-width: 544px) {
  .messageGroupList .tabularListRowHead .columnFilter {
    display: none;
  }
}
.messageGroupList .tabularListRowHead .columnSort .inlineList > li:not(:last-child), .messageGroupList .tabularListRowHead .columnFilter .inlineList > li:not(:last-child) {
  margin-right: 10px;
}
.messageGroupList .tabularListRowHead .columnApplyFilter {
  flex: 0 1 auto;
  padding-right: 0;
}
.messageGroupListStatsSimple {
  color: #646464;
  font-size: 1rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.messageGroupListStatsSimple > .icon {
  color: inherit;
}
@media screen and (max-width: 1024px) {
  .mobileLinkShadowContainer {
    position: relative;
  }
  .mobileLinkShadowContainer > .mobileLinkShadow {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (min-width: 769px), print {
  .contentHeader.messageGroupContentHeader > .contentHeaderIcon {
    position: relative;
  }
}
.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before, .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon::before {
  display: block;
  font-family: FontAwesome;
  font-size: 56px;
  position: absolute;
}
.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon > img, .contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon > .icon:first-child, .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon > img, .contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon > .icon:first-child {
  visibility: hidden;
}
.contentHeader.messageGroupContentHeader.messageDisabled > .contentHeaderIcon::before {
  color: #008c00;
  content: "";
  left: 4px;
  top: -12px;
}
.contentHeader.messageGroupContentHeader.messageDeleted > .contentHeaderIcon::before {
  color: #b40000;
  content: "";
  left: 11px;
  top: -12px;
}
.messageUserConsent {
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  margin: 10px 0;
  max-width: 600px;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .messageUserConsent {
    padding: 10px;
  }
}
.messageUserConsentHeader {
  display: flex;
  justify-content: space-between;
}
.messageUserConsentTitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.05;
  margin-bottom: 10px;
}
.messageUserConsentButtonContainer {
  margin: 10px 0;
  text-align: center;
}
.messageUserConsentNotice {
  color: #646464;
  font-size: 12px;
}
.notificationSettings {
  margin-top: 30px;
}
.notificationSettingsCategory, .notificationSettingsItem {
  display: flex;
}
.notificationSettingsCategory {
  border-bottom: 2px solid currentColor;
  color: #c13e4b;
  font-weight: 600;
  padding: 5px 0;
}
.notificationSettingsItem {
  align-items: center;
  padding: 5px 0;
}
.notificationSettingsItem:not(:last-child) {
  border-bottom: 1px solid #eaeaea;
}
.notificationSettingsEvent {
  flex: 1 auto;
}
.notificationSettingsEvent > label {
  cursor: pointer;
  display: block;
}
.notificationSettingsEvent:hover + .notificationSettingsState .fa-bell, .notificationSettingsEvent:hover + .notificationSettingsState .fa-bell-slash, .notificationSettingsState > label:hover .fa-bell, .notificationSettingsState > label:hover .fa-bell-slash {
  transform: scale(1.2);
}
.notificationSettingsState {
  align-items: center;
  display: flex;
  flex: 0 0 34px;
  justify-content: center;
}
@media screen and (min-width: 545px), print {
  .notificationSettingsState {
    margin: 0 20px;
  }
}
@media screen and (max-width: 544px) {
  .notificationSettingsState {
    margin: 0 10px;
  }
}
.notificationSettingsState input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  z-index: -1;
}
.notificationSettingsState input[type="checkbox"].focus-visible:focus ~ .icon {
  transform: scale(1.2);
}
.notificationSettingsState input[type="checkbox"]:not(:checked) + .fa-bell {
  display: none;
}
.notificationSettingsState input[type="checkbox"]:checked ~ .fa-bell-slash {
  display: none;
}
.notificationSettingsEmail {
  align-items: center;
  display: flex;
  flex: 0 0 50px;
  justify-content: flex-end;
}
.notificationSettingsEmailType {
  align-items: center;
  display: flex;
}
.notificationSettingsEmailType.disabled {
  filter: grayscale(1);
  opacity: 0.75;
}
.oauthLogo {
  text-align: center;
}
.oauthLogo > img {
  max-width: 100%;
  max-height: 200px;
}
.pageAction {
  bottom: 10px;
  display: flex;
  justify-content: flex-end;
  left: 10px;
  pointer-events: none;
  position: fixed;
  right: 10px;
  z-index: 400;
}
.pageAction .pageActionButtons {
  display: flex;
  flex: 0 auto;
  overflow: auto;
}
.pageAction .pageActionButtons, .pageAction .pageActionButtonToTop {
  pointer-events: all;
}
.pageAction .pageActionButton {
  display: flex;
  flex: 0 0 auto;
  white-space: nowrap;
}
.pageAction .pageActionButton:not(:first-child) {
  margin-left: 5px;
}
.pageAction .pageActionButton.remove {
  opacity: 0 !important;
  visibility: hidden !important;
}
.pageAction .pageActionButton, .pageAction .pageActionButtonToTop {
  opacity: 0;
  transition: visibility 0.12s linear, opacity 0.12s linear;
  visibility: hidden;
}
.pageAction .pageActionButton[aria-hidden="false"], .pageAction .pageActionButtonToTop[aria-hidden="false"] {
  opacity: 1;
  visibility: visible;
}
.pageAction .pageActionButtonToTop {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-left: 5px;
  padding: 2px;
}
@media screen and (max-width: 768px) {
  .pageAction {
    transition: bottom 0.12s linear;
  }
  .pageAction:not(.pageActionHasContextButtons).scrolledDown .pageActionButton, .pageAction:not(.pageActionHasContextButtons).scrolledDown .pageActionButtonToTop {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.4s;
  }
}
.pageOverlayActive .pageAction {
  display: none;
}
.pageMenuContainer {
  background-color: rgba(0, 0, 0, 0.34);
  bottom: 0;
  display: flex;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 50px;
  z-index: 300;
}
.pageMenuContent {
  --background-color: white;
  --background-color-active: #efefef;
  --border-color: #eaeaea;
  --color: #303030;
  --color-active: #303030;
  --color-dimmed: #303030;
  --color-indicator: #318adc;
  background-color: var(--background-color);
  color: var(--color);
  grid-area: content;
}
.pageMenuMainContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.pageMenuMainContainer::after, .pageMenuMainContainer::before {
  --box-shadow-size: 20px;
  --box-shadow-size-inverted: calc(-1 * var(--box-shadow-size));
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: box-shadow 0.24s ease-out;
  right: 0;
  top: 0;
  z-index: 1;
}
.pageMenuMainContainer.pageMenuMainContainerOverflowTop::before {
  box-shadow: 0 var(--box-shadow-size) var(--box-shadow-size) var(--box-shadow-size-inverted) #000 inset;
}
.pageMenuMainContainer.pageMenuMainContainerOverflowBottom::after {
  box-shadow: 0 var(--box-shadow-size-inverted) var(--box-shadow-size) var(--box-shadow-size-inverted) #000 inset;
}
.pageMenuMainNavigationLanguage, .pageMenuMainNavigationFooter {
  /* The footer is placed at the very bottom of the main menu which
	   is accomplished by setting `margin-top: auto`. However, this
	   prevents us from using `margin-top` to define a minimum gap between
	   the footer and the regular items.
	   
	   Setting `margin-bottom` on the regular menu items is not an option
	   because it violates the principle of using only `margin-top`. The
	   only option left is to abuse the `padding-top` to define a mimimum
	   gap between these sections. */
  padding-top: 30px;
  margin-top: auto;
}
.pageMenuMainNavigationLanguage + .pageMenuMainNavigationFooter {
  padding-top: 0;
  margin-top: 0;
}
.pageMenuMainItem {
  border-bottom: 1px solid var(--border-color);
  column-gap: 10px;
  display: grid;
  grid-template-areas: "item";
  grid-template-columns: auto;
  position: relative;
}
.pageMenuMainItemExpandable {
  grid-template-areas: "item button" "list list";
  grid-template-columns: auto 44px;
}
.pageMenuMainItemLabel, .pageMenuMainItemLink {
  align-items: center;
  color: inherit;
  display: flex;
  font-weight: 600;
  grid-area: item;
  min-height: 44px;
  overflow: hidden;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pageMenuMainItemLabel:hover, .pageMenuMainItemLink:hover {
  color: inherit;
}
.pageMenuMainItemCounter {
  align-self: center;
  border-radius: 4px;
  grid-area: counter;
  margin-left: 8px;
  white-space: nowrap;
}
.pageMenuMainItemToggle {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
}
.pageMenuMainItemToggle::before {
  border-left: 1px solid var(--border-color);
  bottom: 10px;
  content: "";
  left: 0;
  position: absolute;
  top: 10px;
}
.pageMenuMainItemToggle .icon {
  color: var(--color);
  transform: rotate(0);
}
.pageMenuMainItemToggle[aria-expanded="true"] .icon {
  transform: rotate(180deg);
}
.pageMenuMainItemLabel + .pageMenuMainItemToggle::before {
  display: none;
}
.pageMenuMainItemList {
  grid-area: list;
}
.pageMenuMainItem[data-depth="1"], .pageMenuMainItem[data-depth="2"] {
  border-bottom-width: 0;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemLabel, .pageMenuMainItem[data-depth="1"] .pageMenuMainItemLink, .pageMenuMainItem[data-depth="2"] .pageMenuMainItemLabel, .pageMenuMainItem[data-depth="2"] .pageMenuMainItemLink {
  font-weight: 400;
  min-height: 34px;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemLink[aria-current="page"], .pageMenuMainItem[data-depth="2"] .pageMenuMainItemLink[aria-current="page"] {
  font-weight: 600;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemToggle::before, .pageMenuMainItem[data-depth="2"] .pageMenuMainItemToggle::before {
  bottom: 5px;
  top: 5px;
}
.pageMenuMainItem[data-depth="0"] .pageMenuMainItemList {
  padding: 10px 0 20px 0;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemList {
  padding: 10px 0;
}
.pageMenuMainItem[data-depth="1"] .pageMenuMainItemLabel, .pageMenuMainItem[data-depth="1"] .pageMenuMainItemLink {
  padding-left: 20px;
}
.pageMenuMainItem[data-depth="2"] .pageMenuMainItemList {
  padding: 0 10px;
}
.pageMenuMainItem[data-depth="2"] .pageMenuMainItemLabel, .pageMenuMainItem[data-depth="2"] .pageMenuMainItemLink {
  padding-left: 30px;
}
.pageMenuUserTabContainer {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pageMenuUserTabList {
  border-bottom: 1px solid var(--border-color);
  display: grid;
  flex: 0 0 auto;
  grid-auto-columns: minmax(70px, 1fr);
  grid-auto-flow: column;
  overflow: auto;
}
.pageMenuUserTab {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 50px;
  position: relative;
}
.pageMenuUserTab:not(:last-child) {
  border-right: 1px solid var(--border-color);
}
.pageMenuUserTab[aria-selected="true"] {
  background-color: var(--background-color-active);
}
.pageMenuUserTab[aria-selected="true"] .icon {
  color: var(--color-active);
}
.pageMenuUserTab[data-has-unread-content="true"]::after {
  background-color: var(--color-indicator);
  border-radius: 50%;
  content: "";
  height: 10px;
  opacity: 1;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 10px;
}
.pageMenuUserTab .icon {
  color: var(--color);
}
.pageMenuUserTabPanel {
  flex: 1 auto;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mainMenu[aria-expanded="true"]::before {
    content: "";
  }
  .userPanel.userPanelLoggedIn[aria-expanded="true"]::before {
    content: "";
    color: rgba(255, 255, 255, 0.8);
    font-family: FontAwesome;
    font-size: 28px;
    line-height: 32px;
    padding: 5px 5px;
  }
  .userPanel.userPanelLoggedIn[aria-expanded="true"] .userPanelAvatar {
    display: none;
  }
  .mainMenu[aria-expanded="true"]::after, .userPanel.userPanelLoggedIn[aria-expanded="true"]::after {
    border: 8px solid transparent;
    border-top-width: 0;
    border-bottom-color: white;
    bottom: -5px;
    content: "";
    position: absolute;
  }
  .userPanel.userPanelLoggedIn[aria-expanded="true"]::after {
    bottom: 0;
  }
}
@media screen and (min-width: 545px) and (max-width: 1024px) {
  .pageMenuMainContainer::after, .pageMenuMainContainer::before {
    left: auto;
    width: 400px;
  }
  .pageMenuContent {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.19), 0 0 6px rgba(0, 0, 0, 0.23);
    margin-left: auto;
    width: 400px;
  }
}
@media screen and (max-width: 544px) {
  .pageMenuContent {
    width: 100%;
  }
}
.pagination {
  overflow: auto;
}
@media screen and (max-width: 544px) {
  .pagination {
    text-align: center;
  }
}
.pagination > ul {
  display: inline-flex;
  flex-wrap: nowrap;
}
.pagination > ul > li {
  display: flex;
  flex: 0 0 auto;
}
.pagination > ul > li > .invisible {
  display: none;
}
.pagination > ul > li > a, .pagination > ul > li > span {
  color: #303030;
  padding: 2px 8px 0;
}
.pagination > ul > li.disabled > span {
  color: #646464;
}
.pagination > ul > li.active > a, .pagination > ul > li.active > span, .pagination > ul > li > a:hover {
  background-color: #8f2c36;
  color: white;
}
.pagination > ul > li > .icon {
  height: auto;
  line-height: inherit;
  width: auto;
}
.pagination > ul > li:not(:last-child) {
  margin-right: 1px;
}
.pagination > ul > li:not(.skip) > a, .pagination > ul > li:not(.skip) > span {
  padding: 4px 8px;
}
.pagination > ul > li:first-child > a::before, .pagination > ul > li:first-child > span::before {
  left: -1px;
  position: relative;
}
/* PerfectScrollbar plugin */
.ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y, .ps-container.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: rgba(102, 102, 102, 0.6);
}
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container > .ps-scrollbar-y-rail {
  background-color: rgba(102, 102, 102, 0);
  border-radius: 2px;
  bottom: 0;
  display: none;
  position: absolute;
  right: 2px;
  transition: background-color 0.24s linear;
  width: 6px;
}
.ps-container > .ps-scrollbar-y-rail:hover {
  background-color: rgba(102, 102, 102, 0.3);
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: rgba(102, 102, 102, 0);
  border-radius: 2px;
  position: relative;
  transition: background-color 0.24s linear;
}
/* poll create/edit form */
.pollOptionContainer .pollOptionInput {
  align-items: center;
  margin: 5px 0;
  /* using `display: flex` inside a native list-item is pretty weird */
  display: inline-flex;
  width: 100%;
}
.pollOptionContainer .pollOptionInput > .icon {
  flex: 0 0 auto;
  margin: 0 5px;
}
.pollOptionContainer .pollOptionInput > input {
  flex: 1 1 auto;
  margin-left: 5px;
}
/* displayed poll */
.pollContainer {
  border: 1px solid #eaeaea;
  border-width: 1px 0;
  margin-bottom: 10px;
  min-width: 300px;
  padding: 10px 0;
}
@media screen and (min-width: 545px), print {
  .pollContainer.pollContainerFullWidth {
    margin-bottom: 20px;
  }
  .pollContainer:not(.pollContainerFullWidth) {
    float: left;
    margin-right: 20px;
    max-width: 50%;
  }
}
.pollContainer h2 {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .pollContainer h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .pollContainer h2 {
    font-size: 18px;
  }
}
.pollContainer .pollInnerContainer {
  margin-top: 30px;
}
.pollContainer .pollInnerContainer dd:not(:last-child) {
  margin-bottom: 5px;
}
.pollContainer .formSubmit {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
}
.pollContainer .pollResultItem {
  /* option name in result list */
  /* visual representation of relative votes per option */
}
.pollContainer .pollResultItem + .pollResultItem {
  margin-top: 20px;
}
.pollContainer .pollResultItem .pollResultItemCaption {
  align-items: flex-end;
  display: flex;
}
.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionName {
  flex: 1 1 auto;
}
.pollContainer .pollResultItem .pollResultItemCaption > .pollOptionRelativeValue {
  color: #7d8287;
  flex: 0 0 50px;
  text-align: right;
}
.pollContainer .pollResultItem .pollMeter {
  background-color: #eaeaea;
  height: 5px;
  margin-top: 5px;
}
.pollContainer .pollResultItem .pollMeter > .pollMeterValue {
  background-color: #eaeaea;
  height: 100%;
}
@keyframes wcfPopover {
  0% {
    visibility: visible;
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes wcfPopoverOut {
  0% {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    visibility: hidden;
    transform: translateY(-20px);
    opacity: 0;
  }
}
/* outer element containing both the pointer and content element */
.popover {
  animation: wcfPopoverOut 0.3s;
  animation-fill-mode: forwards;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  top: 0;
  vertical-align: middle;
  visibility: hidden;
  width: 500px !important;
  z-index: 500;
}
.popover.active {
  animation: wcfPopover 0.3s;
  animation-fill-mode: forwards;
}
.popover.forceHide {
  animation: 0;
  visibility: hidden;
}
.popover > .elementPointer {
  display: none;
}
@media screen and (max-width: 768px) {
  .popover {
    display: none;
  }
}
/* actual popover content */
.popoverContent {
  background-color: white;
  border-radius: 3px;
  color: #303030;
  padding: 15px;
  /* Workaround for the partially active mobile navigation on desktop devices. See #2791 */
}
.popoverContent > div {
  max-height: 290px;
  min-height: 36px;
  overflow: hidden;
}
.popoverContent a {
  color: #c13e4b;
}
.popoverContent a:hover {
  color: black;
}
.popoverContent .jsMobileButtonGroupNavigation > .dropdownLabel {
  display: none;
}
.ratingList {
  font-size: 0;
}
.ratingList > li {
  display: inline-block;
}
.reactionPopover {
  animation: wcfPopoverOut 0.3s;
  animation-fill-mode: forwards;
  background-color: white;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  overflow: hidden;
  position: absolute;
  top: 0;
  vertical-align: middle;
  visibility: hidden;
  z-index: 60;
}
.reactionPopover.active {
  animation: wcfPopover 0.3s;
  animation-fill-mode: forwards;
}
.reactionPopover.forceHide {
  animation: 0;
  visibility: hidden;
}
.reactionPopover > .elementPointer {
  display: none;
}
@media screen and (max-width: 544px) {
  .reactionPopover.inverseOrder .reactionTypeButtonList {
    flex-direction: column;
  }
}
.reactionType {
  width: 20px;
  height: 20px;
}
.reactionSummaryList {
  display: inline-flex;
  flex-wrap: wrap;
  margin: -5px -5px 0 0;
}
.reactionSummaryList.reactionSummaryListTiny .reactionType {
  width: 16px;
  height: 16px;
}
.reactionSummaryList:hover .reactCountButton {
  color: #303030;
}
.reactionCount {
  font-weight: 400;
  vertical-align: middle;
}
@media screen and (min-width: 769px), print {
  .reactionCount {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .reactionCount {
    font-size: 12px;
  }
}
.reactionCount::before {
  content: " × ";
}
.reactCountButton {
  color: #646464;
  flex: 0 0 auto;
  margin: 5px 5px 0 0;
  white-space: nowrap;
}
.reactionPopoverContent {
  background-color: white;
  border-radius: 3px;
  color: #303030;
}
.reactionPopoverContent a {
  color: #c13e4b;
}
.reactionPopoverContent a:hover {
  color: black;
}
.reactionPopoverContent .reactionTypeButton > img {
  width: 24px;
  height: 24px;
}
.reactionPopoverContent .reactionTypeButton > img:hover {
  transform: scale(1.2);
}
@media screen and (max-width: 544px) {
  .reactionPopoverContent {
    max-height: 200px;
    overflow: auto;
  }
  .reactionPopoverContent::after, .reactionPopoverContent::before {
    content: "";
    height: 40px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: opacity 0.12s linear;
  }
  .reactionPopoverContent::after {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
    bottom: 0;
  }
  .reactionPopoverContent.overflowBottom::after {
    opacity: 1;
  }
  .reactionPopoverContent::before {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), white);
    top: 0;
  }
  .reactionPopoverContent.overflowTop::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .reactionPopoverContent {
    padding: 5px 0;
  }
  .reactionPopoverContent .reactionTypeButton {
    margin: 0;
    display: block;
    padding: 5px 25px;
  }
  .reactionPopoverContent .reactionTypeButton.active {
    background-color: #eaeaea;
  }
  .reactionPopoverContent .reactionTypeButton > .reactionTypeButtonTitle {
    vertical-align: middle;
    padding-left: 5px;
  }
}
@media screen and (min-width: 1025px), print {
  .reactionPopoverContent {
    padding: 5px 15px;
  }
  .reactionPopoverContent .reactionTypeButton {
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    margin-left: 10px;
  }
  .reactionPopoverContent .reactionTypeButton:first-child {
    margin-left: 0;
  }
  .reactionPopoverContent .reactionTypeButton.active {
    padding-left: 5px;
    padding-right: 5px;
  }
  .reactionPopoverContent .reactionTypeButton.active > img {
    transform: scale(1.4);
  }
  .reactionPopoverContent .reactionTypeButton.active > img:hover {
    transform: scale(1.2);
  }
  .reactionPopoverContent .reactionTypeButton > .reactionTypeButtonTitle {
    display: none;
  }
}
@media screen and (min-width: 1025px), print {
  html.touch .reactionPopoverContent .reactionTypeButton {
    display: block;
    margin-left: 0;
  }
  html.touch .reactionPopoverContent .reactionTypeButton > .reactionTypeButtonTitle {
    display: inline;
    margin-left: 10px;
  }
}
@media screen and (max-width: 768px) {
  .reactionStatusContainer {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  .reactionTypeButtonList {
    display: flex;
    flex-direction: column-reverse;
  }
}
#likeList .likeTypeSelection {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#likeList .likeTypeSelection .buttonGroup, #likeList .likeTypeSelection .messageFooterButtons, #likeList .likeTypeSelection .messageFooterButtonsExtra {
  margin-bottom: 0;
}
#likeList .likeTypeSelection .buttonGroup li, #likeList .likeTypeSelection .messageFooterButtons li, #likeList .likeTypeSelection .messageFooterButtonsExtra li {
  display: flex;
  justify-content: stretch;
}
#likeList .likeTypeSelection .buttonGroup li a, #likeList .likeTypeSelection .messageFooterButtons li a, #likeList .likeTypeSelection .messageFooterButtonsExtra li a {
  display: flex;
  align-items: center;
}
.topReactionFull > .reactionType, .topReactionShort > .reactionType {
  vertical-align: bottom;
}
.topReactionTiny > .reactionType {
  height: 16px;
  vertical-align: top;
  width: 16px;
}
/* Google ReCAPTCHA */
#recaptcha_response_field {
  margin-top: 20px;
}
.redactor-box {
  background-color: white;
  position: relative;
}
.redactor-box:not(:first-child):not(.redactorBoxFullscreen) {
  margin-top: 20px;
}
.redactor-box + .messageTabMenu {
  padding: 0;
}
.redactor-box + .innerError, .redactor-box + .innerSuccess, .redactor-box + .innerWarning, .redactor-box > .innerError, .redactor-box > .innerSuccess, .redactor-box > .innerWarning {
  border-radius: 0;
  box-shadow: none;
  display: block;
  margin-top: -1px;
}
.redactor-box > .innerError, .redactor-box > .innerSuccess, .redactor-box > .innerWarning {
  margin: -1px 0;
}
.redactor-layer {
  border: 1px solid #eaeaea;
  border-top-width: 0;
  max-height: 500px;
  padding: 10px;
  position: relative;
  outline: none;
  overflow: auto;
  /* This is a rather hacky work-around for Safari that makes the bottom margin clickable
	   in order to recognize clicks in between two block elements. See #2533 */
}
.redactor-layer * {
  min-width: auto;
}
.redactor-layer.redactor-placeholder::after {
  color: #646464;
  content: attr(placeholder);
  display: block;
  pointer-events: none;
  position: absolute;
}
.redactor-layer + textarea {
  border-width: 0;
  box-shadow: none;
  outline: none;
  padding: 10px;
  resize: vertical;
}
.redactor-layer + textarea:focus {
  box-shadow: none;
}
.redactor-layer > :not(p):first-child {
  margin-top: 10px !important;
}
.redactor-layer > :not(p):last-child {
  margin-bottom: 20px !important;
}
.redactor-layer > p:first-child {
  margin-top: 0;
}
.redactor-layer img {
  height: auto;
  max-width: 100%;
  /* prevent flicker from pasted images */
}
.redactor-layer img:not(.smiley) {
  cursor: pointer;
}
.redactor-layer img[src^="data:image"] {
  display: none !important;
}
.redactor-layer table {
  border-collapse: collapse;
  line-height: 1.6em;
}
.redactor-layer table th {
  border: 1px solid #ddd;
  border-bottom: 2px solid currentColor;
}
.redactor-layer table td {
  border: 1px solid #ddd;
  padding: 5px;
  vertical-align: top;
}
.redactor-layer table td:empty::before {
  content: "";
  display: inline-block;
}
.redactor-layer.jsSafariMarginClickTarget pre::after, .redactor-layer.jsSafariMarginClickTarget woltlab-quote::after, .redactor-layer.jsSafariMarginClickTarget woltlab-spoiler::after {
  content: "";
  height: 1em;
  left: 0;
  position: absolute;
  right: 0;
}
@media screen and (min-width: 769px), print {
  .redactor-layer.jsSafariMarginClickTarget pre::after, .redactor-layer.jsSafariMarginClickTarget woltlab-quote::after, .redactor-layer.jsSafariMarginClickTarget woltlab-spoiler::after {
    transform: translateY(20px);
  }
}
@media screen and (max-width: 768px) {
  .redactor-layer.jsSafariMarginClickTarget pre::after, .redactor-layer.jsSafariMarginClickTarget woltlab-quote::after, .redactor-layer.jsSafariMarginClickTarget woltlab-spoiler::after {
    transform: translateY(10px);
  }
}
.redactor-layer.jsSafariMarginClickTarget pre::after {
  /* parent is `position: relative` */
  bottom: 0;
}
.redactor-dropdown-menu > li:hover {
  background-color: transparent !important;
}
.redactor-dropdown-menu a:hover {
  background-color: whitesmoke;
}
.redactor-dropdown-menu .redactor-dropdown-link-inactive {
  cursor: default;
  opacity: 0.6;
}
.redactor-dropdown-menu .redactor-dropdown-link-inactive > a:hover {
  background-color: white !important;
  color: #303030 !important;
  cursor: default !important;
}
/* disable auto zoom in mobile safari */
@media screen and (max-width: 1024px) {
  .redactor-layer {
    font-size: 16px;
    max-height: 500px;
  }
}
.redactor-toolbar {
  background-color: #b1252a;
  display: flex;
  flex-wrap: wrap;
}
.redactor-toolbar > li {
  flex: 0 0 auto;
}
.redactor-toolbar > li > a {
  color: rgba(255, 255, 255, 0.6);
  display: block;
  outline: none;
  padding: 10px;
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .redactor-toolbar > li > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-toolbar > li > a {
    font-size: 12px;
  }
}
.redactor-toolbar > li > a.redactor-button-disabled {
  background-color: transparent !important;
  color: #a5a5a5 !important;
  cursor: default;
  pointer-events: none;
}
.redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {
  background-color: rgba(255, 255, 255, 0.07);
  color: white;
}
.redactor-toolbar > li > a .icon {
  color: inherit;
  cursor: inherit !important;
}
.redactor-toolbar > li > a .icon.redactorButtonImage {
  background: no-repeat center center;
  background-size: contain;
}
@media screen and (min-width: 1025px), print {
  .redactor-toolbar > li > a:hover {
    background-color: rgba(255, 255, 255, 0.07);
    color: white;
  }
}
.redactor-toolbar > li > a:focus {
  background-color: rgba(255, 255, 255, 0.07);
  color: white;
}
@media screen and (min-width: 545px), print {
  .redactor-toolbar > li.redactor-toolbar-separator {
    margin-left: 11px;
    position: relative;
  }
  .redactor-toolbar > li.redactor-toolbar-separator::before {
    bottom: 7px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    left: -6px;
    opacity: 0.6;
    position: absolute;
    top: 7px;
  }
}
@media screen and (max-width: 544px) {
  .redactor-toolbar:not(.redactorToolbarOverride) > li[data-show-on-mobile="false"] {
    display: none;
  }
  .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator {
    position: relative;
  }
  .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator::before {
    bottom: 7px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 7px;
  }
  .redactor-toolbar .redactorToolbarToggle {
    position: relative;
  }
  .redactor-toolbar .redactorToolbarToggle::before {
    bottom: 7px;
    border-left: 1px solid rgba(255, 255, 255, 0.6);
    content: "";
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 7px;
  }
}
.redactor-toolbar-tooltip {
  opacity: 1;
  visibility: visible;
}
.redactorAttachmentContainer {
  background-color: white;
  border: 1px solid #eee;
  border-top-width: 0;
  padding: 7px 14px 7px;
}
.redactor-dropdown-menu-fontcolor {
  width: 200px;
}
.redactor-dropdown-menu-fontcolor > li.redactorColorPallet {
  padding: 0 4px;
}
.redactor-dropdown-menu-fontcolor > li.redactorColorPallet:hover {
  background-color: white !important;
}
.redactor-dropdown-menu-fontcolor > li.redactorColorPallet > a {
  border: 2px solid white;
  border-bottom-width: 0;
  display: inline-block;
  font-size: 0;
  height: 20px;
  padding: 0;
  margin: 0;
  width: 20px;
}
.redactorDropArea {
  align-items: center;
  background-color: #428ecd;
  border: 5px dashed currentColor;
  bottom: 0;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 10;
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .redactorDropArea {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .redactorDropArea {
    font-size: 20px;
  }
}
.redactorDropArea::before {
  content: attr(data-drop-here);
}
.redactorDropArea.active {
  background-color: #50a72e;
  color: rgba(255, 255, 255, 0.8);
}
.redactorDropArea.active::before {
  content: attr(data-drop-now);
}
.redactor-link-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: white;
  padding: 5px 10px 7px;
  position: absolute;
  z-index: 800;
}
.redactor-link-tooltip > a {
  color: white;
}
.redactor-voice-label {
  display: none;
}
/* format */
.redactor-dropdown-h2 {
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .redactor-dropdown-h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-dropdown-h2 {
    font-size: 20px;
  }
}
.redactor-dropdown-h3 {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .redactor-dropdown-h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .redactor-dropdown-h3 {
    font-size: 18px;
  }
}
/* alignment plugin */
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
/* alignment plugin / custom value */
.text-justify {
  text-align: justify !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* text color selection */
.redactor-dropdown-menu-woltlabColor {
  display: flex !important;
  flex-wrap: wrap;
  width: 272px;
}
.redactor-dropdown-menu-woltlabColor > .dropdownDivider, .redactor-dropdown-menu-woltlabColor > .dropdownDivider + li {
  flex: 0 0 100%;
}
.redactor-dropdown-menu-woltlabColor .woltlab-color-selection {
  flex: 0 0 30px;
  margin: 2px;
  overflow: hidden;
}
.redactor-dropdown-menu-woltlabColor .woltlab-color-selection > a {
  background-color: currentColor !important;
  display: block;
  height: 30px;
  width: 30px;
}
/* font size */
.woltlab-size-8 {
  font-size: 8pt;
}
.woltlab-size-10 {
  font-size: 10pt;
}
.woltlab-size-12 {
  font-size: 12pt;
}
.woltlab-size-14 {
  font-size: 14pt;
}
.woltlab-size-18 {
  font-size: 18pt;
}
.woltlab-size-24 {
  font-size: 24pt;
}
.woltlab-size-36 {
  font-size: 36pt;
}
/* image float */
.messageFloatObjectLeft {
  float: left;
  margin: 0 20px 20px 0;
}
.messageFloatObjectRight {
  float: right;
  margin: 0 0 20px 20px;
}
.smiley[src$="_emojione.png"], .jsSmiley > img[src$="_emojione.png"] {
  max-height: 20px;
}
.smiley {
  margin: 0 1px;
}
@media screen and (max-width: 1024px) {
  .jsSmiley {
    display: inline-block;
    padding: 10px;
  }
}
.wysiwygTextarea {
  background-color: transparent !important;
  border: 1px solid #eaeaea !important;
  color: transparent !important;
  display: block;
  height: 238px;
  width: 100%;
}
.messageQuickReplyCollapsed {
  border-bottom-width: 0 !important;
}
@media screen and (max-width: 768px) {
  .messageQuickReplyCollapsed {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.messageQuickReplyCollapsed .messageSidebar {
  display: none;
}
.messageQuickReplyCollapsed .messageQuickReplyContent {
  background-color: white;
  cursor: pointer;
  display: inline-block !important;
  margin: 0 !important;
  max-width: 100% !important;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  width: 100% !important;
}
@media screen and (min-width: 769px), print {
  .messageQuickReplyCollapsed .messageQuickReplyContent {
    border-radius: 2px;
  }
}
.messageQuickReplyCollapsed .messageQuickReplyContent::before {
  color: #303030;
  content: "";
  font-family: FontAwesome;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  width: 32px;
  vertical-align: -5px;
}
.messageQuickReplyCollapsed .messageQuickReplyContent::after {
  color: #303030;
  content: attr(data-placeholder);
}
.messageQuickReplyCollapsed .messageQuickReplyContent > .messageBody {
  left: 200%;
  position: absolute;
  top: -100%;
}
.messageQuickReplyCollapsed .messageQuickReplyContent > .messageFooter {
  display: none;
}
.redactorAutosaveRestored {
  background-color: white;
  border-top: 1px solid #eaeaea;
  bottom: 1px;
  display: flex;
  opacity: 0;
  position: absolute;
  right: 1px;
  transition: opacity 0.12s linear, visibility 0s linear 0.12s;
  visibility: hidden;
}
.redactorAutosaveRestored.active {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.redactorAutosaveRestored > a {
  border-left: 1px solid #eaeaea;
  flex: 0 0 auto;
  padding: 10px;
}
.redactorAutosaveRestored > span {
  color: #646464;
  flex: 1 1 auto;
  padding: 10px;
}
@media screen and (min-width: 545px), print {
  .redactorAutosaveRestored {
    border-left: 1px solid #eaeaea;
    border-top-left-radius: 2px;
  }
  .redactorAutosaveRestored > span {
    padding: 10px 20px;
  }
}
@media screen and (max-width: 544px) {
  .redactorAutosaveRestored {
    left: 1px;
  }
  .redactorAutosaveRestored > span {
    text-align: center;
  }
}
.redactorBoxFullscreen {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 310;
}
.redactorBoxFullscreen .redactor-toolbar-box {
  flex: 0 auto;
}
.redactorBoxFullscreen .redactor-layer, .redactorBoxFullscreen .redactor-layer + textarea {
  flex: 1 auto;
  max-height: none !important;
  min-height: 0 !important;
}
.editorImageBlocked {
  filter: brightness(25%);
  transition: filter 0.12s linear;
}
.editorImageBlocked:hover {
  filter: brightness(75%);
}
#tpl_wcf_scDereferer {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3em);
  justify-content: center;
  width: 100%;
}
#tpl_wcf_scDereferer .externalLinkMessage {
  background-color: white;
  color: #303030;
  padding: 20px;
  text-align: center;
}
@media screen and (min-width: 1025px), print {
  #tpl_wcf_scDereferer .externalLinkMessage {
    border: 1px solid #eaeaea;
    max-width: 50%;
  }
}
#tpl_wcf_scDereferer .externalLinkMessage p {
  margin-bottom: 10px;
  margin-top: 10px;
}
#tpl_wcf_scDereferer .externalLinkMessage h1 {
  font-size: 2em;
}
#tpl_wcf_scDereferer .externalLinkMessage .bold {
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  #tpl_wcf_scDereferer .externalLinkMessage a.button {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
#scDerefererDialog .targetAddress {
  margin: 20px 0 20px;
}
.fontAwesomeSelectOption {
  background-color: #f1f6fb;
  border: 1px solid #ccc;
  height: 68px;
  padding: 1px;
  width: 68px;
}
.fontAwesomeSelectOption .icon64 {
  font-size: 48px;
}
.fontAwesomeSelectOption > .remove {
  background-color: #f1f6fb;
  border: 1px solid #ccc;
  height: 20px;
  margin-left: 65px;
  margin-top: -2px;
  width: 20px;
  position: absolute;
}
.formError .fontAwesomeSelectOption {
  border-color: #cc0001;
}
#scFontAwesomeContent .section {
  margin-top: 0;
}
#scFontAwesomeIconList {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
#scFontAwesomeIconList > ul {
  max-height: 285px;
  overflow-y: auto;
}
#scFontAwesomeIconList > ul > li {
  border: 2px dashed transparent;
  cursor: pointer;
}
#scFontAwesomeIconList > ul > li.active {
  border: 2px dashed #bbb;
}
#scFontAwesomeIconList > ul > li > div span {
  color: #444;
  font-size: 22px;
  position: relative;
}
#scFontAwesomeIconList > ul > li > div p {
  color: #999;
  font-size: 14px;
  margin-left: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  top: 7px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  #scFontAwesomeIconList > ul {
    max-height: 245px;
  }
}
#scTermsOfUse #termsList {
  margin-top: 0;
}
#scTermsOfUse #termsList .term > .termDescription {
  margin: 1em 0;
}
#scTermsOfUse li.term.depth-1 {
  font-weight: 300;
  line-height: 1.05;
}
@media screen and (min-width: 769px), print {
  #scTermsOfUse li.term.depth-1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 768px) {
  #scTermsOfUse li.term.depth-1 {
    font-size: 23px;
  }
}
#scTermsOfUse li.term div, #scTermsOfUse li.term li {
  font-weight: normal;
  line-height: normal;
}
@media screen and (min-width: 769px), print {
  #scTermsOfUse li.term div, #scTermsOfUse li.term li {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #scTermsOfUse li.term div, #scTermsOfUse li.term li {
    font-size: 14px;
  }
}
#scTermsOfUse ol:not(.none) {
  margin-left: 17px;
}
#scTermsOfUse .lastChange {
  margin-top: 4px;
}
#scTermsOfUse .noMargin {
  margin-left: 0;
}
#scTermsOfUse .none {
  list-style-type: none;
}
#scTermsOfUse .armenian {
  list-style-type: armenian;
}
#scTermsOfUse .circle {
  list-style-type: circle;
}
#scTermsOfUse .decimal {
  list-style-type: decimal;
}
#scTermsOfUse .decimal-leading-zero {
  list-style-type: decimal-leading-zero;
}
#scTermsOfUse .disc {
  list-style-type: disc;
}
#scTermsOfUse .georgian {
  list-style-type: georgian;
}
#scTermsOfUse .lower-alpha {
  list-style-type: lower-alpha;
}
#scTermsOfUse .lower-greek {
  list-style-type: lower-greek;
}
#scTermsOfUse .lower-latin {
  list-style-type: lower-latin;
}
#scTermsOfUse .lower-roman {
  list-style-type: lower-roman;
}
#scTermsOfUse .square {
  list-style-type: square;
}
#scTermsOfUse .upper-alpha {
  list-style-type: upper-alpha;
}
#scTermsOfUse .upper-latin {
  list-style-type: upper-latin;
}
#scTermsOfUse .upper-roman {
  list-style-type: upper-roman;
}
.scrollableCheckboxList {
  background-color: white;
  border: 1px solid #c5c5c5;
  color: #303030;
  max-height: 500px;
  max-width: 500px;
  overflow: auto;
  padding: 5px;
}
.scrollableCheckboxList li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialogContent .scrollableCheckboxList {
  max-height: 300px;
}
.itemListFilter {
  max-width: 500px;
}
.itemListFilter > .inputAddon {
  margin-top: 5px;
}
.itemListFilter .scrollableCheckboxList[data-filter="highlightActive"] > li:not(.active) {
  opacity: 0.6;
}
.itemListFilter .scrollableCheckboxList[data-filter="activeOnly"] > li:not(.active) {
  display: none;
}
/* search keyword highlighting */
.highlight {
  background-color: #ffd61e;
  color: black;
  padding: 0 2px;
}
/* search form */
.searchBar {
  display: grid;
}
@media screen and (min-width: 769px), print {
  .searchBar {
    column-gap: 20px;
    grid-template-columns: 60% 20% auto;
  }
}
@media screen and (max-width: 768px) {
  .searchBar {
    row-gap: 5px;
  }
}
.searchShowMoreFiltersButton {
  cursor: pointer;
  user-select: none;
}
.searchFiltersContainer {
  margin-top: 20px;
}
.searchFilters {
  margin-top: 20px;
}
.searchFiltersTitle {
  align-items: center;
  color: #646464;
  display: flex;
  margin-top: 10px;
}
.searchFiltersTitle::before {
  border-top: 1px solid #eaeaea;
  content: "";
  flex: 0 0 20px;
  margin-right: 10px;
}
.searchFiltersTitle::after {
  border-top: 1px solid #eaeaea;
  content: "";
  flex: 1 0 auto;
  margin-left: 10px;
}
.searchFiltersTitle ~ .searchFilters {
  margin-top: 10px;
}
@media screen and (min-width: 769px), print {
  .searchFilters {
    columns: 2;
  }
  .searchFilters > :is(div, dl) {
    break-inside: avoid-column;
    /* work-around for Firefox */
    overflow: hidden;
  }
  .searchFiltersContainer .searchButton {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .searchFiltersContainer .searchButton {
    margin-top: 20px;
    width: 100%;
  }
}
.messageShareButtons .inlineList {
  margin-right: -5px;
  margin-bottom: -5px;
}
.messageShareButtons .inlineList > li {
  margin-bottom: 5px;
}
.messageShareButtons .button {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .messageShareButtons .button > span:not(.icon) {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .messageShareButtons .icon {
    margin-right: 3px;
  }
}
.messageShareButtons .jsShareFacebook {
  background-color: #3b5999;
  color: white;
}
.messageShareButtons .jsShareTwitter {
  background-color: #55acee;
  color: white;
}
.messageShareButtons .jsShareGoogle {
  background-color: #dc4e41;
  color: white;
}
.messageShareButtons .jsShareReddit {
  background-color: orangered;
  color: white;
}
.messageShareButtons .jsShareWhatsApp {
  background-color: #25d366;
  color: white;
}
.messageShareButtons .jsShareLinkedIn {
  background-color: #007ab6;
  color: white;
}
.messageShareButtons .jsSharePinterest {
  background-color: #bd2125;
  color: white;
}
.messageShareButtons .jsShareXing {
  background-color: #006567;
  color: white;
}
/* hover states are only applied to non-touch devices to avoid "leftover" hover states after taps */
html:not(.touch) .messageShareButtons .jsShareFacebook:hover {
  background-color: #2d4474;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareTwitter:hover {
  background-color: #2795e9;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareGoogle:hover {
  background-color: #c63224;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareReddit:hover {
  background-color: #cc3700;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareWhatsApp:hover {
  background-color: #1da851;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareLinkedIn:hover {
  background-color: #005883;
  color: white;
}
html:not(.touch) .messageShareButtons .jsSharePinterest:hover {
  background-color: #92191c;
  color: white;
}
html:not(.touch) .messageShareButtons .jsShareXing:hover {
  background-color: #003334;
  color: white;
}
body.wcfAcp[data-template="productAdd"] #heroContainer dd {
  display: flex;
  flex-flow: row wrap;
}
body.wcfAcp[data-template="productAdd"] #heroContainer dd > label {
  flex: 1 0 auto;
  margin-top: 0 !important;
}
.dropdownToggle.inputPrefix + .redactor-box {
  margin-top: 10px !important;
}
.shopFormAttachmentList {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.shopFormAttachmentList > li {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 20px;
}
.shopFormAttachmentList > li > .attachmentTinyThumbnail {
  border-bottom-width: 0;
}
@media screen and (min-width: 769px), print {
  .shopFormAttachmentList {
    margin-right: -20px;
  }
  .shopFormAttachmentList > li {
    /* Safari sometimes trips over fractional values, causing two
			   items to be exactly 1 pixel wider than the available space.
			   Reserving 21px covers all sort of rounding errors, without
			   being visually noticeable */
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 21px);
    margin-right: 20px;
  }
}
.shopPositionsContainer td.section.columnProduct > section:first-child {
  margin-top: 0;
}
.shopPositionsContainer td.section.columnProduct > section > dl > dt {
  display: none;
}
.shopPositionsContainer td.section.columnProduct > section > dl:not(.plain):not(:first-child) {
  margin-top: 10px;
}
.shopPositionsContainer table td {
  vertical-align: top;
}
.badgeColorFormFieldList > li {
  flex-basis: 30%;
  margin-bottom: 10px;
}
.badgeColorFormFieldList > li.labelCustomClass {
  display: flex;
}
.badgeColorFormFieldList > li.labelCustomClass > input[type="radio"] {
  flex: 0 0 auto;
  margin-right: 7px;
}
.badgeColorFormFieldList > li.labelCustomClass > span {
  flex: 1 1 auto;
}
.productOrderProductFormContainer.selected > .productOrderProductFormContainerHead {
  background-color: #50a72e;
  border-color: #3e8323;
  color: rgba(255, 255, 255, 0.8);
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead {
  display: flex;
  flex-flow: row wrap;
  cursor: pointer;
  margin-top: 0;
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead:first-child {
  margin-top: 0;
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead > .shopOrderItemSelectionIconContainer {
  flex: 0 0 auto;
  padding: 10px 5px;
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead > .customerOptionPrice {
  flex: 1 0 150px;
  text-align: right;
  padding: 10px;
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead > .customerOptionPrice > .customerPrice {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .productOrderProductFormContainer > .productOrderProductFormContainerHead > .customerOptionPrice {
    flex: 1 0 100%;
  }
}
.productOrderProductFormContainer > .productOrderProductFormContainerHead > header.sectionHeader {
  flex: 1 0 calc(100% - 150px - 50px - 15px);
  border: none;
  padding: 10px 5px;
}
.productOrderProductFormContainer > div.productOrderProductFormContainerChildren {
  margin-top: 10px;
}
.productOrderProductFormContainer > .jsOrderItemAmount {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.productOrderProductOptionFormContainer {
  border: 1px solid #eaeaea;
  border-radius: 5px;
}
.productOrderProductOptionFormContainer:not(:first-of-type) {
  margin-top: 10px;
}
.productOrderProductOptionFormContainer.selected > .productOrderProductOptionFormContainerHead {
  background-color: #50a72e;
  border-color: #3e8323;
  color: rgba(255, 255, 255, 0.8);
}
.productOrderProductOptionFormContainer.selected .shopOrderItemSelectionIcon {
  margin-left: 2px !important;
  margin-right: 0 !important;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead {
  display: flex;
  flex-flow: row wrap;
  cursor: pointer;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead {
    align-items: end;
  }
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead:first-child {
  margin-top: 0;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead .shopOrderItemSelectionIcon {
  margin-left: 0;
  margin-right: 2px;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .shopOrderItemSelectionIconContainer {
  flex: 0 0 auto;
  padding: 10px 5px;
}
@media screen and (max-width: 768px) {
  .productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .shopOrderItemSelectionIconContainer {
    display: none;
  }
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .customerOptionRequired {
  font-size: 18px;
  font-weight: 400;
  text-align: right;
  padding: 10px;
  flex: 1 0 230px;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .customerOptionPrice {
  flex: 1 0 150px;
  text-align: right;
  padding: 10px;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .customerOptionPrice > .customerPriceValue {
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .customerOptionPrice {
    text-align: left;
  }
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > .productOrderButton {
  flex: 1 0 80px;
  text-align: right;
  padding: 10px;
}
.productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > header.sectionHeader {
  flex: 1 0 calc(100% - 150px - 50px - 15px - 80px);
  border: none;
  padding: 10px 5px;
}
@media screen and (max-width: 768px) {
  .productOrderProductOptionFormContainer > .productOrderProductOptionFormContainerHead > header.sectionHeader {
    order: -1;
    flex: 1 0 100%;
  }
}
.productOrderProductOptionFormContainer .productOrderProductOptionFormContainerChildren {
  margin-left: 45px;
  padding: 10px 10px 20px 0;
}
.productOrderProductOptionFormContainer > .jsOrderItemAmount {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.shopLegalFormField label {
  color: #303030;
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
}
@media screen and (min-width: 769px), print {
  .shopLegalFormField label {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .shopLegalFormField label {
    font-size: 14px;
  }
}
.shopLegalFormField label a {
  color: #c13e4b;
}
.shopLegalFormField label a:hover {
  color: black;
}
.paymentTypeSelectionFormField {
  display: flex;
  flex-flow: row wrap;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem {
  min-width: 180px;
  padding: 20px 10px 10px 10px;
  margin: 0 20px 20px;
  position: relative;
  background: white;
  border: 2px solid #c5c5c5;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  transition: all 0.5s ease;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem {
    flex: 0 0 calc(33% - 40px);
  }
}
@media screen and (min-width: 1025px), print {
  .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem {
    flex: 0 0 calc(20% - 40px);
  }
}
@media screen and (max-width: 768px) {
  .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem {
    flex: 1 0 calc(50% - 40px);
    min-width: 180px;
    margin: 10px;
  }
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem:hover {
  border-color: #c13e4b;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem:hover .logo, .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem:hover p {
  color: #2c3e50;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem::after {
  content: " ";
  transition-duration: 0.4s;
  transform: scale(0);
  font-weight: 900;
  position: absolute;
  height: 40px;
  width: 40px;
  top: -21px;
  right: -21px;
  background: #fff;
  border: 2px solid #c13e4b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem.selected {
  border-color: #c13e4b;
  background: #fff3f4;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem.selected p {
  color: #2c3e50;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem.selected::after {
  content: "";
  font-family: "FontAwesome";
  transform: scale(1);
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem.selected .logo {
  transform: scale(1);
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .logo, .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .text {
  width: 100%;
  display: block;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .logo, .paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem p {
  transition: all 0.5s ease;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem p {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #303030;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .logo {
  position: relative;
  height: 60px;
  transform: scale(0.9);
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .logo > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .logo img {
  max-width: 100%;
  max-height: 60px;
}
.paymentTypeSelectionFormField .paymentTypeSelectionFormFieldItem .paymentTypeRemark {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 12px;
  border-radius: 3px;
  padding: 2px 5px;
  background-color: white;
  border: 1px #eaeaea solid;
}
.productPaymentInfo {
  padding: 20px;
  background-color: white;
  border: 1px #eaeaea solid;
}
.productPaymentImage img {
  background-color: #ffffff;
  border: 1px #eaeaea solid;
  padding: 5px;
  height: 50px;
}
#productEdit #imageContainer .selectedImagePreview > .previewImage {
  max-width: 200px;
  max-height: 200px;
}
.addressSelectionFormField, .customerSelectionFormField {
  display: flex;
  flex-flow: row wrap;
}
.addressSelectionFormField .addressSelectionFormFieldItem, .addressSelectionFormField .customerSelectionFormFieldItem, .customerSelectionFormField .addressSelectionFormFieldItem, .customerSelectionFormField .customerSelectionFormFieldItem {
  min-width: 180px;
  padding: 20px 10px 10px 10px;
  margin: 0 20px 20px;
  position: relative;
  background: white;
  border: 2px solid #c5c5c5;
  box-sizing: border-box;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  transition: all 0.5s ease;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .addressSelectionFormField .addressSelectionFormFieldItem, .addressSelectionFormField .customerSelectionFormFieldItem, .customerSelectionFormField .addressSelectionFormFieldItem, .customerSelectionFormField .customerSelectionFormFieldItem {
    flex: 0 0 calc(33% - 40px);
  }
}
@media screen and (min-width: 1025px), print {
  .addressSelectionFormField .addressSelectionFormFieldItem, .addressSelectionFormField .customerSelectionFormFieldItem, .customerSelectionFormField .addressSelectionFormFieldItem, .customerSelectionFormField .customerSelectionFormFieldItem {
    flex: 0 0 calc(33% - 40px);
  }
}
@media screen and (max-width: 768px) {
  .addressSelectionFormField .addressSelectionFormFieldItem, .addressSelectionFormField .customerSelectionFormFieldItem, .customerSelectionFormField .addressSelectionFormFieldItem, .customerSelectionFormField .customerSelectionFormFieldItem {
    flex: 1 0 calc(50% - 40px);
    min-width: 180px;
    margin: 10px;
  }
}
.addressSelectionFormField .addressSelectionFormFieldItem:hover, .addressSelectionFormField .customerSelectionFormFieldItem:hover, .customerSelectionFormField .addressSelectionFormFieldItem:hover, .customerSelectionFormField .customerSelectionFormFieldItem:hover {
  border-color: #c13e4b;
}
.addressSelectionFormField .addressSelectionFormFieldItem:hover p, .addressSelectionFormField .customerSelectionFormFieldItem:hover p, .customerSelectionFormField .addressSelectionFormFieldItem:hover p, .customerSelectionFormField .customerSelectionFormFieldItem:hover p {
  color: #2c3e50;
}
.addressSelectionFormField .addressSelectionFormFieldItem::after, .addressSelectionFormField .customerSelectionFormFieldItem::after, .customerSelectionFormField .addressSelectionFormFieldItem::after, .customerSelectionFormField .customerSelectionFormFieldItem::after {
  content: " ";
  transition-duration: 0.4s;
  transform: scale(0);
  font-weight: 900;
  position: absolute;
  height: 40px;
  width: 40px;
  top: -21px;
  right: -21px;
  background: #fff;
  border: 2px solid #c13e4b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.addressSelectionFormField .addressSelectionFormFieldItem.selected, .addressSelectionFormField .customerSelectionFormFieldItem.selected, .customerSelectionFormField .addressSelectionFormFieldItem.selected, .customerSelectionFormField .customerSelectionFormFieldItem.selected {
  border-color: #c13e4b;
  background: #fff3f4;
}
.addressSelectionFormField .addressSelectionFormFieldItem.selected p, .addressSelectionFormField .customerSelectionFormFieldItem.selected p, .customerSelectionFormField .addressSelectionFormFieldItem.selected p, .customerSelectionFormField .customerSelectionFormFieldItem.selected p {
  color: #2c3e50;
}
.addressSelectionFormField .addressSelectionFormFieldItem.selected .containerContent .contactMethodList > li, .addressSelectionFormField .addressSelectionFormFieldItem.selected .containerContent .contactMethodList > li > .icon, .addressSelectionFormField .customerSelectionFormFieldItem.selected .containerContent .contactMethodList > li, .addressSelectionFormField .customerSelectionFormFieldItem.selected .containerContent .contactMethodList > li > .icon, .customerSelectionFormField .addressSelectionFormFieldItem.selected .containerContent .contactMethodList > li, .customerSelectionFormField .addressSelectionFormFieldItem.selected .containerContent .contactMethodList > li > .icon, .customerSelectionFormField .customerSelectionFormFieldItem.selected .containerContent .contactMethodList > li, .customerSelectionFormField .customerSelectionFormFieldItem.selected .containerContent .contactMethodList > li > .icon {
  color: #2c3e50;
}
.addressSelectionFormField .addressSelectionFormFieldItem.selected::after, .addressSelectionFormField .customerSelectionFormFieldItem.selected::after, .customerSelectionFormField .addressSelectionFormFieldItem.selected::after, .customerSelectionFormField .customerSelectionFormFieldItem.selected::after {
  content: "";
  font-family: "FontAwesome";
  transform: scale(1);
}
.addressSelectionFormField .addressSelectionFormFieldItem p, .addressSelectionFormField .customerSelectionFormFieldItem p, .customerSelectionFormField .addressSelectionFormFieldItem p, .customerSelectionFormField .customerSelectionFormFieldItem p {
  transition: all 0.5s ease;
  width: 100%;
  font-size: 15px;
  color: #303030;
}
.addressSelectionFormField .addressSelectionFormFieldItem p:not(.sectionDescription), .addressSelectionFormField .customerSelectionFormFieldItem p:not(.sectionDescription), .customerSelectionFormField .addressSelectionFormFieldItem p:not(.sectionDescription), .customerSelectionFormField .customerSelectionFormFieldItem p:not(.sectionDescription) {
  margin-top: 15px;
  margin-bottom: 0;
  font-weight: 600;
}
.addressSelectionFormField .addressSelectionFormFieldItem .containerContent .buttonList, .addressSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList, .addressSelectionFormField .customerSelectionFormFieldItem .containerContent .buttonList, .addressSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList, .customerSelectionFormField .addressSelectionFormFieldItem .containerContent .buttonList, .customerSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList, .customerSelectionFormField .customerSelectionFormFieldItem .containerContent .buttonList, .customerSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList {
  margin-top: 15px;
}
.addressSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList, .addressSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList, .customerSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList, .customerSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}
.addressSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList > li, .addressSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList > li > .icon, .addressSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList > li, .addressSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList > li > .icon, .customerSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList > li, .customerSelectionFormField .addressSelectionFormFieldItem .containerContent .contactMethodList > li > .icon, .customerSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList > li, .customerSelectionFormField .customerSelectionFormFieldItem .containerContent .contactMethodList > li > .icon {
  transition: all 0.5s ease;
  font-size: 15px;
  color: #303030;
}
.slideshowContainer {
  overflow: hidden;
  position: relative;
}
.slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {
  display: none;
}
.slideshowContainer > .slideshowItemList {
  position: absolute;
  transition: left 0.8s ease-out;
}
.slideshowContainer > .slideshowItemList > li.slideshowItem {
  display: block;
  float: left;
  overflow: hidden;
  position: absolute;
  top: 0;
  /* fixes font rendering bug */
  -webkit-transform: translate3d(0, 0, 0);
}
.slideshowContainer > .slideshowButtonList {
  position: absolute;
  right: 0;
  top: 0;
}
.slideshowContainer > .slideshowButtonList > li {
  display: inline-block;
}
.slideshowContainer > .slideshowButtonList > li > a > .icon {
  color: #b1252a;
}
.slideshowContainer > .slideshowButtonList > li > a > .icon.active {
  color: #404040;
}
.slideshowContainer > .slideshowButtonList > li:hover > a > .icon {
  color: black;
}
/* main tabs */
.tabMenu > ul, .menu > ul {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
}
.tabMenu > ul > li, .menu > ul > li {
  flex: 0 1 auto;
}
.tabMenu > ul > li:not(:last-child), .menu > ul > li:not(:last-child) {
  margin-right: 5px;
}
.tabMenu > ul.commaSeparated > li:not(:last-child):after, .menu > ul.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.tabMenu > ul.dotSeparated > li:not(:last-child):after, .menu > ul.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.tabMenu > ul > li, .menu > ul > li {
  position: relative;
}
.tabMenu > ul > li:not(:last-child), .menu > ul > li:not(:last-child) {
  margin-right: 20px;
}
.tabMenu > ul > li::before, .menu > ul > li::before {
  border-top: 1px solid #c13e4b;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  width: 0;
}
.tabMenu > ul > li.active, .menu > ul > li.active {
  z-index: 60;
}
.tabMenu > ul > li.active::before, .menu > ul > li.active::before {
  left: 0;
  transition: left 0.12s linear, width 0.12s linear;
  width: 100%;
}
.tabMenu > ul > li.active > a, .menu > ul > li.active > a {
  cursor: default;
}
.tabMenu > ul > li > a, .menu > ul > li > a {
  display: block;
  padding: 5px 0;
}
@media screen and (max-width: 768px) {
  .tabMenu, .menu {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
  }
  .tabMenu::before, .menu::before {
    display: none;
  }
  .tabMenu > ul, .menu > ul {
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .tabMenu > ul > li, .menu > ul > li {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .tabMenu > ul.enableAnimation, .menu > ul.enableAnimation {
    transition: padding-left 0.24s linear;
  }
  .tabMenu > ul.enableAnimation > li:first-child, .menu > ul.enableAnimation > li:first-child {
    transition: margin-left 0.24s linear;
  }
}
@media screen and (min-width: 769px), print {
  .tabMenu > ul, .menu > ul {
    border-bottom: 1px solid #eaeaea;
  }
  .tabMenu > ul > li::before, .menu > ul > li::before {
    bottom: -1px;
  }
}
.tabMenu > ul > li > a {
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .tabMenu > ul > li > a {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .tabMenu > ul > li > a {
    font-size: 20px;
  }
}
/* sub tabs */
.menu {
  margin-top: 10px;
}
@media screen and (min-width: 769px), print {
  .menu > ul > li > a {
    font-weight: 400;
    line-height: 1.28;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px), print {
  .menu > ul > li > a {
    font-size: 18px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .menu > ul > li > a {
    font-size: 18px;
  }
}
.menu ~ .tabMenuContent {
  margin-top: 20px;
}
.tabMenuOverlayLeft, .tabMenuOverlayRight {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.24s linear, visibility 0s linear 0.24s;
  visibility: hidden;
  width: 30px;
  z-index: 50;
}
.tabMenuOverlayLeft.active, .tabMenuOverlayRight.active {
  opacity: 1;
  transition-delay: 0s;
  visibility: visible;
}
.tabMenuOverlayLeft::before, .tabMenuOverlayRight::before {
  color: #646464;
}
.tabMenuOverlayLeft {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%);
  left: 0;
}
.tabMenuOverlayRight {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
  justify-content: flex-end;
  right: 0;
}
.tabMenuContent.hidden {
  display: none;
}
.tabMenuContent > .containerList:first-child > li:first-child {
  border-top-width: 0;
}
.messageTabMenu > .messageTabMenuContent {
  display: none;
}
.messageTabMenu > .messageTabMenuContent:not(.messageTabMenu) > nav.menu {
  display: none;
}
.messageTabMenu > .messageTabMenuContent.active {
  background-color: white;
  display: block;
  margin-top: 0;
}
.messageTabMenu > .messageTabMenuContent > .section:first-child {
  margin-top: 0;
}
.messageTabMenu:not(.messageTabMenuContent) > .messageTabMenuContent.active {
  border: 1px solid #eaeaea;
  border-top-width: 0;
  padding: 20px;
}
.messageTabMenu.messageTabMenuContent > nav {
  border-bottom: 1px solid #eaeaea;
  margin: -20px -20px 20px -20px;
  padding: 5px 20px;
}
.messageTabMenu.messageTabMenuContent > nav > ul {
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
  border: 0;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li {
  flex: 0 1 auto;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li:not(:last-child) {
  margin-right: 5px;
}
.messageTabMenu.messageTabMenuContent > nav > ul.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.messageTabMenu.messageTabMenuContent > nav > ul.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li {
  outline: 0;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li:not(:last-child) {
  margin-right: 20px;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li.active > a {
  color: black;
}
.messageTabMenu.messageTabMenuContent > nav > ul > li > a {
  display: block;
  outline: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .messageTabMenu.messageTabMenuContent > nav > ul > li > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .messageTabMenu.messageTabMenuContent > nav > ul > li > a {
    font-size: 12px;
  }
}
.messageTabMenu + .innerError, .messageTabMenu + .innerSuccess, .messageTabMenu + .innerWarning {
  margin-top: -1px;
  width: 100%;
}
.messageTabMenu > nav.tabMenu > ul, .messageTabMenuNavigation > ul {
  background-color: white;
  border: 1px solid #eaeaea;
  border-top-width: 0;
  display: flex;
  flex-wrap: wrap;
  /* adds a comma after each list item */
  /* adds a dot after each list item */
}
.messageTabMenu > nav.tabMenu > ul > li, .messageTabMenuNavigation > ul > li {
  flex: 0 1 auto;
}
.messageTabMenu > nav.tabMenu > ul > li:not(:last-child), .messageTabMenuNavigation > ul > li:not(:last-child) {
  margin-right: 5px;
}
.messageTabMenu > nav.tabMenu > ul.commaSeparated > li:not(:last-child):after, .messageTabMenuNavigation > ul.commaSeparated > li:not(:last-child):after {
  content: ",";
  padding-left: 1px;
}
.messageTabMenu > nav.tabMenu > ul.dotSeparated > li:not(:last-child):after, .messageTabMenuNavigation > ul.dotSeparated > li:not(:last-child):after {
  content: "·";
  margin-left: 5px;
}
.messageTabMenu > nav.tabMenu > ul > li, .messageTabMenuNavigation > ul > li {
  border-right: 1px solid #eaeaea;
}
.messageTabMenu > nav.tabMenu > ul > li:not(:last-child), .messageTabMenuNavigation > ul > li:not(:last-child) {
  margin-right: 0;
}
.messageTabMenu > nav.tabMenu > ul > li.active > a, .messageTabMenuNavigation > ul > li.active > a {
  color: black;
  position: relative;
}
.messageTabMenu > nav.tabMenu > ul > li.active > a::after, .messageTabMenuNavigation > ul > li.active > a::after {
  border-bottom: 1px solid white;
  bottom: -1px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}
.messageTabMenu > nav.tabMenu > ul > li > a, .messageTabMenuNavigation > ul > li > a {
  display: block;
  padding: 10px 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (min-width: 769px), print {
  .messageTabMenu > nav.tabMenu > ul > li > a, .messageTabMenuNavigation > ul > li > a {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .messageTabMenu > nav.tabMenu > ul > li > a, .messageTabMenuNavigation > ul > li > a {
    font-size: 14px;
  }
}
@media screen and (min-width: 769px), print {
  .messageTabMenu > nav.tabMenu > ul > li > a > .icon, .messageTabMenuNavigation > ul > li > a > .icon {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .messageTabMenu > nav.tabMenu > ul > li > a > .icon, .messageTabMenuNavigation > ul > li > a > .icon {
    display: block;
  }
  .messageTabMenu > nav.tabMenu > ul > li > a > span:not(.icon), .messageTabMenuNavigation > ul > li > a > span:not(.icon) {
    display: none;
  }
}
.messageTabMenu > nav.tabMenu > span, .messageTabMenuNavigation > span {
  display: none;
}
/* fix for Firefox - fieldsets are set to display: table-column which cause an odd gap between the fieldset
   and the next element, similar to gaps with display: inline-block and font-size > 0 */
@-moz-document url-prefix() {
  fieldset + .messageTabMenu {
    margin-top: -3px;
  }
}
.uploadButton {
  overflow: hidden;
  position: relative;
}
.uploadButton > input {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
tr.sortableNode {
  cursor: move;
}
.tabularList {
  border-bottom: 1px solid #eaeaea;
  display: flex;
  flex-direction: column;
}
.tabularListRow {
  flex: 0 0 auto;
  padding: 5px 0;
  transition: background-color 0.12s;
}
.tabularListRow.divider + li:not(.divider) {
  border-top-color: #eaeaea;
}
.tabularListRow:not(.tabularListRowHead):hover {
  background-color: white;
}
.tabularListRowHead {
  border-bottom: 2px solid currentColor;
  color: #c13e4b;
}
.tabularListRowHead + li {
  border-top-width: 0 !important;
}
.tabularListRow:not(.tabularListRowHead) {
  border-top: 1px solid #eaeaea;
}
.tabularListColumns {
  align-items: center;
  display: flex;
}
.tabularListColumns > li {
  flex: 0 0 auto;
  padding: 5px 10px;
}
.tabularListRowHead > .tabularListColumns > li {
  color: #c13e4b;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .tabularListRowHead > .tabularListColumns > li {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .tabularListRowHead > .tabularListColumns > li {
    font-size: 18px;
  }
}
.tabularListRowHead > .tabularListColumns > li > a {
  color: #c13e4b;
  display: block;
}
.tabularListRowHead > .tabularListColumns > li.ASC > a, .tabularListRowHead > .tabularListColumns > li.DESC > a {
  padding-right: 18px;
  position: relative;
}
.tabularListRowHead > .tabularListColumns > li.ASC > a:after, .tabularListRowHead > .tabularListColumns > li.DESC > a:after {
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 7px;
  position: absolute;
}
.tabularListRowHead > .tabularListColumns > li.ASC > a:after {
  content: "";
  top: 1px;
}
.tabularListRowHead > .tabularListColumns > li.DESC > a:after {
  content: "";
  top: 2px;
}
.tabularListRowHead > .tabularListColumns > li.active > a, .tabularListRowHead > .tabularListColumns > li > a:hover {
  color: black;
}
.tabularBox {
  overflow: auto;
}
.tabularBoxTitle > header {
  border-bottom: 1px solid currentColor;
  color: #c13e4b;
  padding: 10px 0;
}
.tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .tabularBoxTitle > header > h1, .tabularBoxTitle > header > h2, .tabularBoxTitle > header > h3 {
    font-size: 18px;
  }
}
.tabularBoxTitle > header > h1 + small, .tabularBoxTitle > header > h2 + small, .tabularBoxTitle > header > h3 + small {
  display: block;
}
.tabularBoxTitle > header > h1 .badge, .tabularBoxTitle > header > h2 .badge, .tabularBoxTitle > header > h3 .badge {
  top: -2px;
}
.tabularBoxTitle > header a, .tabularBoxTitle > header .icon {
  color: #c13e4b;
}
.tabularBoxTitle > header a:hover, .tabularBoxTitle > header .icon:hover {
  color: black;
}
.tabularBoxTitle > header .collapsibleButton {
  cursor: pointer;
  transition: transform 0.12s linear;
}
/* table */
.htmlContent table, .messageBody > .messageText table, .messageSignature > div table, .redactor-layer table, .table {
  border-bottom: 1px solid #eaeaea;
  border-spacing: 0;
  width: 100%;
}
.htmlContent table td, .messageBody > .messageText table td, .messageSignature > div table td, .redactor-layer table td, .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table td, .table th {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
}
.htmlContent table td > label, .messageBody > .messageText table td > label, .messageSignature > div table td > label, .redactor-layer table td > label, .htmlContent table th > label, .messageBody > .messageText table th > label, .messageSignature > div table th > label, .redactor-layer table th > label, .table td > label, .table th > label {
  cursor: pointer;
  display: block;
}
.htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
  border-bottom: 2px solid currentColor;
  color: #c13e4b;
  text-align: left;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.28;
  /* alignment only */
}
@media screen and (min-width: 769px), print {
  .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent table th, .messageBody > .messageText table th, .messageSignature > div table th, .redactor-layer table th, .table th {
    font-size: 18px;
  }
}
.htmlContent table th > a, .messageBody > .messageText table th > a, .messageSignature > div table th > a, .redactor-layer table th > a, .table th > a {
  color: #c13e4b;
  display: block;
}
.htmlContent table th.active > a, .messageBody > .messageText table th.active > a, .messageSignature > div table th.active > a, .redactor-layer table th.active > a, .htmlContent table th > a:hover, .messageBody > .messageText table th > a:hover, .messageSignature > div table th > a:hover, .redactor-layer table th > a:hover, .table th.active > a, .table th > a:hover {
  color: black;
}
.htmlContent table th.ASC > a::after, .messageBody > .messageText table th.ASC > a::after, .messageSignature > div table th.ASC > a::after, .redactor-layer table th.ASC > a::after, .htmlContent table th.DESC > a::after, .messageBody > .messageText table th.DESC > a::after, .messageSignature > div table th.DESC > a::after, .redactor-layer table th.DESC > a::after, .table th.ASC > a::after, .table th.DESC > a::after {
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 5px;
}
.htmlContent table th.ASC > a::after, .messageBody > .messageText table th.ASC > a::after, .messageSignature > div table th.ASC > a::after, .redactor-layer table th.ASC > a::after, .table th.ASC > a::after {
  content: "";
}
.htmlContent table th.DESC > a::after, .messageBody > .messageText table th.DESC > a::after, .messageSignature > div table th.DESC > a::after, .redactor-layer table th.DESC > a::after, .table th.DESC > a::after {
  content: "";
}
.htmlContent table th.columnMark, .messageBody > .messageText table th.columnMark, .messageSignature > div table th.columnMark, .redactor-layer table th.columnMark, .htmlContent table th.columnStatus, .messageBody > .messageText table th.columnStatus, .messageSignature > div table th.columnStatus, .redactor-layer table th.columnStatus, .table th.columnMark, .table th.columnStatus {
  text-align: center;
}
.htmlContent table th.columnDate, .messageBody > .messageText table th.columnDate, .messageSignature > div table th.columnDate, .redactor-layer table th.columnDate, .htmlContent table th.columnDigits, .messageBody > .messageText table th.columnDigits, .messageSignature > div table th.columnDigits, .redactor-layer table th.columnDigits, .htmlContent table th.columnID, .messageBody > .messageText table th.columnID, .messageSignature > div table th.columnID, .redactor-layer table th.columnID, .table th.columnDate, .table th.columnDigits, .table th.columnID {
  text-align: right;
}
.htmlContent table td.columnMark, .messageBody > .messageText table td.columnMark, .messageSignature > div table td.columnMark, .redactor-layer table td.columnMark, .htmlContent table td.columnStatus, .messageBody > .messageText table td.columnStatus, .messageSignature > div table td.columnStatus, .redactor-layer table td.columnStatus, .table td.columnMark, .table td.columnStatus {
  text-align: center;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.htmlContent table td.columnDigits, .messageBody > .messageText table td.columnDigits, .messageSignature > div table td.columnDigits, .redactor-layer table td.columnDigits, .htmlContent table td.columnID, .messageBody > .messageText table td.columnID, .messageSignature > div table td.columnID, .redactor-layer table td.columnID, .table td.columnDigits, .table td.columnID {
  text-align: right;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.htmlContent table td.columnIcon, .messageBody > .messageText table td.columnIcon, .messageSignature > div table td.columnIcon, .redactor-layer table td.columnIcon, .table td.columnIcon {
  text-align: left;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
}
.htmlContent table td.columnTitle, .messageBody > .messageText table td.columnTitle, .messageSignature > div table td.columnTitle, .redactor-layer table td.columnTitle, .table td.columnTitle {
  font-weight: 600;
  text-align: left;
}
.htmlContent table td.columnText, .messageBody > .messageText table td.columnText, .messageSignature > div table td.columnText, .redactor-layer table td.columnText, .table td.columnText {
  font-weight: normal;
  text-align: left;
  max-width: 20%;
}
.htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
  text-align: right;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent table td.columnDate, .messageBody > .messageText table td.columnDate, .messageSignature > div table td.columnDate, .redactor-layer table td.columnDate, .table td.columnDate {
    font-size: 12px;
  }
}
.htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnURL, .table td.columnSmallText {
  text-align: left;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnURL, .table td.columnSmallText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnURL, .table td.columnSmallText {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .htmlContent table td.columnTitle, .messageBody > .messageText table td.columnTitle, .messageSignature > div table td.columnTitle, .redactor-layer table td.columnTitle, .htmlContent table td.columnText, .messageBody > .messageText table td.columnText, .messageSignature > div table td.columnText, .redactor-layer table td.columnText, .htmlContent table td.columnURL, .messageBody > .messageText table td.columnURL, .messageSignature > div table td.columnURL, .redactor-layer table td.columnURL, .htmlContent table td.columnSmallText, .messageBody > .messageText table td.columnSmallText, .messageSignature > div table td.columnSmallText, .redactor-layer table td.columnSmallText, .table td.columnTitle, .table td.columnText, .table td.columnURL, .table td.columnSmallText {
    min-width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .htmlContent table td.columnIcon :not(.button) > .icon16, .messageBody > .messageText table td.columnIcon :not(.button) > .icon16, .messageSignature > div table td.columnIcon :not(.button) > .icon16, .redactor-layer table td.columnIcon :not(.button) > .icon16, .htmlContent table td.columnIcon > .icon16, .messageBody > .messageText table td.columnIcon > .icon16, .messageSignature > div table td.columnIcon > .icon16, .redactor-layer table td.columnIcon > .icon16, .table td.columnIcon :not(.button) > .icon16, .table td.columnIcon > .icon16 {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    width: 24px;
  }
}
.htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td, .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td, .table tr:hover > td {
  background-color: #f2f2f2;
}
.htmlContent table tr:not(:last-child) > td:not(.lastRow), .messageBody > .messageText table tr:not(:last-child) > td:not(.lastRow), .messageSignature > div table tr:not(:last-child) > td:not(.lastRow), .redactor-layer table tr:not(:last-child) > td:not(.lastRow), .table tr:not(:last-child) > td:not(.lastRow) {
  border-bottom: 1px solid #eaeaea;
}
.htmlContent table .statusDisplay, .messageBody > .messageText table .statusDisplay, .messageSignature > div table .statusDisplay, .redactor-layer table .statusDisplay, .table .statusDisplay {
  float: right;
}
.htmlContent table .statusDisplay .statusIcons, .messageBody > .messageText table .statusDisplay .statusIcons, .messageSignature > div table .statusDisplay .statusIcons, .redactor-layer table .statusDisplay .statusIcons, .table .statusDisplay .statusIcons {
  float: right;
  margin-left: 5px;
}
.htmlContent table .statusDisplay .statusIcons li, .messageBody > .messageText table .statusDisplay .statusIcons li, .messageSignature > div table .statusDisplay .statusIcons li, .redactor-layer table .statusDisplay .statusIcons li, .table .statusDisplay .statusIcons li {
  display: inline-block;
}
.htmlContent table tbody:first-child > tr:first-child > td, .messageBody > .messageText table tbody:first-child > tr:first-child > td, .messageSignature > div table tbody:first-child > tr:first-child > td, .redactor-layer table tbody:first-child > tr:first-child > td, .table tbody:first-child > tr:first-child > td {
  border-top: 1px solid #eaeaea;
}
.donationOutputValueMoneyAmountOutput {
  font-family: "Fira Mono", monospace;
  font-size: 18px;
  display: block;
  margin-top: 10px;
}
.donationSidebarBox small {
  display: block;
  color: #515a5a;
  margin-top: 10px;
}
.donationSlider {
  margin-bottom: 10px;
}
.donationOutputValueMoneyAmountOutput {
  font-weight: bold;
}
.donationSlider input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
  background-image: none !important;
}
.donationSlider input[type=range]:focus {
  outline: none;
}
.donationSlider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #2c3e50;
  border-radius: 6px;
}
.donationSlider input[type=range]::-webkit-slider-thumb {
  height: 20px;
  width: 20px;
  border-radius: 16px;
  background: #b1252a;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -8px;
}
.donationSlider input[type=range]:focus::-webkit-slider-runnable-track {
  background: #2c3e50;
}
.donationSlider input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: #2c3e50;
  border-radius: 6px;
}
.donationSlider input[type=range]::-moz-range-thumb {
  height: 20px;
  width: 20px;
  border-radius: 16px;
  background: #b1252a;
  cursor: pointer;
  border: 0 !important;
}
.donationSlider input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
.donationSlider input[type=range]::-ms-fill-lower {
  background: #2c3e50;
  border-radius: 6px;
}
.donationSlider input[type=range]::-ms-fill-upper {
  background: #2c3e50;
  border-radius: 6px;
}
.donationSlider input[type=range]::-ms-thumb {
  height: 20px;
  width: 20px;
  border-radius: 16px;
  background: #b1252a;
  cursor: pointer;
}
.donationSlider input[type=range]:focus::-ms-fill-lower {
  background: #2c3e50;
}
.donationSlider input[type=range]:focus::-ms-fill-upper {
  background: #2c3e50;
}
.tableOfContentsContainer {
  border: 1px solid #eaeaea;
  /* The list numbers extend into the horizontal padding, 10px is not enough for double digit numbers. */
  padding: 10px 20px;
}
.tableOfContentsContainer.open .jsTableOfContentsShow {
  display: none;
}
.tableOfContentsContainer:not(.open) .jsTableOfContentsHide, .tableOfContentsContainer:not(.open) .tableOfContents {
  display: none;
}
@media screen and (min-width: 769px), print {
  .tableOfContentsWrapper {
    float: right;
    margin: 0 0 10px 10px;
  }
}
@media screen and (max-width: 768px) {
  .tableOfContentsWrapper {
    margin-bottom: 10px;
  }
  .tableOfContentsContainer {
    display: inline-block;
  }
  .tableOfContentsContainer.mobileForceHide .jsTableOfContentsShow {
    display: initial !important;
  }
  .tableOfContentsContainer.mobileForceHide .jsTableOfContentsHide, .tableOfContentsContainer.mobileForceHide .tableOfContents {
    display: none;
  }
}
.tableOfContentsHeader {
  text-align: center;
}
.tableOfContentsTitle {
  font-weight: 600;
}
.htmlContent .tableOfContents, .messageBody > .messageText .tableOfContents, .messageSignature > div .tableOfContents, .redactor-layer .tableOfContents {
  margin-left: 15px;
}
.htmlContent .tableOfContents.tocLevel2, .messageBody > .messageText .tableOfContents.tocLevel2, .messageSignature > div .tableOfContents.tocLevel2, .redactor-layer .tableOfContents.tocLevel2 {
  list-style-type: lower-alpha;
}
.htmlContent .tableOfContents.tocLevel3, .messageBody > .messageText .tableOfContents.tocLevel3, .messageSignature > div .tableOfContents.tocLevel3, .redactor-layer .tableOfContents.tocLevel3 {
  list-style-type: lower-roman;
}
.balloonTooltip, .redactor-toolbar-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: white;
  left: 0;
  max-width: 300px;
  padding: 5px 10px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: visibility 0s linear 0.12s;
  visibility: hidden;
  z-index: 800;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .balloonTooltip, .redactor-toolbar-tooltip {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .balloonTooltip, .redactor-toolbar-tooltip {
    font-size: 12px;
  }
}
.balloonTooltip > .elementPointer, .redactor-toolbar-tooltip > .elementPointer {
  display: none;
}
.balloonTooltip.active, .active.redactor-toolbar-tooltip {
  visibility: visible;
  transition-delay: 0s;
}
.balloonTooltip.interactive, .interactive.redactor-toolbar-tooltip {
  pointer-events: all;
}
.balloonTooltip.interactive > span, .interactive.redactor-toolbar-tooltip > span {
  cursor: pointer;
}
.balloonTooltip.interactive > span:not(:first-child), .interactive.redactor-toolbar-tooltip > span:not(:first-child) {
  border-left: 1px solid white;
  margin-left: 10px;
  padding-left: 10px;
}
.quoteManagerCopy {
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  z-index: 350;
}
.quoteManagerCopy.touchForceInaccessible {
  pointer-events: none;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .quoteManagerCopy {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .quoteManagerCopy {
    font-size: 14px;
  }
}
#trophyIconEditor .colorBoxValue {
  display: block;
  height: 24px;
  width: 24px;
}
#trophyIconEditor .colorBox {
  background-color: white;
  border: 1px solid #ccc;
  display: inline-block;
  padding: 1px;
  vertical-align: middle;
}
#badgeContainer .icon {
  vertical-align: middle;
}
.trophyIcon {
  display: inline-block;
  border-radius: 50%;
}
.trophyIcon.icon {
  /* Factor: 0.5625 */
}
.trophyIcon.icon.icon16 {
  font-size: 9px;
}
.trophyIcon.icon.icon32 {
  font-size: 18px;
}
.trophyIcon.icon.icon48, .wcfImageViewer > div.trophyIcon.icon.loading:before, .wcfImageViewer > footer > div > ul > li.trophyIcon.icon.loading:before {
  font-size: 27px;
}
.trophyIcon.icon.icon64 {
  font-size: 36px;
}
.trophyIcon.icon.icon144 {
  font-size: 81px;
}
.specialTrophyList {
  display: flex;
  flex-wrap: wrap;
}
.specialTrophyList > li {
  width: 300px;
  padding-bottom: 5px;
}
.specialTrophyList > li > label {
  display: flex;
  align-items: center;
}
.specialTrophyList > li > label .trophyIcon, .specialTrophyList > li > label > span:last-child {
  margin-left: 5px;
}
.specialTrophyList > li > label input, .specialTrophyList > li > label .trophyIcon {
  flex-shrink: 0;
}
/* trophies in message sidebar */
.specialTrophyContainer {
  margin-top: 10px;
}
.specialTrophyContainer > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: -5px;
  margin-right: -5px;
}
.specialTrophyContainer > ul > li {
  margin-bottom: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .specialTrophyContainer {
    display: none;
  }
}
/* trophies in user profile header */
.specialTrophyUserContainer > ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-top: -15px;
}
.specialTrophyUserContainer > ul > li {
  margin-bottom: 5px;
  margin-right: 5px;
}
.userProfileUserWithCoverPhoto .specialTrophyUserContainer > ul {
  margin-top: 0;
}
.userProfilePreview .specialTrophyUserContainer > ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.sortableNodeLabel > .trophyIcon {
  margin-right: 5px;
}
.unfurlUrlCard {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #303030;
  display: inline-block;
  margin: 10px 0;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 400px;
  /* OG images are designed with a 2:1 aspect ratio. */
}
.unfurlUrlCard.unfurlUrlCardCoverImage .unfurlUrlImage {
  /* The `!important` is required because of `.messageBody > .messageText img`. */
  height: 200px !important;
  object-fit: cover;
  object-position: center;
  width: 400px;
}
.unfurlUrlCard.unfurlUrlCardSquaredImage {
  display: flex;
}
.unfurlUrlCard.unfurlUrlCardSquaredImage .unfurlUrlImage {
  border-radius: 3px;
  flex: 0 0 auto;
  /* The `!important` is required because of `.messageBody > .messageText img`. */
  height: 128px !important;
  margin: 10px;
  width: 128px;
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .unfurlUrlCard.unfurlUrlCardSquaredImage .unfurlUrlImage {
    height: 64px !important;
    width: 64px;
  }
}
@media screen and (max-width: 544px) {
  .unfurlUrlCard.unfurlUrlCardSquaredImage .unfurlUrlImage {
    height: 24px !important;
    position: absolute;
    width: 24px;
  }
}
.unfurlUrlCard.unfurlUrlCardSquaredImage .unfurlUrlInformation {
  flex: 1 auto;
  overflow: hidden;
  padding-left: 10px;
}
@media screen and (max-width: 544px) {
  .unfurlUrlCard.unfurlUrlCardSquaredImage .unfurlUrlTitle {
    padding-left: 30px;
  }
}
.unfurlUrlInformation {
  padding: 10px 10px 25px 10px;
}
.unfurlUrlTitle {
  font-weight: 400;
  line-height: 1.28;
  font-weight: 600;
  color: inherit;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
@media screen and (min-width: 769px), print {
  .unfurlUrlTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .unfurlUrlTitle {
    font-size: 18px;
  }
}
.unfurlUrlTitle::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.unfurlUrlTitle:hover, .unfurlUrlTitle:focus {
  color: inherit;
}
.unfurlUrlDescription {
  color: #646464;
  margin-top: 5px;
}
.unfurlUrlHost {
  font-weight: 400;
  bottom: 5px;
  color: #646464;
  position: absolute;
  right: 5px;
}
@media screen and (min-width: 769px), print {
  .unfurlUrlHost {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .unfurlUrlHost {
    font-size: 12px;
  }
}
.unfurlUrlHost img {
  height: 12px !important;
}
.formUploadHandlerContent > .formUploadHandlerList {
  display: flex;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
.formUploadHandlerContent > .formUploadHandlerList > li {
  display: flex;
  flex: 0 0 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 769px), print {
  .formUploadHandlerContent > .formUploadHandlerList {
    margin-right: -20px;
  }
  .formUploadHandlerContent > .formUploadHandlerList > li {
    /* Safari sometimes trips over fractional values, causing two
				   items to be exactly 1 pixel wider than the available space.
				   Reserving 21px covers all sort of rounding errors, without
				   being visually noticeable */
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 21px);
    margin-right: 20px;
  }
}
.formUploadHandlerContentListImage {
  max-height: 64px;
  max-width: 64px;
  object-fit: cover;
}
.selectedImagePreview > img {
  margin-bottom: 5px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);
}
.uploadButtonDiv .button {
  overflow: hidden;
  position: relative;
}
.uploadButtonDiv .uploadButton > input {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
/* reduces the visual impact of content by ignored users */
.ignoredUserContent {
  /* no grayscale filter in IE11 due to completely lacking support */
  -webkit-filter: grayscale(100%) !important;
  /* Chrome, Safari, Opera */
  filter: grayscale(100%) !important;
  /* Firefox, Edge */
}
.ignoredUserContent:not(:hover) {
  opacity: 0.5 !important;
}
@media screen and (min-width: 769px), print {
  .ignoredUserMessage {
    background-color: #428ecd !important;
    border-left: 5px solid #2a639d !important;
    color: rgba(255, 255, 255, 0.8) !important;
    cursor: pointer !important;
  }
  .ignoredUserMessage::before {
    content: attr(data-ignored-user-message);
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .ignoredUserMessage {
    border-top: 1px solid #eaeaea;
    margin: 0 -10px;
    padding-top: 30px;
  }
  .ignoredUserMessage::before {
    background-color: #428ecd !important;
    border-left: 5px solid #2a639d !important;
    color: rgba(255, 255, 255, 0.8) !important;
    content: attr(data-ignored-user-message);
    cursor: pointer !important;
    display: block;
    padding: 10px;
  }
}
.ignoredUserMessage > * {
  display: none;
}
.loginForm > form .userLoginButtons {
  margin-top: 20px;
  text-align: center;
}
.loginForm > form .thirdPartyLogin {
  flex: 0 0 100%;
}
.loginForm > form .thirdPartyLogin + .thirdPartyLogin {
  margin-top: 10px;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton {
  align-items: center;
  display: flex;
  border-width: 0;
  color: white;
  /* branding */
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton > .icon {
  flex: 0 0 24px;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton > span:not(.icon) {
  flex: 1 1 auto;
  margin-left: 5px;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton {
  background-color: white;
  border: 1px solid #e9e9e9;
  color: #333;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton:hover {
  background-color: white;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton .fa-google {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAGsklEQVR4Ae3cA3jsShgG4Gvbtu1js7aObdu2bdbudmvbtu1VtUg2ydw7x95mstnt5rZ5voflG80/fzL72L89bOsF94J7wWgb2dSgiAzpPHmwbfPK1qWzxDNsRdb6Ar2BgtF9hSbDRbYG4mk2beuXwm+Q89yV+TmAILgHptrb5DyPtg3LhBZjBCP+RovewNZlc2TOl8nGel0HA4LA4qPhkRSM6XcHoEYk86fIfT2AQqFzYIBjMncHofkoZBWNCM1GSq+cpdpadQIMKEoRzIeXIroEkW08TObpDAiiO8F4Tga85TBnoEc8xVKZm9UNYECS0stnBCP/Ud+AnJH/SC+eAiShPTDZ3CRZPIN9CUokC6ZSYqE2wHhmKhw/2TegR2RnSFSUaRaMJccLxg7QsAQhktkTAACaAmOxkbA80h2taKIZKWzR1BFWRAQLRvXhphYdDEtcWDxxU4sOhjdDkdVYbmrRwYAgJIums3RTNWrftbHz/AmZh5MiLBAGVqOdZ4+1790inmrFvpYZuPPEATWdknmT5f7eZEN9V2N7o9zPu3XNInQte2BlcYE6tVTbltXw4kf9h5QlhW3rliBr1QcDAODsjPFlhmelqfNvKQty4S9B0KoPVgTxmWk7Tx0COMZCF6GzA3ZC0LWMwJSsTWiOXj+O6iP382KzowAAvMOhaxmAqw/Ijr4tGPsHgnbsACwxlpNNPABIIv5LIvxpzOVlkdXPNMGK8CCudi2pFi+ovRFlwLOtc7/uUgvnxhxu05LpIyD17nTu+EAw8q9HaVtXzgcAcBUMcAER/sx9YBj5pdeExr897NLtT9TVcLgRTzVcgbyHBuc9L5n8PdLJzAEwmWP1KDCMMvTp9jWf3tbC1gdQKDgMBhRBRL0GYaojO35zxOo8fZjbz5ZAZz700Anm9pLI9g+yoY7bYKrJBWJoRpk8SJ0/fDoc13QuRuNdgMmydfTBZPkGdcDDd0q1EDkOVIKzTOiDKVGY7oPLmylVYCKlL30wIKW6D44tJlSCE76nC45+CwHXfWDfdKVKcMwHdMEJ33MC7JqEqwRHvEgXnDaYE+ArMayBB3ECDAennnVKn4tUDU74gS446k1OgB3i8Z41LHmkKHtW4eGfpRpctv5/VlomlxOsTR6kKQN1H1wnptiZHpYFv27pMbqus4kxOChbySzTz8loakfukhIkYKEBEBzw6SBXk79cLQ5lXv5XuxtJAaMDdA/v+JMydVs8irBnDvB+g9QbGeY1SUFg2gTn1JD0z+cdPIVaTbym0JemeQ6FzrtzJtdFm+DT4Rh9MD9DybxNmxL03mg3g/u0MP3cbWo6GrWjbZMBg/0Id6wqAcWwEX+F/10fVzPIe2jmRW3VTiP+VBjC4bU6KgMAID9qaQt9frl3P6hSndOaP7HrxdSYPQiH92QYhvAwTRH7KdSWBL9h5j4GeugkqDpWc1oZBqaelSGNwMWNJMLjUkHxBn//zwZeH3topr+7bWxDmia0AID17gok7aTTMrTnw1KsfZTPVMhAyj9uVl5lIexqcQLs4KFpYXjpSjQw3HwrIqCBQQ5mXsZInBWtoIOac1GOqrU4IsUJwOSllsmha5iZTf3npzXnqXka+1dFmzo4D9vZgQp2TsAZvrZUIC7729WSmRlmVfz+HGExKpUCVGJj1oSQlTd+SZ9Lm4bubqKvtTkmk+OAIRhu+zMu3jEwyqTQ1d7lofWdzV0VyWSxpPJkjpOB76z7fsPfjjOHHMhBb0QzAhMUMS18nRrgOzHkz96YdPR4toNTMT+gKjq4OtatNPBCvgfcp9PD1w/wsFP14y7WA4/zu9SudVWw8HKpUC4Zw5uOLmQ//c4fGrZL8iit+WEpvMmxAIZbtrCor7uNLpj/ubpk6N6Kh059M6tINl8Qh4UUHGa73wzjNGHQ4dj7wC6JOPtLACLqkvq4WeuE2cWi/+nLt0csOKnQ1CKP+IYMWELqgPnGiLVh6O7Go8GYZpfxpDbnwkaHjpj3JfLRV7Wgb01SARxIupc6wntyfGOG9pbikRQJmzvodRg7mRq2tkkm7IbFlhktBdaBS7SsPZx1haDIbltOSwGKXxl5px7UZGaEb8gXlerEgmmMxB2KfEciTKHRAsvbmPo0nVsST1BEdH3Kyrh9bJVlQ7wmbk05USSu0PUPPWjDOtxLg5bF7h7tM42B08x//o7U0/AmrCSV3PtYiwZpS3B13MHMS/DIz4rYaBO0VM93JpwbwaJtqNfEsbwZFgEL50VtgcJLBV6wK9aKtfd+cEkvuBfcC37k9h8VGR+csPdltgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.googleLoginButton .fa-google::before {
  display: none;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.facebookLoginButton {
  background-color: #3b5998;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.facebookLoginButton:hover {
  background-color: #30487b;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.twitterLoginButton {
  background-color: #55acee;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.twitterLoginButton:hover {
  background-color: #309aea;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.githubLoginButton {
  background-color: #444;
}
.loginForm > form .thirdPartyLogin .thirdPartyLoginButton.githubLoginButton:hover {
  background-color: #303030;
}
@media screen and (min-width: 769px), print {
  .loginForm:not(.loginFormLoginOnly) > form {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .loginForm:not(.loginFormLoginOnly) > form > .section {
    /* Sections should never be split, but Firefox, IE and Edge don't seem
			   to care about this despite advertising the support for it. We can work
			   around this by using `overflow: hidden` which magically does the job,
			   but doesn't affect Chrome which properly breaks anyway. */
    margin-top: 0;
    overflow: hidden;
    /* Fix for Firefox, IE and Edge */
    -webkit-column-break-inside: avoid;
    /* Chrome, Safari, Opera */
    page-break-inside: avoid;
    /* Firefox */
    break-inside: avoid;
    /* IE 10+ */
  }
  .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormLogin {
    page-break-after: always;
    break-after: always;
    -webkit-column-break-after: always;
  }
  .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister {
    margin-top: 0;
  }
  .loginForm:not(.loginFormLoginOnly) > form > .section.loginFormRegister + .loginFormThirdPartyLogin {
    margin-top: 30px;
  }
}
@media screen and (min-width: 769px), print {
  /* full page login: missing margin due to different DOM */
  /* force columns to be 300px wide in login overlay */
  .contentHeader ~ .loginForm {
    margin-top: 30px;
  }
  .dialogContent .loginForm:not(.loginFormLoginOnly) .section {
    width: 300px;
  }
}
.loginFormLogin > .section {
  margin-top: 30px !important;
}
/* CSS does not allow selectors starting with a number. 
   Therefore we are using the unicode character to identify
   the correct selector. In a nutshell: the selector is #3rdParty.section */
#\33 rdParty.section .thirdPartyLoginButton {
  align-items: center;
  display: inline-flex;
  border-width: 0;
  color: white;
  /* branding */
}
#\33 rdParty.section .thirdPartyLoginButton > .icon {
  flex: 0 0 24px;
}
#\33 rdParty.section .thirdPartyLoginButton > span:not(.icon) {
  flex: 1 1 auto;
  margin-left: 5px;
}
#\33 rdParty.section .thirdPartyLoginButton.googleLoginButton {
  background-color: white;
  border: 1px solid #e9e9e9;
  color: #333;
}
#\33 rdParty.section .thirdPartyLoginButton.googleLoginButton:hover {
  background-color: white;
}
#\33 rdParty.section .thirdPartyLoginButton.googleLoginButton .fa-google {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAIAAAABc2X6AAAGsklEQVR4Ae3cA3jsShgG4Gvbtu1js7aObdu2bdbudmvbtu1VtUg2ydw7x95mstnt5rZ5voflG80/fzL72L89bOsF94J7wWgb2dSgiAzpPHmwbfPK1qWzxDNsRdb6Ar2BgtF9hSbDRbYG4mk2beuXwm+Q89yV+TmAILgHptrb5DyPtg3LhBZjBCP+RovewNZlc2TOl8nGel0HA4LA4qPhkRSM6XcHoEYk86fIfT2AQqFzYIBjMncHofkoZBWNCM1GSq+cpdpadQIMKEoRzIeXIroEkW08TObpDAiiO8F4Tga85TBnoEc8xVKZm9UNYECS0stnBCP/Ud+AnJH/SC+eAiShPTDZ3CRZPIN9CUokC6ZSYqE2wHhmKhw/2TegR2RnSFSUaRaMJccLxg7QsAQhktkTAACaAmOxkbA80h2taKIZKWzR1BFWRAQLRvXhphYdDEtcWDxxU4sOhjdDkdVYbmrRwYAgJIums3RTNWrftbHz/AmZh5MiLBAGVqOdZ4+1790inmrFvpYZuPPEATWdknmT5f7eZEN9V2N7o9zPu3XNInQte2BlcYE6tVTbltXw4kf9h5QlhW3rliBr1QcDAODsjPFlhmelqfNvKQty4S9B0KoPVgTxmWk7Tx0COMZCF6GzA3ZC0LWMwJSsTWiOXj+O6iP382KzowAAvMOhaxmAqw/Ijr4tGPsHgnbsACwxlpNNPABIIv5LIvxpzOVlkdXPNMGK8CCudi2pFi+ovRFlwLOtc7/uUgvnxhxu05LpIyD17nTu+EAw8q9HaVtXzgcAcBUMcAER/sx9YBj5pdeExr897NLtT9TVcLgRTzVcgbyHBuc9L5n8PdLJzAEwmWP1KDCMMvTp9jWf3tbC1gdQKDgMBhRBRL0GYaojO35zxOo8fZjbz5ZAZz700Anm9pLI9g+yoY7bYKrJBWJoRpk8SJ0/fDoc13QuRuNdgMmydfTBZPkGdcDDd0q1EDkOVIKzTOiDKVGY7oPLmylVYCKlL30wIKW6D44tJlSCE76nC45+CwHXfWDfdKVKcMwHdMEJ33MC7JqEqwRHvEgXnDaYE+ArMayBB3ECDAennnVKn4tUDU74gS446k1OgB3i8Z41LHmkKHtW4eGfpRpctv5/VlomlxOsTR6kKQN1H1wnptiZHpYFv27pMbqus4kxOChbySzTz8loakfukhIkYKEBEBzw6SBXk79cLQ5lXv5XuxtJAaMDdA/v+JMydVs8irBnDvB+g9QbGeY1SUFg2gTn1JD0z+cdPIVaTbym0JemeQ6FzrtzJtdFm+DT4Rh9MD9DybxNmxL03mg3g/u0MP3cbWo6GrWjbZMBg/0Id6wqAcWwEX+F/10fVzPIe2jmRW3VTiP+VBjC4bU6KgMAID9qaQt9frl3P6hSndOaP7HrxdSYPQiH92QYhvAwTRH7KdSWBL9h5j4GeugkqDpWc1oZBqaelSGNwMWNJMLjUkHxBn//zwZeH3topr+7bWxDmia0AID17gok7aTTMrTnw1KsfZTPVMhAyj9uVl5lIexqcQLs4KFpYXjpSjQw3HwrIqCBQQ5mXsZInBWtoIOac1GOqrU4IsUJwOSllsmha5iZTf3npzXnqXka+1dFmzo4D9vZgQp2TsAZvrZUIC7729WSmRlmVfz+HGExKpUCVGJj1oSQlTd+SZ9Lm4bubqKvtTkmk+OAIRhu+zMu3jEwyqTQ1d7lofWdzV0VyWSxpPJkjpOB76z7fsPfjjOHHMhBb0QzAhMUMS18nRrgOzHkz96YdPR4toNTMT+gKjq4OtatNPBCvgfcp9PD1w/wsFP14y7WA4/zu9SudVWw8HKpUC4Zw5uOLmQ//c4fGrZL8iit+WEpvMmxAIZbtrCor7uNLpj/ubpk6N6Kh059M6tINl8Qh4UUHGa73wzjNGHQ4dj7wC6JOPtLACLqkvq4WeuE2cWi/+nLt0csOKnQ1CKP+IYMWELqgPnGiLVh6O7Go8GYZpfxpDbnwkaHjpj3JfLRV7Wgb01SARxIupc6wntyfGOG9pbikRQJmzvodRg7mRq2tkkm7IbFlhktBdaBS7SsPZx1haDIbltOSwGKXxl5px7UZGaEb8gXlerEgmmMxB2KfEciTKHRAsvbmPo0nVsST1BEdH3Kyrh9bJVlQ7wmbk05USSu0PUPPWjDOtxLg5bF7h7tM42B08x//o7U0/AmrCSV3PtYiwZpS3B13MHMS/DIz4rYaBO0VM93JpwbwaJtqNfEsbwZFgEL50VtgcJLBV6wK9aKtfd+cEkvuBfcC37k9h8VGR+csPdltgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
}
#\33 rdParty.section .thirdPartyLoginButton.googleLoginButton .fa-google::before {
  display: none;
}
#\33 rdParty.section .thirdPartyLoginButton.facebookLoginButton {
  background-color: #3b5998;
}
#\33 rdParty.section .thirdPartyLoginButton.facebookLoginButton:hover {
  background-color: #30487b;
}
#\33 rdParty.section .thirdPartyLoginButton.twitterLoginButton {
  background-color: #55acee;
}
#\33 rdParty.section .thirdPartyLoginButton.twitterLoginButton:hover {
  background-color: #309aea;
}
#\33 rdParty.section .thirdPartyLoginButton.githubLoginButton {
  background-color: #444;
}
#\33 rdParty.section .thirdPartyLoginButton.githubLoginButton:hover {
  background-color: #303030;
}
.userMenu {
  --background-color: white;
  --background-color-active: #efefef;
  --border-color: #eaeaea;
  --color: #303030;
  --color-active: #303030;
  --color-dimmed: #303030;
  --color-indicator: #318adc;
  background-color: var(--background-color);
  color: var(--color);
  pointer-events: all;
}
.userMenu.userMenuControlPanel .userMenuItemImage {
  align-self: center;
}
.userMenu.userMenuControlPanel .userMenuItemContent {
  font-weight: 600;
}
.userMenu.userMenuControlPanel .icon {
  color: var(--color-dimmed);
}
.userMenu .icon {
  color: var(--color);
}
.dropdownMenuContainer .userMenu {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0;
  position: fixed;
  width: 400px;
  z-index: 450;
}
.pageMenuUserTabPanel .userMenu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pageMenuUserTabPanel .userMenu .userMenuContentScrollable {
  flex: 1 auto;
}
.userMenuHeader {
  align-items: center;
  display: grid;
  min-height: 44px;
  grid-template-areas: "title buttons";
  grid-template-columns: auto max-content;
}
.userMenuTitle {
  grid-area: title;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.28;
  font-weight: 600;
}
@media screen and (min-width: 769px), print {
  .userMenuTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .userMenuTitle {
    font-size: 18px;
  }
}
.userMenuButtons {
  column-gap: 1px;
  display: grid;
  grid-auto-flow: column;
  grid-area: buttons;
}
.userMenuButton {
  align-items: center;
  display: flex;
  height: 44px;
  justify-content: center;
  width: 44px;
}
html:not(.touch) .userMenuButton {
  transform: scale(1);
  transition: transform 0.24s ease-in-out;
}
html:not(.touch) .userMenuButton:hover {
  transform: scale(1.5);
}
.userMenuContentStatus {
  align-items: center;
  color: var(--color-dimmed);
  display: flex;
  height: 60px;
  justify-content: center;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .userMenuContentStatus {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .userMenuContentStatus {
    font-size: 18px;
  }
}
@media screen and (min-width: 1025px), print {
  .userMenuContent.userMenuContentScrollable {
    max-height: 400px;
    overflow: hidden;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .userMenuContent.userMenuContentScrollable {
    overflow: hidden auto;
  }
}
.userMenuItem {
  background-color: var(--background-color);
  display: grid;
  grid-template-areas: "image content" "image meta";
  grid-template-columns: 60px auto;
  grid-template-rows: minmax(0, min-content);
  /* min-height = 48px icon + 2*10px padding */
  min-height: 68px;
  padding: 10px 30px 10px 10px;
  position: relative;
  transition: background-color 0.12s linear;
}
.userMenuItem[data-is-unread="true"] .userMenuItemLink::before {
  right: 30px;
}
.userMenuItem[data-is-unread="false"] .userMenuItemUnread {
  display: none;
}
.userMenuItem.userMenuItemNarrow {
  grid-template-columns: 40px auto;
}
.userMenuItem.userMenuItemSingleLine {
  grid-template-areas: "image content";
  grid-template-rows: auto;
}
.userMenuItem.userMenuItemSingleLine:not(.userMenuItemUserHeader) {
  min-height: 0;
}
.userMenuItem.userMenuItemSingleLine .userMenuItemContent {
  align-self: center;
}
.userMenuItem.userMenuItemWithUsernames {
  grid-template-areas: "image content" "image usernames" "image meta";
  grid-template-columns: 60px auto;
}
html:not(.touch) .userMenuItem:hover {
  background-color: var(--background-color-active);
  color: var(--color-active);
}
html:not(.touch) .userMenuItem:hover .icon {
  color: var(--color-active);
}
.userMenuItemLinkPlain {
  font-weight: 600;
}
.userMenuItemLink, .userMenuItemLink:hover {
  color: inherit;
}
.userMenuItemLink::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.userMenuItemImage {
  grid-area: image;
  /* Setting an element‘s position to `absolute` will remove it from the
	   regular flow, causing it to be ignored for the calculation of the
	   `grid-template-rows`. */
  position: absolute;
}
.userMenuItemContent {
  grid-area: content;
}
.userMenuItemUsernames {
  grid-area: usernames;
}
.userMenuItemMeta {
  grid-area: meta;
}
.userMenuItemUsernames, .userMenuItemMeta {
  color: var(--color-dimmed);
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .userMenuItemUsernames, .userMenuItemMeta {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .userMenuItemUsernames, .userMenuItemMeta {
    font-size: 12px;
  }
}
.userMenuItemUnread {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
}
.userMenuItemUnread::before {
  background-color: var(--color-indicator);
  border-radius: 50%;
  content: "";
  height: 10px;
  left: 7px;
  opacity: 1;
  position: absolute;
  top: calc(50% - 5px);
  width: 10px;
}
html:not(.touch) .userMenuItemUnread::before {
  transition: left 0.12s ease-in-out, opacity 0.12s ease-in-out;
}
html:not(.touch) .userMenuItem:hover .userMenuItemUnread::before {
  opacity: 0;
  left: 0;
}
.userMenuItemMarkAsRead {
  display: block;
  opacity: 1;
  position: relative;
  left: 0;
  width: 100%;
}
html:not(.touch) .userMenuItemMarkAsRead {
  transform: scale(1);
  transition: opacity 0.12s ease-in-out, left 0.12s ease-in-out, transform 0.24s ease-in-out;
}
html:not(.touch) .userMenuItemMarkAsRead:hover {
  transform: scale(1.5);
}
/* Tapping the indicator on touch devices triggers the action
   to mark the item as read. Positioning the button over the
   indicator masks this behavior. */
html.touch .userMenuItem .userMenuItemMarkAsRead {
  opacity: 0;
  left: 0;
  width: 24px;
}
.userMenuItem:not(:hover) .userMenuItemMarkAsRead {
  opacity: 0;
  left: 10px;
}
.userMenuFooter {
  border-top: 1px solid var(--border-color);
  padding: 10px;
  position: relative;
  text-align: center;
}
.userMenuFooterLink {
  color: inherit;
}
.userMenuFooterLink:hover {
  color: inherit;
  text-decoration: underline;
}
.userMenuFooterLink::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.userMenuContent .ps-scrollbar-y-rail {
  z-index: 2;
}
.userMenuContentDivider {
  border-top: 1px solid var(--border-color);
}
.userMenuNotifications {
  border: 1px solid var(--color-indicator);
  border-radius: 5px;
  margin: 0 10px;
  padding: 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .userMenuNotifications {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .userMenuNotifications {
    font-size: 12px;
  }
}
.userMenuNotificationsButtons {
  margin-top: 10px;
  text-align: right;
}
.userProfileUser .contentHeaderIcon {
  position: relative;
}
.userProfileUser .contentHeaderIcon a {
  display: block;
}
.userProfileUser .contentHeaderIcon a {
  display: block;
}
.userProfileUser .contentHeaderDescription {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .userProfileUser {
    display: flex;
    flex-wrap: wrap;
  }
  .userProfileUser .contentHeaderNavigation {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .userProfileUser .contentHeaderIcon {
    display: block;
    flex: 0 0 96px;
    margin-right: 15px;
  }
  .userProfileUser .contentHeaderIcon img {
    width: 96px !important;
    height: 96px !important;
  }
  .userProfileUser .contentHeaderTitle {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 111px);
    max-width: calc(100% - 11px);
  }
}
@media screen and (max-width: 544px) {
  .userProfileUser .contentHeaderIcon {
    display: block;
    flex: 0 0 48px;
    margin-right: 10px;
  }
  .userProfileUser .contentHeaderIcon img {
    width: 48px !important;
    height: 48px !important;
  }
  .userProfileUser .contentHeaderTitle {
    /* The `flex` shorthand fails in IE11 if `calc()` is used. */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% - 58px);
  }
}
@media screen and (min-width: 769px), print {
  .userProfileUser .contentHeaderIcon {
    flex: 0 0 128px;
    margin-right: 20px;
  }
}
/* user profile cover photo */
.userProfileUserWithCoverPhoto {
  margin-top: 0;
  padding-top: 165px;
  position: relative;
}
.userProfileUserWithCoverPhoto .userProfileCoverPhoto {
  background: no-repeat center;
  background-size: cover;
  border-radius: 3px;
  height: 200px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.userProfileUserWithCoverPhoto .userProfileCoverPhoto::after {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.5) 100%);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.userProfileUserWithCoverPhoto .userProfileCoverPhoto .userProfileManageCoverPhoto {
  position: absolute;
  right: 10px;
  top: 10px;
}
.userProfileUserWithCoverPhoto .contentHeaderTitle {
  margin-top: 0;
  /* avoid being covered by the photo */
  z-index: 10;
}
.userProfileUserWithCoverPhoto .userProfileUsername {
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 769px), print {
  .userProfileUserWithCoverPhoto .contentHeaderIcon {
    flex: 0 0 138px;
    margin-top: -29px;
    /* 35px photo overlap - (128px height / 2) */
    padding-left: 10px;
  }
  .userProfileUserWithCoverPhoto .contentHeaderDescription {
    margin-top: 10px !important;
  }
  .userProfileUserWithCoverPhoto .contentHeaderNavigation {
    padding-top: 45px;
  }
}
@media screen and (min-width: 545px), print {
  .userProfileUserWithCoverPhoto .contentHeaderIcon .badgeOnline {
    left: 10px !important;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername + .badge {
    margin-left: 5px;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .userProfileUserWithCoverPhoto {
    padding-top: 170px;
  }
  .userProfileUserWithCoverPhoto .contentHeaderIcon {
    margin-top: -18px;
    /* 30px photo overlap - (96px height / 2) */
    padding-left: 5px;
  }
  .userProfileUserWithCoverPhoto .contentHeaderDescription {
    margin-top: 10px !important;
  }
}
@media screen and (max-width: 544px) {
  .userProfileUserWithCoverPhoto {
    padding-top: 120px;
  }
  .userProfileUserWithCoverPhoto .userProfileCoverPhoto {
    height: 150px;
  }
  .userProfileUserWithCoverPhoto .contentHeaderIcon {
    margin-top: 6px;
    /* 30px photo overlap - (48px height / 2) */
    padding-left: 5px;
  }
  .userProfileUserWithCoverPhoto .contentTitle {
    margin-bottom: 35px;
    position: relative;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername {
    display: block;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername + .badge {
    margin-left: 0;
    position: absolute;
    top: 35px !important;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername + .userRankImage {
    position: absolute;
    top: 32px;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername + .badge + .userRankImage {
    position: relative;
  }
  .userProfileUserWithCoverPhoto .userProfileUsername + .badge + .userRankImage > img {
    transform: translateY(32px);
  }
  .userProfileUserWithCoverPhoto .contentHeaderDescription {
    margin-left: -58px;
  }
}
.userTitleBadge {
  max-width: 154px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.userAvatarImage {
  background-color: #fff;
  border-radius: 50%;
}
.userAvatarList {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.userAvatarList > li {
  flex: 0 0 48px;
  margin-bottom: 10px;
  text-align: center;
}
.userAvatarList > li:not(:last-child) {
  margin-right: -12px;
}
.userAvatarList > li > a {
  display: block;
}
.userAvatarList > li > a > img {
  border: 2px solid #fff;
}
.userAvatarList.small > li {
  flex: 0 0 24px;
}
.userAvatarList.small > li:not(:last-child) {
  margin-right: -6px;
}
.userAvatarList.small > li > a > img {
  border: 1px solid #fff;
}
.userList .box48 {
  align-items: center;
}
.userProfilePreview {
  position: relative;
}
.userProfilePreview .userInformation {
  margin-bottom: 20px;
}
.userProfilePreview .buttonGroupNavigation {
  position: absolute;
  bottom: 0;
  right: 0;
}
/* using `dl` + `.inlineDataList` to prevent styles applied to the
   data list provided by the `userInformation` template */
.userProfilePreview dl.inlineDataList {
  margin-top: 10px;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .userProfilePreview dl.inlineDataList {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .userProfilePreview dl.inlineDataList {
    font-size: 12px;
  }
}
/* user notifications */
.userNotificationItemList > .notificationItem.notificationUnconfirmed {
  align-items: center;
  display: flex;
}
.userNotificationItemList > .notificationItem.notificationUnconfirmed > .box32 {
  flex: 1 1 auto;
  position: relative;
}
.userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {
  flex: 0 0 auto;
}
.userNotificationItemList .userNotificationItemLink {
  color: inherit;
}
.userNotificationItemList .userNotificationItemLink::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.userProfilePreviewAvatar {
  align-self: flex-start;
  display: block;
  position: relative;
}
.userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
  left: 0;
  pointer-events: none;
  position: absolute;
}
@media screen and (min-width: 769px), print {
  .userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .userProfilePreviewAvatar .badgeOnline, .userProfileUser .contentHeaderIcon .badgeOnline {
    color: transparent;
    padding: 0;
    top: 0;
    width: 0;
  }
  .userProfilePreviewAvatar .badgeOnline::before, .userProfileUser .contentHeaderIcon .badgeOnline::before {
    background-color: inherit;
    border: 1px solid white;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 34px;
    /* 48px (avatar) - 16px (width) - 2px (border-left + border-right) */
    position: absolute;
    width: 16px;
  }
}
.userOnlineIndicator {
  background-color: #090;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.boxContainer .boxesSidebarLeft::before, .boxContainer .boxesSidebarRight::before {
  content: none;
}
.boxContainer .boxesSidebarLeft .boxContainer, .boxContainer .boxesSidebarRight .boxContainer {
  display: block;
}
.content .boxContainer .boxesHeaderBoxes .boxContainer, .content .boxContainer .boxesFooterBoxes .boxContainer {
  margin: 0;
  padding-bottom: 0;
}
.content .boxContainer .boxesHeaderBoxes .boxContainer .box, .content .boxContainer .boxesFooterBoxes .boxContainer .box {
  margin-top: 0;
}
.boxesSidebarLeft .boxesHeaderBoxes, .boxesSidebarLeft .boxesFooterBoxes, .boxesSidebarRight .boxesHeaderBoxes, .boxesSidebarRight .boxesFooterBoxes {
  background: none;
}
.boxesSidebarLeft .boxesHeaderBoxes .boxContainer, .boxesSidebarLeft .boxesFooterBoxes .boxContainer, .boxesSidebarRight .boxesHeaderBoxes .boxContainer, .boxesSidebarRight .boxesFooterBoxes .boxContainer {
  display: block;
  padding: 0;
  margin: 0;
}
.boxesSidebarLeft .boxesHeaderBoxes .boxContainer .box, .boxesSidebarLeft .boxesFooterBoxes .boxContainer .box, .boxesSidebarRight .boxesHeaderBoxes .boxContainer .box, .boxesSidebarRight .boxesFooterBoxes .boxContainer .box {
  max-width: none !important;
  flex-basis: unset !important;
  margin-bottom: 0;
}
.boxxerColumnsBox > .col {
  display: flex;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  margin-top: 0;
  margin-bottom: 20px !important;
}
.boxxerColumnsBox > .col.boxesAlignmentTop > .boxContainer {
  justify-content: flex-start;
}
.boxxerColumnsBox > .col.boxesAlignmentCenter > .boxContainer {
  justify-content: center;
}
.boxxerColumnsBox > .col.boxesAlignmentBottom > .boxContainer {
  justify-content: flex-end;
}
.boxxerColumnsBox > .col.boxesAlignmentSpaceAround > .boxContainer {
  justify-content: space-around;
}
.boxxerColumnsBox > .col.boxesAlignmentSpaceBetween > .boxContainer {
  justify-content: space-between;
}
.boxxerColumnsBox > .col.boxesAlignmentSpaceEvenly > .boxContainer {
  justify-content: space-evenly;
}
.boxxerColumnsBox > .col.boxesAlignmentFill > .boxContainer > .box {
  flex: 1 0 auto;
}
.boxxerColumnsBox > .col > .boxContainer {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
}
.boxxerColumnsBox > .col > .boxContainer > .box:not(:first-child) {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .boxxerColumnsBox .boxesSidebarLeft:not(.open), .boxxerColumnsBox .boxesSidebarRight:not(.open) {
    flex: 0 0 100%;
  }
}
@media screen and (min-width: 769px), print {
  .boxxerColumnsBox .col-md-auto {
    flex: 1;
  }
}
.boxxerTabsBox .tabMenuContent > .section {
  margin-top: 20px;
}
.boxxerTabsBox .boxxerTabsBox .tabMenu > ul > li > a {
  font-size: 18px;
  font-weight: 400;
}
.boxxerBoxBBCodeContainer {
  --width: auto;
}
.boxxerBoxBBCodeContainer.boxxerBoxFloatCenter {
  margin: 0;
  display: flex;
  justify-content: center;
}
.boxxerBoxBBCodeContainer.boxxerBoxFloatCenter .boxContainer {
  width: var(--width);
  max-width: 100%;
}
.boxxerBoxBBCodeContainer.boxxerBoxFloatLeft {
  float: left;
  width: var(--width);
  max-width: 100%;
  margin: 0 10px 0 0;
}
.boxxerBoxBBCodeContainer.boxxerBoxFloatRight {
  float: right;
  width: var(--width);
  max-width: 100%;
  margin: 0 0 0 10px;
}
.messageText > .messageBody .boxxerBoxBBCodeContainer h1, .messageText > .messageBody .boxxerBoxBBCodeContainer h2, .messageText > .messageBody .boxxerBoxBBCodeContainer h3, .messageText > .messageBody .boxxerBoxBBCodeContainer h4, .messageText > .messageBody .boxxerBoxBBCodeContainer h5, .messageText > .messageBody .boxxerBoxBBCodeContainer h6, .messageText > .messageBody .boxxerBoxBBCodeContainer em, .htmlContent .boxxerBoxBBCodeContainer h1, .messageBody > .messageText .boxxerBoxBBCodeContainer h1, .messageSignature > div .boxxerBoxBBCodeContainer h1, .redactor-layer .boxxerBoxBBCodeContainer h1, .htmlContent .boxxerBoxBBCodeContainer h2, .messageBody > .messageText .boxxerBoxBBCodeContainer h2, .messageSignature > div .boxxerBoxBBCodeContainer h2, .redactor-layer .boxxerBoxBBCodeContainer h2, .htmlContent .boxxerBoxBBCodeContainer h3, .messageBody > .messageText .boxxerBoxBBCodeContainer h3, .messageSignature > div .boxxerBoxBBCodeContainer h3, .redactor-layer .boxxerBoxBBCodeContainer h3, .htmlContent .boxxerBoxBBCodeContainer h4, .messageBody > .messageText .boxxerBoxBBCodeContainer h4, .messageSignature > div .boxxerBoxBBCodeContainer h4, .redactor-layer .boxxerBoxBBCodeContainer h4, .htmlContent .boxxerBoxBBCodeContainer h5, .messageBody > .messageText .boxxerBoxBBCodeContainer h5, .messageSignature > div .boxxerBoxBBCodeContainer h5, .redactor-layer .boxxerBoxBBCodeContainer h5, .htmlContent .boxxerBoxBBCodeContainer h6, .messageBody > .messageText .boxxerBoxBBCodeContainer h6, .messageSignature > div .boxxerBoxBBCodeContainer h6, .redactor-layer .boxxerBoxBBCodeContainer h6, .htmlContent .boxxerBoxBBCodeContainer em, .messageBody > .messageText .boxxerBoxBBCodeContainer em, .messageSignature > div .boxxerBoxBBCodeContainer em, .redactor-layer .boxxerBoxBBCodeContainer em {
  margin: 0;
}
.messageText > .messageBody .boxxerBoxBBCodeContainer ul, .messageText > .messageBody .boxxerBoxBBCodeContainer ol, .htmlContent .boxxerBoxBBCodeContainer ul, .messageBody > .messageText .boxxerBoxBBCodeContainer ul, .messageSignature > div .boxxerBoxBBCodeContainer ul, .redactor-layer .boxxerBoxBBCodeContainer ul, .htmlContent .boxxerBoxBBCodeContainer ol, .messageBody > .messageText .boxxerBoxBBCodeContainer ol, .messageSignature > div .boxxerBoxBBCodeContainer ol, .redactor-layer .boxxerBoxBBCodeContainer ol {
  margin: 0;
  list-style: none;
}
.messageText > .messageBody .boxxerBoxBBCodeContainer ul li, .messageText > .messageBody .boxxerBoxBBCodeContainer ol li, .htmlContent .boxxerBoxBBCodeContainer ul li, .messageBody > .messageText .boxxerBoxBBCodeContainer ul li, .messageSignature > div .boxxerBoxBBCodeContainer ul li, .redactor-layer .boxxerBoxBBCodeContainer ul li, .htmlContent .boxxerBoxBBCodeContainer ol li, .messageBody > .messageText .boxxerBoxBBCodeContainer ol li, .messageSignature > div .boxxerBoxBBCodeContainer ol li, .redactor-layer .boxxerBoxBBCodeContainer ol li {
  margin: 0;
}
/*
 * Special styles for changes introduced in WoltLab Suite 3.1 that
 * are not compatible with styles created for earlier versions.
 */
@media screen and (min-width: 1025px), print {
  .main {
    padding: 30px 0;
  }
}
.paginationTop {
  margin-top: 30px;
}
.content > .section, .content > form, .sectionContainer {
  border: 1px solid #eaeaea;
  background-color: white;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .content > .section, .content > form, .sectionContainer {
    border-left-width: 0;
    border-right-width: 0;
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
  }
}
.content > .section > .section:first-child, .content > form > .section:first-child, .sectionContainer > .section:first-child {
  margin-top: 0;
}
.content > .section .section:not(:first-child), .content > form .section:not(:first-child), .sectionContainer .section:not(:first-child) {
  margin-top: 0;
}
.content > .section .section + .section, .content > form .section + .section, .sectionContainer .section + .section {
  margin-top: 40px;
}
.content > .section + .sectionContainer, .content > form + .sectionContainer {
  margin-top: 40px;
}
.content > form {
  margin-top: 40px;
}
.contentHeader + .section, .contentHeader + form, .contentHeader + .sectionContainer {
  margin-top: 30px;
}
.content > .section .tabMenuContent > .section:first-child, .content > .section .tabMenuContent > form > .section:first-child {
  margin-top: 20px;
}
.content > .section > .messageList {
  border-top-width: 0;
}
@media screen and (max-width: 768px) {
  .content > .section > .messageList:first-child {
    margin-top: -11px;
  }
}
.content > .section > .messageList > :first-child {
  padding-top: 0;
}
.content > .section > .messageList > :first-child.anchorFixedHeader:target {
  margin-top: -79px;
}
.content > .section > .messageList > :first-child.anchorFixedHeader:target::after {
  height: 80px;
}
.content > .section > .messageList > :first-child.anchorFixedHeader:target > .message {
  transform: translateY(79px);
}
@media screen and (max-width: 544px) {
  .content > .section > .messageList > :first-child.anchorFixedHeader:target {
    margin-top: -60px;
  }
  .content > .section > .messageList > :first-child.anchorFixedHeader:target::after {
    height: 50px;
  }
  .content > .section > .messageList > :first-child.anchorFixedHeader:target > .message {
    transform: translateY(49px);
  }
}
.content > .section > .messageList > :last-child {
  border-bottom-width: 0;
  padding-bottom: 0;
}
.content > .section > .tabularList:last-child {
  border-bottom-width: 0;
}
.content > .section > .containerList > :first-child {
  border-top-width: 0;
}
.content > .section > .containerList > :last-child {
  border-bottom-width: 0;
}
.mainMenu .boxMenu .boxMenuDepth1 {
  box-shadow: rgba(0, 0, 0, 0.2) 0 12px 28px 0, rgba(0, 0, 0, 0.1) 0 2px 4px 0;
}
.redactor-toolbar {
  background-color: #b1252a;
}
.redactor-toolbar > li > a {
  color: white;
}
.redactor-toolbar > li > a.redactor-button-disabled {
  color: rgba(255, 255, 255, 0.5) !important;
}
.redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {
  background-color: #942d37;
  color: white;
}
@media screen and (min-width: 1025px), print {
  .redactor-toolbar > li > a:hover {
    background-color: #942d37;
    color: white;
  }
}
@media screen and (min-width: 545px), print {
  .redactor-toolbar > li.redactor-toolbar-separator::before {
    border-left: 1px solid white;
  }
}
@media screen and (max-width: 544px) {
  .redactor-toolbar.redactorToolbarOverride > .redactor-toolbar-separator::before {
    border-left: 1px solid white;
  }
  .redactor-toolbar .redactorToolbarToggle::before {
    border-left: 1px solid white;
  }
}
.redactor-box, .messageTabMenuNavigation > ul, .messageTabMenu > .messageTabMenuContent.active, .messageContent.loading > .messageContentLoadingOverlay {
  background-color: white;
}
.messageTabMenuNavigation > ul > li.active > a::after {
  border-bottom-color: white;
}
.innerError {
  background-color: #ce414b;
  color: rgba(255, 255, 255, 0.8);
}
.innerError::before {
  border-bottom-color: #ce414b;
}
.interactiveDropdownHeader .icon {
  color: inherit;
}
.sidebar dl:not(.plain) > dt, .sidebar dl.dataList > dt, .sidebar .separatorLeft::before, .messageSidebar dl:not(.plain) > dt, .messageSidebar dl.dataList > dt, .messageSidebar .separatorLeft::before {
  color: #646464;
}
.messageReduced .messageTitle a {
  color: #303030;
}
.messageReduced .messageHeaderMetaData .messagePublicationTime, .messageReduced .messageHeaderMetaData > li:not(:last-child)::after {
  color: #646464;
}
.userMention {
  color: #c13e4b;
}
.userMention:hover {
  color: black;
}
.boxesSidebarLeft .box.boxError .boxTitle, .boxesSidebarLeft .box.boxInfo .boxTitle, .boxesSidebarLeft .box.boxSuccess .boxTitle, .boxesSidebarLeft .box.boxWarning .boxTitle, .boxesSidebarRight .box.boxError .boxTitle, .boxesSidebarRight .box.boxInfo .boxTitle, .boxesSidebarRight .box.boxSuccess .boxTitle, .boxesSidebarRight .box.boxWarning .boxTitle {
  color: inherit;
}
@media screen and (max-width: 768px) {
  .messageQuickOptions > .jsMessageClipboardCheckbox {
    display: initial;
    position: relative;
    right: 30px;
    top: -1px;
  }
}
.tabMenuOverlayLeft {
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 50%);
}
.tabMenuOverlayRight {
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 50%);
}
.messageContent.loading > .messageContentLoadingOverlay {
  background-color: white;
}
/*
 * Special styles for changes introduced in WoltLab Suite 5.2 that
 * are not compatible with styles created for earlier versions.
 */
.htmlContent table tr:hover > td, .messageBody > .messageText table tr:hover > td, .messageSignature > div table tr:hover > td, .redactor-layer table tr:hover > td, .table tr:hover > td {
  background-color: white;
}
.redactor-layer table th, .redactor-layer table td {
  border-color: #ddd !important;
}
.mainMenu .mainMenuShowPrevious.active {
  /* The button is otherwise partially overlapped by the menu items. */
  z-index: 1;
}
/* list of participants */
/* participant left status */
.conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {
  text-decoration: line-through;
}
/* quota usage display */
.sidebar .box.conversationQuota .boxContent {
  text-align: center;
}
.conversationUsageBar {
  background-color: #a5df41;
  height: 5px;
}
.conversationUsageBar > span {
  background-color: #4ca916;
  color: transparent;
  display: block;
  height: 100%;
}
.conversationUsageBar.yellow {
  background-color: #fecf23;
}
.conversationUsageBar.yellow > span {
  background-color: #fd9215;
}
.conversationUsageBar.red {
  background-color: #ffcdd2;
}
.conversationUsageBar.red > span {
  background-color: #f44336;
}
.conversationItem .conversationInfo {
  display: flex;
}
.conversationItem .conversationParticipant {
  flex: 1 1 auto;
}
.conversationItem .conversationLastPostTime {
  flex: 0 0 auto;
  margin-left: 10px;
}
/* board list */
.wbbBoardList {
  /* indentation of subboards */
  /* less indentation for categorized boards */
}
.wbbBoardList > li.wbbCategory:not(:last-child) {
  margin-bottom: 20px;
}
.wbbBoardList > .wbbRootNode:not(:first-child) {
  margin-top: 20px;
}
.wbbBoardList > li.wbbBoardContainer:first-child {
  border-top: 1px solid #eaeaea;
}
.wbbBoardList .wbbBoardContainer {
  border-bottom: 1px solid #eaeaea;
}
.wbbBoardList .wbbBoard {
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.wbbBoardList .wbbBoard:hover {
  background-color: white;
}
@media screen and (min-width: 1025px), print {
  .wbbBoardList .wbbBoard:hover .messageGroupListStatsSimple {
    display: none;
  }
  .wbbBoardList .wbbBoard:hover .wbbStats > dl {
    visibility: visible;
  }
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbBoard > .icon {
    flex: 0 0 auto;
    height: auto;
    margin-left: 26px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbBoard > .icon {
    display: none;
  }
}
.wbbBoardList .wbbBoard + ul {
  border-top: 1px solid #eaeaea;
}
.wbbBoardList .wbbBoard + ul > li:last-child {
  border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbBoard {
    flex-wrap: wrap;
  }
  .wbbBoardList .wbbBoard .messageGroupListStatsSimple {
    display: none;
  }
}
.wbbBoardList .wbbBoardMain {
  overflow: hidden;
}
.wbbBoardList .wbbBoardMain .badgeUpdateMobile {
  display: none;
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbBoardMain {
    flex: 1 1 auto;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbBoardMain {
    flex: 0 0 100%;
  }
  .wbbBoardList .wbbBoardMain h3 {
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
  }
  .wbbBoardList .wbbBoardMain h3::after {
    content: "";
    color: #646464;
    font-family: FontAwesome;
    font-size: 28px;
    flex: 0 0 18px;
    line-height: 32px;
    margin-left: 10px;
    position: relative;
    top: -1px;
    text-align: right;
  }
  .wbbBoardList .wbbBoardMain h3 > a {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .wbbBoardList .wbbBoardMain h3 > .badge {
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .wbbBoardList .wbbBoardMain .badgeUpdate:not(.badgeUpdateMobile) {
    display: none;
  }
  .wbbBoardList .wbbBoardMain .badgeUpdateMobile {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbExternalLink .wbbBoardMain h3::after {
    content: "";
    font-size: 18px;
    top: 3px;
  }
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbBoardDescription {
    color: #646464;
    font-weight: 400;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px), print {
  .wbbBoardList .wbbBoardDescription {
    font-size: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 768px) {
  .wbbBoardList .wbbBoardDescription {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbBoardDescription {
    display: none;
  }
}
.wbbBoardList .wbbCollapsibleCategory h2 {
  align-items: center;
  display: flex;
}
.wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton {
  flex: 0 0 auto;
  margin-right: 10px;
}
.wbbBoardList .wbbCollapsibleCategory h2 > a {
  flex: 1 auto;
  overflow: hidden;
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbCollapsibleCategory h2 + small {
    color: #646464;
    margin-left: 26px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbCollapsibleCategory h2 + small {
    display: none;
  }
}
.wbbBoardList .wbbCollapsibleCategory.jsCollapsed h2 > .collapsibleButton {
  transform: rotate(-90deg);
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbSubBoards {
    margin-top: 5px;
  }
  .wbbBoardList .wbbSubBoards > li {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbSubBoards {
    display: none;
  }
}
.wbbBoardList .wbbStats {
  position: relative;
}
@media screen and (min-width: 1025px), print {
  .wbbBoardList .wbbStats {
    flex: 0 0 16%;
    margin-right: 34%;
  }
  .wbbBoardList .wbbStats + .wbbLastPost {
    margin-left: -34%;
  }
  .wbbBoardList .wbbStats > dl {
    visibility: hidden;
  }
  .wbbBoardList .wbbStats > .wbbBoardIsPrivate {
    color: #646464;
    text-align: center;
    font-weight: 400;
  }
}
@media screen and (min-width: 1025px) and (min-width: 769px), print {
  .wbbBoardList .wbbStats > .wbbBoardIsPrivate {
    font-size: 12px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  .wbbBoardList .wbbStats > .wbbBoardIsPrivate {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  .wbbBoardList .wbbStats {
    display: none;
  }
}
.wbbBoardList .wbbLastPost {
  overflow: hidden;
}
@media screen and (min-width: 1025px), print {
  .wbbBoardList .wbbLastPost {
    flex: 0 0 34%;
  }
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbLastPost {
    padding-right: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .wbbBoardList .wbbLastPost {
    flex: 0 0 40%;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbLastPost {
    flex: 0 0 100%;
  }
}
.wbbBoardList .wbbLastPost > .box32 {
  align-items: center;
}
.wbbBoardList .wbbLastPost > .box32 > div > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .wbbBoardList .wbbLastPost > .box32 > a {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbLastPost > .box32 > a {
    display: none;
  }
  .wbbBoardList .wbbLastPost > .box32 > div {
    align-items: center;
    display: flex;
  }
  .wbbBoardList .wbbLastPost > .box32 > div > p {
    flex: 1 1 auto;
  }
  .wbbBoardList .wbbLastPost > .box32 > div > p > a {
    color: #646464;
    font-weight: 400;
  }
  .wbbBoardList .wbbLastPost > .box32 > div > small {
    color: #646464;
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .wbbBoardList .wbbLastPost > .box32 > div > small > a, .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {
    display: none;
  }
  .wbbBoardList .wbbLastPost > .box32 > div > small > .separatorLeft::before {
    display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .wbbBoardList .wbbLastPost > .box32 > div > p > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .wbbBoardList .wbbLastPost > .box32 > div > p > a {
    font-size: 12px;
  }
}
.wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
  margin-left: 68px;
}
.wbbBoardList .wbbDepth2.wbbCategory > header {
  padding-left: 26px;
}
@media screen and (max-width: 544px) {
  .wbbBoardList .wbbBoardContainer .wbbDepth2 {
    margin-left: 10px;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .wbbBoardList .wbbBoardContainer .wbbDepth2 {
    margin-left: 20px;
  }
}
.wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {
  margin-left: 110px;
}
.wbbBoardList .wbbDepth3.wbbCategory > header {
  padding-left: 68px;
}
.wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
  margin-left: 26px;
}
.wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {
  margin-left: 68px;
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbExternalLinkTarget {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbExternalLinkTarget {
    color: #646464;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .wbbBoardList .wbbExternalLinkTarget {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .wbbBoardList .wbbExternalLinkTarget {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardList .wbbUsersOnline {
    display: none;
  }
}
/* list of ignored boards / global create thread dialog */
.wbbBoardListReduced {
  margin-top: 0;
  user-select: none;
  /* do not change the order of the `.wbbBoardContainer` and `.wbbCategory` as the later
	   overwrite the indentation without the need of longer selectors or `!important` */
}
.wbbBoardListReduced .wbbBoardContainer .wbbDepth2 > div {
  padding-left: 20px;
}
.wbbBoardListReduced .wbbBoardContainer .wbbDepth3 > div {
  padding-left: 40px;
}
.wbbBoardListReduced .wbbCategory .wbbDepth2 > div {
  padding-left: 0;
}
.wbbBoardListReduced .wbbCategory .wbbDepth3 > div {
  padding-left: 20px;
}
.wbbBoardListReduced .wbbBoard {
  position: relative;
}
.wbbBoardListReduced .wbbCreateThreadLink::before {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.wbbBoardListReduced .wbbBoardDescription {
  max-width: 600px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wbbBoardListReduced .wbbSimpleStats {
  flex: 0 0 auto;
}
@media screen and (max-width: 768px) {
  .wbbBoardListReduced .wbbSimpleStats {
    display: none;
  }
}
.wbbBoardListReduced .wbbSimpleStats dt, .wbbBoardListReduced .wbbSimpleStats dd {
  text-align: center;
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .wbbBoardListReduced .wbbSimpleStats dt, .wbbBoardListReduced .wbbSimpleStats dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .wbbBoardListReduced .wbbSimpleStats dt, .wbbBoardListReduced .wbbSimpleStats dd {
    font-size: 12px;
  }
}
.wbbBoardListReduced .wbbSimpleStats dt {
  color: #646464;
}
/* sticky / announcement icon */
.wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
  border-radius: 50%;
  position: absolute;
}
@media screen and (min-width: 769px), print {
  .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
    border: 1px solid white;
    box-sizing: content-box;
    padding: 4px;
    right: -8px;
    top: -2px;
  }
}
@media screen and (max-width: 768px) {
  .wbbAnnouncementIcon, .wbbStickyIcon, .wbbMovedIcon {
    font-size: 18px;
    /* size taken from `.icon24` to emulate padding */
    height: 32px;
    line-height: 32px;
    top: 0;
    width: 32px;
  }
}
.wbbAnnouncementIcon {
  background-color: #cc0001;
  color: white;
}
.wbbStickyIcon, .wbbMovedIcon {
  background-color: #303030;
  color: white;
}
.wbbMovedIcon::before {
  left: 1px;
  position: relative;
}
@media screen and (min-width: 1025px), print {
  .contentHeader.wbbThread > .contentHeaderIcon .wbbAnnouncementIcon, .contentHeader.wbbThread > .contentHeaderIcon .wbbStickyIcon {
    right: -4px;
  }
}
/* ### post list ### */
.wbbPost.wbbPostDeleted.messageCollapsedExpandable {
  cursor: pointer;
}
.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child {
  pointer-events: none;
  position: relative;
}
.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child::before {
  display: block;
  color: #b40000;
  content: "";
  font-family: FontAwesome;
  font-size: 42px;
  left: 13px;
  position: absolute;
  top: -8px;
}
.wbbPost.wbbPostDeleted.messageCollapsedExpandable .messageHeaderWrapper > :first-child > img {
  visibility: hidden;
}
.wbbPostDeleteNote {
  border-left-color: #822228;
}
.wbbPostDisabledNote, .wbbPostDelayedNote {
  border-left-color: #3e8323;
}
/* ### minor fixes ### */
.wbbInlineSimilarThreadList {
  margin-top: 20px;
}
/* ad locations */
.wbbAdLocationIn1stPost {
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
}
.wbbAdLocationPostList, .wbbAdLocationBoardList {
  text-align: center;
}
.wbbAdLocationPostList > div, .wbbAdLocationBoardList > div {
  display: inline-block;
  text-align: left;
}
/* post merge */
#postMergeContainer .sortableList {
  list-style-type: none;
}
#postMergeContainer .sortableNode:not(:last-child) {
  border-bottom-width: 0;
  margin-bottom: 30px;
}
/* thread filter */
@media screen and (min-width: 769px), print {
  #wbbBoardSortFilter:not(.jsBoardSortFilterSingleSection) > form {
    column-gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  #wbbBoardSortFilter:not(.jsBoardSortFilterSingleSection) > form > .section {
    margin-top: 0;
  }
}
/* modification log in threads */
.wbbThreadPostList.messageList .modificationLogEntry {
  padding-top: 10px;
  padding-bottom: 10px;
}
.wbbThreadPostList.messageList *:not(.modificationLogEntry) + .modificationLogEntry {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .wbbThreadPostList.messageList *:not(.modificationLogEntry) + .modificationLogEntry {
    border-top: 1px solid #eaeaea;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.wbbThreadPostList.messageList .lastModificationLogEntry.modificationLogEntry:not(:last-child) {
  padding-bottom: 30px;
}
.wbbThreadPostList.messageList .modificationLogEntryHide {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  margin-left: 10px;
}
/* go to best answer button & show more posts button in post list */
.wbbThreadPostList .wbbGoToBestAnswer, .wbbThreadPostList .wbbMorePostsNotice {
  text-align: center;
}
/* placeholder sizes, required for Google AdSense */
@media screen and (max-width: 544px) {
  .wbbAdLocationBoardList .adsbygoogle, .wbbAdLocationPostList .adsbygoogle {
    height: 50px;
    width: 320px;
  }
}
@media screen and (min-width: 545px), print {
  .wbbAdLocationBoardList .adsbygoogle, .wbbAdLocationPostList .adsbygoogle {
    height: 90px;
    width: 728px;
  }
}
@media screen and (max-width: 768px) {
  .wbbAdLocationIn1stPost .adsbygoogle {
    height: 50px;
    width: 320px;
  }
}
@media screen and (min-width: 769px), print {
  .wbbAdLocationIn1stPost .adsbygoogle {
    height: 250px;
    width: 300px;
  }
}
/* article integration */
.wbbArticleReply {
  background-color: white;
  color: #303030;
  padding: 10px 20px;
  position: relative;
}
.wbbArticleReply::before {
  color: inherit;
  content: "";
  font-family: FontAwesome;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  width: 32px;
  vertical-align: -5px;
}
.wbbArticleReply:hover {
  color: inherit;
}
@media screen and (min-width: 545px), print {
  .wbbArticleReply {
    font-weight: 300;
    line-height: 1.28;
  }
}
@media screen and (min-width: 545px) and (min-width: 769px), print {
  .wbbArticleReply {
    font-size: 23px;
  }
}
@media screen and (min-width: 545px) and (max-width: 768px) {
  .wbbArticleReply {
    font-size: 20px;
  }
}
.wbbArticleGoToThread {
  text-align: center;
}
.wbbArticleJoinTheDiscussion, .wbbArticleMoreReplies {
  display: block;
  text-align: center;
}
/*
 * Special styles for changes introduced in WoltLab Suite 3.1 that
 * are not compatible with styles created for earlier versions.
 */
.section > .wbbBoardList > .wbbBoardContainer:first-child {
  border-top-width: 0;
}
.section > .wbbBoardList > .wbbBoardContainer:last-child {
  border-bottom-width: 0;
}
.section > .wbbBoardList > .wbbCategory:last-child > ul > li:last-child {
  border-bottom-width: 0;
}
.threadFormOptions {
  margin-bottom: 20px;
}
.subscribeThreadSelect .subscribeThreadSelectHeader {
  clear: both;
  cursor: pointer;
  display: block;
  max-width: 350px;
  overflow: hidden;
  padding: 5px 20px 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.1rem;
  font-weight: 600;
}
.subscribeThreadSelect .subscribeThreadSelectDescription {
  font-weight: 400;
  color: #646464;
  white-space: normal;
}
@media screen and (min-width: 769px), print {
  .subscribeThreadSelect .subscribeThreadSelectDescription {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .subscribeThreadSelect .subscribeThreadSelectDescription {
    font-size: 12px;
  }
}
.subscribeBoardSelect .subscribeBoardSelectHeader {
  clear: both;
  cursor: pointer;
  display: block;
  max-width: 350px;
  overflow: hidden;
  padding: 5px 20px 0;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  font-size: 1.1rem;
  font-weight: 600;
}
.subscribeBoardSelect .subscribeBoardSelectDescription {
  font-weight: 400;
  color: #646464;
  white-space: normal;
}
@media screen and (min-width: 769px), print {
  .subscribeBoardSelect .subscribeBoardSelectDescription {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .subscribeBoardSelect .subscribeBoardSelectDescription {
    font-size: 12px;
  }
}
#emailAvailabilityMessage {
  background: white;
  visibility: hidden;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  padding: 16px;
  position: fixed;
  z-index: 1000;
  top: 30px;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0);
}
#emailAvailabilityMessage.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#emailAvailabilityMessage .contentFooter > .contentFooterNavigation {
  text-align: center;
}
@-webkit-keyframes fadein {
  from {
    top: -60px;
    opacity: 0;
  }
  to {
    top: 30px;
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    top: -60px;
    opacity: 0;
  }
  to {
    top: 30px;
    opacity: 1;
  }
}
@media only screen and (max-width: 800px) {
  #emailAvailabilityMessage {
    left: 0;
    margin-left: 0 !important;
    width: 100%;
    right: 0;
    margin-right: 0;
    transform: none;
  }
}
body[data-template="article"] .featuredArticlesList .contentItem .contentItemBadges > li {
  list-style-type: none;
}
/* category list */
.shopCategoryList {
  margin-top: 30px;
  /*> li.shopCategory:not(:last-child), */
  /* indentation of subboards */
  /* less indentation for categorized shops */
}
.shopCategoryList > li.shopMainCategory:not(:last-child) {
  margin-bottom: 20px;
}
.shopCategoryList > li.shopCategoryContainer:first-child {
  border-top: 1px solid #eaeaea;
}
.shopCategoryList .shopCategoryContainer {
  border-bottom: 1px solid #eaeaea;
}
.shopCategoryList .shopCategory {
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.shopCategoryList .shopCategory:hover {
  background-color: white;
}
@media screen and (min-width: 1025px), print {
  .shopCategoryList .shopCategory:hover .messageGroupListStatsSimple {
    display: none;
  }
  .shopCategoryList .shopCategory:hover .shopStats > dl {
    visibility: visible;
  }
}
@media screen and (min-width: 769px), print {
  .shopCategoryList .shopCategory > .icon {
    flex: 0 0 auto;
    height: auto;
    margin-left: 26px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopCategory > .icon {
    display: none;
  }
}
.shopCategoryList .shopCategory + ul {
  border-top: 1px solid #eaeaea;
}
.shopCategoryList .shopCategory + ul > li:last-child {
  border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopCategory {
    flex-wrap: wrap;
  }
  .shopCategoryList .shopCategory .messageGroupListStatsSimple {
    display: none;
  }
}
.shopCategoryList .shopCategoryMain {
  overflow: hidden;
}
.shopCategoryList .shopCategoryMain .badgeUpdateMobile {
  display: none;
}
@media screen and (min-width: 769px), print {
  .shopCategoryList .shopCategoryMain {
    flex: 1 1 auto;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopCategoryMain {
    flex: 0 0 100%;
  }
  .shopCategoryList .shopCategoryMain h3 {
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
  }
  .shopCategoryList .shopCategoryMain h3::after {
    content: "";
    color: #646464;
    font-family: FontAwesome;
    font-size: 28px;
    flex: 0 0 18px;
    line-height: 32px;
    margin-left: 10px;
    position: relative;
    top: -1px;
    text-align: right;
  }
  .shopCategoryList .shopCategoryMain h3 > a {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shopCategoryList .shopCategoryMain h3 > .badge {
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .shopCategoryList .shopCategoryMain .badgeUpdate:not(.badgeUpdateMobile) {
    display: none;
  }
  .shopCategoryList .shopCategoryMain .badgeUpdateMobile {
    display: inline-block;
  }
}
@media screen and (min-width: 769px), print {
  .shopCategoryList .shopCategoryDescription {
    color: #646464;
  }
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopCategoryDescription {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .shopCategoryList .shopSubCategories {
    margin-top: 5px;
  }
  .shopCategoryList .shopSubCategories > li {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopSubCategories {
    display: none;
  }
}
.shopCategoryList .shopDepth2.shopCategoryContainer > .shopCategory > .icon {
  margin-left: 68px;
}
.shopCategoryList .shopDepth2.shopCategory > header {
  padding-left: 26px;
}
.shopCategoryList .shopDepth3.shopCategoryContainer > .shopCategory > .icon {
  margin-left: 110px;
}
.shopCategoryList .shopDepth3.shopCategory > header {
  padding-left: 68px;
}
.shopCategoryList .shopCategory .shopDepth2.shopCategoryContainer > .shopCategory > .icon {
  margin-left: 26px;
}
.shopCategoryList .shopCategory .shopDepth3.shopCategoryContainer > .shopCategory > .icon {
  margin-left: 68px;
}
@media screen and (max-width: 768px) {
  .shopCategoryList .shopUsersOnline {
    display: none;
  }
}
.shopSubGridCategories {
  border-bottom: 1px dotted #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.shopSubGridCategories li {
  display: inline-block;
}
.shopSubGridCategories li:not(:last-child) > a > span::after {
  content: ",";
}
.shopSubGridCategories li > a .icon::after {
  content: "" !important;
}
.shopSubGridCategories li > a {
  padding: 4px 1px 4px 4px;
  margin: 0;
}
.shopProductContentItemList .contentItemPrice {
  flex: 0 auto;
  margin-left: 10px;
  font-size: 14px;
  color: #c13e4b;
  font-weight: bold;
}
.shopProductContentItemList .contentItemImageIcon {
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 70px, calc(100% - 70px) 0);
}
.shopProductContentItemList .contentItemIcon {
  float: right;
  position: absolute;
  top: 5px;
  right: 5px;
}
.shopProductExcerpt {
  font-weight: bold;
  margin-bottom: 20px !important;
}
.shopProductPriceList li {
  align-items: center;
  display: flex;
  flex: 0 auto;
}
.shopProductPriceList h3 {
  font-weight: bold;
  margin: 20px 0;
}
.shopProductPriceList .product {
  flex: 1 auto;
}
.shopProductPriceList .price {
  flex: 0 auto;
  text-align: right;
}
.shopProductPriceList .shopTaxInformation {
  margin-top: 10px;
  text-align: right;
}
.shopProductList li:not(:last-child), .shopProductPageList li:not(:last-child) {
  margin-bottom: 10px;
}
.shopRegularPrice {
  text-decoration: line-through;
}
.shopTaxInformation {
  font-size: 12px;
  color: #636363;
  font-weight: normal;
}
.shopProductFeatureList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media screen and (max-width: 1024px) {
  .shopProductFeatureList {
    display: none;
  }
}
.shopProductFeatureList > div {
  width: 25%;
  margin: 0 -10px 20px -10px;
}
.shopProductFeatureList > div .shopProductFeatureBox {
  height: 100%;
  margin: 0 10px;
  background-color: white;
  border: 1px #eaeaea solid;
  border-radius: 2px;
}
.shopProductFeatureList > div .shopProductFeatureBox a {
  display: block;
  padding: 20px;
  text-decoration: none;
  text-align: center;
}
.shopProductFeatureList > div .shopProductFeatureBox a .title {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1;
}
@media screen and (min-width: 769px), print {
  .shopProductContentImage {
    float: right;
  }
  .shopProductContentImage img {
    width: 200px;
  }
}
@media screen and (max-width: 1024px) {
  .shopProductContentImage img {
    width: 100%;
  }
}
.shopProductReviewList {
  margin-top: 20px;
}
.shopProductReviewButtonsContainer {
  display: flex;
  justify-content: flex-end;
}
.shopProductReviewTopButtons {
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
  align-items: flex-end;
}
.shopProductReviewTopButtons > li > ul.inlineList > li {
  margin-right: 10px !important;
}
.shopProductReviewTopButtons div.dropdown {
  color: #eaeaea;
}
.shopProductReviewTopButtons > .shopProductAddReviewButton {
  margin-left: auto;
}
.shopProductRatingStar:not(:last-child) {
  margin-right: 2px;
}
.shopProductReviewFilterLink.active {
  font-weight: bold;
}
/* product box / grid view */
.shopProductBox {
  height: 100%;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .shopProductBox {
    padding-top: 10px;
  }
}
.shopProductBox > div {
  background-color: white;
  flex-flow: row wrap;
  align-content: flex-start;
  padding: 20px 20px 70px 20px;
  height: 100%;
  border: 1px #eaeaea solid;
  position: relative;
}
.shopProductBox > div .containerHeadline {
  flex: 1 100%;
  display: flex;
  width: 100%;
}
.shopProductBox > div .shopProductDescription {
  padding-top: 5px;
  order: 2;
  flex: 2 100%;
}
.shopProductBox > div .customerCategoryProductPrice {
  order: 3;
}
.shopProductBox > div .shopPreviewImage img {
  max-width: 100%;
}
.shopProductBox > div .shopCategoryProductPrice {
  font-size: 18px;
}
.shopCategoryProductPrice, .shopSpecialOffer {
  color: #c13e4b;
  display: block;
  font-weight: bold;
  padding: 10px 0 0;
  position: absolute;
  bottom: 20px;
  right: 20px;
  left: 20px;
  border-top: 1px #eaeaea solid;
  text-align: right;
}
.shopProductList li {
  position: relative;
}
.shopProductList img {
  max-height: 128px;
  max-width: 128px;
}
.shopSpecialOfferPrice {
  color: #c13e4b;
  font-weight: bold;
}
.shopSpecialOfferInfo h3 {
  font-weight: bold;
}
.shopLegalInformation, .shopProductSection {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .shopLegalInformation, .shopProductSection {
    margin-top: 10px;
  }
}
.shopLegalInformation {
  font-size: 12px;
}
.shopLegalInformation li {
  font-size: 12px;
}
/* product */
.shopProduct {
  position: relative;
}
.shopProductImage {
  padding-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 545px), print {
  .shopProductImage {
    float: right;
    padding-left: 20px;
  }
}
@media screen and (min-width: 545px), print {
  .shopProductImage > div img {
    max-width: 300px;
  }
}
@media screen and (max-width: 768px) {
  .shopProductImage > div img {
    width: 100%;
  }
}
.shopProductImage .button {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .shopProductImage .button {
    width: 100%;
  }
}
.shopProductSidebarAdditionalButton .button {
  margin-top: 20px;
}
/* screenshots */
.shopProductImageHeroContainer {
  text-align: center;
  margin-bottom: 20px;
}
.shopProductImageHeroContainer .shopProductImageHero {
  width: 100%;
  max-width: 100% !important;
}
.productScreenshotImageNavigation {
  font-size: 0;
}
.productScreenshotImageNavigation > ul {
  height: 200px;
  position: relative;
  overflow: hidden;
}
.productScreenshotImageNavigation > ul > li {
  display: inline-block;
  position: absolute;
}
.productScreenshotImageNavigation > ul > li:first-child, .productScreenshotImageNavigation > ul > li:last-child {
  background-color: #e6e6e6;
  height: 200px;
  vertical-align: top;
  z-index: 10;
}
.productScreenshotImageNavigation > ul > li:first-child.disabled, .productScreenshotImageNavigation > ul > li:last-child.disabled {
  opacity: 0.5;
}
.productScreenshotImageNavigation > ul > li:first-child.disabled > .icon, .productScreenshotImageNavigation > ul > li:last-child.disabled > .icon {
  cursor: not-allowed;
}
.productScreenshotImageNavigation > ul > li:first-child > .icon, .productScreenshotImageNavigation > ul > li:last-child > .icon {
  padding: 95px 0;
}
.productScreenshotImageNavigation > ul > li:first-child {
  margin-right: 3px;
  left: 0;
}
.productScreenshotImageNavigation > ul > li:nth-child(2) {
  left: 19px;
  position: relative;
}
.productScreenshotImageNavigation > ul > li:last-child {
  right: 0;
}
.productScreenshotImageNavigation > ul > li > ul {
  height: 200px;
  width: 99999px;
  position: absolute;
  overflow: hidden;
}
.productScreenshotImageNavigation > ul > li > ul > li {
  display: inline-block;
  margin-right: 3px;
  transition: opacity 0.2s ease-out;
}
.productScreenshotImageNavigation > ul > li > ul > li:not(.active) {
  opacity: 0.5;
}
.productScreenshotImageNavigation > ul > li > ul > li:hover {
  opacity: 1;
}
.productScreenshotImageNavigation > ul > li > ul > li > a {
  display: block;
}
.shopProductScreenshotList {
  text-align: center;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail {
  background-color: white;
  display: inline-block;
  min-height: 198px;
  min-width: 352px;
  position: relative;
  vertical-align: top;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail > a {
  display: inline-block;
  min-height: 198px;
  min-width: 352px;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail > div {
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  color: #fff;
  position: absolute;
  width: 100%;
  padding: 5px 0;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail > div > p, .shopProductScreenshotList .shopProductScreenshotThumbnail > div > small {
  margin: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail > div > small {
  display: block;
  height: 0;
  transition: height 0.25s ease-out;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail:hover > div > small {
  height: 1.27em;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s linear;
  margin-bottom: 15px;
  margin-right: 15px;
}
.shopProductScreenshotList .shopProductScreenshotThumbnail:hover {
  box-shadow: 0 0 20px 0 #8f2c36;
}
/* reviews */
.shopProductReviewRating {
  float: right;
  font-size: 1.6em;
}
.shopProductReviewCounter {
  max-width: 350px;
}
.shopProductReviewCounter ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 10px 0 10px 0;
  margin: 0;
}
.shopProductReviewCounter li {
  min-height: 22px;
}
.shopProductRatingCounterBar {
  height: 18px;
  font-size: 0.5em;
  box-shadow: 0 0 0 1px #eaeaea inset, 0 2px 0 rgba(0, 0, 0, 0.025) inset;
  border-radius: 2px;
  background-color: white;
}
.shopProductRatingCounterBar div {
  height: 18px;
  background-image: linear-gradient(180deg, #ca5964, #c13e4b, #c13e4b);
  border-radius: 2px;
  box-shadow: 0 0 0 1px #c13e4b inset, 0 2px 0 rgba(255, 255, 255, 0.1) inset;
}
.shopProductRatingCounterDescription {
  float: right;
  width: 90px;
}
.shopProductRatingCounterDisplay {
  margin-right: 100px;
}
/* shopping cart */
.shoppingCartItem h3 {
  font-weight: bold;
  font-size: 18px;
}
.shoppingCartItem .columnProduct .editLink {
  float: right;
}
.shoppingCartItem .columnIcon, .shoppingCartItem .columnProduct, .shoppingCartItem .columnAmount, .shoppingCartItem .columnProductImage {
  vertical-align: top !important;
}
.shoppingCartItem .columnAmount, .shoppingCartItem .columnAmount p {
  text-align: center;
}
@media screen and (min-width: 769px), print {
  .shopModifierList table {
    float: right;
    width: 280px;
  }
}
@media screen and (max-width: 1024px) {
  .shopModifierList table {
    margin-top: 10px;
    width: 100%;
  }
}
.shopModifierList table .customerPriceValue {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .shoppingCartItemList .columnProductImage {
    display: none;
  }
  .shoppingCartItemList .columnPriceSingle {
    display: none;
  }
}
@media screen and (min-width: 545px), print {
  .shoppingCartSubTotal {
    float: right;
    /* TODO move text some pixel up to align with button */
  }
}
@media screen and (max-width: 768px) {
  .shoppingCartSubTotal {
    text-align: right;
    margin-bottom: 20px;
  }
}
#shopProductOrderPrice, .shoppingCartSubTotal {
  text-align: right;
  font-weight: bold;
  font-size: 28px;
}
ol.shoppingCartProgress {
  margin: 0;
  padding: 20px 0;
  list-style-type: none;
}
ol.shoppingCartProgress li {
  display: inline-block;
  text-align: center;
  line-height: 3em;
  float: left;
}
ol.shoppingCartProgress li.done {
  color: #303030;
  border-bottom: 4px solid #3e8323;
}
ol.shoppingCartProgress li.done a {
  color: #303030;
  text-decoration: none;
}
ol.shoppingCartProgress li.todo {
  color: #646464;
  border-bottom: 4px solid #646464;
}
ol.shoppingCartProgress li.active {
  font-weight: bold;
  color: #303030;
  border-bottom: 4px solid #646464;
}
ol.shoppingCartProgress li:after {
  content: "  ";
}
ol.shoppingCartProgress li:before {
  position: relative;
  bottom: -2.5em;
  float: left;
  left: 48%;
  line-height: 1em;
  font-family: FontAwesome;
}
ol.shoppingCartProgress li.done:before {
  content: "";
  color: white;
  background-color: #3e8323;
  height: 1.5em;
  width: 1.5em;
  line-height: 1.6em;
  border: none;
  border-radius: 1.5em;
}
ol.shoppingCartProgress li.todo:before, ol.shoppingCartProgress li.active:before {
  content: "";
  color: #646464;
  background-color: white;
  font-size: 1.5em;
  bottom: -1.6em;
}
ol.shoppingCartProgress[data-steps="2"] li {
  width: 50%;
}
ol.shoppingCartProgress[data-steps="3"] li {
  width: 33%;
}
ol.shoppingCartProgress[data-steps="4"] li {
  width: 25%;
}
ol.shoppingCartProgress[data-steps="5"] li {
  width: 20%;
}
ol.shoppingCartProgress[data-steps="6"] li {
  width: 16.5%;
}
ol.shoppingCartProgress[data-steps="7"] li {
  width: 14%;
}
ol.shoppingCartProgress[data-steps="8"] li {
  width: 12%;
}
ol.shoppingCartProgress[data-steps="9"] li {
  width: 11%;
}
@media screen and (max-width: 768px) {
  ol.shoppingCartProgress {
    display: none;
  }
}
.shoppingCartContinue {
  float: left;
}
/* product option / configuration */
.shopProductOption {
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  line-height: 1.5;
  margin-top: 20px;
  padding: 10px 20px 10px 48px;
  position: relative;
  border-radius: 2px;
  border-color: #eaeaea;
}
.shopProductOption:first-child {
  margin-top: 0;
}
.shopProductOption::after {
  font-family: FontAwesome;
  font-size: 28px;
  display: block;
  height: 32px;
  left: 13px;
  margin-top: -19px;
  position: absolute;
  top: 50%;
  width: 32px;
}
.shopProductOption::after {
  content: "";
}
.shopProductOption a {
  text-decoration: underline;
}
.shopProductOption h3 {
  font-size: 18px !important;
  font-weight: bold !important;
}
.shopProductOption .shopProductOptionConfig {
  float: right;
  text-align: right;
}
.shopProductOption .shopProductOptionConfig .customerOptionPrice {
  font-size: 18px;
  font-weight: bold;
  text-align: right;
}
.shopProductOption .shopProductOptionConfigValues .icon {
  color: white;
}
.shopProductOptionActive {
  background-color: #50a72e;
  border-color: #3e8323;
  color: rgba(255, 255, 255, 0.8);
}
.shopProductOptionActive::after {
  content: "";
}
.shopProductOptionActive a, .shopProductOptionActive a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.shopProductOptionActive .icon {
  color: rgba(255, 255, 255, 0.8);
}
.shopSidebarOrder li {
  margin-top: 5px;
}
.shopSidebarOrder li::before, .shopSidebarOrder li::after {
  display: table;
  content: "";
}
.shopSidebarOrder li::after {
  clear: both;
}
.shopSidebarOrder li > div {
  float: right;
  font-weight: bold;
}
.shopSidebarOrderAction {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 4px double #eaeaea;
}
/* voucher */
.shopCheckoutVoucher {
  margin-top: 20px;
}
.shopCheckoutVoucher input[type="text"] {
  width: 250px;
}
/* account */
.shopAccountQuickAction {
  float: right;
}
.content .shopAccountFormRow.section {
  display: flex;
  flex-flow: row wrap;
  padding-top: 0;
}
@media screen and (min-width: 769px), print {
  .content .shopAccountFormRow.section .col-md-6:nth-child(even)::before {
    position: absolute;
    content: ".";
    border-left: 1px solid #eaeaea;
    left: 0;
    top: 10px;
    color: transparent;
    height: 100%;
  }
}
/* address */
.shopAddressControl {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media screen and (max-width: 768px) {
  .shopAddressControl .invisible {
    display: none;
  }
}
.shopAddress .inlineList {
  margin-top: 20px;
}
/* payment */
.shopPaymentType label {
  margin: 0 0 20px;
}
.productPaymentList > li {
  display: inline-block;
  margin-bottom: 5px;
}
.productPaymentList > li:not(:last-child) {
  margin-right: 20px;
}
.productPaymentList > li .productPaymentImage {
  margin: 5px 0 0 24px;
  height: 40px;
}
@media screen and (max-width: 768px) {
  .productPaymentList {
    display: table;
    width: 100%;
  }
  .productPaymentList > li {
    position: relative;
    height: 46px;
    display: table-row;
    width: 100% !important;
  }
  .productPaymentList > li label {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px #eaeaea solid;
    width: 100%;
    position: relative;
  }
  .productPaymentList > li .productPaymentImage {
    position: absolute;
    right: 0;
    top: -2px;
  }
  .productPaymentList > li .productPaymentImage img {
    border-width: 0;
    max-width: 100px;
    height: auto;
  }
}
.shopProductSection {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .shopProductSection .row > .shoppingCartCheckoutFinish:not(:first-child) {
    margin-top: 20px;
  }
}
/* checkout */
.shoppingCartCheckout h2 {
  font-weight: bold;
  margin-bottom: 5px;
}
.shoppingCartCheckout .shoppingCartCheckoutDelivery > div {
  margin-bottom: 20px;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish input[type="submit"], .shoppingCartCheckout .shopModifierList input[type="submit"] {
  width: 100%;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish table, .shoppingCartCheckout .shopModifierList table {
  width: 100%;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish table td, .shoppingCartCheckout .shopModifierList table td {
  vertical-align: bottom;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish table td.customerPriceValue, .shoppingCartCheckout .shopModifierList table td.customerPriceValue {
  padding-left: 5px;
  text-align: right;
  white-space: nowrap;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish dl.inlineDataList > dt, .shoppingCartCheckout .shopModifierList dl.inlineDataList > dt {
  float: left;
}
.shoppingCartCheckout .shoppingCartCheckoutFinish dl.inlineDataList > dd, .shoppingCartCheckout .shopModifierList dl.inlineDataList > dd {
  display: block;
  text-align: right;
  white-space: nowrap;
}
.shoppingCartCheckout .shoppingCartCheckoutInvoice > div {
  margin-bottom: 20px;
}
.shoppingCartCheckout .shoppingCartCheckoutPayment img, .shoppingCartCheckout .shoppingCartCheckoutShipping img {
  float: right;
}
.shoppingCartCheckoutDetail .subtotal {
  margin: 5px 0;
  border-top: 1px #eaeaea solid;
  padding-top: 5px;
}
.shoppingCartCheckoutDetail .total, .shoppingCartTotal.shoppingCartSum {
  margin: 5px 0;
  border-top: 1px #eaeaea solid;
  padding-top: 5px;
}
.shoppingCartCheckoutDetail .total, .shoppingCartTotal {
  font-weight: bold;
  color: #c13e4b;
}
/* success */
.productDataList li .customerProductAmount {
  font-weight: bold;
  font-size: 1.2rem;
  float: right;
}
.shoppingCartTotal {
  text-align: right;
  font-size: 18px;
}
.shoppingCartTotal p {
  font-weight: normal;
  font-size: 12px;
  color: #646464;
}
/* slider */
.productSlider > li::before, .productSlider > li::after {
  display: table;
  content: "";
}
.productSlider > li::after {
  clear: both;
}
.productSlider > li:not(:first-child) {
  display: none;
}
.productSlider > li a > img {
  max-width: 200px;
}
@media screen and (max-width: 768px) {
  .productSlider > li > div {
    display: flex;
  }
  .productSlider > li > div > :first-child:not(:last-child) {
    flex: 0 0 auto;
    margin-right: 15px;
  }
  .productSlider > li > div > :last-child {
    flex: 1 1 auto;
    overflow: hidden;
  }
  .productSlider > li > div img {
    max-width: 96px;
  }
}
@media screen and (min-width: 769px), print {
  .productSlider > li > div {
    display: flex;
  }
  .productSlider > li > div > :first-child:not(:last-child) {
    flex: 0 0 auto;
    margin-right: 20px;
  }
  .productSlider > li > div > :last-child {
    flex: 1 1 auto;
    overflow: hidden;
  }
}
.productIconSidebar {
  font-size: 22px;
  height: 24px;
  vertical-align: -3px;
  width: 24px;
}
.productHeadline {
  position: relative;
  padding-bottom: 10px;
}
.productHeadline nav.buttonGroupNavigation {
  position: absolute;
  right: 4px;
  top: 4px;
}
/* order list */
@media screen and (min-width: 769px), print {
  .orderList .orderActionList {
    min-width: 200px;
  }
}
/* bbcode */
.productBBCode {
  background-color: white;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
@media screen and (max-width: 1024px) {
  .productBBCode > div {
    padding: 10px 0;
  }
}
@media screen and (min-width: 1025px), print {
  .productBBCode > div {
    padding: 20px;
  }
}
.productBBCode img {
  max-width: 128px !important;
  height: auto;
}
.productBBCode h3 {
  margin: 0 0 0.5em 0 !important;
}
.productBBCode .button {
  float: right;
  margin: 0 0 20px 20px;
}
#shopOptionForm dl:not(.plain).wide > dt {
  display: block !important;
}
dl.shopLegalFormField + .section.revocationOrderList {
  margin-top: 15px;
  margin-left: 20px;
}
dl.shopLegalFormField + .section.revocationOrderList .box16 {
  align-items: baseline;
}
.shopCategoryProductList > li > div {
  position: relative;
}
@media screen and (min-width: 1025px), print {
  .shopCategoryProductList .shopProductListPurchaseButton {
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .shopCategoryProductList .shopProductListPurchaseButton {
    margin-top: 10px;
  }
}
.shopCategoryProductList .containerContentPrice {
  margin-top: 10px;
  font-size: 18px;
}
.shopCategoryProductList .containerContentPrice .shopRegularPrice {
  font-size: 14px;
}
.shopPriceAdditionalText {
  font-size: 12px;
}
.productOrderButtonTB {
  margin: auto;
  padding: 10px;
}
.contentItemOrder {
  margin: auto;
  padding: 10px;
}
.lexiconIndexEntryList > ul {
  display: block;
  float: left;
}
.lexiconIndexEntryList > ul > li {
  padding-bottom: 10px;
}
.lexiconIndexEntryList > ul > li > h2 {
  font-weight: 300;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .lexiconIndexEntryList > ul > li > h2 {
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconIndexEntryList > ul > li > h2 {
    font-size: 20px;
  }
}
.lexiconIndexEntryList > ul > li > h2 span {
  font-weight: 400;
}
@media screen and (min-width: 769px), print {
  .lexiconIndexEntryList > ul > li > h2 span {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconIndexEntryList > ul > li > h2 span {
    font-size: 12px;
  }
}
.lexiconIndexEntryList > ul > li > ul {
  list-style: disc outside none;
}
.lexiconIndexEntryList > ul > li > ul li {
  margin: 10px 0 0 20px;
}
@media only screen and (max-width: 800px) {
  .lexiconIndexEntryList > ul {
    float: none !important;
    width: 100% !important;
  }
  .lexiconIndexContinue {
    display: none;
  }
  .lexiconIndexEntryList > ul > li:last-child {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation {
    margin-top: 20px !important;
  }
  .lexiconEntryNavigation > nav > ul {
    display: flex;
  }
}
.lexiconEntryNavigation .lexiconPreviousEntryButton, .lexiconEntryNavigation .lexiconNextEntryButton {
  display: flex;
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation .lexiconPreviousEntryButton, .lexiconEntryNavigation .lexiconNextEntryButton {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a, .lexiconEntryNavigation .lexiconNextEntryButton > a {
  color: #303030;
  display: flex;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a::before, .lexiconEntryNavigation .lexiconNextEntryButton > a::before {
  align-self: center;
  display: block;
  flex: 0 0 auto;
  font-family: FontAwesome;
  font-size: 36px;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a > div, .lexiconEntryNavigation .lexiconNextEntryButton > a > div {
  flex: 1 1 auto;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntityName, .lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntryTitle, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntityName, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntryTitle {
  display: block;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntityName, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntityName {
  text-transform: uppercase;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntryTitle, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntryTitle {
  margin-top: 3px;
  font-weight: 400;
  line-height: 1.28;
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntryTitle, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntryTitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconEntryNavigation .lexiconPreviousEntryButton > a .lexiconEntryNavigationEntryTitle, .lexiconEntryNavigation .lexiconNextEntryButton > a .lexiconEntryNavigationEntryTitle {
    font-size: 18px;
  }
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a:hover::before, .lexiconEntryNavigation .lexiconNextEntryButton > a:hover::before {
  color: black;
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a:hover .articleNavigationArticleTitle, .lexiconEntryNavigation .lexiconNextEntryButton > a:hover .articleNavigationArticleTitle {
  color: black;
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation .lexiconPreviousEntryButton {
    padding-right: 10px;
  }
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a::before {
  content: "";
}
.lexiconEntryNavigation .lexiconPreviousEntryButton > a > div {
  margin-left: 10px;
}
.lexiconEntryNavigation .lexiconNextEntryButton {
  justify-content: flex-end;
  text-align: right;
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation .lexiconNextEntryButton {
    margin-left: 50%;
    padding-left: 10px;
  }
}
.lexiconEntryNavigation .lexiconNextEntryButton > a::before {
  content: "";
  order: 1;
}
.lexiconEntryNavigation .lexiconNextEntryButton > a > div {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  .lexiconEntryNavigation .lexiconPreviousEntryButton + .lexiconNextEntryButton {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px), print {
  .lexiconEntryNavigation .lexiconPreviousEntryButton + .lexiconNextEntryButton {
    margin-left: 0;
  }
}
.lexiconEntryList a.anchor {
  position: relative;
  top: -55px;
  visibility: hidden;
}
.versionComparison {
  width: 100%;
}
.versionComparison td {
  width: 50%;
  vertical-align: top;
  white-space: pre-wrap;
}
.versionComparison td span {
  float: left;
}
.versionComparison td div {
  border-style: solid;
  border-width: 0 0 0 4px;
  padding-left: 8px;
}
.versionComparison td .unchanged {
  border-color: #666;
}
.versionComparison td .ins {
  border-color: #060;
}
.versionComparison td .del {
  border-color: #b40;
}
/* category list */
.lexiconCategoryList {
  margin-top: 30px;
  /*> li.lexiconCategory:not(:last-child), */
  /* indentation of subboards */
  /* less indentation for categorized lexicons */
}
.lexiconCategoryList > li.lexiconMainCategory:not(:last-child) {
  margin-bottom: 20px;
}
.lexiconCategoryList > li.lexiconCategoryContainer:first-child {
  border-top: 1px solid #eaeaea;
}
.lexiconCategoryList .lexiconCategoryContainer {
  border-bottom: 1px solid #eaeaea;
}
.lexiconCategoryList .lexiconCategory {
  align-items: center;
  display: flex;
  padding: 10px 0;
}
.lexiconCategoryList .lexiconCategory:hover {
  background-color: white;
}
@media screen and (min-width: 1025px), print {
  .lexiconCategoryList .lexiconCategory:hover .messageGroupListStatsSimple {
    display: none;
  }
  .lexiconCategoryList .lexiconCategory:hover .lexiconStats > dl {
    visibility: visible;
  }
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconCategory > .icon {
    flex: 0 0 auto;
    height: auto;
    margin-left: 26px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconCategory > .icon {
    display: none;
  }
}
.lexiconCategoryList .lexiconCategory + ul {
  border-top: 1px solid #eaeaea;
}
.lexiconCategoryList .lexiconCategory + ul > li:last-child {
  border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconCategory {
    flex-wrap: wrap;
  }
  .lexiconCategoryList .lexiconCategory .messageGroupListStatsSimple {
    display: none;
  }
}
.lexiconCategoryList .lexiconCategoryMain {
  overflow: hidden;
}
.lexiconCategoryList .lexiconCategoryMain .badgeUpdateMobile {
  display: none;
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconCategoryMain {
    flex: 1 1 auto;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconCategoryMain {
    flex: 0 0 100%;
  }
  .lexiconCategoryList .lexiconCategoryMain h3 {
    align-items: center;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
  }
  .lexiconCategoryList .lexiconCategoryMain h3::after {
    content: "";
    color: #646464;
    font-family: FontAwesome;
    font-size: 28px;
    flex: 0 0 18px;
    line-height: 32px;
    margin-left: 10px;
    position: relative;
    top: -1px;
    text-align: right;
  }
  .lexiconCategoryList .lexiconCategoryMain h3 > a {
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .lexiconCategoryList .lexiconCategoryMain h3 > .badge {
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .lexiconCategoryList .lexiconCategoryMain .badgeUpdate:not(.badgeUpdateMobile) {
    display: none;
  }
  .lexiconCategoryList .lexiconCategoryMain .badgeUpdateMobile {
    display: inline-block;
  }
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconCategoryDescription {
    color: #646464;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconCategoryDescription {
    display: none;
  }
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconSubCategories {
    margin-top: 5px;
  }
  .lexiconCategoryList .lexiconSubCategories > li {
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconSubCategories {
    display: none;
  }
}
.lexiconCategoryList .lexiconStats {
  position: relative;
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconStats {
    flex: 0 0 16%;
    margin-right: 34%;
  }
  .lexiconCategoryList .lexiconStats + .lexiconLastEntry {
    margin-left: -34%;
  }
  .lexiconCategoryList .lexiconStats > dl {
    visibility: hidden;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconStats {
    display: none;
  }
}
.lexiconCategoryList .lexiconLastEntry {
  overflow: hidden;
}
@media screen and (min-width: 769px), print {
  .lexiconCategoryList .lexiconLastEntry {
    flex: 0 0 34%;
    padding-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconLastEntry {
    flex: 0 0 100%;
  }
}
.lexiconCategoryList .lexiconLastEntry > .box32 {
  align-items: center;
}
.lexiconCategoryList .lexiconLastEntry > .box32 > div > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconLastEntry > .box32 > a {
    display: none;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div {
    align-items: center;
    display: flex;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > p {
    flex: 1 1 auto;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > p > a {
    color: #646464;
    font-weight: 400;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > small {
    color: #646464;
    flex: 0 0 auto;
    margin-left: 10px;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > small > a, .lexiconCategoryList .lexiconLastEntry > .box32 > div > small > .lexiconLastEntryAuthor {
    display: none;
  }
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > small > .separatorLeft::before {
    display: none;
  }
}
@media screen and (max-width: 768px) and (min-width: 769px) {
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > p > a {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .lexiconCategoryList .lexiconLastEntry > .box32 > div > p > a {
    font-size: 12px;
  }
}
.lexiconCategoryList .lexiconDepth2.lexiconCategoryContainer > .lexiconCategory > .icon {
  margin-left: 68px;
}
.lexiconCategoryList .lexiconDepth2.lexiconCategory > header {
  padding-left: 26px;
}
.lexiconCategoryList .lexiconDepth3.lexiconCategoryContainer > .lexiconCategory > .icon {
  margin-left: 110px;
}
.lexiconCategoryList .lexiconDepth3.lexiconCategory > header {
  padding-left: 68px;
}
.lexiconCategoryList .lexiconCategory .lexiconDepth2.lexiconCategoryContainer > .lexiconCategory > .icon {
  margin-left: 26px;
}
.lexiconCategoryList .lexiconCategory .lexiconDepth3.lexiconCategoryContainer > .lexiconCategory > .icon {
  margin-left: 68px;
}
@media screen and (max-width: 768px) {
  .lexiconCategoryList .lexiconUsersOnline {
    display: none;
  }
}
.lexiconToc .tocLevel-1 {
  padding-left: 0;
}
.lexiconToc .tocLevel-2 {
  padding-left: 26px;
}
.lexiconToc .tocLevel-3 {
  padding-left: 26px;
}
.lexiconToc .tocLevel-4 {
  padding-left: 26px;
}
.lexiconToc .tocLevel-5 {
  padding-left: 26px;
}
.lexiconTeaser {
  font-weight: 600;
}
a.lexiconAnchor {
  display: block;
  position: relative;
  top: -30px;
  visibility: hidden;
}
.entryOption.wide:not(.plain) > dt {
  display: inline;
}
@media screen and (max-width: 768px) {
  .lexiconEntry .lexiconEntryList:first-child {
    margin-top: 0 !important;
  }
}
.lexiconEntryButtons {
  justify-content: flex-end;
  margin-top: 10px;
}
.lexiconMessageSection {
  margin-top: 30px;
}
.lexiconImageContainer {
  margin-bottom: 20px;
}
.lexiconEntryPreview .boxImage {
  margin-bottom: 8px;
}
.lexiconEntryPreview .boxContent {
  margin-top: 8px;
}
.lexiconAlphabetNavigation li {
  margin-bottom: 5px;
}
.lexiconMessageText > .lexiconSection .lexiconSection:not(:first-child) {
  margin-top: 0;
}
.lexiconMessageText > .lexiconSection + .lexiconSection {
  margin-top: 20px;
}
.boxNewsletter label {
  display: none;
}
.boxNewsletter .iconInput {
  position: relative;
}
.boxNewsletter .iconInput .icon {
  position: absolute;
  top: 7px;
  left: 7px;
}
.boxNewsletter .iconInput input {
  padding-left: 27px;
}
.sidebar .boxNewsletter .buttonPrimary {
  width: 100%;
}
/*

  DO NOT EDIT THIS FILE!

  dynamic global SCSS values, generated at Thu, 23 Jan 2025 12:47:53 +0000

*/
.badge.tbred {
  background-color: #9e1014;
  color: #fee;
}
body[data-page-identifier="com.viecode.form.FormUserResponse"] dd {
  display: flex;
  flex-direction: column;
}
body[data-page-identifier="com.viecode.form.FormUserResponse"] dd small {
  order: -1;
}
.newsletterBox {
  background-color: whitesmoke !important;
}
.newsletterBox .boxContent {
  margin: 20px;
  padding-top: 20px;
}
.userGroup4 {
  color: #FF0000;
  font-weight: 400;
}
.contentItemBadgeIsFeatured {
  display: none;
}
.boxesContentTop:has(.podcast-team) {
  display: block !important;
}
.podcast-team-new img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 128px;
  border-radius: 50%;
  border-color: #fff;
}
.podcast-team-new .podcastAuthor {
  margin-bottom: 20px;
}
@media screen and (min-width: 769px), print {
  .podcast-team-new .podcastAuthor {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33% - 0px);
  }
}
@media screen and (max-width: 768px) {
  .podcast-team-new .podcastAuthor:nth-child(2n) {
    margin-left: 10px;
  }
}
.podcast-team-new .podcastAuthorName {
  text-align: center;
  margin-top: 10px;
}
.podcast-team-new > .boxContent {
  display: flex;
  flex-wrap: wrap;
}
/*.podcast-team {
	.podcastAuthor {
		img {
			margin-left: auto;
			margin-right: auto;
			display: block;
			width: 128px;
			border-radius: 50%;
			border-color: #fff;
		}
	}
	
	.podcastAuthorName {
		 text-align: center;
	}
}*/
body:not(.hasContentIndex) .tableOfContentsWrapper, body:not(.hasContentIndex) .scTableOfContentsWrapper {
  display: none;
}
@media screen and (min-width: 769px), print {
  .contentPaddingLarge .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  .contentPaddingLarge .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 769px), print {
  .contentPaddingLargeLeft .content {
    padding-left: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  .contentPaddingLargeLeft .content {
    padding-left: 10px !important;
  }
}
.contentItemBadges {
  margin-left: 0px;
}
.featuredArticlesList .contentItemBadgeIsFeatured, .relatedArticles .contentItemBadgeIsFeatured {
  display: none;
}
@media screen and (min-width: 769px), print {
  .featuredArticlesList .contentItemList, .relatedArticles .contentItemList {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 769px), print {
  .featuredArticlesList .contentItemList .contentItemMultiColumn, .relatedArticles .contentItemList .contentItemMultiColumn {
    flex-basis: calc(33% - 20px);
  }
}
@media screen and (min-width: 769px), print {
  .featuredArticlesList .contentItemList .contentItemMultiColumn, .relatedArticles .contentItemList .contentItemMultiColumn {
    box-shadow: none;
  }
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage, .relatedArticles .contentItemList .contentItemMultiColumn .contentItemImage {
  max-width: 100%;
  min-height: 200px;
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1, .relatedArticles .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1 {
  display: none;
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemContent, .relatedArticles .contentItemList .contentItemMultiColumn .contentItemContent {
  max-width: 100%;
}
@media screen and (min-width: 769px), print {
  .featuredArticlesList .contentItemList .contentItemMultiColumn {
    box-shadow: none;
  }
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage {
  max-width: 100%;
  min-height: 200px;
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1 {
  display: none;
}
.featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemContent {
  max-width: 100%;
}
.featuredArticlesList .boxTitle {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
.featuredArticlesList .boxTitle::after {
  font-family: FontAwesome;
  font-size: 1.4rem !important;
  content: " " !important;
  position: relative;
  color: #b1252a;
  bottom: 0.25em;
}
.faq .jsSpoilerToggle::before {
  font-family: FontAwesome;
  font-size: 16px;
  height: 16px;
  line-height: 20px;
  margin-right: 5px;
  width: 16px;
  vertical-align: -1px;
}
.faq .jsSpoilerToggle:not(.active)::before {
  content: "";
}
.faq .jsSpoilerToggle.active::before {
  content: "";
}
.faq .jsSpoilerToggle:hover::before {
  color: black !important;
}
.faq .jsSpoilerToggle {
  background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  box-shadow: none !important;
  color: #BA2D32 !important;
  font-size: 16px !important;
  padding: 0 !important;
}
@media screen and (min-width: 769px), print {
  .faq .content > .cmsContent, .faq .content .contentTitle, .faq .content .featuredArticlesList {
    margin: auto;
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .faq .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.faq .content .hidden {
  display: none;
}
.faq .content h2:not(.contentItemTitle, .boxTitle) {
  margin-bottom: 10px;
  border-bottom: 1px solid #9e1014;
}
.faq .content h2:not(.contentItemTitle, .boxTitle) > strong {
  background-color: #9e1014;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 20px;
  text-transform: uppercase;
}
.wbbAdLocationPostList > div {
  display: block;
}
.featuredArticlesList .contentItemAd {
  display: none;
}
@media screen and (max-width: 768px) {
  .specialTrophyContainer {
    display: block !important;
    margin-top: -34px;
    position: absolute;
    right: 0;
  }
}
/*@include screen-md-up {
	.userOnlineGroupMarking23,
	.userOnlineGroupMarking24,
	.userOnlineGroupMarking25 {
		& .messageSidebar {
			border: 3px solid #B1252A;
			border-bottom-width: 40px;
		}
		& .messageSidebar::before {
			display: none;
		}
		& .messageSidebar::after {
			background-image: url(https://treffpunkt-betze.de/media/2100);
			background-size: cover;
			bottom: -33px;
			content: "";
			height: 30px;
			left: 50%;
			position: absolute;
			transform: translateX(-50%);
			width: 102px;
			top: auto;
			border-style: none;
			border-width: 0;
			border-color: transparent;
		}
	}
}*/
@media screen and (min-width: 769px), print {
  .supporterBadge > img {
    max-width: 100%;
  }
}
.subBoxMenuResponsiveWrapper {
  overflow: auto;
}
.subBoxMenuResponsive > li:not(.active), .subBoxMenuResponsive > li > a, .subBoxMenuResponsive .subBoxMenuResponsiveDepth2 {
  display: none;
}
.subMenuButton {
  width: 40px;
  text-align: center;
  cursor: pointer;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
}
.subMenuShowNext {
  right: 0;
}
.subMenuShowPrevious {
  left: 0;
}
.subMenuButton .icon {
  cursor: pointer !important;
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.subBoxMenuResponsive {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  height: 40px;
}
.subBoxMenuResponsiveDepth1 {
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 3000px;
  margin-top: 0px;
  margin-left: 10px;
}
.subBoxMenuResponsiveLinkItem {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}
.subBoxMenuResponsiveLinkItem > a > .subBoxMenuResponsiveLinkTitle {
  font-size: 12px;
}
@media (max-width: 800px) {
  .teamstatus .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
}
@media (max-width: 500px) {
  .teamstatus .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] {
  margin-top: 0 !important;
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] > .boxTitle {
  display: none;
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] > .boxContent {
  margin-top: 0 !important;
}
@media (max-width: 600px) {
  .funktionaere .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
}
@media (max-width: 500px) {
  .funktionaere .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
}
@media (max-width: 400px) {
  .funktionaere .messageTableOverflow tr > *:nth-child(3) {
    display: none;
  }
}
@media (max-width: 760px) {
  .kader .messageTableOverflow tr > *:nth-child(2) {
    display: none;
  }
}
@media (max-width: 700px) {
  .kader .messageTableOverflow tr > *:nth-child(6) {
    display: none;
  }
}
@media (max-width: 600px) {
  .kader .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
}
@media (max-width: 430px) {
  .kader .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
}
body:not(.homepage) .boxesSidebarRight .box:not(.boxBorderless) {
  margin-right: 20px;
  margin-top: 20px;
  background-color: whitesmoke !important;
}
.boxesSidebarRight .boxTitle {
  position: relative;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
}
.boxesSidebarRight .boxTitle::before {
  background: #9e1014;
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  width: 100px;
  bottom: -2px;
}
.socialIcons {
  text-align: center;
}
.socialIcons li {
  display: inline-flex;
}
.socialIcons li .fa {
  color: #c13e4b !important;
  padding: 5px;
  font-size: 30px;
  width: 40px;
  text-align: center;
  text-decoration: none;
}
.socialIcons li .fa:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .footerContentLinks > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px), print {
  .footerContentLinks > div:nth-child(2), .footerContentLinks > div:nth-child(3) {
    padding-left: 5%;
  }
}
@media screen and (min-width: 769px), print {
  .col-md-2-33 {
    flex: 0 0 22.222223%;
    max-width: 22.222223%;
  }
}
.footerTBBox .footerSocialIcons {
  margin-top: 20px;
}
.footerTBBox .footerSocialIcons li {
  display: inline-flex;
}
.footerTBBox .footerSocialIcons li:not(:last-child) {
  margin-right: 10px;
}
.footerTBBox .footerSocialIcons a {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
.footerTBBox .footerSocialIcons a.footerSocialIconFacebook:hover {
  border-color: #4267b2;
  background-color: #4267b2;
}
.footerTBBox .footerSocialIcons a.footerSocialIconFacebook:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconTwitter:hover {
  border-color: #1da1f2;
  background-color: #1da1f2;
}
.footerTBBox .footerSocialIcons a.footerSocialIconTwitter:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconGoogle:hover {
  border-color: #4285f4;
  background-color: #4285f4;
}
.footerTBBox .footerSocialIcons a.footerSocialIconGoogle:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconInstagram:hover {
  border-color: #405de6;
  background-color: #405de6;
}
.footerTBBox .footerSocialIcons a.footerSocialIconInstagram:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconSpotify:hover {
  border-color: #1ed760;
  background-color: #1ed760;
}
.footerTBBox .footerSocialIcons a.footerSocialIconSpotify:hover .icon {
  color: #fff;
}
/* Forum */
/*body[data-page-identifier="com.woltlab.wbb.BoardList"],
body[data-page-identifier="com.woltlab.wbb.Thread"] {
	.featuredArticleList {
		.boxTitle::after {
				font-family: FontAwesome;
				font-size: 1.4rem !important;
				content: " " !important;
				position: relative;
				color: #b1252a;
				bottom: 0.25em;
		}
	}
}*/
/* ArticleList */
body[data-page-identifier="com.woltlab.wcf.Tagged"], body[data-page-identifier="com.woltlab.wcf.ArticleList"], body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"], body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] {
  /*.contentItemBadgeIsFeatured {
		display: none;	
	}*/
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .contentItemAd {
  display: flex;
  padding-left: 50px;
  padding-right: 50px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .contentItemAd img {
  width: 100%;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge {
  min-height: 170px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemMetaIcon > span {
  font-size: 12px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .boxContentSeparator:last-child {
  display: none;
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content > .section, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content > .section, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content > .section, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content > .section {
    margin-bottom: 20px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList {
    display: block;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink {
    display: flex;
    padding-left: 50px;
    padding-right: 50px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemMeta {
    margin-right: 10px;
    padding: 0 10px 10px 0px;
    border-top: none;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent {
    flex: 0 auto;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItem {
    box-shadow: none;
    margin: 10px 0 10px 20px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList > .boxContentSeparator {
    margin: 0px auto;
  }
}
/*body[data-page-identifier="de.llange.custom1.betze.dashboard"] {
	.topBox {
		.articleHeroTeaser,
		.articleHeroCategory {
			display: none;	
		}
	}
}*/
/* body[data-page-identifier="com.woltlab.wcf.ArticleList"] {
	@include screen-md-up {
		.articleHeroImage {
			position: relative;	
		}
		
		.articleHeroCategory {
			background-color: #9e1014;
			color: #fff;
			display: inline-block;
			font-size: .9rem;
			font-weight: 700;
			line-height: 1;
			padding: 5px 20px;
			text-transform: uppercase;
			margin-bottom: 5px;
			position: absolute;
			top: 10px;
			left: 10px;
        }	
	}
} */
@media screen and (max-width: 768px) {
  #tpl_wbb_thread .messageText .mediaBBCode {
    float: none;
    display: block;
  }
}
/* Artikelseite */
body[data-page-identifier="com.woltlab.wcf.Article"] {
  /*.featuredArticlesList,
	.relatedArticles {
		.contentItemList {
			@include screen-md-up {
				display: flex;
				flex-wrap: nowrap;
			}
			
			.contentItemMultiColumn {
				@include screen-md-up {
					flex-basis: calc(33% - 20px);
				}
				@include screen-md-up {
					box-shadow: none;
				}
				
				.contentItemImage {
					max-width: 100%;
					min-height: 200px;

					.articleListDateLarge1 {
						display:none;	
					}
				}

				.contentItemContent {
					max-width: 100%;
				}
			}
		}
	}*/
  /*.featuredArticleList {
		.contentItemList .contentItemMultiColumn {
			@include screen-md-up {
				box-shadow: none;
			}
		
			.contentItemImage {
				max-width: 100%;
				min-height: 200px;

				.articleListDateLarge1 {
					display: none;	
				}
			}
		
			.contentItemContent {
				max-width: 100%;
			}
		}
	
		.boxTitle {
			border-bottom: 1px solid #eaeaea;
    		padding-bottom: 10px;
		
			&::after {
				font-family: FontAwesome;
				font-size: 1.4rem !important;
				content: " " !important;
				position: relative;
				color: #b1252a;
				bottom: 0.25em;
			}
		}
	}*/
}
body[data-page-identifier="com.woltlab.wcf.Article"] .contentItemBadgeIsFeatured {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .articleNavigation {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .articleImageWrapper {
  max-height: 100%;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .articleMetaData > li:nth-child(4) {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .sectionTitle::after {
  font-family: FontAwesome;
  font-size: 1.4rem !important;
  content: " " !important;
  position: relative;
  color: #b1252a;
  bottom: 0.25em;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemBadges > li:first-of-type {
  display: none;
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  body[data-page-identifier="com.woltlab.wcf.Article"] .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/* Startseite */
.homepage .contentHeader, .homepage .contentTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.cls-design.wcf.box.LatestArticlesHero"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.cls-design.wcf.box.LatestArticlesHero"] > .boxContent {
  margin-top: 0px !important;
}
@media screen and (min-width: 1025px), print {
  .homepage .boxxerColumnsBox85 > .column1 {
    padding-left: 3%;
    padding-right: 2%;
  }
}
.homepage .boxxerColumnsBox85 > .column1 h3 {
  font-weight: bold;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] {
  padding: 0px !important;
  margin-top: 0px !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] > .boxContent {
  margin-top: 0px;
}
.homepage .socialIcons {
  margin-top: 5px;
}
.homepage #content {
  padding-top: 0px;
}
.homepage #content > .boxesContentTop {
  margin-top: 10px;
}
.homepage #sidebarRightExpand, .homepage #sidebarRightCollapse {
  display: none !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox89"] > .boxContent {
  margin-left: auto;
  margin-right: auto;
  width: 170px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] {
  background: none !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList {
  margin: 20px 20px 0px -20px;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator:not(:last-of-type) {
    margin: 0px auto;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator {
    display: none;
  }
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemImage:hover {
  filter: grayscale(1);
  transition: 0.15s filter linear;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    box-shadow: none;
    margin: 10px 0 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    margin: 10px 0 20px 20px;
  }
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox104"] {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox104"] .boxContent {
  margin: 20px;
}
.homepage .boxHeadline {
  margin-bottom: 10px;
  border-bottom: 1px solid #9e1014;
}
.homepage .boxHeadline > .boxTitle {
  width: 170px;
  background-color: #9e1014;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 20px;
  text-transform: uppercase;
}
.homepage .boxHeadline > .boxContent {
  display: none;
}
.homepage .boxWithHeadline {
  margin-top: 0px !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] {
  background-color: white !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] > .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] > .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] img, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] img, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] img {
  object-fit: cover;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxTitle {
  text-align: center;
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxTitle .icon, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxTitle .icon, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxTitle .icon {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent {
  position: relative;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent .betzeBoxDesc p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent .betzeBoxDesc p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent .betzeBoxDesc p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li {
  height: 70px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li:not(:last-child) {
  margin-bottom: 20px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent ol, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent ol, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent ol {
  margin-top: 30px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent p {
  text-align: center;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a {
  display: flex;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a :first-child:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a :first-child:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 12px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a .date, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a .date, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a .date {
  font-size: 12px;
  font-weight: 400;
  color: #7d8287;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox106"] {
  background-color: whitesmoke !important;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"] {
    padding-bottom: 0px;
  }
  .homepage .heroRightSmallView > div:nth-child(1) h3 {
    font-size: 30px;
  }
  .homepage .articleHeroCategory {
    background-color: #9e1014;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .homepage .topBox .articleHeroInnerContent > h3 {
    font-weight: 700;
  }
  .homepage .topBox > .boxContent .articleHeroWrapper > div:nth-child(1) .articleHeroInnerContent {
    margin: 20px;
  }
  .homepage .contentItemImageLarge {
    min-height: 200px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    display: flex;
    flex-basis: calc(100% - 20px) !important;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink {
    display: flex;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemImage {
    min-height: 175px !important;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemImage > .contentItemBadges {
    margin-left: 0px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent {
    padding: 10px 30px 10px 10px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemMeta {
    border-top: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemTitle {
    font-size: 19px;
    margin-top: 15px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemDescription {
    font-size: 15px;
    margin-top: 15px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"] {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage .articleHeroCategory {
    background-color: #9e1014;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .homepage .topBox .articleHeroInnerContent > h3 {
    font-weight: 700;
  }
  .homepage .articleHeroTeaser {
    display: none;
  }
  .homepage .boxxerColumnsBox87 {
    display: block;
  }
}
.articleContentHeader + .section {
  display: flex;
  flex-direction: column;
}
.articleContentHeader + .section .articleTeaserContainer {
  order: 1;
  margin-top: 20px !important;
}
.articleContentHeader + .section .articleImageContainer {
  order: 0;
  margin-top: 0 !important;
}
.articleContentHeader + .section .articleContent {
  order: 2;
}
/* Tippspiel */
body[data-page-identifier="de.yourecom.cbs.Competitons"] .tabMenuContent[data-name="general"] .betTable .userAvatarImage, body[data-page-identifier="de.yourecom.cbs.Competitons"] .tabMenuContent[data-name="general"] .betTable .fa-comments {
  display: none;
}
body[data-page-identifier="de.yourecom.cbs.Competitons"] .tabMenuContent[data-name="general"] .table:nth-child(2) {
  display: none;
}
body[data-page-identifier="de.yourecom.cbs.Competitons"] .messageFooterNote {
  display: none;
}
/* Kooperation */
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.generic198"] .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  body[data-page-identifier="com.woltlab.wcf.generic198"] .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
/* PageHeader */
/*@include screen-md-up {
	#pageHeaderLargeLogo {
		display: none;
	}

	nav[aria-label="Hauptmenü"] {
		display: flex;
	}

	nav[aria-label="Hauptmenü"]::after {
		content: url(https://treffpunkt-betze.de/media/995);
		display: inline-block;
		height: 70px;
		transform: scale(.5);
		margin-top: -20px;
	}
}*/
/* Supporter Seite */
.supporter .toggle {
  position: relative;
  display: inline-block;
  width: 4.6rem;
  height: 1rem;
}
.supporter .toggle input {
  display: none;
}
.supporter .roundButton {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #404040;
  display: block;
  transition: all 0.3s;
  border-radius: 1rem;
  cursor: pointer;
}
.supporter .roundButtonLabel {
  margin: auto;
}
@media screen and (min-width: 769px), print {
  .supporter .roundButtonLabel {
    padding: 60px;
  }
}
@media screen and (max-width: 768px) {
  .supporter .roundButtonLabel {
    padding: 5px;
  }
}
.supporter .active {
  color: #b1252a;
}
.supporter .roundButton:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  display: block;
  left: 0.5rem;
  bottom: 0rem;
  background-color: white;
  transition: all 0.3s;
}
.supporter input:checked + .roundButton {
  background-color: #b1252a;
}
.supporter input:checked + .roundButton:before {
  transform: translate(2.6rem, 0);
}
@media screen and (min-width: 769px), print {
  .supporter .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  .supporter .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.supporter .content .productContentItem {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.24);
}
.supporter .content .hidden {
  display: none;
}
/* Produktseite */
body[data-page-identifier="com.viecode.shop.Product"] .shopProductContentImage, body[data-page-identifier="com.viecode.shop.Product"] .shopProductList, body[data-page-identifier="com.viecode.shop.Product"] .shopProductTeaser {
  display: none;
}
body[data-page-identifier="com.viecode.shop.Product"] .contentHeaderNavigation > ul li:first-child .button {
  background-color: #b1252a;
}
body[data-page-identifier="com.viecode.shop.Product"] .contentHeaderNavigation > ul li:nth-child(2) {
  display: none;
}
/* Aktive Supporter */
body[data-page-id="201"] .boxHeadline {
  margin-bottom: 10px;
  border-bottom: 1px solid #9e1014;
}
body[data-page-id="201"] .boxHeadline > .boxTitle {
  width: 170px;
  background-color: #9e1014;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 20px;
  text-transform: uppercase;
}
body[data-page-id="201"] .boxHeadline > .boxContent {
  display: none;
}
body[data-page-id="201"] .boxWithHeadline {
  margin-top: 0px !important;
}
/* Hinweise */
.info {
  margin-top: 20px;
  position: relative;
  padding: 10px 10px 10px 88px;
  border-radius: 4px;
  border: 2px solid #3071b2;
}
.info:before {
  font-size: 28px;
  width: 58px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-family: "FontAwesome" !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #3071b2;
  content: "";
}
.success {
  margin-top: 20px;
  position: relative;
  padding: 10px 10px 10px 88px;
  border-radius: 4px;
  border: 2px solid #3e8323;
}
.success:before {
  font-size: 28px;
  width: 58px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-family: "FontAwesome" !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #3e8323;
  content: "";
}
.error {
  margin-top: 20px;
  position: relative;
  padding: 10px 10px 10px 88px;
  border-radius: 4px;
  border: 2px solid #c70e0a;
}
.error:before {
  font-size: 28px;
  width: 58px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-family: "FontAwesome" !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #c70e0a;
  content: "";
}
.warning {
  margin-top: 20px;
  position: relative;
  padding: 10px 10px 10px 88px;
  border-radius: 4px;
  border: 2px solid #a96c2c;
}
.warning:before {
  font-size: 28px;
  width: 58px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  font-family: "FontAwesome" !important;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #a96c2c;
  content: "";
}
/* Global Boderradius / Base Radius: 3px */
/* Global Logo Width / Base Radius: 3px */
/* Global Logo Width / Base Radius: 3px */
/* Padding Aside --- Seitlicher Abstand 20px */
/* Width Messagesidebar / Requiered min. width: 180px */
/* Filebase */
.filebaseReviewTopButtons div.dropdown {
  color: #c13e4b;
}
@media screen and (min-width: 1025px), print {
  :root {
    --logo-width: 340px;
    --logo-height: 115px;
    --logo-height-fixedUI: 95px;
  }
  #pageHeader {
    display: grid;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
  }
  html.fixedUI #pageHeader {
    grid-template-rows: var(--logo-height-fixedUI);
    grid-template-columns: var(--logo-width) 1fr;
  }
  html:not(.fixedUI) #pageHeader {
    grid-template-rows: var(--logo-height);
    grid-template-columns: var(--logo-width) 1fr;
  }
  #pageHeaderFacade {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: #9f161a;
    z-index: 20;
  }
  #pageHeaderPanel {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    z-index: 10;
  }
  .pageHeaderFacade > .layoutBoundary {
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    min-width: initial;
    max-width: initial;
  }
  .pageHeaderLogo > a {
    padding: 0;
  }
  .pageHeaderPanel {
    position: static !important;
    padding-top: 0 !important;
  }
  .pageHeaderPanel > .layoutBoundary {
    min-width: initial;
    max-width: initial;
    flex-direction: column;
  }
  .pageHeaderPanel > .layoutBoundary .mainMenu {
    order: 2;
    justify-content: flex-end;
  }
  .pageHeaderPanel > .layoutBoundary #topMenu {
    order: 1;
  }
  .dropdownMenuContainer .userMenu {
    border-radius: 0 0 3px 3px;
  }
  .userPanelItems {
    margin-right: 20px;
  }
}
/* DAFUCK ? */
@media screen and (min-width: 769px), print {
  #pageHeader {
    z-index: 300;
  }
  .pageHeader {
    background-color: #9f161a;
  }
}
.filebaseFileList .filebaseFileCard {
  background-color: white;
  box-shadow: 0 1px 0 #ddd, 0 0 0 1px #eaeaea;
}
.contentItem {
  box-shadow: 0 1px 0 #ddd, 0 0 0 1px #eaeaea;
  background-color: white;
}
/* Images */
.main {
  background-color: white;
}
html {
  background-color: #9f161a;
}
@media screen and (min-width: 1025px), print {
  html {
    background-image: url("../images/style-4/pageBG.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
  }
  #userLogin {
    display: none;
  }
}
body {
  background-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 1025px), print {
  .pageHeaderPanel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 45px;
  }
  html:not(.fixedUI) .pageHeaderLogo > a {
    height: var(--logo-height);
  }
  .pageHeaderLogo > a {
    width: var(--logo-width);
    align-items: center;
    display: flex;
    padding: 0 20px;
  }
  .pageHeader .pageHeaderPanel .pageHeaderLogo > a {
    margin-top: -45px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), #9f161a;
    display: flex;
    padding: 0 20px;
    overflow: hidden;
  }
  html:not(.fixedUI) .pageHeader .pageHeaderPanel .pageHeaderLogo > a {
    height: 115px;
    border-radius: 3px 0 0 0;
  }
  html.fixedUI .pageHeader .pageHeaderLogo > a .pageHeaderLogoLarge {
    max-height: 95px !important;
    width: auto !important;
  }
  .mainMenu {
    display: flex;
    flex: 0 1 auto;
    margin-left: 20px;
  }
  .mainMenu .boxMenu .boxMenuDepth1 {
    display: none;
  }
  .mainMenu .boxMenu li.boxMenuHasChildren:hover .boxMenuDepth1 {
    display: block;
  }
}
@media screen and (min-width: 1025px), print {
  html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li > a {
    height: 70px;
  }
  .pageHeaderContainer {
    padding-top: 115px;
    position: relative;
  }
  html:not(.fixedUI) .pageHeaderContainer {
    border-radius: 3px 3px 0 0;
  }
  html:not(.fixedUI) .pageHeader #pageHeaderUserPanel {
    position: absolute;
    top: 0;
    left: 340px;
    right: 0;
    z-index: 301;
  }
  html.fixedUI .pageHeader #pageHeaderUserPanel {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 301;
  }
  html.fixedUI .pageHeader #pageHeaderUserPanel > .layoutBoundary {
    height: 1px;
  }
  #pageHeaderUserPanel > .layoutBoundary, #pageHeaderPanel > .layoutBoundary {
    padding: 0;
  }
  #pageHeaderUserPanel > .layoutBoundary {
    min-width: auto !important;
  }
  #topMenu {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)), #b1252a;
    position: relative;
  }
  html:not(.fixedUI) .pageHeader #topMenu {
    border-radius: 3px 3px 0 0;
  }
  .boxesFooter {
    background: linear-gradient(rgba(0, 0, 0, 0.035), rgba(0, 0, 0, 0)), #b1252a;
  }
  .pageFooterCopyright {
    background: linear-gradient(rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0)), #9f161a;
    border-radius: 0 0 3px 3px;
  }
  .userPanel > ul > li > a > .icon {
    font-size: 18px;
  }
  .userPanel > ul > li#userNotifications:not([data-count="0"]) > a > .icon, .userPanel > ul > li#outstandingModeration:not([data-count="0"]) > a > .icon, .userPanel > ul > li#unreadConversations:not([data-count="0"]) > a > .icon {
    color: #fff;
  }
  .userPanel > ul > li .fa-bell-o::before {
    content: "";
  }
  .userPanel > ul > li > a {
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0);
    height: 45px;
    color: #fff;
  }
  .userPanel > ul > li > a:hover {
    color: #fff;
  }
  .userPanel > ul > li > a:hover {
    background-color: #ba2d32;
  }
  .userPanel > ul > li > a .icon {
    color: rgba(255, 255, 255, 0.5);
  }
  .userPanel > ul > li > a:hover .icon {
    color: white;
  }
  .userPanel > ul > li > a > .userAvatarImage {
    width: 24px !important;
    height: 24px !important;
  }
  .userPanel > ul > li > a > .badgeUpdate {
    left: initial;
    padding: 1px 6px;
    position: relative;
    top: initial;
    box-shadow: -1px 2px 3px rgba(0, 0, 0, 0), inset 0 2px 5px rgba(225, 225, 225, 0);
    color: #b1252a;
    background-color: white;
  }
}
@media screen and (min-width: 1025px), print {
  .pageContainer {
    margin: 0 auto;
  }
  .pageWrapperContainer {
    margin: 40px 0;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
  }
}
@media (min-width: 1081px) {
  .pageContainer {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    min-width: 1040px;
    max-width: 1400px;
  }
}
@media (min-width: 1025px) and (max-width: 1080px) {
  .pageContainer {
    min-width: 1000px;
    max-width: 1400px;
  }
}
@media screen and (min-width: 1025px), print {
  html, body {
    height: inherit;
  }
  .layoutBoundary {
    max-width: 100%;
  }
}
html:not(.fixedUI) .pageHeader .pageHeaderPanel, html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li > a {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset;
}
html:not(.fixedUI) .pageHeader .pageHeaderPanel, html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .mainMenuShowPrevious.active, html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .mainMenuShowNext.active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset;
}
.diagonalBottom {
  width: 100%;
  height: 50px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 100 100' fill='#FFFFFF' preserveAspectRatio='none'><path d='M0 100 L100 100 L100 0 Z' /></svg>") no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.diagonalTop {
  width: 100%;
  height: 50px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 100 100' fill='#FFFFFF' preserveAspectRatio='none'><path d='M0 0 L100 100 L100 0 Z' /></svg>") no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.pageHeaderSubMenu {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), #b1252a;
  padding: 0;
  height: 40px;
}
@media screen and (min-width: 1025px), print {
  .pageHeaderSubMenu {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 -1px 10px rgba(0, 0, 0, 0.1);
  }
}
.pageHeaderMobileMenu {
  box-shadow: 0 50px 0 #ba2d32 inset;
}
.mainMenu .badge.badgeUpdate, .mainMenu a.badge.badgeUpdate, .pageHeaderSubMenu .badge.badgeUpdate, .pageHeaderSubMenu a.badge.badgeUpdate {
  background-color: white;
  color: #b1252a;
}
@media screen and (min-width: 1025px), print {
  /* Content / Sidebar right */
  /* Sidebar left / Content */
  /* No sidebars */
  .main, .main > .layoutBoundary {
    padding: 0;
  }
  .content + .sidebar {
    margin-left: 20px;
  }
  .sidebar:first-child {
    margin-right: 20px;
  }
  .sidebar + .content {
    flex-basis: calc(100% - 330px);
    max-width: calc(100% - 330px);
  }
  #content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .layoutBoundary > .content:not(:last-child) {
    flex-basis: calc(100% - 330px);
    max-width: calc(100% - 330px);
    padding-left: 20px;
  }
  .sidebar + .content:not(:last-child) {
    flex-basis: calc(100% - 660px);
    max-width: calc(100% - 660px);
    padding-left: 0;
    padding-right: 0;
  }
  .boxesSidebarLeft + .content {
    padding-right: 20px;
  }
  .layoutBoundary > .content:first-child:last-child {
    padding-left: 20px;
    padding-right: 20px;
  }
  .sidebar {
    background-color: white;
  }
}
.wbbBoardList .wbbCollapsibleCategory h2 > .collapsibleButton {
  order: 2;
  margin-right: 0;
}
.wbbBoardList .wbbCollapsibleCategory h2 + small {
  margin-left: 0;
}
@media screen and (min-width: 769px), print {
  .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
    margin-left: 20px;
  }
  .wbbBoardList .wbbBoard > .icon {
    margin-left: 20px;
  }
  .wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard > .icon {
    margin-left: 60px;
  }
}
/* Icons Boardlist */
.tabularBoxTitle > header {
  padding: 10px 15px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.075)), #b1252a;
  border-bottom: 0;
  color: #fff !important;
}
.section > ul > .tabularBoxTitle > header {
  border-radius: 3px 3px 0 0;
}
.section > ul > .tabularBoxTitle.jsCollapsed > header {
  border-radius: 3px;
}
.tabularBoxTitle > header h2 > a {
  color: #fff !important;
}
.tabularBoxTitle > header h2 > a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.tabularBoxTitle > header h2 + small {
  color: rgba(255, 255, 255, 0.8) !important;
}
.tabularBoxTitle > header .icon {
  color: rgba(255, 255, 255, 0.2) !important;
}
.tabularBoxTitle > header:hover .icon {
  color: rgba(255, 255, 255, 0.8) !important;
}
.tabularBoxTitle > header .icon:hover {
  color: white !important;
}
.containerList > li:nth-child(even), .tabularList > li:nth-child(odd), .wbbBoardList > li:nth-child(even), .wbbCategory.wbbDepth1 > ul > li:nth-child(even), .wbbBoardContainer.wbbDepth2 > ul > li:nth-child(odd), .commentResponseList > li:nth-child(even) {
  background-color: white;
}
.containerList > li:nth-child(odd), .tabularList > li:nth-child(even), .wbbBoardList > li:nth-child(odd), .wbbCategory.wbbDepth1 > ul > li:nth-child(odd), .wbbBoardContainer.wbbDepth2 > ul > li:nth-child(even), .commentResponseList > li:nth-child(odd) {
  background-color: white;
}
/* Padding mobile */
@media screen and (max-width: 1024px) {
  .wbbBoardList .wbbBoard, .tabularListRow, .containerList > li {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 1025px), print {
  html:not(.fixedUI) .pageHeader .pageHeaderPanel {
    border-radius: 3px 3px 0 0;
  }
  html.fixedUI #pageHeader {
    position: fixed;
    top: 0;
    background-color: #ba2d32;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
    z-index: 100;
  }
  html.fixedUI .pageHeaderPanel > .layoutBoundary #pageHeaderLogo, html.fixedUI .pageHeaderPanel > .layoutBoundary .mainMenu {
    background-color: #ba2d32;
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1420px) {
  html.fixedUI #pageHeader {
    left: calc((100% - 1400px + 40px) / 2);
    right: calc((100% - 1400px + 40px) / 2);
  }
}
@media screen and (min-width: 1025px) and (min-width: 1081px) and (max-width: 1419px), print and (min-width: 1081px) and (max-width: 1419px) {
  html.fixedUI #pageHeader {
    left: 20px;
    right: 20px;
  }
}
@media screen and (min-width: 1025px), print {
  .pageHeaderSearch {
    position: absolute !important;
    right: 20px !important;
    top: 0 !important;
    z-index: 300 !important;
  }
  .pageHeaderSearchInputContainer .pageHeaderSearchInput {
    height: 45px;
  }
  .pageHeaderSearchInputContainer .pageHeaderSearchInputButton {
    width: 52px;
  }
  .pageHeaderSearchInputContainer .pageHeaderSearchInputButton, .pageHeaderSearchInputContainer .pageHeaderSearchInputButton:hover {
    border-radius: 0 3px 0 0;
  }
}
#pageHeaderSearchInput {
  border-radius: 0;
}
.pageHeaderSearchInputContainer .pageHeaderSearchType > .button, .pageHeaderSearchInputContainer .pageHeaderSearchType > .button:hover, .pageHeaderSearchInputContainer .pageHeaderSearchType.dropdownOpen > .button, .pageHeaderSearchInputButton.button, .pageHeaderSearchInputButton.button:hover {
  box-shadow: none !important;
  background-color: #ba2d32 !important;
}
.headerContentMessageGrid > .headerContentMessageGridBoxSmall > a {
  border: 2px solid rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.headerContentMessageGrid > .headerContentMessageGridBoxSmall > a:hover {
  border: 2px solid white;
  color: white;
}
/* Buttons */
button:not(.inputPrefix), input[type="button"]:not(.inputPrefix), input[type="reset"]:not(.inputPrefix), input[type="submit"]:not(.inputPrefix), .button:not(.inputPrefix), a.button:not(.inputPrefix) {
  text-transform: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button:not([class*="jsShare"]), a.button:not([class*="jsShare"]) {
  box-shadow: 0 1px 0 #9c2125 inset, 0 -1px 0 #9c2125 inset, 0 -2px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.15);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:not([class*="jsShare"]):hover, a.button:not([class*="jsShare"]):hover {
  box-shadow: 0 1px 0 #7c262f inset, 0 -1px 0 #7c262f inset, 0 -2px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.15);
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:not([class*="jsShare"]):active, a.button:not([class*="jsShare"]):active, .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {
  box-shadow: 0 1px 0 black inset, 0 -1px 0 black inset, 0 -2px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0);
  background-color: black;
}
button.buttonPrimary, input[type="button"].buttonPrimary, input[type="submit"], .button.buttonPrimary, a.button.buttonPrimary, .pagination > ul > li.active > a, .pagination > ul > li.active > span, .pagination > ul > li > a:hover {
  box-shadow: 0 1px 0 black inset, 0 -1px 0 black inset, 0 -2px 0 rgba(255, 255, 255, 0.1) inset, 0 2px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.15);
}
.messageFooterGroup > .messageFooterButtons.buttonList.open .button {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
button.active, input[type="button"].active, input[type="reset"].active, input[type="submit"].active, .button.active, a.button.active {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.button[class*="third"], a.button[class*="third"], .button[class*="third"]:hover, a.button[class*="third"]:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.pageAction .button:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
/* Forms */
input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input:not(#tagSearchInput):not(#tag)[type="text"], input[type="url"], select, textarea, .inputItemList {
  border-radius: 3px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.035) inset;
  border-bottom-color: #dfdfdf;
  border-right-color: #dfdfdf;
}
input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input:not(#tagSearchInput):not(#tag)[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input:not(#tagSearchInput):not(#tag)[type="text"]:hover, input[type="url"]:hover, select:hover, textarea:hover, .inputItemList:hover {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.075) inset;
  border-color: #c13e4b;
}
input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input:not(#tagSearchInput):not(#tag)[type="text"], input[type="url"], select, textarea, .inputItemList, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input:not(#tagSearchInput):not(#tag)[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="date"]:hover, input[type="datetime"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input:not(#tagSearchInput):not(#tag)[type="text"]:hover, input[type="url"]:hover, select:hover, textarea:hover, .inputItemList:hover {
  transition: 250ms all ease;
}
.inputItemList input {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.wbbBoard > .icon {
  position: relative;
}
.wbbBoard > .icon .badgeUpdate {
  position: absolute;
  left: -8px;
  top: -5px;
  box-shadow: 0 0 0 2px #fff;
}
.wbbBoard > .icon .badgeUpdate, .wbbBoardList .badgeUpdate {
  font-family: "Open Sans", "Trebuchet MS", Arial, sans-serif;
  -moz-osx-font-smoothing: none;
  -webkit-font-smoothing: auto;
  padding: 1px 5px;
}
.tabularBox {
  background-color: white;
  border: 1px solid #eaeaea !important;
  border-bottom-color: #ddd !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) !important;
  border-radius: 3px !important;
}
.tabularBox .tabularBox {
  background-color: white;
  border: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  border-radius: 0;
}
.wbbBoardList:not(.wbbBoardListReduced) ul > .wbbBoardContainer:last-child {
  border-bottom: none;
}
.wbbBoardList:not(.wbbBoardListReduced) .wbbBoardContainer {
  border-top: 0;
}
.containerList {
  background-color: white;
  border: 1px solid #eaeaea;
  border-bottom-color: #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.containerList .containerList {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.containerList > li:first-child {
  border-top: none;
}
.containerList > li:last-child {
  border-bottom: none;
}
.tabularBox > .tabularList {
  border-bottom: none;
}
.tabMenuContent > .section {
  border-color: #eaeaea;
  border-bottom-color: #ddd;
  border-style: solid;
  border-width: 0 1px;
  margin-top: 0 !important;
  padding: 20px;
}
.tabMenuContent > .section:last-of-type {
  border-bottom-width: 1px;
}
.tabMenuContent > .containerList {
  border-top: 0;
}
#profileContent > div {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#profileContent .tabMenuContent > .containerList {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
#profileContent > div > div .tabularBox {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
  border-width: 0 1px;
}
.wbbBoardList > li > ul > li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.wbbBoardList > li > ul > li:last-child > div {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#tpl_wbb_board .wbbBoardList {
  border-radius: 3px;
}
#tpl_wbb_board .wbbBoardList > li > ul > li:last-child, #tpl_wbb_board .wbbBoardList > li > ul > li:last-child > div {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#tpl_wbb_board .wbbBoardList > li:first-child, #tpl_wbb_board .wbbBoardList > li:first-child > div {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#tpl_wbb_board .wbbBoardList > li:last-child, #tpl_wbb_board .wbbBoardList > li:last-child > div {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#tpl_wbb_board .wbbBoardList .tabularBox {
  border-radius: 0;
}
/* Messages */
@media screen and (min-width: 769px), print {
  .messageSidebar::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent white transparent transparent;
    right: -1px;
    top: 15px;
    position: absolute;
  }
  .messageSidebar::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 16px 0;
    border-color: transparent #d8d8d8 transparent transparent;
    right: -1px;
    top: 14px;
    position: absolute;
  }
}
.messageList {
  border-radius: 3px;
}
.messageList:not(.messageReducedList) {
  border-radius: 3px;
}
.messageList:not(.messageReducedList) > li {
  margin-bottom: 20px;
  border-radius: 3px;
}
.messageList:not(.messageReducedList) > li .message > .messageSidebar {
  flex: 0 0 200px;
  background-color: rgba(0, 0, 0, 0);
  color: #303030;
  border-radius: 3px 0 0 3px;
}
.messageList:not(.messageReducedList) > li .message > .messageSidebar a {
  color: #c13e4b;
}
.messageList:not(.messageReducedList) > li .message > .messageSidebar a:hover {
  color: black;
}
@media screen and (min-width: 769px), print {
  .messageReduced .messageHeader {
    border-radius: 3px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .jsModificationLogEntry .messageReduced .messageHeader {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
  }
  .messageList:not(.messageReducedList) > li .message {
    padding: 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
  }
  .messageList:not(.messageReducedList) > li {
    padding: 0;
    border-bottom: 0;
  }
  .messageList:not(.messageReducedList) > li .message {
    border-top: 1px solid #eaeaea;
  }
  .messageList:not(.messageReducedList) > li .message > .messageSidebar + .messageContent {
    background-color: white;
    flex-basis: calc(100% - 200px);
    max-width: calc(100% - 200px);
    margin-left: 0;
    border-left: 1px solid #e2e2e2;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .messageList:not(.messageReducedList) > li .message {
    background-color: white;
  }
  .messageList:not(.messageReducedList) > li .message > .messageContent {
    padding: 20px;
  }
  .messageSidebar .username {
    font-size: 16px;
  }
  .messageReduced .messageBody, .messageReduced .messageFooter {
    padding: 0;
  }
  .messageSignature {
    opacity: 1;
  }
}
@media screen and (max-width: 768px) {
  .messageList.messageReducedList > li .message {
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .messageList:not(.messageReducedList) > li .message > .messageSidebar {
    background-color: white;
    border-bottom: 1px solid #eaeaea;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .message {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    background-color: white;
    border-radius: 3px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
  }
  .messageSidebar {
    margin: 0;
  }
  .messageList:not(.messageReducedList) > li .message > .messageSidebar {
    background-color: #fafafa;
  }
  .messageContent {
    margin-top: 0;
    padding: 10px;
  }
  .messageList:not(.messageReducedList) > .messageListPagination {
    border-top: 0;
    padding-top: 0;
  }
  .messageList > li:not(:last-child) {
    padding-bottom: 0;
  }
  .messageCollapsed {
    margin: 0;
    padding: 0;
  }
  .messageList:not(.messageReducedList) .messageReduced > .messageContent {
    border-top: 1px solid #eaeaea;
    border-radius: 3px;
  }
}
/* Quickreplay*/
.messageList:not(.messageReducedList) > li.messageListPagination {
  border-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .messageQuickReplyCollapsed .messageQuickReplyContent {
    border-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
@media screen and (max-width: 768px) {
  .messageQuickReplyCollapsed {
    margin-left: 0;
    margin-right: 0;
    border-radius: 3px;
  }
  .messageQuickReplyCollapsed .messageQuickReplyContent {
    border-top: 1px solid #eaeaea;
    border-radius: 3px;
  }
}
.messageQuickReplyCollapsed .messageQuickReplyContent::before, .messageQuickReplyCollapsed .messageQuickReplyContent::after {
  color: #c13e4b;
}
.messageQuickReplyCollapsed:hover .messageQuickReplyContent::before, .messageQuickReplyCollapsed:hover .messageQuickReplyContent::after {
  color: black;
}
/* Headercontent */
@media screen and (max-width: 1024px) {
  #pageHeaderFader, #pageHeaderCollapsibleContent {
    display: none !important;
  }
}
#pageHeaderCollapsibleContent {
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 9;
}
/* Fix Menu */
.mainMenu .mainMenuShowPrevious.active, .mainMenu .mainMenuShowNext.active {
  z-index: 100;
}
.mainMenu .mainMenuShowPrevious {
  background: linear-gradient(to left, rgba(186, 45, 50, 0) 0%, #ba2d32 75%), linear-gradient(to left, rgba(186, 45, 50, 0) 0%, #ba2d32 75%);
}
.mainMenu .mainMenuShowNext {
  background: linear-gradient(to right, rgba(186, 45, 50, 0) 0%, #ba2d32 75%), linear-gradient(to right, rgba(186, 45, 50, 0) 0%, #ba2d32 75%);
}
@media screen and (min-width: 769px), print {
  .tabMenu > ul > li > a {
    font-size: 18px;
    font-weight: 400;
  }
  .tabularListRowHead > .tabularListColumns > li {
    font-size: 16px;
  }
}
/* New Topics */
.tabularListColumns.wbbThread li.columnSubject {
  padding-left: 20px;
}
.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink {
  position: relative;
}
.messageGroupList .tabularListColumns.new .columnSubject > h3 > .messageGroupLink:after {
  content: "";
  position: absolute;
  left: -13px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background: #00b200;
}
/* BB-Code Tables */
.messageBody > .messageText table {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.messageBody > .messageText table > thead tr th {
  border-top: 1px solid #eaeaea;
}
.messageBody > .messageText table {
  border-bottom: 1px solid #ddd;
}
table thead tr, table tr:nth-child(even) {
  background-color: white;
}
/* BB-Code Spoiler */
.spoilerBox > .spoilerBoxContent {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
/* BB-Code Code */
.codeBox {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
/* Quotes */
woltlab-quote, .quoteBox {
  box-shadow: 5px 0 0 #303030 inset, -1px 0 0 #eaeaea inset, 0 1px 0 #eaeaea inset, 0 -1px 0 0 #ddd inset, 0 1px 1px rgba(0, 0, 0, 0.05);
}
/* Polls */
.pollContainer {
  background-color: white;
  padding: 20px;
  border-radius: 3px;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #ddd;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.pollContainer .pollResultItem .pollMeter > .pollMeterValue {
  background-color: #c13e4b;
}
/* Slideshow */
#pageHeaderContainer {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left 115px;
}
#pageHeaderFader {
  z-index: 1;
  top: 115px;
  bottom: 40px;
}
#pageHeader, .faderContentWrapper > li {
  box-shadow: 0 -40px 40px -20px rgba(0, 0, 0, 0) inset, 0 40px 40px -20px rgba(0, 0, 0, 0.2) inset;
}
.faderContentWrapper > li:nth-child(1) {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left top;
}
.faderContentWrapper > li:nth-child(2) {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left 20%;
}
.faderContentWrapper > li:nth-child(3) {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left 40%;
}
.faderContentWrapper > li:nth-child(4) {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left 60%;
}
.faderContentWrapper > li:nth-child(5) {
  background-image: url("../images/style-4/headerSlideshow.jpg");
  background-position: left 80%;
}
.headerContentUserData {
  overflow: hidden;
  height: 40px;
}
/* Notifications */
.info:not(.cookiePolicyNotice), .success, .error, .warning {
  border-radius: 3px;
}
.pageFooterStickyNotice .error, .pageFooterStickyNotice .info, .pageFooterStickyNotice .success, .pageFooterStickyNotice .warning {
  border-top-width: 0;
}
.box.boxInfo a.button, .pageFooterStickyNotice a.button {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.box.boxInfo a.button:hover, .pageFooterStickyNotice a.button:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.boxesSidebarLeft .boxInfo .boxTitle, .boxesSidebarRight .boxInfo .boxTitle {
  color: white;
}
/* Dropdown */
@media screen and (min-width: 1025px), print {
  html:not(.fixedUI) .dropdownMenuContainer .userMenu {
    position: absolute !important;
    top: 85px !important;
  }
  html.fixedUI .dropdownMenuContainer .userMenu {
    position: fixed !important;
    top: 45px !important;
  }
}
/* Animations */
#pageHeaderFader {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mainMenu .boxMenu > li > a:hover, #pageHeaderCollapsibleContent a:hover, .subBoxMenuDepth1 > li > a:hover, .userPanel > ul > li > a:hover, .pageHeaderLogo > a:hover > img {
  -webkit-animation: blink-1 0.6s both;
  animation: blink-1 0.6s both;
}
@-webkit-keyframes blink-1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes blink-1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
#pageHeaderCollapsibleContentLarge, #pageHeaderCollapsibleContentSmall {
  -webkit-animation: fadeAnimation 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  animation: fadeAnimation 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fadeAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Mobile Menu */
.menuOverlayItemLink, .menuOverlayItemLinkIcon {
  background-color: #ae2a2f;
}
.menuOverlayTitle, .menuOverlayItemLink.active, .menuOverlayItemLinkIcon.active {
  color: white;
}
@media screen and (min-width: 1025px), print {
  html.fixedUI .pageHeader .pageHeaderPanel .pageHeaderLogo > a {
    height: 95px;
    border-radius: 0;
  }
}
html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li.active > a, html:not(.fixedUI) .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li:hover > a {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.025) inset, 0 -3px 0 white inset;
}
.pageHeaderMobileMenu .mobileMainMenu > li.active > a, .pageHeaderMobileMenu .mobileMainMenu > li > a:hover, html.fixedUI .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li.active > a, html.fixedUI .pageHeader .pageHeaderPanel .mainMenu .boxMenu > li:hover > a {
  box-shadow: 0 -3px 0 white inset;
}
@media screen and (min-width: 1025px), print {
  /* WoltLab Suite 3.1 */
  body .content > .section, body .content > form, body .sectionContainer {
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
  }
  body .content > .section, body .content > form, body .sectionContainer {
    border: 0;
  }
  .messageGroupList .tabularListRowHead .columnApplyFilter {
    padding-right: 10px;
  }
  .commentListAddComment .redactor-layer, .commentListAddCommentResponseEditorContainer .redactor-layer {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  .messageList:not(.messageReducedList) {
    border-top: 0 !important;
  }
  .commentList > li.jsCommentAdd {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .commentList > li.jsCommentAdd {
    padding-right: 10px;
  }
}
.commentListAddComment.collapsed {
  background-color: white;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  border-bottom-color: #ddd;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  body .content > .section, body .content > form, body .sectionContainer {
    border: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
  }
}
@media screen and (max-width: 768px) {
  body .content > .section, body .content > form, body .sectionContainer {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
  }
  .content > .section.tabularBox {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
/* Mobile boardlist */
@media screen and (max-width: 768px) {
  #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > a {
    display: inline-block;
  }
  #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div {
    display: block;
  }
  #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small {
    margin-left: 0;
  }
  #tpl_wbb_boardList .wbbBoardList .wbbLastPost > .box32 > div > small > .wbbLastPostAuthor {
    display: inline-block;
  }
}
/* Border-Reset */
.section > .wbbBoardList > .wbbCategory:last-child > ul > li:last-child {
  border-bottom-width: 1px;
}
.section > .wbbBoardList > .wbbBoardContainer:last-child {
  border-bottom-width: 1px;
}
.section > .wbbBoardList > .wbbBoardContainer:first-child {
  border-top-width: 1px;
}
.content > .section > .tabularList:last-child {
  border-bottom-width: 1px;
}
.content > .section > .messageList > :last-child {
  border-bottom-width: 1px;
}
.content > .section > .tabularList:last-child {
  border-bottom-width: 1px;
}
.content > .section > .containerList > :first-child {
  border-top-width: 1px;
}
.content > .section > .containerList > :last-child {
  border-bottom-width: 1px;
}
/* Messagenotification */
.messageList:not(.messageReducedList) > li.messageListNotice {
  border-bottom: 0;
}
/* Calendar */
.calendarFullMonthView .calendarEventLink {
  background-color: #ba2d32;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
}
.calendarMonthView .calendarWeeks .calendarWeekDays > li.calendarWeekend:not(.calendarToday) {
  background-color: white;
}
/* Moderation */
@media screen and (max-width: 768px) {
  .modificationLogEntry > .message > .messageContent, .jsModificationLogEntry > .message > .messageContent {
    background-color: rgba(0, 0, 0, 0) !important;
  }
  .modificationLogEntry, .jsModificationLogEntry {
    margin-bottom: 10px;
  }
  .messageReduced .messageHeader {
    margin: 0;
  }
}
@media screen and (min-width: 769px), print {
  .modificationLogEntry .messageHeader, .jsModificationLogEntry .messageHeader {
    border-width: 0 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
}
.modificationLogEntry, .jsModificationLogEntry {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.modificationLogEntry > .message, .jsModificationLogEntry > .message {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
.modificationLogEntry > .message > .messageContent, .jsModificationLogEntry > .message > .messageContent {
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  .pageNavigation {
    background-color: whitesmoke;
  }
  .breadcrumbs {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.subMenuShowNext {
  background: linear-gradient(to right, rgba(177, 37, 42, 0) 0%, #b1252a 75%), linear-gradient(to right, rgba(177, 37, 42, 0) 0%, #b1252a 75%);
}
.subMenuShowPrevious {
  background: linear-gradient(to left, rgba(177, 37, 42, 0) 0%, #b1252a 75%), linear-gradient(to left, rgba(177, 37, 42, 0) 0%, #b1252a 75%);
}
/* Sidebar right collapsed */
@media screen and (max-width: 1024px) {
  #sidebarRightCollapse, #sidebarRightExpand {
    display: none !important;
  }
}
@media screen and (min-width: 1025px), print {
  .noSidebarAvailable #sidebarRightCollapse, .noSidebarAvailable #sidebarRightExpand {
    display: none;
  }
  .sidebarRightCollapsed #sidebarRightCollapse {
    display: none;
  }
  .sidebarRightCollapsed #sidebarRightExpand {
    display: block !important;
  }
  .sidebarRightCollapsed .sidebar.boxesSidebarRight {
    display: none;
  }
  .sidebarRightCollapsed .content:not(:last-child) {
    flex-basis: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  .sidebarRightCollapsed .layoutBoundary > .sidebar + .content:not(:last-child) {
    flex-basis: calc(100% - 350px);
    max-width: calc(100% - 350px);
  }
}
/* Boardimages */
#tpl_wbb_boardList .wbbBoardListSingleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle, #tpl_wbb_boardList .wbbBoardListDoubleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle, #tpl_wbb_boardList .wbbBoardListTrippleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle {
  margin-top: 10px !important;
  background-color: rgba(0, 0, 0, 0) !important;
}
#tpl_wbb_boardList .wbbBoardListSingleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle > header, #tpl_wbb_boardList .wbbBoardListDoubleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle > header, #tpl_wbb_boardList .wbbBoardListTrippleColumn .section > .wbbBoardList > li > ul > li.wbbDepth2.tabularBoxTitle > header {
  border-radius: 3px !important;
}
@media screen and (min-width: 769px), print {
  /* Boardimages - Radius */
  #tpl_wbb_boardList .wbbBoardListSingleColumn .section > ul > .tabularBox > header, #tpl_wbb_boardList .wbbBoardListDoubleColumn .section > ul > .tabularBox > header, #tpl_wbb_boardList .wbbBoardListTrippleColumn .section > ul > .tabularBox > header {
    border-radius: 3px !important;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn > .section > ul.wbbBoardList > li, #tpl_wbb_boardList .wbbBoardListDoubleColumn > .section > ul.wbbBoardList > li, #tpl_wbb_boardList .wbbBoardListTrippleColumn > .section > ul.wbbBoardList > li {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbBoardList > li > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle), #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbBoardList > li > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle), #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbBoardList > li > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle) {
    background-color: white !important;
    box-shadow: 0 1px 0 #ddd, 0 0 0 1px #eaeaea !important;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbStatsImages h2 > a, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbStatsImages h2 > a, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbStatsImages h2 > a {
    color: #c13e4b;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbStatsImages h2 > a:hover, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbStatsImages h2 > a:hover, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbStatsImages h2 > a:hover {
    color: black;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbStatsImages h2 + small, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbStatsImages h2 + small, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbStatsImages h2 + small {
    color: #c13e4b;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .tabularBox, #tpl_wbb_boardList .wbbBoardListDoubleColumn .tabularBox, #tpl_wbb_boardList .wbbBoardListTrippleColumn .tabularBox {
    border: 0 !important;
  }
  #tpl_wbb_board .wbbBoardListSingleColumn .wbbLastPost, #tpl_wbb_board .wbbBoardListDoubleColumn .wbbLastPost, #tpl_wbb_board .wbbBoardListTrippleColumn .wbbLastPost, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbLastPost, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbLastPost, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbLastPost {
    background-color: rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;
    flex-basis: calc(100%) !important;
    max-width: calc(100%) !important;
    margin-right: 0 !important;
  }
  #tpl_wbb_board .wbbBoardListSingleColumn .boardImageLastPost, #tpl_wbb_board .wbbBoardListDoubleColumn .boardImageLastPost, #tpl_wbb_board .wbbBoardListTrippleColumn .boardImageLastPost, #tpl_wbb_boardList .wbbBoardListSingleColumn .boardImageLastPost, #tpl_wbb_boardList .wbbBoardListDoubleColumn .boardImageLastPost, #tpl_wbb_boardList .wbbBoardListTrippleColumn .boardImageLastPost {
    background-color: white !important;
    border-radius: 0 0 3px 3px !important;
  }
  #tpl_wbb_board .wbbBoardListLargeIcon .boardImageLastPost, #tpl_wbb_boardList .wbbBoardListLargeIcon .boardImageLastPost {
    background-color: white !important;
  }
  #tpl_wbb_board .wbbBoardListLargeIcon .boardImageLastPost::after, #tpl_wbb_boardList .wbbBoardListLargeIcon .boardImageLastPost::after {
    border-color: transparent transparent white transparent !important;
  }
  #tpl_wbb_board .wbbBoardListSingleColumn .wbbBoardList > li, #tpl_wbb_board .wbbBoardListDoubleColumn .wbbBoardList > li, #tpl_wbb_board .wbbBoardListTrippleColumn .wbbBoardList > li {
    background-color: white !important;
    box-shadow: 0 1px 0 #ddd, 0 0 0 1px #eaeaea !important;
  }
  #tpl_wbb_board .wbbBoardListSingleColumn .tabularBox, #tpl_wbb_board .wbbBoardListDoubleColumn .tabularBox, #tpl_wbb_board .wbbBoardListTrippleColumn .tabularBox {
    border: 0 !important;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px), print {
  #tpl_wbb_board .wbbBoardListSingleColumn .wbbBoardList > li, #tpl_wbb_board .wbbBoardListDoubleColumn .wbbBoardList > li, #tpl_wbb_board .wbbBoardListTrippleColumn .wbbBoardList > li {
    border-radius: 3px !important;
  }
  #tpl_wbb_board .boardImageLastPost, #tpl_wbb_boardList .boardImageLastPost {
    border-radius: 3px !important;
  }
  #tpl_wbb_board #content:not(.wbbBoardListSingleColumnUnmodified) .boardImageWrapper .boardImage, #tpl_wbb_boardList #content:not(.wbbBoardListSingleColumnUnmodified) .boardImageWrapper .boardImage {
    border-radius: 3px 3px 0 0 !important;
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn, #tpl_wbb_boardList .wbbBoardListDoubleColumn, #tpl_wbb_boardList .wbbBoardListTrippleColumn {
    /*	.wbbBoardList > li > ul > li > .boardImageWrapper */
  }
  #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle), #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListSingleColumn .wbbBoardList > li > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle), #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListDoubleColumn .wbbBoardList > li > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbCollapsibleCategory .wbbBoardContainer, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbRootNode > ul > li:not(.tabularBoxTitle), #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbBoardList > .wbbRootNode > .boardImageWrapper, #tpl_wbb_boardList .wbbBoardListTrippleColumn .wbbBoardList > li > .boardImageWrapper {
    border-radius: 3px !important;
  }
  #tpl_wbb_board .contentHeaderTitleImage .contentHeaderTitle {
    border-radius: 3px !important;
  }
  #tpl_wbb_board .contentHeaderTitleImage .contentHeaderTitle::after {
    border-radius: 0 0 3px 3px !important;
  }
  #tpl_wbb_boardList .categoryImage {
    border-radius: 3px !important;
    padding-left: 0 !important;
  }
  #tpl_wbb_boardList .categoryImage::after {
    border-radius: 0 0 3px 3px !important;
  }
  #tpl_wbb_board .wbbBoardList > li > .boardImageWrapper > .boardImageLastPost {
    border-radius: 0 0 3px 3px !important;
  }
  #tpl_wbb_boardList .boardImageLastPost {
    border-radius: 0 0 3px 3px !important;
  }
  #tpl_wbb_board .boardImageWrapper, #tpl_wbb_boardList .boardImageWrapper {
    border-radius: 3px;
  }
}
#tpl_wbb_board .wbbBoardList > li > .wbbBoard, #tpl_wbb_board .wbbBoardList > li > ul > li > .wbbBoard {
  background-color: white;
}
#tpl_wbb_board .wbbBoardList .tabularBox {
  border: 0;
}
#tpl_wbb_board .wbbBoardList > li {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
#tpl_wbb_board .wbbBoardList > li:not(:first-child) {
  margin-top: 10px;
}
/* Styling Subboards */
@media screen and (min-width: 769px), print {
  #tpl_wbb_board .wbbBoardListIcons .box16 > .fa-folder-o::before, #tpl_wbb_boardList .wbbBoardListIcons .box16 > .fa-folder-o::before {
    color: #d8d8d8;
  }
}
@media screen and (min-width: 1025px), print {
  #pageHeaderLogo .textLogo > div > h1 {
    position: relative;
    z-index: 1;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 0, 0, 0.3);
  }
  #pageHeaderLogo .textLogo > div > h3 {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.3);
  }
  #pageHeaderLogo .textLogoStyle0 > div > h1 {
    font-size: 35px;
    line-height: 45px;
  }
  #pageHeaderLogo .textLogoStyle1 > div > h1 {
    font-size: 35px;
    line-height: 45px;
  }
  #pageHeaderLogo .textLogoStyle2 > div > h1 {
    font-size: 35px;
    line-height: 45px;
  }
  #pageHeaderLogo .textLogoStyle3 > div > h1 {
    font-size: 38px;
    line-height: 45px;
  }
  #pageHeaderLogo .textLogoStyle4 > div > h1, #pageHeaderLogo .textLogoStyle5 > div > h1, #pageHeaderLogo .textLogoStyle6 > div > h1 {
    font-size: 35px;
    line-height: 40px;
  }
  #pageHeaderLogo .textLogoStyle7 > div > h1 {
    font-size: 30px;
    line-height: 30px;
  }
  #pageHeaderLogo .textLogoStyle8 > div > h1 {
    font-size: 40px;
    line-height: 40px;
  }
  #pageHeaderLogo .textLogoStyle9 > div > h1 {
    font-size: 35px;
    line-height: 40px;
  }
  #pageHeaderLogo .textLogoStyle10 > div > h1 {
    font-size: 40px;
    line-height: 40px;
  }
  #pageHeaderLogo .textLogoStyle11 > div > h1 {
    font-size: 50px;
    line-height: 45px;
  }
  #pageHeaderLogo .textLogoStyle12 > div > h1 {
    font-size: 40px;
    line-height: 47px;
  }
  #pageHeaderLogo .textLogoStyle13 > div > h1 {
    font-size: 35px;
    line-height: 35px;
  }
}
/* WCF_STYLE_CUSTOM_USER_MODIFICATIONS */
@media screen and (min-width: 1025px), print {
  #userLogin {
    display: block !important;
  }
  #pageHeaderCollapsibleContent {
    display: none !important;
  }
  .pageHeaderLogo {
    background: linear-gradient(180deg, #A82125 0%, #971E21 45px, #B1282C 45px, #B1282C 100%);
  }
  html:not(.fixedUI) .pageHeaderLogo {
    height: 115px;
  }
  html:not(.fixedUI) .pageHeaderLogo a {
    height: 40px !important;
    margin-top: 0px !important;
  }
  html:not(.fixedUI) .pageHeaderLogo .pageHeaderLogoLarge {
    height: 70px !important;
    width: auto;
  }
  html.fixedUI .pageHeaderLogo {
    height: 95px;
  }
  html.fixedUI .pageHeaderLogo a {
    height: 50px !important;
  }
  html.fixedUI .pageHeaderLogo .pageHeaderLogoLarge {
    height: 50px !important;
    width: auto;
  }
}
@media screen and (min-width: 1025px), print {
  html.fixedUI .pageHeaderFacade > .layoutBoundary {
    margin-top: 0 !important;
  }
  #topMenu {
    background: #a12328 !important;
  }
  html:not(.fixedUI) .pageHeaderLogo {
    background: linear-gradient(180deg, #a12328 45px, #b62f33 45px, #b62f33 100%) !important;
  }
  .pageHeaderLogo {
    background: linear-gradient(180deg, #a12328 45px, #ba2d32 45px, #ba2d32 100%) !important;
  }
  html.fixedUI .pageHeaderPanel > .layoutBoundary #pageHeaderLogo, html.fixedUI .pageHeaderPanel > .layoutBoundary .mainMenu {
    background-color: #ba2d32 !important;
  }
  html.fixedUI body #pageHeaderLogo a {
    height: 45px !important;
  }
  html.fixedUI body #pageHeaderLogo .pageHeaderLogoLarge {
    height: 30px !important;
  }
}
@media screen and (max-width: 1024px) {
  .pageHeader {
    z-index: 300;
  }
}
@media screen and (min-width: 360px) {
  .contentItemMultiColumn {
    flex-basis: calc(50% - 30px);
  }
  .contentItemImage {
    margin: 10px;
  }
}
@media screen and (min-width: 1025px), print {
  html {
    background-image: none;
    background-attachment: fixed;
    background-size: cover;
    background-color: #940F13;
  }
}
table thead tr, table tr {
  background-color: white;
}
#pageLanguageContainer {
  display: none;
}
.pageHeaderSubMenu {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), #b1252a;
}
.badge.badgeUpdate, a.badge.badgeUpdate {
  border-radius: 20px;
}
@media screen and (min-width: 1025px), print {
  html:not(.fixedUI) .pageHeaderLogo > a {
    height: 70px !important;
    margin-top: 45px !important;
  }
}
html:not(.fixedUI) .pageHeaderLogo .pageHeaderLogoLarge {
  height: 50px;
  width: auto;
}
html.fixedUI .pageHeaderLogo .pageHeaderLogoLarge {
  height: 50px;
  width: auto;
}
html:not(.fixedUI) .pageHeaderLogo {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 45px, #b62f33 45px, #b62f33 100%);
}
html:not(.fixedUI) #pageHeaderFacade {
  box-shadow: 0 45px 0 0 #b22329 inset;
}
html.fixedUI #pageHeaderFacade {
  background-color: #B1282C;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 45px, #b62f33 45px, #b62f33 100%);
}
html.fixedUI #pageHeader {
  background-color: #b22329 !important;
}
html.fixedUI .pageHeaderFacade > .layoutBoundary {
  margin-top: 45px;
}
body:not(.homepage) .boxesSidebarRight .box:not(.boxBorderless) {
  margin-right: 20px;
  margin-top: 20px;
  background-color: whitesmoke !important;
}
.boxesSidebarRight .boxTitle {
  position: relative;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-size: 16px;
}
.boxesSidebarRight .boxTitle::before {
  background: #9e1014;
  content: " ";
  display: block;
  height: 4px;
  position: absolute;
  width: 100px;
  bottom: -2px;
}
.wbbBoardList .icon32.fa-folder-open {
  background-image: url("../images/style-4/boardNewM.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 28px;
}
.wbbBoardList .icon32.fa-folder-open-o {
  background-image: url("../images/style-4/boardM.png");
  background-repeat: no-repeat;
  width: 30px;
  height: 28px;
}
.wbbBoardList .icon16.fa-folder-open {
  background-image: url("../images/style-4/boardS.png");
  background-repeat: no-repeat;
}
.wbbBoardList .icon16.fa-folder-open-o {
  background-image: url("../images/style-4/boardS.png");
  background-repeat: no-repeat;
}
.wbbBoardList .icon32.fa-folder-open::before, .wbbBoardList .icon32.fa-folder-open-o::before, .wbbBoardList .icon16.fa-folder-open::before, .wbbBoardList .icon16.fa-folder-open-o::before {
  content: "";
}
.socialIcons {
  text-align: center;
}
.socialIcons li {
  display: inline-flex;
}
.socialIcons li .fa {
  color: #c13e4b !important;
  padding: 5px;
  font-size: 30px;
  width: 40px;
  text-align: center;
  text-decoration: none;
}
.socialIcons li .fa:hover {
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .footerContentLinks > div:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px), print {
  .footerContentLinks > div:nth-child(2), .footerContentLinks > div:nth-child(3) {
    padding-left: 5%;
  }
}
@media screen and (min-width: 769px), print {
  .col-md-2-33 {
    flex: 0 0 22.222223%;
    max-width: 22.222223%;
  }
}
.footerTBBox .footerSocialIcons {
  margin-top: 20px;
}
.footerTBBox .footerSocialIcons li {
  display: inline-flex;
}
.footerTBBox .footerSocialIcons li:not(:last-child) {
  margin-right: 10px;
}
.footerTBBox .footerSocialIcons a {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
.footerTBBox .footerSocialIcons a.footerSocialIconFacebook:hover {
  border-color: #4267b2;
  background-color: #4267b2;
}
.footerTBBox .footerSocialIcons a.footerSocialIconFacebook:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconTwitter:hover {
  border-color: #1da1f2;
  background-color: #1da1f2;
}
.footerTBBox .footerSocialIcons a.footerSocialIconTwitter:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconGoogle:hover {
  border-color: #4285f4;
  background-color: #4285f4;
}
.footerTBBox .footerSocialIcons a.footerSocialIconGoogle:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconInstagram:hover {
  border-color: #405de6;
  background-color: #405de6;
}
.footerTBBox .footerSocialIcons a.footerSocialIconInstagram:hover .icon {
  color: #fff;
}
.footerTBBox .footerSocialIcons a.footerSocialIconAmazon:hover {
  border-color: #f90;
  background-color: #f90;
}
.footerTBBox .footerSocialIcons a.footerSocialIconAmazon:hover .icon {
  color: #fff;
}
/* Teamstatus */
@media screen and (max-width: 768px) {
  .teamstatus .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  .teamstatus .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
}
/* Funktionäre */
@media screen and (max-width: 544px) {
  .funktionaere .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
  .funktionaere .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
  .funktionaere .messageTableOverflow tr > *:nth-child(3) {
    display: none;
  }
}
/* Kader */
@media screen and (max-width: 768px) {
  .kader .messageTableOverflow tr > *:nth-child(2) {
    display: none;
  }
  .kader .messageTableOverflow tr > *:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 544px) {
  .kader .messageTableOverflow tr > *:nth-child(4) {
    display: none;
  }
  .kader .messageTableOverflow tr > *:nth-child(5) {
    display: none;
  }
}
/* Startseite */
.homepage .contentHeader, .homepage .contentTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"] table thead tr, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"] table tr {
  background-color: whitesmoke !important;
}
.homepage .box[data-box-identifier="com.cls-design.wcf.box.LatestArticlesHero"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.cls-design.wcf.box.LatestArticlesHero"] > .boxContent {
  margin-top: 0px !important;
}
@media screen and (min-width: 1025px), print {
  .homepage .boxxerColumnsBox85 > .column1 {
    padding-left: 3%;
    padding-right: 2%;
  }
}
.homepage .boxxerColumnsBox85 > .column1 h3 {
  font-weight: bold;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] {
  padding: 0px !important;
  margin-top: 0px !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] > .boxContent {
  margin-top: 0px;
}
.homepage .socialIcons {
  margin-top: 5px;
}
.homepage #content {
  padding-top: 0px;
}
.homepage #content > .boxesContentTop {
  margin-top: 10px;
}
.homepage #sidebarRightExpand, .homepage #sidebarRightCollapse {
  display: none !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox89"] > .boxContent {
  margin-left: auto;
  margin-right: auto;
  width: 170px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox71"] {
  background: none !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList {
  margin: 20px 20px 0px -20px;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator:not(:last-of-type) {
    margin: 0px auto;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemList > .boxContentSeparator {
    display: none;
  }
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItemImage:hover {
  filter: grayscale(1);
  transition: 0.15s filter linear;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    box-shadow: none;
    margin: 10px 0 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    margin: 10px 0 20px 20px;
  }
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox104"] {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox104"] .boxContent {
  margin: 20px;
}
.homepage .boxHeadline {
  margin-bottom: 10px;
  border-bottom: 1px solid #9e1014;
}
.homepage .boxHeadline > .boxTitle {
  width: 170px;
  background-color: #9e1014;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 20px;
  text-transform: uppercase;
}
.homepage .boxHeadline > .boxContent {
  display: none;
}
.homepage .boxWithHeadline {
  margin-top: 0px !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] {
  background-color: white !important;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] > .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] > .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] > .boxTitle {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] img, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] img, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] img {
  object-fit: cover;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxTitle, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxTitle {
  text-align: center;
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxTitle .icon, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxTitle .icon, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxTitle .icon {
  display: none;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent {
  position: relative;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent .betzeBoxDesc p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent .betzeBoxDesc p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent .betzeBoxDesc p {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li {
  height: 70px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li:not(:last-child) {
  margin-bottom: 20px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent ol, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent ol, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent ol {
  margin-top: 30px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent p, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent p {
  text-align: center;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a {
  display: flex;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a :first-child:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a :first-child:not(:last-child), .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a :first-child:not(:last-child) {
  flex: 0 0 auto;
  margin-right: 12px;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox131"] .boxContent li a .date, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox92"] .boxContent li a .date, .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"] .boxContent li a .date {
  font-size: 12px;
  font-weight: 400;
  color: #7d8287;
}
.homepage .box[data-box-identifier="com.woltlab.wcf.genericBox43"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox99"], .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox106"] {
  background-color: whitesmoke !important;
}
@media screen and (min-width: 769px), print {
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"] {
    padding-bottom: 0px;
  }
  .homepage .heroRightSmallView > div:nth-child(1) h3 {
    font-size: 30px;
  }
  .homepage .articleHeroCategory {
    background-color: #9e1014;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .homepage .topBox .articleHeroInnerContent > h3 {
    font-weight: 700;
  }
  .homepage .topBox > .boxContent .articleHeroWrapper > div:nth-child(1) .articleHeroInnerContent {
    margin: 20px;
  }
  .homepage .contentItemImageLarge {
    min-height: 200px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem {
    display: flex;
    flex-basis: calc(100% - 20px) !important;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink {
    display: flex;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemImage {
    min-height: 175px !important;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemImage > .contentItemBadges {
    margin-left: 0px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent {
    padding: 10px 30px 10px 10px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemMeta {
    border-top: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemTitle {
    font-size: 19px;
    margin-top: 15px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox90"] .contentItem > .contentItemLink > .contentItemContent > .contentItemDescription {
    font-size: 15px;
    margin-top: 15px;
  }
  .homepage .box[data-box-identifier="com.woltlab.wcf.genericBox86"] {
    padding-top: 0px !important;
  }
}
@media screen and (max-width: 768px) {
  .homepage .articleHeroCategory {
    background-color: #9e1014;
    color: #fff;
    display: inline-block;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1;
    padding: 5px 20px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .homepage .topBox .articleHeroInnerContent > h3 {
    font-weight: 700;
  }
  .homepage .articleHeroTeaser {
    display: none;
  }
  .homepage .boxxerColumnsBox87 {
    display: block;
  }
}
.homepage .nationalLeagueList .columnIcon {
  width: auto;
}
.nationalLeagueList tr > *:nth-child(3) {
  display: none;
}
@media screen and (max-width: 1024px) {
  .nationalLeagueList tr > *:nth-child(7) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .nationalLeagueList tr > *:nth-child(8), .nationalLeagueList tr *:nth-child(4), .nationalLeagueList tr *:nth-child(5), .nationalLeagueList tr *:nth-child(6) {
    display: none;
  }
  .nationalLeagueList tr .columnText {
    min-width: 0px;
  }
}
/* Supporter Seite */
@media screen and (min-width: 769px), print {
  .supporter .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  .supporter .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.supporter .content .productContentItem {
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.24);
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] {
  margin-top: 0 !important;
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] > .boxTitle {
  display: none;
}
.supporter .box[data-box-identifier="com.woltlab.wcf.genericBox166"] > .boxContent {
  margin-top: 0 !important;
}
/* Forum */
body[data-page-identifier="com.woltlab.wbb.BoardList"] .featuredArticleList .boxTitle::after, body[data-page-identifier="com.woltlab.wbb.Thread"] .featuredArticleList .boxTitle::after {
  font-family: FontAwesome;
  font-size: 1.4rem !important;
  content: " " !important;
  position: relative;
  color: #b1252a;
  bottom: 0.25em;
}
/* ArticleList */
body[data-page-identifier="com.woltlab.wcf.Tagged"] .contentItemBadgeIsFeatured, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .contentItemBadgeIsFeatured, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .contentItemBadgeIsFeatured, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .contentItemBadgeIsFeatured {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .contentItemAd, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .contentItemAd {
  display: flex;
  padding-left: 50px;
  padding-right: 50px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .contentItemAd img, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .contentItemAd img {
  width: 100%;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .articleListDateLarge, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .articleListDateLargeChrome {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemImageLarge {
  min-height: 170px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemMetaIcon > span, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemMetaIcon > span {
  font-size: 12px;
}
body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .boxContentSeparator:last-child, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .boxContentSeparator:last-child {
  display: none;
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content > .section, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content > .section, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content > .section, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content > .section {
    margin-bottom: 20px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList {
    display: block;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink {
    display: flex;
    padding-left: 50px;
    padding-right: 50px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemMeta, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemMeta {
    margin-right: 10px;
    padding: 0 10px 10px 0px;
    border-top: none;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItemLink .contentItemMeta .contentItemMetaContent {
    flex: 0 auto;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList .contentItem, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList .contentItem {
    box-shadow: none;
    margin: 10px 0 10px 20px;
  }
  body[data-page-identifier="com.woltlab.wcf.Tagged"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.ArticleList"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.CategoryArticleList"] .content .contentItemList > .boxContentSeparator, body[data-page-identifier="com.woltlab.wcf.UnreadArticleList"] .content .contentItemList > .boxContentSeparator {
    margin: 0px auto;
  }
}
/* Artikelseite */
body[data-page-identifier="com.woltlab.wcf.Article"] {
  /*.boxesSidebarRight {
		display: none;	
	}*/
}
body[data-page-identifier="com.woltlab.wcf.Article"] .contentItemBadgeIsFeatured {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .articleMetaData > li:nth-child(6) {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .articleNavigation {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .sectionTitle::after {
  font-family: FontAwesome;
  font-size: 1.4rem !important;
  content: " " !important;
  position: relative;
  color: #b1252a;
  bottom: 0.25em;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemBadges > li:first-of-type {
  display: none;
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .content {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}
@media screen and (max-width: 768px) {
  body[data-page-identifier="com.woltlab.wcf.Article"] .content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList {
    display: flex;
    flex-wrap: nowrap;
  }
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList .contentItemMultiColumn, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList .contentItemMultiColumn {
    flex-basis: calc(33% - 20px);
  }
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList .contentItemMultiColumn, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList .contentItemMultiColumn {
    box-shadow: none;
  }
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList .contentItemMultiColumn .contentItemImage {
  max-width: 100%;
  min-height: 200px;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1 {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticlesList .contentItemList .contentItemMultiColumn .contentItemContent, body[data-page-identifier="com.woltlab.wcf.Article"] .relatedArticles .contentItemList .contentItemMultiColumn .contentItemContent {
  max-width: 100%;
}
@media screen and (min-width: 769px), print {
  body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .contentItemList .contentItemMultiColumn {
    box-shadow: none;
  }
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .contentItemList .contentItemMultiColumn .contentItemImage {
  max-width: 100%;
  min-height: 200px;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .contentItemList .contentItemMultiColumn .contentItemImage .articleListDateLarge1 {
  display: none;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .contentItemList .contentItemMultiColumn .contentItemContent {
  max-width: 100%;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .boxTitle {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
body[data-page-identifier="com.woltlab.wcf.Article"] .featuredArticleList .boxTitle::after {
  font-family: FontAwesome;
  font-size: 1.4rem !important;
  content: " " !important;
  position: relative;
  color: #b1252a;
  bottom: 0.25em;
}
/* Produktseite */
body[data-page-identifier="com.viecode.shop.Product"] .shopProductContentImage, body[data-page-identifier="com.viecode.shop.Product"] .shopProductList, body[data-page-identifier="com.viecode.shop.Product"] .shopProductTeaser {
  display: none;
}
body[data-page-identifier="com.viecode.shop.Product"] .contentHeaderNavigation > ul li:first-child .button {
  background-color: #b1252a;
}
body[data-page-identifier="com.viecode.shop.Product"] .contentHeaderNavigation > ul li:nth-child(2) {
  display: none;
}
/* Aktive Supporter */
body[data-page-id="201"] .boxHeadline {
  margin-bottom: 10px;
  border-bottom: 1px solid #9e1014;
}
body[data-page-id="201"] .boxHeadline > .boxTitle {
  width: 170px;
  background-color: #9e1014;
  color: #fff;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 5px 20px;
  text-transform: uppercase;
}
body[data-page-id="201"] .boxHeadline > .boxContent {
  display: none;
}
body[data-page-id="201"] .boxWithHeadline {
  margin-top: 0px !important;
}
/* Supporter Seite */
.supporter .toggle {
  position: relative;
  display: inline-block;
  width: 4.6rem;
  height: 1rem;
}
.supporter .toggle input {
  display: none;
}
.supporter .roundButton {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #404040;
  display: block;
  transition: all 0.3s;
  border-radius: 1rem;
  cursor: pointer;
}
.supporter .roundButtonLabel {
  margin: auto;
}
@media screen and (min-width: 769px), print {
  .supporter .roundButtonLabel {
    padding: 60px;
  }
}
@media screen and (max-width: 768px) {
  .supporter .roundButtonLabel {
    padding: 5px;
  }
}
.supporter .active {
  color: #b1252a;
}
.supporter .roundButton:before {
  position: absolute;
  content: "";
  height: 1rem;
  width: 1rem;
  border-radius: 100%;
  display: block;
  left: 0.5rem;
  bottom: 0rem;
  background-color: white;
  transition: all 0.3s;
}
.supporter input:checked + .roundButton {
  background-color: #b1252a;
}
.supporter input:checked + .roundButton:before {
  transform: translate(2.6rem, 0);
}
.supporter .hidden {
  display: none;
}