/*.image-2x(@image, @width, @height, @repeat: no-repeat) {
  @filename  : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`;
  @extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`;
  background-image: ~`"url('/?proxy=css/@{filename}.@{extension}')"`;
  background-repeat: @repeat;

  @media print, screen,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
    background-image: ~`"url('/?proxy=css/@{filename}@2x.@{extension}')"`;
    background-size: @width @height;
  }
}*/
/* './mnt/efs/?proxy=css/basics.less.' */
@font-face {
  font-family: 'DINNextLTPro-Light';
  src: url('/?proxy=fonts/379165_0_0.eot');
  src: url('/?proxy=fonts/379165_0_0.eot&#iefix') format('embedded-opentype'), url('/?proxy=fonts/379165_0_0.woff2') format('woff2'), url('/?proxy=fonts/379165_0_0.woff') format('woff'), url('/?proxy=fonts/379165_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'DINNextLTPro-Bold';
  src: url('/?proxy=fonts/379165_1_0.eot');
  src: url('/?proxy=fonts/379165_1_0.eot&#iefix') format('embedded-opentype'), url('/?proxy=fonts/379165_1_0.woff2') format('woff2'), url('/?proxy=fonts/379165_1_0.woff') format('woff'), url('/?proxy=fonts/379165_1_0.ttf') format('truetype');
}
@font-face {
  font-family: 'DINNextLTPro-Regular';
  src: url('/?proxy=fonts/379165_2_0.eot');
  src: url('/?proxy=fonts/379165_2_0.eot&#iefix') format('embedded-opentype'), url('/?proxy=fonts/379165_2_0.woff2') format('woff2'), url('/?proxy=fonts/379165_2_0.woff') format('woff'), url('/?proxy=fonts/379165_2_0.ttf') format('truetype');
}
/*************************/
/*     GLOBALE STYLES    */
/*************************/
body {
  padding: 0;
  margin: 0;
  background: #ffffff;
  font-family: 'DINNextLTPro-Regular';
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  margin: 0;
  padding: 0;
  height: 100%;
}
h1,
h2,
h3,
h4,
h5,
strong,
b {
  font-family: 'DINNextLTPro-Bold';
  font-weight: normal;
}
a img {
  border: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input,
textarea,
select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
:focus {
  outline: none;
}
.grid {
  width: 100%;
  max-width: 1299px;
  margin: 0 auto;
  position: relative;
}
.grid .inner1 {
  width: 25%;
  float: left;
  padding: 0 12px;
  position: relative;
}
.grid .inner2 {
  width: 50%;
  float: left;
  padding: 0 12px;
  position: relative;
}
.grid .inner3 {
  width: 75%;
  float: left;
  padding: 0 12px;
  position: relative;
}
.grid .inner4 {
  width: 100%;
  float: left;
  padding: 0 12px;
  position: relative;
  clear: both;
}
iframe {
  border: none;
}
.hide-desktop {
  display: none !important;
}
.hide-desktop-only {
  display: none !important;
}
.acenter {
  text-align: center !important;
}
.aleft {
  text-align: left !important;
}
.aright {
  text-align: right !important;
}
.clear {
  clear: both;
}
figure,
article {
  margin: 0;
  padding: 0;
}
figure.teaser > a,
article.teaser > a {
  display: block;
  color: #20242e;
}
figure.teaser img,
article.teaser img {
  width: 100%;
  height: auto;
  display: block;
}
figure.teaser figcaption,
article.teaser figcaption {
  display: block;
}
figure.teaser .category,
article.teaser .category {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
figure.teaser .category:before,
article.teaser .category:before {
  content: '|';
  margin: 0 10px;
}
figure.teaser .teaser-content,
article.teaser .teaser-content {
  color: #ffffff;
  position: absolute;
  width: 50%;
  display: flex;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  z-index: 4;
  padding: 3%;
  top: 0;
}
figure.teaser .teaser-content *,
article.teaser .teaser-content * {
  z-index: 2;
  position: relative;
}
figure.teaser .teaser-content > a:not(.btn),
article.teaser .teaser-content > a:not(.btn) {
  color: #ffffff;
}
figure.teaser .teaser-content.right,
article.teaser .teaser-content.right {
  right: 0;
}
figure.teaser .teaser-content.left,
article.teaser .teaser-content.left {
  left: 0;
}
figure.teaser .teaser-content .info,
article.teaser .teaser-content .info {
  display: flex;
  flex-direction: row;
  text-transform: uppercase;
  width: 100%;
}
figure.teaser .teaser-content h1,
article.teaser .teaser-content h1,
figure.teaser .teaser-content h2,
article.teaser .teaser-content h2,
figure.teaser .teaser-content h3,
article.teaser .teaser-content h3 {
  text-transform: uppercase;
  font-feature-settings: "ss01";
}
figure.teaser .teaser-content div[class^="flag"],
article.teaser .teaser-content div[class^="flag"] {
  background: #f6c92a;
  color: #20242e;
  display: inline-block;
  padding: 2% 4% 1.6%;
  font-family: 'DINNextLTPro-Bold';
  float: left;
  margin-bottom: 30px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 800px) {
  figure.teaser .teaser-content div[class^="flag"],
  article.teaser .teaser-content div[class^="flag"] {
    font-size: calc(18px + (24 - 18) * (100vw - 800px) / (1600 - 800));
    line-height: calc(18 * 1.05px + (24 * 1.05 - 18 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  figure.teaser .teaser-content div[class^="flag"],
  article.teaser .teaser-content div[class^="flag"] {
    font-size: 24px;
    line-height: calc(24 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  figure.teaser .teaser-content div[class^="flag"],
  article.teaser .teaser-content div[class^="flag"] {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
figure.teaser .teaser-content div[class^="flag"] svg,
article.teaser .teaser-content div[class^="flag"] svg {
  fill: #20242e;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 10px -4px 0;
}
figure.teaser .teaser-content .btn-wrapper a,
article.teaser .teaser-content .btn-wrapper a {
  margin-right: 10px;
  margin-bottom: 10px;
}
figure.teaser[class*="circle-"],
article.teaser[class*="circle-"] {
  position: relative;
}
figure.teaser[class*="circle-"] .teaser-content:before,
article.teaser[class*="circle-"] .teaser-content:before {
  content: '';
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
figure.teaser.circle-full-red-right .teaser-content,
article.teaser.circle-full-red-right .teaser-content {
  background: rgba(32, 36, 46, 0.8);
}
figure.teaser.circle-full-red-right .teaser-content:before,
article.teaser.circle-full-red-right .teaser-content:before {
  background-image: url('/?proxy=img/circles/circle-full-red-right.svg');
  height: 80%;
  width: 90%;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  pointer-events: none;
}
figure.teaser.circle-full-red-right .teaser-content:hover:before,
article.teaser.circle-full-red-right .teaser-content:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}
figure.teaser.circle-quarter-red-top-right,
article.teaser.circle-quarter-red-top-right {
  background: #20242e;
  color: #ffffff;
  position: relative;
}
figure.teaser.circle-quarter-red-top-right img,
article.teaser.circle-quarter-red-top-right img {
  float: left;
  width: 50%;
  margin-right: 0%;
}
figure.teaser.circle-quarter-red-top-right .teaser-content,
article.teaser.circle-quarter-red-top-right .teaser-content {
  left: 50%;
  transition: all 0.3s ease;
  overflow: hidden;
}
figure.teaser.circle-quarter-red-top-right .teaser-content:before,
article.teaser.circle-quarter-red-top-right .teaser-content:before {
  background-image: url('/?proxy=img/circles/circle-quarter-red-top-right.svg');
  transition: all 0.3s ease;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  content: '';
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
figure.teaser.circle-quarter-red-top-right .teaser-content:hover,
article.teaser.circle-quarter-red-top-right .teaser-content:hover {
  background: #2a303d;
}
figure.teaser.circle-quarter-red-top-right .teaser-content:hover:before,
article.teaser.circle-quarter-red-top-right .teaser-content:hover:before {
  transform: scale(1.1);
  transform-origin: left;
}
.video-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: relative;
}
.video-wrapper > div,
.video-wrapper > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.slick-slider .slick-arrow {
  width: 20px;
  height: 20px;
  z-index: 5;
  transform: translateY(-25%);
  opacity: 0.4;
  transition: all 0.3s ease;
  cursor: pointer;
}
.slick-slider .slick-arrow:before {
  content: '';
}
.slick-slider .slick-arrow svg {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
.slick-slider .slick-arrow.slick-prev {
  left: 15px;
}
.slick-slider .slick-arrow.slick-next {
  right: 15px;
}
.slick-slider:hover .slick-arrow {
  opacity: 1;
  width: 30px;
  height: 30px;
}
.slick-slider:hover .slick-arrow.slick-next {
  right: 10px;
}
.slick-slider:hover .slick-arrow.slick-next:hover {
  right: 5px;
}
.slick-slider:hover .slick-arrow.slick-prev {
  left: 10px;
}
.slick-slider:hover .slick-arrow.slick-prev:hover {
  left: 5px;
}
form fieldset {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
}
form fieldset label:not(.input) {
  width: 25%;
  padding-right: 5%;
  float: left;
  clear: both;
  line-height: 40px;
  font-size: 16px;
  margin: 15px 0;
}
form fieldset label:not(.input).error {
  color: #e52f3d;
  opacity: 1;
}
form fieldset label:not(.input).error + input,
form fieldset label:not(.input).error + .selectbutton select {
  border-color: #e52f3d;
  opacity: 1;
}
form fieldset label:not(.input).error + input[type="file"] + label {
  background-color: #e52f3d;
  color: #ffffff;
  opacity: 1;
}
form fieldset label:not(.input).error + input[type="file"] + label svg {
  fill: #ffffff;
}
form fieldset input[type="text"],
form fieldset input[type="email"],
form fieldset input[type="password"] {
  width: 40%;
  float: left;
  height: 40px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background: #f3f3f3;
  opacity: 0.6;
  font-size: 16px;
  margin: 15px 0;
  padding: 3px 10px 0;
  position: relative;
  transition: all 0.3s ease;
  font-family: 'DINNextLTPro-Regular';
}
form fieldset input[type="text"]:focus,
form fieldset input[type="email"]:focus,
form fieldset input[type="password"]:focus {
  opacity: 1;
}
form fieldset .selectbutton {
  width: 40%;
  float: left;
  height: 40px;
  position: relative;
  opacity: 0.6;
  margin: 15px 0;
  transition: all 0.3s ease;
  background: #f3f3f3;
}
form fieldset .selectbutton:before {
  content: '';
  -webkit-mask-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  -webkit-mask-size: 100%;
  mask-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  mask-size: 100%;
  background-color: #20242e;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 13px;
  right: 10px;
  z-index: 2;
  pointer-events: none;
}
@supports (-ms-ime-align:auto) {
  form fieldset .selectbutton:before {
    background-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  }
}
form fieldset .selectbutton select {
  border: none;
  min-width: 200px;
  background: none;
  font: 16px/40px 'DINNextLTPro-Regular';
  height: 100%;
  appearance: none;
  border-bottom: 1px solid #d9d9d9;
  padding-right: 20px;
  width: 100%;
  padding: 0 10px;
}
form fieldset .selectbutton:focus-within {
  opacity: 1;
}
form fieldset .input-wrapper {
  float: left;
  width: 40%;
}
form fieldset .input-wrapper input[type="radio"] {
  opacity: 0;
  visibilty: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
}
form fieldset .input-wrapper input[type="radio"]:checked + label.input {
  opacity: 1;
}
form fieldset .input-wrapper input[type="radio"]:checked + label.input:before {
  background: #20242e;
}
form fieldset .input-wrapper input[type="radio"] + label.input {
  display: block;
  width: 100%;
  opacity: 0.6;
  cursor: pointer;
  font-size: 16px;
  margin: 15px 0;
  transition: all 0.3s ease;
}
form fieldset .input-wrapper input[type="radio"] + label.input:before {
  content: '';
  width: 6px;
  height: 6px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 7px 7px 0 0;
  border: 3px solid #d9d9d9;
  background: #d9d9d9;
  float: left;
  transition: all 0.3s ease;
}
form fieldset .input-wrapper input[type="checkbox"] {
  opacity: 0;
  visibilty: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: block;
}
form fieldset .input-wrapper input[type="checkbox"]:checked + label.input {
  opacity: 1;
}
form fieldset .input-wrapper input[type="checkbox"]:checked + label.input:after {
  content: '';
  -webkit-mask-image: url("/?proxy=img/icons/icon-check.svg");
  -webkit-mask-size: 100%;
  mask-image: url("/?proxy=img/icons/icon-check.svg");
  mask-size: 100%;
  background-color: #20242e;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 3px;
  left: -1px;
  z-index: 2;
}
@supports (-ms-ime-align:auto) {
  form fieldset .input-wrapper input[type="checkbox"]:checked + label.input:after {
    background-image: url("/?proxy=img/icons/icon-check.svg");
  }
}
form fieldset .input-wrapper input[type="checkbox"] + label.input {
  display: block;
  width: 100%;
  opacity: 0.6;
  cursor: pointer;
  font-size: 16px;
  margin: 15px 0;
  position: relative;
  transition: all 0.3s ease;
}
form fieldset .input-wrapper input[type="checkbox"] + label.input:before {
  content: '';
  display: block;
  float: left;
  width: 12px;
  height: 12px;
  margin: 7px 7px 0 0;
  background: #d9d9d9;
}
form fieldset .input-wrapper p.errormsg {
  width: 100%;
  padding: 0;
}
form fieldset input[type="file"] {
  opacity: 0;
  visibilty: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  display: none;
}
form fieldset input[type="file"] + label {
  max-width: 40%;
  clear: none;
  background: #d9d9d9;
  cursor: pointer;
  padding: 0 10px;
  width: auto;
  opacity: 0.7;
  transition: all 0.3s ease;
}
form fieldset input[type="file"] + label:hover,
form fieldset input[type="file"] + label.selected {
  opacity: 1;
}
form fieldset input[type="file"] + label svg {
  display: block;
  width: 14px;
  height: 14px;
  fill: #20242e;
  margin: 11px 8px 0 0;
  float: left;
}
form fieldset input[type="file"] + label + p.errormsg {
  line-height: 40px;
}
form fieldset textarea {
  width: 40%;
  float: left;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background: #f3f3f3;
  padding: 10px;
  max-height: 300px;
  height: 150px;
  max-width: 40%;
  min-width: 40%;
  margin: 15px 0;
  font: 16px/22px 'DINNextLTPro-Regular';
}
form fieldset a.submit {
  margin-bottom: 100px;
  display: block;
  background: #f6c92a;
  color: #20242e;
  padding: 12px 20px 10px;
  font-family: 'DINNextLTPro-Bold';
  font-size: 16px;
  float: left;
  clear: left;
  width: auto;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
form fieldset a.submit:before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: -1;
  background: #20242e;
}
form fieldset a.submit:hover {
  color: #ffffff;
}
form fieldset a.submit:hover:before {
  width: 100%;
}
form fieldset p.errormsg {
  margin: 15px 0 !important;
  padding: 0 0 0 5%;
  color: #e52f3d;
  font-size: 14px;
  width: 20%;
  float: left;
  height: 40px;
  line-height: 20px;
  vertical-align: middle;
  width: 35%;
}
form fieldset .g-recaptcha {
  width: 40%;
  float: left;
  margin: 15px 0;
}
.btn {
  display: inline-block;
  padding: 13px 20px 10px;
  font-family: 'DINNextLTPro-Bold';
  float: left;
  position: relative;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  color: #20242e;
}
@media only screen and (min-width: 800px) {
  .btn {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  .btn {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  .btn {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
.btn:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 0.3s ease;
  z-index: -1;
  background: #20242e;
  opacity: 0;
}
.btn:hover {
  color: #ffffff;
}
.btn:hover:before {
  width: 100%;
  opacity: 1;
}
.btn:hover svg.icon {
  fill: #ffffff;
}
.btn svg.icon {
  margin: -6px 5px -5px 0;
  fill: #20242e;
  width: 25px;
  height: 25px;
  float: left;
}
.btn.border {
  border: 2px solid #20242e;
}
.btn.white {
  border-color: #ffffff;
  color: #20242e;
  background: #ffffff;
}
.btn.white:before {
  background: #ffffff;
}
.btn.white:hover {
  color: #20242e;
}
.btn.white:hover svg {
  fill: #20242e;
}
.btn.white svg {
  fill: #ffffff;
}
.btn.white.border {
  border-color: #ffffff;
  background: none;
  color: #ffffff;
}
.btn.white.border:hover {
  color: #20242e;
}
.btn.yellow {
  background: #f6c92a;
  border-color: #f6c92a;
  color: #20242e;
}
.btn.yellow:before {
  background: #20242e;
}
.btn.yellow svg {
  fill: #20242e;
}
.btn.yellow:hover {
  color: #f6c92a;
}
.btn.yellow:hover svg {
  fill: #f6c92a;
}
.btn.grey {
  background: #ffffff;
  border-color: #d9d9d9;
  color: #666666;
}
.btn.grey:before {
  background: #d9d9d9;
}
.btn.grey svg {
  fill: #666666;
}
.btn.grey:hover {
  color: #20242e;
}
.btn.large {
  padding: 18px 25px 15px;
}
@media only screen and (min-width: 800px) {
  .btn.large {
    font-size: calc(14px + (20 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (20 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  .btn.large {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  .btn.large {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
.btn.large svg {
  width: 25px;
  height: 25px;
  margin-right: 8px;
  margin-bottom: -6px;
}
.btn.small {
  font-size: 14px;
  padding: 0 15px;
  line-height: 40px;
  border-width: 1px;
}
.btn.small svg {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-bottom: -3px;
}
.btn.small.border {
  line-height: 38px;
}
.btn.icon-only {
  padding: 0 15px;
}
.btn.icon-only svg {
  margin: 0 0 -3px 0;
  float: none;
}
.btn.icon-only span {
  padding-left: 10px;
}
/*********************/
/*   SPECIAL MIXINS  */
/*********************/
.vlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vlist li {
  float: left;
}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
}
svg.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 10px !important;
  right: 10px !important;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #666666 !important;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background: #20242e !important;
}
/* './mnt/efs/?proxy=css/lib/slick.less.' */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* './mnt/efs/?proxy=css/lib/slick-theme.less.' */
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: #000000;
  opacity: 0.75;
}
/* './mnt/efs/?proxy=css/lib/datatables.min.css.' */
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/jszip-2.5.0/pdfmake-0.1.36/dt-1.10.18/b-1.5.4/b-html5-1.5.4/b-print-1.5.4/r-2.2.2/rg-1.1.0
 *
 * Included libraries:
 *   JSZip 2.5.0, pdfmake 0.1.36, DataTables 1.10.18, Buttons 1.5.4, HTML5 export 1.5.4, Print view 1.5.4, Responsive 2.2.2, RowGroup 1.1.0
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  *cursor: hand;
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting {
  background-image: url("/?proxy=img/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("/?proxy=img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("/?proxy=img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_asc_disabled.png');
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url('/?proxy=css/lib/DataTables-1.10.18/images/sort_desc_disabled.png');
}
table.dataTable tbody tr {
  background-color: #ffffff;
}
table.dataTable tbody tr.selected {
  background-color: #B0BED9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #acbad4;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
  background-color: #f6f6f6;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
  background-color: #aab7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #fafafa;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #aebcd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  background-color: #ececec;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  background-color: #efefef;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  background-color: #a2aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  background-color: #a3b0c9;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  background-color: #a5b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #979797;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21;
}
div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3;
}
div.dt-button-info > div {
  padding: 1em;
}
div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em;
}
button.dt-button,
div.dt-button,
a.dt-button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin-right: 0.333em;
  margin-bottom: 0.333em;
  padding: 0.5em 1em;
  border: 1px solid #999;
  border-radius: 2px;
  cursor: pointer;
  font-size: 0.88em;
  line-height: 1.6em;
  color: black;
  white-space: nowrap;
  overflow: hidden;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='white', EndColorStr='#e9e9e9');
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  outline: none;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
  color: #999;
  border: 1px solid #d0d0d0;
  cursor: default;
  background-color: #f9f9f9;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#ffffff', EndColorStr='#f9f9f9');
}
button.dt-button:active:not(.disabled),
button.dt-button.active:not(.disabled),
div.dt-button:active:not(.disabled),
div.dt-button.active:not(.disabled),
a.dt-button:active:not(.disabled),
a.dt-button.active:not(.disabled) {
  background-color: #e2e2e2;
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');
  box-shadow: inset 1px 1px 3px #999999;
}
button.dt-button:active:not(.disabled):hover:not(.disabled),
button.dt-button.active:not(.disabled):hover:not(.disabled),
div.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-button.active:not(.disabled):hover:not(.disabled),
a.dt-button:active:not(.disabled):hover:not(.disabled),
a.dt-button.active:not(.disabled):hover:not(.disabled) {
  box-shadow: inset 1px 1px 3px #999999;
  background-color: #cccccc;
  background-image: -webkit-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -moz-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -ms-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eaeaea 0%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eaeaea 0%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#cccccc');
}
button.dt-button:hover,
div.dt-button:hover,
a.dt-button:hover {
  text-decoration: none;
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
  border: 1px solid #666;
  background-color: #e0e0e0;
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f9f9f9', EndColorStr='#e0e0e0');
}
button.dt-button:focus:not(.disabled),
div.dt-button:focus:not(.disabled),
a.dt-button:focus:not(.disabled) {
  border: 1px solid #426c9e;
  text-shadow: 0 1px 0 #c4def1;
  outline: none;
  background-color: #79ace9;
  background-image: -webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: -o-linear-gradient(top, #bddef4 0%, #79ace9 100%);
  background-image: linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#bddef4', EndColorStr='#79ace9');
}
.dt-button embed {
  outline: none;
}
div.dt-buttons {
  position: relative;
  float: left;
}
div.dt-buttons.buttons-right {
  float: right;
}
div.dt-button-collection {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  margin-top: 3px;
  padding: 8px 8px 4px 8px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-color: white;
  overflow: hidden;
  z-index: 2002;
  border-radius: 5px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}
div.dt-button-collection button.dt-button,
div.dt-button-collection div.dt-button,
div.dt-button-collection a.dt-button {
  position: relative;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  float: none;
  margin-bottom: 4px;
  margin-right: 0;
}
div.dt-button-collection button.dt-button:active:not(.disabled),
div.dt-button-collection button.dt-button.active:not(.disabled),
div.dt-button-collection div.dt-button:active:not(.disabled),
div.dt-button-collection div.dt-button.active:not(.disabled),
div.dt-button-collection a.dt-button:active:not(.disabled),
div.dt-button-collection a.dt-button.active:not(.disabled) {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
  background-image: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#f0f0f0', EndColorStr='#dadada');
  box-shadow: inset 1px 1px 3px #666666;
}
div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0;
}
div.dt-button-collection.fixed.two-column {
  margin-left: -150px;
}
div.dt-button-collection.fixed.three-column {
  margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
  margin-left: -300px;
}
div.dt-button-collection > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
div.dt-button-collection.two-column {
  width: 300px;
  padding-bottom: 1px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
}
div.dt-button-collection.three-column {
  width: 450px;
  padding-bottom: 1px;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3;
}
div.dt-button-collection.four-column {
  width: 600px;
  padding-bottom: 1px;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
}
div.dt-button-collection .dt-button {
  border-radius: 0;
}
div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7)));
  background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 2001;
}
@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}
button.dt-button.processing,
div.dt-button.processing,
a.dt-button.processing {
  color: rgba(0, 0, 0, 0.2);
}
button.dt-button.processing:after,
div.dt-button.processing:after,
a.dt-button.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
  top: 9px;
  left: 4px;
  height: 14px;
  width: 14px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
table.dataTable tr.dtrg-group td {
  background-color: #e0e0e0;
}
table.dataTable tr.dtrg-group.dtrg-level-0 td {
  font-weight: bold;
}
table.dataTable tr.dtrg-group.dtrg-level-1 td,
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f0f0f0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}
table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f3f3f3;
}
/* './mnt/efs/?proxy=css/lib/jquery.mCustomScrollbar.css.' */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}
.mCSB_container {
  /* contains the original content */
  overflow: visible;
  width: auto;
  height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 0px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url('/?proxy=css/lib/mCSB_buttons.png');
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/* './mnt/efs/?proxy=laola1/cms-core/&proxy=/lightgallery/dist/css/lightgallery.css.' */
/*! lightgallery - v1.2.14 - 2016-01-18
* http://sachinchoolur.github.io/lightGallery/
* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
@font-face {
  font-family: 'lg';
  src: url('/?proxy=lightgallery/dist/fonts/lg.eot&n1z373');
  src: url('/?proxy=lightgallery/dist/fonts/lg.eot&#iefixn1z373') format("embedded-opentype"), url('/?proxy=lightgallery/dist/fonts/lg.woff&n1z373') format("woff"), url('/?proxy=lightgallery/dist/fonts/lg.ttf&n1z373') format("truetype"), url('/?proxy=lightgallery/dist/fonts/lg.svg&n1z373#lg') format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/vimeo-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/vimeo-play.png') no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url('/?proxy=lightgallery/dist/img/video-play.png') no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/youtube-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url('/?proxy=lightgallery/dist/img/youtube-play.png') no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.group {
  *zoom: 1;
}
.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}
.group:after {
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url('/?proxy=lightgallery/dist/img/loading.gif') no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*# sourceMappingURL=lightgallery.css.map */
/* './mnt/efs/?proxy=css/main.less.' */
body > header {
  display: none;
}
body > nav {
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  width: 240px;
  border-right: 1px solid rgba(217, 217, 217, 0.5);
  z-index: 1000;
}
body > nav .logo {
  position: relative;
  width: 100%;
  display: block;
  z-index: 5;
  height: 160px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body > nav .logo img {
  width: 50%;
  height: auto;
}
body > nav .mobile-nav-back {
  display: none;
}
body > nav ul:not(.social) {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 160px 0 0 0;
  list-style: none;
}
body > nav ul:not(.social) li {
  display: block;
  padding: 0 25px;
  margin-bottom: 32px;
}
body > nav ul:not(.social) li a {
  color: #20242e;
  font-size: 16px;
  text-transform: uppercase;
  line-height: 20px;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  display: block;
  position: relative;
  padding-top: 0.17em !important;
  padding-right: 25px;
}
body > nav ul:not(.social) li a.external:before {
  content: '';
  background: url('/?proxy=img/icons/icon-external.svg') 0 0 no-repeat;
  background-size: cover;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px -1px 0;
}
body > nav ul:not(.social) li.close-nav {
  position: absolute;
  top: 20px;
  right: 0;
}
body > nav ul:not(.social) li.close-nav a {
  padding-right: 0;
}
body > nav ul:not(.social) li.close-nav svg {
  float: right;
  fill: #20242e;
  width: 11px;
  height: 11px;
  margin: 3px 0 0 5px;
}
body > nav ul:not(.social) li.open > ul {
  display: block;
}
body > nav ul:not(.social) li.open > ul.flex {
  display: flex;
}
body > nav ul:not(.social) li.open > a {
  text-decoration: underline;
}
body > nav ul:not(.social) li.open ~ li.close-nav {
  display: none;
}
body > nav ul:not(.social) li.active > a {
  text-decoration: underline;
}
body > nav ul:not(.social) li.has-sub > a > svg {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: -5px;
  width: 16px;
  height: 16px;
}
body > nav ul:not(.social) li form.search {
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
}
body > nav ul:not(.social) li form.search button {
  background: none;
  border: none;
  position: absolute;
  top: 10px;
  right: 0;
  cursor: pointer;
}
body > nav ul:not(.social) li form.search button svg {
  fill: #20242e;
  stroke: #20242e;
  width: 16px;
  height: 16px;
  transition: all 0.3s ease;
}
body > nav ul:not(.social) li form.search button:hover svg {
  fill: #e52f3d;
  stroke: #e52f3d;
}
body > nav ul:not(.social) li form.search input {
  font-size: 16px;
  font-family: 'DINNextLTPro-Regular';
  width: 100%;
  background: none;
  border: none;
  padding-right: 20px;
}
body > nav > ul.level-1 {
  left: 0;
  width: 240px;
}
body > nav > ul.level-1 > li > a {
  font-family: 'DINNextLTPro-Bold';
}
body > nav > ul.level-1 > li > a svg {
  display: none;
}
body > nav > ul.level-1 > li.open:before {
  content: '';
  position: fixed;
  background: rgba(32, 36, 46, 0.8);
  top: 0;
  left: 240px;
  height: 100%;
  right: 0;
  z-index: -1;
}
body > nav > ul.level-1 > li > ul {
  left: 100%;
  background: #20242e;
  display: none;
}
body > nav > ul.level-1 > li > ul > li.close-nav svg {
  fill: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > a {
  color: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > a.external:before {
  filter: invert(100%);
}
body > nav > ul.level-1 > li > ul > li > a svg {
  fill: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > ul {
  left: 100%;
  background: #e52f3d;
  display: none;
}
body > nav > ul.level-1 > li > ul > li > ul > li.close-nav svg {
  fill: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > ul > li > a {
  color: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > ul > li > a.external:before {
  filter: invert(100%);
}
body > nav > ul.level-1 > li > ul > li > ul > li > a svg {
  fill: #ffffff;
}
body > nav > ul.level-1 > li > ul > li > ul > li > ul {
  left: 100%;
  background: #f6c92a;
  display: none;
}
body > nav ul.social {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 25px;
  left: 25px;
}
body > nav ul.social li {
  float: left;
}
body > nav ul.social li {
  margin-right: 7px;
}
body > nav ul.social li a {
  color: #ffffff;
  padding: 6px;
  display: block;
  border-radius: 40px;
  width: 30px;
  height: 30px;
}
body > nav ul.social li a svg {
  width: 18px;
  height: 18px;
  display: block;
}
body > nav ul.social li a.ig svg {
  fill: #8a3ab9;
}
body > nav ul.social li a.ig:hover {
  background: #8a3ab9;
}
body > nav ul.social li a.ig:hover svg {
  fill: #ffffff;
}
body > nav ul.social li a.yt svg {
  fill: #d9252a;
}
body > nav ul.social li a.yt:hover {
  background: #d9252a;
}
body > nav ul.social li a.yt:hover svg {
  fill: #ffffff;
}
body > nav ul.social li a.fb svg {
  fill: #3b5998;
}
body > nav ul.social li a.fb:hover {
  background: #3b5998;
}
body > nav ul.social li a.fb:hover svg {
  fill: #ffffff;
}
body > nav ul.social li a.tw svg {
  fill: #1da1f2;
}
body > nav ul.social li a.tw:hover {
  background: #1da1f2;
}
body > nav ul.social li a.tw:hover svg {
  fill: #ffffff;
}
body > nav ul.social li a.rss {
  padding: 7px;
}
body > nav ul.social li a.rss svg {
  fill: #ff9600;
  width: 16px;
  height: 16px;
}
body > nav ul.social li a.rss:hover {
  background: #ff9600;
}
body > nav ul.social li a.rss:hover svg {
  fill: #ffffff;
}
body > nav ul.flex {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 15px;
}
body > nav ul.flex > li {
  margin-bottom: 0;
}
body > nav ul.flex.level-1 {
  height: calc(100% - 80px);
  padding-bottom: 0;
}
body > nav ul.flex.level-1 ul.flex {
  height: calc(100% + 80px);
}
main {
  width: 100%;
  float: left;
  clear: both;
  min-height: 100%;
  /* padding-left:240px; */
  padding: 0 0 0 240px;
  overflow-x: hidden;
  -ms-overflow-x: hidden;
  /******************/
  /*                */
  /*     MELDUNG    */
  /*                */
  /******************/
  /********************/
  /*                  */
  /*     TABELLEN     */
  /*                  */
  /********************/
  /*********************/
  /*                   */
  /*     STARTSEITE    */
  /*                   */
  /*********************/
  /***************************/
  /*                         */
  /*     STATISCHE SEITEN    */
  /*                         */
  /***************************/
  /****************************/
  /*                          */
  /*     TEAM ÜBERSICHT       */
  /*                          */
  /****************************/
  /************************/
  /*                      */
  /*        DATEN         */
  /*                      */
  /************************/
  /***************************/
  /*       TOPSPIELER        */
  /***************************/
  /***************************/
  /*    SPIELERPORTRAIT      */
  /***************************/
  /******************************/
  /*    TEAM HINTER DEM TEAM    */
  /******************************/
}
main.hasPageNav {
  padding-top: 53px;
}
main > section:not(.news) {
  width: 100%;
  float: left;
  clear: both;
}
main section.news,
main section.static {
  width: 100%;
  /*max-width:~"calc(800px + 10%)";*/
  max-width: calc(950px + 16%);
  font: 18px/26px 'DINNextLTPro-Regular';
  color: #20242e;
  padding: 3% 8% 0;
  /* ALLGEMEIN */
  /* AUFMACHER */
}
main section.news section.padded,
main section.static section.padded {
  padding: 0;
}
main section.news section.padded:last-child,
main section.static section.padded:last-child {
  padding-bottom: 0;
}
main section.news p,
main section.static p {
  margin: 30px 0;
  text-align: left;
}
main section.news p a,
main section.static p a {
  color: #20242e;
  text-decoration: underline;
}
main section.news > ul > li > a,
main section.static > ul > li > a {
  color: #20242e;
  text-decoration: underline;
}
main section.news > h1,
main section.static > h1,
main section.news > h2,
main section.static > h2,
main section.news > h3,
main section.static > h3,
main section.news > h4,
main section.static > h4,
main section.news > h5,
main section.static > h5,
main section.news > h6,
main section.static > h6 {
  text-transform: uppercase;
  margin: 30px 0;
  width: 100%;
  float: left;
  clear: both;
}
main section.news figure.teaser,
main section.static figure.teaser {
  width: 100%;
  float: left;
  clear: both;
}
main section.news figure.teaser h1,
main section.static figure.teaser h1 {
  font-size: 70px;
  line-height: 70px;
  margin: 30px 0;
  text-transform: uppercase;
  font-feature-settings: "ss01";
}
@media only screen and (min-width: 800px) {
  main section.news figure.teaser h1,
  main section.static figure.teaser h1 {
    font-size: calc(30px + (70 - 30) * (100vw - 800px) / (1300 - 800));
    line-height: calc(30 * 1.05px + (70 * 1.05 - 30 * 1.05) * (100vw - 800px) / (1300 - 800));
  }
}
@media only screen and (min-width: 1300px) {
  main section.news figure.teaser h1,
  main section.static figure.teaser h1 {
    font-size: 70px;
    line-height: calc(70 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.news figure.teaser h1,
  main section.static figure.teaser h1 {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
main section.news figure.teaser figcaption,
main section.static figure.teaser figcaption {
  font-size: 16px;
  margin: 0;
  padding-bottom: 20px;
  text-align: justify;
}
main section.news figure.teaser > .info,
main section.static figure.teaser > .info {
  border-top: 2px solid #d9d9d9;
  padding-top: 20px;
}
main section.news figure.teaser .category,
main section.static figure.teaser .category {
  text-transform: uppercase;
}
main section.news figure.teaser p,
main section.static figure.teaser p {
  font-family: 'DINNextLTPro-Bold';
}
main section.news figure.teaser + p,
main section.static figure.teaser + p {
  clear: both;
}
main section.news figure.teaser img,
main section.static figure.teaser img {
  margin-bottom: 20px;
}
main section.news figure.teaser[class*="circle-"]:not(.link),
main section.static figure.teaser[class*="circle-"]:not(.link) {
  height: 230px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
main section.news figure.teaser[class*="circle-"]:not(.link) h1,
main section.static figure.teaser[class*="circle-"]:not(.link) h1 {
  margin: 0;
  padding-right: 5%;
  z-index: 2;
}
main section.news figure.teaser[class*="circle-"]:not(.link) h1:before,
main section.static figure.teaser[class*="circle-"]:not(.link) h1:before {
  content: '';
  background: #20242e;
  top: 0;
  left: 100%;
  width: 300%;
  height: 100%;
  position: absolute;
  z-index: -2;
}
main section.news figure.teaser[class*="circle-"]:not(.link) h1:after,
main section.static figure.teaser[class*="circle-"]:not(.link) h1:after {
  content: '';
  left: 100%;
  height: 80%;
  width: 50%;
  position: absolute;
  transform: translateX(-50%) scaleX(-1);
  top: 20%;
  z-index: -1;
}
main section.news figure.teaser[class*="circle-"]:not(.link) .circle-img,
main section.static figure.teaser[class*="circle-"]:not(.link) .circle-img {
  position: absolute;
  left: 100%;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  z-index: -1;
  overflow: hidden;
}
main section.news figure.teaser[class*="circle-"]:not(.link) .circle-img img,
main section.static figure.teaser[class*="circle-"]:not(.link) .circle-img img {
  width: auto;
  height: 150%;
}
main section.news figure.teaser[class*="circle-"]:not(.link).photo h1:before,
main section.static figure.teaser[class*="circle-"]:not(.link).photo h1:before {
  display: none;
}
main section.news figure.teaser[class*="circle-"]:not(.link).photo h1:after,
main section.static figure.teaser[class*="circle-"]:not(.link).photo h1:after {
  background-position: center center;
  top: 0;
  height: 100%;
}
main section.news figure.teaser.circle-red h1:after,
main section.static figure.teaser.circle-red h1:after {
  background: url('/?proxy=img/circles/circle-full-red-right.svg') 0 0 no-repeat;
  background-size: 100%;
}
main section.news figure.teaser.circle-yellow h1:after,
main section.static figure.teaser.circle-yellow h1:after {
  background: url('/?proxy=img/circles/circle-full-yellow-right.svg') 0 0 no-repeat;
  background-size: 100%;
}
main section.news .contel50,
main section.static .contel50 {
  width: 50%;
  padding-bottom: 10px;
  margin-top: 5px;
}
main section.news .contel50.left,
main section.static .contel50.left {
  float: left;
  padding-right: 50px;
}
main section.news .contel50.left + p,
main section.static .contel50.left + p {
  clear: right;
}
main section.news .contel50.right,
main section.static .contel50.right {
  float: right;
  padding-left: 50px;
}
main section.news .contel50.right + p,
main section.static .contel50.right + p {
  clear: left;
}
main section.news .contel50.lagardere-ad-wrapper,
main section.static .contel50.lagardere-ad-wrapper {
  max-width: 350px;
  margin: 25px 0 -40px 0 !important;
}
main section.news .contel50 ul.circle-list,
main section.static .contel50 ul.circle-list {
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
  padding: 20px 0;
}
main section.news .contel100,
main section.static .contel100 {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 30px;
}
main section.news .contel100 figure.image figcaption,
main section.static .contel100 figure.image figcaption {
  text-align: center;
}
main section.news .contel100 .diashow + .subtitle,
main section.static .contel100 .diashow + .subtitle {
  text-align: center;
}
main section.news .contel100 + p,
main section.static .contel100 + p {
  clear: both;
}
main section.news .video-wrapper,
main section.static .video-wrapper {
  margin-bottom: 10px;
}
main section.news .table-scrollwrapper,
main section.static .table-scrollwrapper {
  float: left;
  width: 100%;
}
main section.news figure.image a,
main section.static figure.image a {
  display: block;
  position: relative;
}
main section.news figure.image a .icon,
main section.static figure.image a .icon {
  opacity: 0;
  display: block;
  width: 40px;
  height: 40px;
  background: #ffffff;
  transition: all 0.3s ease;
  padding: 10px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: absolute;
  top: 50%;
  margin-top: 0px;
  left: 50%;
  margin-left: -20px;
  z-index: 2;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
main section.news figure.image a .icon svg,
main section.static figure.image a .icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: #20242e;
}
main section.news figure.image a:hover .icon,
main section.static figure.image a:hover .icon {
  opacity: 1;
  margin-top: -20px;
  transform: scale(1.2);
}
main section.news figure.image a:hover img,
main section.static figure.image a:hover img {
  transform: scale(1.1);
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}
main section.news figure.image img,
main section.static figure.image img {
  width: 100%;
  display: block;
  transition: all 0.3s ease;
}
main section.news figure.image figcaption,
main section.static figure.image figcaption {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  margin-top: 10px;
}
main section.news .diashow,
main section.static .diashow {
  transition: all 0.3s ease;
}
main section.news .diashow:hover,
main section.static .diashow:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
}
main section.news .diashow figure.image,
main section.static .diashow figure.image {
  padding: 0;
}
main section.news .diashow figure.image a:hover img,
main section.static .diashow figure.image a:hover img {
  transform: none;
}
main section.news .diashow figure.image figcaption,
main section.static .diashow figure.image figcaption {
  display: none;
}
main section.news .diashow + .subtitle,
main section.static .diashow + .subtitle {
  font-size: 16px;
  color: #666666;
  line-height: 22px;
  margin-top: 10px;
  display: block;
}
main section.news ul.linklist,
main section.static ul.linklist {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 2px 0;
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}
main section.news ul.linklist li,
main section.static ul.linklist li {
  border-bottom: 1px solid #d9d9d9;
  padding: 10px;
  position: relative;
}
main section.news ul.linklist li a,
main section.static ul.linklist li a {
  color: #20242e;
  display: block;
  line-height: 30px;
  padding-left: 24px;
}
main section.news ul.linklist li:before,
main section.static ul.linklist li:before {
  content: '';
  width: 16px;
  height: 16px;
  float: left;
  -webkit-mask-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  -webkit-mask-size: 100%;
  mask-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  mask-size: 100%;
  background-color: #20242e;
  margin: 5px 10px 0 0;
  transition: all 0.3s ease;
}
@supports (-ms-ime-align:auto) {
  main section.news ul.linklist li:before,
  main section.static ul.linklist li:before {
    background-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  }
}
main section.news ul.linklist li:hover:before,
main section.static ul.linklist li:hover:before {
  margin-left: 10px;
}
main section.news ul.linklist li:last-child,
main section.static ul.linklist li:last-child {
  border: none;
}
main section.news ul.linklist.download li:before,
main section.static ul.linklist.download li:before {
  -webkit-mask-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  -webkit-mask-size: 100%;
  mask-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  mask-size: 100%;
  transition: none;
  width: 14px;
  height: 14px;
}
@supports (-ms-ime-align:auto) {
  main section.news ul.linklist.download li:before,
  main section.static ul.linklist.download li:before {
    background-image: url("/?proxy=img/icons/icon-arrow-down.svg");
  }
}
main section.news ul.linklist.download li:hover:before,
main section.static ul.linklist.download li:hover:before {
  animation: drop 0.3s;
  margin-left: 0;
  transform: translateZ(0);
}
main section.news ul.linklist.download li:after,
main section.static ul.linklist.download li:after {
  content: '';
  width: 16px;
  height: 1px;
  background: #20242e;
  position: absolute;
  top: 31px;
  left: 9px;
}
@keyframes drop {
  0% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
main section.news ul.anchor-nav,
main section.static ul.anchor-nav {
  list-style: none;
  margin: 0;
  padding: 2px 0;
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
  overflow: hidden;
  width: 100%;
  float: left;
  clear: both;
}
main section.news ul.anchor-nav li,
main section.static ul.anchor-nav li {
  border-bottom: 1px solid #d9d9d9;
  padding: 10px;
  position: relative;
  width: 50%;
  float: left;
}
main section.news ul.anchor-nav li a,
main section.static ul.anchor-nav li a {
  color: #20242e;
  display: block;
  line-height: 30px;
  font-size: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
main section.news ul.anchor-nav li:before,
main section.static ul.anchor-nav li:before {
  content: '';
  width: 16px;
  height: 16px;
  float: left;
  -webkit-mask-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  -webkit-mask-size: 100%;
  mask-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  mask-size: 100%;
  background-color: #20242e;
  margin: 5px 10px 0 0;
  transition: all 0.3s ease;
}
@supports (-ms-ime-align:auto) {
  main section.news ul.anchor-nav li:before,
  main section.static ul.anchor-nav li:before {
    background-image: url("/?proxy=img/icons/icon-arrow-right-thin.svg");
  }
}
main section.news ul.anchor-nav li:hover:before,
main section.static ul.anchor-nav li:hover:before {
  margin-left: 10px;
}
main section.news ul.anchor-nav li:last-child,
main section.static ul.anchor-nav li:last-child,
main section.news ul.anchor-nav li:nth-last-child(2):nth-child(odd),
main section.static ul.anchor-nav li:nth-last-child(2):nth-child(odd) {
  border-bottom: none;
}
main section.news blockquote,
main section.static blockquote {
  border-top: 2px solid #d9d9d9;
  font-family: 'DINNextLTPro-Light';
  font-style: italic;
  font-size: 22px;
  margin: 0;
  padding: 0 0 25px 0;
  border-bottom: 2px solid #d9d9d9;
  text-align: center;
}
main section.news blockquote p,
main section.static blockquote p {
  margin: 40px 0 15px;
  padding: 0 10px;
  text-align: center;
}
main section.news blockquote small,
main section.static blockquote small {
  color: #666666;
  font-size: 16px;
  line-height: 22px;
  display: block;
}
main section.news blockquote small:before,
main section.static blockquote small:before {
  content: "-";
  padding-right: 5px;
}
main section.news blockquote:before,
main section.static blockquote:before {
  content: '“';
  display: block;
  text-align: center;
  font-size: 85px;
  line-height: 15px;
  font-family: 'Arial';
  color: #666666;
  margin-top: 45px;
  margin-bottom: -30px;
}
main section.news form,
main section.static form {
  width: 100%;
}
main section.news figure.teaser.link,
main section.static figure.teaser.link {
  transition: all 0.3s ease;
}
main section.news figure.teaser.link:hover,
main section.static figure.teaser.link:hover {
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  transform: scale(1.05);
}
main section.news figure.teaser.link .info,
main section.static figure.teaser.link .info {
  font-size: 16px;
}
main section.news figure.teaser.link h2,
main section.static figure.teaser.link h2 {
  width: auto;
  float: none;
  clear: none;
  margin: 15px 0 0 0;
  text-transform: uppercase;
}
@media only screen and (min-width: 800px) {
  main section.news figure.teaser.link h2,
  main section.static figure.teaser.link h2 {
    font-size: calc(20px + (30 - 20) * (100vw - 800px) / (1600 - 800));
    line-height: calc(20 * 1.05px + (30 * 1.05 - 20 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.news figure.teaser.link h2,
  main section.static figure.teaser.link h2 {
    font-size: 30px;
    line-height: calc(30 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.news figure.teaser.link h2,
  main section.static figure.teaser.link h2 {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
main section.news figure.teaser.link .btn,
main section.static figure.teaser.link .btn {
  margin-top: 15px;
}
main section.news ul.circle-list,
main section.static ul.circle-list {
  list-style: none;
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
}
main section.news ul.circle-list li,
main section.static ul.circle-list li {
  padding-left: 26px;
  position: relative;
  margin-bottom: 15px;
}
main section.news ul.circle-list li:before,
main section.static ul.circle-list li:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 5px;
  left: 0;
  background: #e52f3d;
  border: 1px solid #20242e;
  border-radius: 13px;
}
main section.news ul.circle-list li:last-child,
main section.static ul.circle-list li:last-child {
  margin: 0;
}
main section.news .contact-wrapper figure.contact,
main section.static .contact-wrapper figure.contact {
  width: 100%;
  float: left;
  padding: 30px 0;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}
main section.news .contact-wrapper figure.contact img,
main section.static .contact-wrapper figure.contact img {
  float: left;
  width: 100px;
}
main section.news .contact-wrapper figure.contact figcaption,
main section.static .contact-wrapper figure.contact figcaption {
  width: 80%;
  float: left;
  padding-left: 30px;
}
main section.news .contact-wrapper figure.contact figcaption strong.name,
main section.static .contact-wrapper figure.contact figcaption strong.name {
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}
@media only screen and (min-width: 800px) {
  main section.news .contact-wrapper figure.contact figcaption strong.name,
  main section.static .contact-wrapper figure.contact figcaption strong.name {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.news .contact-wrapper figure.contact figcaption strong.name,
  main section.static .contact-wrapper figure.contact figcaption strong.name {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.news .contact-wrapper figure.contact figcaption strong.name,
  main section.static .contact-wrapper figure.contact figcaption strong.name {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main section.news .contact-wrapper figure.contact figcaption span.position,
main section.static .contact-wrapper figure.contact figcaption span.position {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 20px;
}
main section.news .contact-wrapper figure.contact figcaption span.position + .info,
main section.static .contact-wrapper figure.contact figcaption span.position + .info {
  padding-left: 0;
}
main section.news .contact-wrapper figure.contact figcaption .info,
main section.static .contact-wrapper figure.contact figcaption .info {
  float: left;
  padding: 0 30px;
  font-size: 14px;
  line-height: 20px;
  border-right: 1px solid #d9d9d9;
}
main section.news .contact-wrapper figure.contact figcaption .info strong,
main section.static .contact-wrapper figure.contact figcaption .info strong {
  display: block;
}
main section.news .contact-wrapper figure.contact figcaption .info a,
main section.static .contact-wrapper figure.contact figcaption .info a {
  color: #20242e;
  text-decoration: underline;
}
main section.news .contact-wrapper figure.contact figcaption .info:last-child,
main section.static .contact-wrapper figure.contact figcaption .info:last-child {
  border: none;
}
main section.news .contact-wrapper:first-child,
main section.static .contact-wrapper:first-child {
  padding-top: 0;
}
main section.news .contel-iframe,
main section.static .contel-iframe {
  width: 100% !important;
}
main section.news .st_live-results,
main section.static .st_live-results {
  float: left;
  width: 100%;
}
main section.news .newsarchive .news-single-rightbox,
main section.static .newsarchive .news-single-rightbox {
  display: none;
}
main section.news .newsarchive h1,
main section.static .newsarchive h1 {
  display: none;
}
main section.news .newsarchive .news-single-related,
main section.static .newsarchive .news-single-related {
  display: none;
}
main section.news section.padded,
main section.static section.padded {
  padding: 0;
}
main section.news + .padded.sponsors,
main section.static + .padded.sponsors {
  margin-top: 80px;
}
main section.static + footer {
  margin-top: 80px;
}
main section.static > section:last-child {
  margin-bottom: 0;
}
main table,
main table.dataTable {
  border: none;
  width: 100%;
  border-collapse: collapse;
  transition: opacity 0.3s ease;
}
main table thead tr th,
main table.dataTable thead tr th {
  text-transform: uppercase;
  font: normal 18px/60px 'DINNextLTPro-Bold';
  padding: 0 20px;
  border-bottom: 2px solid #20242e;
  text-align: left;
  white-space: nowrap;
}
main table thead .sorting,
main table.dataTable thead .sorting {
  background: none;
  cursor: pointer;
}
main table thead .sorting:after,
main table.dataTable thead .sorting:after {
  content: '';
  width: 19px;
  height: 19px;
  background: url(/?proxy=img/sort_both.png) center center no-repeat;
  display: inline-block;
  padding-left: 8px;
  margin-bottom: -4px;
}
main table thead .sorting_asc,
main table.dataTable thead .sorting_asc {
  background: none;
  cursor: pointer;
}
main table thead .sorting_asc:after,
main table.dataTable thead .sorting_asc:after {
  content: '';
  width: 19px;
  height: 19px;
  background: url(/?proxy=img/sort_asc.png) center center no-repeat;
  display: inline-block;
  padding-left: 8px;
  margin-bottom: -4px;
}
main table thead .sorting_desc,
main table.dataTable thead .sorting_desc {
  background: none;
  cursor: pointer;
}
main table thead .sorting_desc:after,
main table.dataTable thead .sorting_desc:after {
  content: '';
  width: 19px;
  height: 19px;
  background: url(/?proxy=img/sort_desc.png) center center no-repeat;
  display: inline-block;
  padding-left: 8px;
  margin-bottom: -4px;
}
main table tbody tr,
main table.dataTable tbody tr {
  background: none;
}
main table tbody tr td,
main table.dataTable tbody tr td {
  font-size: 16px;
  line-height: 20px;
  border-bottom: 1px solid #d9d9d9;
  padding: 20px;
}
main table tbody tr td div.flag,
main table.dataTable tbody tr td div.flag {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 10px -7px 0;
  border: 1px solid #d9d9d9;
  position: relative;
}
main table tbody tr td div.flag img,
main table.dataTable tbody tr td div.flag img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main table tbody tr td div.crest,
main table.dataTable tbody tr td div.crest {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin: 0 10px -7px 0;
  position: relative;
}
main table tbody tr td div.crest img,
main table.dataTable tbody tr td div.crest img {
  width: 100%;
  height: auto;
  display: block;
}
main table tbody tr td div.portrait,
main table.dataTable tbody tr td div.portrait {
  display: block;
  width: 140px;
  height: 100px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: -10px 0px -20px -10px;
}
main table tbody tr td div.portrait img,
main table.dataTable tbody tr td div.portrait img {
  width: 200px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main table tbody tr td .teams,
main table.dataTable tbody tr td .teams {
  white-space: nowrap;
  font-family: 'DINNextLTPro-Bold';
}
main table tbody tr td .teams div.flag,
main table.dataTable tbody tr td .teams div.flag {
  margin-left: 10px;
}
main table tbody tr td .teams span.break,
main table.dataTable tbody tr td .teams span.break {
  font-family: 'DINNextLTPro-Regular';
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
}
main table tbody tr td .teams .fixedWidth,
main table.dataTable tbody tr td .teams .fixedWidth {
  width: 48%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
main table tbody tr td .teams .fixedWidth.left,
main table.dataTable tbody tr td .teams .fixedWidth.left {
  text-align: right;
}
main table tbody tr td .teams .fixedWidth.right,
main table.dataTable tbody tr td .teams .fixedWidth.right {
  text-align: left;
}
main table tbody tr td .teams .fixedWidth + .hide-mobile,
main table.dataTable tbody tr td .teams .fixedWidth + .hide-mobile {
  width: 4%;
  display: inline-block;
  text-align: center;
}
main table tbody tr td .teams .teamname.short,
main table.dataTable tbody tr td .teams .teamname.short {
  width: 33px;
  display: inline-block;
}
main table tbody tr td .teams .teamname.short.left,
main table.dataTable tbody tr td .teams .teamname.short.left {
  text-align: right;
}
main table tbody tr td .teams .teamname.short.right,
main table.dataTable tbody tr td .teams .teamname.short.right {
  text-align: left;
}
main table tbody tr td .teams .seperator,
main table.dataTable tbody tr td .teams .seperator {
  width: 10px;
  display: inline-block;
  text-align: center;
}
main table tbody tr td .team,
main table.dataTable tbody tr td .team {
  white-space: nowrap;
  font-family: 'DINNextLTPro-Bold';
}
main table tbody tr td .team span.break,
main table.dataTable tbody tr td .team span.break {
  font-family: 'DINNextLTPro-Regular';
  display: block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
}
main table tbody tr td span.date,
main table.dataTable tbody tr td span.date,
main table tbody tr td span.time,
main table.dataTable tbody tr td span.time {
  display: block;
  white-space: nowrap;
}
main table tbody tr td a:not(.btn),
main table.dataTable tbody tr td a:not(.btn) {
  color: #20242e;
  position: relative;
  display: inline-block;
  font-family: 'DINNextLTPro-Bold';
}
main table tbody tr td a:not(.btn):before,
main table.dataTable tbody tr td a:not(.btn):before {
  content: '';
  height: 3px;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.3s ease;
  background: #f6c92a;
}
main table tbody tr td a:not(.btn):hover:before,
main table.dataTable tbody tr td a:not(.btn):hover:before {
  width: 100%;
}
main table tbody tr td a.btn,
main table.dataTable tbody tr td a.btn {
  float: none;
}
main table tbody tr td .break,
main table.dataTable tbody tr td .break {
  display: block;
}
main table tbody tr td.child,
main table.dataTable tbody tr td.child {
  background: #f6f6f6;
}
main table tbody tr td.child ul.dtr-details,
main table.dataTable tbody tr td.child ul.dtr-details {
  width: 100%;
}
main table tbody tr td.child ul.dtr-details > li,
main table.dataTable tbody tr td.child ul.dtr-details > li {
  padding: 20px 0;
}
main table tbody tr td.child ul.dtr-details > li p,
main table.dataTable tbody tr td.child ul.dtr-details > li p {
  margin: 10px 0 0 0;
  clear: both;
  float: left;
  white-space: normal;
}
main table tbody tr td.child ul.dtr-details > li a.btn,
main table.dataTable tbody tr td.child ul.dtr-details > li a.btn {
  margin: 0 auto;
  float: none;
  display: block;
  text-align: center;
  width: 150px;
}
main table tbody tr td.child ul.dtr-details > li:last-child,
main table.dataTable tbody tr td.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
}
main table tbody tr td.child span.dtr-title,
main table.dataTable tbody tr td.child span.dtr-title {
  min-width: inherit;
  padding-right: 15px;
  display: block;
  float: left;
}
main table tbody tr td .player-wrapper,
main table.dataTable tbody tr td .player-wrapper {
  display: flex;
  align-items: center;
}
main table tbody tr td .player-wrapper strong,
main table.dataTable tbody tr td .player-wrapper strong {
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 800px) {
  main table tbody tr td .player-wrapper strong,
  main table.dataTable tbody tr td .player-wrapper strong {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main table tbody tr td .player-wrapper strong,
  main table.dataTable tbody tr td .player-wrapper strong {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main table tbody tr td .player-wrapper strong,
  main table.dataTable tbody tr td .player-wrapper strong {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main table tbody tr td .player-wrapper strong small,
main table.dataTable tbody tr td .player-wrapper strong small {
  font-size: 14px;
  font-family: 'DINNextLTPro-Regular';
  text-transform: none;
  display: block;
  margin-top: 3px;
}
main table tbody tr td strong.player-num,
main table.dataTable tbody tr td strong.player-num {
  color: #f6c92a;
  line-height: 45px;
  display: block;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  main table tbody tr td strong.player-num,
  main table.dataTable tbody tr td strong.player-num {
    font-size: calc(35px + (45 - 35) * (100vw - 800px) / (1600 - 800));
    line-height: calc(35 * 1.05px + (45 * 1.05 - 35 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main table tbody tr td strong.player-num,
  main table.dataTable tbody tr td strong.player-num {
    font-size: 45px;
    line-height: calc(45 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main table tbody tr td strong.player-num,
  main table.dataTable tbody tr td strong.player-num {
    font-size: 35px;
    line-height: calc(35 * 1.05px);
  }
}
main table tbody tr.live td:first-child,
main table.dataTable tbody tr.live td:first-child {
  position: relative;
}
main table tbody tr.live td:first-child:after,
main table.dataTable tbody tr.live td:first-child:after {
  content: '';
  height: 100%;
  width: 7px;
  background: #e52f3d;
  position: absolute;
  top: 0;
  left: -7px;
}
main table tbody tr.live td:last-child,
main table.dataTable tbody tr.live td:last-child {
  position: relative;
}
main table tbody tr.live td:last-child:after,
main table.dataTable tbody tr.live td:last-child:after {
  content: '';
  height: 100%;
  width: 7px;
  background: #e52f3d;
  position: absolute;
  top: 0;
  right: -7px;
}
main table tbody tr.live a:not(.btn),
main table.dataTable tbody tr.live a:not(.btn) {
  color: #e52f3d;
  font-size: 16px;
}
main table tbody tr.live a:not(.btn):before,
main table.dataTable tbody tr.live a:not(.btn):before {
  background-color: #e52f3d;
}
main table tbody tr.live a.btn,
main table.dataTable tbody tr.live a.btn {
  background: #e52f3d;
  color: #ffffff;
  border-color: #e52f3d;
}
main table tbody tr.live a.btn:hover,
main table.dataTable tbody tr.live a.btn:hover {
  border-color: #9b131e;
}
main table tbody tr.live a.btn:before,
main table.dataTable tbody tr.live a.btn:before {
  background: #9b131e;
}
main table tbody tr.flag-aufstieg td:first-child,
main table.dataTable tbody tr.flag-aufstieg td:first-child {
  background: #f6c92a;
  font-weight: bold;
  font-size: 18px;
}
main table tbody tr.flag-aufstieg.trenner td,
main table.dataTable tbody tr.flag-aufstieg.trenner td {
  border-bottom: 2px solid #20242e;
}
main table tbody tr.flag-abstieg td:first-child,
main table.dataTable tbody tr.flag-abstieg td:first-child {
  background: #e52f3d;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
}
main table tbody tr.flag-abstieg.trenner td,
main table.dataTable tbody tr.flag-abstieg.trenner td {
  border-top: 2px solid #20242e;
}
main table.searchable tbody tr td,
main table.dataTable.searchable tbody tr td {
  /* white-space: nowrap;*/
}
main table.specialEvent thead tr th:first-child,
main table.dataTable.specialEvent thead tr th:first-child {
  padding: 0;
}
main table.specialEvent tbody tr:not(.child) td:first-child,
main table.dataTable.specialEvent tbody tr:not(.child) td:first-child {
  padding: 0;
}
main table + table,
main table.dataTable + table {
  margin-top: 80px;
}
main table.dataTable,
main table.dataTable.dataTable {
  border: none !important;
  width: 100% !important;
}
main table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
main table.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child {
  padding-left: 40px;
}
main table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
main table.dataTable.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before {
  background: #f6c92a;
  border: none;
  color: #20242e;
  width: 20px;
  height: 20px;
  font-size: 19px;
  line-height: 18px;
  border-radius: 20px;
  font-weight: bold;
  font-family: 'Arial, sans-serif';
  top: 50%;
  margin-top: -11px;
  box-shadow: none;
}
main table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
main table.dataTable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before {
  background: #e52f3d;
  color: #ffffff;
}
main table.dataTable tr.dtrg-group td,
main table.dataTable.dataTable tr.dtrg-group td {
  background: #f6f6f6;
  font-size: 18px;
}
main .data-contel.loader {
  /* opacity:0; transition:opacity 1s ease; */
  background: url('/?proxy=img/data-loading.svg') center center no-repeat;
  background-size: 50px;
  min-height: 250px;
  position: relative;
}
main .data-contel.loader > table,
main .data-contel.loader > .table-search {
  display: none;
}
main .data-contel.loader:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 250px;
  background: url('/?proxy=img/data-loading-background.svg') top center no-repeat;
  background-size: cover;
  opacity: 0.5;
  z-index: -1;
}
main .data-contel.loader.data-loaded {
  background: none;
}
main .data-contel.loader.data-loaded > table,
main .data-contel.loader.data-loaded > .table-search {
  display: block;
}
main .data-contel.loader.data-loaded:before {
  display: none;
}
main .dataTables_filter {
  display: none;
}
main .table-search {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 30px;
}
main .table-search label {
  float: left;
  clear: both;
  line-height: 40px;
  font-size: 16px;
}
main .table-search label svg {
  width: 16px;
  height: 16px;
  margin: 10px 10px 0 0;
}
main .table-search input[type="text"] {
  width: auto;
  min-width: 250px;
  float: left;
  height: 40px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
  background: #f3f3f3;
  opacity: 0.6;
  font-size: 16px;
  margin: 0 0 0 30px;
  padding: 3px 10px 0;
  position: relative;
  transition: all 0.3s ease;
  font-family: 'DINNextLTPro-Regular';
}
main .table-search input[type="text"]:focus {
  opacity: 1;
}
main .table-search .btn {
  float: left;
  margin-left: 20px;
}
main .dataTables_wrapper + .dataTables_wrapper {
  margin-top: 80px;
}
main .dataTables_wrapper + h2.contel-heading {
  margin-top: 80px;
}
main .dt-buttons {
  margin-left: 5px;
}
main .dt-buttons button {
  margin: 15px 0;
  padding: 0;
}
main .dt-buttons button.clear {
  display: block;
  line-height: 38px;
  width: 40px;
  height: 40px;
  border-width: 1px;
  text-align: center;
}
main .dt-buttons button.clear span {
  display: none;
}
main .dt-buttons button.clear:after {
  content: '';
  position: relative;
  width: 14px;
  height: 14px;
  line-height: 42px;
  display: inline-block;
  left: auto;
  bottom: auto;
  opacity: 0.5;
  background: url('/?proxy=img/icons/icon-close.svg') 0 0 no-repeat;
  background-size: 100%;
  margin-bottom: -3px;
}
main .dt-buttons button.clear:hover {
  background: none;
}
main .dt-buttons button.clear:hover:after {
  opacity: 1;
}
main section.big-picture {
  width: 100%;
  float: left;
  clear: both;
}
main section.big-picture > article.teaser {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
main section.big-picture > article.teaser span {
  font-size: 16px;
}
main section.big-picture > article.teaser .category {
  text-transform: uppercase;
}
main section.big-picture > article.teaser h1 {
  text-transform: uppercase;
  margin: 20px 0;
  color: #ffffff;
}
@media only screen and (min-width: 800px) {
  main section.big-picture > article.teaser h1 {
    font-size: calc(25px + (70 - 25) * (100vw - 800px) / (1600 - 800));
    line-height: calc(25 * 1.05px + (70 * 1.05 - 25 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture > article.teaser h1 {
    font-size: 70px;
    line-height: calc(70 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture > article.teaser h1 {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
main section.big-picture > article.teaser p {
  margin: 0;
  line-height: 30px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 800px) {
  main section.big-picture > article.teaser p {
    font-size: calc(15px + (20 - 15) * (100vw - 800px) / (1600 - 800));
    line-height: calc(15 * 1.05px + (20 * 1.05 - 15 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture > article.teaser p {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture > article.teaser p {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
main section.big-picture ul.newslist {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ffffff;
  flex-wrap: wrap;
}
main section.big-picture ul.newslist li {
  width: 25%;
  padding: 25px;
  position: relative;
  display: flex;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
main section.big-picture ul.newslist li a {
  display: block;
  color: #20242e;
  width: 100%;
}
main section.big-picture ul.newslist li a:before {
  content: '';
  width: 1px;
  opacity: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: width 0.3s ease;
  z-index: 0;
  background: rgba(255, 255, 255, 0.05);
}
main section.big-picture ul.newslist li a:hover:before {
  width: 100%;
  opacity: 1;
}
main section.big-picture ul.newslist li a article.teaser {
  text-transform: uppercase;
}
main section.big-picture ul.newslist li a article.teaser .info {
  color: #666666;
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
}
main section.big-picture ul.newslist li a article.teaser h2 {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  word-break: break-word;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  main section.big-picture ul.newslist li a article.teaser h2 {
    word-break: break-all;
  }
}
main section.big-picture ul.newslist li:last-child {
  border-right: none;
}
main section.big-picture ul.newslist.dark {
  background: #20242e;
}
main section.big-picture ul.newslist.dark li a {
  color: #ffffff;
}
main section.big-picture ul.newslist.dark li a article.teaser .info {
  color: #d9d9d9;
}
main section.big-picture figure.image-video-teaser {
  position: relative;
}
main section.big-picture figure.image-video-teaser img {
  width: 100%;
  height: auto;
  display: block;
}
main section.big-picture figure.image-video-teaser .video-wrapper {
  width: 100%;
  padding-bottom: 56.25%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #20242e;
}
main section.big-picture figure.image-video-teaser video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
main section.big-picture figure.image-video-teaser .btn {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}
main section.big-picture .fixture {
  position: relative;
}
main section.big-picture .fixture .info {
  color: #ffffff;
  position: absolute;
  width: 50%;
  display: flex;
  align-items: flex-start;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  z-index: 4;
  padding: 3%;
  top: 0;
  right: 0;
  background: rgba(32, 36, 46, 0.8);
}
main section.big-picture .fixture .info * {
  z-index: 2;
  position: relative;
}
main section.big-picture .fixture .info > a:not(.btn) {
  color: #ffffff;
}
@media only screen and (min-width: 800px) {
  main section.big-picture .fixture .info .date,
  main section.big-picture .fixture .info .location {
    font-size: calc(15px + (20 - 15) * (100vw - 800px) / (1600 - 800));
    line-height: calc(15 * 1.05px + (20 * 1.05 - 15 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture .fixture .info .date,
  main section.big-picture .fixture .info .location {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture .fixture .info .date,
  main section.big-picture .fixture .info .location {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
main section.big-picture .fixture .info .category {
  text-transform: uppercase;
  font-family: 'DINNextLTPro-Bold';
  margin: 10px 0;
}
@media only screen and (min-width: 800px) {
  main section.big-picture .fixture .info .category {
    font-size: calc(20px + (30 - 20) * (100vw - 800px) / (1600 - 800));
    line-height: calc(20 * 1.05px + (30 * 1.05 - 20 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture .fixture .info .category {
    font-size: 30px;
    line-height: calc(30 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture .fixture .info .category {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
main section.big-picture .fixture .info h1 {
  font-feature-settings: "ss01";
  line-height: 1em !important;
  text-transform: uppercase;
  margin: 6% 0;
  color: #ffffff;
}
@media only screen and (min-width: 800px) {
  main section.big-picture .fixture .info h1 {
    font-size: calc(35px + (70 - 35) * (100vw - 800px) / (1600 - 800));
    line-height: calc(35 * 1.05px + (70 * 1.05 - 35 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture .fixture .info h1 {
    font-size: 70px;
    line-height: calc(70 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture .fixture .info h1 {
    font-size: 35px;
    line-height: calc(35 * 1.05px);
  }
}
main section.big-picture .fixture .info h1 span {
  display: block;
}
main section.big-picture .fixture .info .btn-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
main section.big-picture .fixture .info .btn-wrapper .btn {
  margin: 0 15px 15px 0;
}
main section.big-picture .fixture .info:before {
  content: '';
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  background-image: url('/?proxy=img/circles/circle-full-red-right.svg');
  height: 80%;
  width: 90%;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  pointer-events: none;
}
main section.big-picture .fixture .info:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}
main section.big-picture .fixture img {
  width: 100%;
  height: auto;
  display: block;
}
main section.big-picture.spielankuendigung {
  height: 390px;
  margin-top: 20px;
}
main section.big-picture.spielankuendigung .fixture {
  width: 100%;
  height: 100%;
}
main section.big-picture.spielankuendigung .fixture .info {
  width: 50%;
  height: 100%;
  align-items: center;
  background: #20242e;
  padding: 0 20px;
  position: relative;
}
main section.big-picture.spielankuendigung .fixture .info .category {
  text-transform: none;
  font-family: 'DINNextLTPro-Light';
  font-size: 22px;
  text-align: center;
}
main section.big-picture.spielankuendigung .fixture .info .match-info {
  font-size: 18px;
}
main section.big-picture.spielankuendigung .fixture .info h2 {
  font-feature-settings: "ss01";
  line-height: 1em !important;
  text-transform: uppercase;
  color: #ffffff;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 800px) {
  main section.big-picture.spielankuendigung .fixture .info h2 {
    font-size: calc(25px + (60 - 25) * (100vw - 800px) / (1600 - 800));
    line-height: calc(25 * 1.05px + (60 * 1.05 - 25 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.big-picture.spielankuendigung .fixture .info h2 {
    font-size: 60px;
    line-height: calc(60 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.big-picture.spielankuendigung .fixture .info h2 {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
main section.big-picture.spielankuendigung .fixture .info h2 .flag {
  width: 80px;
  height: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 5px solid #ffffff;
  display: inline-block;
  margin: 0 30px;
  background: #ffffff;
}
main section.big-picture.spielankuendigung .fixture .info:before {
  display: none;
}
main section.big-picture.spielankuendigung .fixture .info .btn-wrapper {
  width: 100%;
  justify-content: center;
}
main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 30%;
  max-width: 135px;
  text-align: center;
  margin: 0 8px 15px;
  min-height: 63px;
  font-size: 14px;
}
main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn.tv-link span {
  display: block;
  font-size: 11px;
  text-align: center;
  margin-top: -8px;
}
main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn.tv-link .tv-logo {
  height: 25px;
  width: auto;
  margin: 5px auto -3px;
  display: block;
}
main section.big-picture.spielankuendigung .fixture .img-wrapper {
  width: 50%;
  height: 100%;
}
main section.big-picture.spielankuendigung .fixture .img-wrapper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
main section.big-picture.spielankuendigung.left .fixture .info {
  float: right;
}
main section.big-picture.spielankuendigung.left .fixture .img-wrapper {
  float: left;
}
main section.big-picture.spielankuendigung.right .fixture .info {
  float: left;
}
main section.big-picture.spielankuendigung.right .fixture .img-wrapper {
  float: right;
}
main section.big-picture.spielankuendigung + .padded {
  margin-top: 60px;
}
main section.big-picture + .padded.sponsors {
  display: none;
}
main .pagenav-wrapper {
  height: 54px;
  position: fixed;
  top: 0;
  left: 240px;
  transition: top 0.2s ease-in-out;
  right: 0;
  background: #ffffff;
  z-index: 100;
}
main .pagenav-wrapper.nav-up {
  top: -54px;
}
main .pagenav {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
main .pagenav .siblings-wrapper {
  background: #ffffff;
  height: 53px;
  overflow: auto;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
}
main .pagenav .siblings-wrapper .siblings {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 53px;
  white-space: nowrap;
}
main .pagenav .siblings-wrapper .siblings li {
  display: inline-block;
  padding: 18px 15px 15px;
}
main .pagenav .siblings-wrapper .siblings li a {
  display: block;
  text-transform: uppercase;
  color: #20242e;
  font-family: 'DINNextLTPro-Bold';
  height: 20px;
  border-bottom: 2px solid transparent;
}
@media only screen and (min-width: 800px) {
  main .pagenav .siblings-wrapper .siblings li a {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .pagenav .siblings-wrapper .siblings li a {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .pagenav .siblings-wrapper .siblings li a {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
main .pagenav .siblings-wrapper .siblings li.active a,
main .pagenav .siblings-wrapper .siblings li:hover a {
  border-bottom: 2px solid #20242e;
}
main .pagenav .siblings-wrapper .mCSB_buttonLeft {
  display: block;
  height: 100%;
  width: 80px;
  position: absolute;
  top: 0;
  left: -10px;
  cursor: pointer;
  z-index: 5;
  pointer-events: all;
  opacity: 1;
}
main .pagenav .siblings-wrapper .mCSB_buttonLeft:before {
  content: '';
  background: url('/?proxy=img/icons/icon-arrow-right-thin.svg') 0 0 no-repeat;
  background-size: 100%;
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  position: absolute;
  top: 14px;
  left: 13px;
  opacity: 0.7;
  z-index: 3;
}
main .pagenav .siblings-wrapper .mCSB_buttonLeft:after {
  content: '';
  background: #efefef;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(30%, #f0f0f0), color-stop(100%, rgba(240, 240, 240, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
  /* IE10+ */
  background: linear-gradient(left, #f0f0f0 30%, rgba(240, 240, 240, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0f0f0', endColorstr='#00f0f0f0',GradientType=1 );
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff0f0f0', endColorstr='#00f0f0f0',GradientType=1 );
  /* IE6-9 */
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 80px;
}
main .pagenav .siblings-wrapper .mCSB_buttonLeft:hover:before {
  opacity: 1;
}
main .pagenav .siblings-wrapper .mCSB_buttonLeft.disabled {
  display: none !important;
}
main .pagenav .siblings-wrapper .mCSB_buttonRight {
  display: block;
  height: 100%;
  width: 80px;
  position: absolute;
  top: 0;
  right: -10px;
  cursor: pointer;
  z-index: 5;
  pointer-events: all;
  opacity: 1;
}
main .pagenav .siblings-wrapper .mCSB_buttonRight:before {
  content: '';
  background: url('/?proxy=img/icons/icon-arrow-right-thin.svg') 0 0 no-repeat;
  background-size: 100%;
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 14px;
  right: 13px;
  opacity: 0.7;
  z-index: 3;
}
main .pagenav .siblings-wrapper .mCSB_buttonRight:after {
  content: '';
  background: #efefef;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(50%, #f0f0f0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%);
  /* IE10+ */
  background: linear-gradient(left, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#fff0f0f0',GradientType=1 );
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#fff0f0f0',GradientType=1 );
  /* IE6-9 */
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 80px;
}
main .pagenav .siblings-wrapper .mCSB_buttonRight:hover:before {
  opacity: 1;
}
main .pagenav .siblings-wrapper .mCSB_buttonRight.disabled {
  display: none !important;
}
main .pagenav .siblings-wrapper .mCSB_draggerContainer {
  display: none;
}
main .pagenav .siblings-wrapper .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 100%;
  top: 0;
  pointer-events: none;
  opacity: 1;
}
main .pagenav .breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .pagenav .breadcrumbs li {
  background: #d9d9d9;
  text-transform: uppercase;
  font-family: 'DINNextLTPro-Bold';
  height: 53px;
  padding: 18px 15px 15px;
  white-space: nowrap;
}
@media only screen and (min-width: 800px) {
  main .pagenav .breadcrumbs li {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .pagenav .breadcrumbs li {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .pagenav .breadcrumbs li {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
main .contentnav {
  position: relative;
  width: 100%;
  float: left;
  clear: both;
  margin: 0 0 40px 0;
}
main .contentnav ul {
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #d9d9d9;
  overflow: auto;
  white-space: nowrap;
}
main .contentnav ul li {
  display: inline-block;
}
main .contentnav ul li a {
  color: #20242e;
  padding: 15px 20px;
  text-transform: uppercase;
  display: block;
}
@media only screen and (min-width: 800px) {
  main .contentnav ul li a {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .contentnav ul li a {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .contentnav ul li a {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
main .contentnav ul li:hover a {
  background: #e6e6e6;
}
main .contentnav ul li.active a {
  background: #d9d9d9;
  font-family: 'DINNextLTPro-Bold';
}
main h2.contel-heading {
  width: 100%;
  float: left;
  margin: 0 0 40px 0;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  clear: both;
  font-feature-settings: "ss01";
}
@media only screen and (min-width: 800px) {
  main h2.contel-heading {
    font-size: calc(25px + (40 - 25) * (100vw - 800px) / (1600 - 800));
    line-height: calc(25 * 1.05px + (40 * 1.05 - 25 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main h2.contel-heading {
    font-size: 40px;
    line-height: calc(40 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main h2.contel-heading {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
main h2.contel-heading a {
  display: inline-block;
  color: #20242e;
  font-size: 14px;
  text-transform: none;
  line-height: 20px;
  margin: 0 0 0.25vw 20px;
  position: relative;
}
main h2.contel-heading a svg {
  width: 14px;
  height: 14px;
  display: block;
  float: right;
  margin-left: 5px;
  transition: all 0.3s ease;
  margin-top: 3px;
}
main h2.contel-heading a:hover svg {
  margin-left: 10px;
}
main .content-filter-dropdown {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 30px;
}
main .content-filter-dropdown form fieldset .form-group {
  float: left;
  padding-right: 30px;
  white-space: nowrap;
}
main .content-filter-dropdown form fieldset .form-group label {
  width: auto;
  margin: 0;
  padding-right: 20px;
}
main .content-filter-dropdown form fieldset .form-group .selectbutton {
  width: auto;
  margin: 0;
}
main .content-filter-dropdown form fieldset .form-group .selectbutton + .selectbutton {
  margin-left: 20px;
}
main ul.newslist-archive {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
}
main ul.newslist-archive li {
  width: 100%;
  float: left;
  clear: both;
  position: relative;
}
main ul.newslist-archive li a {
  color: #20242e;
  float: left;
  width: 100%;
}
main ul.newslist-archive li article.teaser {
  text-transform: uppercase;
  position: relative;
  float: left;
  width: 100%;
  padding: 0 20px 0 0;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  background: #ffffff;
}
main ul.newslist-archive li article.teaser:hover {
  transform: scale(1.05);
  -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3);
  z-index: 3;
}
main ul.newslist-archive li article.teaser .info {
  color: #666666;
  font-size: 16px;
  margin-bottom: 5px;
  padding-top: 15px;
}
main ul.newslist-archive li article.teaser img {
  float: left;
  width: 33.3%;
  margin-right: 30px;
}
main ul.newslist-archive li article.teaser p {
  text-transform: none;
  margin: 10px 0 0 0;
  line-height: 24px;
  font-size: 16px;
}
main ul.newslist-archive li article.teaser h2 {
  margin: 0;
  position: static;
}
@media only screen and (min-width: 800px) {
  main ul.newslist-archive li article.teaser h2 {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main ul.newslist-archive li article.teaser h2 {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main ul.newslist-archive li article.teaser h2 {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main ul.newslist-archive li article.teaser .smarticon-flag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #f6c92a;
  color: #20242e;
  padding: 5px 10px;
  font-family: 'DINNextLTPro-Bold';
  font-size: 15px;
  line-height: 18px;
  padding: 7px 10px 4px;
}
main ul.newslist-archive li article.teaser .smarticon-flag svg {
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}
main ul.newslist-archive li:last-child {
  margin-bottom: 0;
}
main div.paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  float: left;
  clear: both;
  margin-top: 30px;
}
main div.paging ul.pages {
  list-style: none;
  margin: 0;
  padding: 0;
}
main div.paging ul.pages li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #d9d9d9;
}
main div.paging ul.pages li a {
  display: block;
  font-size: 16px;
  color: #20242e;
  line-height: 20px;
}
main div.paging ul.pages li.active a {
  border-bottom: 2px solid #20242e;
}
main div.paging ul.pages li:last-child {
  border-right: none;
}
main div.paging .btn.disabled {
  pointer-events: none;
  opacity: 0.3;
}
main ul.newslist-horizontal {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
  width: calc(100% + 40px);
  margin-left: -20px;
}
main ul.newslist-horizontal li {
  position: relative;
  float: left;
  padding: 0 10px;
}
main ul.newslist-horizontal li a {
  color: #20242e;
  float: left;
  width: 100%;
}
main ul.newslist-horizontal li article.teaser {
  text-transform: uppercase;
  position: relative;
  float: left;
  width: 100%;
  padding: 0;
  transition: all 0.3s ease;
  background: #ffffff;
  /*border:1px solid fade(@lgrey, 50%);*/
}
main ul.newslist-horizontal li article.teaser:hover {
  transform: scale(1.05);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  z-index: 3;
}
main ul.newslist-horizontal li article.teaser .info {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 5px;
  padding: 10px 10px 0;
}
main ul.newslist-horizontal li article.teaser .category {
  display: block;
}
main ul.newslist-horizontal li article.teaser .category:before {
  display: none;
}
main ul.newslist-horizontal li article.teaser img {
  width: 100%;
}
main ul.newslist-horizontal li article.teaser h2 {
  margin: 0;
  position: static;
  padding: 0 10px 10px;
}
@media only screen and (min-width: 800px) {
  main ul.newslist-horizontal li article.teaser h2 {
    font-size: calc(14px + (16 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (16 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main ul.newslist-horizontal li article.teaser h2 {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main ul.newslist-horizontal li article.teaser h2 {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main ul.newslist-horizontal li:last-child {
  margin-bottom: 0;
}
main ul.newslist-horizontal .slick-list {
  padding: 20px 10px;
}
main ul.newslist-horizontal .slick-arrow {
  width: 30px;
  height: 30px;
  padding: 5px;
  border: 2px solid #20242e;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #ffffff;
}
main ul.newslist-horizontal .slick-arrow svg {
  fill: #20242e;
}
main ul.newslist-horizontal .slick-arrow.slick-next {
  right: -20px;
}
main ul.newslist-horizontal .slick-arrow.slick-prev {
  left: -20px;
}
main ul.newslist-horizontal:hover .slick-arrow.slick-next {
  right: -25px !important;
}
main ul.newslist-horizontal:hover .slick-arrow.slick-prev {
  left: -25px !important;
}
main section.padded,
main section.full,
main .data-contel {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 80px;
}
main section.padded.dark,
main section.full.dark,
main .data-contel.dark {
  background: #20242e;
  color: #ffffff;
}
main section.padded {
  padding: 0 8%;
}
main section.padded .data-contel {
  margin: 0;
}
main section.full > h2.contel-heading {
  padding: 0 8%;
}
main section.full .data-contel {
  margin: 0;
}
main section.team-teaser article {
  float: left;
  position: relative;
}
main section.team-teaser article:first-child {
  position: relative;
  width: 66.666666%;
  float: left;
}
main section.team-teaser article:first-child .teaser-content {
  /*background:fade(@black, 80%);*/
  background: #20242e;
  width: 50%;
}
main section.team-teaser article:first-child .teaser-content h1 {
  margin: 20px 0;
}
@media only screen and (min-width: 800px) {
  main section.team-teaser article:first-child .teaser-content h1 {
    font-size: calc(25px + (40 - 25) * (100vw - 800px) / (1600 - 800));
    line-height: calc(25 * 1.05px + (40 * 1.05 - 25 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.team-teaser article:first-child .teaser-content h1 {
    font-size: 40px;
    line-height: calc(40 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.team-teaser article:first-child .teaser-content h1 {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
main section.team-teaser article:first-child .teaser-content:before {
  content: '';
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  background-image: url('/?proxy=img/circles/circle-full-red-right.svg');
  height: 80%;
  width: 90%;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease;
  pointer-events: none;
}
main section.team-teaser article:first-child .teaser-content:hover:before {
  transform: translate(-50%, -50%) scale(1.1);
}
main section.team-teaser article:first-child .teaser-content div[class^="flag"] {
  float: none;
  padding: 8px 10px 8px;
}
@media only screen and (min-width: 800px) {
  main section.team-teaser article:first-child .teaser-content div[class^="flag"] {
    font-size: calc(14px + (18 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (18 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.team-teaser article:first-child .teaser-content div[class^="flag"] {
    font-size: 18px;
    line-height: calc(18 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.team-teaser article:first-child .teaser-content div[class^="flag"] {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main section.team-teaser article:first-child .teaser-content div[class^="flag"] svg {
  width: 20px;
  height: 20px;
}
main section.team-teaser article:not(:first-child) {
  width: 33.333333%;
}
main section.team-teaser article:not(:first-child) .teaser-content {
  width: 100%;
  background: rgba(32, 36, 46, 0.6);
  justify-content: flex-end;
  padding: 5%;
}
main section.team-teaser article:not(:first-child) .teaser-content h1 {
  margin: 15px 0 0;
}
@media only screen and (min-width: 800px) {
  main section.team-teaser article:not(:first-child) .teaser-content h1 {
    font-size: calc(18px + (24 - 18) * (100vw - 800px) / (1600 - 800));
    line-height: calc(18 * 1.05px + (24 * 1.05 - 18 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.team-teaser article:not(:first-child) .teaser-content h1 {
    font-size: 24px;
    line-height: calc(24 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.team-teaser article:not(:first-child) .teaser-content h1 {
    font-size: 18px;
    line-height: calc(18 * 1.05px);
  }
}
main section.team-teaser article:not(:first-child) .teaser-content a {
  position: static;
  width: 100%;
  display: block;
}
main section.team-teaser article:not(:first-child) .teaser-content a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
main section.team-teaser article:not(:first-child) .teaser-content a:hover:before {
  background: rgba(32, 36, 46, 0.5);
}
main section.team-teaser article:not(:first-child) .teaser-content div[class^="flag"] {
  float: none;
  padding: 6px 8px 5px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 800px) {
  main section.team-teaser article:not(:first-child) .teaser-content div[class^="flag"] {
    font-size: calc(14px + (14 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (14 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main section.team-teaser article:not(:first-child) .teaser-content div[class^="flag"] {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main section.team-teaser article:not(:first-child) .teaser-content div[class^="flag"] {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main section.team-teaser article:not(:first-child) .teaser-content div[class^="flag"] svg {
  width: 17px;
  height: 17px;
}
main section.team-teaser article:not(:first-child) .teaser-content .btn {
  display: none;
}
main ul.date-list {
  list-style: none;
  width: 100%;
  float: left;
  clear: both;
  font-size: 16px;
  margin: 0;
  padding: 0;
}
main ul.date-list li {
  padding: 20px 15px;
  border-bottom: 1px solid #d9d9d9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  /*&:last-child { border:none; border-top:2px solid @lgrey; justify-content: flex-end; padding-bottom:0;
        .cal { float:right; }
      }*/
}
main ul.date-list li:last-child {
  border-bottom: none;
}
main ul.date-list li:first-child {
  padding-top: 0;
}
main ul.date-list li .info {
  flex: 4 1;
  white-space: nowrap;
}
main ul.date-list li .info strong.category {
  font-family: 'DINNextLTPro-Bold';
  display: block;
}
main ul.date-list li .info span.date {
  display: block;
  margin-top: 3px;
}
main ul.date-list li .title {
  text-transform: uppercase;
  color: #20242e;
  flex: 12 0;
}
@media only screen and (min-width: 800px) {
  main ul.date-list li .title {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main ul.date-list li .title {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main ul.date-list li .title {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main ul.date-list li .title a {
  color: #20242e;
  position: relative;
}
main ul.date-list li .title a:before {
  content: '';
  height: 3px;
  width: 0;
  position: absolute;
  bottom: -2px;
  left: 0;
  transition: all 0.3s ease;
  background: #f6c92a;
}
main ul.date-list li .title a:hover:before {
  width: 100%;
}
main ul.date-list li .title .location {
  font-size: 16px;
  display: block;
  font-family: 'DINNextLTPro-Regular';
  text-transform: none;
  margin-top: 3px;
}
main ul.date-list li .cal {
  line-height: 30px;
  flex: 0 2 auto;
}
main ul.date-list li .cal svg {
  float: left;
}
main ul.date-list li .cal span {
  padding-left: 10px;
  display: block;
  float: left;
}
main ul.date-list li.highlight {
  padding-top: 20px;
}
main ul.date-list li.highlight:before {
  content: '';
  background: #f6c92a;
  width: 10px;
  height: calc(100% + 2px);
  top: -1px;
  left: -10px;
  position: absolute;
  z-index: -1;
}
main ul.date-list li.highlight .btn {
  border-color: #f6c92a;
  background: #f6c92a;
}
main ul.date-list li.highlight .btn:before {
  background-color: #20242e;
}
main ul.date-list li.highlight .btn:hover {
  color: #f6c92a;
  border-color: #20242e;
}
main ul.date-list li.highlight .btn:hover svg {
  fill: #f6c92a;
}
main .content-filter-buttons {
  width: 100%;
  float: left;
  clear: both;
  display: block;
  margin: 0 0 60px 0;
  padding: 0;
  overflow: auto;
  white-space: nowrap;
}
main .content-filter-buttons li {
  display: inline-block;
  margin-right: 15px;
}
main .content-filter-buttons li a {
  display: block;
  font-family: 'DINNextLTPro-Bold';
  text-transform: uppercase;
  padding: 12px 15px 10px;
  color: #20242e;
  position: relative;
  transform: perspective(1px) translateZ(0);
}
@media only screen and (min-width: 800px) {
  main .content-filter-buttons li a {
    font-size: calc(14px + (16 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (16 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .content-filter-buttons li a {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .content-filter-buttons li a {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main .content-filter-buttons li a:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #f6c92a;
  transition: all 0.3s ease;
  z-index: -1;
}
main .content-filter-buttons li.active a:before,
main .content-filter-buttons li:hover a:before {
  height: 100%;
  background-color: #f6c92a;
}
main .countdown-box {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  float: left;
  clear: both;
}
main .countdown-box > div {
  text-align: left;
  padding: 0 10% 0 0;
}
main .countdown-box > div strong {
  color: #d9d9d9;
  display: block;
}
@media only screen and (min-width: 800px) {
  main .countdown-box > div strong {
    font-size: calc(40px + (120 - 40) * (100vw - 800px) / (1600 - 800));
    line-height: calc(40 * 1.05px + (120 * 1.05 - 40 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .countdown-box > div strong {
    font-size: 120px;
    line-height: calc(120 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .countdown-box > div strong {
    font-size: 50px;
    line-height: calc(50 * 1.05px);
  }
}
main .countdown-box > div span {
  font-family: 'DINNextLTPro-Light';
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-top: -1vw;
}
main .tv-box {
  display: flex;
  justify-content: space-between;
  width: 100%;
  float: left;
  clear: both;
  max-width: inherit;
  background: #20242e;
  color: #ffffff;
}
main .tv-box .video {
  width: 60%;
}
main .tv-box .text {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 4%;
  position: relative;
  text-align: right;
}
main .tv-box .text * {
  position: relative;
  z-index: 2;
}
main .tv-box .text h2 {
  text-transform: uppercase;
  margin: 0;
}
@media only screen and (min-width: 1200px) {
  main .tv-box .text h2 {
    font-size: calc(20px + (35 - 20) * (100vw - 1200px) / (1920 - 1200));
    line-height: calc(20 * 1.05px + (35 * 1.05 - 20 * 1.05) * (100vw - 1200px) / (1920 - 1200));
  }
}
@media only screen and (min-width: 1920px) {
  main .tv-box .text h2 {
    font-size: 35px;
    line-height: calc(35 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .tv-box .text h2 {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
main .tv-box .text p {
  margin: 6% 0;
}
@media only screen and (min-width: 1200px) {
  main .tv-box .text p {
    font-size: calc(16px + (20 - 16) * (100vw - 1200px) / (1920 - 1200));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 1200px) / (1920 - 1200));
  }
}
@media only screen and (min-width: 1920px) {
  main .tv-box .text p {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .tv-box .text p {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main .tv-box .text .btn {
  align-self: flex-end;
}
main .tv-box .text:before {
  background-image: url('/?proxy=img/circles/circle-quarter-red-top-right.svg');
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-backface-visibility: hidden;
  transition: all 0.3s ease;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  content: '';
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
}
main section.event-wrapper {
  padding-top: 80px;
}
main section.event-wrapper.wm2019 {
  background: url('/?proxy=img/wm_2019_stripes.svg') center bottom -50px #000000;
  background-size: 105%;
  background-repeat: repeat-x;
  color: #ffffff;
  padding-bottom: 15%;
}
main section.event-wrapper.wm2019 h2.contel-heading a {
  color: #ffffff;
}
main section.event-wrapper.wm2019 h2.contel-heading a svg {
  fill: #ffffff;
}
main section.event-wrapper.wm2019 table thead tr th,
main section.event-wrapper.wm2019 table.dataTable thead thead tr th {
  border-color: #ffffff;
}
main section.event-wrapper.wm2019 table tbody tr td div.flag,
main section.event-wrapper.wm2019 table.dataTable thead tbody tr td div.flag {
  border: none;
}
main section.event-wrapper.wm2019 table tbody tr td a.btn.border,
main section.event-wrapper.wm2019 table.dataTable thead tbody tr td a.btn.border {
  border-color: #ffffff;
  color: #ffffff;
}
main section.event-wrapper.wm2019 table tbody tr td a:not(.btn),
main section.event-wrapper.wm2019 table.dataTable thead tbody tr td a:not(.btn) {
  color: #ffffff;
}
main section.event-wrapper.wm2019 table tbody tr td.child,
main section.event-wrapper.wm2019 table.dataTable thead tbody tr td.child {
  background: #242934;
}
main section.event-wrapper.wm2019 table tbody tr.live td a.btn,
main section.event-wrapper.wm2019 table.dataTable thead tbody tr.live td a.btn {
  border-color: #e52f3d;
}
main section.event-wrapper.wm2019 .countdown-box > div strong {
  color: #ffffff;
}
main section.event-wrapper > section:last-child {
  margin-bottom: 0;
}
main .data-contel.half {
  display: flex;
  justify-content: space-between;
}
main .data-contel .col50 {
  width: 48%;
}
main .data-contel .col50 table:not(.tabelle) tbody tr td {
  padding: 10px 20px;
}
main .data-contel figure.teaser {
  margin-bottom: 40px;
}
main .data-contel > .sorting-nav {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  display: block;
  width: 100%;
  float: left;
  clear: both;
}
main .data-contel > .sorting-nav li {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
main .data-contel > .sorting-nav li a {
  display: block;
  font-family: 'DINNextLTPro-Bold';
  text-transform: uppercase;
  padding: 12px 15px 10px;
  color: #20242e;
  border: 2px solid #20242e;
}
@media only screen and (min-width: 800px) {
  main .data-contel > .sorting-nav li a {
    font-size: calc(14px + (16 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (16 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .data-contel > .sorting-nav li a {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .data-contel > .sorting-nav li a {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main .data-contel > .sorting-nav li.active,
main .data-contel > .sorting-nav li:hover {
  background: #20242e;
}
main .data-contel > .sorting-nav li.active a,
main .data-contel > .sorting-nav li:hover a {
  color: #ffffff;
}
main .topplayer-box .header {
  background: #e52f3d;
  color: #ffffff;
  display: flex;
  justify-content: space-evenly;
  position: relative;
  z-index: 1;
  margin-bottom: -8%;
}
main .topplayer-box .header .content {
  width: 50%;
  padding: 3% 3% 11% 8%;
}
main .topplayer-box .header .content .sorting-nav {
  list-style: none;
  margin: 0 0 8%;
  padding: 0;
  display: block;
  width: 100%;
  float: left;
  clear: both;
}
main .topplayer-box .header .content .sorting-nav li {
  float: left;
  margin-right: 15px;
}
main .topplayer-box .header .content .sorting-nav li a {
  display: block;
  font-family: 'DINNextLTPro-Bold';
  text-transform: uppercase;
  padding: 12px 15px 10px;
  color: #ffffff;
  border: 2px solid #ffffff;
}
@media only screen and (min-width: 800px) {
  main .topplayer-box .header .content .sorting-nav li a {
    font-size: calc(14px + (16 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (16 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .topplayer-box .header .content .sorting-nav li a {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .topplayer-box .header .content .sorting-nav li a {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main .topplayer-box .header .content .sorting-nav li.active,
main .topplayer-box .header .content .sorting-nav li:hover {
  background: #ffffff;
}
main .topplayer-box .header .content .sorting-nav li.active a,
main .topplayer-box .header .content .sorting-nav li:hover a {
  color: #e52f3d;
}
main .topplayer-box .header .content .facts {
  width: 100%;
  float: left;
  clear: both;
}
main .topplayer-box .header .content .facts .rank {
  font-size: 120px;
  line-height: 90px;
  float: left;
  margin-bottom: 6%;
}
main .topplayer-box .header .content .facts .name {
  font-size: 40px;
  text-transform: uppercase;
  float: left;
  margin: -4px 0 0 10px;
}
main .topplayer-box .header .content .facts .stat-big {
  display: block;
  clear: both;
  font-size: 30px;
}
main .topplayer-box .header .content .facts .stat-big strong {
  font-size: 60px;
  margin-right: 10px;
}
main .topplayer-box .header .content .facts .stat-small {
  display: inline-block;
  margin-right: 30px;
  font-size: 20px;
}
main .topplayer-box .header .content .facts .stat-small strong {
  margin-right: 10px;
}
main .topplayer-box .header .action-img {
  width: 50%;
  overflow: hidden;
  position: relative;
}
main .topplayer-box .header .action-img img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  height: 100%;
}
main .topplayer-box .header .action-img:before {
  content: '';
  position: absolute;
  top: 20%;
  right: 20%;
  width: 160%;
  height: 200%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: none;
  border: 6px solid #ffffff;
  z-index: 2;
}
main .topplayer-box .player-list {
  list-style: none;
  margin: 0;
  padding: 0 8%;
  position: relative;
  z-index: 2;
}
main .topplayer-box .player-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px;
  background: #ffffff;
  /*border-bottom:1px solid @lgrey;*/
  width: 100%;
}
main .topplayer-box .player-list li .rank {
  flex: 0;
  z-index: 1;
}
@media only screen and (min-width: 800px) {
  main .topplayer-box .player-list li .rank {
    font-size: calc(30px + (40 - 30) * (100vw - 800px) / (1600 - 800));
    line-height: calc(30 * 1.05px + (40 * 1.05 - 30 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .topplayer-box .player-list li .rank {
    font-size: 40px;
    line-height: calc(40 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .topplayer-box .player-list li .rank {
    font-size: 30px;
    line-height: calc(30 * 1.05px);
  }
}
main .topplayer-box .player-list li div.portrait {
  display: block;
  width: 140px;
  flex: 0 140px;
  height: 100px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: -10px 0px -30px -10px;
}
main .topplayer-box .player-list li div.portrait img {
  width: 200px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main .topplayer-box .player-list li .name {
  text-transform: uppercase;
  flex: 3;
  padding-right: 30px;
}
@media only screen and (min-width: 800px) {
  main .topplayer-box .player-list li .name {
    font-size: calc(18px + (25 - 18) * (100vw - 800px) / (1600 - 800));
    line-height: calc(18 * 1.05px + (25 * 1.05 - 18 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .topplayer-box .player-list li .name {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .topplayer-box .player-list li .name {
    font-size: 18px;
    line-height: calc(18 * 1.05px);
  }
}
main .topplayer-box .player-list li .stat {
  font-size: 16px;
  flex: 2;
}
main .topplayer-box .player-list li .stat strong {
  display: block;
}
@media only screen and (min-width: 800px) {
  main .topplayer-box .player-list li .stat strong {
    font-size: calc(20px + (30 - 20) * (100vw - 800px) / (1600 - 800));
    line-height: calc(20 * 1.05px + (30 * 1.05 - 20 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .topplayer-box .player-list li .stat strong {
    font-size: 30px;
    line-height: calc(30 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .topplayer-box .player-list li .stat strong {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
main .spieler-info {
  margin-bottom: 80px;
}
main .spieler-info .action-img {
  position: relative;
  padding-bottom: 40%;
  overflow: hidden;
}
main .spieler-info .action-img img {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
main .spieler-info .facts {
  position: relative;
  padding-bottom: 40%;
  background: #20242e;
}
main .spieler-info .facts:before {
  content: '';
  background: url('/?proxy=img/circles/circle-full-red-right.svg');
  background-size: 100%;
  position: absolute;
  width: 72%;
  left: 14%;
  height: 180%;
  -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  top: -90%;
  z-index: 1;
}
main .spieler-info .facts > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  padding: 4%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main .spieler-info .facts > div.main {
  color: #ffffff;
  text-align: right;
  z-index: 2;
}
main .spieler-info .facts > div.main * {
  display: block;
}
@media only screen and (min-width: 800px) {
  main .spieler-info .facts > div.main .nr {
    font-size: calc(40px + (120 - 40) * (100vw - 800px) / (1600 - 800));
    line-height: calc(40 * 1.05px + (120 * 1.05 - 40 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-info .facts > div.main .nr {
    font-size: 120px;
    line-height: calc(120 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-info .facts > div.main .nr {
    font-size: 40px;
    line-height: calc(40 * 1.05px);
  }
}
main .spieler-info .facts > div.main .name {
  word-spacing: 9999px;
  text-transform: uppercase;
}
@media only screen and (min-width: 800px) {
  main .spieler-info .facts > div.main .name {
    font-size: calc(25px + (60 - 25) * (100vw - 800px) / (1600 - 800));
    line-height: calc(25 * 1.05px + (60 * 1.05 - 25 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-info .facts > div.main .name {
    font-size: 60px;
    line-height: calc(60 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-info .facts > div.main .name {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
main .spieler-info .facts > div.main .position {
  text-transform: uppercase;
  margin-bottom: 4%;
}
@media only screen and (min-width: 800px) {
  main .spieler-info .facts > div.main .position {
    font-size: calc(14px + (25 - 14) * (100vw - 800px) / (1600 - 800));
    line-height: calc(14 * 1.05px + (25 * 1.05 - 14 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-info .facts > div.main .position {
    font-size: 25px;
    line-height: calc(25 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-info .facts > div.main .position {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main .spieler-info .facts > div.main .age,
main .spieler-info .facts > div.main .body {
  margin: 1% 0;
}
@media only screen and (min-width: 800px) {
  main .spieler-info .facts > div.main .age,
  main .spieler-info .facts > div.main .body {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-info .facts > div.main .age,
  main .spieler-info .facts > div.main .body {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-info .facts > div.main .age,
  main .spieler-info .facts > div.main .body {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main .spieler-info .facts > div.side {
  left: 50%;
  background: #ffffff;
  z-index: 2;
}
main .spieler-info .facts > div.side.mCS_no_scrollbar .mCustomScrollBox {
  height: auto;
}
main .spieler-info .facts > div.side dl {
  margin: 0;
  overflow: hidden;
  padding-right: 15px;
}
@media only screen and (min-width: 800px) {
  main .spieler-info .facts > div.side dl {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-info .facts > div.side dl {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-info .facts > div.side dl {
    font-size: 14px;
    line-height: calc(14 * 1.05px);
  }
}
main .spieler-info .facts > div.side dl dt {
  font-family: 'DINNextLTPro-Bold';
  margin-top: 2%;
  padding: 5px 0;
}
main .spieler-info .facts > div.side dl dt:first-child {
  margin: 0;
}
main .spieler-info .facts > div.side dl dd {
  margin: 0;
  padding: 5px 0;
}
main .spieler-info .facts > div.side dl dd a {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 8px;
  margin-right: 5px;
  text-align: center;
  float: left;
  margin-bottom: 5px;
}
main .spieler-info .facts > div.side dl dd a.fb {
  background-color: #3b5998;
}
main .spieler-info .facts > div.side dl dd a.fb:hover {
  background-color: #4c70ba;
  text-decoration: none;
}
main .spieler-info .facts > div.side dl dd a.tw {
  background-color: #1da1f2;
}
main .spieler-info .facts > div.side dl dd a.tw:hover {
  background-color: #4db5f5;
  text-decoration: none;
}
main .spieler-info .facts > div.side dl dd a.ig {
  background-color: #8a3ab9;
}
main .spieler-info .facts > div.side dl dd a.ig:hover {
  background-color: #a25bcb;
  text-decoration: none;
}
main .spieler-info .facts > div.side dl dd .icon {
  width: 100%;
  height: 100%;
  fill: #ffffff;
}
main .spieler-statistik {
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
  clear: both;
  list-style: none;
  margin: 0;
  padding: 0;
}
main .spieler-statistik li {
  text-align: center;
  padding: 0 5%;
}
main .spieler-statistik li strong {
  color: #d9d9d9;
  display: block;
}
@media only screen and (min-width: 800px) {
  main .spieler-statistik li strong {
    font-size: calc(70px + (120 - 70) * (100vw - 800px) / (1600 - 800));
    line-height: calc(70 * 1.05px + (120 * 1.05 - 70 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .spieler-statistik li strong {
    font-size: 120px;
    line-height: calc(120 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .spieler-statistik li strong {
    font-size: 70px;
    line-height: calc(70 * 1.05px);
  }
}
main .spieler-statistik li span {
  font-family: 'DINNextLTPro-Light';
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  margin-top: -1vw;
}
main small.team-bildunterschrift {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  float: left;
  clear: both;
  margin: -40px 0 60px;
  opacity: 0.8;
}
main .kader-team-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
  display: flex;
  justify-content: space-between;
  margin: 0 -2%;
  flex-wrap: wrap;
}
main .kader-team-list li {
  width: 48%;
  overflow: hidden;
  padding: 20px 2% 8px;
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
main .kader-team-list li div.portrait {
  display: block;
  width: 100px;
  height: 110px;
  overflow: hidden;
  position: relative;
  float: left;
  margin: -20px 10px -20px -10px;
}
main .kader-team-list li div.portrait img {
  width: 200px;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
main .kader-team-list li .name {
  display: block;
  text-transform: uppercase;
}
@media only screen and (min-width: 800px) {
  main .kader-team-list li .name {
    font-size: calc(16px + (20 - 16) * (100vw - 800px) / (1600 - 800));
    line-height: calc(16 * 1.05px + (20 * 1.05 - 16 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  main .kader-team-list li .name {
    font-size: 20px;
    line-height: calc(20 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  main .kader-team-list li .name {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
main .kader-team-list li .position {
  font-size: 14px;
  display: block;
}
main .sponsor-box,
main .sps-box {
  width: 100%;
  float: left;
  clear: both;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 28%);
  grid-gap: 60px;
  margin-bottom: 30px;
}
main .sponsor-box .sponsor a,
main .sps-box .sponsor a,
main .sponsor-box .sps a,
main .sps-box .sps a {
  display: block;
  margin-bottom: -10px;
  transition: all 0.3s ease;
}
main .sponsor-box .sponsor a img,
main .sps-box .sponsor a img,
main .sponsor-box .sps a img,
main .sps-box .sps a img {
  width: 100%;
}
main .sponsor-box .sponsor a:hover,
main .sps-box .sponsor a:hover,
main .sponsor-box .sps a:hover,
main .sps-box .sps a:hover {
  transform: scale(1.1);
}
main .sponsor-box .sponsor figcaption,
main .sps-box .sponsor figcaption,
main .sponsor-box .sps figcaption,
main .sps-box .sps figcaption {
  font-size: 16px;
  line-height: 24px;
}
main .sponsor-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  float: left;
  clear: both;
  grid-column-gap: 5%;
}
main .sponsor-bar ul li {
  padding: 0 3%;
}
main .sponsor-bar ul li a {
  display: block;
}
main .sponsor-bar ul li a img {
  width: 100%;
  height: auto;
}
main .sponsor-bar ul.hauptsponsoren {
  margin-bottom: -0.5%;
  grid-template-columns: repeat(6, 1fr);
}
main .sponsor-bar ul.supplier,
main .sponsor-bar ul.partner {
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 4%;
}
main section.static + section.padded.sponsors {
  width: 100%;
  max-width: calc(950px + 16%);
  padding: 0 8% 0;
}
main section.static + section.padded.sponsors ul.sponsor-bar.supplier,
main section.static + section.padded.sponsors ul.sponsor-bar.partner {
  grid-column-gap: 2%;
}
main .fullwidth-banner {
  width: 100%;
  float: left;
  clear: both;
  margin-bottom: 80px;
}
main .fullwidth-banner > * {
  width: 100%;
  height: auto;
  display: block;
}
main .fullwidth-banner > * img {
  width: 100%;
}
main .lagardere-ad-wrapper {
  display: inline-block;
  margin: 50px 0 -10px 0 !important;
}
main .lagardere-ad-wrapper a:hover img {
  transform: scale(1) !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
main .lagardere-ad {
  width: 100%;
  float: left;
  clear: both;
  display: none;
}
main .lagardere-ad a {
  margin: -20px 0 60px 0;
  display: block;
}
main .lagardere-ad a img {
  width: 100%;
  height: auto;
  display: block;
}
main .lagardere-ad img {
  width: 100%;
  height: auto;
  display: block;
}
main footer {
  background: #20242e;
  width: 100%;
  float: left;
  clear: both;
  color: #ffffff;
}
main footer section.padded {
  padding: 4% 8%;
  margin: 0;
}
main footer .sitemap {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fill, 12%);
  grid-gap: 2%;
}
main footer .sitemap li {
  color: #ffffff;
  line-height: 30px;
}
main footer .sitemap li a {
  color: #ffffff;
  font-family: 'DINNextLTPro-Bold';
  text-transform: uppercase;
  position: relative;
  font-size: 14px;
}
main footer .sitemap li a:hover {
  text-decoration: underline;
}
main footer .sitemap li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
main footer .sitemap li ul li {
  padding: 5px 0;
}
main footer .sitemap li ul li a {
  font-family: 'DINNextLTPro-Regular';
  font-size: 12px;
  line-height: 14px;
  text-transform: none;
  display: block;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
main footer .sitemap > li > a {
  border-bottom: 2px solid #ffffff;
}
main footer .legal {
  list-style: none;
  margin: 50px 0 0 ;
  padding: 0;
  float: left;
}
main footer .legal li {
  float: left;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
  border-right: 1px solid #d9d9d9;
}
main footer .legal li a {
  color: #ffffff;
}
main footer .legal li a:hover {
  text-decoration: underline;
}
main footer .legal li:first-child {
  padding-left: 0;
}
main footer .legal li:last-child {
  border: none;
}
main footer .copy {
  font-size: 12px;
  line-height: 20px;
  margin: 50px 30px 0 0;
  float: left;
}
main footer .powered {
  float: right;
  margin-top: 52px;
}
main footer .powered img {
  height: 16px;
  width: auto;
}
.cookie-bar-wrapper {
  position: fixed;
  width: 100%;
  float: left;
  clear: both;
  background: #20242e;
  color: #ffffff;
  z-index: 10000;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 2px solid #ffffff;
}
.cookie-bar-wrapper #cookie-bar {
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  padding: 15px;
  overflow: hidden;
  position: relative;
}
.cookie-bar-wrapper #cookie-bar .cb-enable {
  display: inline-block;
  padding: 13px 20px 10px;
  font-family: 'DINNextLTPro-Bold';
  position: relative;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  color: #ffffff;
  border: 2px solid #ffffff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 800px) {
  .cookie-bar-wrapper #cookie-bar .cb-enable {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  .cookie-bar-wrapper #cookie-bar .cb-enable {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  .cookie-bar-wrapper #cookie-bar .cb-enable {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
.cookie-bar-wrapper #cookie-bar .cb-enable:before {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease;
  z-index: -1;
  background: #ffffff;
}
.cookie-bar-wrapper #cookie-bar .cb-enable:hover {
  color: #20242e;
}
.cookie-bar-wrapper #cookie-bar .cb-enable:hover:before {
  width: 100%;
}
.cookie-bar-wrapper #cookie-bar .cb-disable {
  color: #ffffff;
  font-family: 'DINNextLTPro-Bold';
  text-transform: uppercase;
  padding: 13px 20px 10px;
  float: right;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 190px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 800px) {
  .cookie-bar-wrapper #cookie-bar .cb-disable {
    font-size: calc(12px + (16 - 12) * (100vw - 800px) / (1600 - 800));
    line-height: calc(12 * 1.05px + (16 * 1.05 - 12 * 1.05) * (100vw - 800px) / (1600 - 800));
  }
}
@media only screen and (min-width: 1600px) {
  .cookie-bar-wrapper #cookie-bar .cb-disable {
    font-size: 16px;
    line-height: calc(16 * 1.05px);
  }
}
@media only screen and (max-width: 800px) {
  .cookie-bar-wrapper #cookie-bar .cb-disable {
    font-size: 12px;
    line-height: calc(12 * 1.05px);
  }
}
.cookie-bar-wrapper #cookie-bar .cb-disable:hover {
  text-decoration: underline;
  opacity: 1;
}
.cookie-bar-wrapper #cookie-bar > p,
.cookie-bar-wrapper #cookie-bar h1,
.cookie-bar-wrapper #cookie-bar h2,
.cookie-bar-wrapper #cookie-bar h3,
.cookie-bar-wrapper #cookie-bar h4,
.cookie-bar-wrapper #cookie-bar h5,
.cookie-bar-wrapper #cookie-bar h6 {
  float: left;
  margin: 0;
  font-size: 14px;
  width: 70%;
}
.cookie-bar-wrapper #cookie-bar > p a,
.cookie-bar-wrapper #cookie-bar h1 a,
.cookie-bar-wrapper #cookie-bar h2 a,
.cookie-bar-wrapper #cookie-bar h3 a,
.cookie-bar-wrapper #cookie-bar h4 a,
.cookie-bar-wrapper #cookie-bar h5 a,
.cookie-bar-wrapper #cookie-bar h6 a {
  font-family: 'DINNextLTPro-Bold';
  color: #ffffff;
}
.cookie-bar-wrapper #cookie-bar .cb-policy {
  float: left;
  color: #ffffff;
  font-family: 'DINNextLTPro-Bold';
  margin-top: 10px;
  clear: left;
}
.cookie-bar-wrapper #cookie-bar .cb-policy:hover {
  text-decoration: underline;
}
.backToTop {
  position: fixed;
  right: 40px;
  bottom: 40px;
  display: block;
  z-index: 500;
}
.backToTop a img {
  width: 40px;
  height: auto;
  border: none;
  display: block;
}
body.hasIE-overlay nav,
body.hasIE-overlay main {
  filter: blur(10px);
  position: fixed;
}
body.hasIE-overlay #IE-overlay {
  display: block;
}
#IE-overlay {
  display: none;
  position: fixed;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}
#IE-overlay .wrapper {
  background: white;
  width: 65%;
  margin: 0 auto;
  height: auto;
  min-height: 100%;
  padding: 8%;
  font: 18px/26px 'DINNextLTPro-Regular';
  color: #20242e;
  position: relative;
}
#IE-overlay .wrapper .close {
  position: absolute;
  top: 50px;
  left: 50px;
}
#IE-overlay .wrapper .close a img {
  width: 20px;
  height: 20px;
  border: none;
  opacity: 0.5;
  cursor: pointer;
}
#IE-overlay .wrapper .logo {
  position: absolute;
  top: 50px;
  right: 50px;
}
#IE-overlay .wrapper .logo img {
  width: 120px;
  height: 70px;
  border: none;
}
#IE-overlay .wrapper h1 {
  font-size: 3.5vw;
  line-height: calc(3.5vw * 1.05);
  margin: 30px 0;
  text-transform: uppercase;
  font-feature-settings: "ss01";
}
#IE-overlay .wrapper p {
  margin: 30px 0;
  text-align: left;
}
#IE-overlay .wrapper p a {
  text-decoration: underline;
  color: #20242e;
}
#IE-overlay .wrapper ul {
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 2px 0;
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}
#IE-overlay .wrapper ul li {
  border-bottom: 1px solid #d9d9d9;
  padding: 10px;
  position: relative;
}
#IE-overlay .wrapper ul li:last-child {
  border: none;
}
#IE-overlay .wrapper ul li img {
  width: 14px;
  height: 14px;
  border: none;
  display: inline-block;
  margin-bottom: -2px;
}
#IE-overlay .wrapper ul li a {
  color: #20242e;
  line-height: 30px;
  padding-left: 10px;
  display: inline-block;
}
/* './mnt/efs/?proxy=laola1/cms-core//src/LAOLA1/CmsCore/Plugin/OnSiteSearchExtended/Fe/css/onSiteSearchExtended.less.' */
.searchApi .searchError,
.searchApi .searchText,
.searchApi .searchLoader {
  display: none;
}
/* './mnt/efs/?proxy=css/responsive.less.' */
@media screen and (max-width: 1360px) {
  main footer .sitemap {
    grid-template-columns: repeat(auto-fill, 23%);
  }
  #IE-overlay .wrapper .close {
    top: 25px;
    left: 25px;
  }
  #IE-overlay .wrapper .logo {
    top: 25px;
    right: 25px;
  }
}
@media screen and (max-width: 1200px) {
  .hide-tablet-ls {
    display: none !important;
  }
  .btn.large {
    padding: 12px 20px 10px;
  }
  .btn.large svg {
    width: 20px;
    height: 20px;
    margin-bottom: -5px;
  }
  main h2.contel-heading {
    margin-bottom: 20px;
  }
  main section.big-picture ul.newslist {
    border: none;
  }
  main section.big-picture ul.newslist li {
    width: 50%;
    border-bottom: 1px solid #ffffff;
  }
  main section.big-picture ul.newslist li:nth-child(even) {
    border-right: none;
  }
  main section.big-picture.spielankuendigung .fixture .info h2 .flag {
    width: 50px;
    height: 50px;
    border-width: 3px;
  }
  main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn {
    width: 40%;
  }
  main section.news figure.teaser[class*="circle-"]:not(.link),
  main section.static figure.teaser[class*="circle-"]:not(.link) {
    height: 180px;
  }
  main section.news figure.teaser[class*="circle-"]:not(.link) h1,
  main section.static figure.teaser[class*="circle-"]:not(.link) h1 {
    padding-right: 15%;
  }
  main ul.newslist-archive li article.teaser img {
    width: 45%;
  }
  main ul.newslist-archive li article.teaser p {
    display: none;
  }
  main section.team-teaser article:first-child {
    width: 100%;
  }
  main section.team-teaser article:not(:first-child) {
    width: 50%;
  }
  main section.news .contact-wrapper figure.contact figcaption,
  main section.static .contact-wrapper figure.contact figcaption {
    width: auto;
  }
  main section.news .contact-wrapper figure.contact figcaption .info,
  main section.static .contact-wrapper figure.contact figcaption .info {
    clear: both;
    padding: 0;
    margin-bottom: 5px;
    border: none;
  }
  main section.news .contact-wrapper figure.contact figcaption .info strong,
  main section.static .contact-wrapper figure.contact figcaption .info strong {
    display: inline-block;
    width: 50px;
    margin-right: 10px;
  }
  main .tv-box .text p {
    display: none;
  }
  main .tv-box .text h2 {
    margin-bottom: 30px;
  }
  main .topplayer-box .header .content .sorting-nav {
    margin-bottom: 14%;
  }
  main .topplayer-box .header .content .facts .rank {
    font-size: 80px;
    line-height: 56px;
    margin-bottom: 8%;
  }
  main .topplayer-box .header .content .facts .name {
    font-size: 28px;
    line-height: 30px;
  }
  main .topplayer-box .header .content .facts .stat-big strong {
    font-size: 45px;
  }
  main small.team-bildunterschrift {
    margin: -20px 0 40px 0;
  }
  main .data-contel.half {
    flex-wrap: wrap;
  }
  main .data-contel .col50 {
    width: 100%;
  }
  main .data-contel .col50:first-child {
    margin-bottom: 40px;
  }
  main .data-contel .col50 table tbody tr td .teams span.break,
  main .data-contel .col50 table.dataTable tbody tr td .teams span.break,
  main .data-contel .col50 table tbody tr td .team span.break,
  main .data-contel .col50 table.dataTable tbody tr td .team span.break {
    max-width: inherit;
  }
  main .data-contel figure.teaser {
    margin-bottom: 20px;
  }
  main .sponsor-box,
  main .sps-box {
    grid-template-columns: repeat(auto-fill, 46%);
    grid-gap: 4%;
  }
}
@media screen and (max-width: 960px) {
  .hide-tablet {
    display: none !important;
  }
  .hide-desktop-only {
    display: inline-block !important;
  }
  figure.teaser.circle-quarter-red-top-right img,
  article.teaser.circle-quarter-red-top-right img {
    width: 100%;
  }
  figure.teaser.circle-quarter-red-top-right .teaser-content,
  article.teaser.circle-quarter-red-top-right .teaser-content {
    background: #20242e;
    position: relative;
    width: 100%;
    left: auto;
    height: auto;
    padding: 20px 10px;
  }
  form fieldset label:not(.btn) {
    width: 40%;
  }
  form fieldset .selectbutton,
  form fieldset .input-wrapper,
  form fieldset input[type="text"],
  form fieldset input[type="email"],
  form fieldset input[type="password"],
  form fieldset textarea {
    width: 60%;
  }
  form fieldset textarea {
    min-width: 60%;
    max-width: 60%;
  }
  form fieldset input[type="file"] + label {
    max-width: inherit;
  }
  form fieldset .errormsg {
    width: 100% !important;
    padding: 0 !important;
  }
  body > nav {
    width: 25%;
  }
  body > nav > ul.level-1 {
    width: 100%;
  }
  main {
    padding-left: 25%;
  }
  main section.news h2,
  main section.static h2,
  main section.news h3,
  main section.static h3,
  main section.news h4,
  main section.static h4,
  main section.news h5,
  main section.static h5,
  main section.news h6,
  main section.static h6 {
    width: 100%;
    float: left;
    clear: both;
  }
  main section.news h2,
  main section.static h2 {
    font-size: 20px;
  }
  main section.news p,
  main section.static p {
    width: 100%;
    float: left;
    clear: both;
  }
  main section.news .contel50.left,
  main section.static .contel50.left,
  main section.news .contel50.right,
  main section.static .contel50.right {
    width: 100%;
    padding: 20px 0;
  }
  main section.news .contel50.lagardere-ad-wrapper,
  main section.static .contel50.lagardere-ad-wrapper {
    margin: 0 0 -80px 0 !important;
    float: none !important;
    max-width: 300px;
  }
  main section.news figure.teaser h1,
  main section.static figure.teaser h1 {
    margin-bottom: 0;
  }
  main section.news figure.teaser.link h2,
  main section.static figure.teaser.link h2 {
    margin-top: 5px;
  }
  main section.news figure.teaser.link .info,
  main section.static figure.teaser.link .info {
    font-size: 14px;
  }
  main section.news figure.teaser[class*="circle-"]:not(.link),
  main section.static figure.teaser[class*="circle-"]:not(.link) {
    height: 145px;
  }
  main section.news ul.anchor-nav li,
  main section.static ul.anchor-nav li {
    width: 100%;
  }
  main .pagenav-wrapper {
    left: 25%;
  }
  main section.big-picture > article.teaser .teaser-content p {
    display: none;
  }
  main .content-filter-dropdown form fieldset {
    text-align: center;
  }
  main .content-filter-dropdown form fieldset .form-group {
    width: 100%;
    /*margin-bottom:15px;*/
    padding: 0;
    text-align: left;
  }
  main .content-filter-dropdown form fieldset .form-group label {
    width: 30%;
  }
  main .content-filter-dropdown form fieldset .form-group .selectbutton {
    width: 70%;
  }
  main .content-filter-dropdown form fieldset .form-group.doubleFilter label {
    width: 100%;
  }
  main .content-filter-dropdown form fieldset .form-group.doubleFilter .selectbutton {
    width: 48%;
    font-size: 14px;
  }
  main .content-filter-dropdown form fieldset .form-group.doubleFilter .selectbutton select {
    min-width: inherit;
  }
  main .content-filter-dropdown form fieldset .form-group.doubleFilter .selectbutton + .selectbutton {
    margin-left: 4%;
  }
  main .content-filter-dropdown form fieldset .btn {
    display: inline-block;
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  main .topplayer-box .player-list li .rank {
    margin-right: 15px;
  }
  main .topplayer-box .player-list li div.portrait {
    display: none;
  }
  main .topplayer-box .header {
    flex-direction: column-reverse;
  }
  main .topplayer-box .header .content {
    width: 100%;
  }
  main .topplayer-box .header .content .sorting-nav {
    margin-bottom: 6%;
  }
  main .topplayer-box .header .content .facts .rank {
    margin-bottom: 5%;
  }
  main .topplayer-box .header .content .facts .stat-big {
    font-size: 25px;
  }
  main .topplayer-box .header .content .facts .stat-big strong {
    font-size: 35px;
  }
  main .topplayer-box .header .action-img {
    overflow: hidden;
    width: 100%;
  }
  main .topplayer-box .header .action-img:before {
    top: 20%;
    right: 10%;
    width: 80%;
    height: 184.43%;
    border-width: 3px;
  }
  main .topplayer-box .header .action-img img {
    position: relative;
    display: block;
    height: auto;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  main .spieler-info .facts {
    padding: 0;
  }
  main .spieler-info .facts:before {
    width: 70%;
    left: 10%;
    height: 85%;
    top: -42.5%;
    background-repeat: no-repeat;
  }
  main .spieler-info .facts > div {
    position: relative;
    width: 100%;
    left: auto;
    top: 0;
  }
  main .spieler-info .facts > div.side {
    left: auto;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
  }
  main .spieler-info .facts > div.main {
    text-align: left;
  }
  main footer .sitemap {
    grid-template-columns: repeat(auto-fill, 24%);
  }
}
/* MOBILE */
@media screen and (max-width: 800px) {
  .hide-mobile {
    display: none !important;
  }
  .hide-desktop {
    display: inline-block !important;
  }
  form fieldset p.errormsg {
    height: auto;
    margin: 0 !important;
  }
  form fieldset label:not(.btn) {
    width: 100%;
    margin-bottom: 0;
  }
  form fieldset .selectbutton,
  form fieldset .input-wrapper,
  form fieldset input[type="text"],
  form fieldset input[type="email"],
  form fieldset input[type="password"],
  form fieldset textarea {
    width: 100%;
  }
  form fieldset textarea {
    min-width: 100%;
    max-width: 100%;
  }
  .btn:not(.small) svg.icon {
    width: 20px;
    height: 20px;
  }
  figure.teaser .teaser-content div[class^="flag"],
  article.teaser .teaser-content div[class^="flag"] {
    padding: 11px 15px 9px;
  }
  figure.teaser .teaser-content div[class^="flag"] svg.icon,
  article.teaser .teaser-content div[class^="flag"] svg.icon {
    width: 20px;
    height: 20px;
    float: left;
    margin: -3px 5px 0px 0;
  }
  body > header {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(32, 36, 46, 0.1);
    z-index: 500;
  }
  body > header .logo {
    height: 40px;
    width: auto;
    float: left;
  }
  body > header .logo img {
    height: 100%;
    width: auto;
  }
  body > header .toggle-nav {
    float: right;
    margin: 10px 0 0 20px;
  }
  body > header .toggle-nav svg {
    width: 20px;
    height: 20px;
    fill: #20242e;
  }
  body > header .toggle-nav .icon-close {
    display: none;
    margin-left: 3px;
  }
  body > header .toggle-nav .icon-menu {
    width: 23px;
  }
  body > header .toggle-nav.open .icon-close {
    display: block;
  }
  body > header .toggle-nav.open .icon-menu {
    display: none;
  }
  body > header .search {
    margin: 10px 0 0 0;
    float: right;
  }
  body > header .search button {
    float: right;
    width: 20px;
    height: 20px;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
  }
  body > header .search button svg {
    width: 20px;
    height: 20px;
    fill: #20242e;
  }
  body > header .search input {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid rgba(32, 36, 46, 0.1);
    height: 60px;
    font-size: 16px;
    padding: 0 20px;
    font-family: 'DINNextLTPro-Regular';
  }
  body > nav {
    width: 400%;
    left: 0;
    top: 60px;
    display: none;
    z-index: 105;
  }
  body > nav .logo {
    display: none;
  }
  body > nav .mobile-nav-back {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 15px;
    background: #ffffff;
    z-index: 11;
    height: 52px;
    line-height: 52px;
    color: #20242e;
  }
  body > nav .mobile-nav-back svg {
    fill: #20242e;
    width: 16px;
    height: 16px;
    float: left;
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-backface-visibility: hidden;
    margin: 18px 5px 0 0;
  }
  body > nav .mobile-nav-back span {
    font-size: 14px;
    float: left;
    padding-top: 0.17em;
  }
  body > nav ul:not(.social) {
    padding: 20px;
    transition: all 0.3s ease;
    z-index: 1;
  }
  body > nav ul:not(.social) li {
    padding: 0;
  }
  body > nav ul:not(.social) li.open > ul {
    z-index: 9;
    width: 101%;
    margin-left: -1%;
  }
  body > nav ul:not(.social) li.close-nav {
    display: none;
  }
  body > nav ul:not(.social) li.has-sub.open > a {
    position: absolute;
    left: 100%;
    font-family: 'DINNextLTPro-Bold';
    background: #ffffff;
    color: #20242e;
    text-decoration: none;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 52px;
    text-align: center;
    line-height: 52px;
    max-width: 50%;
    margin: 0 25%;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  body > nav ul:not(.social) li.has-sub.open > a svg {
    display: none;
  }
  body > nav ul:not(.social) li a {
    font-size: 14px;
  }
  body > nav ul:not(.social) li a.external:before {
    width: 12px;
    height: 12px;
  }
  body > nav ul.level-1 {
    width: 25%;
    transition: all 0.3s ease;
    opacity: 9;
    background: #ffffff;
    height: calc(100% - 60px);
  }
  body > nav ul.level-1 > li .search {
    display: none;
  }
  body > nav ul.level-1 > li > ul {
    padding-top: 72px;
  }
  body > nav ul.level-1 > li > ul > li > ul {
    padding-top: 72px;
  }
  body > nav ul.level-1 > li > ul > li > ul > li > ul {
    padding-top: 72px;
  }
  body > nav ul.level-1.active-level-1 {
    transform: translatex(-100%);
  }
  body > nav ul.level-1.active-level-2 {
    transform: translatex(-200%);
  }
  body > nav ul.level-1.active-level-3 {
    transform: translatex(-300%);
  }
  body > nav ul.level-2,
  body > nav ul.level-3,
  body > nav ul.level-4 {
    min-height: 100%;
    height: auto;
  }
  body > nav ul.level-2:before,
  body > nav ul.level-3:before,
  body > nav ul.level-4:before {
    content: '';
    width: 100%;
    height: 52px;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
  }
  body > nav ul.level-2.flex,
  body > nav ul.level-3.flex,
  body > nav ul.level-4.flex {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }
  body > nav ul.level-2.flex > li,
  body > nav ul.level-3.flex > li,
  body > nav ul.level-4.flex > li {
    margin-bottom: 0;
  }
  body > nav ul.level-2.flex .flex,
  body > nav ul.level-3.flex .flex,
  body > nav ul.level-4.flex .flex {
    height: 100%;
  }
  main {
    padding: 60px 0 0 0;
    /* MELDUNG */
    /* STARTSEITE BIG PICTURE*/
    /* STATISCHE SEITEN */
    /************************/
    /*                      */
    /*        DATEN         */
    /*                      */
    /************************/
  }
  main.hasPageNav {
    padding: 110px 0 0 0;
  }
  main section.news,
  main section.static {
    padding: 15px 15px 0;
  }
  main section.news h1,
  main section.static h1,
  main section.news h2,
  main section.static h2,
  main section.news h3,
  main section.static h3,
  main section.news h4,
  main section.static h4,
  main section.news h5,
  main section.static h5,
  main section.news h6,
  main section.static h6,
  main section.news p,
  main section.static p {
    margin: 20px 0;
  }
  main section.news figure.teaser[class*="circle-"]:not(.link),
  main section.static figure.teaser[class*="circle-"]:not(.link) {
    height: 100px;
  }
  main section.news figure.teaser[class*="circle-"]:not(.link) h1,
  main section.static figure.teaser[class*="circle-"]:not(.link) h1 {
    padding-right: 15%;
  }
  main section.news .contel50.left,
  main section.static .contel50.left,
  main section.news .contel50.right,
  main section.static .contel50.right {
    width: 100%;
    padding: 0;
  }
  main section.news .contel50.lagardere-ad-wrapper,
  main section.static .contel50.lagardere-ad-wrapper {
    padding: 20px 0;
    margin: 0 0 -60px 0 !important;
  }
  main section.news .contact-wrapper figure.contact img,
  main section.static .contact-wrapper figure.contact img {
    width: 20%;
  }
  main section.news .contact-wrapper figure.contact figcaption,
  main section.static .contact-wrapper figure.contact figcaption {
    width: 80%;
  }
  main table thead tr th,
  main table.dataTable thead tr th {
    font-size: 15px;
    padding: 0 15px;
    line-height: 50px;
  }
  main table tbody tr td,
  main table.dataTable tbody tr td {
    font-size: 15px;
    padding: 15px;
  }
  main table tbody tr td div.portrait,
  main table.dataTable tbody tr td div.portrait {
    display: none;
  }
  main table tbody tr td .teams .fixedWidth,
  main table.dataTable tbody tr td .teams .fixedWidth {
    width: 100%;
    text-align: left !important;
    display: block;
    max-width: 140px;
  }
  main table tbody tr td .team .fixedWidth,
  main table.dataTable tbody tr td .team .fixedWidth {
    width: 100%;
    max-width: 150px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    text-align: left;
  }
  main table.specialEvent thead tr th,
  main table.dataTable.specialEvent thead tr th {
    padding: 0 10px;
  }
  main table.specialEvent tbody tr td,
  main table.dataTable.specialEvent tbody tr td {
    padding: 15px 10px;
  }
  main table.specialEvent tbody tr td .teams div.flag,
  main table.dataTable.specialEvent tbody tr td .teams div.flag,
  main table.specialEvent tbody tr td .team div.flag,
  main table.dataTable.specialEvent tbody tr td .team div.flag {
    display: inline-block !important;
    margin: 0 5px -6px;
    width: 22px;
    height: 22px;
  }
  main table.specialEvent tbody tr td td .teams .teamname.short,
  main table.dataTable.specialEvent tbody tr td td .teams .teamname.short {
    width: 30px;
  }
  main table.specialEvent > tbody > tr[role="row"] > td:first-child,
  main table.dataTable.specialEvent > tbody > tr[role="row"] > td:first-child {
    padding-left: 30px;
  }
  main table.tabelle thead tr th,
  main table.dataTable.tabelle thead tr th {
    padding: 0 5px;
  }
  main table.tabelle tbody tr td,
  main table.dataTable.tabelle tbody tr td {
    padding: 15px 5px;
    font-size: 13px;
  }
  main table.tabelle tbody tr.flag-aufstieg td:first-child,
  main table.dataTable.tabelle tbody tr.flag-aufstieg td:first-child,
  main table.tabelle tbody tr.flag-abstieg td:first-child,
  main table.dataTable.tabelle tbody tr.flag-abstieg td:first-child {
    font-size: 13px;
  }
  main .dataTables_wrapper + .dataTables_wrapper {
    margin-top: 40px;
  }
  main .dataTables_wrapper + h2.contel-heading {
    margin-top: 40px;
  }
  main .dataTables_filter {
    width: 100%;
  }
  main .dataTables_filter label {
    text-indent: -9999px;
    width: 100%;
  }
  main .dataTables_filter label:before {
    margin-right: 0;
  }
  main .dataTables_filter input[type="search"] {
    width: calc(100% - 30px);
    margin: 0;
  }
  main .data-contel .col50 table tbody tr td .teams span.break,
  main .data-contel .col50 table.dataTable tbody tr td .teams span.break,
  main .data-contel .col50 table tbody tr td .team span.break,
  main .data-contel .col50 table.dataTable tbody tr td .team span.break {
    max-width: 145px;
  }
  main table.dataTable tr.dtrg-group td,
  main table.dataTable.dataTable tr.dtrg-group td {
    font-size: 16px;
  }
  main section.big-picture > article.teaser.circle-full-red-right .teaser-content {
    background: #20242e;
    position: relative;
    width: 100%;
    top: 50%;
    left: auto;
    right: auto;
    height: auto;
    padding: 40px 20px 40px;
    border-bottom: 1px solid #ffffff;
  }
  main section.big-picture > article.teaser.circle-full-red-right .teaser-content:before {
    transform: translate(-50%, -50%) rotate(90deg);
    width: 170px;
    height: 170px;
    top: 0;
    left: 50%;
  }
  main section.big-picture > article.teaser.circle-full-red-right .teaser-content .teaser-content:hover:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
  }
  main section.big-picture ul.newslist li {
    width: 100%;
    padding: 20px;
  }
  main section.big-picture .fixture .info {
    background: #20242e;
    position: relative;
    width: 100%;
    top: 50%;
    left: auto;
    right: auto;
    height: auto;
    padding: 40px 20px 40px;
    border-bottom: 2px solid #666666;
  }
  main section.big-picture .fixture .info:before {
    transform: translate(-50%, -50%) rotate(90deg);
    width: 250px;
    height: 250px;
    top: 0;
    left: 50%;
  }
  main section.big-picture .fixture .info .info:hover:before {
    transform: translate(-50%, -50%) rotate(90deg) scale(1.1);
  }
  main section.big-picture .fixture .info h1 {
    margin: 20px 0;
  }
  main section.big-picture .fixture .info h1 span {
    display: inline-block;
    margin: 0 10px;
  }
  main section.big-picture .fixture .info h1 span:first-child {
    margin-left: 0;
  }
  main section.big-picture.spielankuendigung .fixture .img-wrapper {
    width: 100%;
    height: 40%;
  }
  main section.big-picture.spielankuendigung .fixture .info {
    width: 100%;
    height: 60%;
    top: auto;
    padding: 0 10px;
  }
  main section.big-picture.spielankuendigung .fixture .info .category {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
  }
  main section.big-picture.spielankuendigung .fixture .info h2 {
    margin: 20px 0;
  }
  main section.big-picture.spielankuendigung .fixture .info h2 .flag {
    width: 40px;
    height: 40px;
    margin: 0 20px;
  }
  main section.big-picture.spielankuendigung .fixture .info .btn-wrapper {
    /* .btn.tv.link { width: 83%;
                 max-width: inherit;
                 display: flex;
                 flex-direction: row;
                 align-items: center;
                 justify-content: center;
                 .tv-logo { margin:0 0 0 10px; }
                 span { margin:0; }
               }*/
  }
  main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn {
    width: auto;
    margin: 0 5px;
    padding-right: 15px;
    padding-let: 15px;
    min-height: inherit;
  }
  main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn.tv-link span {
    margin-top: -8px;
    font-size: 9px;
  }
  main section.big-picture.spielankuendigung .fixture .info .btn-wrapper .btn.tv-link .tv-logo {
    height: 18px;
    margin-bottom: -5px;
  }
  main section.big-picture.spielankuendigung + .padded {
    margin-top: 20px;
  }
  main section.padded,
  main section.full,
  main .data-contel {
    margin-bottom: 40px;
  }
  main section.padded {
    padding: 15px 15px 0;
  }
  main h2.contel-heading a {
    margin: 0 0 -1px 10px;
  }
  main .pagenav-wrapper {
    left: 0;
    top: 60px;
    height: 51px;
  }
  main .pagenav {
    display: block;
    position: relative;
    z-index: 100;
  }
  main .pagenav .breadcrumbs {
    width: 50%;
    float: left;
  }
  main .pagenav .breadcrumbs li {
    padding: 20px 15px 15px;
    height: 50px;
    border: none;
  }
  main .pagenav .siblings-wrapper {
    width: 50%;
    float: left;
    height: 50px;
    position: relative;
    overflow: visible;
  }
  main .pagenav .siblings-wrapper .siblings {
    padding-top: 50px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: #ffffff;
    white-space: inherit;
  }
  main .pagenav .siblings-wrapper .siblings li {
    display: block;
    padding: 20px 15px 15px;
    height: 50px;
    width: 100%;
  }
  main .pagenav .siblings-wrapper .siblings li.active {
    position: absolute;
    top: 0;
    left: 0;
  }
  main .pagenav .siblings-wrapper .siblings li.active a {
    border: none;
  }
  main .pagenav .siblings-wrapper .siblings li.active:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('/?proxy=img/icons/icon-arrow-down.svg') 0 0 no-repeat;
    position: absolute;
    top: 17px;
    right: 15px;
    background-size: 100%;
  }
  main .pagenav .siblings-wrapper .siblings li.active:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
  main .pagenav .siblings-wrapper .siblings:hover {
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  }
  main .contentnav {
    height: 50px;
    z-index: 100;
  }
  main .contentnav ul {
    width: 100%;
    position: relative;
    float: left;
    height: 50px;
    padding-top: 50px;
    position: absolute;
    top: 0;
    right: 0;
  }
  main .contentnav ul li {
    display: block;
    padding: 0 10px;
    height: 50px;
    width: 100%;
    background: #ffffff;
  }
  main .contentnav ul li a {
    padding: 0;
    line-height: 50px;
  }
  main .contentnav ul li.active {
    position: absolute;
    top: 0;
    left: 0;
    background: none;
  }
  main .contentnav ul li.active a {
    border: none;
    background: none;
  }
  main .contentnav ul li.active:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('/?proxy=img/icons/icon-arrow-down.svg') 0 0 no-repeat;
    position: absolute;
    top: 17px;
    right: 15px;
    background-size: 100%;
  }
  main .contentnav ul li.active:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
  }
  main .contentnav ul:hover {
    height: auto;
    -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  }
  main .data-contel > .sorting-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  main .data-contel > .sorting-nav li {
    margin-right: 0;
    flex: 0 0 calc(50% - 7px);
    text-align: center;
  }
  main ul.newslist-archive li article.teaser {
    padding: 30px 0 27px;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
  }
  main ul.newslist-archive li article.teaser img {
    width: 100%;
    margin: 0 0 10px 0;
  }
  main ul.newslist-archive li article.teaser p {
    line-height: 20px;
  }
  main ul.newslist-archive li:first-child article.teaser {
    padding-top: 0;
  }
  main ul.newslist-horizontal {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
  main ul.newslist-horizontal .slick-list {
    padding: 0;
  }
  main ul.newslist-horizontal .slick-dots {
    padding: 0 20px;
    text-align: center;
    bottom: 0;
  }
  main ul.newslist-horizontal .slick-dots li {
    margin: 0 3px;
    padding: 0;
    width: 7px;
    height: 7px;
    display: inline-block;
    float: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  main ul.newslist-horizontal .slick-dots li button {
    background: #ffffff;
    border: 1px solid #20242e;
    width: 7px;
    height: 7px;
    padding: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  main ul.newslist-horizontal .slick-dots li button:before {
    display: none;
  }
  main ul.newslist-horizontal .slick-dots li.slick-active button {
    background: #e52f3d;
  }
  main ul.newslist-horizontal li article.teaser:hover {
    transform: none;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  main ul.newslist-horizontal li article.teaser .info {
    padding: 10px 0 0;
  }
  main ul.newslist-horizontal li article.teaser h2 {
    padding: 0 0 20px 0;
  }
  main ul.date-list li {
    display: block;
    position: relative;
  }
  main ul.date-list li .info {
    width: 100%;
  }
  main ul.date-list li .title {
    width: 100%;
    display: block;
    margin: 15px 0 0 0;
    font-size: 18px;
  }
  main ul.date-list li .title .localtion {
    margin-top: 5px;
  }
  main ul.date-list li .cal {
    position: absolute;
    top: 0px;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 8px;
    margin: 15px 0 0 0;
  }
  main ul.date-list li .cal svg {
    margin: 0;
  }
  main ul.date-list li:last-child .cal {
    position: relative;
    width: auto;
    height: auto;
    padding: 12px 20px 10px;
  }
  main ul.date-list li:last-child .cal span {
    display: block !important;
  }
  main ul.date-list li:last-child .cal svg {
    margin: 4px 0 0 0;
  }
  main section.team-teaser article {
    float: left;
    position: relative;
  }
  main section.team-teaser article:first-child .teaser-content {
    background: #20242e;
    position: relative;
    width: 100%;
    top: 50%;
    left: auto;
    right: auto;
    height: auto;
    padding: 40px 20px 40px;
    border-bottom: 1px solid #ffffff;
  }
  main section.team-teaser article:first-child .teaser-content:before {
    transform: translate(-50%, -50%) rotate(90deg);
    width: 250px;
    height: 250px;
    top: 0;
    left: 50%;
  }
  main section.team-teaser article:not(:first-child) {
    width: 100%;
  }
  main section.team-teaser article:not(:first-child) img {
    display: none;
  }
  main section.team-teaser article:not(:first-child) .teaser-content {
    background: #20242e;
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #ffffff;
  }
  main section.team-teaser article:not(:first-child) .teaser-content h1 {
    margin: 10px 0 0;
  }
  main section.team-teaser article:nth-child(2) .teaser-content {
    padding-top: 20px;
  }
  main section.team-teaser article:last-child .teaser-content {
    padding-bottom: 20px;
  }
  main .tv-box {
    flex-direction: column-reverse;
  }
  main .tv-box .video {
    width: 100%;
  }
  main .tv-box .text {
    width: 100%;
    padding: 40px 20px;
    text-align: left;
  }
  main .tv-box .text .btn {
    align-self: flex-start;
  }
  main .countdown-box > div {
    padding: 0;
    width: 25%;
    text-align: center;
  }
  main .table-search {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  main .table-search label {
    display: flex;
    width: 100%;
  }
  main .table-search input[type="text"] {
    margin-left: 0;
    width: 80%;
    min-width: inherit;
  }
  main .table-search .btn {
    width: 45px;
  }
  main .topplayer-box .player-list {
    padding: 0 20px;
  }
  main .topplayer-box .player-list li {
    padding: 20px;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
  }
  main .topplayer-box .player-list li .rank {
    margin-right: 15px;
    font-size: 30px;
    line-height: 30px;
    float: left;
  }
  main .topplayer-box .player-list li .name {
    white-space: nowrap;
    float: left;
    line-height: 30px;
    font-size: 20px;
  }
  main .topplayer-box .player-list li .name + .stat {
    clear: left;
  }
  main .topplayer-box .player-list li .stat {
    float: left;
    font-size: 14px;
    margin: 10px 15px 0 0;
  }
  main .topplayer-box .player-list li .stat strong {
    display: inline;
    font-size: 18px;
    margin: 0 5px 0 0;
  }
  main .topplayer-box .player-list li:last-child {
    border: none;
  }
  main .topplayer-box .header {
    margin-bottom: -60px;
  }
  main .topplayer-box .header .content {
    padding: 20px 20px 80px;
  }
  main .topplayer-box .header .content .sorting-nav {
    margin-bottom: 35px;
  }
  main .topplayer-box .header .content .facts .rank {
    margin-bottom: 30px;
    font-size: 70px;
    line-height: 36px;
  }
  main .topplayer-box .header .content .facts .name {
    font-size: 25px;
    line-height: 25px;
  }
  main .topplayer-box .header .content .facts .stat-big,
  main .topplayer-box .header .content .facts .stat-small {
    font-size: 14px;
    text-align: left;
    float: left;
    margin: 0 15px 0 0;
  }
  main .topplayer-box .header .content .facts .stat-big strong,
  main .topplayer-box .header .content .facts .stat-small strong {
    font-size: 25px;
    margin: 0 5px 0 0;
  }
  main .spieler-info {
    margin-bottom: 40px;
  }
  main .spieler-info .facts:before {
    width: 260px;
    left: 50%;
    margin-left: -130px;
    height: 260px;
    top: -130px;
  }
  main .spieler-info .facts > div {
    position: relative;
    width: 100%;
    left: auto;
    top: 0;
    padding: 20px;
  }
  main .spieler-info .facts > div.main .name {
    word-spacing: inherit;
  }
  main .kader-team-list li {
    width: 100%;
  }
  main .kader-team-list li .name {
    word-spacing: 9999px;
  }
  main .kader-team-list li div.portrait {
    width: 75px;
    height: 91px;
  }
  main .kader-team-list li div.portrait img {
    width: 160px;
  }
  main .sponsor-box,
  main .sps-box {
    display: block;
    width: 100%;
  }
  main .sponsor-box .sponsor,
  main .sps-box .sponsor,
  main .sponsor-box .sps,
  main .sps-box .sps {
    margin-bottom: 40px;
  }
  main .sponsor-box .sponsor a,
  main .sps-box .sponsor a,
  main .sponsor-box .sps a,
  main .sps-box .sps a {
    width: 80%;
    margin: 0 auto 10px;
  }
  main .sponsor-bar ul {
    margin: 0 0 30px 0;
  }
  main .sponsor-bar ul.hauptsponsoren {
    grid-template-columns: auto auto auto;
    grid-column-gap: 5%;
  }
  main .sponsor-bar ul.supplier {
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 5%;
  }
  main .sponsor-bar ul.partner {
    grid-template-columns: auto auto auto auto;
    grid-column-gap: 5%;
  }
  main .sponsor-bar ul:last-child {
    margin: 0;
  }
  main section.event-wrapper.wm2019 {
    background-size: 200%;
    padding-bottom: 80px;
  }
  main .fullwidth-banner {
    margin-bottom: 40px;
  }
  main .lagardere-ad a {
    margin: -20px 0 40px 0;
  }
  main footer section.padded {
    padding: 30px 15px;
  }
  main footer ul.sitemap {
    display: block;
  }
  main footer ul.sitemap li {
    display: block;
    margin-bottom: 10px;
    width: 50%;
    float: left;
  }
  main footer ul.sitemap li ul {
    display: none;
  }
  main footer ul.sitemap > li > a {
    border: none;
  }
  main footer .copy {
    margin-top: 20px;
  }
  main footer .legal {
    margin-top: 20px;
    clear: both;
  }
  main footer .powered {
    float: left;
    margin-top: 20px;
  }
  .cookie-bar-wrapper #cookie-bar > p {
    width: 100%;
  }
  .cookie-bar-wrapper #cookie-bar .cb-enable {
    margin-top: 20px;
    float: left;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
  }
  .cookie-bar-wrapper #cookie-bar .cb-disable {
    margin: 20px 0 0 20px;
    float: left;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
  }
  .backToTop {
    right: 10px;
  }
  #IE-overlay .wrapper {
    padding: 100px 15px 15px 15px;
    width: 90%;
    min-height: 90%;
    margin: 5% auto;
  }
  #IE-overlay .wrapper .close {
    top: 15px;
    left: 15px;
  }
  #IE-overlay .wrapper .logo {
    top: 15px;
    right: 15px;
  }
  #IE-overlay .wrapper h1 {
    font-size: 25px;
    line-height: 26px;
  }
}