@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=fc09d315-60f7-4ae8-b29c-de4011eb1451&fontids=5664093,5664150");
/* './storage/handball_bundesliga_de/static/style/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;
}
/* './storage/handball_bundesliga_de/static/style/slick-theme.less.' */
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #ffffff url('/?proxy=img/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 {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
/* 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;
}
/* './storage/handball_bundesliga_de/?proxy=laola1/cms-core/&proxy=/baguettebox.js/build/css/baguetteBox.css.' */
/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.3.2
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
  opacity: 1;
}
#baguetteBox-overlay .full-image {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
#baguetteBox-overlay .full-image figure {
  display: inline;
  margin: 0;
  height: 100%;
}
#baguetteBox-overlay .full-image img {
  display: inline-block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  line-height: 1.8;
  color: #ccc;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  transition: left 0.4s ease, -webkit-transform 0.4s ease;
  transition: left 0.4s ease, -moz-transform 0.4s ease;
  transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
  animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
  animation: bounceFromLeft 0.4s ease-out;
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px;
}
.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  transition: background-color 0.4s ease;
}
.baguetteBox-button:hover {
  background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
  right: 2%;
}
.baguetteBox-button#previous-button {
  left: 2%;
}
.baguetteBox-button#close-button {
  top: 20px;
  right: 2%;
  right: calc(2% + 6px);
  width: 30px;
  height: 30px;
}
.baguetteBox-button svg {
  position: absolute;
  left: 0;
  top: 0;
}
/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromRight {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: -30px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes bounceFromLeft {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 30px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
/* './storage/handball_bundesliga_de/static/style/styles.less.' */
@font-face {
  font-family: 'HelveticaNeueLTW02-55Roman';
  src: url('/?proxy=fonts/HelveticaNeueLTW02-55Roman.woff2') format('woff2'), url('/?proxy=fonts/HelveticaNeueLTW02-55Roman.woff') format('woff');
}
@font-face {
  font-family: 'Avant Garde';
  src: url('/?proxy=fonts/AvantGardeHBL-Bold.woff2') format('woff2'), url('/?proxy=fonts/AvantGardeHBL-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/* ##### */
@font-face {
  font-family: 'fontello';
  src: url('/?proxy=fonts/fontello.eot');
  src: url('/?proxy=fonts/fontello.eot#iefix') format('embedded-opentype'), url('/?proxy=fonts/fontello.woff') format('woff'), url('/?proxy=fonts/fontello.ttf') format('truetype'), url('/?proxy=fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ico-"]:before,
[class*=" ico-"]:before {
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
/* new CSS dev */
.ico-home:before {
  content: '\e720';
}
/* '' */
.ico-facebook-1:before {
  content: '\e800';
}
/* '' */
.ico-external:before {
  content: '\e801';
}
/* '' */
.ico-arrow-full-do:before {
  content: '\e802';
}
/* '' */
.ico-down-micro:before {
  content: '\e803';
}
/* '' */
.ico-arrow-full-le:before {
  content: '\e804';
}
/* '' */
.ico-arrow-full-ri:before {
  content: '\e805';
}
/* '' */
.ico-arrow-full-up:before {
  content: '\e806';
}
/* '' */
.ico-arrow-outl-do:before {
  content: '\e807';
}
/* '' */
.ico-arrow-outl-le:before {
  content: '\e808';
}
/* '' */
.ico-arrow-outl-ri:before {
  content: '\e809';
}
/* '' */
.ico-arrow-outl-up:before {
  content: '\e80a';
}
/* '' */
.ico-down:before {
  content: '\e80b';
}
/* '' */
.ico-gallery:before {
  content: '\e80c';
}
/* '' */
.ico-left:before {
  content: '\e80d';
}
/* '' */
.ico-news:before {
  content: '\e80e';
}
/* '' */
.ico-right:before {
  content: '\e80f';
}
/* '' */
.ico-search:before {
  content: '\e810';
}
/* '' */
.ico-toggle-menu:before {
  content: '\e811';
}
/* '' */
.ico-tv:before {
  content: '\e812';
}
/* '' */
.ico-up:before {
  content: '\e813';
}
/* '' */
.ico-de:before {
  content: '\e814';
}
/* '' */
.ico-download:before {
  content: '\e815';
}
/* '' */
.ico-sort:before {
  content: '\e816';
}
/* '' */
.ico-twitter-1:before {
  content: '\e817';
}
/* '' */
.ico-instagram-1:before {
  content: '\e818';
}
/* '' */
.ico-check:before {
  content: '\e819';
}
/* '' */
.ico-close:before {
  content: '\e81a';
}
/* '' */
.ico-web:before {
  content: '\e81b';
}
/* '' */
.ico-tickets:before {
  content: '\e81c';
}
/* '' */
.ico-calendar:before {
  content: '\e81d';
}
/* '' */
.ico-video:before {
  content: '\e81e';
}
/* '' */
.ico-time:before {
  content: '\e81f';
}
/* '' */
.ico-details:before {
  content: '\e820';
}
/* '' */
.ico-location:before {
  content: '\e821';
}
/* '' */
.ico-whistle:before {
  content: '\e822';
}
/* '' */
.ico-email:before {
  content: '\e823';
}
/* '' */
.ico-error:before {
  content: '\e824';
}
/* '' */
.ico-appicon_hbl:before {
  content: '\e826';
}
/* '' */
.ico-app-icon-1:before {
  content: '\e827';
}
/* '' */
.ico-app-icon-2:before {
  content: '\e828';
}
/* '' */
.ico-x:before {
  content: '\e82c';
}
/* '' */
.ico-tiktok:before {
  content: '\e87f';
}
/* '' */
.ico-twitter:before {
  content: '\f099';
}
/* '' */
.ico-facebook:before {
  content: '\f09a';
}
/* '' */
.ico-youtube:before {
  content: '\f16a';
}
/* '' */
.ico-instagram:before {
  content: '\f16d';
}
/* '' */
.ico-weibo:before {
  content: '\f18a';
}
/* '' */
.ico-whatsapp:before {
  content: '\f232';
}
/* '' */
.ico-television:before {
  content: '\f26c';
}
/* '' */
.ico-podcast:before {
  content: '\f2ce';
}
/* '' */
.ico-linkedin-rect:before {
  content: '\f31b';
}
/* '' */
/* ##### */
#onSiteSearch .searcherror,
#onSiteSearch .searchtext,
#onSiteSearch .searchCategories,
#onSiteSearch .paging,
#onSiteSearch #searchResultTemplate {
  display: none;
}
body,
html {
  margin: 0;
  padding: 0;
}
body {
  background: #ffffff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'HelveticaNeueLTW02-55Roman';
}
* {
  box-sizing: border-box;
}
.main {
  width: 1px;
  min-width: 100%;
}
.main > .grid + .grid:not(.gamecenter) {
  margin-top: 60px;
}
.aleft {
  text-align: left !important;
}
.aright {
  text-align: right !important;
}
.acenter {
  text-align: center !important;
}
.fleft {
  float: left !important;
}
.fright {
  float: right !important;
}
.clear {
  clear: both;
  float: none !important;
}
.hidden {
  display: none;
}
.important {
  color: #1de4c9 !important;
  font-family: 'Avant Garde' !important;
}
img {
  border: 0;
}
.pixel {
  position: absolute;
  display: none;
}
.hidedesktop {
  display: none;
}
a {
  cursor: pointer;
}
.grid {
  clear: both;
  max-width: 1140px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.grid.news {
  background: #ffffff;
  max-width: inherit;
}
.grid .tab,
.grid [class^="tab"] {
  clear: both;
}
.grid.tabswitch {
  padding-top: 20px;
  background: #ffffff;
}
.grid.tabswitch [class^="tab"] {
  clear: both;
  overflow: hidden;
}
iframe {
  max-width: 100%;
}
section.grid:after {
  content: "";
  display: block;
  clear: both;
}
.inner_full {
  padding: 0 15px;
  width: 100%;
  float: left;
}
.inner3 {
  width: 100%;
  padding: 0 15px;
  float: left;
}
.inner3 > .inner {
  width: 100%;
  clear: both;
}
.inner2 {
  width: 66.666%;
  padding: 0 15px;
  float: left;
}
.inner2 + .inner1,
.inner2 + .fixtures-x1 {
  float: right;
}
.inner1 {
  width: 33.3333%;
  padding: 0 15px;
  float: left;
}
.inner_half {
  width: 50%;
  float: left;
  padding: 0 1%;
}
.main > section:last-of-type {
  padding-bottom: 20px;
}
/* fix inner in inner */
.inner3 .inner3 {
  width: 100%;
  padding: 0;
}
.tab .inner2 {
  width: calc(66.666% - 30px);
  padding: 0;
}
.tab .inner1 {
  width: 32.3333%;
}
.tab .inner3:last-child,
.tab .inner2:last-child,
.tab .inner1:last-child {
  padding-right: 0;
}
.socialicons,
.lang {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.socialicons li a,
.lang li a {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  width: 48px;
  height: 48px;
  white-space: nowrap;
  color: #ffffff;
  text-decoration: none;
  background: #BCBCBC;
  padding: 9px;
}
.socialicons li a i,
.lang li a i {
  font-size: 30px;
}
.socialicons li a i.ico-x,
.lang li a i.ico-x {
  font-size: 25px;
}
.sideinfo {
  position: fixed;
  left: 0;
  top: 22%;
  z-index: 5;
  /*noinspection ALL*/
}
.sideinfo li {
  padding: 0 0 1px;
  overflow: hidden;
}
.sideinfo .lang li a {
  background-color: #d8d8d8;
  text-indent: -9999px;
  background-image: url("/?proxy=img/ico_sprite.png");
  background-repeat: no-repeat;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  -webkit-transition: all .6s ease;
  -webkit-backface-visibility: hidden;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .sideinfo .lang li a {
    background-image: url("/?proxy=img/ico_sprite@2x.png");
    background-size: 40px 160px;
  }
}
.sideinfo .lang li a.de {
  background-position: 4px -36px;
}
.sideinfo .lang li a.en {
  background-position: 4px -76px;
}
.sideinfo .lang li a.active,
.sideinfo .lang li a:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}
p.daten-zusatz {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  float: left;
  width: 100%;
  margin: 10px 0;
  max-width: 80%;
}
.main.fixed {
  padding-top: 140px;
}
.main.fixed header,
.main.fixed nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
.main.fixed header {
  background: none;
  z-index: 103;
  height: 1px;
  padding: 0;
}
.main.fixed header .grid .inner_full {
  max-width: 125px;
}
.main.fixed header .teams,
.main.fixed header .meta,
.main.fixed header .liga,
.main.fixed header .claim,
.main.fixed header .poweredby {
  display: none;
}
.main.fixed header .logo {
  width: 95px;
  flex: 0 0 95px;
  margin-top: 14px;
}
.main.fixed nav .quicksearch input.tf {
  width: 150px;
}
.main.fixed nav ul {
  margin-left: 108px;
}
header {
  height: 120px;
  padding: 20px 0;
}
header .inner_full {
  display: flex;
  background: none;
}
header .logo {
  display: block;
  width: 190px;
  flex: 0 0 190px;
}
header .logo img {
  display: block;
  width: 100%;
  height: auto;
}
header .hbl-tv-mobile,
header .hbl-ticket-mobile {
  display: none;
}
header .poweredby {
  display: block;
  float: right;
  clear: right;
  margin-top: 30px;
}
header .poweredby a {
  text-decoration: none;
  display: block;
  position: relative;
  z-index: 2;
  width: 128px;
}
header .poweredby a img {
  display: block;
  width: 100%;
}
header .meta-wrapper {
  overflow: hidden;
  width: 100%;
  padding-top: 4px;
}
header .liga,
header .meta {
  float: left;
  position: relative;
  z-index: 2;
  margin-top: 2px;
}
header .liga ul,
header .meta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
header .liga ul li,
header .meta ul li {
  float: left;
  font-family: 'Avant Garde';
  font-size: 12px;
  line-height: 17px;
  text-transform: uppercase;
}
header .liga ul li.hbl-tv-button a,
header .meta ul li.hbl-tv-button a,
header .liga ul li.hbl-ticket-button a,
header .meta ul li.hbl-ticket-button a {
  margin-left: 10px;
  border: 1px solid #20376f;
  padding: 5px 10px;
  align-items: center;
  justify-content: center;
  line-height: revert;
  position: relative;
  top: -2px;
}
header .liga ul li.hbl-tv-button a i,
header .meta ul li.hbl-tv-button a i,
header .liga ul li.hbl-ticket-button a i,
header .meta ul li.hbl-ticket-button a i {
  margin-right: 5px;
  font-size: 16px;
  position: relative;
  top: 1px;
}
header .liga ul li.hbl-tv-button a:hover,
header .meta ul li.hbl-tv-button a:hover,
header .liga ul li.hbl-ticket-button a:hover,
header .meta ul li.hbl-ticket-button a:hover {
  background-color: #1de4c9;
  color: #20376f;
  border-color: #1de4c9;
}
header .liga ul li.hbl-tv-button a:hover i,
header .meta ul li.hbl-tv-button a:hover i,
header .liga ul li.hbl-ticket-button a:hover i,
header .meta ul li.hbl-ticket-button a:hover i {
  color: #20376f;
}
header .liga ul li.hbl-tv-button a.ger,
header .meta ul li.hbl-tv-button a.ger,
header .liga ul li.hbl-ticket-button a.ger,
header .meta ul li.hbl-ticket-button a.ger {
  color: #002F60 !important;
  border-color: #002F60 !important;
}
header .liga ul li.hbl-tv-button a.ger:hover,
header .meta ul li.hbl-tv-button a.ger:hover,
header .liga ul li.hbl-ticket-button a.ger:hover,
header .meta ul li.hbl-ticket-button a.ger:hover {
  background-color: #15b0d0 !important;
  border-color: #15b0d0 !important;
}
header .liga ul li.hbl-tv-button a.ger:hover i,
header .meta ul li.hbl-tv-button a.ger:hover i,
header .liga ul li.hbl-ticket-button a.ger:hover i,
header .meta ul li.hbl-ticket-button a.ger:hover i {
  color: #002F60 !important;
}
header .liga ul li.hbl-tv-button a.ger i,
header .meta ul li.hbl-tv-button a.ger i,
header .liga ul li.hbl-ticket-button a.ger i,
header .meta ul li.hbl-ticket-button a.ger i {
  color: #002F60 !important;
}
header .liga ul.language,
header .meta ul.language {
  margin-left: 10px;
  margin-top: -1px;
}
header .liga ul.language li,
header .meta ul.language li {
  margin: 0;
}
header .liga ul.language li a,
header .meta ul.language li a {
  margin: 0 5px;
  width: 17px;
  height: 17px;
  border-radius: 17px;
  display: block;
  overflow: hidden;
}
header .liga ul.language li a img,
header .meta ul.language li a img {
  display: block;
  width: 17px;
  height: auto;
}
header .liga ul.language li:not(.active) a img,
header .meta ul.language li:not(.active) a img {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = (50));
  filter: saturate(0.5);
  -webkit-filter: saturate(0.5);
  -moz-filter: saturate(0.5);
  -o-filter: saturate(0.5);
  -ms-filter: saturate(0.5);
}
header .liga a,
header .meta a {
  text-decoration: none;
  color: #20376f;
  margin-left: 10px;
}
header .liga a:hover,
header .meta a:hover {
  color: #1de4c9;
}
header .liga {
  margin-left: 45px;
}
header .liga ul li a {
  color: #ffffff;
  background: #20376f;
  padding: 0 5px;
  margin: 0;
  display: block;
}
header .liga ul li a.active {
  color: #20376f;
  padding: 2px 5px;
  margin-top: -2px;
  background: #1de4c9;
}
header .meta {
  float: right;
}
header .teams {
  float: left;
  margin-left: 5px;
  margin-top: 29px;
  position: relative;
  width: calc(100% - 160px);
}
header .teams .scrollcontent,
header .teams .team-wrapper {
  width: 100%;
  height: 27px;
  padding: 0 40px;
}
header .teams .scrollcontent ul,
header .teams .team-wrapper ul {
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
header .teams .scrollcontent ul li,
header .teams .team-wrapper ul li {
  list-style: none;
  float: left;
  position: relative;
  margin: 0 10px 0 0;
  width: 37px;
}
header .teams .scrollcontent ul li a,
header .teams .team-wrapper ul li a {
  text-decoration: none;
  display: block;
  /** tooltip **/
}
header .teams .scrollcontent ul li a div,
header .teams .team-wrapper ul li a div {
  position: absolute;
  left: 50%;
  display: none;
  top: -20px;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 12px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
}
header .teams .scrollcontent ul li a div span,
header .teams .team-wrapper ul li a div span {
  position: relative;
  display: block;
  left: 0;
  background-image: url("/?proxy=img/bg_tooltip.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 200px 50px;
  padding: 2px 10px 7px;
  width: 100%;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  header .teams .scrollcontent ul li a div span,
  header .teams .team-wrapper ul li a div span {
    background-image: url("/?proxy=img/bg_tooltip@2x.png");
    background-size: 200px 55px;
  }
}
header .teams .scrollcontent ul li a:hover div,
header .teams .team-wrapper ul li a:hover div {
  display: block;
  z-index: 3;
}
header .teams .scrollcontent ul li a img,
header .teams .team-wrapper ul li a img {
  display: block;
  width: 27px;
  height: 27px;
}
header .teams .slick-arrow {
  position: absolute;
  top: 13px;
  z-index: 1000;
  display: block;
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(75));
  filter: alpha(opacity = (75));
  height: 20px;
  width: 20px;
  cursor: pointer;
}
header .teams .slick-arrow:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
header .teams .slick-arrow i {
  display: block;
  font-size: 20px;
  width: 20px;
  height: 20px;
  color: #1de4c9;
}
header .teams .slick-arrow.slick-prev {
  left: -30px;
}
header .teams .slick-arrow.slick-next {
  right: -30px;
}
header .teams .slick-arrow.slick-disabled {
  display: none !important;
}
nav {
  background: #20376f;
  margin: 0;
  padding: 0;
  height: 70px;
  position: relative;
  float: left;
  width: 100%;
}
nav:before {
  content: '';
  width: 100%;
  height: 70px;
  background: url("/?proxy=img/bg_dots.svg") right -100px top -90px no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
nav .togglemenu {
  display: none;
  padding: 0;
  font: 14px/60px 'Avant Garde';
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  margin-left: 0px;
}
nav .togglemenu i {
  float: right;
  font-size: 25px;
}
nav .inner_full {
  background: none;
}
nav .inner_full > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
nav .inner_full > ul > li {
  float: left;
}
nav .inner_full > ul > li > a {
  padding: 0 12px;
  font: 14px/70px 'Avant Garde';
  display: block;
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
nav .inner_full > ul > li > a:hover {
  color: #1de4c9;
}
nav .inner_full > ul > li > a.active {
  color: #20376f;
  background-color: #1de4c9;
}
nav .inner_full > ul > li.open > a {
  color: #1de4c9;
}
nav .inner_full > ul > li.open > a:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  border-bottom: 12px solid #ffffff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  left: 50%;
  transform: translateX(-50%);
}
nav .inner_full > ul > li.open > a.active {
  color: #20376f;
}
nav .inner_full > ul > li a[target="_blank"]:after {
  content: '\e801';
  width: 12px;
  height: 12px;
  margin-left: 2px;
  display: block;
  float: right;
  visibility: hidden;
}
nav .inner_full > ul > li a[target="_blank"]:after {
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  font-size: 80%;
}
nav .inner_full > ul > li > a[target="_blank"]:after {
  margin-right: -14px;
}
nav .inner_full > ul > li a:hover[target="_blank"]:after {
  visibility: visible;
}
nav .inner_full > ul > li .subnav {
  display: none;
  position: absolute;
  top: 70px;
  left: 0;
  background: rgba(32, 55, 111, 0.9);
  width: 100%;
  padding: 30px 0 0 30px;
  z-index: 101;
}
nav .inner_full > ul > li .subnav > ul {
  float: left;
  width: calc(20% - 30px);
  padding: 0;
  list-style: none;
  margin: 0 30px 30px 0;
}
nav .inner_full > ul > li .subnav > ul > li .heading {
  font: 16px 'Avant Garde';
  color: #ffffff;
  padding-bottom: 10px;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
  display: block;
}
nav .inner_full > ul > li .subnav > ul > li a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  font-size: 14px;
  line-height: 18px;
}
nav .inner_full > ul > li .subnav > ul > li a.active,
nav .inner_full > ul > li .subnav > ul > li a:hover {
  color: #1de4c9;
}
nav .inner_full > ul > li .subnav > ul > li a img {
  width: 104%;
  height: auto;
  margin: 0 -2%;
  display: block;
  max-width: 160px;
}
nav .inner_full > ul > li .subnav > ul > li ul {
  list-style: none;
  margin: 5px 0 0 0;
  padding: 0;
}
nav .inner_full > ul > li .subnav > ul > li ul li {
  padding: 5px 0;
}
nav .quicksearch {
  float: right;
}
nav .quicksearch form {
  margin: 0;
  padding: 21px 0;
  position: relative;
}
nav .quicksearch input.tf {
  border: 0;
  background: none;
  width: 200px;
  height: 28px;
  margin: 0;
  padding: 0 5px;
  color: #ffffff;
  font-size: 14px;
  border-bottom: 1px solid #ffffff;
  -webkit-appearance: none;
}
nav .quicksearch input.tf::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
nav .quicksearch label {
  float: left;
  display: block;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-right: 10px;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}
nav + .grid:not(.news) {
  margin-top: 60px;
}
.aufmacher.news {
  margin-bottom: 60px;
}
.aufmacher.news + section {
  margin-top: 0;
}
.aufmacher .content {
  margin: 0;
  overflow: hidden;
  min-height: 0;
  background: none;
  width: 100%;
  height: 625px;
  position: relative;
}
.aufmacher .content > div {
  display: none;
}
.aufmacher .content > div.active,
.aufmacher .content > div.reloadContent {
  display: block;
}
.aufmacher .current {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.aufmacher .current > a {
  display: block;
  height: 100%;
  width: 100%;
}
.aufmacher .current > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
  transition: all 0.3s ease;
}
.aufmacher .thumbs {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1110px;
}
.aufmacher .thumbs ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
}
.aufmacher .thumbs ul li {
  margin: 0 1px;
  padding: 0;
  height: 73px;
  flex: 0 0 62px;
}
.aufmacher .thumbs ul li .slide-num {
  display: flex;
  background: #20376f;
  font: 22px 'Avant Garde';
  color: #ffffff;
  text-decoration: none;
  position: relative;
  outline: none;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.aufmacher .thumbs ul li .slide-title {
  display: none;
  background: #1de4c9;
  padding: 15px;
  height: 100%;
  text-decoration: none;
}
.aufmacher .thumbs ul li .slide-title i {
  font-size: 42px;
  color: #20376f;
  float: left;
  margin-right: 20px;
}
.aufmacher .thumbs ul li .slide-title h2 {
  font: 22px/26px 'Avant Garde';
  box-sizing: border-box;
  color: #20376f;
  margin: 0;
  display: flex;
  align-items: center;
  padding: 0;
}
.aufmacher .thumbs ul li.active {
  flex: 1 0;
}
.aufmacher .thumbs ul li.active .slide-title {
  display: flex;
}
.aufmacher .thumbs ul li.active .slide-num {
  display: none;
}
.aufmacher > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #20376f;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.aufmacher > ul li {
  margin: 0;
  padding: 0 0;
  float: left;
  color: #ffffff;
  width: 33.3333%;
  text-align: center;
}
.aufmacher > ul li a {
  background: #20376f;
  padding: 8px 5%;
  margin: 0;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
}
.aufmacher > ul li a:hover {
  color: #1de4c9;
}
.aufmacher > ul li.active a {
  background: #1de4c9;
  color: #ffffff;
}
.aufmacher > ul li.inactive a {
  background: #d8d8d8;
  color: #ffffff;
}
.aufmacher > ul li h3 {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.aufmacher > ul li:last-child {
  width: 33.3334%;
}
.aufmacher.ticker {
  background: url(/?proxy=img/bg_aufmacher_ticker.jpg) center center no-repeat;
}
.aufmacher.ticker .ticker_container .ticker_pic {
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-bottom: -40px;
}
.aufmacher.ticker .ticker_container .ticker_pic img {
  max-height: 540px;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.aufmacher.ticker .inner_full .content .current .liveticker {
  background: #bcc3d4;
  max-height: 540px;
}
.aufmacher.ticker .inner_full .content .current .liveticker > ul {
  margin: 0;
  padding: 10px 0;
  list-style: none;
  width: 100%;
  overflow: hidden;
}
.aufmacher.ticker .inner_full .content .current .liveticker > ul li {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: center;
  width: 14.2857%;
  height: 54px;
}
.aufmacher.ticker .inner_full .content .current .liveticker > ul li > span {
  font-family: 'Avant Garde',Arial,sans-serif;
  display: block;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tipbet {
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tipbet .tipbet-logo {
  width: 10%;
  display: inline-block;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin-top: 10px;
  clear: both;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .team {
  width: 25%;
  text-align: center;
  float: left;
  color: #20376f;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .team img {
  max-width: 120px;
  display: block;
  margin: 0 auto;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .team.guest {
  float: right;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score {
  width: 50%;
  float: left;
  text-align: center;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .points {
  font-style: normal;
  font-weight: normal;
  font-size: 70px;
  line-height: 70px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 0;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .points span {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .progressbar {
  display: block;
  width: 60%;
  height: 10px;
  margin: 10px 20%;
  font-style: normal;
  font-weight: normal;
  font-size: 9px;
  line-height: 10px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  color: white;
  background: #20376f;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  position: relative;
  z-index: 0;
  cursor: pointer;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .progressbar .progress {
  position: absolute;
  top: 0;
  background: #1de4c9;
  height: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 1;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .progressbar span {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .progressbar .stoppedRefresh {
  background: #b2001a;
}
.aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .time {
  margin: 0;
  padding: 0;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen {
  margin: 30px 0 0;
  padding: 0 0 20px;
  overflow: hidden;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen .h3-heading {
  margin: 10px 2%;
  height: 19px;
  position: relative;
  color: #20376f;
  padding: 2px 0;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 19px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen dl {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #000000;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen dl dt {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  margin-top: 8px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen dl dt span {
  color: #1de4c9;
  padding: 0 2%;
  display: inline-block;
  width: 4%;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen dl dd {
  margin: 0 2%;
  padding: 0 6%;
}
.aufmacher.ticker .inner_full .content .current .liveticker .torschuetzen dl.aright dt span {
  float: right;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats {
  margin: 0 2% 0;
  padding: 20px 0;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats h3 {
  height: 19px;
  position: relative;
  color: #20376f;
  padding: 2px 0;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 8px 0 0;
  text-align: center;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #000000;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 33.3333%;
  text-align: center;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl dt {
  text-transform: uppercase;
  margin: 0;
  padding: 4px 0;
  clear: both;
  border-top: 1px solid #acb5ca;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl dd {
  margin: 0;
  padding: 4px 0;
  font-family: 'Avant Garde',Arial,sans-serif;
  border-top: 1px solid #acb5ca;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl span {
  color: #1de4c9;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin-right: 4px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl .clear {
  margin-top: -4px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl.home {
  text-align: right;
  float: left;
}
.aufmacher.ticker .inner_full .content .current .liveticker .tickerstats dl.guest {
  text-align: left;
  float: right;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container {
  position: relative;
  margin-bottom: 100px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste {
  width: 90%;
  height: 10px;
  background-color: #20376f;
  margin: 50px auto;
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: 'Avant Garde',Arial,sans-serif;
  /*simultane events */
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_live {
  height: 10px;
  background-color: #1de4c9;
  border-radius: 5px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event,
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event_invert {
  margin-left: -10px;
  position: absolute;
  width: 20px;
  top: 0;
  height: 50px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event i {
  position: absolute;
  margin-top: -70px;
  margin-left: -2px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event .actionicon {
  position: absolute;
  margin-top: -70px;
  margin-left: -2px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event p {
  font-size: 11px;
  margin-top: -27px;
  text-align: center;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event_kreis {
  margin: 0 0 0 3px;
  width: 10px;
  height: 10px;
  background: none;
  border: 2px solid white;
  border-radius: 5px;
  box-sizing: border-box;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_spielevent .telegramm_event_kreis {
  background: white;
  border: 1px solid black;
  width: 12px;
  height: 12px;
  margin: -1px 0 0 5px;
  border-radius: 6px;
  box-sizing: border-box;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast p {
  margin-top: 2px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.heim .actionicon,
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast .actionicon {
  position: absolute;
  margin-top: -42px;
  margin-left: 2px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast .actionicon {
  margin-top: -10px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event .heimlogo {
  position: absolute;
  top: -15px;
  left: 5px;
  width: 14px;
  height: 14px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event .gastlogo {
  position: absolute;
  top: 15px;
  left: 5px;
  width: 14px;
  height: 14px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast.additionalevent {
  margin-top: 51px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.heim.additionalevent {
  margin-top: -8px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast.additionalevent .telegramm_event_kreis,
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.gast.additionalevent p,
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.heim.additionalevent .telegramm_event_kreis,
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container .telegramm_leiste .telegramm_event.heim.additionalevent p {
  display: none;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container.short {
  width: 90%;
  margin: 0 auto;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container.short .telegramm_leiste {
  width: 33%;
  margin: 0 10% 0 5%;
  display: inline-block;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container.short .telegramm_leiste .telegramm_event .heimlogo {
  left: -25px;
}
.aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container.short .telegramm_leiste .telegramm_event .gastlogo {
  left: -25px;
}
.aufmacher.ticker .inner_full .content .current .aufstellung {
  background: #bcc3d4;
  min-height: 520px;
  padding: 20px 0 10px;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .h3-heading {
  background: #20376f;
  padding: 8px;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .h3-heading h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .h3-heading img {
  height: 24px;
  width: auto;
  margin-right: 2%;
  float: left;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .footnote {
  font-size: 13px;
  line-height: 18px;
  padding: 8px 1%;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .boxnav {
  background: #ececec;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half {
  background: none;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half table {
  margin: 0;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half table th {
  height: 14px;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half table td {
  vertical-align: middle;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half .team {
  overflow: auto;
  height: 485px;
  background: #ffffff;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half .team .tooltip {
  display: none;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half .team a {
  display: inline-block;
}
.aufmacher.ticker .inner_full .content .current .aufstellung .inner_half .team a span {
  color: #1de4c9;
  font-family: 'Avant Garde',Arial,sans-serif;
  display: inline-block;
  width: 15px;
  padding: 0 5% 0 0;
  text-align: right;
}
.aufmacher.spielerprofil {
  background: #20376f;
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.aufmacher.spielerprofil:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("/?proxy=img/bg_dots.svg") right -100px top -160px no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.aufmacher.spielerprofil .content {
  padding: 0;
  height: auto;
}
.aufmacher.spielerprofil .current {
  position: relative;
}
.aufmacher.spielerprofil .player_container {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
}
.aufmacher.spielerprofil .player_container .player_pic {
  width: 40%;
  z-index: 2;
  max-height: 560px;
}
.aufmacher.spielerprofil .player_container .player_pic img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
  float: right;
}
.aufmacher.spielerprofil .player_container .player_data {
  width: 50%;
  padding: 65px 10px 95px 0;
}
.aufmacher.spielerprofil .player_container .player_data .player_name {
  color: #ffffff;
  margin: 0;
  font: 35px/40px 'Avant Garde';
  border-bottom: 1px solid #1F5A81;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 0 0 20px;
}
.aufmacher.spielerprofil .player_container .player_data .player_name .team_logo {
  display: block;
  float: left;
  width: 75px;
  margin-right: 20px;
  flex: 0 0 auto;
}
.aufmacher.spielerprofil .player_container .player_data .player_name .team_logo img {
  width: 100%;
  height: auto;
  display: block;
  align-self: center;
}
.aufmacher.spielerprofil .player_container .player_data dl {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.aufmacher.spielerprofil .player_container .player_data dl dt {
  margin: 0;
  padding: 0;
  font: 12px/55px 'HelveticaNeueLTW02-55Roman';
  border-bottom: 1px solid #1F5A81;
  width: 40%;
  color: #ffffff;
  word-break: break-word;
}
.aufmacher.spielerprofil .player_container .player_data dl dd {
  font: 13px/55px 'Avant Garde';
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #1F5A81;
  width: 60%;
  text-transform: uppercase;
  color: #ffffff;
}
.aufmacher.spielerprofil .player_container .player_data dl a {
  color: #ffffff;
}
.aufmacher.spielerprofil .player_container .player_data dl a:hover {
  color: #1de4c9;
}
.aufmacher.spielerprofil .player_container .player_data dl > div {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border-bottom: 1px solid #1F5A81;
}
.aufmacher.spielerprofil .player_container .player_data .logo {
  width: 15%;
  height: auto;
  position: absolute;
  bottom: 100px;
  left: 5%;
  z-index: 10;
}
.aufmacher.spielerprofil .player_container .player_band {
  background: #ececec;
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 2%;
  right: 2%;
}
.aufmacher.spielerprofil .player_container .player_band .player_info {
  overflow: hidden;
}
.aufmacher.spielerprofil .player_container .player_band .arrow {
  width: 24px;
  height: 100%;
  color: white;
  /*background-color:hsla(hue(@dblue),saturation(@dblue),lightness(@dblue),0.85)*/
  float: left;
  text-align: center;
}
.aufmacher.spielerprofil .player_container .player_band .arrow i {
  font-size: 16px;
  line-height: 112px;
  display: block;
  width: 100%;
}
.aufmacher.spielerprofil .player_container .player_band .arrow:hover {
  /*background:@dblue;*/
}
.aufmacher.spielerprofil .player_container .player_band .arrow.fright {
  margin-left: 42%;
}
.aufmacher.spielerprofil .player_container .player_band h1 {
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 50px;
  line-height: 64px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
}
.aufmacher.spielerprofil .player_container .player_band h1 span {
  font-size: 25px;
  line-height: 32px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.aufmacher.spielerprofil .player_container .player_band .number {
  float: right;
  color: #1de4c9;
  font-style: normal;
  font-weight: normal;
  font-size: 96px;
  line-height: 112px;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding: 0 16px;
}
.aufmacher.spielerprofil .player_container:hover .player_band {
  background: #ffffff;
}
.aufmacher.spielerprofil .player {
  width: 96%;
  margin: 0 2%;
  height: 120px;
  background-color: rgba(255, 255, 255, 0.85);
  position: relative;
}
.aufmacher.spielerprofil .player .arrow {
  width: 20px;
  height: 100%;
  color: white;
  background-color: rgba(32, 54, 111, 0.85);
}
.aufmacher.spielerprofil .player .arrow i {
  font-size: 16px;
  line-height: 120px;
}
.aufmacher.spielerprofil .player .arrow.left {
  float: left;
}
.aufmacher.spielerprofil .player .arrow.right {
  float: right;
}
.aufmacher.spielerprofil .player .arrow:hover {
  background: #20376f;
}
.aufmacher.spielerprofil .player .logo {
  position: absolute;
  width: 16%;
  top: -100%;
  left: 5%;
}
.aufmacher.spielerprofil .player .logo img {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.aufmacher.spielerprofil .player .namebox {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 30px;
  width: 50%;
}
.aufmacher.spielerprofil .player .namebox .name {
  width: 75%;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 60px;
  line-height: 80px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: right;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}
.aufmacher.spielerprofil .player .namebox .name span {
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 30px;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding-top: 10px;
  display: block;
}
.aufmacher.spielerprofil .player .namebox .number {
  width: 25%;
  float: right;
}
.aufmacher.spielerprofil .player .picture {
  border: 1px solid #20376f;
  max-height: 532px;
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 20px;
}
.aufmacher.spielerprofil .player .picture img {
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.aufmacher.club {
  background: #20376f;
  overflow: hidden;
  position: relative;
  float: left;
  width: 100%;
}
.aufmacher.club:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("/?proxy=img/bg_dots.svg") right -100px top -160px no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
.aufmacher.club .current {
  position: relative;
}
.aufmacher.club .inner_full {
  background: none;
}
.aufmacher.club .inner_full .content {
  padding: 0;
  height: auto;
}
.aufmacher.club .inner_full .club_container .club_pic {
  width: 100%;
  height: auto;
}
.aufmacher.club .inner_full .club_container .club_pic img {
  width: 100%;
  display: block;
  height: auto;
}
.aufmacher.club .inner_full .club_container .club_band {
  padding: 20px 0;
}
.aufmacher.club .inner_full .club_container .club_band .arrow {
  width: 24px;
  height: 100%;
  color: white;
  background-color: rgba(32, 54, 111, 0.85);
  float: left;
  text-align: center;
}
.aufmacher.club .inner_full .club_container .club_band .arrow i {
  font-size: 16px;
  line-height: 120px;
  display: block;
  width: 100%;
}
.aufmacher.club .inner_full .club_container .club_band .arrow:hover {
  background: #20376f;
}
.aufmacher.club .inner_full .club_container .club_band .club_info {
  position: relative;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .smartlinks {
  font: 12px/15px 'Avant Garde';
  position: absolute;
  bottom: 0;
  right: 0;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .smartlinks a {
  text-decoration: none;
  color: #ffffff;
  display: block;
  float: right;
  text-transform: uppercase;
  margin: 0 0 0 25px;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .smartlinks a:hover {
  color: #1de4c9;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .smartlinks span {
  display: inline;
  padding: 0 8px 0 0;
}
.aufmacher.club .inner_full .club_container .club_band .club_info h1 {
  color: #ffffff;
  font: 32px 'Avant Garde';
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.aufmacher.club .inner_full .club_container .club_band .club_info h1 img {
  border: none;
  display: block;
  width: 90px;
  height: auto;
  margin-right: 20px;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons {
  position: absolute;
  top: 0;
  right: 0;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons a {
  color: #ffffff;
  font: 12px/20px 'Avant Garde';
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  float: right;
  margin: 0 0 0 20px;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons a.schedule i {
  margin-left: 5px;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons a:hover {
  color: #1de4c9;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons a:hover i {
  color: #1de4c9;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons i {
  font-size: 20px;
  color: #ffffff;
  float: right;
}
.aufmacher.club .inner_full .club_container .club_band .club_info .icons i.ico-x {
  font-size: 15px;
}
.gamecenter {
  background: #ffffff;
}
.gamecenter .box.hauto {
  padding: 0;
}
.gamecenter .gamecenter-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 33.3333%;
}
.gamecenter .gamecenter-nav > li {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  background: #20376f;
  border-right: 8px solid #1de4c9;
  position: relative;
}
.gamecenter .gamecenter-nav > li > a,
.gamecenter .gamecenter-nav > li > span {
  text-decoration: none;
  padding: 8px 2%;
  color: #ffffff;
  display: block;
}
.gamecenter .gamecenter-nav > li > a:hover {
  color: #1de4c9;
}
.gamecenter .gamecenter-nav > li.inactive {
  background: #d8d8d8;
}
.gamecenter .gamecenter-nav > li.active {
  background: #1de4c9;
}
.gamecenter .gamecenter-nav > li.active > a:hover {
  color: #ffffff;
}
.gamecenter .gamecenter-nav > li.active .more {
  display: block;
}
.gamecenter .gamecenter-nav .more {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  max-width: 200px;
  display: none;
}
.gamecenter .gamecenter-nav .more > ul {
  margin: 0;
  padding: 4px 2%;
  list-style: none;
  text-transform: uppercase;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 96%;
}
.gamecenter .gamecenter-nav .more > ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  border: none;
}
.gamecenter .gamecenter-nav .more > ul li.active {
  visibility: visible;
  position: absolute;
  top: 8px;
  right: 2%;
  left: 2%;
  padding-right: 13%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 83%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
}
.gamecenter .gamecenter-nav .more > ul li.active:before {
  content: '\e80a';
  float: right;
  margin: 3px -12px 0 12px;
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #ffffff;
}
.gamecenter .gamecenter-nav .more > ul li a {
  text-decoration: none;
  color: #ffffff;
}
.gamecenter .gamecenter-nav .more.open,
.gamecenter .gamecenter-nav .more:hover {
  background: #ffffff;
  border: 1px solid #20376f;
  z-index: 10;
}
.gamecenter .gamecenter-nav .more.open ul,
.gamecenter .gamecenter-nav .more:hover ul {
  height: auto;
  margin-top: 40px;
  max-height: 404px;
  overflow: auto;
}
.gamecenter .gamecenter-nav .more.open ul li,
.gamecenter .gamecenter-nav .more:hover ul li,
.gamecenter .gamecenter-nav .more.open ul li a,
.gamecenter .gamecenter-nav .more:hover ul li a {
  visibility: visible;
  color: #20376f;
  background: #ffffff;
}
.gamecenter .gamecenter-nav .more.open ul li:hover,
.gamecenter .gamecenter-nav .more:hover ul li:hover,
.gamecenter .gamecenter-nav .more.open ul li a:hover,
.gamecenter .gamecenter-nav .more:hover ul li a:hover {
  color: #1de4c9;
}
.gamecenter .gamecenter-nav .more.open ul li.active,
.gamecenter .gamecenter-nav .more:hover ul li.active,
.gamecenter .gamecenter-nav .more.open ul li a.active,
.gamecenter .gamecenter-nav .more:hover ul li a.active {
  text-align: left;
  cursor: inherit;
  color: #1de4c9;
  background: #ffffff;
}
.gamecenter .gamecenter-nav .more.open ul li.active:before,
.gamecenter .gamecenter-nav .more:hover ul li.active:before,
.gamecenter .gamecenter-nav .more.open ul li a.active:before,
.gamecenter .gamecenter-nav .more:hover ul li a.active:before {
  color: #1de4c9;
  cursor: inherit;
}
.gamecenter .content {
  float: left;
  width: 66.6667%;
  padding: 0;
  clear: none;
  min-height: 0;
}
.gamecenter .content > div {
  display: none;
  background: #20376f;
  border-right: 8px solid #1de4c9;
  height: 120px;
}
.gamecenter .content > div > a.fright,
.gamecenter .content > div > a.fleft {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 120px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-decoration: none;
  display: block;
  width: 5%;
  text-align: center;
}
.gamecenter .content > div > a.fright:hover,
.gamecenter .content > div > a.fleft:hover {
  color: #1de4c9;
}
.gamecenter .content > div .meta-info {
  float: left;
  width: 20%;
  margin: 0;
  color: #ffffff;
  padding: 0 2%;
}
.gamecenter .content > div .meta-info dt {
  padding: 0;
  float: left;
  clear: left;
  font-size: 20px;
  margin: 7px 8px 0 0;
}
.gamecenter .content > div .meta-info dd {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  padding: 4px 0;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gamecenter .content > div .game-info {
  float: left;
  width: 64%;
  padding: 0 2% 0 0;
}
.gamecenter .content > div .game-info .scores {
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  width: 100%;
  display: block;
  float: left;
}
.gamecenter .content > div .game-info .scores .team {
  line-height: 60px;
  overflow: hidden;
}
.gamecenter .content > div .game-info .scores .team.top {
  border-bottom: 1px solid white;
  line-height: 59px;
}
.gamecenter .content > div .game-info .scores .team .rank {
  width: 7%;
  padding: 0 2%;
  text-align: left;
  float: left;
}
.gamecenter .content > div .game-info .scores .team .score {
  width: 15%;
  padding: 0 2%;
  text-align: right;
  float: right;
  white-space: nowrap;
}
.gamecenter .content > div .game-info .scores .team .name {
  width: 66%;
  padding: 0 2%;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  display: block;
  float: left;
}
.gamecenter .content > div .game-info .scores .team .name:hover {
  color: #1de4c9;
}
.gamecenter .content > div .game-info .call-to-action {
  float: left;
  width: 25%;
  padding: 12px 0;
}
.gamecenter .content > div .game-info .call-to-action a {
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding: 24px 0;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  display: block;
}
.gamecenter .content > div .game-info .call-to-action a:hover {
  color: #1de4c9;
}
.gamecenter .content > div .game-info .call-to-action a.split {
  padding: 4px 0;
}
.gamecenter .content > div .game-info .call-to-action + .scores {
  width: 75%;
}
.gamecenter .content .active {
  display: block;
}
/* Playoffs */
.bracket-scrollcontent + .box {
  float: left;
  width: 100%;
}
.bracket {
  background: url('/?proxy=img/bg_footer_ff.png') left 51% bottom 0 no-repeat;
}
.bracket * {
  box-sizing: border-box;
}
.bracket h3 {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  padding: 16px 0;
  text-align: center;
  color: #20376f;
}
.bracket .split {
  display: block;
  float: left;
  width: 44%;
}
.bracket .split.split-two {
  float: right;
}
.bracket .split.split-two .round {
  float: right;
}
.bracket .split.split-two .round .matchup:after {
  right: auto;
  left: -16px;
}
.bracket .split.split-two .round .matchup:before {
  left: auto;
  right: -16px;
}
.bracket .split.split-two .round .team:first-child:after {
  right: auto;
  left: -16px;
}
.bracket .matchup {
  width: 100%;
  padding: 0;
  margin: 16px 0;
  position: relative;
  list-style: none;
  float: left;
}
.bracket .matchup:hover .team {
  background: #cbcbcb;
}
.bracket .matchup:nth-child(2n):after {
  content: "";
  border: 1px solid #ececec;
  position: absolute;
  top: 50%;
  right: -16px;
}
.bracket .matchup:nth-child(2n-1):after {
  content: "";
  border: 1px solid #ececec;
  position: absolute;
  bottom: 50%;
  right: -16px;
}
.bracket .matchup > time {
  display: block;
  margin-top: -25px;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  float: left;
}
.bracket .round {
  margin: 0;
  display: block;
  float: left;
  width: 33%;
  padding: 0 16px;
}
.bracket .round.round32 {
  width: 25%;
}
.bracket .round.round32 .team img {
  height: 18px;
  margin-top: 2px;
}
.bracket .round.round32 .team figure {
  width: 34%;
}
.bracket .round.round32 .team .score {
  width: 22%;
}
.bracket .round.round-one .matchup:nth-child(2n):after {
  bottom: -16px;
}
.bracket .round.round-one .matchup:nth-child(2n-1):after {
  top: -16px;
}
.bracket .round.round-two .matchup {
  margin: 20px 0;
}
.bracket .round.round-two .matchup:nth-child(2n):after {
  bottom: -67px;
}
.bracket .round.round-two .matchup:nth-child(2n-1):after {
  top: -67px;
}
.bracket .round.round-three .matchup {
  margin: 75px 0;
}
.bracket .round.round-three .matchup:nth-child(2n):after {
  bottom: -169px;
}
.bracket .round.round-three .matchup:nth-child(2n-1):after {
  top: -169px;
}
.bracket .round.round-four .matchup {
  margin: 184px 0;
}
.bracket .round.round-four .matchup:after {
  display: none;
}
.bracket .round:not(.round-one) .matchup:before {
  content: "";
  border: 1px solid #ececec;
  position: absolute;
  top: 50%;
  left: -16px;
  width: 14px;
  margin-top: -1px;
}
.bracket .champion {
  float: left;
  display: block;
  width: 12%;
  padding: 0 16px;
}
.bracket .champion .final {
  margin: 193px 0 160px 0;
  position: relative;
}
.bracket .champion .final .team:after {
  display: none;
}
.bracket .champion .final .team > * {
  border: none;
}
.bracket .champion .final .score {
  font-style: normal;
  font-weight: normal;
  font-size: 25px;
  line-height: 23px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  text-align: center;
  padding: 8px 0 0;
  margin-bottom: 15px;
}
.bracket .champion .final .score a {
  color: #20376f;
  text-decoration: none;
}
.bracket .champion .final .score span {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 23px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.bracket .champion .final .team {
  background: none;
  height: auto;
  padding: 0;
  margin: 8px 0;
  text-align: center;
  width: 50%;
  color: #20376f;
}
.bracket .champion .final .team img,
.bracket .champion .final .team figcaption {
  display: block;
  float: none;
  margin: 0 auto;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 30px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.bracket .champion .final .team img {
  height: 32px;
  width: auto;
}
.bracket .champion .final h3 {
  clear: both;
}
.bracket .team {
  padding: 4px 5%;
  margin: 2px 0;
  white-space: nowrap;
  position: relative;
  height: 32px;
  background: #ececec;
}
.bracket .team .tba {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #92999d;
  text-align: center;
}
.bracket .team figure {
  margin: 0;
  padding: 0;
  float: left;
  width: 70%;
}
.bracket .team > * {
  border-right: 1px solid #b2b2b2;
}
.bracket .team > *:last-child {
  border-right: 0;
}
.bracket .team img {
  height: 24px;
  width: auto;
  display: block;
  float: left;
}
.bracket .team span {
  display: block;
  float: left;
  margin-left: 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
}
.bracket .team .score {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 30%;
  text-align: center;
}
.bracket .team a {
  color: #20376f;
  text-decoration: none;
}
.bracket .team .score:last-child,
.bracket .team .score:last-child a {
  color: #20376f;
}
.bracket .team:first-child:after {
  content: "";
  border: 1px solid #ececec;
  position: absolute;
  bottom: -2px;
  right: -16px;
  width: 14px;
}
.bracket .team.winner span,
.bracket .team.winner .score {
  font-family: 'Avant Garde';
}
.box h1,
.content h1,
.inner3 > h1,
.inner2 > h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 20px 1% 10px;
}
.inner3 > .dropdowns,
.meldung .dropdowns,
.reloadContent .dropdowns,
.changeContent .dropdowns {
  float: left;
  clear: both;
  width: 100%;
  margin: 0 0 20px 0;
}
.inner3 > .dropdowns.centered,
.meldung .dropdowns.centered,
.reloadContent .dropdowns.centered,
.changeContent .dropdowns.centered {
  float: none;
  text-align: center;
}
.inner3 > .dropdowns .more,
.meldung .dropdowns .more,
.reloadContent .dropdowns .more,
.changeContent .dropdowns .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 200px;
  color: #20376f;
  border: 1px solid transparent;
}
.inner3 > .dropdowns .more ul,
.meldung .dropdowns .more ul,
.reloadContent .dropdowns .more ul,
.changeContent .dropdowns .more ul {
  margin: 0;
  padding: 4px 2%;
  list-style: none;
  text-transform: uppercase;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 96%;
}
.inner3 > .dropdowns .more ul li,
.meldung .dropdowns .more ul li,
.reloadContent .dropdowns .more ul li,
.changeContent .dropdowns .more ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  background: #ffffff;
  border: none;
}
.inner3 > .dropdowns .more ul li.active,
.meldung .dropdowns .more ul li.active,
.reloadContent .dropdowns .more ul li.active,
.changeContent .dropdowns .more ul li.active {
  visibility: visible;
  position: absolute;
  top: 8px;
  right: 2%;
  left: 2%;
  padding-right: 9%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 87%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #20376f;
  background: inherit;
}
.inner3 > .dropdowns .more ul li.active:before,
.meldung .dropdowns .more ul li.active:before,
.reloadContent .dropdowns .more ul li.active:before,
.changeContent .dropdowns .more ul li.active:before {
  content: '\e80a';
  float: right;
  margin: 3px -12px 0 12px;
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #20376f;
}
.inner3 > .dropdowns .more ul li a,
.meldung .dropdowns .more ul li a,
.reloadContent .dropdowns .more ul li a,
.changeContent .dropdowns .more ul li a {
  text-decoration: none;
  color: #20376f;
}
.inner3 > .dropdowns .more.open,
.meldung .dropdowns .more.open,
.reloadContent .dropdowns .more.open,
.changeContent .dropdowns .more.open,
.inner3 > .dropdowns .more:hover,
.meldung .dropdowns .more:hover,
.reloadContent .dropdowns .more:hover,
.changeContent .dropdowns .more:hover {
  background: #ffffff;
  border-color: #20376f;
  z-index: 10;
}
.inner3 > .dropdowns .more.open ul,
.meldung .dropdowns .more.open ul,
.reloadContent .dropdowns .more.open ul,
.changeContent .dropdowns .more.open ul,
.inner3 > .dropdowns .more:hover ul,
.meldung .dropdowns .more:hover ul,
.reloadContent .dropdowns .more:hover ul,
.changeContent .dropdowns .more:hover ul {
  height: auto;
  margin: 40px 0 10px 0;
  max-height: 150px;
  overflow: auto;
}
.inner3 > .dropdowns .more.open ul li,
.meldung .dropdowns .more.open ul li,
.reloadContent .dropdowns .more.open ul li,
.changeContent .dropdowns .more.open ul li,
.inner3 > .dropdowns .more:hover ul li,
.meldung .dropdowns .more:hover ul li,
.reloadContent .dropdowns .more:hover ul li,
.changeContent .dropdowns .more:hover ul li {
  visibility: visible;
  color: #20376f;
}
.inner3 > .dropdowns .more.open ul li:hover,
.meldung .dropdowns .more.open ul li:hover,
.reloadContent .dropdowns .more.open ul li:hover,
.changeContent .dropdowns .more.open ul li:hover,
.inner3 > .dropdowns .more:hover ul li:hover,
.meldung .dropdowns .more:hover ul li:hover,
.reloadContent .dropdowns .more:hover ul li:hover,
.changeContent .dropdowns .more:hover ul li:hover {
  color: #1de4c9;
}
.inner3 > .dropdowns .more.open ul li.active,
.meldung .dropdowns .more.open ul li.active,
.reloadContent .dropdowns .more.open ul li.active,
.changeContent .dropdowns .more.open ul li.active,
.inner3 > .dropdowns .more:hover ul li.active,
.meldung .dropdowns .more:hover ul li.active,
.reloadContent .dropdowns .more:hover ul li.active,
.changeContent .dropdowns .more:hover ul li.active {
  text-align: left;
  cursor: inherit;
  color: #1de4c9;
  background: #ffffff;
}
.inner3 > .dropdowns .more.open ul li.active:before,
.meldung .dropdowns .more.open ul li.active:before,
.reloadContent .dropdowns .more.open ul li.active:before,
.changeContent .dropdowns .more.open ul li.active:before,
.inner3 > .dropdowns .more:hover ul li.active:before,
.meldung .dropdowns .more:hover ul li.active:before,
.reloadContent .dropdowns .more:hover ul li.active:before,
.changeContent .dropdowns .more:hover ul li.active:before {
  color: #1de4c9;
  cursor: inherit;
}
.inner3 > .dropdowns .more.open input.spielplanVerein,
.meldung .dropdowns .more.open input.spielplanVerein,
.reloadContent .dropdowns .more.open input.spielplanVerein,
.changeContent .dropdowns .more.open input.spielplanVerein,
.inner3 > .dropdowns .more:hover input.spielplanVerein,
.meldung .dropdowns .more:hover input.spielplanVerein,
.reloadContent .dropdowns .more:hover input.spielplanVerein,
.changeContent .dropdowns .more:hover input.spielplanVerein {
  display: block;
}
.inner3 > .dropdowns form,
.meldung .dropdowns form,
.reloadContent .dropdowns form,
.changeContent .dropdowns form {
  margin: 0;
  padding: 0;
}
.inner3 > .dropdowns form select,
.meldung .dropdowns form select,
.reloadContent .dropdowns form select,
.changeContent .dropdowns form select {
  width: auto;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 0 40px 0 10px;
  border: none;
  font: 12px/21px 'Avant Garde';
  background: url(/?proxy=img/arrow-down-outl.png) right 10px center no-repeat #20376f;
  background-size: 12px;
  border-radius: 0;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.box,
.content {
  background: #ffffff;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
}
.box p,
.content p {
  font: 16px/28px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
  margin: 0;
  padding: 0;
}
.box p.footnote,
.content p.footnote {
  clear: both;
}
.box p.footnote small,
.content p.footnote small {
  display: block;
}
.box p.footnote span,
.content p.footnote span {
  width: 12px;
  height: 12px;
  line-height: 12px;
  float: left;
  display: block;
  margin: 4px 8px 0 0;
}
.box p.footnote .playoffs,
.content p.footnote .playoffs {
  background: rgba(27, 228, 201, 0.5);
}
.box p.footnote .relegation,
.content p.footnote .relegation {
  background: rgba(102, 102, 102, 0.5);
}
.box h1,
.content h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 20px 1%;
}
.box h2,
.content h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #111111;
  margin: 0;
  padding: 0 1% 20px;
}
.box .spielstatistik h2,
.content .spielstatistik h2 {
  color: #20376f;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding: 0 0 8px;
}
.box p > a.more,
.content p > a.more,
.box > p a,
.content > p a {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #1de4c9;
  text-decoration: none;
}
.box > ul:not([class]),
.content > ul:not([class]),
.box > ol,
.content > ol {
  margin-top: 0;
}
.box > ul:not([class]) li,
.content > ul:not([class]) li,
.box > ol li,
.content > ol li {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #111111;
  margin: 0;
  padding: 0 1% 5px;
}
.box > ul:not([class]) a,
.content > ul:not([class]) a,
.box > ol a,
.content > ol a {
  color: #1de4c9;
  text-decoration: none;
}
.box .boxnav,
.content .boxnav {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
  clear: both;
  display: flex;
}
.box .boxnav li,
.content .boxnav li {
  flex: 1 0;
}
.box .boxnav li a,
.content .boxnav li a {
  display: block;
  text-decoration: none;
  background: #20376f;
  color: #ffffff;
  text-transform: uppercase;
  font: 15px/30px 'Avant Garde';
  padding: 0;
  text-align: center;
}
.box .boxnav li a:hover,
.content .boxnav li a:hover {
  color: #1de4c9;
}
.box .boxnav li.active a,
.content .boxnav li.active a {
  color: #20376f;
  padding: 2px 0;
  margin-top: -2px;
  background: #1de4c9;
}
.box .boxnav.seasonstat,
.content .boxnav.seasonstat {
  width: 40%;
  clear: none;
  margin-top: 60px;
  margin-left: auto;
  margin-bottom: 0px;
  margin: 60px 0 0 auto;
}
.box > h3,
.content > h3,
.box > .h3-heading,
.content > .h3-heading,
.box .vs .h3-heading,
.content .vs .h3-heading,
.box > h2,
.content > h2 {
  margin: 0 0 15px;
  position: relative;
  color: #20376f;
  font: 22px 'Avant Garde';
  text-transform: uppercase;
  /* think this part is obsolete ??*/
}
.box > h3 span,
.content > h3 span,
.box > .h3-heading span,
.content > .h3-heading span,
.box .vs .h3-heading span,
.content .vs .h3-heading span,
.box > h2 span,
.content > h2 span {
  display: block;
}
.box > h3 .dropdowns,
.content > h3 .dropdowns,
.box > .h3-heading .dropdowns,
.content > .h3-heading .dropdowns,
.box .vs .h3-heading .dropdowns,
.content .vs .h3-heading .dropdowns,
.box > h2 .dropdowns,
.content > h2 .dropdowns {
  float: right;
  width: 170px;
  height: 32px;
  margin: -8px 0 0 0;
  position: relative;
}
.box > h3 .more,
.content > h3 .more,
.box > .h3-heading .more,
.content > .h3-heading .more,
.box .vs .h3-heading .more,
.content .vs .h3-heading .more,
.box > h2 .more,
.content > h2 .more {
  position: absolute;
  right: 0;
  top: 18px;
  width: 100%;
  max-width: 200px;
}
.box > h3 .more ul,
.content > h3 .more ul,
.box > .h3-heading .more ul,
.content > .h3-heading .more ul,
.box .vs .h3-heading .more ul,
.content .vs .h3-heading .more ul,
.box > h2 .more ul,
.content > h2 .more ul {
  margin: 0;
  padding: 0 10px;
  list-style: none;
  text-transform: uppercase;
  float: right;
  height: 21px;
  overflow: hidden;
  width: 100%;
}
.box > h3 .more ul li,
.content > h3 .more ul li,
.box > .h3-heading .more ul li,
.content > .h3-heading .more ul li,
.box .vs .h3-heading .more ul li,
.content .vs .h3-heading .more ul li,
.box > h2 .more ul li,
.content > h2 .more ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  background: #ffffff;
  border: none;
}
.box > h3 .more ul li.active,
.content > h3 .more ul li.active,
.box > .h3-heading .more ul li.active,
.content > .h3-heading .more ul li.active,
.box .vs .h3-heading .more ul li.active,
.content .vs .h3-heading .more ul li.active,
.box > h2 .more ul li.active,
.content > h2 .more ul li.active {
  visibility: visible;
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #20376f;
  width: 100%;
  font: 12px/21px 'Avant Garde';
  padding: 0 30px 0 10px;
  width: auto;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  background: #20376f;
}
.box > h3 .more ul li.active:before,
.content > h3 .more ul li.active:before,
.box > .h3-heading .more ul li.active:before,
.content > .h3-heading .more ul li.active:before,
.box .vs .h3-heading .more ul li.active:before,
.content .vs .h3-heading .more ul li.active:before,
.box > h2 .more ul li.active:before,
.content > h2 .more ul li.active:before {
  content: '\e806';
  float: right;
  font-family: "fontello", sans-serif;
  font-size: 11px;
  position: absolute;
  right: 10px;
}
.box > h3 .more ul li a,
.content > h3 .more ul li a,
.box > .h3-heading .more ul li a,
.content > .h3-heading .more ul li a,
.box .vs .h3-heading .more ul li a,
.content .vs .h3-heading .more ul li a,
.box > h2 .more ul li a,
.content > h2 .more ul li a {
  text-decoration: none;
  color: #1c3476;
}
.box > h3 .more.multiselect input.spielplanVerein,
.content > h3 .more.multiselect input.spielplanVerein,
.box > .h3-heading .more.multiselect input.spielplanVerein,
.content > .h3-heading .more.multiselect input.spielplanVerein,
.box .vs .h3-heading .more.multiselect input.spielplanVerein,
.content .vs .h3-heading .more.multiselect input.spielplanVerein,
.box > h2 .more.multiselect input.spielplanVerein,
.content > h2 .more.multiselect input.spielplanVerein {
  display: none;
  background-color: #20376f;
  color: #ffffff;
  padding: 5px;
  width: 96%;
  margin: 2%;
  border: none;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.box > h3 .more.open,
.content > h3 .more.open,
.box > .h3-heading .more.open,
.content > .h3-heading .more.open,
.box .vs .h3-heading .more.open,
.content .vs .h3-heading .more.open,
.box > h2 .more.open,
.content > h2 .more.open,
.box > h3 .more:hover,
.content > h3 .more:hover,
.box > .h3-heading .more:hover,
.content > .h3-heading .more:hover,
.box .vs .h3-heading .more:hover,
.content .vs .h3-heading .more:hover,
.box > h2 .more:hover,
.content > h2 .more:hover {
  background: #ffffff;
  border: 1px solid #20376f;
  z-index: 10;
}
.box > h3 .more.open ul,
.content > h3 .more.open ul,
.box > .h3-heading .more.open ul,
.content > .h3-heading .more.open ul,
.box .vs .h3-heading .more.open ul,
.content .vs .h3-heading .more.open ul,
.box > h2 .more.open ul,
.content > h2 .more.open ul,
.box > h3 .more:hover ul,
.content > h3 .more:hover ul,
.box > .h3-heading .more:hover ul,
.content > .h3-heading .more:hover ul,
.box .vs .h3-heading .more:hover ul,
.content .vs .h3-heading .more:hover ul,
.box > h2 .more:hover ul,
.content > h2 .more:hover ul {
  height: auto;
  margin: 25px 0 0 0;
  max-height: 150px;
  overflow: auto;
}
.box > h3 .more.open ul li,
.content > h3 .more.open ul li,
.box > .h3-heading .more.open ul li,
.content > .h3-heading .more.open ul li,
.box .vs .h3-heading .more.open ul li,
.content .vs .h3-heading .more.open ul li,
.box > h2 .more.open ul li,
.content > h2 .more.open ul li,
.box > h3 .more:hover ul li,
.content > h3 .more:hover ul li,
.box > .h3-heading .more:hover ul li,
.content > .h3-heading .more:hover ul li,
.box .vs .h3-heading .more:hover ul li,
.content .vs .h3-heading .more:hover ul li,
.box > h2 .more:hover ul li,
.content > h2 .more:hover ul li {
  visibility: visible;
  color: #20376f;
}
.box > h3 .more.open ul li.active,
.content > h3 .more.open ul li.active,
.box > .h3-heading .more.open ul li.active,
.content > .h3-heading .more.open ul li.active,
.box .vs .h3-heading .more.open ul li.active,
.content .vs .h3-heading .more.open ul li.active,
.box > h2 .more.open ul li.active,
.content > h2 .more.open ul li.active,
.box > h3 .more:hover ul li.active,
.content > h3 .more:hover ul li.active,
.box > .h3-heading .more:hover ul li.active,
.content > .h3-heading .more:hover ul li.active,
.box .vs .h3-heading .more:hover ul li.active,
.content .vs .h3-heading .more:hover ul li.active,
.box > h2 .more:hover ul li.active,
.content > h2 .more:hover ul li.active {
  color: #ffffff;
  width: 100%;
  border: none;
}
.box > h3 .more.open ul li.active:before,
.content > h3 .more.open ul li.active:before,
.box > .h3-heading .more.open ul li.active:before,
.content > .h3-heading .more.open ul li.active:before,
.box .vs .h3-heading .more.open ul li.active:before,
.content .vs .h3-heading .more.open ul li.active:before,
.box > h2 .more.open ul li.active:before,
.content > h2 .more.open ul li.active:before,
.box > h3 .more:hover ul li.active:before,
.content > h3 .more:hover ul li.active:before,
.box > .h3-heading .more:hover ul li.active:before,
.content > .h3-heading .more:hover ul li.active:before,
.box .vs .h3-heading .more:hover ul li.active:before,
.content .vs .h3-heading .more:hover ul li.active:before,
.box > h2 .more:hover ul li.active:before,
.content > h2 .more:hover ul li.active:before {
  content: '\e809';
}
.box > h3 .more.open ul li:not(.active):hover,
.content > h3 .more.open ul li:not(.active):hover,
.box > .h3-heading .more.open ul li:not(.active):hover,
.content > .h3-heading .more.open ul li:not(.active):hover,
.box .vs .h3-heading .more.open ul li:not(.active):hover,
.content .vs .h3-heading .more.open ul li:not(.active):hover,
.box > h2 .more.open ul li:not(.active):hover,
.content > h2 .more.open ul li:not(.active):hover,
.box > h3 .more:hover ul li:not(.active):hover,
.content > h3 .more:hover ul li:not(.active):hover,
.box > .h3-heading .more:hover ul li:not(.active):hover,
.content > .h3-heading .more:hover ul li:not(.active):hover,
.box .vs .h3-heading .more:hover ul li:not(.active):hover,
.content .vs .h3-heading .more:hover ul li:not(.active):hover,
.box > h2 .more:hover ul li:not(.active):hover,
.content > h2 .more:hover ul li:not(.active):hover {
  color: #1de4c9;
}
.box > h3 .more.open input.spielplanVerein,
.content > h3 .more.open input.spielplanVerein,
.box > .h3-heading .more.open input.spielplanVerein,
.content > .h3-heading .more.open input.spielplanVerein,
.box .vs .h3-heading .more.open input.spielplanVerein,
.content .vs .h3-heading .more.open input.spielplanVerein,
.box > h2 .more.open input.spielplanVerein,
.content > h2 .more.open input.spielplanVerein,
.box > h3 .more:hover input.spielplanVerein,
.content > h3 .more:hover input.spielplanVerein,
.box > .h3-heading .more:hover input.spielplanVerein,
.content > .h3-heading .more:hover input.spielplanVerein,
.box .vs .h3-heading .more:hover input.spielplanVerein,
.content .vs .h3-heading .more:hover input.spielplanVerein,
.box > h2 .more:hover input.spielplanVerein,
.content > h2 .more:hover input.spielplanVerein {
  display: block;
}
.box > h3 .switch,
.content > h3 .switch,
.box > .h3-heading .switch,
.content > .h3-heading .switch,
.box .vs .h3-heading .switch,
.content .vs .h3-heading .switch,
.box > h2 .switch,
.content > h2 .switch {
  float: right;
  padding: 0 4px 0 0;
  margin-top: -27px;
}
.box > h3 .switch div,
.content > h3 .switch div,
.box > .h3-heading .switch div,
.content > .h3-heading .switch div,
.box .vs .h3-heading .switch div,
.content .vs .h3-heading .switch div,
.box > h2 .switch div,
.content > h2 .switch div {
  float: left;
  padding: 0 4px 0 0;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = (50));
  cursor: pointer;
}
.box > h3 .switch div:hover,
.content > h3 .switch div:hover,
.box > .h3-heading .switch div:hover,
.content > .h3-heading .switch div:hover,
.box .vs .h3-heading .switch div:hover,
.content .vs .h3-heading .switch div:hover,
.box > h2 .switch div:hover,
.content > h2 .switch div:hover {
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  -webkit-opacity: 0.75;
  opacity: 0.75;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(75));
  filter: alpha(opacity = (75));
}
.box > h3 .switch div.active,
.content > h3 .switch div.active,
.box > .h3-heading .switch div.active,
.content > .h3-heading .switch div.active,
.box .vs .h3-heading .switch div.active,
.content .vs .h3-heading .switch div.active,
.box > h2 .switch div.active,
.content > h2 .switch div.active {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.box > h3 .switch i,
.content > h3 .switch i,
.box > .h3-heading .switch i,
.content > .h3-heading .switch i,
.box .vs .h3-heading .switch i,
.content .vs .h3-heading .switch i,
.box > h2 .switch i,
.content > h2 .switch i {
  font-size: 24px;
  line-height: 24px;
}
.box > h2,
.content > h2 {
  font-size: 40px;
  padding: 0;
}
.box > .more.content,
.content > .more.content {
  position: absolute;
  right: 0;
  top: 15px;
  width: 100%;
  max-width: 230px;
}
.box > .more.content .filters,
.content > .more.content .filters {
  margin: 0;
}
.box > .more.content .filters select,
.content > .more.content .filters select {
  width: 100%;
  margin: 0;
  padding: 0 10px;
}
.box h4.subtitle,
.content h4.subtitle {
  background: #d8d8d8;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  padding: 0;
  text-indent: 8px;
  text-transform: uppercase;
}
.box .arrownav,
.content .arrownav {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  position: relative;
  min-height: 24px;
  width: 100%;
}
.box .arrownav .paging,
.content .arrownav .paging {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding: 0;
  color: #20376f;
  width: 9%;
  height: 24px;
}
.box .arrownav .paging a,
.content .arrownav .paging a,
.box .arrownav .paging a:hover,
.content .arrownav .paging a:hover {
  color: #20376f;
}
.box .arrownav .paging.prev,
.content .arrownav .paging.prev {
  float: left;
  margin: 0 0 0 1%;
  text-align: left;
}
.box .arrownav .paging.next,
.content .arrownav .paging.next {
  float: right;
  margin: 0 1% 0 0;
  text-align: right;
}
.box .arrownav .paging.last,
.content .arrownav .paging.last,
.box .arrownav .paging.first,
.content .arrownav .paging.first {
  width: 4%;
}
.box .arrownav .smalltitle,
.content .arrownav .smalltitle {
  font: 12px/40px 'Avant Garde';
  float: left;
  padding: 0;
  margin: 0 auto;
  text-transform: uppercase;
  width: 80%;
  text-align: center;
  color: #20376f;
}
.box .arrownav .smalltitle a,
.content .arrownav .smalltitle a {
  color: #20376f;
  text-decoration: none;
}
.box .arrownav:after,
.content .arrownav:after {
  content: '';
  display: block;
  clear: both;
}
.box .arrownav .more,
.content .arrownav .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
}
.box .arrownav .more ul,
.content .arrownav .more ul {
  margin: 0;
  padding: 0 2%;
  list-style: none;
  text-transform: uppercase;
  height: 22px;
  overflow: hidden;
}
.box .arrownav .more ul li,
.content .arrownav .more ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  background: #ffffff;
  border: none;
  text-align: center;
}
.box .arrownav .more ul li.hidden,
.content .arrownav .more ul li.hidden {
  display: none;
}
.box .arrownav .more ul li.active,
.content .arrownav .more ul li.active {
  visibility: visible;
  position: absolute;
  top: 2px;
  right: 2%;
  left: 2%;
  padding: 0 9%;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  background: inherit;
  text-align: center;
  cursor: pointer;
}
.box .arrownav .more ul li.active a,
.content .arrownav .more ul li.active a {
  display: block;
  text-align: center;
}
.box .arrownav .more ul li.active:before,
.content .arrownav .more ul li.active:before {
  content: '\e80a';
  float: right;
  margin: 3px -12px 0 12px;
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}
.box .arrownav .more.open,
.content .arrownav .more.open,
.box .arrownav .more:hover,
.content .arrownav .more:hover {
  background: #ffffff;
  border: 1px solid #20376f;
  z-index: 10;
}
.box .arrownav .more.open ul,
.content .arrownav .more.open ul,
.box .arrownav .more:hover ul,
.content .arrownav .more:hover ul {
  height: auto;
  margin: 32px 0 5px 0;
  max-height: 150px;
  overflow: auto;
}
.box .arrownav .more.open ul li,
.content .arrownav .more.open ul li,
.box .arrownav .more:hover ul li,
.content .arrownav .more:hover ul li {
  visibility: visible;
  color: #20376f;
}
.box .arrownav .more.open ul li:hover,
.content .arrownav .more.open ul li:hover,
.box .arrownav .more:hover ul li:hover,
.content .arrownav .more:hover ul li:hover {
  color: #1de4c9;
}
.box .arrownav .more.open ul li.active,
.content .arrownav .more.open ul li.active,
.box .arrownav .more:hover ul li.active,
.content .arrownav .more:hover ul li.active {
  color: #1de4c9;
  background: #ffffff;
}
.box .arrownav .more.open ul li.active:before,
.content .arrownav .more.open ul li.active:before,
.box .arrownav .more:hover ul li.active:before,
.content .arrownav .more:hover ul li.active:before {
  color: #1de4c9;
  cursor: inherit;
}
.box .arrownav .more.open input.spielplanVerein,
.content .arrownav .more.open input.spielplanVerein,
.box .arrownav .more:hover input.spielplanVerein,
.content .arrownav .more:hover input.spielplanVerein {
  display: block;
}
.box .smalltitle,
.content .smalltitle {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 18px;
  font-family: 'Avant Garde',Arial,sans-serif;
  padding: 4px 0 2px;
  margin: 0 2%;
  text-transform: uppercase;
  text-align: center;
  color: #20376f;
}
.box .smalltitle a,
.content .smalltitle a {
  color: #20376f;
  text-decoration: none;
}
.box > a.more,
.content > a.more {
  display: flex;
  align-items: center;
  text-align: right;
  color: #20376f;
  font: 15px 'Avant Garde';
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  padding: 0;
  clear: both;
  margin-top: 15px;
}
.box > a.more i,
.content > a.more i {
  font-size: 11px;
  margin-left: 15px;
}
.box > a.more.border,
.content > a.more.border {
  border-top: 1px solid #20376f;
  margin-top: 10px;
  padding-top: 15px;
}
.box .tickertext,
.content .tickertext {
  max-height: 600px;
  margin: 0;
  overflow: auto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .tickertext img,
.content .tickertext img {
  display: block;
}
.box .tickertext strong,
.content .tickertext strong {
  font-weight: normal;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .tickertext .neutral,
.content .tickertext .neutral {
  display: block;
  width: 100%;
  padding: 4px 0;
  margin: 0;
  text-transform: uppercase;
  background: #ececec;
  overflow: hidden;
  border-top: 1px solid #d8d8d8;
  text-align: center;
  line-height: 24px;
  vertical-align: middle;
}
.box .tickertext .neutral .text,
.content .tickertext .neutral .text {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  padding: 0 1%;
  display: inline-block;
}
.box .tickertext .neutral .action,
.content .tickertext .neutral .action,
.box .tickertext .neutral .time,
.content .tickertext .neutral .time {
  display: inline-block;
  vertical-align: middle;
}
.box .tickertext .gast,
.content .tickertext .gast,
.box .tickertext .heim,
.content .tickertext .heim {
  border-top: 1px solid #d8d8d8;
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
}
.box .tickertext .gast .logo,
.content .tickertext .gast .logo,
.box .tickertext .heim .logo,
.content .tickertext .heim .logo,
.box .tickertext .gast .action,
.content .tickertext .gast .action,
.box .tickertext .heim .action,
.content .tickertext .heim .action {
  width: 24px;
}
.box .tickertext .gast .logo img,
.content .tickertext .gast .logo img,
.box .tickertext .heim .logo img,
.content .tickertext .heim .logo img,
.box .tickertext .gast .action img,
.content .tickertext .gast .action img,
.box .tickertext .heim .action img,
.content .tickertext .heim .action img {
  width: 24px;
  height: 24px;
}
.box .tickertext .gast .time,
.content .tickertext .gast .time,
.box .tickertext .heim .time,
.content .tickertext .heim .time {
  width: 40px;
  color: #1de4c9;
}
.box .tickertext .heim .logo,
.content .tickertext .heim .logo,
.box .tickertext .heim .time,
.content .tickertext .heim .time,
.box .tickertext .heim .action,
.content .tickertext .heim .action {
  float: left;
  padding: 0 8px;
}
.box .tickertext .heim .text,
.content .tickertext .heim .text {
  text-align: left;
  padding: 0 8px;
}
.box .tickertext .gast .logo,
.content .tickertext .gast .logo,
.box .tickertext .gast .time,
.content .tickertext .gast .time,
.box .tickertext .gast .action,
.content .tickertext .gast .action {
  float: right;
  padding: 0 8px;
}
.box .tickertext .gast .text,
.content .tickertext .gast .text {
  text-align: right;
  padding: 0 8px;
}
.box .tickertext .logo,
.content .tickertext .logo,
.box .tickertext .time,
.content .tickertext .time,
.box .tickertext .action,
.content .tickertext .action {
  text-align: center;
}
.box .vs .vs1,
.content .vs .vs1,
.box .vs .vs2,
.content .vs .vs2 {
  width: 46%;
}
.box .vs .vs1 .heading,
.content .vs .vs1 .heading,
.box .vs .vs2 .heading,
.content .vs .vs2 .heading {
  padding: 0;
  overflow: hidden;
  width: 59%;
  text-transform: uppercase;
  background: #ececec;
}
.box .vs .vs1 .heading .player,
.content .vs .vs1 .heading .player,
.box .vs .vs2 .heading .player,
.content .vs .vs2 .heading .player {
  display: block;
  margin: 10px 5% 10px 0;
  position: relative;
  width: 30%;
  float: left;
}
.box .vs .vs1 .heading .player .img_player,
.content .vs .vs1 .heading .player .img_player,
.box .vs .vs2 .heading .player .img_player,
.content .vs .vs2 .heading .player .img_player {
  position: relative;
  display: block;
  height: 100px;
  width: auto;
}
.box .vs .vs1 .heading .player .img_team,
.content .vs .vs1 .heading .player .img_team,
.box .vs .vs2 .heading .player .img_team,
.content .vs .vs2 .heading .player .img_team {
  position: absolute;
  top: 10px;
  right: 5%;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = (50));
  display: block;
}
.box .vs .vs1 .heading .h3-heading,
.content .vs .vs1 .heading .h3-heading,
.box .vs .vs2 .heading .h3-heading,
.content .vs .vs2 .heading .h3-heading {
  background: #1de4c9;
  color: #ffffff;
  padding: 10px 2%;
  margin: 0 0 10px;
}
.box .vs .vs1 .heading .h3-heading + .arrownav,
.content .vs .vs1 .heading .h3-heading + .arrownav,
.box .vs .vs2 .heading .h3-heading + .arrownav,
.content .vs .vs2 .heading .h3-heading + .arrownav {
  margin: -10px 0 10px;
}
.box .vs .vs1 .heading .h3-heading span,
.content .vs .vs1 .heading .h3-heading span,
.box .vs .vs2 .heading .h3-heading span,
.content .vs .vs2 .heading .h3-heading span {
  float: left;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 68%;
}
.box .vs .vs1 .heading .h3-heading .more,
.content .vs .vs1 .heading .h3-heading .more,
.box .vs .vs2 .heading .h3-heading .more,
.content .vs .vs2 .heading .h3-heading .more {
  max-width: 100px;
}
.box .vs .vs1 .heading .h3-heading .more ul li.active:before,
.content .vs .vs1 .heading .h3-heading .more ul li.active:before,
.box .vs .vs2 .heading .h3-heading .more ul li.active:before,
.content .vs .vs2 .heading .h3-heading .more ul li.active:before {
  margin-right: 0;
}
.box .vs .vs1 .heading .arrownav,
.content .vs .vs1 .heading .arrownav,
.box .vs .vs2 .heading .arrownav,
.content .vs .vs2 .heading .arrownav {
  background: #ffffff;
}
.box .vs .vs1 .heading h3,
.content .vs .vs1 .heading h3,
.box .vs .vs2 .heading h3,
.content .vs .vs2 .heading h3 {
  float: left;
  width: 78%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.box .vs .vs1 .heading p,
.content .vs .vs1 .heading p,
.box .vs .vs2 .heading p,
.content .vs .vs2 .heading p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  color: #ffffff;
  padding: 0 0 5px;
}
.box .vs .vs1 .heading dl,
.content .vs .vs1 .heading dl,
.box .vs .vs2 .heading dl,
.content .vs .vs2 .heading dl {
  margin: 0 2%;
  padding: 0 0 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .vs .vs1 .heading dt,
.content .vs .vs1 .heading dt,
.box .vs .vs2 .heading dt,
.content .vs .vs2 .heading dt,
.box .vs .vs1 .heading dd,
.content .vs .vs1 .heading dd,
.box .vs .vs2 .heading dd,
.content .vs .vs2 .heading dd {
  float: left;
  padding: 5px 0;
  margin: 0;
}
.box .vs .vs1 .heading dt,
.content .vs .vs1 .heading dt,
.box .vs .vs2 .heading dt,
.content .vs .vs2 .heading dt {
  width: 45%;
  clear: both;
  padding-right: 5%;
  color: #666666;
}
.box .vs .vs1 .heading dd,
.content .vs .vs1 .heading dd,
.box .vs .vs2 .heading dd,
.content .vs .vs2 .heading dd {
  width: 50%;
  font-size: 17px;
}
.box .vs .vs1 .heading .imgplayer,
.content .vs .vs1 .heading .imgplayer,
.box .vs .vs2 .heading .imgplayer,
.content .vs .vs2 .heading .imgplayer {
  float: left;
  width: 40%;
  height: auto;
  margin: 5px 5%;
}
.box .vs .vs1 .heading .imgplayer + dl,
.content .vs .vs1 .heading .imgplayer + dl,
.box .vs .vs2 .heading .imgplayer + dl,
.content .vs .vs2 .heading .imgplayer + dl {
  float: left;
  width: 50%;
  margin: 0;
}
.box .vs .vs1 .heading .imgplayer + dl dt,
.content .vs .vs1 .heading .imgplayer + dl dt,
.box .vs .vs2 .heading .imgplayer + dl dt,
.content .vs .vs2 .heading .imgplayer + dl dt {
  padding-bottom: 0;
  padding-right: 0;
}
.box .vs .vs1 .heading .imgplayer + dl dd,
.content .vs .vs1 .heading .imgplayer + dl dd,
.box .vs .vs2 .heading .imgplayer + dl dd,
.content .vs .vs2 .heading .imgplayer + dl dd {
  padding-top: 0;
}
.box .vs .vs1 .heading .imgplayer + dl dt,
.content .vs .vs1 .heading .imgplayer + dl dt,
.box .vs .vs2 .heading .imgplayer + dl dt,
.content .vs .vs2 .heading .imgplayer + dl dt,
.box .vs .vs1 .heading .imgplayer + dl dd,
.content .vs .vs1 .heading .imgplayer + dl dd,
.box .vs .vs2 .heading .imgplayer + dl dd,
.content .vs .vs2 .heading .imgplayer + dl dd {
  width: 100%;
}
.box .vs .vs1 .heading > a.more,
.content .vs .vs1 .heading > a.more,
.box .vs .vs2 .heading > a.more,
.content .vs .vs2 .heading > a.more {
  display: block;
  border-top: 5px solid #d8d8d8;
  text-align: right;
  color: #666666;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 27px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  padding: 0;
  clear: both;
  background: #ffffff;
}
.box .vs .vs1 .heading > a.more i,
.content .vs .vs1 .heading > a.more i,
.box .vs .vs2 .heading > a.more i,
.content .vs .vs2 .heading > a.more i {
  font-size: 11px;
  float: right;
  margin-left: 5px;
}
.box .vs .vs1 .heading a,
.content .vs .vs1 .heading a,
.box .vs .vs2 .heading a,
.content .vs .vs2 .heading a {
  color: #20376f;
  text-decoration: none;
}
.box .vs .vs1 .heading a:hover,
.content .vs .vs1 .heading a:hover,
.box .vs .vs2 .heading a:hover,
.content .vs .vs2 .heading a:hover {
  color: #1de4c9;
}
.box .vs .vs1 .heading .klublogo,
.content .vs .vs1 .heading .klublogo,
.box .vs .vs2 .heading .klublogo,
.content .vs .vs2 .heading .klublogo {
  float: left;
  width: auto;
  height: 24px;
  margin: 0 2% 0 0;
  padding: 0;
}
.box .vs .vs1 .stats,
.content .vs .vs1 .stats,
.box .vs .vs2 .stats,
.content .vs .vs2 .stats {
  width: 35%;
  position: relative;
}
.box .vs .vs1 .stats .row,
.content .vs .vs1 .stats .row,
.box .vs .vs2 .stats .row,
.content .vs .vs2 .stats .row {
  padding: 0;
  margin: 5px 0;
  overflow: hidden;
  line-height: 40px;
  background: #ececec;
  float: left;
  width: 100%;
}
.box .vs .vs1 .stats .bar,
.content .vs .vs1 .stats .bar,
.box .vs .vs2 .stats .bar,
.content .vs .vs2 .stats .bar {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  font-family: 'Avant Garde',Arial,sans-serif;
  background: #92999d;
  float: left;
  padding: 0 2%;
  max-width: 96%;
  height: 40px;
}
.box .vs .vs1 .stats .bar.won,
.content .vs .vs1 .stats .bar.won,
.box .vs .vs2 .stats .bar.won,
.content .vs .vs2 .stats .bar.won {
  background: #1de4c9;
}
.box .vs .vs1 .stats .bar.won + p,
.content .vs .vs1 .stats .bar.won + p,
.box .vs .vs2 .stats .bar.won + p,
.content .vs .vs2 .stats .bar.won + p {
  font-family: 'Avant Garde',Arial,sans-serif;
  text-shadow: 1px 1px 0 #1de4c9, 1px -1px 0 #1de4c9, -1px 1px 0 #1de4c9, -1px -1px 0 #1de4c9;
}
.box .vs .vs1 .stats .row p,
.content .vs .vs1 .stats .row p,
.box .vs .vs2 .stats .row p,
.content .vs .vs2 .stats .row p {
  position: absolute;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 40px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  padding: 0 5%;
  text-shadow: 1px 1px 0 #92999d, 1px -1px 0 #92999d, -1px 1px 0 #92999d, -1px -1px 0 #92999d;
}
.box .vs .vs1 .stats .block,
.content .vs .vs1 .stats .block,
.box .vs .vs2 .stats .block,
.content .vs .vs2 .stats .block {
  margin: 24px 0 0;
  padding: 0 0 5px;
  overflow: hidden;
}
.box .vs .vs1,
.content .vs .vs1 {
  float: left;
}
.box .vs .vs1 .heading,
.content .vs .vs1 .heading {
  float: left;
  margin-right: 6%;
}
.box .vs .vs1 .stats,
.content .vs .vs1 .stats {
  float: left;
}
.box .vs .vs1 .stats .row p,
.content .vs .vs1 .stats .row p {
  text-align: left;
  right: 0;
}
.box .vs .vs1 .stats .bar,
.content .vs .vs1 .stats .bar {
  float: right;
  text-align: right;
}
.box .vs .vs2,
.content .vs .vs2 {
  float: right;
}
.box .vs .vs2 .heading,
.content .vs .vs2 .heading {
  float: right;
  margin-left: 6%;
}
.box .vs .vs2 .stats,
.content .vs .vs2 .stats {
  float: right;
}
.box .vs .vs2 .stats .row p,
.content .vs .vs2 .stats .row p {
  text-align: right;
  left: 0;
}
.box .vs .legend,
.content .vs .legend {
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
.box .vs .legend .heading,
.content .vs .legend .heading {
  font-style: normal;
  font-size: 80px;
  line-height: 150px;
  font-family: 'Avant Garde',Arial,sans-serif;
  height: 150px;
  overflow: hidden;
  font-weight: normal;
  color: #111111;
}
.box .vs .legend .stats > a,
.content .vs .legend .stats > a {
  display: block;
  color: #ffffff;
  background: #20376f;
  text-transform: uppercase;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: center;
  text-decoration: none;
  margin: 0 0 5px;
}
.box .vs .legend .stats .row,
.content .vs .legend .stats .row {
  padding: 5px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 40px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #111111;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
}
.box .vs .legend .stats .tooltip,
.content .vs .legend .stats .tooltip {
  position: absolute;
  left: 50%;
  display: none;
  bottom: -2px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}
.box .vs .legend .stats .tooltip span,
.content .vs .legend .stats .tooltip span {
  position: relative;
  display: block;
  left: -60%;
  background-image: url("/?proxy=img/bg_tooltip.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 200px 50px;
  padding: 7px 10% 4px;
  width: 100%;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .box .vs .legend .stats .tooltip span,
  .content .vs .legend .stats .tooltip span {
    background-image: url("/?proxy=img/bg_tooltip@2x.png");
    background-size: 200px 55px;
  }
}
.box .vs .legend .stats .row:hover .tooltip,
.content .vs .legend .stats .row:hover .tooltip {
  display: block;
  z-index: 3;
}
.box .vs .legend.team .heading,
.content .vs .legend.team .heading {
  height: 140px;
  line-height: 140px;
}
.box .players,
.content .players,
.box .comparison,
.content .comparison {
  width: 48%;
  float: left;
}
.box .players .h3-heading,
.content .players .h3-heading,
.box .comparison .h3-heading,
.content .comparison .h3-heading {
  margin: 0;
  background: #1de4c9;
  padding: 6px 0;
  height: 24px;
  position: relative;
  color: #ffffff;
}
.box .players .h3-heading img,
.content .players .h3-heading img,
.box .comparison .h3-heading img,
.content .comparison .h3-heading img {
  border: none;
  margin-left: 5px;
}
.box .players .h3-heading span,
.content .players .h3-heading span,
.box .comparison .h3-heading span,
.content .comparison .h3-heading span {
  display: block;
  padding: 6px 0 6px 28px;
  text-transform: uppercase;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
}
.box .players .h3-heading .more,
.content .players .h3-heading .more,
.box .comparison .h3-heading .more,
.content .comparison .h3-heading .more {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 200px;
}
.box .players .h3-heading .more ul,
.content .players .h3-heading .more ul,
.box .comparison .h3-heading .more ul,
.content .comparison .h3-heading .more ul {
  margin: 0;
  padding: 4px 2%;
  list-style: none;
  text-transform: uppercase;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 96%;
}
.box .players .h3-heading .more ul li,
.content .players .h3-heading .more ul li,
.box .comparison .h3-heading .more ul li,
.content .comparison .h3-heading .more ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  background: #ffffff;
  border: none;
}
.box .players .h3-heading .more ul li.active,
.content .players .h3-heading .more ul li.active,
.box .comparison .h3-heading .more ul li.active,
.content .comparison .h3-heading .more ul li.active {
  visibility: visible;
  position: absolute;
  top: 8px;
  right: 2%;
  left: 2%;
  padding-right: 9%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 87%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  background: inherit;
}
.box .players .h3-heading .more ul li.active:before,
.content .players .h3-heading .more ul li.active:before,
.box .comparison .h3-heading .more ul li.active:before,
.content .comparison .h3-heading .more ul li.active:before {
  content: '\e80a';
  float: right;
  margin: 3px -12px 0 12px;
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #ffffff;
}
.box .players .h3-heading .more.open,
.content .players .h3-heading .more.open,
.box .comparison .h3-heading .more.open,
.content .comparison .h3-heading .more.open,
.box .players .h3-heading .more:hover,
.content .players .h3-heading .more:hover,
.box .comparison .h3-heading .more:hover,
.content .comparison .h3-heading .more:hover {
  background: #ffffff;
  border: 1px solid #20376f;
  z-index: 10;
}
.box .players .h3-heading .more.open ul,
.content .players .h3-heading .more.open ul,
.box .comparison .h3-heading .more.open ul,
.content .comparison .h3-heading .more.open ul,
.box .players .h3-heading .more:hover ul,
.content .players .h3-heading .more:hover ul,
.box .comparison .h3-heading .more:hover ul,
.content .comparison .h3-heading .more:hover ul {
  height: auto;
  margin: 40px 0 10px 0;
  max-height: 150px;
  overflow: auto;
}
.box .players .h3-heading .more.open ul li,
.content .players .h3-heading .more.open ul li,
.box .comparison .h3-heading .more.open ul li,
.content .comparison .h3-heading .more.open ul li,
.box .players .h3-heading .more:hover ul li,
.content .players .h3-heading .more:hover ul li,
.box .comparison .h3-heading .more:hover ul li,
.content .comparison .h3-heading .more:hover ul li {
  visibility: visible;
  color: #20376f;
}
.box .players .h3-heading .more.open ul li:hover,
.content .players .h3-heading .more.open ul li:hover,
.box .comparison .h3-heading .more.open ul li:hover,
.content .comparison .h3-heading .more.open ul li:hover,
.box .players .h3-heading .more:hover ul li:hover,
.content .players .h3-heading .more:hover ul li:hover,
.box .comparison .h3-heading .more:hover ul li:hover,
.content .comparison .h3-heading .more:hover ul li:hover {
  color: #1de4c9;
}
.box .players .h3-heading .more.open ul li.active,
.content .players .h3-heading .more.open ul li.active,
.box .comparison .h3-heading .more.open ul li.active,
.content .comparison .h3-heading .more.open ul li.active,
.box .players .h3-heading .more:hover ul li.active,
.content .players .h3-heading .more:hover ul li.active,
.box .comparison .h3-heading .more:hover ul li.active,
.content .comparison .h3-heading .more:hover ul li.active {
  text-align: left;
  cursor: inherit;
  color: #1de4c9;
  background: #ffffff;
}
.box .players .h3-heading .more.open ul li.active:before,
.content .players .h3-heading .more.open ul li.active:before,
.box .comparison .h3-heading .more.open ul li.active:before,
.content .comparison .h3-heading .more.open ul li.active:before,
.box .players .h3-heading .more:hover ul li.active:before,
.content .players .h3-heading .more:hover ul li.active:before,
.box .comparison .h3-heading .more:hover ul li.active:before,
.content .comparison .h3-heading .more:hover ul li.active:before {
  color: #1de4c9;
  cursor: inherit;
}
.box .players .details,
.content .players .details,
.box .comparison .details,
.content .comparison .details {
  padding: 5px 2% 5px 0;
  overflow: hidden;
  height: 130px;
  position: relative;
  margin-bottom: 5%;
}
.box .players .details .player,
.content .players .details .player,
.box .comparison .details .player,
.content .comparison .details .player {
  height: 130px;
  float: left;
  margin: 0 2% 5% 0;
  padding: 0;
  max-width: 25%;
  max-height: 100%;
  overflow: hidden;
}
.box .players .details .player .imgplayer,
.content .players .details .player .imgplayer,
.box .comparison .details .player .imgplayer,
.content .comparison .details .player .imgplayer {
  height: 100%;
  width: auto;
  display: block;
  position: relative;
  z-index: 1;
}
.box .players .details .player .imgteamlogo,
.content .players .details .player .imgteamlogo,
.box .comparison .details .player .imgteamlogo,
.content .comparison .details .player .imgteamlogo {
  position: absolute;
  display: none;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  width: 25px;
  height: auto;
}
.box .players .details dl,
.content .players .details dl,
.box .comparison .details dl,
.content .comparison .details dl {
  width: 70%;
  float: right;
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 25px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #000000;
  text-transform: uppercase;
}
.box .players .details dl dt,
.content .players .details dl dt,
.box .comparison .details dl dt,
.content .comparison .details dl dt {
  width: 75%;
  margin: 0;
  padding: 0;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.box .players .details dl dd,
.content .players .details dl dd,
.box .comparison .details dl dd,
.content .comparison .details dl dd {
  width: 25%;
  margin: 0;
  padding: 0;
  float: right;
  text-align: right;
}
.box .players.teams .details,
.content .players.teams .details,
.box .comparison.teams .details,
.content .comparison.teams .details {
  height: 160px;
  overflow-y: auto;
}
.box .players.teams .details dl,
.content .players.teams .details dl,
.box .comparison.teams .details dl,
.content .comparison.teams .details dl {
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 25px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .players.teams .details dl dt,
.content .players.teams .details dl dt,
.box .comparison.teams .details dl dt,
.content .comparison.teams .details dl dt,
.box .players.teams .details dl dd,
.content .players.teams .details dl dd,
.box .comparison.teams .details dl dd,
.content .comparison.teams .details dl dd {
  width: 50%;
}
.box .players .filter,
.content .players .filter,
.box .comparison .filter,
.content .comparison .filter {
  position: relative;
  width: 100%;
  height: 30px;
}
.box .players .filter .more,
.content .players .filter .more,
.box .comparison .filter .more,
.content .comparison .filter .more {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  max-width: 200px;
}
.box .players .filter .more ul,
.content .players .filter .more ul,
.box .comparison .filter .more ul,
.content .comparison .filter .more ul {
  margin: 0;
  padding: 4px 2%;
  list-style: none;
  text-transform: uppercase;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 96%;
}
.box .players .filter .more ul li,
.content .players .filter .more ul li,
.box .comparison .filter .more ul li,
.content .comparison .filter .more ul li {
  display: block;
  visibility: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  border: none;
}
.box .players .filter .more ul li.active,
.content .players .filter .more ul li.active,
.box .comparison .filter .more ul li.active,
.content .comparison .filter .more ul li.active {
  visibility: visible;
  position: absolute;
  top: 8px;
  right: 2%;
  left: 2%;
  padding-right: 13%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  width: 83%;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #20376f;
}
.box .players .filter .more ul li.active:before,
.content .players .filter .more ul li.active:before,
.box .comparison .filter .more ul li.active:before,
.content .comparison .filter .more ul li.active:before {
  content: '\e80a';
  float: right;
  margin: 3px -12px 0 12px;
  font-family: "fontello", sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  color: #20376f;
}
.box .players .filter .more.open,
.content .players .filter .more.open,
.box .comparison .filter .more.open,
.content .comparison .filter .more.open,
.box .players .filter .more:hover,
.content .players .filter .more:hover,
.box .comparison .filter .more:hover,
.content .comparison .filter .more:hover {
  background: #ffffff;
  border: 1px solid #20376f;
  z-index: 10;
}
.box .players .filter .more.open ul,
.content .players .filter .more.open ul,
.box .comparison .filter .more.open ul,
.content .comparison .filter .more.open ul,
.box .players .filter .more:hover ul,
.content .players .filter .more:hover ul,
.box .comparison .filter .more:hover ul,
.content .comparison .filter .more:hover ul {
  height: auto;
  margin-top: 40px;
  max-height: 404px;
  overflow: auto;
}
.box .players .filter .more.open ul li,
.content .players .filter .more.open ul li,
.box .comparison .filter .more.open ul li,
.content .comparison .filter .more.open ul li,
.box .players .filter .more:hover ul li,
.content .players .filter .more:hover ul li,
.box .comparison .filter .more:hover ul li,
.content .comparison .filter .more:hover ul li {
  visibility: visible;
  color: #20376f;
}
.box .players .filter .more.open ul li:hover,
.content .players .filter .more.open ul li:hover,
.box .comparison .filter .more.open ul li:hover,
.content .comparison .filter .more.open ul li:hover,
.box .players .filter .more:hover ul li:hover,
.content .players .filter .more:hover ul li:hover,
.box .comparison .filter .more:hover ul li:hover,
.content .comparison .filter .more:hover ul li:hover {
  color: #1de4c9;
}
.box .players .filter .more.open ul li.active,
.content .players .filter .more.open ul li.active,
.box .comparison .filter .more.open ul li.active,
.content .comparison .filter .more.open ul li.active,
.box .players .filter .more:hover ul li.active,
.content .players .filter .more:hover ul li.active,
.box .comparison .filter .more:hover ul li.active,
.content .comparison .filter .more:hover ul li.active {
  text-align: left;
  cursor: inherit;
  color: #1de4c9;
  background: #ffffff;
}
.box .players .filter .more.open ul li.active:before,
.content .players .filter .more.open ul li.active:before,
.box .comparison .filter .more.open ul li.active:before,
.content .comparison .filter .more.open ul li.active:before,
.box .players .filter .more:hover ul li.active:before,
.content .players .filter .more:hover ul li.active:before,
.box .comparison .filter .more:hover ul li.active:before,
.content .comparison .filter .more:hover ul li.active:before {
  color: #1de4c9;
  cursor: inherit;
}
.box .players .chart .left,
.content .players .chart .left,
.box .comparison .chart .left,
.content .comparison .chart .left,
.box .players .chart .mid,
.content .players .chart .mid,
.box .comparison .chart .mid,
.content .comparison .chart .mid {
  float: left;
}
.box .players .chart .right,
.content .players .chart .right,
.box .comparison .chart .right,
.content .comparison .chart .right {
  float: right;
}
.box .players .chart .text,
.content .players .chart .text,
.box .comparison .chart .text,
.content .comparison .chart .text {
  width: 10%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 60px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}
.box .players .chart .text span,
.content .players .chart .text span,
.box .comparison .chart .text span,
.content .comparison .chart .text span {
  display: block;
  position: relative;
}
.box .players .chart .text span a,
.content .players .chart .text span a,
.box .comparison .chart .text span a,
.content .comparison .chart .text span a {
  text-decoration: none;
  color: #000000;
}
.box .players .chart .text span div,
.content .players .chart .text span div,
.box .comparison .chart .text span div,
.content .comparison .chart .text span div {
  position: absolute;
  left: 50%;
  display: none;
  bottom: -3px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}
.box .players .chart .text span div span,
.content .players .chart .text span div span,
.box .comparison .chart .text span div span,
.content .comparison .chart .text span div span {
  position: relative;
  display: block;
  left: -60%;
  background-image: url("/?proxy=img/bg_tooltip.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 200px 50px;
  padding: 7px 10% 2px;
  width: 100%;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .box .players .chart .text span div span,
  .content .players .chart .text span div span,
  .box .comparison .chart .text span div span,
  .content .comparison .chart .text span div span {
    background-image: url("/?proxy=img/bg_tooltip@2x.png");
    background-size: 200px 55px;
  }
}
.box .players .chart .text span:hover div,
.content .players .chart .text span:hover div,
.box .comparison .chart .text span:hover div,
.content .comparison .chart .text span:hover div {
  display: block;
  z-index: 3;
}
.box .players .chart .text.mid,
.content .players .chart .text.mid,
.box .comparison .chart .text.mid,
.content .comparison .chart .text.mid {
  width: 20%;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 60px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .players .chart .bars,
.content .players .chart .bars,
.box .comparison .chart .bars,
.content .comparison .chart .bars {
  width: 30%;
  float: left;
}
.box .players .chart .bars .full,
.content .players .chart .bars .full,
.box .comparison .chart .bars .full,
.content .comparison .chart .bars .full {
  display: block;
  background: #ececec;
  height: 50px;
  margin: 10px 0;
  position: relative;
}
.box .players .chart .bars .full .bar,
.content .players .chart .bars .full .bar,
.box .comparison .chart .bars .full .bar,
.content .comparison .chart .bars .full .bar {
  position: absolute;
  top: 0;
  background: #20376f;
  height: 100%;
}
.box .players .chart .bars.left .full .bar,
.content .players .chart .bars.left .full .bar,
.box .comparison .chart .bars.left .full .bar,
.content .comparison .chart .bars.left .full .bar {
  right: 0;
}
.box .players .chart .bars.right .full .bar,
.content .players .chart .bars.right .full .bar,
.box .comparison .chart .bars.right .full .bar,
.content .comparison .chart .bars.right .full .bar {
  left: 0;
}
.box .people,
.content .people {
  margin: 4px 0;
  height: 500px;
  overflow: auto;
}
.box .people table.footable td,
.content .people table.footable td {
  white-space: normal;
  text-transform: none;
  vertical-align: top;
  padding: 8px 1% 0;
  border-bottom: 1px solid #ececec;
}
.box .people table.footable td p,
.content .people table.footable td p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .people table.footable td p a,
.content .people table.footable td p a {
  white-space: nowrap;
}
.box .people table.footable td h4,
.content .people table.footable td h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
}
.box .people table.footable td img,
.content .people table.footable td img {
  display: block;
  float: left;
  height: 64px;
}
.box .content-wrapper > form,
.content .content-wrapper > form,
.box .searchForm form,
.content .searchForm form {
  padding: 10px 0;
  overflow: hidden;
  margin: 0;
}
.box .content-wrapper > form label,
.content .content-wrapper > form label,
.box .searchForm form label,
.content .searchForm form label {
  display: block;
  float: left;
  clear: both;
  width: 30%;
  font: 16px/40px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
}
.box .content-wrapper > form label strong,
.content .content-wrapper > form label strong,
.box .searchForm form label strong,
.content .searchForm form label strong {
  font: 20px/40px 'Avant Garde';
  color: #1de4c9;
}
.box .content-wrapper > form .tf,
.content .content-wrapper > form .tf,
.box .searchForm form .tf,
.content .searchForm form .tf,
.box .content-wrapper > form select,
.content .content-wrapper > form select,
.box .searchForm form select,
.content .searchForm form select,
.box .content-wrapper > form textarea,
.content .content-wrapper > form textarea,
.box .searchForm form textarea,
.content .searchForm form textarea,
.box .content-wrapper > form .captcha,
.content .content-wrapper > form .captcha,
.box .searchForm form .captcha,
.content .searchForm form .captcha {
  float: left;
  width: 40%;
  padding: 0 10px;
  background: #ffffff;
  font: 16px/38px 'HelveticaNeueLTW02-55Roman';
  border: 1px solid #d8d8d8;
  height: 40px;
  color: #20376f;
}
.box .content-wrapper > form .tf:hover,
.content .content-wrapper > form .tf:hover,
.box .searchForm form .tf:hover,
.content .searchForm form .tf:hover,
.box .content-wrapper > form select:hover,
.content .content-wrapper > form select:hover,
.box .searchForm form select:hover,
.content .searchForm form select:hover,
.box .content-wrapper > form textarea:hover,
.content .content-wrapper > form textarea:hover,
.box .searchForm form textarea:hover,
.content .searchForm form textarea:hover,
.box .content-wrapper > form .captcha:hover,
.content .content-wrapper > form .captcha:hover,
.box .searchForm form .captcha:hover,
.content .searchForm form .captcha:hover {
  border-color: #92999d;
}
.box .content-wrapper > form .tf:focus,
.content .content-wrapper > form .tf:focus,
.box .searchForm form .tf:focus,
.content .searchForm form .tf:focus,
.box .content-wrapper > form select:focus,
.content .content-wrapper > form select:focus,
.box .searchForm form select:focus,
.content .searchForm form select:focus,
.box .content-wrapper > form textarea:focus,
.content .content-wrapper > form textarea:focus,
.box .searchForm form textarea:focus,
.content .searchForm form textarea:focus,
.box .content-wrapper > form .captcha:focus,
.content .content-wrapper > form .captcha:focus,
.box .searchForm form .captcha:focus,
.content .searchForm form .captcha:focus,
.box .content-wrapper > form .tf:active,
.content .content-wrapper > form .tf:active,
.box .searchForm form .tf:active,
.content .searchForm form .tf:active,
.box .content-wrapper > form select:active,
.content .content-wrapper > form select:active,
.box .searchForm form select:active,
.content .searchForm form select:active,
.box .content-wrapper > form textarea:active,
.content .content-wrapper > form textarea:active,
.box .searchForm form textarea:active,
.content .searchForm form textarea:active,
.box .content-wrapper > form .captcha:active,
.content .content-wrapper > form .captcha:active,
.box .searchForm form .captcha:active,
.content .searchForm form .captcha:active {
  border-color: #1de4c9;
}
.box .content-wrapper > form select,
.content .content-wrapper > form select,
.box .searchForm form select,
.content .searchForm form select {
  width: 40%;
  border-radius: 0;
}
.box .content-wrapper > form textarea,
.content .content-wrapper > form textarea,
.box .searchForm form textarea,
.content .searchForm form textarea {
  height: 150px;
  padding-top: 5px;
  padding-bottom: 5%;
}
.box .content-wrapper > form select.short,
.content .content-wrapper > form select.short,
.box .searchForm form select.short,
.content .searchForm form select.short {
  width: 12.45%;
  float: left;
  margin-right: 1%;
}
.box .content-wrapper > form .row span,
.content .content-wrapper > form .row span,
.box .searchForm form .row span,
.content .searchForm form .row span,
.box .content-wrapper > form .invalid,
.content .content-wrapper > form .invalid,
.box .searchForm form .invalid,
.content .searchForm form .invalid {
  float: left;
  width: 21%;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  display: block;
  padding: 4px 2%;
  height: 16px;
  color: #b2001a;
}
.box .content-wrapper > form .row span a,
.content .content-wrapper > form .row span a,
.box .searchForm form .row span a,
.content .searchForm form .row span a,
.box .content-wrapper > form .invalid a,
.content .content-wrapper > form .invalid a,
.box .searchForm form .invalid a,
.content .searchForm form .invalid a {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  text-decoration: none;
}
.box .content-wrapper > form .row span a:hover,
.content .content-wrapper > form .row span a:hover,
.box .searchForm form .row span a:hover,
.content .searchForm form .row span a:hover,
.box .content-wrapper > form .invalid a:hover,
.content .content-wrapper > form .invalid a:hover,
.box .searchForm form .invalid a:hover,
.content .searchForm form .invalid a:hover {
  color: #1de4c9;
}
.box .content-wrapper > form .row span i,
.content .content-wrapper > form .row span i,
.box .searchForm form .row span i,
.content .searchForm form .row span i,
.box .content-wrapper > form .invalid i,
.content .content-wrapper > form .invalid i,
.box .searchForm form .invalid i,
.content .searchForm form .invalid i {
  margin-right: 4px;
}
.box .content-wrapper > form .row,
.content .content-wrapper > form .row,
.box .searchForm form .row,
.content .searchForm form .row {
  clear: both;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow: hidden;
}
.box .content-wrapper > form .captcha,
.content .content-wrapper > form .captcha,
.box .searchForm form .captcha,
.content .searchForm form .captcha {
  height: auto;
  margin-bottom: 5px;
}
.box .content-wrapper > form img,
.content .content-wrapper > form img,
.box .searchForm form img,
.content .searchForm form img {
  display: block;
  margin: 0 auto;
}
.box .content-wrapper > form .options-wrapper,
.content .content-wrapper > form .options-wrapper,
.box .searchForm form .options-wrapper,
.content .searchForm form .options-wrapper {
  float: left;
  width: 40%;
  display: flex;
}
.box .content-wrapper > form input.btn,
.content .content-wrapper > form input.btn,
.box .searchForm form input.btn,
.content .searchForm form input.btn {
  font: 13px/40px 'Avant Garde';
  color: #20376f;
  text-transform: uppercase;
  padding: 0 20px;
  margin: 0 0 15px 30%;
  border: 0;
  background: #1de4c9;
  width: 40%;
  cursor: pointer;
  height: 40px;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}
.box .content-wrapper > form input.btn.reset,
.content .content-wrapper > form input.btn.reset,
.box .searchForm form input.btn.reset,
.content .searchForm form input.btn.reset {
  background: #92999d;
  color: #ffffff;
}
.box .content-wrapper > form input.cb,
.content .content-wrapper > form input.cb,
.box .searchForm form input.cb,
.content .searchForm form input.cb {
  float: left;
  margin: 8px 10px 0 0;
  clear: left;
}
.box .content-wrapper > form span.forradio,
.content .content-wrapper > form span.forradio,
.box .searchForm form span.forradio,
.content .searchForm form span.forradio {
  width: auto;
  color: #20376f;
  font-size: 16px;
  line-height: 30px;
  padding: 0;
  height: auto;
}
.box .content-wrapper > form p,
.content .content-wrapper > form p,
.box .searchForm form p,
.content .searchForm form p {
  padding-top: 10px;
}
.box .content-wrapper > form .footnote,
.content .content-wrapper > form .footnote,
.box .searchForm form .footnote,
.content .searchForm form .footnote {
  font-size: 13px;
  line-height: 17px;
}
.box .content-wrapper > form .footnote.error,
.content .content-wrapper > form .footnote.error,
.box .searchForm form .footnote.error,
.content .searchForm form .footnote.error {
  font-size: 18px;
  color: #b2001a;
  font-weight: bolder;
}
.box .searchForm form,
.content .searchForm form {
  margin: 0;
  padding: 20px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}
.box .searchForm form label,
.content .searchForm form label {
  width: 20%;
  text-transform: uppercase;
  color: #20376f;
}
.box .searchForm form input.tf,
.content .searchForm form input.tf {
  width: 80%;
  margin: 0;
}
.box .searchForm form input.btn,
.content .searchForm form input.btn {
  margin: 0;
  width: auto;
  margin-right: 10px;
  float: left;
}
.box .searchForm form .row,
.content .searchForm form .row {
  border: 0;
}
.box .searchForm form .row:first-child,
.content .searchForm form .row:first-child {
  width: 100%;
  float: left;
  margin: 0;
  clear: none;
}
.box .searchForm form .row:nth-child(2),
.content .searchForm form .row:nth-child(2) {
  width: 50%;
  float: left;
  margin: 0;
  clear: none;
  padding-top: 10px;
  padding-left: 20%;
}
.box .searchForm form .searcherror,
.content .searchForm form .searcherror,
.box .searchForm form .searchtext,
.content .searchForm form .searchtext {
  text-align: left;
}
.box .searchForm form .searcherror,
.content .searchForm form .searcherror {
  color: #b2001a;
}
.box .searchForm form .searchtext,
.content .searchForm form .searchtext {
  color: #20376f;
  float: left;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-left: 20%;
}
.box .searchForm form .searchtext strong,
.content .searchForm form .searchtext strong {
  font-family: 'Avant Garde';
}
/* DSV-3892 karriere begin */
.career__data {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  padding: 0 20px 0 0;
}
.career__data .career__club {
  flex: 1 1 10%;
  align-self: flex-start;
  text-align: center;
  width: 10%;
}
.career__data .career__club img {
  width: 100%;
  max-width: 70px;
  height: auto;
  padding: 10px;
  position: relative;
}
.career__data .career__table {
  flex: 1 1 90%;
  width: 90%;
}
.career__data .career__table .career__clubname {
  margin: 0;
  padding: 10px 0;
  height: 70px;
  display: flex;
  align-items: center;
  padding-left: 10px;
}
.career__data .career__table .box.h3.career__clubname h3 {
  margin: 0;
  font-size: 18px;
}
.career__data.career__data--all {
  padding: 0;
}
.content:not(.meldung) .career__data.career__data--all table tr td:nth-of-type(2) {
  padding-left: 30px;
  padding-right: 10px;
}
.content:not(.meldung) .career__data.career__data--all table th:last-of-type,
.content:not(.meldung) .career__data.career__data--all table td:last-of-type {
  padding-right: 30px;
}
.career__wrapper .statsinfo {
  width: 100%;
  color: #20376f;
  font-size: 12px;
  padding: 20px 20px 20px 50px;
  /* margin-right: auto; */
  /* margin-left: auto; */
  background-color: #e7ebf5;
  border-radius: 0px;
  position: relative;
}
.career__wrapper .statsinfo::before {
  content: 'i';
  color: #000;
  position: absolute;
  top: 50%;
  left: 10px;
  width: 25px;
  height: 25px;
  text-align: center;
  transform: translateY(-50%);
  line-height: 25px;
  font-size: 18px;
  border-radius: 30px;
  background-color: #fff;
  margin: 0 5px;
}
/* DSV-3892 end */
/* Boxen (w1 und w2) */
.box {
  background: #ffffff;
}
.box > a > img {
  display: block;
}
.box table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.box table tr:hover {
  background: #fefefe;
}
.box table td.hasicon {
  position: relative;
  margin: 0;
  padding: 0;
}
.box table td.hasicon .icon.more {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 0;
  display: block;
}
.box table td.hasicon .icon.more i {
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #1de4c9;
}
.box table td {
  text-align: left;
  font: 12px/15px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
  vertical-align: middle;
  padding: 13px 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: 1px solid #d8d8d8;
  height: 61px;
}
.box table td img {
  display: block;
  width: 34px;
  height: auto;
}
.box table td a {
  text-decoration: none;
  color: #20376f;
  display: flex;
  align-items: center;
}
.box table td a:hover {
  color: #1de4c9;
}
.box table td.bold {
  font-family: 'Avant Garde';
}
.box table td.acenter {
  text-align: center;
}
.box table td.acenter a {
  justify-content: center;
  align-items: center;
}
.box table td.aright {
  text-align: right;
}
.box table td.aright img {
  float: left;
  margin-right: 10px;
}
.box table td.aleft img {
  float: right;
  margin-left: 10px;
}
.box table td a.team span {
  min-width: 35px;
  display: block;
}
.box table td a.team.away {
  justify-content: flex-end;
  align-items: center;
  text-align: left;
}
.box table td a.team.home {
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
  text-align: right;
}
.box table td.large {
  font-size: 15px;
  line-height: 20px;
  font-family: 'Avant Garde';
}
.box table td.large ~ td i {
  font-size: 24px;
  line-height: 24px;
  padding: 0 4px;
  display: block;
}
.box table th {
  font: 12px 'Avant Garde';
  padding: 10px 5px;
  color: #20376f;
  text-transform: uppercase;
  height: 40px;
}
.box table .sub th {
  background: #92999d;
  color: #ffffff;
}
.box .club_teamstatistik > div {
  display: none;
}
.box .club_teamstatistik > div.active {
  display: block;
}
.box .standings {
  overflow: auto;
  margin: 0;
  padding-bottom: 10px;
}
.box .standings table {
  height: 635px;
}
.box .standings table tr td {
  padding: 0 5px;
  height: auto;
}
.box .standings table tr td .team-logo {
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.box .standings table tr td .ico-arrow-full-do {
  color: #b2001a;
  float: right;
  margin-right: 2%;
  box-sizing: border-box;
}
.box .standings table tr td .ico-arrow-full-up {
  color: #1c8823;
  float: right;
  margin-right: 2%;
  box-sizing: border-box;
}
.box .standings table tr td .ico-arrow-full-ri {
  color: #92999d;
  float: right;
  margin-right: 2%;
  box-sizing: border-box;
}
.box .standings table tr.highlight td {
  border-color: #ffffff;
}
.box .standings table tr.highlight td a:hover {
  color: #000000;
}
.box .standings table tr.relegation td {
  border-color: #ffffff;
}
.box .standings table tr.relegation td a:hover {
  color: #000000;
}
.box .standings .name-short {
  display: none;
}
.box .schedule {
  /*overflow:auto;*/
  position: relative;
  overflow: hidden;
  margin-bottom: -6px;
}
.box .schedule td,
.box .schedule th {
  text-overflow: clip;
}
.box .schedule tr.live td,
.box .schedule tr.live td a {
  color: #b2001a;
}
.box .schedule.small {
  height: 156px;
}
.box .schedule.small table tr td:first-child,
.box .schedule.small table tr th:first-child {
  display: none;
}
.box .spielerprofil,
.box .clubprofilteam {
  margin-top: 10px;
}
.box .spielerprofil th.hasborder,
.box .clubprofilteam th.hasborder {
  border-right: 1px solid #ffffff;
}
.box .spielerprofil th,
.box .clubprofilteam th,
.box .spielerprofil td,
.box .clubprofilteam td {
  text-align: center;
}
.box .spielerprofil th:first-child,
.box .clubprofilteam th:first-child,
.box .spielerprofil td:first-child,
.box .clubprofilteam td:first-child {
  text-align: left;
}
.box .clubnews {
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.box .clubnews li {
  font: 16px/22px 'HelveticaNeueLTW02-55Roman';
  width: 100%;
  border-bottom: 1px solid #20376f;
}
.box .clubnews li a {
  display: flex;
  align-items: center;
  color: #20376f;
  text-decoration: none;
  overflow: hidden;
  height: 62px;
}
.box .clubnews li img {
  width: 34px;
  height: auto;
  float: left;
  margin-right: 10px;
}
.box .clubnews li:first-child {
  border-top: 1px solid #20376f;
}
.box .topplayer,
.box .topstats {
  overflow-y: auto;
  overflow-x: hidden;
}
.box .topplayer .heading,
.box .topstats .heading {
  color: #20376f;
  padding: 10px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  height: 40px;
}
.box .topplayer .heading a,
.box .topstats .heading a {
  color: #20376f;
  text-decoration: none;
}
.box .topplayer .heading a:hover,
.box .topstats .heading a:hover {
  color: #1de4c9;
}
.box .topplayer .heading h4,
.box .topstats .heading h4 {
  font: 15px/20px 'Avant Garde';
  white-space: nowrap;
  width: 83%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.box .topplayer .heading h4 img,
.box .topstats .heading h4 img {
  display: block;
  float: left;
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.box .topplayer .heading .value,
.box .topstats .heading .value {
  font: 15px/20px 'Avant Garde';
  float: right;
  width: 15%;
  text-align: right;
}
.box .topplayer .heading:first-child,
.box .topstats .heading:first-child {
  border-bottom: none;
  background: #1de4c9;
}
.box .topplayer .heading:first-child .value,
.box .topstats .heading:first-child .value {
  display: none;
}
.box .topplayer .heading:first-child a:hover,
.box .topstats .heading:first-child a:hover {
  color: #20376f;
}
.box .topplayer .heading:last-child,
.box .topstats .heading:last-child {
  border: none;
  height: 30px;
  padding-bottom: 0;
}
.box .topplayer .details,
.box .topstats .details {
  padding: 5px 5px 0 38px;
  overflow: hidden;
  height: 215px;
  position: relative;
  background: #1de4c9;
}
.box .topplayer .details .player,
.box .topstats .details .player {
  height: 100%;
  width: 50%;
  float: right;
  margin-right: 10px;
}
.box .topplayer .details .player .imgplayer,
.box .topstats .details .player .imgplayer {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: bottom;
  float: right;
  transition: all 0.3s ease;
  transform: scale(1);
  transform-origin: top;
}
.box .topplayer .details:hover .player .imgplayer,
.box .topstats .details:hover .player .imgplayer {
  transform: scale(1.1);
}
.box .topplayer .details dl,
.box .topstats .details dl {
  float: left;
  margin: 0;
  padding: 0;
  color: #20376f;
  text-align: left;
  position: absolute;
}
.box .topplayer .details dl dt,
.box .topstats .details dl dt {
  display: block;
  font: 14px 'HelveticaNeueLTW02-55Roman';
}
.box .topplayer .details dl dd,
.box .topstats .details dl dd {
  display: block;
  font: 20px/20px 'Avant Garde';
  margin: 0 0 20px 0;
}
.box .topplayer .details dl dd.large,
.box .topstats .details dl dd.large {
  font-size: 40px;
  line-height: 40px;
}
.box .topplayer .details .split3,
.box .topstats .details .split3 {
  float: left;
  width: 31.3333%;
  padding: 10px 1%;
  text-align: center;
}
.box .topplayer .details .split3 .nr,
.box .topstats .details .split3 .nr {
  display: block;
  color: #20376f;
  font: 40px/30px 'Avant Garde';
  margin: 0;
  padding: 0 0 10px;
}
.box .topplayer .details .split3 p,
.box .topstats .details .split3 p {
  margin: 0;
  padding: 0;
  font: 14px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
}
.box .topplayer .details .chart,
.box .topstats .details .chart {
  width: 50%;
}
.box .topplayer .details .chart .legend,
.box .topstats .details .chart .legend {
  float: left;
  width: 40%;
}
.box .topplayer .details .chart .values,
.box .topstats .details .chart .values {
  float: left;
  width: 50%;
  position: relative;
  height: 118px;
  margin: 32px 0 0 10%;
}
.box .topplayer .details .chart .values .value1,
.box .topstats .details .chart .values .value1,
.box .topplayer .details .chart .values .value2,
.box .topstats .details .chart .values .value2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.box .topplayer .details .chart .values .value1,
.box .topstats .details .chart .values .value1 {
  width: 70%;
  margin: 0 10% 0 20%;
  background: #bcc3d4;
  text-align: right;
}
.box .topplayer .details .chart .values .value1 p,
.box .topstats .details .chart .values .value1 p {
  margin-left: -48px;
  width: 44px;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #bcc3d4;
  padding: 0;
  position: absolute;
  text-align: center;
}
.box .topplayer .details .chart .values .value2,
.box .topstats .details .chart .values .value2 {
  width: 45%;
  margin: 0 20% 0 35%;
  background: #20376f;
}
.box .topplayer .details .chart .values .value2 p,
.box .topstats .details .chart .values .value2 p {
  text-align: center;
  color: #20376f;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin-top: -20px;
}
.box .topplayer .details .chart .values .bar,
.box .topstats .details .chart .values .bar {
  width: 100%;
  position: absolute;
}
.box .topplayer .details .chart.fright .legend,
.box .topstats .details .chart.fright .legend,
.box .topplayer .details .chart.fright .values,
.box .topstats .details .chart.fright .values {
  float: right;
}
.box .topplayer .details .chart.fright .values,
.box .topstats .details .chart.fright .values {
  margin: 32px 10% 0 0;
}
.box .topplayer .details .chart.fright .values .value1 p,
.box .topstats .details .chart.fright .values .value1 p {
  margin-left: 0;
  margin-right: -48px;
  right: 0;
  text-align: left;
}
.box .topplayer .details .chart.fright .legend p,
.box .topstats .details .chart.fright .legend p {
  text-align: left;
}
.box .topplayer .details .chart.fright .legend span,
.box .topstats .details .chart.fright .legend span {
  float: left;
}
.box .topplayer .details .chart .legend,
.box .topstats .details .chart .legend {
  margin-top: 64px;
}
.box .topplayer .details .chart .legend p,
.box .topstats .details .chart .legend p {
  font: 11px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
  text-align: right;
  margin: 0 0 10px 0;
}
.box .topplayer .details .chart .legend span,
.box .topstats .details .chart .legend span {
  width: 12px;
  height: 12px;
  line-height: 12px;
  float: right;
  display: block;
  margin: 2px 8px 16px 8px;
}
.box .topplayer .details .chart .legend .value1,
.box .topstats .details .chart .legend .value1 {
  background: #bcc3d4;
}
.box .topplayer .details .chart .legend .value2,
.box .topstats .details .chart .legend .value2 {
  background: #20376f;
}
.box .topplayer div.alwaysactive .details,
.box .topstats div.alwaysactive .details {
  display: block !important;
}
.box .topstats .details {
  height: 198px;
  padding: 10px;
}
.box .topstats .details .chart {
  height: 100%;
}
.box .topstats .details .chart .values {
  height: 100%;
}
.box .topstats .alwaysactive .details {
  height: 90px !important;
}
.box .kinexonMatchHeader {
  display: flex;
  justify-content: space-between;
  padding: 60px 0;
}
.box .kinexonMatchHeader .team {
  width: 33.3%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box .kinexonMatchHeader .team .teamName {
  font: 30px/35px 'Avant Garde';
  color: #20376f;
  text-transform: uppercase;
  text-align: center;
}
.box .kinexonMatchHeader .team img {
  width: 180px;
  margin-bottom: 30px;
}
.box .kinexonMatchHeader .fixture {
  background: #1de4c9;
  align-self: center;
}
.box .kinexonMatchHeader .fixture .score {
  font: 90px/70px 'Avant Garde';
  color: #20376f;
  padding: 40px;
  display: block;
}
.box .kinexonMatchHeader .fixture .round {
  display: block;
  font: bold 14px/14px 'HelveticaNeueLTW02-55Roman';
  text-transform: uppercase;
  color: #ffffff;
  background: #20376f;
  text-align: center;
  padding: 5px 0;
}
.box .kinexonMatchHeader .fixture .round span {
  border-left: 1px solid #ffffff;
  display: inline-block;
  padding-left: 8px;
  margin-left: 8px;
}
.box .kinexonVerteilung {
  display: flex;
  height: 255px;
  padding: 0 15px;
}
.box .kinexonVerteilung .playerList {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex: 0 0 calc(33.3% - 20px);
  flex-direction: column;
  justify-content: space-between;
}
.box .kinexonVerteilung .playerList li {
  color: #20376f;
  padding: 10px;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #d8d8d8;
  flex: 1;
  display: flex;
  align-items: center;
}
.box .kinexonVerteilung .playerList li a {
  color: #20376f;
  text-decoration: none;
  width: 100%;
  display: block;
}
.box .kinexonVerteilung .playerList li a:hover {
  color: #1de4c9;
}
.box .kinexonVerteilung .playerList li h4 {
  font: 15px/20px 'Avant Garde';
  white-space: nowrap;
  width: 78%;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}
.box .kinexonVerteilung .playerList li h4 img {
  display: block;
  float: left;
  width: 20px;
  height: auto;
  margin-right: 8px;
}
.box .kinexonVerteilung .playerList li .value {
  font: 15px/20px 'Avant Garde';
  float: right;
  width: 20%;
  text-align: right;
}
.box .kinexonVerteilung .playerList li.active {
  border-bottom: none;
  background: #1de4c9;
}
.box .kinexonVerteilung .playerList li.active a:hover {
  color: #20376f;
}
.box .kinexonVerteilung .playerList li:last-child {
  border: none;
}
.box .kinexonVerteilung .playerValuesWrapper {
  background: #20376f;
  flex: 1;
  height: 100%;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues {
  height: 100%;
  padding: 0 40px;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData {
  width: 63%;
  float: left;
  height: 100%;
  padding: 10px 0 0;
  display: flex;
  align-items: center;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData img {
  display: block;
  height: 100%;
  float: left;
  width: 50%;
  object-fit: contain;
  object-position: bottom;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl {
  float: left;
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-align: left;
  margin-left: 30px;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dt {
  display: block;
  font: 14px 'HelveticaNeueLTW02-55Roman';
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dd {
  display: block;
  font: 20px/20px 'Avant Garde';
  margin: 0 0 20px 0;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dd.large {
  font-size: 40px;
  line-height: 40px;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper {
  width: 37%;
  height: 100%;
  float: left;
  padding: 40px 0;
  display: flex;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots {
  width: 100%;
  padding-bottom: 61.76%;
  position: relative;
  background: url('/?proxy=img/kinexon_verteilung_tor.png') 0 0 no-repeat;
  background-size: cover;
  align-self: center;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots .shot,
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots .missed {
  width: 12px;
  height: 12px;
  position: absolute;
  margin-left: -6px;
  margin-top: -6px;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots .shot {
  background: #2AA835;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots .missed {
  line-height: 12px;
  display: block;
  text-align: center;
  font-weight: bold;
  color: #b2001a;
}
.box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper .shots .missed:before {
  content: "\00D7";
  display: block;
  font-weight: bolder;
  -webkit-text-stroke: 2px #b2001a;
}
.box .reloadContent > img,
.box .reloadContent .changeContent > img,
.box .reloadContent > h1,
.box .reloadContent .changeContent > h1 {
  display: block;
  height: 70px;
  width: 70px;
}
.box.h1 .reloadContent {
  margin: 4px 0;
}
.box.h1 .reloadContent .smalltitle {
  padding-top: 0;
}
.box.h1 .reloadContent .arrownav {
  min-height: 20px;
  line-height: 20px;
}
.box.h1 .reloadContent .arrownav .paging,
.box.h1 .reloadContent .arrownav h4 {
  line-height: 20px;
  height: 20px;
}
.box h3 + .reloadContent > img,
.box h3 + .reloadContent > h1,
.box h3 + .reloadContent .changeContent > img,
.box h3 + .reloadContent .changeContent > h1 {
  margin: 215px auto;
}
.box h3 + .boxnav + .reloadContent > img,
.box h3 + .boxnav + .reloadContent > h1,
.box h3 + .boxnav + .reloadContent .changeContent > img,
.box h3 + .boxnav + .reloadContent .changeContent > h1 {
  margin: 203px auto;
}
.box h3 + .reloadContent .arrownav + img,
.box h3 + .reloadContent .smalltitle + img,
.box h3 + .reloadContent .arrownav + h1,
.box h3 + .reloadContent .smalltitle + h1 {
  margin: 203px auto;
}
.box h3 + .boxnav + .reloadContent .arrownav + img,
.box h3 + .boxnav + .reloadContent .smalltitle + img,
.box h3 + .boxnav + .reloadContent .arrownav + h1,
.box h3 + .boxnav + .reloadContent .smalltitle + h1 {
  margin: 191px auto;
}
.box .tv,
.box .vereine {
  height: 196px;
  overflow: auto;
  margin: 4px 0;
}
.box .tv td,
.box .vereine td,
.box .tv th,
.box .vereine th {
  white-space: normal;
}
.box .tv td,
.box .vereine td {
  line-height: 22px;
}
.box .tv i,
.box .vereine i {
  font-size: 16px;
  line-height: 16px;
  display: block;
  padding: 0 4px;
}
.box .boxnav + .tv,
.box .boxnav + .vereine {
  height: 172px;
}
.box > .teaser {
  height: 200px;
  margin: 4px 0 0;
  position: relative;
}
.box > .teaser img {
  display: block;
}
.box > .teaser a {
  text-decoration: none;
  overflow: hidden;
}
.box > .teaser a,
.box > .teaser a > img {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
.box > .teaser > figure > img,
.box > .teaser a > figure > img {
  height: 100%;
  margin: 0 auto 0 -152px;
  position: relative;
  left: 50%;
}
.box > .teaser h2 {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(32, 54, 111, 0.85);
  padding: 7px 4% 4px;
  width: 92%;
}
.box > .teaser i {
  margin: 0 6px 3px 4px;
  font-size: 17px;
  line-height: 26px;
  float: left;
}
.box > .teaser figure {
  height: 171px;
  margin: 0;
  position: relative;
}
.box > .teaser figcaption {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 28px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  display: block;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
}
.box .promo,
.box .profile {
  height: 532px;
  background: #ececec;
  position: relative;
}
.box .promo.whatsapp,
.box .profile.whatsapp {
  background: #ffffff;
  overflow: hidden;
}
.box .promo a,
.box .profile a,
.box .promo a > img,
.box .profile a > img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.box .promo .overlay,
.box .profile .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(32, 54, 111, 0.75);
  padding: 8px 3%;
}
.box .promo .overlay h2,
.box .profile .overlay h2 {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 18px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
}
.box .promo .overlay i,
.box .profile .overlay i {
  float: left;
  margin-right: 6px;
  font-size: 13px;
}
.box .videoplayer {
  position: relative;
  width: 100%;
  padding-bottom: calc(56.25% + 145px);
}
.box .videoplayer iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: transparent;
}
.box .profile {
  height: 236px;
}
.box .profile a {
  color: #ffffff;
  display: block;
}
.box .profile .heading {
  position: absolute;
  padding: 8px 3%;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(32, 54, 111, 0.75);
}
.box .profile .heading h2 {
  margin: 0;
  padding: 10px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 21px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  color: #ffffff;
}
.box .profile .heading img {
  float: right;
}
.box .social {
  display: block;
  width: 100%;
  height: 548px;
  overflow: auto;
  margin: 0;
}
.box .social h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  padding: 10px 0;
  margin: 0;
  text-transform: uppercase;
}
.box .social p {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 0;
}
.box .social p a {
  color: #1de4c9;
  text-decoration: none;
  word-wrap: break-word;
}
.box .social ul {
  list-style: none;
  margin: 0;
  padding: 0 5px 5px;
}
.box .social ul li {
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid #666666;
}
.box .social ul li:hover {
  background: #fefefe;
}
.box .social i {
  font-size: 24px;
  line-height: 24px;
  float: left;
  display: block;
  margin-right: 4%;
}
.box .social i.ico-twitter {
  color: #2ca7e0;
}
.box .social i.ico-facebook {
  color: #3b5998;
}
.box .social i.ico-instagram {
  color: #125688;
}
.box .social i.ico-gplus {
  color: #d73d32;
}
.box .social i.ico-youtube {
  color: #cc181e;
}
.box .social i.ico-x {
  color: #000000;
}
.box .linkbox ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box .linkbox ul li {
  margin: 0;
  border-bottom: 1px solid #ffffff;
}
.box .linkbox ul li a {
  color: #20376f !important;
  background: #1de4c9;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  font: 15px/35px 'Avant Garde';
  position: relative;
  padding: 0 40px 0 10px;
}
.box .linkbox ul li a:hover {
  background: #20376f;
  color: #ffffff !important;
}
.box .linkbox ul li a:hover i {
  color: #ffffff;
}
.box .linkbox ul li a i {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 13px;
  color: #20376f;
}
.box .linkbox.download {
  height: auto;
}
.box .newsbox {
  margin: 0;
  overflow: auto;
  border-bottom: 1px solid #20376f;
}
.box .newsbox .teaser img {
  display: block;
  max-width: 100%;
}
.box .newsbox .teaser a {
  text-decoration: none;
  display: block;
  width: 100%;
}
.box .newsbox .teaser h2 {
  margin: 0;
}
.box .newsbox .teaser i {
  font-size: 24px;
  line-height: 24px;
  display: block;
}
.box .newsbox .teaser.large {
  width: calc(50% - 1px);
  margin: 0 0 31px 0;
  float: left;
  position: relative;
  overflow: hidden;
}
.box .newsbox .teaser.large img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.box .newsbox .teaser.large h2 {
  font: 13px 'Avant Garde';
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 5px;
  left: 5px;
  right: 5px;
  background-color: rgba(32, 54, 111, 0.85);
  padding: 8px;
}
.box .newsbox .teaser.large i {
  float: left;
  margin: 0 8px 0 0;
  font-size: 22px;
}
.box .newsbox .teaser.large:nth-child(2) {
  margin-right: 0;
}
.box .newsbox .teaser.large:first-child {
  margin-right: 2px;
}
.box .newsbox .teaser.list {
  border-top: 1px solid #20376f;
  clear: both;
  position: relative;
}
.box .newsbox .teaser.list:nth-child(3) {
  border-top: 1px solid #20376f;
}
.box .newsbox .teaser.list > a {
  display: flex;
  align-items: center;
  height: 62px;
}
.box .newsbox .teaser.list > a:hover h2 {
  color: #1de4c9;
}
.box .newsbox .teaser.list h2 {
  font: 16px/22px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
  padding: 0;
  margin: 0;
  width: 100%;
  padding-right: 70px;
}
.box .newsbox .teaser.list i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  color: #20376f;
  font-size: 22px;
}
.box .newsbox .teaser.list i.ico-news {
  right: 0;
}
.box .newsbox .teaser.list i.ico-video,
.box .newsbox .teaser.list i.ico-gallery {
  right: 32px;
}
.box .newsbox .teaser.list span {
  float: right;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #1de4c9;
  margin-right: 10px;
}
.box .karriere {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 27px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .karriere .saison {
  display: block;
  margin: 5px 0;
  clear: both;
}
.box .karriere .saison .tag {
  display: block;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}
.box .karriere .saison .chart {
  position: relative;
  height: 27px;
  width: 90%;
}
.box .karriere .saison .chart .bar {
  width: 90%;
  height: 100%;
  background: #bcc3d4;
}
.box .karriere .saison .chart .value {
  position: absolute;
  right: -10%;
  top: 0;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .karriere .saison:hover .chart .bar {
  background: #1de4c9;
}
.box .strengths {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: center;
}
.box .strengths .chart {
  width: 25%;
  overflow: hidden;
  float: left;
  padding-bottom: 40px;
}
.box .strengths .chart .values {
  width: 66px;
  position: relative;
  height: 352px;
  margin: 33px auto 0;
  background: #fad;
}
.box .strengths .chart .values .value1,
.box .strengths .chart .values .value2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.box .strengths .chart .values .value1 {
  background: #bcc3d4;
}
.box .strengths .chart .values .value1 p {
  text-align: center;
  color: #bcc3d4;
  padding: 0;
  font: 12px 'Avant Garde';
  position: absolute;
  top: -30px;
  width: 100%;
}
.box .strengths .chart .values .value2 {
  background: #20376f;
}
.box .strengths .chart .values .value2 p {
  font: 22px 'Avant Garde';
  color: #20376f;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 100%;
  margin-top: 12px;
  width: 100%;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}
.box .strengths .chart .values .bar {
  width: 100%;
  position: absolute;
}
.box .strengths .chart .values.top {
  height: 312px;
  margin-top: 32px;
}
.box .strengths .chart .values.top .value1 p {
  display: none;
}
.box .strengths .chart .values.top .value2 p {
  margin-top: -28px;
  color: #1de4c9;
}
.box .strengths .chart .values.top .value2 {
  background: #1de4c9;
}
.box .strengths .chart .legend {
  position: relative;
}
.box .strengths .chart .legend h4 {
  font: 12px 'Avant Garde';
  color: #20376f;
  padding: 0;
  margin: 0 0 15px 0;
  text-transform: uppercase;
}
.box .strengths .chart .legend p {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-align: center;
  padding: 8px 0 0;
}
.box .strengths .chart .legend span {
  display: block;
}
.box .strengths .chart .legend span.hidedesktop {
  display: none;
}
.box .strengths .chart .legend img {
  display: block;
  width: 66px;
  height: 70px;
  object-fit: contain;
  margin: 0 auto;
}
.box .strengths .chart .legend .value1 {
  background: #bcc3d4;
}
.box .strengths .chart .legend .value2 {
  background: #20376f;
}
.box .strengths .chart .legend .tooltip {
  position: absolute;
  left: 50%;
  display: none;
  bottom: -4px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
.box .strengths .chart .legend .tooltip span {
  position: relative;
  display: block;
  left: -60%;
  background-image: url("/?proxy=img/bg_tooltip.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 200px 50px;
  padding: 2px 10%;
  width: 100%;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .box .strengths .chart .legend .tooltip span {
    background-image: url("/?proxy=img/bg_tooltip@2x.png");
    background-size: 200px 55px;
  }
}
.box .strengths .chart .legend:hover div {
  display: block;
  z-index: 3;
}
.box .strengths .chart:hover .value2 {
  background: #1de4c9;
}
.box .strengths .chart:hover .value2 p {
  color: #1de4c9;
}
.box .static {
  padding-top: 5px;
  /* height:500px; overflow:auto;*/
}
.box .static .boxcol2 {
  width: 100%;
  border-bottom: 1px solid #20376f;
  padding-bottom: 20px;
  /*width:45.25%; height:213px; margin:0 1.5% 8px 0; padding:8px 2%; border-bottom:5px solid @lightgrey; float:left; overflow:hidden;*/
}
.box .static .boxcol2:nth-child(2n) {
  margin-right: 0;
}
.box .static .boxcol2:hover {
  background: #fefefe;
}
.box .static .boxcol2 h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 19px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  padding: 8px 0;
  margin: 0;
}
.box .static .boxcol2 p {
  padding: 4px 0;
}
.box .static .boxcol2 a {
  text-decoration: none;
  color: #20376f;
  font: 15px/36px 'Avant Garde';
  display: block;
  padding: 0 10px;
  background: #1de4c9;
  text-align: center;
  text-transform: uppercase;
}
.box .static .boxcol2 a i {
  margin-right: 4px;
}
.box .static .boxcol2 a:hover {
  background: #20376f;
  color: #ffffff;
}
.box .static .boxcol2 dl {
  margin: 0;
  color: #20376f;
}
.box .static .boxcol2 dt {
  font: 16px/28px 'HelveticaNeueLTW02-55Roman';
  padding-top: 4px;
}
.box .static .boxcol2 dd + dt {
  padding-top: 8px;
}
.box .static .boxcol2 dd {
  font: 16px/28px 'HelveticaNeueLTW02-55Roman';
  margin-left: 16px;
}
.box .static .box-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.box .kader {
  height: 469px;
  margin: 4px 0;
  overflow: auto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box .kader table tr td a {
  line-height: 40px;
}
.box .kader table tr td a img {
  height: 40px;
  width: auto;
}
.box .club_teamstatistik {
  height: 469px;
  margin: 4px 0;
  overflow: auto;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.box.h1 .videoplayer {
  height: 196px;
  padding: 4px 0;
}
.box.h1 .promo {
  height: 268px;
}
/*.grid .tab .fixtures-x1 { width:33.333%;
	.inner1 { width:100%; margin:0; padding:0; }
}*/
/* WERBUNG */
.cad {
  padding: 0;
  position: relative;
  max-width: 100%;
}
.cad > div,
.cad > a,
.cad > img,
.cad > iframe,
.cad > a > img {
  display: block !important;
  margin: 0 auto!important;
  width: 300px;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.cad > img,
.cad > iframe {
  width: 100%;
  height: 100%;
}
.content > .cad {
  background: #ececec;
  min-width: 300px;
}
.content > .cad > *,
.content > .cad img {
  margin: 0 auto;
  display: block;
}
.meldung .cad {
  height: auto;
}
.super-banner .ad-container iframe {
  margin: 0 auto;
  display: block;
  width: 728px !important;
  height: 90px !important;
}
.billboard > * {
  /*padding:10px 0; */
  text-align: center;
}
.billboard iframe,
.billboard img,
.billboard object {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 970px;
  max-height: 250px;
  /* height:auto; REMOVED: RE: Irene Tartaruch 2016-02-12 to allow 728x90 and 800x250 banner in same position */
  width: 100%;
}
.billboard iframe {
  /* height:250px; REMOVED: RE: Irene Tartaruch 2016-02-12 to allow 728x90 and 800x250 banner in same position */
}
.bigsize {
  padding: 10px 0;
}
.bigsize .grid .inner_full {
  margin: 0 auto!important;
  width: 728px !important;
}
.bigsize img,
.bigsize iframe,
.bigsize object {
  display: block;
  margin: 0 auto;
  width: 728px;
  max-width: 100%;
}
.sitebar,
.skyscraper {
  position: fixed;
  top: 255px;
  margin-left: 1150px;
}
.main.fixed .sitebar,
.main.fixed .skyscraper {
  top: 85px !important;
  position: fixed;
}
.content {
  overflow: visible;
}
.content .filters {
  clear: both;
  margin: 0 0 30px 0;
}
.content .filters form {
  margin: 0;
  padding: 0;
}
.content .filters select {
  width: auto;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 0 40px 0 10px;
  border: none;
  font: 13px/30px 'Avant Garde';
  background: url(/?proxy=img/arrow-down-outl.png) right 10px center no-repeat #20376f;
  background-size: 12px;
  border-radius: 0;
  color: #ffffff;
  text-transform: uppercase;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.content .arrownav .smalltitle {
  font-family: 'Avant Garde',Arial,sans-serif;
  font-size: 13px;
  line-height: 32px;
  height: 32px;
}
.content .arrownav .paging {
  line-height: 32px;
}
.content div.paging ul,
.content ul.paging,
.content ul.pagingSearch,
.content .footable .pagination ul {
  text-align: center;
  padding: 15px 0 0;
  margin: 30px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
  font-family: 'Avant Garde',Arial,sans-serif;
  border-top: 1px solid #d8d8d8;
  float: left;
  width: 100%;
  clear: both;
}
.content div.paging ul li,
.content ul.paging li,
.content ul.pagingSearch li,
.content .footable .pagination ul li {
  display: inline-block;
}
.content div.paging ul li.more,
.content ul.paging li.more,
.content ul.pagingSearch li.more,
.content .footable .pagination ul li.more {
  display: block;
}
.content div.paging ul li.next,
.content ul.paging li.next,
.content ul.pagingSearch li.next,
.content .footable .pagination ul li.next {
  float: right;
}
.content div.paging ul li.prev,
.content ul.paging li.prev,
.content ul.pagingSearch li.prev,
.content .footable .pagination ul li.prev {
  float: left;
}
.content div.paging ul li a,
.content ul.paging li a,
.content ul.pagingSearch li a,
.content .footable .pagination ul li a,
.content div.paging ul li span,
.content ul.paging li span,
.content ul.pagingSearch li span,
.content .footable .pagination ul li span {
  color: #20376f;
  display: block;
  zoom: 1;
  text-decoration: none;
  padding: 0 8px;
  text-transform: uppercase;
}
.content div.paging ul li span,
.content ul.paging li span,
.content ul.pagingSearch li span,
.content .footable .pagination ul li span {
  color: #92999d;
}
.content div.paging ul li.footable-page.active a,
.content ul.paging li.footable-page.active a,
.content ul.pagingSearch li.footable-page.active a,
.content .footable .pagination ul li.footable-page.active a,
.content div.paging ul li:not([class]) a.active,
.content ul.paging li:not([class]) a.active,
.content ul.pagingSearch li:not([class]) a.active,
.content .footable .pagination ul li:not([class]) a.active {
  color: #1de4c9;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.content > .videoplayer {
  position: relative;
  padding-bottom: 57%;
  padding-top: 150px;
  height: 0;
  overflow: hidden;
}
.content > .videoplayer.norelated {
  padding-bottom: 57%;
  padding-top: 0;
}
.content > .videoplayer.fullnavi {
  padding-bottom: 56.25%;
  padding-top: 950px;
}
.content > .videoplayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  border: 0;
}
.content > .row {
  padding: 5px 0 10px;
  overflow: hidden;
}
.content .boxcol3,
.content .boxcol1 {
  float: left;
  width: 30.3333%;
  margin: 0 1.5% 16px 0;
  padding: 10px 1%;
  position: relative;
  border-bottom: 5px solid #d8d8d8;
  overflow: hidden;
}
.content .boxcol3:nth-child(3n),
.content .boxcol1:nth-child(3n) {
  margin-right: 0;
}
.content .boxcol3:hover,
.content .boxcol1:hover {
  background: #fefefe;
}
.content .boxcol3:hover h2,
.content .boxcol1:hover h2 {
  background: #ffffff;
}
.content .boxcol3 h3,
.content .boxcol1 h3 {
  text-transform: uppercase;
  margin: 0 0 5px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.content .boxcol3 p,
.content .boxcol1 p {
  padding: 10px 5% 8px 5%;
  text-align: right;
}
.content .boxcol3 a,
.content .boxcol1 a {
  color: #1de4c9;
  text-decoration: none;
}
.content .boxcol3:nth-child(3n),
.content .boxcol1:nth-child(3n) {
  margin-right: 0;
}
.content .boxcol3 h2,
.content .boxcol1 h2 {
  background: #ececec;
  padding: 8px 5%;
  color: #111111;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  text-align: right;
  text-transform: uppercase;
}
.content .boxcol3 h2 > strong,
.content .boxcol1 h2 > strong {
  font-family: 'Avant Garde',Arial,sans-serif;
  font-weight: normal;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.content .boxcol3 .player,
.content .boxcol1 .player {
  position: relative;
  border: 1px solid #20376f;
  background: #ffffff;
  float: right;
  margin-left: 5%;
  height: 100px;
  overflow: hidden;
}
.content .boxcol3 .player .img_player,
.content .boxcol1 .player .img_player {
  display: block;
  width: auto;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.content .boxcol3 .player p,
.content .boxcol1 .player p {
  position: absolute;
  left: 55%;
  bottom: 10px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  padding: 0;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content .boxcol3 > .teaser,
.content .boxcol1 > .teaser {
  margin: 0;
  position: relative;
  float: left;
  width: 100%;
  overflow: hidden;
}
.content .boxcol3 > .teaser img,
.content .boxcol1 > .teaser img {
  display: block;
  max-width: 100%;
}
.content .boxcol3 > .teaser a,
.content .boxcol1 > .teaser a {
  text-decoration: none;
}
.content .boxcol3 > .teaser a,
.content .boxcol1 > .teaser a,
.content .boxcol3 > .teaser a > img,
.content .boxcol1 > .teaser a > img {
  display: block;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
}
.content .boxcol3 > .teaser h2,
.content .boxcol1 > .teaser h2 {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(32, 54, 111, 0.85);
  padding: 7px 4% 4px;
  width: 92%;
}
.content .boxcol3 > .teaser i,
.content .boxcol1 > .teaser i {
  float: left;
  margin: 0 5px 3px 0;
  font-size: 16px;
  line-height: 24px;
  display: block;
}
.content .boxcol3 > .teaser figure,
.content .boxcol1 > .teaser figure {
  margin: 0;
  position: relative;
}
.content .boxcol3 > .teaser figcaption,
.content .boxcol1 > .teaser figcaption {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  display: block;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 1%;
  text-transform: uppercase;
}
.content .boxcol3 > .teaser p,
.content .boxcol1 > .teaser p {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding: 0 1%;
  margin-bottom: 8px;
}
.content .boxcol1 {
  width: 97%;
}
.content .article {
  clear: both;
}
.content .article a {
  text-decoration: none;
  display: block;
  overflow: hidden;
  color: #20376f;
}
.content .article a img {
  display: block;
  width: 100%;
  height: auto;
  transition: all 0.3s ease;
}
.content .article a:hover .heading {
  color: #1de4c9;
}
.content .article a:hover figure img {
  transform: scale(1.1);
}
.content .article small {
  font: 12px 'Avant Garde';
  display: block;
}
.content .article .heading {
  font: 22px/26px 'Avant Garde';
  color: #20376f;
  position: relative;
  margin: 2px 0 10px;
  padding: 0;
  overflow: hidden;
}
.content .article .heading > .addinfo {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #1de4c9;
  padding: 0;
  margin: 0;
  text-align: right;
  max-width: 50%;
  float: right;
}
.content .article .heading span {
  color: #1de4c9;
  white-space: nowrap;
  float: right;
  padding: 0 8px;
  width: auto;
}
.content .article p {
  color: #20376f;
  font: 16px/25px 'HelveticaNeueLTW02-55Roman';
  margin: 0;
  max-height: 125px;
}
.content .article figure {
  margin: 0;
  width: calc(50% - 15px);
  position: relative;
  margin-right: 30px;
  float: left;
  overflow: hidden;
}
.content .article figure i {
  font-size: 45px;
  color: #ffffff;
  position: absolute;
  top: 25px;
  right: 25px;
}
.content .article + .article {
  margin-top: 30px;
}
.content.meldung .club_item {
  margin-bottom: 16px;
  position: relative;
  width: 48%;
  margin-right: 4%;
  float: left;
  overflow: hidden;
}
.content.meldung .club_item:nth-child(2n) {
  margin-right: 0;
}
.content.meldung .club_item h2 {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 15px 48px 15px 16px;
  text-transform: uppercase;
  background: #1de4c9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content.meldung .club_item img.team {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.content.meldung .club_item img.logo {
  display: block;
  position: absolute;
  bottom: 8px;
  right: 16px;
  width: 32px;
  height: 32px;
}
.content.meldung .club_item a {
  display: block;
  text-decoration: none;
  padding-top: 50%;
  background: #20376f;
}
.content .tv table.footable tbody tr td {
  white-space: normal;
}
.content.meldung {
  width: 100%;
  font-family: 'HelveticaNeueLTW02-55Roman';
}
.content.meldung > small {
  display: block;
  text-transform: uppercase;
  margin: 10px 0 5px;
}
.content.meldung > small a {
  color: #20376f;
  text-decoration: none;
}
.content.meldung > small a:hover {
  color: #1de4c9;
}
.content.meldung h1 {
  padding: 0;
  font: 40px/45px 'Avant Garde';
  margin: 0 0 25px 0;
  text-transform: uppercase;
}
.content.meldung h2 {
  color: #20376f;
  font: 22px 'Avant Garde';
  margin: 10px 0;
  padding: 0;
  text-transform: uppercase;
}
.content.meldung h3 {
  color: #20376f;
  font: 22px 'Avant Garde';
  margin: 0 0 2px 0;
  text-transform: uppercase;
}
.content.meldung > h3 {
  margin: 8px 0 0;
  height: auto;
}
.content.meldung h4 {
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
}
.content.meldung h5 {
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
}
.content.meldung ul:not([class]) {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
}
.content.meldung ul:not([class]) li {
  color: #20376f;
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 28px;
}
.content.meldung ul:not([class]) li a {
  color: #1de4c9;
  font-family: 'Avant Garde';
}
.content.meldung .content-wrapper {
  max-width: 950px;
  padding: 0 15px;
  margin: 60px auto 0;
}
.content.meldung .content-wrapper > .article,
.content.meldung .content-wrapper > figure,
.content.meldung .content-wrapper .contentnav,
.content.meldung .content-wrapper .kontakt,
.content.meldung .content-wrapper > .teaser,
.content.meldung .content-wrapper > .videoplayer {
  margin: 0 0 30px;
}
.content.meldung .content-wrapper > p {
  color: #20376f;
  margin-bottom: 30px;
}
.content.meldung .content-wrapper > p span {
  color: #20376f !important;
}
.content.meldung .content-wrapper > p a {
  color: #1de4c9;
  font-family: 'Avant Garde';
}
.content.meldung .content-wrapper > p > img {
  max-width: 100%;
  height: auto;
  width: auto;
}
.content.meldung .content-wrapper > iframe {
  margin: 0 auto 30px  !important;
  display: block;
}
.content.meldung .content-wrapper > figure > img {
  max-width: 100%;
}
.content.meldung > p {
  color: #20376f;
  margin-bottom: 30px;
}
.content.meldung > p span {
  color: #20376f !important;
}
.content.meldung > p a {
  color: #1de4c9;
  font-family: 'Avant Garde';
}
.content.meldung > iframe {
  margin: 0 auto 30px  !important;
  display: block;
}
.content.meldung .aufmacher {
  clear: both;
  position: relative;
  background: none;
  margin: -10px 0 20px;
}
.content.meldung .aufmacher img {
  display: block;
  clear: both;
  width: 100%;
  height: 625px;
  object-fit: cover;
  object-position: top;
}
.content.meldung .aufmacher figure {
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 40px;
}
.content.meldung .aufmacher figcaption {
  max-width: 950px;
  padding: 0px;
  margin: 0 auto;
}
.content.meldung .aufmacher i {
  position: absolute;
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
  right: 12px;
  top: 12px;
}
.content.meldung .aufmacher p {
  font-size: 20px;
  line-height: 33px;
  padding: 0;
  color: #20376f;
}
.content.meldung .aufmacher small {
  font: 22px/26px 'Avant Garde';
  display: block;
  text-transform: uppercase;
  color: #20376f;
  margin-bottom: 10px;
}
.content.meldung .aufmacher + .content-wrapper {
  margin-top: 0;
  padding: 0;
}
.content.meldung .aufmacher .share-links {
  display: flex;
  padding: 0;
  margin: 30px 0 50px;
}
.content.meldung .aufmacher .share-links li {
  list-style: none;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.content.meldung .aufmacher .share-links li img {
  width: 40px;
  height: 40px;
}
.content.meldung .aufmacher .share-links li:first-child {
  padding-left: 0;
}
.content.meldung .aufmacher .share-links li:last-child {
  padding-right: 0;
}
.content.meldung .aufmacher .share-links li.show-mobile {
  display: none;
}
.content.meldung .aufmacher .share-links li .link-copied {
  margin-left: 10px;
  background: #20376F;
  color: white;
  padding: 7px 10px;
  border-radius: 55px;
  font-size: 14px;
}
.content.meldung .social-bar {
  margin: 10px 0;
  padding: 4px 0;
  background: #20376f;
  color: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  clear: both;
}
.content.meldung .social-bar li {
  float: left;
  list-style: none;
}
.content.meldung .social-bar li.email {
  border-right: 2px solid #ffffff;
  margin: 0;
  padding: 0 10px 0 30px;
  text-transform: uppercase;
  background-image: url("/?proxy=img/ico_social-w16.png");
  background-repeat: no-repeat;
  background-position: 5px -77px;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .content.meldung .social-bar li.email {
    background-image: url("/?proxy=img/ico_social-w16@2x.png");
    background-size: 25px 125px;
  }
}
.content.meldung .social-bar li.email a {
  margin: 2px 0;
}
.content.meldung .social-bar .two-click {
  float: right;
  position: relative;
  margin: 0 1% 0 0;
}
.content.meldung .social-bar a {
  color: #ffffff;
  text-decoration: none;
}
.content.meldung .box {
  width: 350px;
  margin-bottom: 15px;
  padding: 0;
}
.content.meldung .box.kinexonBox {
  width: 100%;
}
.content.meldung .box.fright {
  margin-left: 30px;
}
.content.meldung .box.fleft {
  margin-right: 30px;
}
.content.meldung .box a {
  text-decoration: none;
}
.content.meldung .box > .teaser figure {
  padding-bottom: 0;
}
.content.meldung .box.promo-box {
  width: 31.33%;
  float: left;
}
.content.meldung .box.promo-box .promo {
  height: 224px;
}
.content.meldung .box.promo-box .promo img {
  height: auto !important;
}
.content.meldung .box.promo-box:nth-child(2) {
  margin: 0 3%;
}
.content.meldung .box.promo-box > h2 {
  font-size: 30px;
  padding: 0;
}
.content.meldung .box figure {
  margin: 0;
  height: auto;
}
.content.meldung .box figure a {
  text-decoration: none;
}
.content.meldung .box figure a:hover figcaption {
  color: #1de4c9;
}
.content.meldung .box figure a:hover .img-wrapper img {
  transform: scale(1.1);
}
.content.meldung .box figure .img-wrapper {
  overflow: hidden;
}
.content.meldung .box figure img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s ease;
}
.content.meldung .box figure figcaption {
  text-align: center;
  font: 13px 'Avant Garde';
  color: #20376f;
  text-transform: uppercase;
  margin-top: 5px;
}
.content.meldung .box.full {
  width: 100%;
  padding: 5px 0;
  border-top: 1px solid #ebedf2;
  border-bottom: 1px solid #ebedf2;
  margin: 20px 0;
}
.content.meldung .box.full .linkbox ul li {
  padding: 10px 0;
  border-bottom: 1px solid #ececec;
}
.content.meldung .box.full .linkbox ul li a {
  color: #1de4c9;
  text-transform: none;
}
.content.meldung .box.full .linkbox ul li a i {
  margin-bottom: 5px;
}
.content.meldung .box.full .linkbox ul li:last-child {
  border: none;
}
.content.meldung .box.full.related-news {
  border: none;
  padding: 0;
}
.content.meldung .box.full.related-news h3 {
  font-size: 40px;
}
.content.meldung .box.full.related-news ul.related-news-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content.meldung .box.full.related-news ul.related-news-list li {
  display: block;
  margin: 15px 0;
  width: 100%;
  clear: both;
  float: left;
}
.content.meldung .box.full.related-news ul.related-news-list li a {
  display: block;
}
.content.meldung .box.full.related-news ul.related-news-list li a:hover .img-wrapper img {
  transform: scale(1.1);
}
.content.meldung .box.full.related-news ul.related-news-list li a:hover figcaption h2 {
  color: #1de4c9;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure .img-wrapper {
  width: calc(50% - 15px);
  margin-right: 30px;
  float: left;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure .img-wrapper img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.3s ease;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure figcaption {
  text-align: left;
  text-transform: none;
  padding: 0;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure figcaption small {
  font: 12px 'Avant Garde';
  display: block;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure figcaption h2 {
  font: 22px/26px 'Avant Garde';
  color: #20376f;
  position: relative;
  margin: 2px 0 10px;
  padding: 0;
  overflow: hidden;
}
.content.meldung .box.full.related-news ul.related-news-list li a figure figcaption p {
  color: #20376f;
  font: 16px/25px 'HelveticaNeueLTW02-55Roman';
  margin: 0;
  max-height: 125px;
  overflow: hidden;
}
.content.meldung .box.full.related-news ul.related-news-list li:last-child {
  margin-bottom: 0;
}
.content.meldung .people,
.content.meldung .linkbox,
.content.meldung .teaser {
  height: auto;
  margin: 0;
}
.content.meldung .box h3 + .linkbox,
.content.meldung .box h3 + .teaser {
  margin-top: 4px;
}
.content.meldung .kontakt {
  background: #f4f4f4;
  overflow: hidden;
  padding: 15px;
}
.content.meldung .kontakt img {
  display: block;
  float: left;
  max-width: 200px;
  width: 100%;
  margin-right: 25px;
  align-self: flex-start;
}
.content.meldung .kontakt h4 {
  margin: 0 0 12px 0;
}
.content.meldung .kontakt .kontakt-info {
  float: left;
}
.content.meldung .kontakt .kontakt-info li {
  list-style: none;
  padding-left: 8px;
  font-size: 14px;
  line-height: 22px;
}
.content.meldung .kontakt .kontakt-info li:before {
  content: '» ';
  color: #1de4c9;
  font-size: 15px;
  width: 100%;
}
.content.meldung .kontakt .kontakt-info a {
  color: #1de4c9;
  text-decoration: none;
}
.content.meldung .kontakt .kontakt-info p,
.content.meldung .kontakt .kontakt-info ul {
  margin: 0;
  padding: 0;
}
.content.meldung .kontakt .kontakt-info ul {
  margin-bottom: 12px;
}
.content.meldung .kontakt .kontakt-info p,
.content.meldung .kontakt .kontakt-info ul {
  margin-left: 25px;
}
.content.meldung > table,
.content.meldung .content-wrapper > table {
  width: 100% !important;
  border-collapse: collapse;
  margin: 0 0 20px;
}
.content.meldung > table th,
.content.meldung .content-wrapper > table th {
  color: #20376f;
  font-family: 'Avant Garde';
  padding: 0 10px;
  height: 40px !important;
  text-transform: uppercase;
}
.content.meldung > table th a,
.content.meldung .content-wrapper > table th a {
  color: #ffffff;
  text-decoration: none;
}
.content.meldung > table td,
.content.meldung .content-wrapper > table td {
  padding: 0 10px;
  color: #20376f;
  height: 40px !important;
}
.content.meldung > table td a,
.content.meldung .content-wrapper > table td a {
  color: #1de4c9;
  text-decoration: none;
}
.content.meldung > table td a:hover,
.content.meldung .content-wrapper > table td a:hover {
  color: #1de4c9;
}
.content.meldung > table td p,
.content.meldung .content-wrapper > table td p {
  color: #20376f;
}
.content.meldung > table tr,
.content.meldung .content-wrapper > table tr {
  border-bottom: 1px solid #ececec;
}
.content.meldung .kinexonTable {
  height: auto !important;
}
.content.meldung .kinexonTable th {
  height: auto !important;
  font-size: 12px;
  line-height: 40px;
  font-weight: normal;
  background: #1de4c9;
}
.content.meldung .kinexonTable td {
  font-size: 16px;
  line-height: 30px;
}
.content.meldung .kinexonTable td a {
  color: #20376f;
}
.content.meldung .kinexonTable td a:hover {
  color: #1de4c9;
}
.content.meldung .kinexonTable td img {
  margin-right: 15px;
  height: auto;
  width: 25px;
  vertical-align: middle;
}
.content.meldung .kinexonTable td .name-short {
  display: none;
}
.content.meldung .boxnav + .schedule {
  margin: 4px 0;
}
.content.meldung .teaser {
  position: relative;
  overflow: hidden;
}
.content.meldung .teaser img {
  display: block;
  width: 100%;
}
.content.meldung .teaser a {
  text-decoration: none;
}
.content.meldung .teaser a:hover figcaption {
  color: #1de4c9;
}
.content.meldung .teaser h2 {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(32, 54, 111, 0.85);
  padding: 7px 4% 4px;
  width: 92%;
}
.content.meldung .teaser i {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #ffffff;
  font-size: 25px;
  z-index: 2;
}
.content.meldung .teaser figure {
  margin: 0;
  position: relative;
}
.content.meldung .teaser figcaption {
  font: 13px 'Avant Garde';
  color: #20376f;
  display: block;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
  margin-top: 5px;
}
.content.meldung > .teaser {
  margin: 10px 0 20px;
}
.content.meldung > .teaser figcaption {
  font-size: 17px;
  line-height: 32px;
}
.content.meldung > .teaser i {
  font-size: 24px;
  line-height: 32px;
}
.content.meldung .videoplayer {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}
.content.meldung .videoplayer iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.content.meldung .seasonstatsbox {
  width: 48%;
  margin: 50px 2% 25px;
  padding: 0;
  float: left;
}
.content.meldung .seasonstatsbox:nth-of-type(even) {
  margin-right: 0;
}
.content.meldung .seasonstatsbox:nth-of-type(odd) {
  margin-left: 0;
}
.content.meldung .seasonstatsbox::after {
  content: "";
  border-bottom: 1px solid #20376f;
  bottom: 0;
  width: 100%;
  height: 10px;
  display: block;
}
.content.meldung .seasonstatsbox h3 {
  margin-bottom: 5px;
}
.content.meldung .seasonstatsbox .selected-player,
.content.meldung .seasonstatsbox .selected-team {
  height: 320px;
  padding: 15px 15px 0px 15px;
  position: relative;
  overflow: hidden;
  background-color: #1de4c9;
}
.content.meldung .seasonstatsbox .selected-player .player__image {
  height: 100%;
  position: absolute;
  max-width: 40%;
  width: auto;
  margin: 0;
  top: 0;
  left: 50px;
  z-index: 0;
}
.content.meldung .seasonstatsbox .selected-player .player__image img {
  object-fit: contain;
  display: block;
  height: 100%;
  width: 100%;
  object-position: bottom;
  transition: all 0.3s ease;
  transform: scale(1.1) translateY(-25px);
  transform-origin: top;
}
.content.meldung .seasonstatsbox .selected-player .player__image:hover img {
  transform: scale(1.2) translateY(-40px);
}
.content.meldung .seasonstatsbox .selected-player .player__data {
  width: 100%;
  height: 100%;
  padding: 0;
}
.content.meldung .seasonstatsbox .selected-player .player__data h4 {
  font-size: 18px;
  width: 100%;
  text-overflow: unset;
  word-break: break-all;
  display: block;
  line-height: 1;
}
.content.meldung .seasonstatsbox .selected-player .player__name {
  z-index: 1;
  position: relative;
}
.content.meldung .seasonstatsbox .selected-player .player__club {
  text-align: center;
  z-index: 2;
  position: relative;
  display: inline;
}
.content.meldung .seasonstatsbox .selected-player .player__club img {
  width: 70px;
  margin: 15px 5px;
  transition: all 0.3s ease;
  transform: scale(1);
}
.content.meldung .seasonstatsbox .selected-player .player__club a:hover img {
  transform: scale(1.05);
}
.content.meldung .seasonstatsbox .selected-player .club__name {
  display: none;
  font-size: 13px;
  color: #20376f;
}
.content.meldung .seasonstatsbox .selected-player .stats__wrapper {
  position: absolute;
  top: 50px;
  right: 20px;
}
.content.meldung .seasonstatsbox .selected-team .team__data {
  width: 100%;
  height: 100%;
  padding: 0;
}
.content.meldung .seasonstatsbox .selected-team .team__data h4 {
  font-size: 18px;
  width: 100%;
  text-overflow: unset;
  word-break: break-all;
  display: block;
  line-height: 1;
}
.content.meldung .seasonstatsbox .selected-team .club__image {
  text-align: center;
  z-index: 2;
  position: relative;
  display: inline;
}
.content.meldung .seasonstatsbox .selected-team .club__image img {
  width: 80px;
  margin: 30px 50px;
  transition: all 0.3s ease;
  transform: scale(1);
}
.content.meldung .seasonstatsbox .selected-team .club__image a:hover img {
  transform: scale(1.05);
}
.content.meldung .seasonstatsbox .selected-team .stats__wrapper {
  position: absolute;
  top: 70px;
  right: 50px;
}
.content.meldung .seasonstatsbox .statvalue__wrapper {
  width: 200px;
  height: 200px;
  right: 0;
  bottom: 0;
  position: relative;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .value__current,
.content.meldung .seasonstatsbox .statvalue__wrapper .value__record {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background-clip: border-box;
  overflow: hidden;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .value__record {
  background-color: #48b2c1;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .part__1,
.content.meldung .seasonstatsbox .statvalue__wrapper .part__2 {
  background: #20376f;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .part__2 {
  transition: all 0.5s ease-in;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .value__current::after {
  content: "";
  background: #1de4c9;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  height: 85%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .metric {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 65%;
  height: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-flow: column;
  font: 20px/20px 'Avant Garde';
  color: #20376f;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .metric .metric__name {
  font: 13px 'HelveticaNeueLTW02-55Roman';
  width: 100%;
  text-transform: uppercase;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .metric .metric__value {
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 15px 0px 10px;
}
.content.meldung .seasonstatsbox .statvalue__wrapper .metric .metric__seasonday {
  font-size: 16px;
}
.content.meldung .seasonstatsbox .kinexonTable tr {
  cursor: pointer;
}
.content.meldung .seasonstatsbox .kinexonTable tr.selected {
  background-color: #1de4c9;
}
.content.meldung .seasonstatsbox .kinexonTable tr.selected td {
  border-color: #fff;
}
.content.meldung .seasonstatsbox .kinexonTable td {
  font-size: 13px;
  height: auto;
  padding: 15px 5px;
  line-height: 1;
}
.content.meldung .seasonstatsbox .kinexonTable td:first-of-type {
  width: 30px;
}
.content.meldung .seasonstatsbox .kinexonTable td:last-of-type {
  padding-right: 10px;
}
.content.meldung .seasonstatsbox .kinexonTable td.player__club,
.content.meldung .seasonstatsbox .kinexonTable td.club {
  width: 35px;
}
.content.meldung .seasonstatsbox .kinexonTable td.player__club img,
.content.meldung .seasonstatsbox .kinexonTable td.club img {
  text-align: center;
  float: none;
  margin: auto !important;
  width: 30px;
  height: auto;
}
.content.meldung .seasonstatsbox .kinexonTable .player__name .player__club--short {
  display: none;
}
.content.meldung .seasonstatsbox .kinexonTable .team__name .team__name--short {
  display: none;
}
.content.meldung .seasonstatsbox .player__name h4,
.content.meldung .seasonstatsbox .club__name {
  text-transform: uppercase;
}
.content .boxnav + .schedule,
.content .boxnav + .standings {
  margin-top: 10px;
}
.content .h3-heading + .tv,
.content h3 + .tv,
.content .h3-heading + .schedule,
.content h3 + .schedule {
  margin-top: 10px;
}
.inner3 .box table {
  height: auto;
}
.inner3 .inner1 .box table {
  height: 100%;
}
.inner3 > .content > .arrownav {
  margin-top: -10px;
}
.inner3 > .content > .boxnav + .arrownav {
  margin-top: 0;
}
.contentnav {
  margin: 10px 0 30px;
  padding: 0;
  list-style: none;
  position: relative;
  clear: both;
  display: flex;
  justify-content: space-between;
}
.contentnav + * {
  clear: both;
}
.contentnav > li {
  flex: 1 auto;
  font: 15px/30px 'Avant Garde';
  display: block;
  margin: 0;
  white-space: nowrap;
  text-transform: uppercase;
}
.contentnav > li > a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  text-align: center;
  background: #20376f;
  padding: 0 10px;
}
.contentnav > li > ul {
  display: none;
  justify-content: space-between;
  background: #20376f;
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ffffff;
}
.contentnav > li > ul > li {
  font: 15px/30px 'Avant Garde';
  display: block;
  flex: 1 auto;
}
.contentnav > li > ul > li > a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  text-align: center;
  background: #20376f;
}
.contentnav > li > ul > li.active > a {
  color: #20376f;
  background: #1de4c9;
  padding: 0 0 3px;
  margin: 0 0 -3px;
}
.contentnav > li:hover > a {
  color: #1de4c9;
}
.contentnav > li.active > a {
  color: #20376f;
  background: #1de4c9;
  padding: 3px 10px;
  margin: -3px 0;
}
.contentnav > li.active ul {
  display: flex;
}
.contentnav > li.active .spacer {
  height: 28px;
  position: static;
  display: block;
}
.contentnav.sub {
  border-bottom: 0;
}
.contentnav.sub > li ul {
  top: 0;
}
.contentnav.sub > li.active:after {
  display: none;
}
.contentnav.sub > li.active {
  background: none;
}
.contentnav.hasSubnav {
  margin-bottom: 20px;
}
.partners img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 24px;
  max-width: 100%;
}
.partners h2 {
  padding-bottom: 8px;
  padding-top: 8px;
  clear: both;
}
.partners .w100 {
  width: 75%;
  margin: 0 auto;
}
.partners .w50 {
  width: 46%;
  float: left;
  margin: 0 2%;
}
.partners .w33 {
  width: 29.3333%;
  float: left;
  margin: 0 2%;
}
.partners .w25 {
  width: 21%;
  float: left;
  margin: 0 2%;
}
body.iframe .inner3 {
  width: 100%;
  padding: 0;
}
body.iframe .inner3 .contentnav {
  /*	>li:nth-child(2), >li:nth-child(4){ display:none; };*/
}
body.iframe .inner3 .accordionContent.trainer ul li.top-player:nth-child(2) .number,
body.iframe .inner3 .accordionContent.liga-rookie ul li.top-player:nth-child(2) .number {
  color: #92999d !important;
}
.allstar {
  margin: 4% 2%;
}
.allstar h1 {
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 21px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #20376f;
  margin: 0;
  padding: 20px 1% 10px;
}
.allstar h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  margin: 0;
  padding: 0 1% 20px;
  color: #20376f;
}
.allstar p {
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #111111;
  margin: 0;
  padding: 0 1% 10px;
}
.allstar p.privacy {
  font-style: normal;
  font-size: 20px;
  line-height: 33px;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
  font-weight: normal;
  color: #20376f;
  clear: both;
  padding: 0 0 10px;
}
.allstar p a {
  color: #1de4c9;
}
.allstar .team-voting {
  margin: 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}
.allstar .team-voting .voting-banner {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 20px;
  float: left;
  clear: both;
}
.allstar .styled-select {
  float: left;
  width: 50%;
  padding: 0 20px 0 0;
  box-sizing: border-box;
}
.allstar .styled-select strong.position {
  color: #20376f;
  display: block;
  margin-bottom: 10px;
  padding-left: 10px;
}
.allstar .styled-select:last-child {
  margin-bottom: 4%;
}
.allstar .styled-select select {
  font-style: normal;
  font-size: 15px;
  line-height: inherit;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
  font-weight: normal;
  border: none;
  width: 100%;
  padding: 15px 10px;
  margin-bottom: 5%;
  border-radius: 5px;
  color: #fff;
  /*text-transform: uppercase;*/
  background: url("/?proxy=img/arrow.png") no-repeat right #20376f;
  -webkit-appearance: none;
  cursor: pointer;
}
.allstar .styled-select:nth-child(odd) {
  padding: 0 0 0 20px;
}
.allstar input[type="submit"] {
  font-style: normal;
  font-size: 15px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  font-weight: normal;
  background: #1C3476;
  color: #fff;
  border: none;
  padding: 15px 20px;
  text-transform: uppercase;
  margin-top: 2%;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.allstar .accordionButton {
  background: #20376f;
  color: #ffffff !important;
  padding: 15px;
  margin: 0 !important;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
}
.allstar .accordionButton:hover {
  color: #1de4c9 !important;
}
.allstar .arrowdown {
  background: url('/?proxy=img/arrow-down.png') no-repeat right;
  position: absolute;
  right: 5%;
  width: 15px;
  height: 15px;
  background-image: 15px;
  background-size: 15px;
}
.allstar .arrowup {
  background: url('/?proxy=img/arrow-up.png') no-repeat right;
  position: absolute;
  right: 5%;
  width: 15px;
  height: 15px;
  background-image: 15px;
  background-size: 15px;
}
.allstar .refresh {
  color: #20376f;
  font-style: normal;
  font-size: 20px;
  line-height: 33px;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
  font-weight: normal;
  text-align: left;
  padding: 10px 0 20px;
}
.allstar .refresh span {
  float: right;
  color: #20376f;
  /*font-weight:bold;*/
}
.allstar .refresh a {
  color: #1de4c9;
}
.allstar .accordionContent {
  height: 800px;
}
.allstar .accordionContent h6 {
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  font-weight: bold;
  margin: 0;
}
.allstar .accordionContent ul {
  padding: 0;
}
.allstar .accordionContent ul li {
  list-style: none;
  float: left;
  width: 25%;
  text-align: center;
}
.allstar .accordionContent ul li.top-player {
  width: 50%;
  float: left;
  box-sizing: border-box;
  margin-bottom: 10%;
}
.allstar .accordionContent ul li.top-player img {
  width: 40%;
  margin-bottom: 5%;
}
.allstar .accordionContent ul li.top-player span {
  color: #20376f;
  font-weight: bold;
  font-size: 18px;
}
.allstar .accordionContent ul li.top-trainer {
  width: 100%;
  float: left;
  margin-bottom: 5%;
}
.allstar .accordionContent ul li.top-trainer img {
  width: 20%;
  margin-bottom: 5%;
}
.allstar .accordionContent ul li.top-trainer span {
  color: #1de4c9;
  font-weight: bold;
  font-size: 18px;
}
.allstar .accordionContent ul li.trainer {
  width: 20%;
  float: left;
}
.allstar .accordionContent ul li a {
  text-decoration: none;
  color: #20376f;
}
.allstar .accordionContent ul li img {
  width: 50%;
  margin-bottom: 5%;
}
.allstar .accordionContent ul li span {
  font-weight: bold;
  font-size: 18px;
}
.allstar .accordionContent.spielfeld {
  height: auto;
}
.allstar .accordionContent.spielfeld div.spielfeld {
  position: relative;
}
.allstar .accordionContent.spielfeld div.spielfeld img.spielfeld {
  margin: 10px auto;
  max-width: 100%;
  max-height: 100%;
  width: 980px;
  display: block;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler {
  margin-left: -80px;
  position: absolute;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.torwart {
  top: 3%;
  left: 50%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.linksaussen {
  top: 20%;
  left: 20%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.rechtsaussen {
  top: 20%;
  left: 80%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.rueckraumlinks {
  top: 52%;
  left: 30%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.rueckraumrechts {
  top: 52%;
  left: 70%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.rueckraummitte {
  bottom: 2%;
  left: 50%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.kreislaeufer {
  top: 35%;
  left: 50%;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.trainer {
  bottom: 2%;
  left: 0;
  background: #ffffff;
  margin-left: 0;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.liga-rookie {
  bottom: 2%;
  right: 0;
  background: #ffffff;
  margin-left: 0;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a {
  text-decoration: none;
  display: block;
  padding: 8px;
  width: 160px;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .foto img {
  width: auto;
  margin: 0 auto;
  height: 120px;
  object-fit: contain;
  display: block;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info {
  position: relative;
  display: block;
  color: #20376f;
  text-align: center;
  margin: 0;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.name {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  background: #1de4c9;
  padding: 0 2px;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.team {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #ffffff;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.team img {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin: 3px 4px -3px 0;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.position {
  display: none;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip {
  position: absolute;
  left: 0;
  right: 0;
  display: none;
  top: -24px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip span {
  padding: 0 10%;
  margin: 0;
  background: #20376f;
  display: block;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a .header {
  display: block;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  text-align: center;
  margin: 4px;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a:hover .info div.tooltip {
  display: block;
  z-index: 3;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a:hover {
  background: #ffffff;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler a:hover .info span.team {
  color: #20376f;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.trainer,
.allstar .accordionContent.spielfeld div.spielfeld .spieler.liga-rookie {
  background: #1de4c9;
}
.allstar .accordionContent.spielfeld div.spielfeld .spieler.trainer .info span.team,
.allstar .accordionContent.spielfeld div.spielfeld .spieler.liga-rookie .info span.team {
  color: #20376f;
}
.allstar .accordionContent.rows {
  height: auto;
}
.allstar .accordionContent.rows ul:not([class]) li {
  float: none;
  width: 96%;
  height: 100px;
  text-align: left;
  border-bottom: 1px solid #efefef;
  margin: 0 2%;
}
.allstar .accordionContent.rows ul:not([class]) li:nth-last-child(1) {
  border: none;
}
.allstar .accordionContent.rows ul:not([class]) li .number {
  float: left;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 35px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  font-weight: bold;
  margin: 35px 0 0 0;
  width: 7%;
}
.allstar .accordionContent.rows ul:not([class]) li.top-player .number {
  color: #1de4c9;
}
.allstar .accordionContent.rows ul:not([class]) li .player {
  float: left;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: inherit;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
  font-weight: bold;
  margin: 25px 0 0 0;
  width: 30%;
}
.allstar .accordionContent.rows ul:not([class]) li .player .team {
  float: left;
  color: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: inherit;
  font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
}
.allstar .accordionContent.rows ul:not([class]) li .player .team a {
  font-weight: normal;
}
.allstar .accordionContent.rows ul:not([class]) li .player a {
  color: #20376f;
  font-family: 'HelveticaNeueLTW02-55Roman';
  font-weight: bold;
}
.allstar .accordionContent.rows ul:not([class]) li .foto {
  height: 80px;
  margin: 9px 0 0 0;
  float: left;
  width: 10%;
}
.allstar .accordionContent.rows ul:not([class]) li .foto img {
  float: left;
  width: auto;
  height: 100%;
}
.allstar .accordionContent.rows ul:not([class]) li .count {
  float: left;
  width: 53%;
  margin: 30px 0 0 0;
  height: 40px;
  position: relative;
  background: #ececec;
  color: #92999d;
}
.allstar .accordionContent.rows ul:not([class]) li .count .percent {
  background: #20376f;
  position: absolute;
  left: 0;
  top: 0;
  height: 40px;
}
.allstar .accordionContent.rows ul:not([class]) li .count > span {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: inherit;
  font-family: 'Avant Garde',Arial,sans-serif;
  float: right;
  margin: 6px;
  position: absolute;
  width: auto !important;
  right: 10px;
}
.allstar .accordionContent.rows ul:not([class]) li.top-player .count {
  color: #20376f;
}
.allstar .accordionContent.rows ul:not([class]) li.top-player .count .percent {
  background: #1de4c9;
}
.content .tableheader {
  padding: 10px 0.5%;
  text-transform: uppercase;
  min-width: 1%;
  vertical-align: top;
  text-align: left;
  background: #1de4c9;
  background: #20376f;
}
.content .tableheader p {
  color: #ffffff;
  padding: 0 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 14px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.aufmacher .inner_full .footable td img {
  width: auto;
  height: 24px;
  margin: 0 auto;
}
.content:not(.meldung) table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
  border: none;
}
.content:not(.meldung) table.footable tbody td,
.content:not(.meldung) table.footable tfoot td,
.content:not(.meldung) table.footable tbody th {
  white-space: nowrap;
}
.content:not(.meldung) table thead tr th {
  white-space: nowrap;
  color: #20376f;
  font: 12px/30px 'Avant Garde';
  text-transform: uppercase;
  position: relative;
  height: 40px;
  padding: 0 10px;
}
.content:not(.meldung) table thead tr th > div {
  display: inline-block;
}
.content:not(.meldung) table tbody tr td,
.content:not(.meldung) table tfoot tr td {
  font: 16px/30px 'HelveticaNeueLTW02-55Roman';
  color: #20376f;
  overflow: hidden;
  vertical-align: middle;
  border-top: 1px solid #d8d8d8;
  height: 44px;
  padding: 0 10px;
}
.content:not(.meldung) table tbody tr td.bold,
.content:not(.meldung) table tfoot tr td.bold,
.content:not(.meldung) table tbody tr td.large,
.content:not(.meldung) table tfoot tr td.large {
  font-family: 'Avant Garde';
}
.content:not(.meldung) table tbody tr td img,
.content:not(.meldung) table tfoot tr td img {
  margin-right: 15px;
  height: 25px;
  width: auto;
  vertical-align: middle;
}
.content:not(.meldung) table tbody tr td img.img_player,
.content:not(.meldung) table tfoot tr td img.img_player {
  height: 40px;
  width: auto;
}
.content:not(.meldung) table tbody tr td a,
.content:not(.meldung) table tfoot tr td a {
  color: #20376f;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.content:not(.meldung) table tbody tr td a.btn-live,
.content:not(.meldung) table tfoot tr td a.btn-live {
  background: #b2001a;
  font-family: 'Avant Garde',Arial,sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #ffffff;
  padding: 0 10%;
  display: inline-block;
}
.content:not(.meldung) table tbody tr td a:hover,
.content:not(.meldung) table tfoot tr td a:hover {
  color: #1de4c9;
}
.content:not(.meldung) table tbody tr td a .break,
.content:not(.meldung) table tfoot tr td a .break {
  align-self: flex-start;
  width: 100%;
  font-size: 12px;
  margin-top: -11px;
  margin-bottom: -5px;
}
.content:not(.meldung) table tbody tr td a.wrap,
.content:not(.meldung) table tfoot tr td a.wrap {
  flex-wrap: wrap;
}
.content:not(.meldung) table tbody tr td a > .hidemobile,
.content:not(.meldung) table tfoot tr td a > .hidemobile {
  white-space: normal;
  line-height: 19px;
}
.content:not(.meldung) table tbody tr td small,
.content:not(.meldung) table tfoot tr td small {
  display: block;
  font: 14px/18px 'HelveticaNeueLTW02-55Roman';
  padding-left: 10px;
}
.content:not(.meldung) table tbody tr td.aright a,
.content:not(.meldung) table tfoot tr td.aright a {
  flex-direction: row-reverse;
}
.content:not(.meldung) table tbody tr td.aright a img,
.content:not(.meldung) table tfoot tr td.aright a img {
  margin: 0 0 0 15px;
}
.content:not(.meldung) table tbody tr td.acenter img,
.content:not(.meldung) table tfoot tr td.acenter img {
  float: none;
  margin-right: 0;
}
.content:not(.meldung) table tbody tr td.acenter a,
.content:not(.meldung) table tfoot tr td.acenter a {
  justify-content: center;
}
.content:not(.meldung) table tbody tr td.acenter a i.ico-news,
.content:not(.meldung) table tfoot tr td.acenter a i.ico-news {
  font-size: 22px;
  margin: 0 auto;
}
.content:not(.meldung) table tbody tr.highlight td,
.content:not(.meldung) table tfoot tr.highlight td {
  border-color: #ffffff;
}
.content:not(.meldung) table tbody tr.highlight td a:hover,
.content:not(.meldung) table tfoot tr.highlight td a:hover {
  color: #000000;
}
.content:not(.meldung) table tbody tr.highlight + tr td,
.content:not(.meldung) table tfoot tr.highlight + tr td {
  border-color: #ffffff;
}
.content:not(.meldung) table tbody tr.relegation td,
.content:not(.meldung) table tfoot tr.relegation td {
  border-color: #ffffff;
}
.content:not(.meldung) table tbody tr.relegation td a:hover,
.content:not(.meldung) table tfoot tr.relegation td a:hover {
  color: #000000;
}
.content:not(.meldung) table tfoot tr td {
  border-top: 1px solid #20376f;
  font-weight: bold;
}
.content:not(.meldung) table.stats tbody tr td {
  height: 55px;
}
.content:not(.meldung) table a:hover,
.content:not(.meldung) table a:hover span,
.content:not(.meldung) table a:hover span[class*="display"],
.content:not(.meldung) table a:hover span[class*="hide"] {
  color: #1de4c9;
}
.content:not(.meldung) table a[target="_blank"]:not(.partner) {
  font-family: 'Avant Garde',Arial,sans-serif;
  max-width: 200px;
  display: table-cell;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding-right: 20px;
}
.content:not(.meldung) table a[target="_blank"]:not(.partner):after {
  content: "";
  width: 16px;
  height: 20px;
  background-image: url("/?proxy=img/ico_external-o16.png");
  background-position: 0 4px;
  background-repeat: no-repeat;
  margin-left: 4px;
  visibility: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .content:not(.meldung) table a[target="_blank"]:not(.partner):after {
    background-image: url("/?proxy=img/ico_external-o16@2x.png");
    background-size: 16px 16px;
  }
}
.content:not(.meldung) table a:hover[target="_blank"]:not(.partner):after {
  visibility: visible;
}
.content:not(.meldung) table.half {
  width: 50%;
  margin: 0 auto;
}
.content:not(.meldung) table div.tooltip {
  position: absolute;
  left: 50%;
  display: none;
  transform: translateX(-50%);
  top: -22px;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #ffffff;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}
.content:not(.meldung) table div.tooltip span {
  position: relative;
  display: block;
  background-image: url("/?proxy=img/bg_tooltip.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 2px 5px 7px;
  float: left;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .content:not(.meldung) table div.tooltip span {
    background-image: url("/?proxy=img/bg_tooltip@2x.png");
    background-size: 200px 55px;
  }
}
.content:not(.meldung) table th:hover div.tooltip,
.content:not(.meldung) table .th:hover div.tooltip {
  display: block;
  z-index: 3;
}
.content:not(.meldung) table tbody tr {
  border-top: 1px solid #ffffff;
}
.content:not(.meldung) table.schedule-post,
.content:not(.meldung) table.schedule-live,
.content:not(.meldung) table.schedule-pre {
  table-layout: fixed;
}
.content:not(.meldung) table.schedule-post tbody tr td,
.content:not(.meldung) table.schedule-live tbody tr td,
.content:not(.meldung) table.schedule-pre tbody tr td {
  height: 58px;
}
.content:not(.meldung) table.schedule-post tbody tr td img,
.content:not(.meldung) table.schedule-live tbody tr td img,
.content:not(.meldung) table.schedule-pre tbody tr td img {
  width: 35px;
  height: auto;
}
.content:not(.meldung) table .ico-visa {
  width: 40px;
  height: 24px;
  background-image: url("/?proxy=img/ico_sprite.png");
  background-repeat: no-repeat;
  background-position: center -127px;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .content:not(.meldung) table .ico-visa {
    background-image: url("/?proxy=img/ico_sprite@2x.png");
    background-size: 40px 160px;
  }
}
.content:not(.meldung) table .col-time {
  width: 11%;
}
.content:not(.meldung) table .col-team {
  width: 35%;
}
.content:not(.meldung) table .col-ddot {
  width: 2%;
}
.content:not(.meldung) table .col-icon {
  width: 8%;
}
.content:not(.meldung) table .col-erg {
  width: 10%;
}
.content:not(.meldung) table .col-logo {
  width: 18%;
}
.content:not(.meldung) table .col-vs {
  width: 40%;
}
.content:not(.meldung) table .col-tv {
  width: 20%;
}
.content:not(.meldung) table .show-detail-row {
  display: none;
}
.content:not(.meldung) table tr.result td {
  border-top: 2px solid rgba(102, 102, 102, 0.5);
}
.content:not(.meldung) table tr.result + tr td {
  padding-top: 10px;
}
.content:not(.meldung) table td.noborder,
.content:not(.meldung) table th.noborder,
.content:not(.meldung) table .footable-last-column.noborder {
  border-right: 1px solid rgba(102, 102, 102, 0.1);
}
.content:not(.meldung) table td.hidedesktop,
.content:not(.meldung) table th.hidedesktop,
.content:not(.meldung) table .footable-last-column.hidedesktop {
  display: none !important;
}
.content:not(.meldung) table tr.sub {
  background: #ececec;
  /*display:none;*/
}
.content:not(.meldung) table tr.sub > td {
  font-size: 13px;
  padding: 4px 0 0;
  border-bottom: 8px solid #ffffff;
}
.content:not(.meldung) table tr.sub table {
  margin: 0;
  width: 100%;
  table-layout: fixed;
  border-bottom: 4px solid #d8d8d8;
}
.content:not(.meldung) table tr.sub tr {
  border-top: 0;
  border-bottom: 1px solid #ffffff;
}
.content:not(.meldung) table tr.sub .footable-toggle {
  display: none !important;
}
.content:not(.meldung) table tr.sub td td,
.content:not(.meldung) table tr.sub td th {
  border-bottom: 0;
  border-top: 0;
  text-transform: capitalize;
  font-size: 13px;
}
.content:not(.meldung) table tr.sub td th {
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #444444;
}
.content:not(.meldung) table tr.sub td th.acenter {
  text-align: center;
}
.content:not(.meldung) table tr.sub td th.aright {
  text-align: right;
}
.content:not(.meldung) table tr.sub .stats tbody td,
.content:not(.meldung) table tr.sub .stats tfoot td {
  line-height: 16px;
}
.content:not(.meldung) table tr.sub td th {
  padding: 4px 5%;
  width: 40%;
  text-align: right;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
}
.content:not(.meldung) table tr.sub td td {
  padding: 4px 5%;
  width: 40%;
}
.content:not(.meldung) .spielstatistik table tbody tr td a,
.content:not(.meldung) .spielstatistik table tfoot tr td a {
  flex-wrap: wrap;
}
.content:not(.meldung) .spielstatistik table tbody tr td a span:last-of-type,
.content:not(.meldung) .spielstatistik table tfoot tr td a span:last-of-type {
  align-self: flex-start;
  width: 100%;
  font-size: 12px;
  margin: 0;
  line-height: 1.2;
}
.content:not(.meldung) .spielstatistik table tbody tr td a:not(.wrap) span:nth-of-type(1),
.content:not(.meldung) .spielstatistik table tfoot tr td a:not(.wrap) span:nth-of-type(1),
.content:not(.meldung) .spielstatistik table tbody tr td a:not(.wrap) span:nth-of-type(2),
.content:not(.meldung) .spielstatistik table tfoot tr td a:not(.wrap) span:nth-of-type(2) {
  margin-left: 3px;
}
.content:not(.meldung) .standings .table-legend {
  margin-bottom: 5px;
  font-size: 14px;
  padding: 0 1.4em;
  color: #20376f;
}
.content:not(.meldung) .standings tbody tr td span:nth-of-type(2),
.content:not(.meldung) .standings tfoot tr td span:nth-of-type(2) {
  margin-left: -7px;
  margin-right: 3px;
}
.schedule table.footable tbody td {
  border: 0;
}
.sponsors {
  clear: both;
  background: #ffffff;
  margin: 30px 0 30px 0;
  float: left;
  width: 100%;
}
.sponsors ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sponsors li {
  display: inline-block;
}
.sponsors a {
  display: block;
  width: 75px;
}
.sponsors img {
  display: block;
  margin: 0 auto;
  max-height: 40px;
  height: auto;
  width: auto;
  max-width: 100%;
}
.sponsors + .grid .super-banner .ad-container > div {
  margin-top: 60px;
}
.games {
  clear: both;
  background: #ffffff;
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 13px;
  font-family: 'Avant Garde',Arial,sans-serif;
  overflow: hidden;
}
.games .switch {
  width: 16%;
  float: left;
}
.games .switch img {
  margin: 16px auto 8px;
  border: none;
  width: auto;
  max-height: 40px;
  max-width: 100%;
  display: block;
}
.games .switch ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.games .switch ul li {
  float: left;
  width: 31.3333%;
  margin: 0 1%;
  padding: 2px 0 4px;
}
.games .switch ul li a {
  color: #20376f;
  display: block;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.games .switch ul li a:hover {
  color: #1de4c9;
}
.games .switch ul li a.active {
  color: #20376f;
  text-decoration: underline;
}
.games .inner_full > .arrow {
  width: 2.5%;
  height: 100%;
  color: #20376f;
  float: left;
  text-align: center;
  display: block;
}
.games .inner_full > .arrow i {
  font-size: 16px;
  line-height: 101px;
  display: block;
  width: 100%;
}
.games .wrapper {
  position: relative;
  width: 79%;
  display: inline-block;
  max-height: 101px;
  overflow: hidden;
  padding: 0;
}
.games .wrapper ul {
  margin: 0;
  padding: 16px 0;
  list-style: none;
  overflow: hidden;
  width: 2000px;
}
.games .wrapper li {
  float: left;
  width: 124px;
  margin: 0 1px;
  overflow: hidden;
}
.games .wrapper li:hover,
.games .wrapper li.active {
  background: #ececec;
}
.games .wrapper li a {
  text-decoration: none;
  color: #111111;
  display: block;
  padding: 10px 5px;
}
.games .wrapper li .gast,
.games .wrapper li .heim {
  display: block;
  margin: 5px 2%;
  width: 96%;
}
.games .wrapper li .gast span img,
.games .wrapper li .heim span img {
  float: left;
  width: 14px;
  height: 14px;
  border: none;
}
.games .wrapper li .gast .score,
.games .wrapper li .heim .score {
  float: right;
  line-height: 14px;
}
.games .wrapper li .gast .team,
.games .wrapper li .heim .team {
  margin: 0 0 0 5px;
  display: inline-block;
  line-height: 14px;
  width: 45%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.games .wrapper li .info {
  width: 96%;
  background: #20376f;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 13px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: white;
  text-align: right;
  padding: 1% 2%;
  position: relative;
  text-transform: uppercase;
}
.games .wrapper li .info .arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #20376f;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: -6px;
  display: none;
}
.games .wrapper li .info i {
  font-size: 11px;
  float: right;
  padding: 0 0 0 2px;
}
.games .wrapper li .live {
  background: #b2001a;
  text-transform: uppercase;
}
.games .wrapper li .live .arrow {
  border-bottom: 6px solid #b2001a;
}
.games .wrapper li:hover .info .arrow {
  display: block;
}
.games .wrapper li.upcoming {
  background: #ffffff;
}
.games .wrapper li.upcoming a {
  cursor: default;
}
footer {
  background: #20376f;
  clear: both;
  overflow: hidden;
  color: #ffffff;
  padding: 40px 0;
  margin: 0;
  position: relative;
}
footer:before {
  content: '';
  width: 100%;
  height: 100%;
  background: url("/?proxy=img/bg_dots.svg") right -100px top -90px no-repeat;
  position: absolute;
  right: 0;
  top: 0;
}
footer .inner3 {
  background: none;
}
footer .inner3 > ul {
  padding: 0 0 30px;
  list-style: none;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin: 0;
}
footer .inner3 > ul > li {
  float: left;
  font: 16px/30px 'Avant Garde';
  flex: 1 0;
  text-transform: uppercase;
}
footer .inner3 > ul > li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .inner3 > ul > li li {
  font: 14px/30px 'HelveticaNeueLTW02-55Roman';
  text-transform: none;
}
footer .inner3 > ul > li a {
  color: #ffffff;
  text-decoration: none;
}
footer .inner3 > ul > li a:hover,
footer .inner3 > ul > li a:active {
  color: #1de4c9;
}
footer .inner3 > ul.socialicons {
  display: inline-flex;
  flex-flow: row nowrap;
  width: 330px;
  max-width: 100%;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
footer .inner3 > ul.socialicons > li {
  width: auto;
}
footer .inner3 > ul.socialicons > li a {
  height: 26px;
  width: 26px;
  background: none;
  padding: 0;
  margin: auto;
  float: initial;
}
footer .inner3 > ul.socialicons > li a:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
footer .inner3 > ul.socialicons > li a i {
  color: #ffffff;
  font-size: 26px;
}
footer .inner3 > ul.socialicons > li a i.ico-x {
  font-size: 20px;
}
.apps__wrapper {
  display: inline-flex;
  width: 330px;
  height: 60px;
  align-items: flex-end;
  justify-content: flex-end;
  float: right;
}
.apps__wrapper .apps__badge {
  width: 160px;
  height: 60px;
  display: inline-block;
}
.apps__wrapper .apps__badge .de_tag,
.apps__wrapper .apps__badge .en_tag {
  display: none;
  visibility: hidden;
}
html:lang(en) .apps__wrapper .apps__badge .en_tag,
html:lang(de) .apps__wrapper .apps__badge .de_tag {
  display: block;
  visibility: visible;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  margin: 5px 5px 0 -10px;
  width: 10px;
  height: 10px;
  color: #20376f;
  vertical-align: top;
  font-size: 10px !important;
  line-height: 18px;
  float: left;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: '\e808';
  font-family: "fontello", sans-serif;
  color: #20376f;
  display: block;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: '\e808';
  transform: rotate(90deg);
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail),
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  width: 10px;
  height: 9px;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  -webkit-opacity: 0.6;
  opacity: 0.6;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
  filter: alpha(opacity = (60));
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: '\e816';
  font-family: "fontello", sans-serif;
  float: left;
  margin-top: -3px;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 14px;
  font-size: 9px;
}
.footable > thead > tr > th:hover > span.footable-sort-indicator {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator {
  background-position: 0 -55px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: '\e802';
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator {
  background-position: 0 -95px;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = (100));
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: '\e805';
}
.footable > thead > tr > th.footable-sorted,
.footable > thead > tr > th.footable-sorted-desc {
  color: #111111;
}
.footable .footable-row-detail-inner {
  display: table;
}
.footable .footable-row-detail > td {
  border: none;
}
.footable .footable-row-detail-row {
  display: table-row;
}
.footable .footable-row-detail-group {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  font-family: 'Avant Garde',Arial,sans-serif;
  text-transform: uppercase;
  text-align: right;
  background: #d8d8d8;
  display: table-cell;
  padding: 2px 5%;
}
.footable .stats .footable-row-detail-group {
  display: none;
}
.footable .footable-row-detail-name {
  display: table-cell;
  text-align: right;
  white-space: normal;
}
.footable .footable-row-detail-value {
  display: table-cell;
  text-align: left;
}
.footable .footable-row-detail-value,
.footable .footable-row-detail-value span {
  font-size: 11px;
  line-height: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
  white-space: normal;
}
.footable .footable-row-detail-value i {
  font-size: 15px;
  line-height: 24px;
  padding: 0 8px 0 0;
}
.footable .footable-row-detail-value .show-detail-row {
  display: inline-block;
}
.footable .footable-row-detail-value .hide-detail-row {
  display: none;
}
.footable .footable-row-detail-cell {
  background: #ececec;
  border-bottom: 4px solid #d8d8d8;
  padding: 0 0 4px;
}
.footable .footable-row-detail-inner {
  width: 100%;
}
.footable .footable-row-detail-row {
  border-bottom: 1px solid #ffffff;
}
.footable .footable-row-detail-row:last-child {
  border: 0;
}
.footable .footable-row-detail-name,
.footable .footable-row-detail-value {
  width: 40%;
  padding: 0 10px;
}
.footable.stats .footable-row-detail-name,
.footable.stats .footable-row-detail-value {
  white-space: nowrap;
}
.footable .footable-row-detail-name {
  font: 13px/40px 'Avant Garde';
  text-transform: uppercase;
  color: #20376f;
}
.footable .footable-row-detail-value {
  font: 11px 'HelveticaNeueLTW02-55Roman';
  text-transform: uppercase;
  color: #20376f;
}
a.tooltip {
  cursor: default;
}
a.tooltip:after {
  display: block;
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 20%;
  opacity: 0;
  content: attr(data-tool);
  height: auto;
  min-width: 200px;
  padding: 5px 8px;
  z-index: 999;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: rgba(0, 0, 0, 0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
a.tooltip:before {
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}
a.tooltip:hover:after {
  visibility: visible;
  opacity: 1;
  bottom: 20px;
}
a.tooltip:hover:before {
  visibility: visible;
  opacity: 1;
  bottom: 14px;
}
a.tooltip.animate:after,
a.tooltip.animate:before {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/* tips on bottom */
a.tooltip.bottom:after {
  bottom: auto;
  top: 0;
}
a.tooltip.bottom:hover:after {
  top: 28px;
}
a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  top: 0;
}
a.tooltip.bottom:hover:before {
  top: 20px;
}
/* tips on left */
a.tooltip.left:after {
  left: 58px;
  top: 0;
  bottom: 0;
  padding: 2px 8px;
  min-width: 100px;
}
a.tooltip.left:hover:after {
  left: 58px;
  top: 0;
  bottom: 0;
  padding: 2px 8px;
}
a.tooltip.left:before {
  top: 40%;
  left: 50px;
  bottom: auto;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
}
a.tooltip.left:hover:before {
  top: 40%;
  left: 50px;
  bottom: auto;
}
/* tips on bottom right */
a.tooltip.bottomr:after {
  bottom: auto;
  left: -190px;
  top: 0;
}
a.tooltip.bottomr:hover:after {
  top: 28px;
}
a.tooltip.bottomr:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  top: 0;
}
a.tooltip.bottomr:hover:before {
  top: 20px;
}
/* tips on right */
a.tooltip.right {
  display: inline-block;
  float: right;
  position: relative;
}
a.tooltip.right:after {
  left: -128px;
  right: 0;
  top: -2px;
  padding: 2px 8px;
  width: 100px;
  min-width: 100px;
  height: 40px;
}
a.tooltip.right:before {
  top: 13px;
  left: -12px;
  z-index: 999;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
}
.social_share_privacy_area {
  clear: both;
  margin: 0;
  list-style-type: none;
  padding: 0;
  width: auto;
  height: 20px;
  display: block;
  font-family: 'Avant Garde',Arial,sans-serif;
}
.social_share_privacy_area .clearfix::after {
  content: "";
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
  clear: both;
  display: block;
}
.social_share_privacy_area img {
  width: auto !important;
}
.social_share_privacy_area li {
  margin: 4px 0;
  padding: 0;
  height: 20px;
  float: left;
}
.social_share_privacy_area li .dummy_btn {
  float: left;
  margin: 0 0 0 10px;
  cursor: pointer;
  padding: 0;
  height: inherit;
}
.social_share_privacy_area li div iframe {
  overflow: hidden;
  height: inherit;
  width: inherit;
}
.social_share_privacy_area .facebook {
  width: 180px;
  display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
  width: 130px;
}
.social_share_privacy_area .twitter {
  width: 148px;
}
.social_share_privacy_area li div.tweet {
  width: 100px;
}
.social_share_privacy_area .gplus {
  width: 123px;
}
.social_share_privacy_area li div.gplusone {
  width: 75px;
}
.social_share_privacy_area li .switch {
  text-indent: -9999em;
  background-image: url("/?proxy=img/social/socialshareprivacy_on_off.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 29px;
  height: 12px;
  overflow: hidden;
  float: left;
  margin: 4px 0 0;
  padding: 0;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (min-resolution:1.5dppx) {
  .social_share_privacy_area li .switch {
    background-image: url("/?proxy=img/social/socialshareprivacy_on_off@2x.png");
    background-size: 24px 40px;
  }
}
.social_share_privacy_area li .switch.on {
  background-position: 0 -20px;
}
.social_share_privacy_area li.help_info {
  position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  font-family: 'Avant Garde',Arial,sans-serif;
  color: #111111;
  -moz-box-shadow: 0 3px 4px #999;
  -webkit-box-shadow: 0 3px 4px #999;
  box-shadow: 0 3px 4px #999;
  z-index: 500;
  background: #ececec;
}
.social_share_privacy_area li.gplus.help_info .info {
  left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
  left: -243px;
  width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.icon.display .info {
  display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
  display: none;
}
.social_share_privacy_area li .help_info.icon {
  display: none;
}
.social_share_privacy_area li.settings_info,
.social_share_privacy_area li.settings_info .settings_info_menu {
  display: none;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
  display: none;
}
#baguetteBox-overlay {
  background-color: #091020;
  background-color: rgba(8, 16, 36, 0.9);
}
#baguetteBox-overlay .full-image figcaption {
  color: #ffffff;
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.6);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 17px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
#baguetteBox-overlay .full-image figcaption p {
  margin: 0;
  padding: 8px 0;
}
#baguetteBox-overlay .full-image figcaption p.description {
  white-space: initial;
}
#baguetteBox-overlay .full-image figcaption span {
  color: #d8d8d8;
  font-size: 11px;
  text-transform: uppercase;
  display: block;
  padding: 8px 0;
}
#baguetteBox-slider.bounce-from-right {
  -webkit-animation: bounceFromRight 0.4s ease-out;
  animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
  -webkit-animation: bounceFromLeft 0.4s ease-out;
  animation: bounceFromLeft 0.4s ease-out;
}
.baguetteBox-button {
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.25);
  color: #d8d8d8;
  font-style: normal;
  font-weight: normal;
  font-size: 'Avant Garde';
  line-height: inherit;
  font-family: '16px',Arial,sans-serif;
}
.baguetteBox-button:hover {
  background-color: rgba(28, 52, 118, 0.8);
}
#cookie-bar {
  background: #20376f;
  height: auto;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-top: 1px solid #d8d8d8;
  font: 13px/20px 'HelveticaNeueLTW02-55Roman';
}
#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}
#cookie-bar p {
  padding: 0 10px;
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  display: block;
  padding-right: 50px;
  position: relative;
  box-sizing: border-box;
  text-align: left;
}
#cookie-bar p a.link {
  color: #1de4c9;
  margin: 0;
}
#cookie-bar .cb-enable,
#cookie-bar .cb-disable,
#cookie-bar .cb-policy {
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 24px;
  font-family: 'Avant Garde',Arial,sans-serif;
}
#cookie-bar .cb-enable {
  background: #1de4c9;
  margin-left: 15px;
  float: right;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  right: 10px;
}
#cookie-bar .cb-enable:hover {
  background: #19cfb6;
}
#cookie-bar .cb-disable {
  background: #20376f;
}
#cookie-bar .cb-disable:hover {
  background: #bb0000;
}
#cookie-bar .cb-policy {
  background: #20376f;
}
#cookie-bar .cb-policy:hover {
  background: #0055dd;
}
.newsletter-bewerbung {
  width: 310px;
  height: 130px;
  background: #20376f;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 120;
  padding: 30px 10px;
  text-align: left;
}
.newsletter-bewerbung:before {
  content: '';
  width: 100%;
  height: 130px;
  background: url(/?proxy=img/bg_dots.svg) right -45px top -5px no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  background-size: 90%;
  z-index: -1;
}
.newsletter-bewerbung a.close {
  position: absolute;
  font: 15px/15px 'Avant Garde';
  color: white;
  text-decoration: none;
  top: 10px;
  right: 10px;
}
.newsletter-bewerbung .title a {
  display: inline-block;
  margin: 0 auto;
  font: 22px/15px 'Avant Garde';
  color: #20376f;
  background: #1de4c9;
  text-decoration: none;
  text-transform: uppercase;
  padding: 6px;
  letter-spacing: 1px;
}
.newsletter-bewerbung .title a:nth-last-child(1) {
  margin-top: -1px;
}
.newsletter-bewerbung .text a {
  display: block;
  margin: 0 auto;
  font: 13px/15px 'Avant Garde';
  color: white;
  text-decoration: none;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 0.15px;
}
/* Leo Vegas Probabilities */
div.scale {
  position: relative;
  width: 100%;
  height: 100%;
}
div.scale a {
  display: block !important;
  height: 100%;
}
div.scale a > div {
  text-indent: -9999999999px;
  float: left;
  height: 100%;
}
div.scale a > div.rate-home {
  width: 1%;
  background: #032354;
}
div.scale a > div.rate-draw {
  width: 98%;
  background: #c0c4d0;
}
div.scale a > div.rate-guest {
  width: 1%;
  background: #f97753;
}
div.scale span.rate-number {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff !important;
}
.footable-row-detail-value .scale {
  height: 20px;
  margin-bottom: 3px;
}
.footable-row-detail-value .scale a span {
  line-height: 20px;
  display: inline-block;
  padding: 0;
}
/* Add integration */
.adcontainer {
  background-color: #fcfcfc;
  clear: both;
}
.adcontainer.adcontainer--ms > div > div,
.adcontainer.adcontainer--sb > div > div,
.adcontainer.adcontainer--bb > div > div {
  display: block !important;
  height: 100% !important;
  margin: auto;
}
.adcontainer.adcontainer--ms {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 90;
}
.adcontainer > div > div {
  display: block !important;
  height: 100% !important;
  margin: auto;
  padding-bottom: 10px;
}
.adcontainer > div > div::before {
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 2.5;
  letter-spacing: 0.1em;
  position: relative;
  display: block;
  color: rgba(112, 112, 112, 0.7);
  margin: auto;
  padding: 0;
}
html:lang(en) .adcontainer > div > div::before {
  content: "Adverticement";
}
html:lang(de) .adcontainer > div > div::before {
  content: "Anzeige";
}
.truendo_container .truendo_fab.mdc-fab--extended {
  z-index: 90 !important;
}
.box .newsbox.hasad .teaser.large {
  width: calc(100% - 310px);
  margin: 25px 0 25px 0;
}
.box .newsbox.hasad .teaser.large:nth-child(1) {
  margin-right: 10px;
}
.box .newsbox.hasad .teaser.large:nth-child(2) {
  margin-left: 10px;
}
.box .newsbox.hasad .teaser.large img {
  height: auto;
}
.adwrapper {
  width: 300px;
  float: left;
}
.clear + .promo-box {
  margin: 0 !important;
}
.clear + .promo-box + .promo-box {
  margin: 0 3%!important;
}
.clear + .promo-box + .promo-box + .promo-box {
  margin: 0 !important;
  clear: right !important;
}
.clear + .promo-box + .promo-box + .promo-box + p {
  display: inline-block !important;
  margin: 40px 0!important;
}
.faqs {
  margin: 50px 0;
}
.faqs .title {
  font-size: 40px !important;
  margin-bottom: 30px !important;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.faqs .faq-wrapper {
  border-width: 3px 5px 3px 5px;
  border-color: #fff;
  border-style: solid;
}
.faqs .faqblock {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  border: 2px solid #fff;
  margin-bottom: -2px;
  border-left: 0;
  border-right: 0;
  position: relative;
}
.faqs .faqblock__question {
  width: 100%;
  color: #fff !important;
  padding: 20px !important;
  background: #20376f;
  margin: 0 !important;
}
.faqs .faqblock__accordionhandle {
  width: 100%;
  position: absolute;
  height: 100%;
  padding: 27px 0px 0;
  padding-right: 20px;
  right: 0px;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.faqs .faqblock__accordionhandle.collapse a {
  color: #fff !important;
}
.faqs .faqblock__accordionhandle.collapse .ico-arrow-full-do {
  font-size: 14px;
}
.faqs .faqblock__accordionhandle.collapse.open .ico-arrow-full-do:before {
  content: '\e805';
}
.faqs .faqblock__answer {
  width: 100%;
  background: #fff;
  padding: 10px 20px;
  border: 1px solid #20376f;
  z-index: 1;
}
.faqs .faqblock__answer a {
  color: #1de4c9;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
/* './storage/handball_bundesliga_de/static/style/responsive.less.' */
@media screen and (min-width: 768px) {
  .content.meldung .seasonstatsbox.team.box {
    width: 48%;
    text-transform: uppercase;
    float: left;
    margin: 50px 2% 25px !important;
    padding: 0;
  }
  .content.meldung .seasonstatsbox.team.box:nth-of-type(even) {
    margin-right: 0 !important;
  }
  .content.meldung .seasonstatsbox.team.box:nth-of-type(odd) {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1340px) {
  /* WERBUNG */
  .skyscraper-wrapper,
  .sitebar {
    display: none !important;
  }
}
@media screen and (max-width: 1140px) {
  .hidetablet {
    display: none;
  }
  .content table td.hidedesktop,
  .content table th.hidedesktop {
    display: table-cell !important;
  }
  p.displaytablet,
  div.displaytablet {
    display: block;
  }
  td.displaytablet {
    display: table-cell;
  }
  header .producedbylaola1tv a img {
    height: 25px;
    margin-top: 5px;
  }
  nav .inner_full .quicksearch {
    display: none;
  }
  .aufmacher .content {
    height: 500px;
  }
  .aufmacher .thumbs {
    width: calc(100% - 30px);
    bottom: 15px;
  }
  .aufmacher .thumbs ul li {
    height: 63px;
  }
  .aufmacher .thumbs ul li .slide-title {
    padding: 10px 15px;
  }
  .aufmacher .thumbs ul li .slide-title h2 {
    font-size: 17px;
    line-height: 22px;
  }
  .aufmacher .thumbs ul li .slide-title i {
    font-size: 35px;
    margin-right: 10px;
  }
  .games li {
    float: left;
    width: 18%;
    margin: 0 1%;
  }
  .games li .info {
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 13px;
    font-family: 'Avant Garde',Arial,sans-serif;
  }
  .schedule .icon.more,
  .spielstatistik .icon.more {
    display: none;
  }
  footer > .grid > .inner_full {
    background-image: none;
  }
  footer > .grid > .inner_full > ul {
    margin: 0 1%;
  }
  footer > .grid > .inner_full > ul.socialicons {
    float: right;
  }
  .content table tr.sub > td table tr th[data-sub-hide="tablet"],
  .content table tr.sub > td table tr td[data-sub-hide="tablet"] {
    display: none;
  }
  .content.meldung .aufmacher img {
    height: 500px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .player {
    width: 35%;
  }
  .allstar .accordionContent.rows ul:not([class]) li .foto {
    width: 14%;
  }
  .allstar .accordionContent.rows ul:not([class]) li .count {
    width: 44%;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .foto img {
    height: 90px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.name {
    font-size: 14px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.team {
    font-size: 12px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip {
    font-size: 12px;
    font-family: 'HelveticaNeueLTW02-55Roman';
    font-weight: bold;
    line-height: 24px;
    top: -24px;
  }
}
@media screen and (max-width: 1080px) {
  .sideinfo {
    position: static;
    width: 50%;
    margin: -24px 1% 12px;
    float: right;
  }
  .sideinfo .lang {
    float: right;
    border: 0;
    background: none;
    padding: 0 0 0 20px;
  }
  .sideinfo .lang li {
    float: left;
    padding: 0 1px 0 0;
  }
  .sideinfo .lang li a {
    height: auto;
    text-indent: 0;
    width: auto;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 12px;
    font-family: 'Avant Garde',Arial,sans-serif;
    color: #20376f;
    text-decoration: none;
    text-transform: uppercase;
    background: none;
    padding: 0 0 0 8px;
    filter: none;
  }
  .sideinfo .lang li a.active {
    text-decoration: underline;
  }
  .sideinfo .socialicons {
    display: none;
  }
  .bracket .team figure,
  .bracket .team .score {
    width: 50%;
  }
  .bracket .team img {
    float: none;
    margin: 0 auto;
  }
  .bracket .team span {
    display: none;
  }
}
/* TABLET HOCHFORMAT */
@media screen and (max-width: 1000px) {
  .box .boxnav li a,
  .content .boxnav li a {
    font-size: 13px;
    line-height: 25px;
  }
  .box table td {
    padding: 13px 2px;
    font-size: 11px;
  }
  .box table td img {
    width: 22px;
  }
  .box table td.large {
    font-size: 13px;
  }
  .box table td a.team span {
    min-width: 30px;
  }
  .box table th {
    padding: 13px 2px;
    font-size: 11px;
  }
  .box .topplayer .heading h4,
  .box .topstats .heading h4 {
    font-size: 13px;
  }
  .box .kinexonVerteilung .playerList li h4 {
    font-size: 13px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues {
    padding: 0 20px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl {
    margin-left: 20px;
  }
  .box .clubnews li {
    font-size: 14px;
    line-height: 17px;
  }
  .box .newsbox .teaser.list h2 {
    font-size: 14px;
    line-height: 17px;
  }
  .box > h3,
  .content > h3,
  .box > .h3-heading,
  .content > .h3-heading,
  .box .vs .h3-heading,
  .content .vs .h3-heading,
  .box > h2,
  .content > h2 {
    font-size: 18px;
  }
  .box > h3 .switch,
  .content > h3 .switch,
  .box > .h3-heading .switch,
  .content > .h3-heading .switch,
  .box .vs .h3-heading .switch,
  .content .vs .h3-heading .switch,
  .box > h2 .switch,
  .content > h2 .switch {
    margin-top: -22px;
  }
  .box > h2,
  .content > h2 {
    font-size: 30px;
  }
  .content.meldung .kinexonTable {
    height: auto !important;
  }
  .content.meldung .kinexonTable td img {
    width: 22px;
  }
  .content.meldung .kinexonTable td .name-long {
    display: none;
  }
  .content.meldung .kinexonTable td .name-short {
    display: inline-block;
  }
  .box .kinexonMatchHeader .fixture .score {
    font-size: 70px;
    line-height: 50px;
    padding: 30px;
  }
  .box .kinexonMatchHeader .fixture .round {
    font-size: 12px;
  }
  .box .kinexonMatchHeader .team img {
    width: 130px;
  }
  .box .kinexonMatchHeader .team .teamName {
    font-size: 22px;
    line-height: 25px;
  }
  .content.meldung .seasonstatsbox {
    width: 100%;
    padding: 0;
    margin: 30px 0 45px !important;
    float: none;
  }
  .content.meldung .seasonstatsbox.box {
    margin: 30px 0 45px !important;
  }
  .content.meldung .seasonstatsbox .selected-player .player__club img {
    margin: 30px;
  }
  .content.meldung .seasonstatsbox .selected-player .stats__wrapper {
    top: 70px;
    right: 80px;
  }
  .content.meldung .seasonstatsbox .selected-player .player__image {
    top: 50px;
    left: 120px;
  }
  .content.meldung .seasonstatsbox .selected-player,
  .content.meldung .seasonstatsbox .selected-team {
    height: 320px;
  }
  .content.meldung .seasonstatsbox .selected-team .club__image img {
    width: 80px;
    margin: 30px 0px;
    transition: all 0.3s ease;
    transform: scale(1);
  }
  .content.meldung .seasonstatsbox .selected-team .stats__wrapper {
    right: 25px;
  }
  .content.meldung .seasonstatsbox .kinexonTable td.player__club {
    width: 35px;
  }
  .content.meldung .seasonstatsbox .kinexonTable td.player__club img {
    width: 35px;
  }
  /* DSV-3892 karriere begin */
  .career__data {
    display: block;
    padding: 0;
  }
  .career__data .career__club {
    float: left;
    display: inline;
    width: initial;
  }
  .career__data .career__club img {
    width: 50px;
    padding: 10px 15px 10px 0px;
  }
  .career__data .career__table {
    width: 100%;
  }
  .career__data .career__table .career__clubname {
    height: 55px;
  }
  .career__data .career__table .box.h3.career__clubname h3 {
    margin: 0;
    font-size: 14px;
  }
  /* DSV-3892 end */
  .content:not(.meldung) .career__data--all table tr td:first-of-type {
    padding-left: 5px;
  }
  .content:not(.meldung) .career__data--all table tr td:nth-of-type(2) {
    padding-left: inherit;
    padding-right: inherit;
  }
  .content:not(.meldung) .career__data--all table th:last-of-type,
  .content:not(.meldung) .career__data--all table td:last-of-type {
    padding-right: inherit;
  }
}
@media screen and (max-width: 950px) {
  .content.meldung .aufmacher figcaption {
    padding: 0px 15px;
  }
  .content.meldung .aufmacher + .content-wrapper {
    padding: 0 15px;
  }
}
@media screen and (max-width: 800px) and (min-width: 641px) {
  nav .inner_full > ul > li {
    font-size: 15px;
  }
  .box.h1 {
    height: 244px;
  }
  .box.h2 {
    height: 508px;
  }
  .box table th.large,
  .box table td.large {
    font-size: 11px;
  }
  .box table th.large img,
  .box table td.large img,
  .box table th.large ~ td img,
  .box table td.large ~ td img {
    width: 16px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .box table th.large ~ td i,
  .box table td.large ~ td i {
    font-size: 16px;
    padding: 0 2px;
  }
  .box .standings,
  .box .schedule {
    height: 404px;
  }
  .box .tv {
    height: 172px;
  }
  .box .linkbox {
    height: 200px;
  }
  .box .social {
    height: 460px;
  }
  .box .strengths {
    height: 428px;
  }
  .box .strengths .chart .values {
    height: 232px;
  }
  .box .strengths .chart .values.top {
    height: 256px;
  }
  .box .promo,
  .box .profile {
    height: 468px;
  }
  .box .promo a > img,
  .box .profile a > img,
  .box .promo > img,
  .box .profile > img {
    margin-left: -136px;
  }
  .box .promo .heading h2,
  .box .profile .heading h2 {
    padding: 0;
    line-height: 18px;
    font-size: 15px;
  }
  .box .promo .heading img,
  .box .profile .heading img {
    height: 32px;
    width: auto;
  }
  .box .boxnav + .vereine {
    height: 148px;
  }
  .box > .teaser {
    height: 176px;
  }
  .box > .teaser figure {
    height: 148px;
  }
  .box > .teaser a > figure > img {
    margin-left: -128px;
  }
  .box .topplayer {
    height: 384px;
  }
  .box .topplayer .heading {
    padding: 4px 2%;
  }
  .box .topplayer .heading .value,
  .box .topplayer .heading h4 {
    font-size: 14px;
  }
  .box .topplayer .details {
    height: 208px;
  }
  .box .topplayer .details dl {
    line-height: 24px;
    font-size: 14px;
  }
  .box .topplayer .details .player .imgteamlogo {
    width: 32px;
  }
  .box .topstats .details {
    height: 198px;
  }
  .box .topstats .alwaysactive .details {
    height: 90px !important;
  }
  .box .clubnews li {
    line-height: 42px;
    font-size: 12px;
  }
  .box .clubnews li img {
    width: 20px;
    margin-top: 10px;
  }
  .box .clubnews li:last-child {
    padding-bottom: 7px;
  }
  .box .reloadContent {
    margin: 4px 0;
  }
  .box .reloadContent .smalltitle {
    padding-top: 0;
  }
  .box .reloadContent .arrownav {
    min-height: 20px;
    line-height: 20px;
  }
  .box .reloadContent .arrownav .paging,
  .box .reloadContent .arrownav h4 {
    line-height: 20px;
    height: 20px;
  }
  .box h3 + .reloadContent > img {
    margin: 183px auto;
  }
  .box h3 + .reloadContent .topplayer,
  .box h3 + .reloadContent .schedule,
  .box h3 + .reloadContent .standings {
    height: 428px;
  }
  .box h3 + .reloadContent .topplayer .details,
  .box h3 + .reloadContent .schedule .details,
  .box h3 + .reloadContent .standings .details {
    height: 253px;
  }
  .box h3 + .boxnav + .reloadContent > img {
    margin: 171px auto;
  }
  .box h3 + .boxnav + .reloadContent .topplayer,
  .box h3 + .boxnav + .reloadContent .schedule,
  .box h3 + .boxnav + .reloadContent .standings {
    height: 404px;
  }
  .box h3 + .boxnav + .reloadContent .topplayer .details,
  .box h3 + .boxnav + .reloadContent .schedule .details,
  .box h3 + .boxnav + .reloadContent .standings .details {
    height: 229px;
  }
  .box h3 + .reloadContent .arrownav + img,
  .box h3 + .reloadContent .smalltitle + img {
    margin: 171px auto;
  }
  .box h3 + .reloadContent .arrownav + .topplayer,
  .box h3 + .reloadContent .smalltitle + .topplayer,
  .box h3 + .reloadContent .arrownav + .schedule,
  .box h3 + .reloadContent .smalltitle + .schedule,
  .box h3 + .reloadContent .arrownav + .standings,
  .box h3 + .reloadContent .smalltitle + .standings {
    height: 408px;
  }
  .box h3 + .reloadContent .arrownav + .topplayer .details,
  .box h3 + .reloadContent .smalltitle + .topplayer .details,
  .box h3 + .reloadContent .arrownav + .schedule .details,
  .box h3 + .reloadContent .smalltitle + .schedule .details,
  .box h3 + .reloadContent .arrownav + .standings .details,
  .box h3 + .reloadContent .smalltitle + .standings .details {
    height: 233px;
  }
  .box h3 + .boxnav + .reloadContent .arrownav + img,
  .box h3 + .boxnav + .reloadContent .smalltitle + img {
    margin: 159px auto;
  }
  .box h3 + .boxnav + .reloadContent .arrownav + .topplayer,
  .box h3 + .boxnav + .reloadContent .smalltitle + .topplayer,
  .box h3 + .boxnav + .reloadContent .arrownav + .schedule,
  .box h3 + .boxnav + .reloadContent .smalltitle + .schedule,
  .box h3 + .boxnav + .reloadContent .arrownav + .standings,
  .box h3 + .boxnav + .reloadContent .smalltitle + .standings {
    height: 384px;
  }
  .box h3 + .boxnav + .reloadContent .arrownav + .topplayer .details,
  .box h3 + .boxnav + .reloadContent .smalltitle + .topplayer .details,
  .box h3 + .boxnav + .reloadContent .arrownav + .schedule .details,
  .box h3 + .boxnav + .reloadContent .smalltitle + .schedule .details,
  .box h3 + .boxnav + .reloadContent .arrownav + .standings .details,
  .box h3 + .boxnav + .reloadContent .smalltitle + .standings .details {
    height: 209px;
  }
  .box .videoplayer {
    height: 436px;
  }
  .box .newsbox {
    height: 428px;
  }
  .box .newsbox .teaser.large {
    margin-bottom: 2px;
  }
  .box .newsbox .teaser.list h2 {
    padding: 8px 1% 7px;
  }
  .box.h1.promo-box {
    width: 100% !important;
  }
  .box.h1 .videoplayer {
    height: 164px;
  }
  .box.h1 .promo,
  .box.h1 .profile {
    height: auto;
    width: 100%;
    background: transparent;
  }
  .box.h1 .promo img,
  .box.h1 .profile img {
    margin-left: 0 !important;
  }
  .inner1 > h3 .more,
  .inner1 .h3-heading .more {
    display: none;
  }
  .inner2 .box > .h3-heading .more {
    width: 75%;
  }
  .inner2 .box > .h3-heading ul {
    max-height: 356px;
  }
  .inner2 .box > .h3-heading li.active {
    color: #20376f;
  }
  .inner2 .box > .h3-heading li.active {
    padding-right: 12%;
    width: 84%;
  }
  .contentnav > li {
    font-size: 15px;
  }
  /* WERBUNG */
  .cad {
    height: 226px;
  }
  .box .tickerbox .players .details .player .imgplayer {
    display: none;
  }
  .box .tickerbox .players .details dl {
    width: 100%;
    float: none;
  }
  .box .tickerbox .players .details dl dt {
    width: 73%;
  }
  .box .tickerbox .comparison .chart .text.mid {
    width: 30%;
  }
  .box .tickerbox .comparison .chart .bars {
    width: 20%;
  }
}
@media screen and (max-width: 800px) {
  .hidetablet,
  p.hidetablet,
  div.hidetablet {
    display: block;
  }
  td.hidetablet,
  tr.hidetablet {
    display: table-cell;
  }
  span.hidetablet {
    display: inline;
  }
  .hidemobile,
  p.hidemobile,
  div.hidemobile,
  td.hidemobile,
  tr.hidemobile,
  td.hidemobile,
  span.hidemobile {
    display: none !important;
  }
  .displaymobile,
  p.displaymobile,
  div.displaymobile {
    display: block;
  }
  td.displaymobile,
  tr.displaymobile {
    display: table-cell;
  }
  span.displaymobile {
    display: inline;
  }
  .main,
  .main.fixed {
    padding-top: 60px;
  }
  .inner_full {
    width: auto;
  }
  .sideinfo {
    display: none;
  }
  .main > .super-banner {
    display: none !important;
  }
  .inner_full .content,
  .inner3 .content,
  .inner_full .box,
  .inner3 .box {
    padding-left: 0;
    padding-right: 0;
  }
  /* fix inner in inner */
  .inner3 .inner3 {
    width: 100%;
    padding: 0;
  }
  .inner3 .inner2 {
    width: 100%;
    padding: 0;
  }
  .inner3 .inner1 {
    width: 100%;
    padding: 0;
  }
  .inner3 .inner2 + .inner1 {
    margin-top: 40px;
  }
  .inner3 .inner1 + .inner1 {
    margin-top: 40px;
  }
  .grid > .inner2 + .inner1 {
    margin-top: 40px;
  }
  .grid > .inner1 + .inner1 {
    margin-top: 40px;
  }
  .box .arrownav .paging.first,
  .content .arrownav .paging.first,
  .box .arrownav .paging.last,
  .content .arrownav .paging.last {
    width: 7%;
  }
  .box .arrownav .smalltitle,
  .content .arrownav .smalltitle {
    width: 68%;
  }
  p.daten-zusatz {
    margin-bottom: 40px;
    max-width: inherit;
  }
  header {
    height: auto !important;
    overflow: visible !important;
    position: fixed;
    top: 0;
    right: 95px !important;
    left: initial !important;
    z-index: 100 !important;
    background: none !important;
    width: 100px;
    padding: 0;
  }
  header .hbl-tv-mobile,
  header .hbl-ticket-mobile {
    display: flex;
    align-items: center;
    height: 60px;
  }
  header .hbl-tv-mobile i,
  header .hbl-ticket-mobile i {
    color: #fff;
    font-size: 20px;
    margin-right: 25px;
  }
  header .logo {
    padding-right: 8px;
    float: right;
    width: auto;
    height: 32px;
    margin-top: 12px;
  }
  header .logo img {
    width: auto;
    height: 100%;
  }
  header .teams,
  header .liga,
  header .claim,
  header .producedbylaola1tv {
    display: none;
  }
  header .meta {
    display: block !important;
  }
  header .meta ul:not(.language) {
    display: none;
  }
  header .meta ul.language {
    position: fixed;
    top: 20px;
    left: 55px;
  }
  header .meta ul.language li a {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin: 0 8px;
  }
  header .meta ul.language li a img {
    width: 20px;
  }
  nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99 !important;
    height: 60px;
  }
  nav:before {
    background-position: right -150px top 0;
    background-size: 500px;
    height: 60px;
  }
  nav + * > .contentnav {
    margin-top: 8px;
  }
  nav .togglemenu {
    display: block;
    float: left;
  }
  nav .grid .inner_full {
    width: 100%;
    margin: 0;
  }
  nav .grid > div > ul {
    position: fixed;
    overflow-y: auto;
    bottom: 0;
    top: 53px;
    left: 0;
    right: 0;
    background: #20376f;
    display: none;
    clear: both;
    margin: 0 !important;
  }
  nav .grid .inner_full > ul > li {
    float: none;
    border-bottom: 1px solid #ffffff;
  }
  nav .grid .inner_full > ul > li.open {
    border-bottom: 2px solid #ffffff;
  }
  nav .grid .inner_full > ul > li.open a:before {
    display: none;
  }
  nav .grid .inner_full > ul > li > a.focus {
    border-bottom: 2px solid #ffffff;
    color: #1de4c9;
  }
  nav .grid .inner_full > ul > li > a.focus.active {
    color: #20376f;
  }
  nav .grid .inner_full > ul > li > a {
    padding: 0 20px!important;
    line-height: 50px;
  }
  nav .grid .inner_full > ul > li .subnav {
    position: static;
    padding: 0;
    width: auto;
    margin: 0;
    border-bottom: 1px solid #ffffff;
  }
  nav .grid .inner_full > ul > li .subnav > ul {
    background: #1a2d5b;
    float: none;
    width: auto;
    margin: 0;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li .heading {
    display: block;
    line-height: 50px;
    font-size: 14px;
    padding: 0 0 0 30px;
    cursor: pointer;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > a.focus {
    border-bottom: none;
    color: #1de4c9;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > a.focus.active {
    color: #20376f;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > ul {
    display: none;
    background: #1de4c9;
    margin: 0;
    border-bottom: 1px solid #ffffff;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > ul li {
    padding-left: 40px;
    border-bottom: 0;
    border-top: 1px solid #20376f;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > ul li a {
    color: #20376f;
    line-height: 40px;
  }
  nav .grid .inner_full > ul > li .subnav > ul > li > ul li:first-child {
    border: none;
  }
  nav .grid .inner_full > ul > li .subnav > ul:last-child > li .heading {
    border: none;
  }
  nav + .grid:not(.news) {
    margin-top: 20px;
  }
  .main > .grid + .grid:not(.gamecenter) {
    margin-top: 40px;
    float: left;
  }
  .aufmacher {
    margin: 0 0 20px 0;
  }
  .aufmacher.news + section {
    margin-top: 0;
  }
  .aufmacher .content {
    height: 350px;
  }
  .aufmacher .thumbs ul {
    justify-content: flex-start;
  }
  .aufmacher .thumbs ul li {
    flex: 0;
    height: 30px;
  }
  .aufmacher .thumbs ul li .slide-title {
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 5px 10px;
  }
  .aufmacher .thumbs ul li .slide-title h2 {
    font-size: 15px;
    line-height: 17px;
  }
  .aufmacher .thumbs ul li .slide-title i {
    font-size: 28px;
  }
  .aufmacher .thumbs ul li .slide-num {
    width: 30px;
    font-size: 16px;
  }
  .aufmacher .thumbs ul li.active {
    flex: 0;
  }
  .aufmacher .thumbs ul li.active .slide-num {
    display: flex;
    background: #1de4c9;
    color: #20376f;
  }
  .aufmacher .thumbs ul li:first-child {
    margin-left: 0;
  }
  .aufmacher .current {
    padding: 0;
    width: 100%;
  }
  .aufmacher .current h2 {
    bottom: 40px;
    left: 0;
    max-width: none;
    right: 0;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .spielstand {
    clear: both;
    padding: 10px 2%;
    margin-top: 0;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker > ul {
    display: none;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .tickerstats {
    display: none;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .points {
    margin-top: 16px;
    font-size: 29px;
    line-height: 21px;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .telegramm_container {
    margin-top: 100px;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score .progressbar span {
    display: none;
  }
  .aufmacher.ticker .inner_full .content .current .aufstellung .inner_half {
    width: 98%;
  }
  .aufmacher.ticker .inner_full .content .current .aufstellung .inner_half table {
    margin-bottom: 20px;
  }
  .aufmacher.ticker .inner_full .content .current .aufstellung .inner_half .team tbody {
    height: auto;
  }
  .aufmacher.ticker .inner_full .content .current .aufstellung .footnote {
    padding-top: 0;
  }
  .aufmacher.spielerprofil:before {
    background-position: right -150px top 0;
    background-size: 500px;
  }
  .aufmacher.spielerprofil .player_container {
    min-height: 0;
    overflow: hidden;
    flex-direction: column;
  }
  .aufmacher.spielerprofil .player_container .player_pic {
    width: 100%;
    height: 300px;
    max-height: 300px;
    border-bottom: 1px solid #1f5a81;
    padding-top: 30px;
  }
  .aufmacher.spielerprofil .player_container .player_pic img {
    object-fit: contain;
  }
  .aufmacher.spielerprofil .player_container .player_data {
    float: left;
    width: 100%;
    padding: 15px 0 30px;
  }
  .aufmacher.spielerprofil .player_container .player_data .player_name {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 15px;
  }
  .aufmacher.spielerprofil .player_container .player_data .player_name .team_logo {
    width: 50px;
  }
  .aufmacher.spielerprofil .player_container .player_data dl dd,
  .aufmacher.spielerprofil .player_container .player_data dl dt {
    font-size: 12px;
    line-height: 40px;
  }
  .aufmacher.spielerprofil .player_container .player_data dl dd:nth-last-child(1),
  .aufmacher.spielerprofil .player_container .player_data dl dt:nth-last-child(1),
  .aufmacher.spielerprofil .player_container .player_data dl dd:nth-last-child(2),
  .aufmacher.spielerprofil .player_container .player_data dl dt:nth-last-child(2) {
    border: none;
  }
  .aufmacher.spielerprofil .player_container .player_band {
    position: static;
    clear: both;
    margin: 12px 0 0;
    width: 100%;
    float: left;
    left: 0;
    right: 0;
  }
  .aufmacher.spielerprofil .player_container .player_band .arrow.fright {
    margin-left: 0;
  }
  .aufmacher.spielerprofil .player_container .player_band .number {
    font-size: 72px;
    line-height: 88px;
  }
  .aufmacher.spielerprofil .player_container .player_band h1 {
    line-height: 52px;
    font-size: 40px;
  }
  .aufmacher.spielerprofil .player_container .player_band h1 span {
    line-height: 20px;
    font-size: 18px;
  }
  .aufmacher.spielerprofil .player_container .player_band .arrow i {
    line-height: 88px;
  }
  .aufmacher.club:before {
    background-position: right -150px top 0;
    background-size: 500px;
  }
  .aufmacher.club .current {
    padding-top: 15px;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info h1 {
    font-size: 16px;
    white-space: normal;
    line-height: 18px;
    padding-top: 5px;
    align-items: flex-start;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info h1 img {
    width: 60px;
    margin-right: 15px;
    margin-top: -5px;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info .smartlinks {
    bottom: auto;
    top: 45px;
    font-size: 11px;
    line-height: 15px;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info .icons {
    right: auto;
    left: 70px;
    width: 100%;
    top: 40px;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info .icons a {
    font-size: 11px;
    line-height: 20px;
    margin: 0 20px 0 0;
    float: left;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info .icons a.schedule {
    text-indent: -9999px;
    width: 20px;
  }
  .aufmacher.club .inner_full .club_container .club_band .club_info .icons a.schedule i {
    text-indent: 0;
  }
  .sponsors {
    margin: 40px 0 0;
  }
  .games .switch {
    width: 100%;
  }
  .games .switch img {
    display: none;
  }
  .games .switch ul {
    padding-top: 8px;
  }
  .games .switch ul li {
    float: left;
    width: auto;
    padding: 0 4%;
  }
  .games .inner_full > .arrow {
    display: none;
  }
  .games li .info {
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 13px;
    font-family: 'Avant Garde',Arial,sans-serif;
  }
  .games .wrapper {
    padding: 0 1%;
    width: 98%;
    display: block;
    max-height: none;
    height: auto;
    clear: both;
  }
  .games .wrapper ul {
    width: auto;
    padding: 8px 0;
  }
  .games .wrapper li {
    width: 33.2333%;
    margin: 0 0.1% 0 0;
    border-bottom: 1px solid #ffffff;
  }
  .games .wrapper a {
    padding: 10px 1%;
  }
  .gamecenter .gamecenter-nav li {
    font-family: 'Avant Garde',Arial,sans-serif;
  }
  .gamecenter .content > div {
    height: 150px;
  }
  .gamecenter .content > div a.fleft,
  .gamecenter .content > div a.fright {
    line-height: 150px;
  }
  .gamecenter .content > div .meta-info {
    width: 86%;
    margin-top: 10px;
  }
  .gamecenter .content > div .meta-info dt {
    width: 5%;
    margin-left: 3%;
    clear: none;
  }
  .gamecenter .content > div .meta-info dd {
    width: 23%;
    float: left;
  }
  .gamecenter .content > div .game-info {
    width: 86%;
    display: block;
    margin: 10px 2% 0;
    padding: 0;
  }
  .gamecenter .content > div .game-info .call-to-action {
    width: 23%;
    margin: 0 1%;
  }
  .gamecenter .content > div .game-info .call-to-action a {
    padding: 8px 0;
  }
  .gamecenter .content > div .game-info .call-to-action a.split {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
    font-family: 'Avant Garde',Arial,sans-serif;
  }
  .gamecenter .content > div .game-info .call-to-action a.split br {
    display: none;
  }
  .gamecenter .content > div .game-info .scores .team,
  .gamecenter .content > div .game-info .scores .team.top {
    line-height: 40px;
  }
  .bracket-scrollcontent {
    overflow: auto;
    background: #ffffff;
  }
  .bracket {
    min-width: 640px;
    margin-top: 0;
  }
  .bracket .matchup {
    margin: 8px 0;
  }
  .bracket .round:hover {
    background: none;
  }
  .bracket .round.round-one .matchup:nth-child(2n):after {
    bottom: -8px;
  }
  .bracket .round.round-one .matchup:nth-child(2n-1):after {
    top: -8px;
  }
  .bracket .round.round-two .matchup {
    margin: 15px 0;
  }
  .bracket .round.round-two .matchup:nth-child(2n):after {
    bottom: -51px;
  }
  .bracket .round.round-two .matchup:nth-child(2n-1):after {
    top: -51px;
  }
  .bracket .round.round-three .matchup {
    margin: 64px 0;
  }
  .bracket .round.round-three .matchup:nth-child(2n):after {
    bottom: -137px;
  }
  .bracket .round.round-three .matchup:nth-child(2n-1):after {
    top: -137px;
  }
  .bracket .round.round-four .matchup {
    margin: 165px 0;
  }
  .bracket .split-one .round-four .matchup:after {
    display: block;
    bottom: -309px;
  }
  .bracket .split-two .round-four .matchup:after {
    bottom: 50%;
    display: block;
    top: -309px;
  }
  .bracket .split {
    width: 80%;
    float: left;
  }
  .bracket .split.split-two {
    float: none;
  }
  .bracket .split.split-two .round {
    float: left;
  }
  .bracket .split.split-two .round .matchup:after {
    right: -16px;
    left: auto;
  }
  .bracket .split.split-two .round .matchup:before {
    left: -16px;
    right: auto;
  }
  .bracket .split.split-two .round .team:first-child:after {
    right: -16px;
    left: auto;
  }
  .bracket .split.split-two h3 {
    display: none;
  }
  .bracket .champion {
    float: right;
    width: 20%;
    position: static;
  }
  .bracket .champion:hover {
    background: none;
  }
  .bracket .champion .final {
    margin: 385px 0 0;
  }
  .bracket .champion .final:before {
    content: "";
    border: 1px solid #ececec;
    position: absolute;
    top: 50%;
    left: -16px;
    width: 14px;
    margin-top: -1px;
  }
  .bracket .champion .final .team {
    margin: 0;
  }
  .bracket .champion .final .team img {
    height: 24px;
  }
  .bracket .champion .final .team figcaption {
    font-size: 12px;
  }
  .bracket .champion h3 {
    padding-top: 0;
  }
  .bracket .team figure {
    width: 70%;
  }
  .bracket .team span {
    display: block;
  }
  .bracket .team img {
    float: left;
  }
  .bracket .team .score {
    width: 30%;
  }
  .inner1,
  .inner2 {
    width: 100%;
  }
  .inner1 .box > .h3-heading ul,
  .inner2 .box > .h3-heading ul {
    padding: 4px 4%;
    width: 92%;
  }
  .inner1 .box > .h3-heading li.active,
  .inner2 .box > .h3-heading li.active {
    right: 4%;
    left: 4%;
    padding-right: 16%;
    width: 76%;
  }
  .box .content-wrapper > form label,
  .content .content-wrapper > form label,
  .box .content-wrapper > form input.btn,
  .content .content-wrapper > form input.btn {
    width: 100%;
    margin: 0;
  }
  .box .content-wrapper > form .tf,
  .content .content-wrapper > form .tf,
  .box .content-wrapper > form select,
  .content .content-wrapper > form select,
  .box .content-wrapper > form textarea,
  .content .content-wrapper > form textarea,
  .box .content-wrapper > form .captcha,
  .content .content-wrapper > form .captcha,
  .box .content-wrapper > form .options-wrapper,
  .content .content-wrapper > form .options-wrapper {
    width: 100%;
    margin: 0;
  }
  .box .content-wrapper > form .invalid,
  .content .content-wrapper > form .invalid {
    width: 100%;
    padding: 0;
    line-height: 30px;
    height: auto;
  }
  .box .content-wrapper > form .row,
  .content .content-wrapper > form .row {
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  .box .content-wrapper > form input.btn,
  .content .content-wrapper > form input.btn {
    margin-top: 10px;
  }
  .box .people,
  .content .people {
    max-height: 500px;
    height: auto;
  }
  .box .searchForm form label,
  .content .searchForm form label {
    width: 100%;
    margin-bottom: 5px;
  }
  .box .searchForm form input.tf,
  .content .searchForm form input.tf {
    width: 100%;
  }
  .box .searchForm form .row:nth-child(2),
  .content .searchForm form .row:nth-child(2) {
    width: 100%;
    padding-left: 0;
    display: flex;
    justify-content: space-between;
  }
  .box .searchForm form input.btn,
  .content .searchForm form input.btn,
  .box .searchForm form input.reset,
  .content .searchForm form input.reset {
    width: calc(50% - 10px);
  }
  .box .searchForm form .searchtext,
  .content .searchForm form .searchtext,
  .box .searchForm form .searchtext,
  .content .searchForm form .searchtext {
    padding-left: 0;
  }
  .box.promo-box {
    width: auto !important;
  }
  .box.h1,
  .box.h2 {
    height: auto;
  }
  .box .standings,
  .box .schedule,
  .box .tv,
  .box .topplayer,
  .box .newsbox {
    height: auto;
  }
  .box .promo {
    height: auto !important;
  }
  .box .promo img {
    width: 100%;
  }
  .box .videoplayer,
  .box.h1 .videoplayer {
    position: relative;
    padding-bottom: 56%;
    padding-top: 150px;
    height: 0;
  }
  .box.h2.videoplayer {
    height: auto;
  }
  .box.h2.videoplayer .videoplayer {
    height: 0 !important;
  }
  .box.h1 .videoplayer {
    padding-bottom: 57%;
    padding-top: 1px;
  }
  .box .videoplayer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
  }
  .box table th,
  .box table td {
    height: auto;
    padding: 10px 5px;
  }
  .box table td.acenter a img {
    display: block;
    margin: 0 auto;
    float: none;
  }
  .box .newsbox .teaser.list h2 {
    white-space: normal;
  }
  .box .strengths {
    height: auto;
    overflow: hidden;
  }
  .box .strengths .chart .legend span.displaymobile {
    display: block;
  }
  .box .strengths .chart .values {
    height: 250px;
  }
  .box .strengths .chart .values .value2 p {
    font-size: 16px;
  }
  .box .boxnav + .arrownav + .topstats {
    height: auto;
  }
  .box .static {
    height: auto;
  }
  .box .newsbox .teaser.list > a {
    height: auto;
    padding: 15px 0;
  }
  .box .clubnews li a {
    height: auto;
    padding: 15px 0;
  }
  .box .clubnews li a img {
    width: 25px;
    margin-right: 10px;
  }
  .box .social {
    height: 520px;
  }
  .box .topstats .details .chart .legend {
    width: auto;
    float: none;
    height: 72px;
    margin-top: 8px;
  }
  .box .topstats .details .chart .legend p {
    width: 100%;
    clear: both;
  }
  .box .topstats .details .chart .values {
    width: 90%;
    float: none;
  }
  .box .topstats .details .split3 p {
    font-size: 13px;
    line-height: 13px;
    text-transform: none;
  }
  .box .topstats .details .split3 .nr {
    font-size: 20px;
    line-height: 20px;
  }
  .box .kinexonMatchHeader .fixture .score {
    font-size: 40px;
    line-height: 20px;
    padding: 20px;
  }
  .box .kinexonMatchHeader .fixture .round {
    font-size: 10px;
    line-height: 12px;
  }
  .box .kinexonMatchHeader .fixture .round span {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
  }
  .box .kinexonMatchHeader .team img {
    width: 60px;
    margin-bottom: 10px;
  }
  .box .kinexonMatchHeader .team .teamName {
    font-size: 16px;
    line-height: 20px;
  }
  .box .kinexonVerteilung {
    flex-direction: column-reverse;
    height: auto;
    padding: 0;
  }
  .box .kinexonVerteilung .playerValuesWrapper {
    height: 220px;
    min-height: 220px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues {
    position: relative;
    overflow: hidden;
    min-height: 220px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData {
    position: relative;
    width: 100%;
    min-height: 220px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData img {
    position: absolute;
    bottom: -10px;
    left: -40px;
    width: 52%;
    z-index: 2;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl {
    position: absolute;
    right: -15px;
    bottom: 10px;
    width: 65%;
    margin: 0;
    z-index: 3;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dt,
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dd {
    width: 50%;
    float: left;
    margin: 0 0 7px 0;
    font-size: 13px;
    line-height: 13px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dt {
    white-space: nowrap;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .playerData dl dd.large {
    font-size: 13px;
    line-height: 13px;
  }
  .box .kinexonVerteilung .playerValuesWrapper .playerValues .shotsWrapper {
    z-index: 1;
    width: 190px;
    position: absolute;
    top: 15px;
    left: 41%;
    height: auto;
    padding: 0;
  }
  .content.meldung h2,
  .content.meldung h3 {
    font-size: 18px;
  }
  .content.meldung .content-wrapper {
    margin-top: 30px;
  }
  .content.meldung .aufmacher small {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
  }
  .content.meldung .aufmacher img {
    height: auto;
  }
  .content.meldung .aufmacher h1 {
    font-size: 25px;
    line-height: 30px;
  }
  .content.meldung .aufmacher figure {
    margin-bottom: 30px;
  }
  .content.meldung .aufmacher p {
    font-size: 17px;
    line-height: 25px;
  }
  .content.meldung .kontakt img {
    width: 30%;
    margin-bottom: 15px;
  }
  .content.meldung .kontakt .kontakt-info {
    width: 100%;
    clear: both;
  }
  .content.meldung .kontakt .kontakt-info p,
  .content.meldung .kontakt .kontakt-info ul {
    margin-left: 0;
  }
  .content.meldung div .kontakt .portrait {
    border-bottom: 8px solid #1de4c9;
    border-right: none !important;
    width: 100%;
    max-width: 100%;
  }
  .content.meldung div .kontakt .portrait img {
    position: absolute;
    right: 0;
    top: 25px;
  }
  .content.meldung div .kontakt .other {
    padding: 2% 0 0 0;
  }
  .content.meldung .box {
    width: 100%;
    margin: 0 0 15px 0!important;
  }
  .content.meldung .box.full.related-news h3 {
    font-size: 25px;
  }
  .content.meldung .box.full.related-news ul.related-news-list li {
    margin: 10px 0;
  }
  .content.meldung .box.full.related-news ul.related-news-list li a figure .img-wrapper {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .content.meldung .box.full.related-news ul.related-news-list li a figure figcaption h2 {
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0 0;
  }
  .content.meldung .box.full.related-news ul.related-news-list li a figure figcaption p {
    display: none;
  }
  .content.meldung .club_item {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .content.meldung .club_item h2 {
    font-size: 13px;
  }
  .content.meldung .kinexonTable th {
    font-size: 11px;
    padding: 0 5px;
    height: 30px;
  }
  .content.meldung .kinexonTable td {
    font-size: 11px;
    line-height: 20px;
    padding: 0 5px;
    height: 35px;
  }
  .content.meldung .kinexonTable td img {
    width: 20px;
    margin-right: 8px;
  }
  .content .article figure {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .content .article figure i {
    font-size: 30px;
    top: 15px;
    right: 15px;
  }
  .content .article .heading {
    font-size: 18px;
    line-height: 22px;
    margin: 5px 0 0;
    clear: both;
  }
  .content .article p {
    display: none;
  }
  .content .filters select {
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 12px;
  }
  .content .filters select:last-child {
    margin-bottom: 0;
  }
  /* WERBUNG */
  .cad {
    height: 226px;
  }
  .bigsize {
    padding-left: 2%;
    padding-right: 2%;
  }
  .billboard {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 50%;
    width: 320px;
    height: 60px;
    margin-left: -160px;
  }
  .content:not(.meldung) table .col-time {
    width: 18%;
  }
  .content:not(.meldung) table .col-team {
    width: 20%;
  }
  .content:not(.meldung) table .col-ddot {
    width: 5%;
  }
  .content:not(.meldung) table .col-icon {
    width: 19%;
  }
  .content:not(.meldung) table .col-erg {
    width: 19%;
  }
  .content:not(.meldung) table.schedule-live .col-time {
    width: 20%;
  }
  .content:not(.meldung) table.schedule-live .col-team {
    width: 24%;
  }
  .content:not(.meldung) table.schedule-live .col-icon {
    width: 8%;
  }
  .content:not(.meldung) table.schedule-live .col-erg {
    width: 19%;
  }
  .content:not(.meldung) table thead tr th {
    font-size: 11px;
    padding: 0 5px;
    height: 30px;
  }
  .content:not(.meldung) table tbody tr td,
  .content:not(.meldung) table tfoot tr td {
    font-size: 11px;
    line-height: 20px;
    padding: 0 5px;
    height: 35px;
  }
  .content:not(.meldung) table tbody tr td img,
  .content:not(.meldung) table tfoot tr td img {
    height: 20px;
    margin-right: 8px;
  }
  .content:not(.meldung) table tbody tr td small,
  .content:not(.meldung) table tfoot tr td small {
    font-size: 11px;
    line-height: 15px;
  }
  .content:not(.meldung) table tbody tr td a .break,
  .content:not(.meldung) table tfoot tr td a .break,
  .content:not(.meldung) table tbody tr td a span:last-of-type,
  .content:not(.meldung) table tfoot tr td a span:last-of-type {
    font-size: 10px;
    margin-top: -8px;
  }
  .content:not(.meldung) table.schedule-post tbody tr td img,
  .content:not(.meldung) table.schedule-live tbody tr td img,
  .content:not(.meldung) table.schedule-pre tbody tr td img {
    width: 25px;
  }
  .content:not(.meldung) .tv table .col-time {
    width: 14%;
  }
  .content:not(.meldung) .tv table .col-logo {
    width: 24%;
  }
  .content:not(.meldung) .tv table .col-vs {
    width: 40%;
  }
  .content:not(.meldung) .boxcol3 {
    width: 47%;
    margin-right: 2%;
  }
  .content:not(.meldung) .boxcol3:nth-child(3n) {
    margin-right: 2%;
  }
  .content:not(.meldung) .boxcol3:nth-child(2n) {
    margin-right: 0;
  }
  .content:not(.meldung) .standings .table-legend {
    font-size: 11px;
    letter-spacing: 0.1px;
  }
  .contentnav {
    height: auto;
    margin: 0 0 20px 0;
    display: block;
  }
  .contentnav > li {
    float: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
    font-size: 13px;
    line-height: 30px;
  }
  .contentnav > li > a {
    padding: 0 10px;
    text-align: left;
  }
  .contentnav > li > ul {
    position: static;
    height: auto;
  }
  .contentnav > li > ul > li {
    float: none;
    font-family: 'HelveticaNeueLTW02-55Roman';
    font-size: 12px;
    line-height: 30px;
    text-transform: none;
    border-bottom: 1px solid #ffffff;
  }
  .contentnav > li > ul > li > a {
    text-align: left;
    padding: 0 20px;
    background: #1a2d5b;
  }
  .contentnav > li > ul > li.active > a {
    color: #1de4c9;
    padding: 0 20px;
    background: #1a2d5b;
    margin: 0;
  }
  .contentnav > li > ul > li:last-child {
    border: none;
  }
  .contentnav > li.active > a {
    padding: 0 10px;
    margin: 0;
  }
  .contentnav > li.active ul {
    display: block;
  }
  .contentnav > li.active .spacer,
  .contentnav > li .spacer {
    display: none;
  }
  .partners h2 {
    padding-left: 2%;
  }
  .partners .w100 {
    width: 92%;
  }
  .partners .w50 {
    width: 42%;
    margin: 0 4%;
  }
  .partners .w33 {
    width: 42%;
    margin: 0 4%;
  }
  .partners .w25 {
    width: 25.3333%;
    margin: 0 4%;
  }
  .sponsors .inner_full {
    margin: 0;
    width: auto;
  }
  .sponsors a {
    margin-bottom: 16px;
  }
  .sponsors ul {
    padding-bottom: 0;
    flex-wrap: wrap;
  }
  .sponsors li {
    flex: 1 1 33%;
    padding: 5px 13px;
  }
  .box .tickerbox .players,
  .box .tickerbox .comparison {
    width: 100%;
  }
  footer {
    padding: 30px 0 80px;
  }
  footer:before {
    background-position: right -150px top 0;
    background-size: 500px;
  }
  footer .inner3 > ul {
    flex-wrap: wrap;
  }
  footer .inner3 > ul > li {
    flex: 0 1 33.3%;
    font-size: 14px;
    line-height: 25px;
  }
  footer .inner3 > ul > li ul {
    margin-bottom: 25px;
  }
  footer .inner3 > ul > li li {
    font-size: 12px;
    line-height: 25px;
  }
  .content table tr.sub > td table tr th[data-sub-hide="phone"],
  .content table tr.sub > td table tr td[data-sub-hide="phone"] {
    display: none;
  }
  .allstar .styled-select {
    width: 100%;
    padding: 0;
  }
  .allstar .styled-select select {
    margin-bottom: 4%;
  }
  .allstar .styled-select:nth-child(odd) {
    padding: 0;
  }
  .allstar .accordionContent {
    height: 1850px;
    overflow: hidden;
  }
  .allstar .accordionContent:last-child {
    height: 1750px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .foto {
    display: none;
  }
  .allstar .accordionContent.rows ul:not([class]) li.top-player {
    width: 100%;
  }
  .allstar .accordionContent.rows ul:not([class]) li.top-trainer img {
    width: 40%;
  }
  .allstar .accordionContent.rows ul:not([class]) li,
  .allstar .accordionContent.rows ul:not([class]) li.trainer {
    list-style: none;
    float: left;
    width: 100%;
    text-align: center;
    height: 74px;
  }
  .allstar .accordionContent.rows ul:not([class]) li img,
  .allstar .accordionContent.rows ul:not([class]) li.trainer img {
    width: 30%;
  }
  .allstar .accordionContent.rows ul:not([class]) li .number {
    width: 10%;
    margin-top: 25px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .player {
    width: 63%;
    text-align: left;
    font-size: 16px;
    margin-top: 15px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .player .team {
    font-size: 12px;
    line-height: 14px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .count {
    width: 24%;
    margin-top: 15px;
  }
  .allstar .accordionContent.rows ul:not([class]) li .count span {
    font-size: 14px;
    margin-top: 6px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld img.spielfeld {
    margin: 1px 0;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler.rueckraumlinks,
  .allstar .accordionContent.spielfeld div.spielfeld .spieler.rueckraumrechts {
    top: 62%;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler.kreislaeufer {
    top: 40%;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a {
    padding: 0;
    position: relative;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip {
    background: #ffffff;
    top: 24px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip span {
    margin: 0 24px;
    color: #20376f;
    background: none;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.team {
    margin-top: 0;
    line-height: 16px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.position {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 16px;
    font-family: 'HelveticaNeueLTW02-55Roman',Arial,sans-serif;
    padding: 4px 2px 2px;
    display: none;
    text-transform: uppercase;
    color: #20376f;
    font-weight: bold;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .foto {
    display: none;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .header {
    display: none;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler.trainer .info span.position {
    display: block;
  }
  .liveticker-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: #ffffff;
    background: #20376f;
    padding: 0 0 0 15px;
    display: block;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: inherit;
    font-family: 'Avant Garde',Arial,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1000;
    height: 30px;
    line-height: 30px;
  }
  .liveticker-to-top i {
    background: #1de4c9;
    width: 30px;
    height: 30px;
    text-align: center;
    margin-left: 15px;
    float: right;
    font-size: 12px;
  }
  #cookie-bar {
    font-size: 11px;
    line-height: 15px;
  }
  .footable .footable-row-detail-name {
    font-size: 11px;
    line-height: 25px;
  }
  .footable .footable-row-detail-value {
    font-size: 11px;
    line-height: 25px;
  }
  .footable.breakpoint > tbody > tr > td > span.footable-toggle {
    margin-left: -4px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .box .newsbox .teaser.large {
    width: 100%;
    margin: 0 0 1px 0!important;
  }
  .apps__wrapper {
    justify-content: space-between;
    float: none;
  }
  .box .boxnav.seasonstat,
  .content .boxnav.seasonstat {
    width: 100%;
    margin-top: 40px;
  }
  .content.meldung .seasonstatsbox {
    width: 100%;
    padding: 0;
    margin: 30px 0 45px !important;
    float: none;
  }
  .content.meldung .seasonstatsbox.box {
    margin: 30px 0 45px !important;
  }
  .content.meldung .seasonstatsbox .selected-player .player__data h4 {
    font-size: 14px;
  }
  .content.meldung .seasonstatsbox .selected-player .player__club {
    display: none;
  }
  .content.meldung .seasonstatsbox .selected-player .player__image {
    left: 10px;
    max-width: 50%;
    z-index: 1;
    top: 0;
  }
  .content.meldung .seasonstatsbox .selected-player .player__image img {
    transform: scale(1) translateY(0px);
  }
  .content.meldung .seasonstatsbox .selected-player .club__name {
    display: block;
    font-size: 12px;
  }
  .content.meldung .seasonstatsbox .selected-team .team__data h4 {
    font-size: 14px;
  }
  .content.meldung .seasonstatsbox .selected-player .stats__wrapper,
  .content.meldung .seasonstatsbox .selected-team .stats__wrapper {
    right: 25px;
  }
  .content.meldung .seasonstatsbox .kinexonTable td.player__club {
    width: 35px;
  }
  .content.meldung .seasonstatsbox .kinexonTable td.player__club img {
    width: 25px;
  }
  .content.meldung .seasonstatsbox .kinexonTable td,
  .content.meldung .seasonstatsbox .kinexonTable td.player__name h4,
  .content.meldung .seasonstatsbox .kinexonTable td.team__name h4 {
    font-size: 12px;
  }
  .content.meldung .seasonstatsbox .kinexonTable .player__name .player__club--long {
    overflow: hidden;
    max-width: 130px;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* Ad Integration */
  .adwrapper {
    width: 100%;
    margin: 25px 0 25px 0;
  }
  .box .newsbox.hasad .teaser.large {
    width: 100%;
  }
  .box .newsbox.hasad .teaser.large:nth-child(1) {
    margin-right: 0;
  }
  .box .newsbox.hasad .teaser.large:nth-child(2) {
    margin-left: 0;
  }
}
@media screen and (max-width: 535px) {
  .v5playercontainer .filterzeile {
    height: 60px;
    padding: 10px 0;
  }
  .allstar h1 {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .allstar .refresh {
    font-size: 17px !important;
    line-height: 25px !important;
  }
  .allstar .accordionContent.spielfeld div.spielfeld img.spielfeld {
    display: none;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler {
    position: static;
    margin: 0;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler:not(:last-child) {
    border-bottom: 1px solid #ececec;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a {
    width: auto;
    padding: 12px 8px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info {
    margin: 0;
    text-align: left;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.name {
    font-family: 'HelveticaNeueLTW02-55Roman';
    font-size: 16px;
    background: none;
    font-weight: bold;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.team {
    color: #20376f;
    margin-top: 3px;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info span.position {
    display: block;
    color: #9fa6a9;
    font-weight: normal;
    padding: 0;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip {
    display: block;
    right: 0;
    top: 50% !important;
    margin-top: -20px;
    left: auto;
    line-height: 40px;
    width: 24%;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler a .info div.tooltip span {
    margin: 0;
    padding: 0 10%;
    background: #1de4c9;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    font-family: 'Avant Garde',Arial,sans-serif;
    color: #20376f;
  }
  .allstar .accordionContent.spielfeld div.spielfeld .spieler.trainer {
    background: none;
  }
  .content.meldung .aufmacher .share-links li.hide-mobile {
    display: none;
  }
  .content.meldung .aufmacher .share-links li.show-mobile {
    display: block;
  }
  .faqs .title {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 445px) {
  .newsletter-bewerbung {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  .box .videoplayer iframe,
  .content > .videoplayer iframe {
    min-width: 360px !important;
    max-width: 360px !important;
    width: 360px !important;
  }
}
@media screen and (max-width: 360px) {
  .accordionContent {
    height: 790px;
  }
  .accordionContent:last-child {
    height: 990px;
  }
  .accordionContent ul li {
    width: 50%;
  }
  .accordionContent ul li.trainer {
    width: 50%;
  }
  .accordionContent ul li img {
    width: 30%;
  }
}
@media screen and (max-width: 360px) {
  .hidewap {
    display: none;
  }
  .aufmacher .inner_full .content {
    padding-bottom: 120px;
  }
  .aufmacher .inner_full .current {
    margin-top: 60px;
  }
  .aufmacher .inner_full .current h2 {
    font-size: 15px;
  }
  .aufmacher .inner_full .current i {
    display: none;
  }
  .aufmacher .inner_full .current .heading {
    bottom: 140px;
    width: 100%;
    max-width: 100%;
    position: initial;
    left: 0;
    box-sizing: border-box;
  }
  .aufmacher .inner_full > ul li {
    width: 100%;
    border-top: 1px solid #ffffff;
  }
  .aufmacher .inner_full > ul li:last-child {
    width: 100%;
  }
  .aufmacher .inner_full .thumbs ul li i {
    display: none;
  }
  .aufmacher .inner_full > ul li h3 {
    font-size: 15px;
  }
  .aufmacher.spielerprofil .inner_full .content {
    padding-bottom: 40px;
  }
  .aufmacher.ticker .ticker_container {
    margin-bottom: -120px;
  }
  .aufmacher.ticker .ticker_container .ticker_pic {
    margin-bottom: 0;
  }
  .aufmacher.spielerprofil .inner_full .current i,
  .aufmacher.club .inner_full .current i {
    display: block;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker > ul li {
    width: 50%;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .spielstand .team {
    width: 40%;
    margin: 0 5% 16px;
  }
  .aufmacher.ticker .inner_full .content .current .liveticker .spielstand .score {
    clear: both;
    float: none;
    width: auto;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band {
    position: static;
    clear: both;
    margin: 12px 0 0;
    width: 100%;
    float: left;
    left: 0;
    right: 0;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band .arrow.fright {
    margin-left: 0;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band .number {
    font-size: 60px;
    line-height: 60px;
    padding: 0 8px;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band h1 {
    line-height: 22px;
    font-size: 22px;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band h1 span {
    line-height: 22px;
    font-size: 16px;
  }
  .aufmacher.spielerprofil .inner_full .player_container .player_band .arrow i {
    line-height: 60px;
  }
  .gamecenter .gamecenter-nav {
    border: none;
    width: 100%;
  }
  .gamecenter .gamecenter-nav > li {
    width: 100%;
    float: none;
    border-top: 1px solid #ffffff;
  }
  .gamecenter .content > div {
    height: 110px;
  }
  .gamecenter .content > div a.fleft,
  .gamecenter .content > div a.fright {
    line-height: 110px;
    width: 10%;
  }
  .gamecenter .content > div .meta-info {
    display: none;
  }
  .gamecenter .content > div .game-info {
    width: 76%;
  }
  .gamecenter .content > div .game-info .call-to-action {
    width: 100%;
    padding: 0;
  }
  .gamecenter .content > div .game-info .call-to-action br {
    display: none;
  }
  .gamecenter .content > div .game-info .call-to-action a {
    padding: 0;
  }
  .gamecenter .content > div .game-info .call-to-action a.split {
    float: left;
    width: 50%;
    padding: 0;
  }
  .gamecenter .content > div .game-info .scores,
  .gamecenter .content > div .game-info .call-to-action + .scores {
    width: 100%;
  }
  .games .wrapper li {
    width: 49.9%;
  }
  .inner1 .box > .h3-heading .more,
  .inner2 .box > .h3-heading .more {
    width: 75%;
    display: none;
  }
  .inner1 .box > .h3-heading ul,
  .inner2 .box > .h3-heading ul {
    max-height: 356px;
  }
  .inner1 .box > .h3-heading li.active,
  .inner2 .box > .h3-heading li.active {
    color: #20376f;
  }
  .box .newsbox {
    max-height: none;
  }
  .box .newsbox .teaser.large,
  .box .newsbox .teaser.large:nth-child(2) {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .box .boxnav + .arrownav + .topstats .details {
    height: 220px;
  }
  .box > h3 .dropdowns,
  .content > h3 .dropdowns,
  .box > .h3-heading .dropdowns,
  .content > .h3-heading .dropdowns {
    display: none;
  }
  .content.meldung div .kontakt .portrait img {
    display: none;
  }
  .content.meldung div .kontakt .other {
    width: auto;
  }
  .content:not(.meldung) table tr.sub > td table tr th[data-sub-hide="wap"],
  .content:not(.meldung) table tr.sub > td table tr td[data-sub-hide="wap"] {
    display: none;
  }
  .content:not(.meldung) table .col-time,
  .content:not(.meldung) table.schedule-live .col-time {
    width: 30%;
  }
  .content:not(.meldung) table .col-team,
  .content:not(.meldung) table.schedule-live .col-team {
    width: 18%;
  }
  .content:not(.meldung) table .col-ddot,
  .content:not(.meldung) table.schedule-live .col-ddot {
    width: 4%;
  }
  .content:not(.meldung) table .col-erg,
  .content:not(.meldung) table.schedule-live .col-erg {
    width: 30%;
  }
  .content:not(.meldung) table .col-icon,
  .content:not(.meldung) table.schedule-live .col-icon {
    width: 30%;
  }
  .content:not(.meldung) table.footable td img,
  .content:not(.meldung) table.schedule-live.footable td img {
    display: none;
  }
  .content:not(.meldung) table thead th,
  .content:not(.meldung) table.schedule-live thead th {
    font-size: 11px;
  }
  .content:not(.meldung) .tv table .col-time {
    width: 22%;
  }
  .content:not(.meldung) .tv table .col-vs {
    width: 56%;
  }
  .content:not(.meldung) .tv table.footable td img {
    display: block;
    height: 15px;
    width: auto;
  }
  .content:not(.meldung) .boxcol3 {
    width: 98%;
    margin-right: 0 !important;
  }
  .content:not(.meldung) .boxcol3 > .teaser {
    height: auto;
  }
  .content:not(.meldung) .vs .vs1,
  .content:not(.meldung) .vs .vs2 {
    width: 33.3333%;
  }
  .content:not(.meldung) .vs .vs1 .stats,
  .content:not(.meldung) .vs .vs2 .stats {
    clear: both;
    width: 110%;
    margin-top: 10px;
  }
  .content:not(.meldung) .vs .vs1 .stats .row,
  .content:not(.meldung) .vs .vs2 .stats .row {
    width: 63%;
  }
  .content:not(.meldung) .vs .vs1 .stats .row p,
  .content:not(.meldung) .vs .vs2 .stats .row p {
    width: 35%;
  }
  .content:not(.meldung) .vs .vs1 .heading,
  .content:not(.meldung) .vs .vs2 .heading {
    height: 200px;
    overflow: hidden;
    width: 140%;
  }
  .content:not(.meldung) .vs .vs1 .heading .imgplayer,
  .content:not(.meldung) .vs .vs2 .heading .imgplayer {
    display: none;
  }
  .content:not(.meldung) .vs .vs1 .heading .imgplayer + dl,
  .content:not(.meldung) .vs .vs2 .heading .imgplayer + dl {
    margin: 0 2%;
    width: 96%;
  }
  .content:not(.meldung) .vs .vs1 .stats .row {
    margin-left: 39%;
  }
  .content:not(.meldung) .vs .vs2 .stats .row {
    margin-right: 39%;
  }
  .content:not(.meldung) .vs .legend {
    width: 100%;
  }
  .content:not(.meldung) .vs .legend .stats {
    padding-top: 220px;
  }
  .partners .w50 {
    width: 92%;
  }
  .partners .w33 {
    width: 42%;
  }
  .partners .w25 {
    width: 42%;
  }
  .sponsors li {
    width: 28%;
  }
  footer > .grid > .inner_full > ul > li {
    width: 33.3333%;
  }
  .box .videoplayer iframe,
  .content > .videoplayer iframe {
    min-width: 310px !important;
    max-width: 310px !important;
    width: 310px !important;
  }
}
/* './storage/handball_bundesliga_de/static/style/jquery.kyco.googleplusfeed2.css.' */
/***************************************\

	jquery.kyco.googleplusfeed
	==========================

	Version 2.0.4

	Brought to you by
	http://www.kycosoftware.com/

	Copyright 2014 Cornelius Weidmann

	Distributed under the GPL

\***************************************/
.kyco_googleplusfeed * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.kyco_googleplusfeed {
  width: 300px;
  border: 1px solid #d8d8d8;
  border-bottom-width: 2px;
  border-radius: 3px;
  color: #404040;
  font-family: arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
}
.kyco_googleplusfeed a {
  color: #262626;
  text-decoration: none;
  outline: none;
}
.kyco_googleplusfeed a:hover {
  text-decoration: underline;
}
.kyco_googleplusfeed .feed_header {
  padding: 20px 20px 10px;
}
.kyco_googleplusfeed .feed_profile_image {
  float: left;
  display: block;
  width: 50px;
  /* should be equal to profileImageSize */
  height: 50px;
  /* should be equal to profileImageSize */
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.kyco_googleplusfeed .feed_screen_name {
  margin: 0;
  height: 50px;
  font-size: 14px;
  line-height: 50px;
}
.kyco_googleplusfeed .feed_content {
  margin: 10px 0 20px 20px;
  height: 260px;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-right: 27px;
}
.kyco_googleplusfeed .feed_content:hover {
  overflow-y: scroll;
  padding-right: 10px;
}
.kyco_googleplusfeed .feed_post {
  clear: both;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 20px;
  cursor: default;
}
.kyco_googleplusfeed .feed_post > a {
  color: #999;
  font-style: italic;
  font-size: 12px;
}
.kyco_googleplusfeed .feed_post span {
  color: #999;
  font-size: 12px;
}
.kyco_googleplusfeed .feed_post p {
  margin: 7px 0;
}
.kyco_googleplusfeed .feed_sow_more {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  margin: 0 20px 20px;
  display: inline-block;
  background: #d14836;
  border: 1px solid transparent;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 15px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  background-image: -moz-linear-gradient(center top, #dd4b39, #d14836);
  background-image: -webkit-linear-gradient(center top, #dd4b39, #d14836);
  background-image: linear-gradient(center top, #dd4b39, #d14836);
}
.kyco_googleplusfeed .feed_sow_more:hover {
  border-color: #c53727;
  border-color: #b0281a #b0281a #af301f;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  background-image: -moz-linear-gradient(center top, #dd4b39, #c53727);
  background-image: -webkit-linear-gradient(center top, #dd4b39, #c53727);
  background-image: linear-gradient(center top, #dd4b39, #c53727);
}
.kyco_googleplusfeed .feed_sow_more:active {
  box-shadow: 0 0 0 1px #fff inset;
}
.kyco_googleplusfeed .feed_sow_more:focus {
  box-shadow: 0 0 0 1px #fff inset;
}
.kyco_googleplusfeed .feed_sow_more.link {
  cursor: pointer;
}
.kyco_googleplusfeed:hover .feed_post p a {
  color: #427fed;
}
.kyco_googleplusfeed:hover .feed_post > a {
  color: #262626;
}
.kyco_googleplusfeed .feed_loader {
  background: url('/static/style/loader.gif') no-repeat 110px center;
  padding: 10px 20px;
  text-align: center;
  text-indent: 20px;
}
.kyco_googleplusfeed.en .feed_loader {
  background-position: 110px center;
}
.kyco_googleplusfeed.de .feed_loader {
  background-position: 95px center;
}
.kyco_googleplusfeed .error {
  padding: 10px 10px 9px;
  text-align: center;
}
.kyco_googleplusfeed .error .retry {
  color: #222;
  font-size: 11px;
  cursor: pointer;
}
.kyco_googleplusfeed .error .retry:hover {
  text-decoration: underline;
}
.kyco_googleplusfeed .feed_wrapper {
  display: none;
  /* Gets set to block once feed has been loaded. */
}
/* './storage/handball_bundesliga_de/src/LAOLA1/CmsCore/Plugin/HblAllstarVoting/Fe/css/style.less.' */
.allstar .js-starVotingForm {
  display: none;
}
.allstar .js-starVotingForm h2:before {
  clear: both;
  display: block;
  content: " ";
}
.allstar #captchadiv {
  clear: both;
}
.allstar #captchadiv #recaptcha_area {
  margin: 0 auto;
}
.show-starting-eleven {
  display: block !important;
}
body.iframe {
  background: #fff;
}