@import "reset.css";
@import "fonts.css";
@import "resp_nav.css?1";
@import "formationen.css";
@import "opta_widgets.css";
@import url('https://fonts.googleapis.com/css?family=Roboto');
/***********************************/
/************	FONTS	************/
/***********************************/
.font-normal {
  font-family: 'Roboto', sans-serif;
}
.font-bold {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
/***********************************/
/************	COLORS	************/
/***********************************/
a.tooltip {
  outline: none;
}
a.tooltip strong {
  line-height: 30px;
}
a.tooltip:hover {
  text-decoration: none;
}
a.tooltip span.tip-r {
  z-index: 10;
  display: none;
  padding: 5px;
  margin-top: -25px;
  margin-left: 30px;
  line-height: 16px;
  min-width: 140px;
  width: 100%;
  font-size: 13px;
}
a.tooltip span.tip-l {
  z-index: 10;
  display: none;
  padding: 5px;
  margin-top: -25px;
  margin-left: -145px;
  line-height: 16px;
  min-width: 140px;
  width: 100%;
  font-size: 13px;
}
a.tooltip:hover span.tip-r,
a.tooltip:hover span.tip-l {
  display: inline;
  position: absolute;
  color: #EEE;
  background: #333;
}
.callout {
  z-index: 20;
  position: absolute;
  border: 0;
  top: -14px;
  left: 120px;
}
/************************************************/
/******* BACKGROUNDs & WRAPPER & CLEAR ***********/
/************************************************/
.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}
.wrapper {
  max-width: 1024px!important;
  width: 100%!important;
  margin: 0 auto!important;
  float: none!important;
}
.wrapper.headline {
  padding-bottom: 20px;
}
.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px;
}
.polygone {
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
}
.skyline {
  background: #fff;
  background: url("../img/skyline.png") no-repeat #ffffff;
  background-position-y: 100%;
  background-position: bottom;
  background-size: 100%;
}
.sponsoren-landingpage {
  background: #fff;
}
.arrow-circle-blue-r {
  background-position: 0 -218px;
  width: 30px;
  background-size: 35px;
  height: 32px;
  background-repeat: no-repeat;
}
.arrow-circle-blue-l {
  background-position: 0 -180px;
  width: 30px;
  background-size: 35px;
  height: 32px;
  background-repeat: no-repeat;
}
.arrow-circle-white-l {
  background-position: 0 -255px;
  width: 30px;
  background-size: 35px;
  height: 32px;
  background-repeat: no-repeat;
}
.arrow-circle-white-r {
  background-position: 0 -291px;
  width: 30px;
  background-size: 35px;
  height: 32px;
  background-repeat: no-repeat;
}
.hidde-element {
  display: none!important;
}
.player-wrapper {
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.player-wrapper iframe {
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%!important;
  height: 100%!important;
}
.dm {
  display: none;
}
.ds {
  display: inline-block;
}
/*Startseiten-Overlay*/
.overlay_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background-color: #003974;
  z-index: 1000000000;
  cursor: pointer;
  display: none;
}
.overlay_content {
  position: fixed;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 1000000001;
  cursor: pointer;
  display: none;
}
.overlay_inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overlay_inner2 {
  position: relative;
}
.overlay_footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 1000000002;
  cursor: pointer;
  background: url('../img/Polygon_rot.png');
  background-position-y: 50%;
  background-position: center;
  color: #fff;
  height: 45px;
  line-height: 3;
  border: solid;
  border-width: 1px 0;
  font-size: 14px;
  overflow: hidden;
}
.overlay_close {
  position: absolute;
  top: -25px;
  right: -25px;
}
.overlay_footer p {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 45px;
  text-align: center;
  /* Starting position */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  /* Apply animation to this element */
  -moz-animation: scroll-left 30s linear infinite;
  -webkit-animation: scroll-left 30s linear infinite;
  animation: scroll-left 30s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes scroll-left {
  0% {
    -moz-transform: translateX(100%);
    /* Browser bug fix */
    -webkit-transform: translateX(100%);
    /* Browser bug fix */
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    /* Browser bug fix */
    -webkit-transform: translateX(-100%);
    /* Browser bug fix */
    transform: translateX(-100%);
  }
}
/* Diashow - Verteilseite */
.dia_verteil .lightgallery a img {
  width: 160px!important;
}
/***************************************************/
/************	MOBILE VORSCHALTSEITE	************/
/***************************************************/
#vorschaltseite {
  margin: 0 auto;
  padding: 0 5%;
  background: #0058a3;
}
#vorschaltseite .logo {
  width: 100%;
  text-align: center;
  margin: 10% 0 5% 0;
}
#vorschaltseite .logo img {
  width: 100%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
#vorschaltseite ul {
  list-style: none;
  width: 100%;
}
#vorschaltseite ul li {
  width: 100%;
  background: #fff;
  margin: 3% 0;
}
#vorschaltseite ul li a {
  display: block;
  cursor: pointer;
  padding: 15px 20px;
  text-transform: uppercase;
  color: #000000;
  font-weight: bold;
}
#vorschaltseite ul li a i {
  font-size: 30px;
  margin-right: 5%;
  vertical-align: middle;
  width: 30px;
  text-align: center;
}
#vorschaltseite ul li a i.fa-android {
  color: #a4c639;
}
#vorschaltseite ul li a i.fa-apple {
  color: #b2b2b2;
}
#vorschaltseite ul li a img {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5%;
  vertical-align: middle;
  margin-top: -3px;
}
#vorschaltseite .lang {
  overflow: hidden;
}
#vorschaltseite .lang a {
  display: block;
  float: right;
  margin-left: 15px;
}
#vorschaltseite .lang a i {
  display: inline-block;
  background: url(../img/language.png) 0 0 no-repeat;
  width: 25px;
  background-size: 25px 38px;
  height: 17px;
}
#vorschaltseite .lang a i.en {
  background-position: 0 -21px;
}
#vorschaltseite .sky {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin: 0;
  padding: 0;
  left: 0;
}
#vorschaltseite .sky img {
  width: 100%;
}
#vorschaltseite p {
  color: #fff;
  margin: 5% 0;
  line-height: 23px;
}
#vorschaltseite form {
  margin: 5% 0;
}
#vorschaltseite label {
  color: #fff;
}
/*******************************************/
/************	OPTA WIDGETS	************/
/*******************************************/
.opta-widget-container h2,
.opta-widget-container h2.opta-v3 {
  font-weight: bold;
  font: 18px/21px 'Arial' !important;
  color: #0058a3 !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: transparent!important;
  font-weight: bold!important;
  margin: 2% 0!important;
}
.opta-widget-container h2 span,
.opta-widget-container h2.opta-v3 span {
  padding: 3px 10px;
  display: inline-block;
}
.opta-widget-container .tabs-active .tabs-nav {
  background: #0058a3 !important;
}
.opta-widget-container .tabs-active .tabs-nav li:after {
  background: #b2b2b2 !important;
}
.opta-widget-container .ddbox {
  background: #0058a3 !important;
}
.opta-widget-container .ddbox .arrow {
  position: relative;
  top: 7px;
  font-size: 30px;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 0!important;
  color: #ffffff;
}
.opta-widget-container .matchdaylive.opta-v3 .centrebox span,
.opta-widget-container .matchdaylive.opta-v3 .team_formation {
  color: #0058a3;
}
.opta-widget-container .matchdaylive.opta-v3 .summary {
  border-top: none!important;
}
.opta-widget-container li {
  border-bottom: none!important;
}
.opta-widget-container .matchstats-teamstats-container .matchup .away-team,
.opta-widget-container .matchstats-teamstats-container .matchup .home-team,
.opta-widget-container .matchdaylive .team_formation {
  font-size: 15px!important;
}
.opta-widget-container .matchstats-teamstats-container .matchup {
  color: #fff;
}
.opta-widget-container .fixtures-plus-list tbody.grouping td,
.opta-widget-container .opta-v3-h3 {
  background: #0058a3 !important;
  padding: 14px 12px!important;
}
.opta-widget-container .teamstatsplus_player .opta-v3-h3 {
  color: #ffffff !important;
}
.opta-widget-container .teamstatsplus_player .expanded .expansion-indicator {
  background: url('../img/arrow-up.png') right center no-repeat !important;
}
.opta-widget-container .teamstatsplus_player .collapsed .expansion-indicator {
  background: url('../img/arrow-down.png') right center no-repeat !important;
}
.opta-widget-container .teamstatsplus_player .stat {
  color: #0058a3 !important;
}
.opta-widget-container .teamstatsplus_player .right-border {
  border-right: none!important;
}
.opta-widget-container .matchstats-teamstats-container .tabs-content dd .home-percentage,
.opta-widget-container .matchstats-teamstats-container.light-coverage dd .home-percentage {
  background: #004286;
  color: #004286;
}
div.opta-widget-container.opta-v3 {
  border: none!important;
}
/***********************************/
/************	FORMS	************/
/***********************************/
input[type="search"] {
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  color: #fff;
  width: 110px;
  font-size: 11px;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
input[type="search"]::-webkit-input-placeholder {
  color: #ffffff;
}
input[type="search"]:-moz-placeholder {
  /* Firefox 18- */
  color: #ffffff;
}
input[type="search"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #ffffff;
}
input[type="search"]:-ms-input-placeholder {
  color: #ffffff;
}
input[type="search"]:focus {
  outline: none;
}
input[type='button'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/***********************************/
/************	BASICS	************/
/***********************************/
* {
  box-sizing: border-box;
}
body {
  font-family: 'Roboto', sans-serif;
}
.aufmacher-title {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.aufmacher-description {
  font-family: 'Roboto', sans-serif;
}
a {
  text-decoration: none;
}
.sticky-sm {
  position: fixed;
  left: 50%;
  top: 19%;
  margin-left: -680px;
}
.sticky-sm ul {
  list-style: none;
}
.sticky-sm ul li {
  width: 100%;
  text-align: center;
  margin-top: 2px;
}
.sticky-sm ul li a {
  color: #ffffff;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  display: block;
  padding: 10.5px 7px;
  background: #0058a3;
}
.sticky-sm ul li a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
.sticky-sm ul li a.shop {
  padding: 7px 0!important;
  width: 100%;
}
.sticky-sm ul li a.shop i {
  background: url("../img/shop_baer.png");
  width: 25px;
  height: 20px;
  display: inline-block;
  background-size: 25px;
  background-repeat: no-repeat;
}
.sticky-sm ul li a.tickets {
  padding: 7px 0!important;
  width: 100%;
}
.sticky-sm ul li a.tickets i {
  background: url("../img/sticky_tickets.png");
  width: 25px;
  height: 20px;
  display: inline-block;
  background-size: 25px;
  background-repeat: no-repeat;
}
.sideadd {
  position: fixed;
  right: 50%;
  top: 4.5%;
  margin-right: -807px;
}
/*======================================================*/
/***********************************/
/************ FORMS  ************/
/***********************************/
h3.bigger {
  color: #0058a3 !important;
  margin: 20px 0!important;
  font-size: 18px!important;
}
p.info {
  line-height: 25px!important;
}
p.info a {
  color: #0058a3 !important;
  font-weight: bold!important;
}
.standard_form span.error {
  color: red!important;
  font-weight: bold!important;
  line-height: 30px!important;
}
.standard_form span.success {
  color: green!important;
  font-weight: bold!important;
  line-height: 30px!important;
}
.standard_form span.hinweis {
  padding-top: 20px!important;
  display: inline-block !important;
}
.standard_form table tr {
  border: none!important;
}
.standard_form table tr td {
  padding: 20px 0px!important;
}
.standard_form table tr td label {
  font-weight: bold!important;
}
.standard_form input[type="button"] {
  margin: 5px 0 50px 0!important;
  -webkit-transition: 0.2s !important;
  -moz-transition: 0.2s !important;
  -ms-transition: 0.2s !important;
  -o-transition: 0.2s !important;
  background: #0058a3 !important;
  border: none!important;
  color: #fff!important;
  padding: 10px 20px!important;
  text-transform: uppercase!important;
  font-weight: bold!important;
  cursor: pointer!important;
}
.standard_form input[type="button"]:hover {
  -webkit-opacity: 0.8 !important;
  -moz-opacity: 0.8 !important;
  opacity: 0.8 !important;
  -webkit-transition: 0.2s !important;
  -moz-transition: 0.2s !important;
  -ms-transition: 0.2s !important;
  -o-transition: 0.2s !important;
}
/*======================================================*/
/***********************************/
/************	HEADER	************/
/***********************************/
header {
  /*WELTEN NAVI*/
  /* .weltennavi ENDE	*/
  /* HAUPTMENU */
}
header #cssmenu2 {
  display: none;
}
header .weltennavi {
  font-weight: lighter;
  text-align: center;
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 20%;
  width: 100%;
  padding-top: 13px;
}
header .weltennavi div {
  float: left;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
}
header .weltennavi div:first-child {
  width: 18%;
}
header .weltennavi div:last-child {
  width: 20%;
}
header .weltennavi div.welten {
  width: 62%;
}
header .weltennavi div.welten ul li {
  padding: 0 1%;
  border-right: 2px solid #007dff;
}
header .weltennavi div.welten ul li:last-child {
  border: none;
}
header .weltennavi div.sponsoren ul {
  justify-content: left;
  padding-left: 15px;
}
header .weltennavi div.sponsoren ul li {
  padding: 0 5%;
}
header .weltennavi div.sprache ul li {
  padding: 0 1.1%;
  margin-top: 3%;
}
header .weltennavi div.sprache ul li div.search {
  width: 100%;
  position: relative;
}
header .weltennavi div.sprache ul li div.search i.fa-search {
  position: absolute;
  right: 10%;
  top: 0px;
  font-size: 14px;
  color: white;
}
header .weltennavi div.sprache ul li:last-child {
  padding-right: 0px;
}
header .weltennavi div ul {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: center;
}
header .weltennavi div ul li {
  float: left;
  margin-top: 1.5%;
}
header .weltennavi div ul li a {
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  text-decoration: none;
}
header .weltennavi div ul li a.nike {
  background-image: url("../img/sponsoren.png");
  background-position: -54px -2px;
  width: 43px;
  height: 30px;
  text-indent: -99999em;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
header .weltennavi div ul li a.nike:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
header .weltennavi div ul li a.tedi {
  background-image: url("../img/sponsoren.png");
  background-position: 0 0;
  width: 34px;
  height: 30px;
  text-indent: -99999em;
  background-repeat: no-repeat;
  background-size: 117px;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
header .weltennavi div ul li a.tedi:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
header .weltennavi div ul li a.deutsch {
  background-image: url("../img/language.png");
  background-position: 0 0px;
  text-indent: -99999em;
  width: 20px;
  height: 14px;
  background-size: 20px;
  background-repeat: no-repeat;
}
header .weltennavi div ul li a.englisch {
  background-image: url("../img/language.png");
  background-position: 0 -17px;
  text-indent: -99999em;
  width: 20px;
  height: 14px;
  background-size: 20px;
  background-repeat: no-repeat;
}
header .main-nav {
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: 20%;
  width: 100%;
  max-width: 1280px;
  position: relative;
  z-index: 111;
}
header .main-nav .logo {
  width: 100%;
  text-align: center;
  padding: 10px 0 0;
}
header .main-nav img {
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 20px 0;
}
header .main-nav img.de,
header .main-nav img.en,
header .main-nav img.mi,
header .main-nav img.mu,
header .main-nav img.na,
header .main-nav img.st {
  height: 110px;
  width: auto;
  margin-bottom: -20px;
  margin-top: -10px;
}
header .secnav_neu {
  display: none;
  width: 100%;
  z-index: 10;
  max-width: 1280px;
}
header .secnav_neu.open {
  display: block;
}
header .secnav_neu.activeSubNav {
  position: absolute;
  background: url("../img/skyline.png") #0058a3;
  background-repeat-x: inherit;
  background-repeat-y: no-repeat;
  background-size: 40%;
  border-bottom: 4px solid #E7E7E7;
  padding: 30px 0;
  background-repeat: repeat-x;
  background-position: bottom;
  height: 240px;
}
header .secnav_neu .current {
  width: 20%;
  float: left;
  text-align: center;
}
header .secnav_neu .current img {
  margin-top: 20%;
}
header .secnav_neu .current span {
  position: relative;
  margin-top: 22%;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 13px;
  display: block;
}
header .secnav_neu ul {
  width: 20%!important;
  float: left;
  display: inline-block !important;
  list-style: none;
}
header .secnav_neu ul li {
  padding: 5px 10px;
  height: 45px;
}
header .secnav_neu ul li a {
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
header .secnav_neu ul li a:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
header .secnav_neu.fixed {
  position: fixed;
  top: 44px;
  z-index: 100;
}
header .fixed {
  position: fixed;
  top: 0;
  z-index: 111;
  padding: 12px 0 0 0;
}
header .fixed .logo-kl {
  background: url('../img/hertha.png') no-repeat;
  position: absolute;
  right: 50%;
  margin-right: 490px;
  height: 75px;
  width: 110px;
  z-index: 333333;
  background-size: 80px;
}
main {
  /****** VORSCHALTSEITE ******/
  /************ *STARTSEITE* ******************/
  /*AUFMACHER*/
  /*3 BOXEN UNTER AUFMACHER*/
  /*SPIELCENTER */
  /*AKTUELL NEWS*/
  /*HERTHA TV*/
  /*SHOP BEREICH*/
  /*TERMINE & TICKETS*/
  /*SOCIAL MEDIA BOX*/
  /*WETTEN & ANZEIGE */
  /*STIFTUNG & MUSEUM*/
  /*SPONSOREN*/
  /*FOOTER*/
  /************* *MELDUNGEN* **************/
  /*AUFMACHER*/
  /************* *CONTENT* **************/
  /*CONTENT ENDE */
}
main .image-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
main .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
main div.vorschaltseite {
  background: #b2b2b2;
  display: block;
  margin: 0;
}
main div.vorschaltseite div.boxen {
  height: 100vh;
}
main div.vorschaltseite div.boxen div.box {
  height: 100vh;
  width: 33.33%;
  float: left;
  position: relative;
  overflow: hidden;
}
main div.vorschaltseite div.boxen div.box:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40%;
  background: url("../img/hbsc_gradient.png") no-repeat center bottom;
  background-size: 100% 100%;
}
main div.vorschaltseite div.boxen div.box a.button {
  display: block;
  position: absolute;
  z-index: 2;
  bottom: 5%;
  left: 50%;
  width: 70%;
  height: auto;
  margin-left: calc(-70% / 2);
  cursor: pointer;
}
main div.vorschaltseite div.boxen div.box a.button img {
  width: 100%;
  height: auto;
}
main div.vorschaltseite div.boxen div.box a.button div.parts {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  height: 60px;
  width: 100%;
  text-align: center;
}
main div.vorschaltseite div.boxen div.box a.button div.parts img.icon {
  height: 40px;
  width: auto;
  margin: 10px 10px auto auto;
  display: inline-block;
  vertical-align: middle;
}
main div.vorschaltseite div.boxen div.box a.button div.parts span.text {
  color: rgba(255, 255, 255, 0.75);
  font: 28px/20px 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.5px;
  display: inline-block;
  vertical-align: middle;
  margin-top: 10px;
}
main div.vorschaltseite div.boxen div.box.home {
  border-left: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
main div.vorschaltseite div.boxen div.box.home div.language {
  position: relative;
  display: block;
  width: 80px;
  text-align: center;
  height: 50px;
  margin-top: 5%;
  z-index: 1;
  left: 50%;
  margin-left: -25px;
}
main div.vorschaltseite div.boxen div.box.home div.language a.deutsch {
  background-image: url("../img/language.png");
  background-position: 0 0px;
  text-indent: -99999em;
  width: 30px;
  height: 20px;
  background-size: 30px;
  background-repeat: no-repeat;
  display: block;
  float: left;
  margin-right: 5px;
}
main div.vorschaltseite div.boxen div.box.home div.language a.englisch {
  background-image: url("../img/language.png");
  background-position: 0 -25px;
  text-indent: -99999em;
  width: 30px;
  height: 20px;
  background-size: 30px;
  background-repeat: no-repeat;
  display: block;
  float: left;
}
main div.vorschaltseite div.boxen div.box.home img.logo {
  position: absolute;
  top: 15%;
  left: 50%;
  width: 50%;
  height: auto;
  margin-left: calc(-50% / 2);
  z-index: 2;
}
main div.vorschaltseite div.boxen div.box div.background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main div.vorschaltseite div.boxen div.box:hover div.background {
  transform: scale(1.04);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .aufmacher {
  max-height: 720px;
}
main .aufmacher img {
  width: 100%;
  max-width: 1280px;
}
main .specialbox {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
}
main .specialbox div.box {
  float: left;
  width: 31.33%;
  max-width: 400px;
  margin: 0 1.5%;
  position: relative;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .specialbox div.box:first-child {
  margin-right: 0!important;
}
main .specialbox div.box:last-child {
  margin-left: 0!important;
}
main .specialbox div.box img {
  width: 100%;
}
main .specialbox div.box span {
  color: #ffffff;
  position: absolute;
  left: 0px;
  margin-left: 3%;
  top: 5%;
  background: rgba(0, 88, 163, 0.8);
  padding: 7px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  max-width: 210px;
  line-height: 19px;
}
main .specialbox div.box .playing-teams {
  width: 100%;
  position: absolute;
  top: 30%;
}
main .specialbox div.box .playing-teams img {
  width: 25%!important;
}
main .specialbox div.box .playing-teams img:first-child {
  float: left;
  margin-left: 15%;
}
main .specialbox div.box .playing-teams img:last-child {
  float: right;
  margin-right: 15%;
}
main .specialbox div.box .playing-teams-info {
  width: 100%;
  position: absolute;
  top: 73%;
  text-align: center;
}
main .specialbox div.box .playing-teams-info span {
  background: none;
  display: inline-block;
  position: static;
  max-width: 100%;
  padding: 3px 0;
  color: #0058a3;
  font-weight: bold;
}
main .specialbox div.box:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .specialbox-mobile span {
  color: #ffffff;
  position: absolute;
  top: 7%;
  margin-left: 1%;
  background: rgba(0, 88, 163, 0.8);
  padding: 7px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  max-width: 210px;
  line-height: 19px;
  font-size: 15px;
}
main .sponsorbox {
  display: inline-block;
  width: 100%;
  padding: 20px 0;
  background-repeat: no-repeat;
  background-position-y: 50%;
  margin: -3px 0;
}
main .sponsorbox div.box {
  float: left;
  width: 31.33%;
  margin: 0 1.5%;
  position: relative;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  text-align: center;
  height: 190px;
  padding: 20px 0;
}
main .sponsorbox div.box > a {
  width: 80%;
  display: inline-block;
}
main .sponsorbox div.box > iframe {
  display: inline-block;
}
main .sponsorbox div.box > div {
  margin: 0 auto;
}
main .sponsorbox div.box:first-child {
  margin-right: 0!important;
}
main .sponsorbox div.box:last-child {
  margin-left: 0!important;
}
main .sponsorbox div.box img {
  max-width: 100%;
}
main .sponsorbox div.box span {
  color: #ffffff;
  position: absolute;
  left: 0px;
  margin-left: 3%;
  top: 5%;
  background: rgba(0, 88, 163, 0.8);
  padding: 7px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  max-width: 210px;
  line-height: 19px;
}
main .sponsorbox div.box .playing-teams {
  width: 100%;
  position: absolute;
  top: 30%;
}
main .sponsorbox div.box .playing-teams img {
  width: 25%!important;
}
main .sponsorbox div.box .playing-teams img:first-child {
  float: left;
  margin-left: 15%;
}
main .sponsorbox div.box .playing-teams img:last-child {
  float: right;
  margin-right: 15%;
}
main .sponsorbox div.box .playing-teams-info {
  width: 100%;
  position: absolute;
  top: 73%;
  text-align: center;
}
main .sponsorbox div.box .playing-teams-info span {
  background: none;
  display: inline-block;
  position: static;
  max-width: 100%;
  padding: 3px 0;
  color: #0058a3;
  font-weight: bold;
}
main .sponsorbox div.box:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .dynamic-mobile-ad {
  width: 100%;
  height: 190px;
  text-align: center;
  background: white;
  padding: 20px 0;
}
main .dynamic-mobile-ad > div {
  margin: 0 auto;
  height: 100%;
}
main .dynamic-mobile-ad > a {
  width: 100%;
  display: inline-block;
}
main .dynamic-mobile-ad div > iframe {
  width: 100% !important;
  height: 100% !important;
  display: inline-block;
}
main .sponsorbox-mobile span {
  color: #ffffff;
  position: absolute;
  top: 7%;
  margin-left: 1%;
  background: rgba(0, 88, 163, 0.8);
  padding: 7px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  max-width: 210px;
  line-height: 19px;
  font-size: 15px;
}
main #karussell-placeholder .slick-list {
  height: 400px!important;
}
main .spielcenter {
  height: 510px;
  background: #fff;
  background: url("../img/skyline.png") no-repeat #ffffff;
  background-position-y: 100%;
  background-position: bottom;
  background-size: 100%;
  margin-top: -3px;
}
main .spielcenter h2 {
  text-align: center;
  text-transform: uppercase;
  color: #004286;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .spielcenter .underline {
  background: #e30613;
  height: 5px;
  width: 10%;
  margin: 1% 45%;
}
main .spielcenter .slick-next {
  top: 0!important;
  right: 10%!important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -218px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .spielcenter .slick-next:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .spielcenter .slick-prev {
  top: 0!important;
  left: 8%!important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -180px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .spielcenter .slick-prev:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .spielcenter .slick-list {
  height: 280px!important;
}
main .spielcenter .slick-dots {
  bottom: -100% !important;
}
main .spielcenter .slick-slide img {
  width: 37%!important;
  position: absolute;
  top: -3px;
}
main .spielcenter .slick-slide .gast img {
  width: 40%!important;
  position: absolute;
  top: -3px;
}
main .spielcenter section {
  float: left;
  position: relative;
  margin-top: 7%;
}
main .spielcenter section span {
  display: block;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}
main .spielcenter section span.score {
  display: inline-block;
  color: #ffffff;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 30px 0;
}
main .spielcenter section span.zusatz {
  text-transform: none;
  display: inline-block;
}
main .spielcenter section span.aktualisieren a {
  display: inline-block;
  color: #ffffff;
  border: 2px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-top: 4%;
  padding: 5px 10px;
  font-size: 13px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .spielcenter section span.aktualisieren a:hover {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
main .spielcenter section div.heim {
  width: 83%;
  border-top-right-radius: 10px;
}
main .spielcenter section div.heim img {
  display: inline;
}
main .spielcenter section div.heim div {
  width: 86%;
}
main .spielcenter section div.heim div span {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  font-size: 11px;
  padding: 1px 0;
  text-transform: none;
}
main .spielcenter section div.heim div span:first-child {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 0 5px 0;
}
main .spielcenter section div.gast {
  width: 95%;
  position: absolute;
  right: 0;
  border-top-left-radius: 10px;
}
main .spielcenter section div.gast img {
  display: inline;
  margin-left: 0!important;
  margin-right: 40px;
}
main .spielcenter section div.gast div {
  width: 73%;
  margin-left: 32%;
}
main .spielcenter section div.gast div span {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: lighter;
  font-size: 11px;
  padding: 1px 0;
  text-transform: none;
}
main .spielcenter section div.gast div span:first-child {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 0 5px 0;
}
main .spielcenter section:first-child {
  text-align: right;
  width: 30%;
  margin-left: 8%;
}
main .spielcenter section:first-child img {
  right: -13%;
}
main .spielcenter section.stand {
  text-align: center;
  width: 21%;
  padding-left: 26px;
}
main .spielcenter section.lastsection {
  text-align: left;
  width: 30%;
  height: 135px;
  clear: right;
}
main .spielcenter section.lastsection img {
  right: 72.5%;
}
main .spielcenter section.info1 {
  float: left;
  margin-left: 10.5%;
}
main .spielcenter section.info2 {
  float: right;
  margin-right: 13%;
  text-align: right;
  clear: right;
}
main .spielcenter section.info1,
main .spielcenter section.info2 {
  margin-top: 3%;
}
main .spielcenter section.info1 span,
main .spielcenter section.info2 span {
  color: #004286;
  font-size: 16px;
  text-transform: none;
  padding: 5px 0;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .spielcenter section.info1 span.live,
main .spielcenter section.info2 span.live {
  color: #e30613;
}
main .spielcenter section.info3 {
  width: 100%;
  clear: both;
  text-align: center;
  margin-top: 2%;
  padding: 0 10%;
}
main .spielcenter section.info3 div {
  width: 23%;
  text-align: center;
  display: inline-block;
  padding: 7px;
  border: 2px solid #0058a3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin-right: 2%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .spielcenter section.info3 div:last-child {
  margin-right: 0;
}
main .spielcenter section.info3 div:hover {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
main .spielcenter section.info3 div a {
  color: #0058a3;
  text-decoration: none;
}
main .spielcenter .gamecenter {
  height: 200px!important;
}
main .spielcenter .gamecenter-bg {
  background: url("../img/spielcenter_bg.png?1");
  padding-top: 22px;
  background-repeat: no-repeat;
  background-size: 100%;
}
main .spielcenter .gamecenter-bg a {
  display: block;
}
main .spielcenter .gamecenter-bg a:focus {
  outline: none;
}
main .aktuellbox {
  display: inline-block;
  width: 100%;
}
main .aktuellbox .wrapper {
  position: relative;
}
main .aktuellbox h2 {
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .aktuellbox .underline {
  background: #007dff;
  height: 5px;
  width: 10%;
  margin: 1% 45%;
}
main .aktuellbox .swiper-button-prev,
main .aktuellbox .swiper-container-rtl .swiper-button-next {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background: url('../img/arrow.png') !important;
  left: 0;
  background-position: 0 -255px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .aktuellbox .swiper-button-prev:hover,
main .aktuellbox .swiper-container-rtl .swiper-button-next:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .aktuellbox .swiper-button-next,
main .aktuellbox .swiper-container-rtl .swiper-button-prev {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background: url('../img/arrow.png') !important;
  right: 0;
  background-position: 0 -291px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .aktuellbox .swiper-button-next:hover,
main .aktuellbox .swiper-container-rtl .swiper-button-prev:hover {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .aktuellbox .swiper-button-next,
main .aktuellbox .swiper-button-prev {
  margin-top: 0!important;
  top: 52%!important;
}
main .aktuellbox .swiper-container {
  margin: 0 auto;
  margin-top: 3%;
  width: 80%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}
main .aktuellbox .swiper-slide {
  background: #fff;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
main .aktuellbox .aktuell h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 15px 10px !important;
  font-size: 18px;
}
main .aktuellbox .aktuell a {
  color: #ffffff;
  text-decoration: none;
}
main .aktuellbox .aktuell a img {
  width: 100%;
}
main .aktuellbox .aktuell p {
  padding: 0px 10px 15px 10px;
  font-size: 14px;
}
main .aktuellbox .aktuell img {
  width: 100%;
}
main .aktuellbox .aktuell div {
  background: #004286;
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  height: 180px;
  max-height: 180px;
  margin-top: -4px;
}
main .aktuellbox .aktuell div.category {
  background: #001f40;
  height: auto;
  padding: 10px 5px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
main .aktuellbox .aktuell div.category span {
  font-size: 14px;
  padding: 0 5px;
}
main .aktuellbox .aktuell div.category span:first-child {
  float: left;
}
main .aktuellbox .aktuell div.category span:last-child {
  float: right;
}
main .aktuellbox .aktuell-more {
  width: 100%;
  display: block;
  text-align: center;
  margin: 5% 0;
}
main .aktuellbox .aktuell-more .morenews {
  border: 2px solid #fff;
  text-decoration: none;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 20px;
  display: inline-block;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .aktuellbox .aktuell-more .morenews:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .aktuellbox.skyline h2 {
  color: #004286;
}
main .aktuellbox.skyline .underline {
  background: #e30613;
}
main .aktuellbox.skyline .morenews {
  border: 2px solid #007dff;
  color: #007dff;
}
main .aktuellbox.skyline .swiper-button-next,
main .aktuellbox.skyline .swiper-container-rtl .swiper-button-prev {
  background-position: 0 -218px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .aktuellbox.skyline .swiper-button-prev,
main .aktuellbox.skyline .swiper-container-rtl .swiper-button-next {
  background-position: 0 -180px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .herthatv {
  /*iframe { height: 525px; margin: 5% 0;}*/
}
main .herthatv div {
  text-align: center;
}
main .herthatv h2 {
  text-align: center;
  text-transform: uppercase;
  color: #004286;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .herthatv .elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 670px ;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  margin-top: 5%;
}
main .herthatv .elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .herthatv .underline {
  background: #e30613;
  height: 5px;
  width: 10%;
  margin: 1% 45%;
}
main .herthatv.polygone h2 {
  color: #ffffff;
}
main .herthatv.polygone .underline {
  background: #007dff;
}
main .promosection {
  display: inline-block;
  width: 100%;
  text-align: center;
}
main .promosection div.wrapper {
  display: inline-block;
  padding: 2% 4%;
}
main .promosection div.left-text {
  float: left;
  width: 50%;
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 23px;
  margin: 2% 0;
}
main .promosection div.left-text .button {
  width: 100%;
  display: inline-block;
}
main .promosection div.left-text .button a {
  display: block;
  color: #fff;
  text-decoration: none;
  background: #007dff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  margin: 6% 0 0% 0;
  float: left;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 20px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .promosection div.left-text .button a:hover {
  background: rgba(0, 125, 255, 0.6);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .promosection div.left-img {
  width: 50%;
  float: left;
}
main .promosection div.left-img .image {
  width: 80%;
  float: left;
}
main .promosection div.left-img .image img {
  width: 100%;
}
main .promosection div.right-img {
  width: 50%;
  float: right;
}
main .promosection div.right-img .image {
  width: 80%;
  float: right;
}
main .promosection div.right-img .image img {
  width: 100%;
}
main .promosection div.right-text {
  float: right;
  width: 50%;
  text-align: right;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 23px;
  margin: 2% 0;
}
main .promosection div.right-text .button {
  width: 100%;
  display: inline-block;
}
main .promosection div.right-text .button a {
  display: block;
  color: #fff;
  text-decoration: none;
  background: #007dff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  margin: 6% 0 0% 0;
  float: right;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 20px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .promosection div.right-text .button a:hover {
  background: rgba(0, 125, 255, 0.6);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .promosection div span {
  display: block;
  line-height: 1.5em;
}
main .promosection.skyline div.right-text,
main .promosection.skyline div.left-text {
  color: #004286;
}
main .timetable {
  height: 690px;
  margin-top: -3px;
}
main .timetable .tickets,
main .timetable .termine {
  width: 50%;
  float: left;
}
main .timetable .tickets iframe,
main .timetable .termine iframe {
  margin-top: 5%;
  width: 100%;
}
main .timetable h2 {
  text-align: center;
  text-transform: uppercase;
  color: #004286;
  padding-top: 10%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .timetable .underline {
  background: #e30613;
  height: 5px;
  width: 10%;
  margin: 1% 45%;
}
main .timetable table {
  font-family: 'Roboto', sans-serif;
  width: 60%;
  margin: 0 auto;
  margin-top: 10%;
}
main .timetable table tr th {
  background: #0058a3;
  text-align: left;
  padding: 10px;
}
main .timetable table tr th a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: lighter;
  text-decoration: underline;
}
main .timetable table tr td {
  border-bottom: 2px solid #b2b2b2;
  padding: 10px 0;
}
main .timetable table tr td span {
  display: block;
  padding: 5px 0;
}
main .timetable table tr td span:nth-child(odd) {
  color: #004286;
  font-weight: bold;
}
main .timetable table tr td span:nth-child(even) {
  font-size: 14px;
}
main .timetable table tr.highlight td span:nth-child(odd) {
  color: #007dff;
  font-weight: bold;
}
main .timetable table tr.highlight td span:nth-child(even) {
  font-weight: bold;
}
main .timetable.polygone h2 {
  color: #ffffff;
}
main .timetable.polygone .underline {
  background: #007dff;
}
main .timetable.polygone table th {
  background: #001f40;
}
main .timetable.polygone table th a {
  color: #ffffff;
}
main .timetable.polygone table td span:nth-child(odd) {
  color: #ffffff;
  font-weight: bold;
}
main .slick-next.slick-arrow.slick-disabled,
main .slick-prev.slick-arrow.slick-disabled {
  display: none!important;
}
main .socialbox,
main .socialbox-mob {
  display: inline-block;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  min-height: 690px;
}
main .socialbox .sm-heading h2,
main .socialbox-mob .sm-heading h2 {
  text-align: center;
  text-transform: uppercase;
  color: #004286;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .socialbox .sm-heading .underline,
main .socialbox-mob .sm-heading .underline {
  background: #e30613;
  height: 5px;
  width: 10%;
  margin: 1% 45%;
}
main .socialbox .sm-filter,
main .socialbox-mob .sm-filter {
  text-align: right;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2%;
}
main .socialbox .sm-filter ul,
main .socialbox-mob .sm-filter ul {
  display: inline-block;
  width: 20%;
  list-style: none;
}
main .socialbox .sm-filter ul li,
main .socialbox-mob .sm-filter ul li {
  float: left;
  margin-right: 2px;
  width: 18%;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .sm-filter ul li a,
main .socialbox-mob .sm-filter ul li a {
  color: #fff;
  display: block;
  padding: 7px;
}
main .socialbox .sm-filter ul li.facebook,
main .socialbox-mob .sm-filter ul li.facebook {
  background: #3a5795;
}
main .socialbox .sm-filter ul li.disabled,
main .socialbox-mob .sm-filter ul li.disabled {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}
main .socialbox .sm-filter ul li.twitter,
main .socialbox-mob .sm-filter ul li.twitter {
  background: #55acee;
}
main .socialbox .sm-filter ul li.google-plus,
main .socialbox-mob .sm-filter ul li.google-plus {
  background: #e03522;
}
main .socialbox .sm-filter ul li.googlePlus,
main .socialbox-mob .sm-filter ul li.googlePlus {
  background: #e03522;
}
main .socialbox .sm-filter ul li.youtube,
main .socialbox-mob .sm-filter ul li.youtube {
  background: #b31217;
}
main .socialbox .sm-filter ul li.instagram,
main .socialbox-mob .sm-filter ul li.instagram {
  background: #2a5b83;
}
main .socialbox .sm-filter ul li:hover,
main .socialbox-mob .sm-filter ul li:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .grid-item,
main .socialbox-mob .grid-item {
  width: 31.333%;
  float: left;
  font-size: 14px;
  background: #cecece;
  margin: 1% 1%;
  cursor: pointer;
}
main .socialbox .social-wrapper,
main .socialbox-mob .social-wrapper {
  width: 80%;
  margin: 0 auto;
  height: 100%;
}
main .socialbox .social-wrapper .social-feed,
main .socialbox-mob .social-wrapper .social-feed {
  width: 100%;
  padding: 10px;
}
main .socialbox .social-wrapper .social-feed img,
main .socialbox-mob .social-wrapper .social-feed img {
  width: 100%;
}
main .socialbox .social-wrapper .social-feed p,
main .socialbox-mob .social-wrapper .social-feed p {
  padding: 5px 0;
}
main .socialbox .social-wrapper .sm,
main .socialbox-mob .social-wrapper .sm {
  color: #ffffff;
  padding: 10px;
}
main .socialbox .social-wrapper .sm span:last-child,
main .socialbox-mob .social-wrapper .sm span:last-child {
  float: right;
}
main .socialbox .social-wrapper .sm.sm-instagram,
main .socialbox-mob .social-wrapper .sm.sm-instagram {
  background: #2a5b83;
}
main .socialbox .social-wrapper .sm.sm-facebook,
main .socialbox-mob .social-wrapper .sm.sm-facebook {
  background: #3a5795;
}
main .socialbox .social-wrapper .sm.sm-google,
main .socialbox-mob .social-wrapper .sm.sm-google {
  background: #e03522;
}
main .socialbox .social-wrapper .sm.sm-googlePlus,
main .socialbox-mob .social-wrapper .sm.sm-googlePlus {
  background: #e03522;
}
main .socialbox .social-wrapper .sm.sm-twitter,
main .socialbox-mob .social-wrapper .sm.sm-twitter {
  background: #55acee;
}
main .socialbox .social-wrapper .sm.sm-youtube,
main .socialbox-mob .social-wrapper .sm.sm-youtube {
  background: #b31217;
}
main .socialbox .social-wrapper .sm-more,
main .socialbox-mob .social-wrapper .sm-more {
  width: 100%;
  text-align: center;
}
main .socialbox .social-wrapper .moresm,
main .socialbox-mob .social-wrapper .moresm {
  border: 2px solid #0058a3;
  text-decoration: none;
  color: #0058a3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 20px;
  display: inline-block;
  margin: 3% 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .social-wrapper .moresm:hover,
main .socialbox-mob .social-wrapper .moresm:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .social-wrapper-2,
main .socialbox-mob .social-wrapper-2 {
  width: 80%;
  margin: 0 auto;
  height: 100%;
  display: none;
}
main .socialbox .social-wrapper-2 .social-feed,
main .socialbox-mob .social-wrapper-2 .social-feed {
  width: 100%;
  padding: 10px;
}
main .socialbox .social-wrapper-2 .social-feed img,
main .socialbox-mob .social-wrapper-2 .social-feed img {
  width: 100%;
}
main .socialbox .social-wrapper-2 .social-feed p,
main .socialbox-mob .social-wrapper-2 .social-feed p {
  padding: 5px 0;
}
main .socialbox .social-wrapper-2 .sm,
main .socialbox-mob .social-wrapper-2 .sm {
  color: #ffffff;
  padding: 10px;
}
main .socialbox .social-wrapper-2 .sm span:last-child,
main .socialbox-mob .social-wrapper-2 .sm span:last-child {
  float: right;
}
main .socialbox .social-wrapper-2 .sm.sm-instagram,
main .socialbox-mob .social-wrapper-2 .sm.sm-instagram {
  background: #2a5b83;
}
main .socialbox .social-wrapper-2 .sm.sm-facebook,
main .socialbox-mob .social-wrapper-2 .sm.sm-facebook {
  background: #3a5795;
}
main .socialbox .social-wrapper-2 .sm.sm-google,
main .socialbox-mob .social-wrapper-2 .sm.sm-google {
  background: #e03522;
}
main .socialbox .social-wrapper-2 .sm.sm-googlePlus,
main .socialbox-mob .social-wrapper-2 .sm.sm-googlePlus {
  background: #e03522;
}
main .socialbox .social-wrapper-2 .sm.sm-twitter,
main .socialbox-mob .social-wrapper-2 .sm.sm-twitter {
  background: #55acee;
}
main .socialbox .social-wrapper-2 .sm.sm-youtube,
main .socialbox-mob .social-wrapper-2 .sm.sm-youtube {
  background: #b31217;
}
main .socialbox .social-wrapper-2 .sm-more,
main .socialbox-mob .social-wrapper-2 .sm-more {
  width: 100%;
  text-align: center;
}
main .socialbox .social-wrapper-2 .moresm,
main .socialbox-mob .social-wrapper-2 .moresm {
  border: 2px solid #0058a3;
  text-decoration: none;
  color: #0058a3;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 10px 20px;
  display: inline-block;
  margin: 3% 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .social-wrapper-2 .moresm:hover,
main .socialbox-mob .social-wrapper-2 .moresm:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .slick-next,
main .socialbox-mob .slick-next {
  top: 350px!important;
  right: -7% !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -218px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .socialbox .slick-next:hover,
main .socialbox-mob .slick-next:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox .slick-prev,
main .socialbox-mob .slick-prev {
  top: 350px!important;
  left: -7% !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -180px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .socialbox .slick-prev:hover,
main .socialbox-mob .slick-prev:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox.polygone .sm-heading h2,
main .socialbox-mob.polygone .sm-heading h2 {
  color: #ffffff;
}
main .socialbox.polygone .sm-heading .underline,
main .socialbox-mob.polygone .sm-heading .underline {
  background: #007dff;
}
main .socialbox.polygone .slick-next,
main .socialbox-mob.polygone .slick-next {
  top: 350px!important;
  right: -7% !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -291px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .socialbox.polygone .slick-next:hover,
main .socialbox-mob.polygone .slick-next:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox.polygone .slick-prev,
main .socialbox-mob.polygone .slick-prev {
  top: 350px!important;
  left: -7% !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background-position: 0 -255px !important;
  width: 30px !important;
  background-size: 35px !important;
  height: 32px !important;
  background-repeat: no-repeat !important;
}
main .socialbox.polygone .slick-prev:hover,
main .socialbox-mob.polygone .slick-prev:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .socialbox-mob {
  display: none;
}
main .additionalsection {
  padding: 3% 0 5%;
  display: inline-block;
  margin-top: -2px;
  width: 100%;
  height: 100%;
}
main .additionalsection h2 {
  text-align: center;
  text-transform: uppercase;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .additionalsection .underline {
  background: #e30613;
  height: 5px;
  width: 10%;
  margin: 1% 45% 7%;
}
main .additionalsection .left {
  width: 50%;
  float: left;
  text-align: center;
}
main .additionalsection .left img {
  width: 60%;
}
main .additionalsection .right {
  width: 50%;
  float: left;
  text-align: center;
}
main .additionalsection .right img {
  width: 60%;
}
main .additionalsection.polygone h2 {
  color: #ffffff;
}
main .additionalsection.polygone .underline {
  background: #007dff;
}
main .stiftung-museum {
  display: inline-block;
  width: 100%;
  margin-top: -3px;
  padding: 3% 0;
}
main .stiftung-museum h2 {
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  padding-top: 5%;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .stiftung-museum .underline {
  background: #007dff;
  height: 5px;
  width: 30%;
  margin: 1% 35% 7%;
}
main .stiftung-museum .stiftung {
  width: 50%;
  float: left;
  text-align: center;
}
main .stiftung-museum .museum {
  width: 50%;
  float: left;
  text-align: center;
}
main .stiftung-museum img {
  width: 60%;
}
main .sponsoren {
  display: inline-block;
  margin-top: -2px;
  width: 100%;
  height: 100%;
  padding: 5% 2%;
}
main .sponsoren div {
  text-align: center;
  width: 100%;
}
main .sponsoren div.w50 {
  width: 50%!important;
  float: left!important;
  padding: 0 1%;
}
main .sponsoren div ul {
  list-style: none;
  display: inline-block;
  width: 100%;
}
main .sponsoren div ul li {
  float: left;
  box-sizing: border-box;
  padding: 1%;
}
main .sponsoren div ul li:nth-child(5) {
  clear: left;
}
main .sponsoren div ul li img {
  width: 100%;
  height: auto;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
}
main .sponsoren div ul li img:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
main .sponsoren div ul li.w50 {
  width: 50%;
  padding-top: 3%;
}
main .sponsoren div ul li.w50 img {
  width: 70%;
}
main .sponsoren div ul li.w33 {
  width: 33%;
  padding-top: 3%;
}
main .sponsoren div ul li.w33 img {
  width: 80%;
}
main .sponsoren div ul li.w20 {
  width: 20%;
}
main .sponsoren div ul li.w25 {
  width: 25%;
}
main .sponsorenliste ul.partner-list {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 0;
  margin: 0 0 30px;
}
main .sponsorenliste ul.partner-list li {
  float: left;
  width: 25%;
  padding: 5px 1% 5px 0;
}
main .sponsorenliste ul.partner-list li a {
  display: block;
  padding: 5px;
  border: 1px solid #e3e7ea;
  background: #ffffff;
}
main .sponsorenliste ul.partner-list li a img {
  width: 100%;
  max-width: 195px;
  height: auto;
  display: block;
  margin: auto;
}
main .spieldatenblatt {
  width: 100%;
}
main .spieldatenblatt .aleft {
  text-align: left;
}
main .spieldatenblatt .aright {
  text-align: right;
}
main .spieldatenblatt .acenter {
  text-align: center;
}
main .spieldatenblatt .highlight {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #0058a3;
}
main .spieldatenblatt .bold {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-align: center;
}
main .spieldatenblatt table {
  width: 100%;
}
main .spieldatenblatt tr {
  border-bottom: none!important;
}
main .spieldatenblatt td.heim {
  text-align: right;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .spieldatenblatt td.spielstand {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #0058a3;
}
main .spieldatenblatt td.gast {
  text-align: left;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .spieldatenblatt .daten tr {
  display: none;
}
main .spieldatenblatt .daten tr.aufstellung,
main .spieldatenblatt .daten tr.ersatzbank,
main .spieldatenblatt .daten tr.tore,
main .spieldatenblatt .daten tr.strafen,
main .spieldatenblatt .daten tr.auswechslungen,
main .spieldatenblatt .daten tr.trainer {
  background: #0058a3;
  color: #fff;
  border-bottom: 1px solid #fff!important;
  display: table-row;
}
main .spieldatenblatt .daten tr.aufstellung th,
main .spieldatenblatt .daten tr.ersatzbank th,
main .spieldatenblatt .daten tr.tore th,
main .spieldatenblatt .daten tr.strafen th,
main .spieldatenblatt .daten tr.auswechslungen th,
main .spieldatenblatt .daten tr.trainer th {
  padding: 15px 0;
}
main .spieldatenblatt .daten tr.active {
  display: table-row;
}
main .footer {
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
  display: inline-block;
  width: 100%;
  margin-top: -3px;
  padding: 3% 1%;
  text-align: center;
}
main .footer ul {
  list-style: none;
  width: 100%;
  margin-top: 12%;
}
main .footer ul li {
  font-size: 14px;
  margin-top: 5%;
  color: #ffffff;
}
main .footer ul li i {
  padding: 10px;
  margin-right: 2px;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
}
main .footer ul li.facebook a i {
  background: #3a5795;
}
main .footer ul li.twitter a i {
  background: #55acee;
}
main .footer ul li.google-plus a i {
  background: #e03522;
  font-size: 16px;
}
main .footer ul li.googlePlus a i {
  background: #e03522;
  font-size: 16px;
}
main .footer ul li.youtube a i {
  background: #b31217;
  font-size: 24px;
}
main .footer ul li.instagram a i {
  background: #2a5b83;
}
main .footer ul li.rssfeed a i {
  background: #ff6600;
}
main .footer a {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .footer a:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .footer h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 5%;
}
main .footer div {
  display: inline-block;
  float: left;
  width: 25%;
  text-align: left;
}
main .footer div:first-child {
  width: 32%;
}
main .footer div:first-child ul {
  margin-top: 0%;
}
main .footer div:first-child li {
  margin-bottom: 5px;
  margin-top: 0;
}
main .footer div:nth-child(2) li {
  padding: 2% 0;
}
main .footer div:nth-child(3) {
  width: 20%;
}
main .footer div:nth-child(3) li {
  padding: 2% 0;
}
main .footer div.copyright-f {
  width: 23%;
  text-align: center;
  float: right;
}
main .footer div.copyright-f div {
  width: 100%;
}
main .footer div.copyright-f div.copyright {
  display: none;
}
main .footer div.copyright-f div.copyright3 {
  text-align: center;
}
main .footer div.copyright-f div.copyright2 {
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  margin-top: 20%;
}
main .footer div.copyright-f div.copyright2 span {
  display: block;
}
main .footer div.copyright-f img.buli {
  width: 40%;
}
main .footer div.copyright-f img.hertha-logo {
  position: relative;
  right: 15%;
  width: 130%;
  margin-top: 20%;
}
main .footer-mob {
  background: url('../img/blue_background.jpg?v=20160426v2');
  background-size: 100%;
  width: 100%;
  margin-top: -3px;
  padding: 3% 5%;
}
main .footer-mob h4 {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2% 1%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
main .footer-mob span.fa-chevron-down,
main .footer-mob span.fa-chevron-up {
  color: #ffffff;
  float: right;
}
main .footer-mob ul {
  list-style: none;
  width: 100%;
  margin: 3% 0;
}
main .footer-mob ul li {
  font-size: 14px;
  margin-top: 1%;
  color: #ffffff;
}
main .footer-mob ul li a {
  color: #ffffff;
  text-decoration: none;
}
main .footer-mob ul li i {
  padding: 10px;
  margin-right: 2px;
  width: 40px;
  text-align: center;
  font-size: 20px;
}
main .footer-mob ul li.facebook a i {
  background: #3a5795;
}
main .footer-mob ul li.twitter a i {
  background: #55acee;
}
main .footer-mob ul li.google-plus a i {
  background: #e03522;
  font-size: 16px;
}
main .footer-mob ul li.googlePlus a i {
  background: #e03522;
  font-size: 16px;
}
main .footer-mob ul li.youtube a i {
  background: #b31217;
  font-size: 24px;
}
main .footer-mob ul li.instagram a i {
  background: #2a5b83;
}
main .footer-mob ul li.rssfeed a i {
  background: #ff6600;
}
main .footer-mob ul.informationen li,
main .footer-mob ul.quicklinks li {
  margin-top: 2%;
  margin-left: 1%;
}
main .footer-mob div.copyright,
main .footer-mob div.copyright2 {
  float: left;
  width: 50%;
  margin-top: 5%;
  color: #fff;
  font-size: 12px;
}
main .footer-mob div.copyright2 {
  text-align: right;
  margin-top: 7%;
}
main .footer-mob div.copyright3 {
  display: none;
}
main .footer-mob div span {
  display: block;
}
main .footer-mob div img.buli {
  width: 20%;
}
main .footer-mob div img.hertha-logo {
  width: auto!important;
}
main .aufmacher-meldungen {
  max-height: 720px;
}
main .aufmacher-meldungen img {
  width: 100%;
  max-width: 1280px;
  height: 100%;
}
main .content {
  display: inline-block;
  background: #fff;
  background: url("../img/skyline.png") no-repeat #ffffff;
  background-position-y: 100%;
  background-position: bottom;
  background-size: 100%;
  width: 100%;
  padding: 3%;
  min-height: 601px;
  position: relative;
  /*MELDUNG*/
  /*MELDUNG ENDE*/
  /*TERMINE*/
  /*TERMINE ENDE*/
  /*SPIELPLAN */
  /*SPIEPLAN ENDE*/
  /*TORSCHÜTZEN*/
  /*TORSCHÜTZEN ENDE*/
  /*NEWS ÜBERSICHT*/
  /*NEWS ÜBERSICHT ENDE*/
  /*SUCHE*/
  /*SUCHE ENDE*/
  /* NEWSLETTER NEU */
  /* NEWSLETTER NEU ENDE */
  /* Dauerkarten */
  /* Dauerkarten ende*/
  /*SPIELCENTER PAGE*/
  /*TOP SECTION*/
  /*TOP SECTION ENDE*/
  /*TELEGRAMM*/
  /*TELEGRAMM ENDE*/
  /*TICKER*/
  /*TICKER ENDE*/
  /*SPIELCENTER PAGE ENDE*/
  /*SOCIAL MEDIA BAR*/
  /*SOCIAL MEDIA BAR ENDE*/
  /*SPIELCENTER*/
  /*SPIELCENTER ENDE*/
}
main .content i {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  margin: 0px 3px;
}
main .content i.tor {
  background: url('../img/tor.png');
  background-size: 20px;
}
main .content i.rot {
  background: url('../img/rot.png');
  background-size: 20px;
}
main .content i.gelb {
  background: url('../img/gelb.png');
  background-size: 20px;
}
main .content i.gelb-rot {
  background: url('../img/gelb-rot.png');
  background-size: 20px;
}
main .content i.eigentor {
  background: url('../img/eigentor.png');
  background-size: 20px;
}
main .content i.pfeife {
  background: url('../img/pfeife.png');
  background-size: 20px;
}
main .content i.wechsel {
  background: url('../img/wechsel.png');
  background-size: 20px;
}
main .content i.verletzt {
  background: url('../img/verletzt.png');
  background-size: 20px;
}
main .content i.halbzeit {
  background: url('../img/halbzeit.png');
  background-size: 20px;
}
main .content i.tickets {
  background: url('../img/ticket.png');
  background-size: 20px;
  vertical-align: middle;
}
main .content i.betathome {
  background: url('../img/betathome.png');
  background-size: 100%;
  vertical-align: middle;
  width: 50%;
  height: 33px;
  background-repeat: no-repeat;
}
main .content i.spielc {
  background: url('../img/spielcenter.png');
  background-size: 20px;
  vertical-align: middle;
}
main .content .game-report {
  width: 100%;
}
main .content .game-report h3 {
  color: #0058a3;
  font-size: 15px;
  line-height: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 1% 0 2% 0;
}
main .content .game-report h3.img-headline {
  padding: 0 0 2% 0!important;
  font-size: 23px;
  line-height: 35px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #0058a3!important;
  text-transform: uppercase;
  clear: left;
}
main .content .game-report .text {
  text-align: left;
  font: 14px/20px Arial, Helvetica, sans-serif;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
main .content .game-report .text ul {
  margin-left: 5%;
  margin-bottom: 2%;
}
main .content .game-report .text ul li {
  color: #0058a3;
}
main .content .game-report .text ul li span {
  color: #000;
}
main .content .game-report .text .img {
  width: 100%;
}
main .content .game-report .text .img img {
  width: 100%;
  height: 100%;
}
main .content .game-report .text h4 {
  color: #0058a3;
  font-weight: bold;
  padding-bottom: 5px;
}
main .content .game-report .text a {
  color: #0058a3;
  font-weight: bold;
}
main .content .game-report .text .w2 {
  width: 100%;
  min-width: 842px;
  margin-bottom: 5px!important;
}
main .content .game-report .text .box.ri {
  float: right;
  margin-left: 20px;
}
main .content .game-report .text .box.le {
  float: left;
  margin-right: 20px;
}
main .content .game-report .text .box .bildtitel {
  width: 320px;
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
}
main .content .game-report .text .box .section {
  float: none;
  margin: 0;
}
main .content .game-report .text .box .diashow {
  position: relative;
  padding-top: 90px;
  margin: 20px 10px 0;
}
main .content .game-report .text .box .diashow .border1 {
  left: 0;
  top: 0;
  z-index: 3;
  height: 90px;
  width: 160px;
}
main .content .game-report .text .box .diashow .border1 span {
  height: 90px;
  width: 160px;
}
main .content .game-report .text .box .diashow .border2 {
  z-index: 2;
  top: 5px;
  left: 90px;
  height: 81px;
  width: 144px;
}
main .content .game-report .text .box .diashow .border2 span {
  height: 81px;
  width: 144px;
}
main .content .game-report .text .box .diashow .border3 {
  z-index: 1;
  top: 10px;
  left: 170px;
  height: 72px;
  width: 128px;
}
main .content .game-report .text .box .diashow .border3 span {
  height: 72px;
  width: 128px;
}
main .content .game-report .text .box .diashow .border1,
main .content .game-report .text .box .diashow .border2,
main .content .game-report .text .box .diashow .border3 {
  display: block;
  position: absolute;
}
main .content .game-report .text .box .diashow .border1 img,
main .content .game-report .text .box .diashow .border2 img,
main .content .game-report .text .box .diashow .border3 img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 1;
  border: 0;
}
main .content .game-report .text .box .diashow .border1 span,
main .content .game-report .text .box .diashow .border2 span,
main .content .game-report .text .box .diashow .border3 span {
  opacity: 0.4;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
main .content .game-report .text .box .diashow .border1 span:hover,
main .content .game-report .text .box .diashow .border2 span:hover,
main .content .game-report .text .box .diashow .border3 span:hover {
  opacity: 0.3;
}
main .content .game-report .text .box .diashow h5 {
  clear: both;
  text-align: left;
}
main .content .game-report .text .rubrik {
  float: left;
}
main .content .game-report .text .datum {
  float: right;
}
main .content .game-report .text .rubrik,
main .content .game-report .text .datum {
  color: #b2b2b2;
  font-size: 11px;
  margin-bottom: -4px;
}
main .content .game-report .text p {
  margin: 0;
  padding: 0 0 10px;
}
main .content .game-report .text p em {
  font-style: italic;
}
main .content .game-report .text p.bildtitel {
  text-align: center;
  color: #b2b2b2;
}
main .content .game-report .text .elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 480px ;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
main .content .game-report .text .elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .content .game-report .text .bildergalerie img {
  width: 100%;
  max-width: 276px;
  height: auto;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .game-report .text .bildergalerie img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .game-report .text input[type="submit"] {
  border: none;
  padding: 10px 15px;
  color: #ffffff;
  background: #0058a3;
  text-align: center;
  text-transform: uppercase;
  margin: 4% 0;
}
main .content .game-report .headline {
  clear: both;
}
main .content .tabelle-box table {
  width: 100%;
}
main .content .tabelle-box table tr {
  border-bottom: 1px solid #004286;
}
main .content .tabelle-box table tr:first-child {
  border-bottom: none!important;
}
main .content .tabelle-box table tr:last-child {
  border-bottom: 5px solid #004286;
}
main .content .tabelle-box table tr span {
  display: inline-block;
  vertical-align: middle;
}
main .content .tabelle-box table tr span img {
  width: 25px;
}
main .content .tabelle-box table tr span:first-child {
  margin-right: 4%;
}
main .content .tabelle-box table tr img {
  margin-right: 4%;
}
main .content .tabelle-box table tr th {
  text-align: left;
}
main .content .tabelle-box table tr td,
main .content .tabelle-box table tr th {
  padding: 10px 2px 10px 25px;
}
main .content .saison tr:first-child {
  text-align: left;
  border: none;
}
main .content .saison tr:last-child {
  border-bottom: 2px solid #004286;
}
main .content table {
  width: 100%;
}
main .content table tr {
  border-bottom: 1px solid #004286;
}
main .content table tr.highlight {
  color: #004286;
  font-weight: bold;
}
main .content table tr td.center {
  text-align: center;
}
main .content table thead {
  text-align: left;
}
main .content table thead tr {
  border: none;
}
main .content table td {
  padding: 14px 4px;
}
main .content table td.highlight {
  color: #004286;
  font-weight: bold;
}
main .content table td a {
  color: #000000;
}
main .content table.kontakt tr {
  border: none!important;
}
main .content table.kontakt tr td:first-child {
  color: #0058a3;
  font-weight: bold;
}
main .content table.kontakt tr td textarea {
  width: 100%;
  height: 100px;
}
main .content table.kontakt td {
  padding: 5px!important;
}
main .content .section {
  background: #fff;
  float: left;
  margin: 0 0px 20px 0;
  overflow: hidden;
  position: relative;
}
main .content .section .zitat {
  display: table-cell;
  vertical-align: middle;
}
main .content .section .zitat p {
  font-size: 18px;
  line-height: 28px;
  font-family: 'Roboto', sans-serif;
  color: #0058a3;
  font-weight: bold;
}
main .content .section .zitat .autor {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  display: block;
}
main .content .section .zitat .autor2 {
  display: block;
  font-size: 11px;
}
main .content .section .tabelle {
  border-collapse: collapse;
  color: #666;
  margin: 0 auto;
  font: 14px Arial, Helvetica, sans-serif;
  text-align: left;
}
main .content .section .tabelle th {
  font-weight: bold;
  color: #000;
  padding: 0 4px;
}
main .content .section .tabelle tr.bs_tabelle_ {
  font-size: 12px;
}
main .content .section h6,
main .content .section .sectionnav {
  font-size: 20px;
  line-height: 21px;
  font-family: 'Roboto', sans-serif;
  margin: 0 0 5px;
  text-transform: uppercase;
  height: 21px;
  color: #fff;
  background: #0058a3;
  font-weight: bold;
}
main .content .section h6 span {
  background: #FFFFFF;
  color: #0058a3;
  padding: 1px 5px 1px 0;
  float: left;
}
main .content .w1 {
  width: 320px;
}
main .content .w2 {
  min-width: 650px;
  width: 100%;
}
main .content .w2 .tabelle,
main .content .w3 .tabelle {
  line-height: 26px;
  width: 100%;
}
main .content .w2 .tabelle td,
main .content .w2 .tabelle th,
main .content .w3 .tabelle td,
main .content .w3 .tabelle th {
  padding: 0 4px;
}
main .content .w2 .tabelle td,
main .content .w3 .tabelle td {
  border-bottom: 1px solid #e7e7e7;
  border-top: 1px solid #f6f6f6;
}
main .content .w2 table.kader {
  margin-bottom: 5%;
}
main .content .w2 table.kader td {
  width: 50px;
}
main .content .w2 table.kader td:first-child {
  width: 4%!important;
}
main .content .w2 table.kader td:nth-child(3) {
  width: 40%!important;
}
main .content .w2 table.kader td.acenter {
  text-align: center;
}
main .content .w2 table.kader td.aright {
  text-align: right;
}
main .content .w2 table.kader td img.kader_img {
  position: relative;
  top: 5px;
}
main .content div#bs_tabelle {
  overflow: visible;
  height: 100%;
  width: 100%!important;
}
main .content div#bs_tabelle a#more_bs_tabelle {
  display: inline-block;
  color: #fff;
  float: right;
  font-size: 12px;
  padding-right: 10px;
}
main .content div#bs_tabelle .bs_tabelle_ img {
  padding: 0 10px 0 0;
}
main .content div#bs_tabelle thead {
  display: table-header-group !important;
}
main .content div#bs_tabelle thead tr {
  border-bottom: none!important;
}
main .content .h1 {
  height: 180px;
}
main .content .h1 .zitat {
  height: 154px;
}
main .content h2 {
  font-size: 23px;
  line-height: 35px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #0058a3;
  text-transform: uppercase;
  clear: left;
}
main .content h2.uebersicht {
  width: 50%;
  float: left;
  display: inline-block;
  margin-bottom: 2%;
}
main .content .spielerprofil {
  overflow: hidden;
  margin: 0 0 40px;
  background: url('../img/spielerprofil_db.png?v=20160426v2') 0 0 repeat;
}
main .content .spielerprofil .headline {
  float: left;
  width: 32%;
  overflow: hidden;
  text-align: right;
  padding: 15% 5%;
}
main .content .spielerprofil .headline .nr {
  font-size: 64px;
  line-heigh: 64px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #ffffff;
}
main .content .spielerprofil .headline h2 {
  color: #ffffff;
}
main .content .spielerprofil .headline .position {
  font: 18px/29px Arial, sans-serif;
  color: #ffffff;
}
main .content .spielerprofil figure {
  margin: 0;
  padding: 0;
  width: 30%;
  float: left;
}
main .content .spielerprofil figure img {
  display: block;
  width: 100%;
  height: auto;
}
main .content .spielerprofil .stammdaten {
  float: left;
  width: 38%;
  padding: 10px 5%;
}
main .content .spielerprofil .stammdaten table {
  width: 100%;
  color: #ffffff;
}
main .content .spielerprofil .stammdaten table td.highlight {
  color: #ffffff;
}
main .content .spielerprofil .stammdaten table tr.autogramm {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
main .content .spielerprofil .stammdaten table tr.autogramm td a {
  color: #007dff !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .spielerprofil .stammdaten table tr.autogramm td a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .opta-wrapper .profile-container {
  display: none;
}
main .content form.filter {
  width: 50%;
  float: right;
  padding-right: 5%;
  box-sizing: border-box;
  text-align: right;
  padding-top: 1%;
}
main .content form.filter select {
  background: url("../img/select-arrow.png") no-repeat #0058a3;
  background-position: right;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  border: none;
  width: auto;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px 35px 5px 5px;
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 2%;
}
main .content form.filter select::-ms-expand {
  display: none;
}
main .content .select_nav {
  width: 100%;
  display: block;
  background: #0058a3;
  list-style: none;
  overflow: hidden;
  margin: 4% 0;
}
main .content .select_nav li {
  float: left;
  display: inline-block;
}
main .content .select_nav li a {
  color: #fff;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  padding: 5px 10px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .select_nav li a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .dia_nav {
  height: 50px;
  color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  float: left;
  z-index: 1;
}
main .content .dia_nav li {
  display: block;
  height: 100%;
  float: left;
  width: 20%;
  background: #0058a3;
  display: none;
}
main .content .dia_nav li:first-child {
  display: inline-block;
}
main .content .dia_nav li a {
  padding: 6px 10px 0 15px;
  color: #fff;
  height: 40px;
  display: block;
  text-decoration: none;
  background: url("../img/dia_arrow.png") no-repeat center 32px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 25px;
}
main .content .dia_nav li.active,
main .content .dia_nav li:hover {
  background: #007dff;
}
main .content .dia_nav .dia_secnav {
  display: none;
  position: relative;
  height: auto;
  margin: 10px 0 0 00px;
  padding: 5px 8px;
  background: none repeat scroll 0 0 rgba(4, 79, 157, 0.8);
  border-left: 1px solid #044F9D;
  border-right: 1px solid #044F9D;
  border-bottom: 1px solid #044F9D;
  z-index: 1;
}
main .content .dia_nav .dia_secnav li {
  float: none;
  background: #044F9D;
  opacity: 1;
  font: 14px Arial, sans-serif;
  text-transform: none;
  border: 1px solid #347CC8;
  margin: 0 0 2px;
  min-width: inherit;
  list-style: none;
  width: 100%;
  display: block;
  height: 100%;
}
main .content .dia_nav .dia_secnav li a {
  padding: 3px;
  background: 0;
  height: auto;
  min-height: 15px;
  max-height: 30px;
  width: auto;
  line-height: 14px;
}
main .content .dia_nav .dia_secnav li.active,
main .content .dia_nav .dia_secnav li:hover {
  background: #007dff;
}
main .content .left {
  display: inline-block;
  float: left;
  width: 70%;
}
main .content .left .section a.link_more {
  float: right;
  color: #fff;
  font-size: 13px;
  padding-right: 10px;
}
main .content .left h3 {
  color: #0058a3;
  font-size: 15px;
  line-height: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  padding: 1% 0 2% 0;
}
main .content .left h3.img-headline {
  padding: 0 0 2% 0!important;
  font: 23px/35px 'HelveticaNeueCB' !important;
  color: #0058a3!important;
  text-transform: uppercase;
  clear: left;
}
main .content .left .fold {
  background-color: #bbbbbb;
  padding: 5px;
}
main .content .left .fold h4 {
  cursor: pointer;
}
main .content .left .fold .box {
  display: none;
}
main .content .left .fold p {
  display: none;
}
main .content .left .text {
  text-align: left;
  font: 14px/20px Arial, Helvetica, sans-serif;
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
}
main .content .left .text ul {
  margin-left: 5%;
  margin-bottom: 2%;
}
main .content .left .text ul li {
  color: #0058a3;
}
main .content .left .text ul li span {
  color: #000;
}
main .content .left .text .img {
  width: 100%;
}
main .content .left .text .img img {
  width: 100%;
  height: 100%;
}
main .content .left .text h4 {
  color: #0058a3;
  font-weight: bold;
  padding-bottom: 5px;
}
main .content .left .text a {
  color: #0058a3;
  font-weight: bold;
}
main .content .left .text .w2 {
  width: 100%;
  min-width: 842px;
  margin-bottom: 5px!important;
}
main .content .left .text .box.ri {
  float: right;
  margin-left: 20px;
}
main .content .left .text .box.le {
  float: left;
  margin-right: 20px;
}
main .content .left .text .box .bildtitel {
  width: 320px;
  font-size: 12px;
  color: #b2b2b2;
  text-align: center;
}
main .content .left .text .box .section {
  float: none;
  margin: 0;
}
main .content .left .text .box .section .factbox .slick-next {
  background-position: 0px -369px;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .left .text .box .section .factbox .slick-prev {
  background-position: 0px -344px;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .left .text .box .section .factbox .facts {
  padding: 15px 30px;
}
main .content .left .text .box .section .factbox .facts a {
  color: #007dff;
}
main .content .left .text .box .diashow {
  position: relative;
  padding-top: 90px;
  margin: 20px 10px 0;
}
main .content .left .text .box .diashow .border1 {
  left: 0;
  top: 0;
  z-index: 3;
  height: 90px;
  width: 160px;
}
main .content .left .text .box .diashow .border1 span {
  height: 90px;
  width: 160px;
}
main .content .left .text .box .diashow .border2 {
  z-index: 2;
  top: 5px;
  left: 90px;
  height: 81px;
  width: 144px;
}
main .content .left .text .box .diashow .border2 span {
  height: 81px;
  width: 144px;
}
main .content .left .text .box .diashow .border3 {
  z-index: 1;
  top: 10px;
  left: 170px;
  height: 72px;
  width: 128px;
}
main .content .left .text .box .diashow .border3 span {
  height: 72px;
  width: 128px;
}
main .content .left .text .box .diashow .border1,
main .content .left .text .box .diashow .border2,
main .content .left .text .box .diashow .border3 {
  display: block;
  position: absolute;
}
main .content .left .text .box .diashow .border1 img,
main .content .left .text .box .diashow .border2 img,
main .content .left .text .box .diashow .border3 img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  z-index: 1;
  border: 0;
}
main .content .left .text .box .diashow .border1 span,
main .content .left .text .box .diashow .border2 span,
main .content .left .text .box .diashow .border3 span {
  opacity: 0.4;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
main .content .left .text .box .diashow .border1 span:hover,
main .content .left .text .box .diashow .border2 span:hover,
main .content .left .text .box .diashow .border3 span:hover {
  opacity: 0.3;
}
main .content .left .text .box .diashow h5 {
  clear: both;
  text-align: left;
}
main .content .left .text .rubrik {
  float: left;
}
main .content .left .text .datum {
  float: right;
}
main .content .left .text .rubrik,
main .content .left .text .datum {
  color: #b2b2b2;
  font-size: 11px;
  margin-bottom: -4px;
}
main .content .left .text p {
  margin: 0;
  padding: 0 0 10px;
}
main .content .left .text p em {
  font-style: italic;
}
main .content .left .text p.bildtitel {
  text-align: center;
  color: #b2b2b2;
}
main .content .left .text .elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 480px ;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
}
main .content .left .text .elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main .content .left .text .bildergalerie img {
  width: 100%;
  max-width: 276px;
  height: auto;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .left .text .bildergalerie img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .left .text input[type="submit"] {
  border: none;
  padding: 10px 15px;
  color: #ffffff;
  background: #0058a3;
  text-align: center;
  text-transform: uppercase;
  margin: 4% 0;
}
main .content .left .headline {
  clear: both;
}
main .content .right {
  display: inline-block;
  float: left;
  width: 30%;
  padding-left: 2%;
}
main .content .right .interactive .social_nav {
  background: #000;
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
main .content .right .interactive .social_nav li {
  display: inline-block;
  width: 63px;
  border-bottom: 1px solid #333;
  text-align: center;
  list-style: none;
  float: left;
  padding: 10px 0;
}
main .content .right .interactive .social_nav li a {
  display: block;
  margin: 0 auto;
}
main .content .right .interactive .social_nav li a i {
  color: #fff;
  padding: 7px;
  width: 60%;
  font-size: 22px;
  text-align: center;
  height: 35px;
}
main .content .right .interactive .social_nav li a i.fa-facebook {
  background: #3a5795;
}
main .content .right .interactive .social_nav li a i.fa-youtube {
  background: #b31217;
}
main .content .right .interactive .social_nav li a i.fa-twitter {
  background: #55acee;
}
main .content .right .interactive .social_nav li a i.fa-instagram {
  background: #2a5b83;
}
main .content .right .interactive .social_nav li a i.fa-google-plus {
  background: #e03522;
}
main .content .right .interactive .social_nav li a i.fa-googlePlus {
  background: #e03522;
}
main .content .right .interactive .social_nav li.active {
  background: #1a1a1a;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-bottom: 0!important;
}
main .content .right .interactive .social .feed {
  background: #1a1a1a;
  display: block;
  overflow: auto;
  height: 320px;
}
main .content .right .interactive .social .feed .fb_iframe_widget {
  display: inline-block;
  position: relative;
}
main .content .right .interactive .social .feed .fb_iframe_widget span {
  display: inline-block;
  position: relative;
  text-align: justify;
}
main .content .right .interactive .social .feed .kyco_googleplusfeed a {
  color: #fff!important;
}
main .content .right .interactive .social .feed .kyco_googleplusfeed .feed_post p {
  color: #fff!important;
}
main .content .right .interactive .social .feed .kyco_googleplusfeed .feed_content:hover {
  padding-right: 27px!important;
  overflow-y: hidden!important;
}
main .content .right .interactive .social .feed .kyco_googleplusfeed .feed_post > a {
  color: #b2b2b2 !important;
}
main .content .right .interactive .social .feed .kyco_googleplusfeed:hover .feed_post > a {
  color: #b2b2b2 !important;
}
main .content .right .interactive .yt_video {
  height: 70px;
  width: 300px;
  margin-bottom: 20px;
  position: relative;
  text-decoration: none;
  display: block;
  clear: both;
}
main .content .right .interactive .yt_video img {
  cursor: pointer;
  display: block;
  float: left;
  margin: 5px 10px 0 5px;
  border: none;
}
main .content .right .interactive .yt_video span {
  margin: 0;
  font-size: 12px;
  line-height: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  color: #888;
  text-decoration: none;
  padding: 20px 0 0;
  display: block;
  text-align: left;
}
main .content .right .livecenter {
  width: 100%;
  display: inline-block;
}
main .content .right .livecenter ul {
  display: inline-block;
  width: 100%;
}
main .content .right .livecenter ul li {
  width: 33.33%;
  float: left;
  list-style: none;
}
main .content .right .livecenter ul li:first-child {
  width: 50%!important;
  text-align: left;
  font-weight: bold;
  margin: 15px 0;
}
main .content .right .livecenter ul li:nth-child(2) {
  width: 50%!important;
  text-align: right;
  font-weight: bold;
  margin: 15px 0;
}
main .content .right .livecenter ul li:nth-child(4) {
  text-align: center;
  color: #b2b2b2;
  font-weight: bold;
}
main .content .right .livecenter ul li:nth-child(4) div.scores {
  color: #0058a3;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 0;
}
main .content .right .livecenter ul li:nth-child(4) span {
  line-height: 20px;
}
main .content .right .livecenter ul li:nth-child(3),
main .content .right .livecenter ul li:nth-child(5) {
  text-align: center;
}
main .content .right .livecenter ul li:last-child {
  width: 100%;
  text-align: center;
  margin-top: 3%;
}
main .content .right .livecenter ul li:last-child a {
  border: 2px solid #0058a3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 8px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: #0058a3;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .right .livecenter ul li:last-child a:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .right .livecenter ul li img {
  width: 90%;
}
main .content .right .werbung {
  width: 100%;
  text-align: center;
}
main .content .right .werbung img {
  width: 100%;
}
main .content .right .section .presse p {
  padding: 10px 0;
}
main .content .right .section .presse p > span {
  display: block;
  padding: 3px 0;
}
main .content .right .section .presse p a {
  color: #007dff;
  font-weight: bold;
}
main .content .right .section .presse div {
  display: block;
  width: 100%;
  text-align: center;
}
main .content .right .section .presse div .link {
  border: 2px solid #007dff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #007dff;
  display: inline-block;
  width: 50%;
  margin: 2% 0;
  padding: 10px 5px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .right .section .presse div .link:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .right .section .trend h2 {
  background: #0058A3;
  color: #fff;
  padding: 3px 5px;
  margin: 10px 0;
  font: 14px/20px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
}
main .content .right .section .trend .antworten {
  text-align: center;
  width: 100%;
}
main .content .right .section .trend ul {
  font-size: 12px;
  font-weight: bold;
  list-style: inside upper-alpha;
  margin: 0;
  padding: 0;
  color: #888;
  text-align: left;
}
main .content .right .section .trend ul li {
  margin-bottom: 4px;
  padding: 3px 0;
}
main .content .right .section .trend ul li a {
  text-decoration: none;
  color: #0058A3;
}
main .content .right .section .trend ul li:hover a {
  text-decoration: underline;
}
main .content .right .section .trend ul li:hover .prozent {
  width: 100%!important;
}
main .content .right .section .trend ul li:hover .prozent a {
  font-size: 9px;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 12px;
  text-transform: uppercase;
}
main .content .right .section .trend ul li:hover .prozentanzahl {
  display: none;
}
main .content .right .section .trend ul li .prozentanzahl {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: right;
  line-height: 12px;
  text-transform: uppercase;
  padding-right: 1px;
}
main .content .right .section .trend ul li.active {
  background: #EEE;
}
main .content .right .section .trend ul li.active a {
  color: #007dff;
}
main .content .right .section .trend ul li.active .prozentanzahl {
  background: #007dff;
}
main .content .right .section .trend ul .balken {
  float: right;
  width: 90px;
  height: 12px;
  background: #CCC;
  margin-right: 5px;
}
main .content .right .section .trend ul .prozent {
  height: 12px;
  background: #0058A3;
}
main .content .right .section .trend ul .prozent a {
  display: none;
}
main .content .right .section .trend .anz_stimmen {
  font-size: 12px;
  font-weight: bold;
}
main .content .right .section .trend .captcha-conf {
  margin: 10px 0;
}
main .content .right .section .trend .captcha-conf .g-recaptcha > div {
  margin: 0 auto;
}
main .content .right .section .trend .button_trend_abstimmen {
  color: #FFF;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 13px;
  background: #007dff;
  display: inline-block;
  font-weight: bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 0 10px 0;
}
main .content .right .section h6 a.link {
  display: inline-block;
  color: #fff;
  float: right;
  font-size: 12px;
  padding-right: 10px;
}
main .content .right .auswaertsfahrten {
  background: url('../img/deu_karte.gif') 0 0 no-repeat;
  height: 366px;
  width: 283px;
  float: right;
  position: relative;
  margin-top: 0px;
  padding-right: 20px;
}
main .content .right .auswaertsfahrten img {
  height: 40px;
  width: 40px;
  border: none;
}
main .content .right .auswaertsfahrten .verein {
  position: absolute;
  opacity: 0.3;
  border: none;
  z-index: 1;
}
main .content .right .auswaertsfahrten .verein:hover {
  opacity: 1;
  z-index: 2;
}
main .content .right .auswaertsfahrten .verein.active {
  opacity: 1;
  z-index: 2;
}
main .content .right .auswaertsfahrten .verein.active img {
  height: 50px!important;
  width: 50px!important;
  margin-left: -5px !important;
  margin-top: -5px !important;
}
main .content .right .auswaertsfahrten .verein.hertha {
  top: 72px;
  left: 207px;
}
main .content .right .auswaertsfahrten .verein.fuerth {
  top: 227px;
  left: 130px;
}
main .content .right .auswaertsfahrten .verein.fc_union_berlin {
  top: 102px;
  left: 210px;
}
main .content .right .auswaertsfahrten .verein.cottbus {
  top: 130px;
  left: 215px;
}
main .content .right .auswaertsfahrten .verein.erzgebirge_aue {
  top: 165px;
  left: 182px;
}
main .content .right .auswaertsfahrten .verein.fc_ingolstadt {
  top: 258px;
  left: 145px;
}
main .content .right .auswaertsfahrten .verein.tsv_muenchen {
  top: 298px;
  left: 173px;
}
main .content .right .auswaertsfahrten .verein.fc_augsburg {
  top: 280px;
  left: 133px;
}
main .content .right .auswaertsfahrten .verein.fsv_frankfurt {
  top: 200px;
  left: 80px;
}
main .content .right .auswaertsfahrten .verein.ksc {
  top: 255px;
  left: 80px;
}
main .content .right .auswaertsfahrten .verein.alemannia_aachen {
  top: 195px;
  left: 20px;
}
main .content .right .auswaertsfahrten .verein.fortuna_duesseldorf {
  top: 160px;
  left: 30px;
}
main .content .right .auswaertsfahrten .verein.msv_duisburg {
  top: 115px;
  left: 45px;
}
main .content .right .auswaertsfahrten .verein.vfl_osnabrueck {
  top: 88px;
  left: 60px;
}
main .content .right .auswaertsfahrten .verein.oberhausen {
  top: 83px;
  left: 96px;
}
main .content .right .auswaertsfahrten .verein.arminia_bielefeld {
  top: 77px;
  left: 120px;
}
main .content .right .auswaertsfahrten .verein.sc_paderborn {
  top: 112px;
  left: 105px;
}
main .content .right .auswaertsfahrten .verein.vfl_bochum {
  top: 145px;
  left: 82px;
}
main .content .right .auswaertsfahrten .verein.fc_koeln {
  top: 175px;
  left: 50px;
}
main .content .right .auswaertsfahrten .verein.kaiserslautern {
  top: 240px;
  left: 50px;
}
main .content .right .auswaertsfahrten .verein.aalen {
  top: 270px;
  left: 110px;
}
main .content .right .auswaertsfahrten .verein.sandhausen {
  top: 250px;
  left: 73px;
}
main .content .right .auswaertsfahrten .verein.regensburg {
  top: 260px;
  left: 172px;
}
main .content .right .auswaertsfahrten .verein.braunschweig {
  top: 100px;
  left: 130px;
}
main .content .right .auswaertsfahrten .verein.dresden {
  top: 155px;
  left: 225px;
}
main .content .right .auswaertsfahrten .verein.stpauli {
  top: 40px;
  left: 110px;
}
main .content .right .auswaertsfahrten .verein.hertha {
  top: 72px;
  left: 207px;
}
main .content .right .auswaertsfahrten .verein.bayern_muenchen {
  top: 290px;
  left: 180px;
}
main .content .right .auswaertsfahrten .verein.eintracht_braunschweig {
  top: 115px;
  left: 115px;
}
main .content .right .auswaertsfahrten .verein.hoffenheim {
  top: 255px;
  left: 75px;
}
main .content .right .auswaertsfahrten .verein.augsburg {
  top: 280px;
  left: 160px;
}
main .content .right .auswaertsfahrten .verein.werder {
  top: 80px;
  left: 70px;
}
main .content .right .auswaertsfahrten .verein.mainz {
  top: 225px;
  left: 50px;
}
main .content .right .auswaertsfahrten .verein.stuttgart {
  top: 270px;
  left: 90px;
}
main .content .right .auswaertsfahrten .verein.wolfsburg {
  top: 90px;
  left: 135px;
}
main .content .right .auswaertsfahrten .verein.fc_nuernberg {
  top: 235px ;
  left: 175px ;
}
main .content .right .auswaertsfahrten .verein.hannover {
  top: 90px;
  left: 100px;
}
main .content .right .auswaertsfahrten .verein.m_gladbach {
  top: 170px;
  left: 15px;
}
main .content .right .auswaertsfahrten .verein.hsv {
  top: 15px;
  left: 95px;
}
main .content .right .auswaertsfahrten .verein.eintracht_frankfurt {
  top: 220px;
  left: 80px;
}
main .content .right .auswaertsfahrten .verein.freiburg {
  top: 310px;
  left: 45px;
}
main .content .right .auswaertsfahrten .verein.schalke {
  top: 135px;
  left: 20px;
}
main .content .right .auswaertsfahrten .verein.leverkusen {
  top: 170px;
  left: 55px;
}
main .content .right .auswaertsfahrten .verein.borussia_dortmund {
  top: 135px;
  left: 50px;
}
main .content .right .auswaertsfahrten .verein.rbleipzig {
  top: 130px;
  left: 170px;
}
main .content .right .auswaertsfahrten .verein.darmstadt {
  top: 230px;
  left: 92px;
}
main .content .right .text > ul {
  list-style: inherit;
  padding-left: 30px;
}
main .content .right .text > ul a {
  font-size: 13px;
  color: #0058a3;
  font-weight: bold;
}
main .content .right .shopbox .slick-slide img {
  width: auto!important;
  max-width: 320px;
}
main .content .right .shopbox .slick-next {
  background-position: 0px -369px;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .right .shopbox .slick-prev {
  background-position: 0px -344px;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .right .shopbox a.shop {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  text-decoration: none;
}
main .content .right .shopbox h3 {
  width: auto;
  display: inline-block;
  position: absolute;
  bottom: 15px;
  right: 40px;
  margin: 0;
  z-index: 2;
  font-size: 15px;
  text-align: right;
  color: #fff;
  line-height: 20px;
  background: #0058A3;
  padding: 5px;
}
main .content .right .shopbox h2 {
  position: absolute;
  bottom: 47px;
  right: 40px;
  margin: 0;
  z-index: 2;
  font-size: 18px;
}
main .content .right .shopbox img {
  margin-left: 20px;
}
main .content .right .factbox .slick-next {
  background-position: 0px -369px !important;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .right .factbox .slick-prev {
  background-position: 0px -344px !important;
  width: 19px;
  height: 30px;
  background-size: 140%;
}
main .content .right .factbox .facts {
  padding: 10px 50px;
}
main .content .right .factbox .facts a {
  color: #007dff;
}
main .content .right #map_canvas {
  height: 500px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 12px;
  line-height: normal;
  font-family: Arial, sans-serif;
  text-align: left;
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
  background-color: #e5e3df;
}
main .content .right .fanclubs_search {
  margin-bottom: 4%;
}
main .content .right .fanclubs_search a {
  float: right;
  font: normal 11px Arial, Helvetica, sans-serif;
  background: #0058A3;
  padding: 3px 9px;
  margin: 0 3px 0 0;
  color: #fff;
  text-decoration: none;
}
main .content .tabelle {
  width: 90%;
  margin: 3% 0;
}
main .content .tabelle tr {
  border-bottom: 1px solid #004286;
}
main .content .tabelle tr.highlight {
  color: #004286;
  font-weight: bold;
}
main .content .tabelle td {
  padding: 14px 4px;
}
main .content .spielplan {
  margin-top: 2%;
}
main .content .spielplan img {
  width: 25px;
  vertical-align: middle;
  margin-right: 3%;
}
main .content .spielplan img.bah {
  width: 100%!important;
  margin-right: 0!important;
  max-width: 70px;
}
main .content .spielplan td.hertha {
  font-weight: bold;
  color: #0058a3;
}
main .content span.info {
  font-weight: bold;
  padding: 25px 0px;
  display: block;
  width: 100%;
  float: left;
}
main .content .torschuetzen {
  margin-top: 2%;
}
main .content .torschuetzen img {
  vertical-align: middle;
}
main .content .torschuetzen tr {
  text-align: center;
}
main .content .torschuetzen thead th {
  text-align: center;
}
main .content .torschuetzen td:nth-child(4) {
  text-align: left;
}
main .content .newsbox {
  padding-right: 5%;
}
main .content .newsbox .teaser {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 2% 0;
}
main .content .newsbox .teaser > a {
  display: block;
  float: left;
  margin-right: 2%;
  width: 18%;
}
main .content .newsbox .teaser > a img {
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .newsbox .teaser > a img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .newsbox .teaser div {
  color: #b2b2b2;
  font-weight: lighter;
  font-size: 13px;
}
main .content .newsbox .teaser div.rubrik {
  display: inline-block;
}
main .content .newsbox .teaser div.datum {
  display: inline-block;
  float: right;
}
main .content .newsbox .teaser h3 {
  padding: 1% 0 0 0!important;
}
main .content .newsbox .teaser h3 a {
  display: block;
  color: #0058a3;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .newsbox .teaser h3 a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .newsbox .teaser p {
  font-size: 13px;
}
main .content .paging {
  margin: 5% 0;
  padding-right: 5%;
  display: inline-block;
  width: 100%;
}
main .content .paging a {
  color: #0058a3;
}
main .content .paging a.newsbox_next {
  text-align: right;
}
main .content .paging div {
  width: 33.33%;
  display: inline-block;
  float: left;
}
main .content .paging div.seiten {
  text-align: center;
  color: #000000;
  font-size: 13px;
}
main .content .searchForm {
  display: block;
  padding-right: 5%;
}
main .content .searchForm form {
  width: 100%;
  display: inline-block;
  margin-bottom: 1%;
}
main .content .searchForm form label {
  float: left;
  display: inline-block;
  margin-right: 25%;
  color: #0058a3;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 18px;
}
main .content .searchForm form input[type="text"] {
  float: left;
  display: inline-block;
  width: 50%;
  padding: 2px 5px;
}
main .content .searchForm form input[type="submit"] {
  display: inline-block;
  float: right;
  border: none;
  background: #0058a3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #ffffff;
  text-transform: uppercase;
  padding: 4px 5px;
  width: 10%;
  cursor: pointer;
}
main .content .searchForm p {
  margin: 1% 0 5% 0;
  font-size: 14px;
}
main .content .searchForm p.hidde {
  display: none;
}
main .content .newsletter-spieler {
  width: 100%;
  position: relative;
}
main .content .newsletter-spieler h1 {
  color: #004286;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 23px;
  margin-bottom: 20px;
}
main .content .newsletter-spieler span {
  font-family: 'Roboto', sans-serif;
  color: #004286;
  margin: 10px 0;
  display: block;
}
main .content .newsletter-spieler form {
  z-index: 1;
}
main .content .newsletter-spieler form table.newsletter tbody tr {
  border: none;
}
main .content .newsletter-spieler form table.newsletter tbody tr td {
  padding: 5px 0;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.w100 {
  width: 100%;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.w50 {
  width: 50%;
  float: left;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.w50:nth-child(1) {
  padding-right: 1%;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.w80ca {
  width: calc(99% - 104px);
  float: left;
  padding-right: 1%;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.verimi {
  width: 104px;
  float: left;
}
main .content .newsletter-spieler form table.newsletter tbody tr td.verimi img {
  height: 40px;
  width: 104px;
  border: none;
}
main .content .newsletter-spieler form table.newsletter tbody tr td input,
main .content .newsletter-spieler form table.newsletter tbody tr td select,
main .content .newsletter-spieler form table.newsletter tbody tr td button {
  border: 1px solid #004286;
  height: 40px;
  padding: 10px;
  width: 100%;
  background: transparent;
  font-size: 14px;
}
main .content .newsletter-spieler form table.newsletter tbody tr td input::placeholder,
main .content .newsletter-spieler form table.newsletter tbody tr td select::placeholder,
main .content .newsletter-spieler form table.newsletter tbody tr td button::placeholder {
  color: #b2b2b2;
}
main .content .newsletter-spieler form table.newsletter tbody tr td button[type="submit"] {
  background: #EF6869;
  color: white;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}
main .content .newsletter-spieler form table.newsletter tbody tr td span.zusatz {
  font-size: 12px;
}
main .content .newsletter-spieler form table.newsletter tbody tr td span.zusatz a {
  text-decoration: none;
  font-weight: bold;
  color: #004286;
}
main .content .newsletter-spieler form .error {
  margin: 15px 0 3px 0;
  color: #e30613;
  font-size: 8pt;
}
main .content .newsletter-spieler.bestaetigung {
  min-height: 1050px;
  background: url(../img/newsletter_spieler_2-20p.png) top center;
  background-size: 100%;
  background-position-y: -70px;
  background-repeat: no-repeat;
}
main .content .newsletter-spieler.bestaetigung h1 {
  padding: 100px 50px;
  font-size: 30px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
}
main .content .dauerkarten_form thead tr th {
  padding: 30px 0 10px 0;
}
main .content .dauerkarten_form tbody tr {
  border: none;
}
main .content .dauerkarten_form tbody tr td {
  padding: 5px 0!important;
}
main .content .dauerkarten_form tbody tr td.w100 {
  width: 100%;
}
main .content .dauerkarten_form tbody tr td.w50 {
  width: 50%;
  float: left;
}
main .content .dauerkarten_form tbody tr td.w50:nth-child(1) {
  padding-right: 1%!important;
}
main .content .dauerkarten_form tbody tr td input,
main .content .dauerkarten_form tbody tr td select,
main .content .dauerkarten_form tbody tr td button {
  border: 1px solid #004286;
  height: 40px;
  padding: 10px;
  width: 100%;
  background: transparent;
  font-size: 14px;
}
main .content .dauerkarten_form tbody tr td input::placeholder,
main .content .dauerkarten_form tbody tr td select::placeholder,
main .content .dauerkarten_form tbody tr td button::placeholder {
  color: #b2b2b2;
}
main .content .dauerkarten_form tbody tr td input.pflichtfeld::placeholder,
main .content .dauerkarten_form tbody tr td select.pflichtfeld::placeholder,
main .content .dauerkarten_form tbody tr td button.pflichtfeld::placeholder {
  font-weight: bold;
}
main .content .dauerkarten_form tbody tr td input[type="checkbox"],
main .content .dauerkarten_form tbody tr td select[type="checkbox"],
main .content .dauerkarten_form tbody tr td button[type="checkbox"] {
  width: auto;
  height: auto;
}
main .content .dauerkarten_form tbody tr td input.error,
main .content .dauerkarten_form tbody tr td select.error,
main .content .dauerkarten_form tbody tr td button.error {
  border-color: #EF6869;
}
main .content .dauerkarten_form tbody tr td label {
  font-weight: normal!important;
}
main .content .dauerkarten_form tbody tr td label.error {
  color: #EF6869;
}
main .content .dauerkarten_form tbody tr td button[type="submit"] {
  background: #EF6869;
  color: white;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}
main .content .dauerkarten_form tbody tr td.zusatz {
  font-size: 12px;
  color: #004286;
  padding: 10px 0!important;
}
main .content .dauerkarten_form tbody tr td.zusatz.klein {
  font-size: 10px;
}
main .content .dauerkarten_form tbody tr td.zusatz a {
  text-decoration: none;
  font-weight: bold;
  color: #004286;
}
main .content .dauerkarten_form tbody tr td .hinweis {
  color: #EF6869;
  font-weight: bold;
  font-size: 12px;
}
main .content .top-section {
  display: inline-block;
  width: 100%;
}
main .content .top-section .headline {
  width: 50%;
  float: left;
}
main .content .top-section .headline h2 {
  color: #0058a3;
  font-size: 23px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}
main .content .top-section .presentedby {
  width: 50%;
  float: left;
  position: relative;
}
main .content .top-section .presentedby h3 {
  float: left;
  text-align: right;
  width: 65%;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  color: #0058a3;
}
main .content .top-section .presentedby a {
  width: 30%;
  display: inline-block;
  float: right;
  position: absolute;
  right: 0;
  top: -20px;
}
main .content .top-section .presentedby a img {
  float: right;
  width: 100%;
}
main .content .telegramm .telegramm_slider .slick-prev {
  background-position: 0 -222px !important;
  height: 40px!important;
  top: 33%!important;
  background-color: #fff!important;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
main .content .telegramm .telegramm_slider .slick-next {
  background-position: 0 -266px !important;
  height: 40px!important;
  top: 33%!important;
  background-color: #fff!important;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
main .content .telegramm .telegramm_container {
  position: relative;
  margin-top: 120px;
  margin-bottom: 240px;
  padding: 0 70px;
}
main .content .telegramm .telegramm_container .telegramm_leiste {
  width: 100%;
  height: 10px;
  background-color: #E1E1E1;
  margin: auto;
  position: relative;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_live {
  height: 10px;
  background-color: #E41800;
  border-radius: 4px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert {
  margin-left: -10px;
  position: absolute;
  width: 20px;
  top: 0;
  height: 50px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event .telegramm_event_kreis,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert .telegramm_event_kreis {
  background: white;
  border: 1px solid #ccc;
  width: 8px;
  height: 20px;
  margin: -5px 0 0 5px;
  box-sizing: border-box;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event .heimlogo,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert .heimlogo {
  position: absolute;
  top: -90px;
  left: -2px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event .heimlogo img,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert .heimlogo img {
  width: 25px;
  height: 25px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event .gastlogo,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert .gastlogo {
  position: absolute;
  top: 55px;
  left: -2px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event .gastlogo img,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert .gastlogo img {
  width: 25px;
  height: 25px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event.gast p,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert.gast p {
  margin-top: 5px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a {
  position: absolute;
  left: -4px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:first-child,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:first-child {
  top: -55px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:nth-child(2),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:nth-child(2) {
  top: -85px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:nth-child(3),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:nth-child(3) {
  top: -115px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:nth-child(4),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:nth-child(4) {
  top: -145px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:nth-child(5),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:nth-child(5) {
  top: -175px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.home a:nth-child(6),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.home a:nth-child(6) {
  top: -205px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a {
  position: absolute;
  left: -4px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:first-child,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:first-child {
  top: 45px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:nth-child(2),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:nth-child(2) {
  top: 75px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:nth-child(3),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:nth-child(3) {
  top: 105px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:nth-child(4),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:nth-child(4) {
  top: 135px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:nth-child(5),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:nth-child(5) {
  top: 165px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event span.guest a:nth-child(6),
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert span.guest a:nth-child(6) {
  top: 195px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event p,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert p {
  font-size: 14px;
  margin-top: -40px;
  text-align: center;
  color: #ccc;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip:before,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a.tooltip:before,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip:after,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a.tooltip:after {
  margin-left: -5px;
  text-transform: none;
  font-size: 15px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a:link,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a:link,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a:visited,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a:visited,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a:hover,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a:hover,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a:active,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a:active,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a:focus,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a:focus {
  text-decoration: none;
  color: #E41800;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip.bottom:before,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a.tooltip.bottom:before {
  border-width: 0 5px 8.7px 5px;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  top: 0px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip.animate:after,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a.tooltip.animate:after,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip.animate:before,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert 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;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip:before,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert a.tooltip:before {
  position: absolute;
  z-index: 999;
  visibility: hidden;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0px;
  opacity: 0;
  content: "";
  border-style: solid;
  border-width: 6px 6px 0 6px;
  margin-left: 20px;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event a.tooltip:after,
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_invert 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);
  font-size: 14px;
  text-transform: uppercase;
  margin-left: 20px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event.gast.additionalevent {
  margin-top: 60px;
}
main .content .telegramm .telegramm_container .telegramm_leiste .telegramm_event_kreis {
  width: 8px;
  height: 20px;
  margin: -5px 0 0 5px;
  background: #e41800;
  border: 1px solid white;
  box-sizing: border-box;
}
main .content .telegramm .telegramm_container .telegramm_leiste a.tooltip {
  cursor: default;
}
main .content .telegramm .telegramm_container .telegramm_leiste a:link,
main .content .telegramm .telegramm_container .telegramm_leiste a:visited,
main .content .telegramm .telegramm_container .telegramm_leiste a:hover,
main .content .telegramm .telegramm_container .telegramm_leiste a:active,
main .content .telegramm .telegramm_container .telegramm_leiste a:focus {
  text-decoration: none;
  color: #E41800;
}
main .content .ticker {
  /*LIVE TAB ENDE*/
  /*AUFSTELLUNG TAB */
  /*AUFSTELLUNG TAB ENDE*/
  /*NEWS TAB*/
  /*NEWS TAB ENDE*/
  /*BILDERGALERIE TAB*/
  /*BILDERGALERIE TAB ENDE*/
}
main .content .ticker .tabs {
  width: 100%;
  background: #004286;
  margin-bottom: 2%;
}
main .content .ticker .tabs ul {
  display: inline-block;
  list-style: none;
  width: 100%;
}
main .content .ticker .tabs ul li {
  float: left;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  width: 19%;
}
main .content .ticker .tabs ul li.small-tab {
  width: 12%!important;
}
main .content .ticker .tabs ul li.disabled a {
  color: #b2b2b2 !important;
  cursor: default!important;
}
main .content .ticker .tabs ul li.disabled:after {
  background: transparent!important;
}
main .content .ticker .tabs ul li a {
  padding: 10px 0 ;
  color: #ffffff;
  display: block;
}
main .content .ticker .tabs ul li:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 5px;
  z-index: 0;
  background: #e30613;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  margin-top: -2px;
}
main .content .ticker .tabs ul li.active:after,
main .content .ticker .tabs ul li:hover:after {
  width: 70%!important;
  text-align: center;
  left: 15%;
  margin-left: 0px;
}
main .content .ticker .tabs.display-screen {
  display: block;
}
main .content .ticker .showmobile {
  display: none;
}
main .content .ticker .display-mobile {
  display: none;
}
main .content .ticker .sectab {
  display: none;
  width: 100%;
}
main .content .ticker .sectab.activeTabNav {
  display: block;
}
main .content .ticker .section h6 {
  font-size: 18px;
  background: #004286 !important;
}
main .content .ticker .section h6 span {
  color: #004286 !important;
}
main .content .ticker .w1 {
  width: 100%!important;
}
main .content .ticker .section {
  margin: 0 0 1% 0!important;
}
main .content .ticker .live-tab {
  /*TICKER BOX*/
  /*TICKER BOX ENDE*/
  /*STATISTIK BOX*/
  /*STATISTIK BOX ENDE*/
  /*ERGEBNISSE BOX*/
  /*ERGEBNISSE BOX ENDE*/
  /*TABELLE BOX*/
  /*TABELLE BOX ENDE*/
}
main .content .ticker .live-tab .ticker-statistik {
  display: inline-block;
  margin-bottom: 2%;
  width: 100%;
}
main .content .ticker .live-tab .live-ticker {
  width: 58%;
  float: left;
  margin: 0 2%;
  display: block;
}
main .content .ticker .live-tab .live-ticker div {
  display: inline-block;
  width: 100%;
}
main .content .ticker .live-tab .live-ticker div.ticker-text {
  border-bottom: 1px solid #004286;
  padding: 10px 5px;
}
main .content .ticker .live-tab .live-ticker div.ticker-text:last-child {
  border-bottom: 5px solid #004286;
}
main .content .ticker .live-tab .live-ticker span.ticker-left {
  width: 20%;
  display: inline-block;
  float: left;
}
main .content .ticker .live-tab .live-ticker span.ticker-left span {
  display: block;
  padding: 5px 0;
}
main .content .ticker .live-tab .live-ticker span.ticker-left span:first-child {
  font-weight: bold;
  color: #0058a3;
}
main .content .ticker .live-tab .live-ticker span.ticker-right {
  width: 80%;
  float: left;
}
main .content .ticker .live-tab .live-ticker span.ticker-right h3 {
  color: #0058a3;
  padding: 5px 0;
}
main .content .ticker .live-tab .live-ticker span.ticker-right p {
  font-size: 15px;
}
main .content .ticker .live-tab .live-ticker .ticker-box {
  height: 480px;
  overflow: auto;
}
main .content .ticker .live-tab .live-statistik {
  width: 36%;
  float: left;
  margin: 0 2% 0 0;
}
main .content .ticker .live-tab .live-statistik .betathome {
  text-align: center;
  margin-top: 10%;
}
main .content .ticker .live-tab .live-statistik .statistik-box table {
  width: 100%;
}
main .content .ticker .live-tab .live-statistik .statistik-box table th:first-child,
main .content .ticker .live-tab .live-statistik .statistik-box table td:first-child {
  text-align: left;
  padding: 10px 0 10px 20px;
  width: 33.33%;
}
main .content .ticker .live-tab .live-statistik .statistik-box table th:nth-child(2),
main .content .ticker .live-tab .live-statistik .statistik-box table td:nth-child(2) {
  text-align: center;
  color: #0058a3;
  font-weight: bold;
  width: 33.33%;
}
main .content .ticker .live-tab .live-statistik .statistik-box table th:last-child,
main .content .ticker .live-tab .live-statistik .statistik-box table td:last-child {
  text-align: right;
  padding: 10px 20px 10px 0px;
  width: 33.33%;
}
main .content .ticker .live-tab .live-statistik .statistik-box table th {
  color: #0058a3;
}
main .content .ticker .live-tab .live-statistik .statistik-box table tr {
  border-bottom: 1px solid #004286;
}
main .content .ticker .live-tab .live-statistik .statistik-box.n1 {
  margin-top: 5%;
}
main .content .ticker .live-tab .live-statistik .statistik-box.n1 p {
  padding: 10px 0;
  line-height: 40px;
  font-weight: bold;
}
main .content .ticker .live-tab .live-statistik .statistik-box.n1 p a {
  color: #007dff;
}
main .content .ticker .live-tab .live-statistik .statistik-box.n1 p a:hover {
  color: #004286;
}
main .content .ticker .live-tab .live-ergebnisse {
  width: 36%;
  margin: 0 2% 2% 2%;
  float: right;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table {
  width: 100%;
  font-size: 14px;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:first-child {
  text-align: left;
  padding: 10px 0 10px 20px;
  vertical-align: middle;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:first-child span {
  display: inline-block;
  vertical-align: middle;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:first-child span img {
  width: 25px;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:first-child span:first-child {
  margin-right: 5%;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:nth-child(2) {
  text-align: center;
  padding: 10px 0 10px 20px;
  color: #0058a3;
  font-weight: bold;
  vertical-align: middle;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:last-child {
  text-align: right;
  padding: 10px 20px 10px 0px;
  vertical-align: middle;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:last-child span {
  display: inline-block;
  vertical-align: middle;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:last-child span img {
  width: 25px;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table td:last-child span:last-child {
  margin-left: 5%;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr {
  border-bottom: 1px solid #004286;
}
main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr:last-child {
  border-bottom: 5px solid #004286;
}
main .content .ticker .live-tab .live-tabelle {
  width: 58%;
  margin: 0 0% 4% 2%;
  float: left;
}
main .content .ticker .live-tab .live-tabelle table {
  font-size: 14px;
}
main .content .ticker .aufstellung-tab .aufstellung-headline {
  margin: 0 2%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .team-wappen {
  display: none;
}
main .content .ticker .aufstellung-tab .aufstellung-headline ul {
  list-style: none;
  display: inline-block;
  width: 100%;
  margin-bottom: 7%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline ul li {
  padding: 10px 30px;
  border-bottom: 1px solid #004286;
}
main .content .ticker .aufstellung-tab .aufstellung-headline ul li a {
  color: #000000;
  cursor: default;
}
main .content .ticker .aufstellung-tab .aufstellung-headline ul li a span {
  float: right;
}
main .content .ticker .aufstellung-tab .aufstellung-headline ul li a span.nr {
  color: #0058a3;
  font-weight: bold;
  margin-right: 2%;
  float: none!important;
  text-align: right;
  display: inline-block;
  width: 18px;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.startelf li span {
  float: right;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.startelf li span.nr {
  color: #0058a3;
  font-weight: bold;
  margin-right: 2%;
  float: none!important;
  text-align: right;
  display: inline-block;
  width: 18px;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.startelf.hertha li a span.nr {
  cursor: pointer!important;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.ersatzbank li span {
  float: right;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.ersatzbank li span.nr {
  color: #0058a3;
  font-weight: bold;
  margin-right: 2%;
  float: none!important;
  text-align: right;
  display: inline-block;
  width: 18px;
}
main .content .ticker .aufstellung-tab .aufstellung-headline.ersatzbank.hertha li a span.nr {
  cursor: pointer!important;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spieler-links,
main .content .ticker .aufstellung-tab .aufstellung-headline .trainer-links,
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-links {
  width: 49%;
  float: left;
  margin-right: 1%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spieler-links.hertha a,
main .content .ticker .aufstellung-tab .aufstellung-headline .trainer-links.hertha a,
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-links.hertha a {
  cursor: pointer!important;
  color: #0058a3 !important;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spieler-rechts,
main .content .ticker .aufstellung-tab .aufstellung-headline .trainer-rechts,
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-rechts {
  width: 49%;
  float: left;
  margin-left: 1%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spieler-rechts.hertha a,
main .content .ticker .aufstellung-tab .aufstellung-headline .trainer-rechts.hertha a,
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-rechts.hertha a {
  cursor: pointer!important;
  color: #0058a3 !important;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-links i.fa-exchange,
main .content .ticker .aufstellung-tab .aufstellung-headline .ersatz-rechts i.fa-exchange {
  color: green!important;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 2%;
  text-align: center;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field {
  position: relative;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field img {
  margin: 0 auto;
  display: block;
  width: 100%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field .aufstellung_spielerimg {
  width: 40px;
  margin-top: 2px;
  margin-left: 2px;
  height: 35px;
  float: left;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field .rasenspieler {
  position: absolute;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field .aufstellung_heim .aufstellung_spielerimg span {
  margin-top: 3px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .playfield .field .aufstellung_gast .aufstellung_spielerimg span {
  margin-top: 3px;
  display: block;
  font-size: 14px;
  font-weight: bold;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spielfeldteams {
  width: 100%;
  display: inline-block;
  margin-bottom: 4%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spielfeldteams img {
  width: 5%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spielfeldteams img:first-child {
  float: left;
  margin-left: 10%;
}
main .content .ticker .aufstellung-tab .aufstellung-headline .spielfeldteams img:last-child {
  float: right;
  margin-right: 10%;
}
main .content .ticker .news-tab .teaser {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 2% 0;
}
main .content .ticker .news-tab .teaser > a {
  display: block;
  float: left;
  margin-right: 2%;
  width: 18%;
}
main .content .ticker .news-tab .teaser > a img {
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .ticker .news-tab .teaser > a img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .ticker .news-tab .teaser div {
  color: #b2b2b2;
  font-weight: lighter;
  font-size: 13px;
}
main .content .ticker .news-tab .teaser div.rubrik {
  display: inline-block;
}
main .content .ticker .news-tab .teaser div.datum {
  display: inline-block;
  float: right;
}
main .content .ticker .news-tab .teaser h3 {
  padding: 1% 0 0 0!important;
}
main .content .ticker .news-tab .teaser h3 a {
  display: block;
  color: #0058a3;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .ticker .news-tab .teaser h3 a:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .ticker .news-tab .teaser p {
  font-size: 13px;
}
main .content .ticker .news-tab .teaser:nth-child(even) {
  width: 49%;
  float: left;
  clear: left;
}
main .content .ticker .news-tab .teaser:nth-child(odd) {
  width: 49%;
  float: right;
  clear: right;
}
main .content .ticker .bilder-tab .bildergalerie {
  margin-bottom: 2%;
  text-align: center;
}
main .content .ticker .bilder-tab .bildergalerie img {
  width: 100%;
  max-width: 288px;
  height: auto;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .ticker .bilder-tab .bildergalerie img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
main .content .cat-date {
  width: 100%;
  text-align: right;
  margin: 3% 0;
}
main .content .cat-date span {
  width: auto;
  display: inline-block;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  color: #0058a3;
}
main .content .socialmediabar {
  clear: both;
  position: absolute;
  bottom: 5px;
  width: 93%;
}
main .content .socialmediabar div.shariff-ph {
  float: left;
  width: 90%;
}
main .content .socialmediabar iframe#twitter-widget-0 {
  width: 120px!important;
}
main .content .socialmediabar a.print {
  color: #b2b2b2;
  font-size: 30px;
  float: right;
}
main .content .spielcenter {
  background: none!important;
  height: 340px!important;
  margin-bottom: 5%;
}
main .content .spielcenter .slick-slide img {
  width: 30%!important;
}
main .content .spielcenter .gamecenter-bg {
  display: inline-block;
  width: 100%;
}
main .content .spielcenter section:first-child {
  margin-left: 0%;
  width: 37%!important;
}
main .content .spielcenter section:first-child img {
  width: 33%;
  right: -10%;
  top: -8%;
  position: absolute;
}
main .content .spielcenter section div.gast div {
  width: 80%;
  margin-left: 32%;
}
main .content .spielcenter section div.gast div span {
  font-size: 12px!important;
}
main .content .spielcenter section div.gast div span:first-child {
  font-size: 20px!important;
  padding: 0 0 5px 0!important;
}
main .content .spielcenter section div.heim {
  width: 87%;
}
main .content .spielcenter section div.heim div span {
  font-size: 12px!important;
}
main .content .spielcenter section div.heim div span:first-child {
  font-size: 20px!important;
  padding: 0 0 5px 0!important;
}
main .content .spielcenter section.lastsection {
  width: 37%!important;
}
main .content .spielcenter section.lastsection img {
  position: absolute;
  width: 33%;
  top: -8%;
  left: -1%;
}
main .content .spielcenter section span.score {
  padding: 15px 0;
}
main .content .spielcenter section.stand {
  padding-left: 30px;
}
main .content .spielcenter section.info3 ul {
  width: 65%;
}
main .content .spielcenter section.info1,
main .content .spielcenter section.info2 {
  margin-top: 0%;
  margin-bottom: 2%;
}
/*MAIN ENDE*/
div.wrapper-bar {
  position: fixed;
  bottom: 0;
  top: auto;
  width: 100%;
  z-index: 200;
  /* Cookie-Bar */
  /* Newsletter-reg */
}
div.wrapper-bar #cookie-bar {
  background: #0058a3;
  height: auto;
  line-height: 24px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  position: relative;
}
div.wrapper-bar #cookie-bar p {
  margin: 0 auto;
  padding: 10px 20% 10px 3%;
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 16px;
  position: relative;
}
div.wrapper-bar #cookie-bar p strong {
  display: block;
}
div.wrapper-bar #cookie-bar a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
div.wrapper-bar #cookie-bar a.cb-enable {
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ffffff;
  -webkit-transition: linear 0.2s;
  -moz-transition: linear 0.2s;
  -ms-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  display: inline-block;
  position: absolute;
  right: 4%;
  top: 50%;
  margin-top: -12px;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  padding: 4px 15px;
}
div.wrapper-bar #cookie-bar a.cb-enable:hover {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
div.wrapper-bar #cookie-bar .cb-disable {
  background: #e30613;
}
div.wrapper-bar #cookie-bar .cb-policy {
  background: #0033bb;
}
div.wrapper-bar #cookie-bar + .wrapper {
  padding-top: 52px;
}
div.wrapper-bar #newsletter-reg {
  position: relative;
  height: auto;
  line-height: 24px;
  color: #ffffff;
  text-align: left;
  width: 100%;
  border-bottom: 1px solid white;
  background: #0058a3;
}
div.wrapper-bar #newsletter-reg div.close {
  position: absolute;
  top: 25%;
  right: 5px;
  width: 20px;
  height: 20px;
}
div.wrapper-bar #newsletter-reg div.close a {
  color: white;
  text-decoration: none;
  font-size: 10px;
}
div.wrapper-bar #newsletter-reg p {
  margin: 0 auto;
  padding: 10px 1% 10px 5%;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 25px;
  position: relative;
  font-weight: bold;
  width: 45%;
  display: inline-block;
}
div.wrapper-bar #newsletter-reg form {
  width: 33.6%;
  display: inline-block;
  padding-right: 3%;
  padding-top: 5px;
  text-align: right;
}
div.wrapper-bar #newsletter-reg form input {
  border: none;
  height: 30px;
  padding: 10px;
  width: 35%;
  background: white;
  font-size: 13px;
  margin-top: -1px;
}
div.wrapper-bar #newsletter-reg form input::placeholder {
  color: #b2b2b2;
}
div.wrapper-bar #newsletter-reg form button {
  background: transparent;
  color: white;
  text-transform: uppercase;
  border: 1px solid white;
  font-weight: bold;
  font-size: 13px;
  padding: 4px 15px;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  line-height: 16px;
}
div.wrapper-bar #newsletter-reg form .error {
  font-size: 8pt;
}
div.wrapper-bar #newsletter-reg div.privacy-policy {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 2% 5px 3%;
  width: 20%;
}
div.wrapper-bar #newsletter-reg div.privacy-policy button {
  background: transparent;
  color: white;
  text-transform: uppercase;
  border: 1px solid white;
  font-weight: bold;
  font-size: 13px;
  padding: 4px 15px;
  height: 30px;
  cursor: pointer;
  border-radius: 4px;
  line-height: 16px;
}
/*=================================================================================================================================================================
=================================================================================================================================================================*/
/***********************************/
/*********	RESPONSIVE	************/
/***********************************/
@media only screen and (min-width: 1025px) {
  main .aufmacher img {
    min-height: 720px!important;
  }
}
/******** WIDESCREEN ***********/
@media only screen and (max-width: 1280px) {
  input[type="search"] {
    font-size: 10px;
    width: 90px;
  }
  /*body { background: rgba(43, 192, 21, 0.26); }*/
  main .content .newsletter-spieler.bestaetigung {
    min-height: 900px;
  }
  #newsletter-reg p {
    width: 38%!important;
    font-size: 13px!important;
  }
  #newsletter-reg form {
    width: 40.6%!important;
  }
  #newsletter-reg form input {
    width: 35%!important;
  }
  /*HEADER*/
  header .weltennavi div ul li a {
    font-size: 10px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
  }
  header .weltennavi div.welten ul {
    padding-left: 10%;
  }
  header .weltennavi div.sponsoren ul li {
    padding: 0 2%;
  }
  /*HEADER END*/
}
/*===============================================================================*/
/******** TABLET *********/
@media only screen and (max-width: 1024px) {
  /*body { background: rgba(255, 0, 0, 0.26) }*/
  ul.last-menu li {
    right: 71%;
  }
  /*HEADER*/
  header .fixed {
    position: fixed!important;
  }
  header .fixed img {
    display: block;
  }
  header .fixed .logo-kl {
    display: none;
  }
  header .weltennavi div:first-child {
    padding-left: 2%;
  }
  header .weltennavi div .sponsoren ul {
    padding-left: 0;
  }
  header .weltennavi div ul li {
    margin-top: 2%;
  }
  header .weltennavi div ul li a {
    font-size: 9px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    -ms-transition: linear 0.2s;
    -o-transition: linear 0.2s;
  }
  header .weltennavi div ul li a.nike {
    background-position: -45px -2px;
    width: 40px;
    height: 25px;
    background-size: 98px;
  }
  header .weltennavi div ul li a.tedi {
    background-position: 0 0;
    width: 29px;
    height: 25px;
    background-size: 98px;
  }
  header .weltennavi div ul.welten {
    padding: 0 1.5em;
  }
  header .weltennavi div ul.welten li {
    padding: 0px 1.5%!important;
  }
  /*HEADER END*/
  #newsletter-reg .close {
    top: 5%!important;
  }
  #newsletter-reg p {
    width: 65%!important;
    display: block!important;
    padding-bottom: 0!important;
    float: left;
  }
  #newsletter-reg .privacy-policy {
    width: 35%!important;
    display: block!important;
    float: left;
  }
  #newsletter-reg form {
    clear: both;
    width: 100%!important;
    display: block!important;
    text-align: left!important;
    padding: 0px 2% 10px 3%;
  }
  #newsletter-reg form input {
    margin-top: 0!important;
    width: 35%!important;
  }
  #newsletter-reg form button {
    float: right;
    margin-right: 1%;
    min-width: 95px;
  }
  /*MELDUNG*/
  main {
    /*.aufmacher {
			img { min-height: 100%!important;}
		}*/
  }
  main .content {
    /*SPIEL CENTER*/
  }
  main .content .left,
  main .content .right {
    width: 100%!important;
  }
  main .content .left .select_nav {
    max-width: 100%!important;
  }
  main .content .left .dia_nav {
    max-width: 100%!important;
  }
  main .content .right {
    padding-left: 10%!important;
    margin-top: 10%;
  }
  main .content .right .adv {
    margin-left: 0%!important;
    position: relative;
    bottom: 170px;
  }
  main .content .section {
    margin-right: 15%!important;
  }
  main .content .section.w1.h2.interactive {
    margin-right: 0!important;
  }
  main .content .spielerprofil .headline {
    float: none;
    padding: 10px 2%;
    width: 100%;
    text-align: left;
  }
  main .content .spielerprofil .headline .nr {
    float: left;
    margin-right: 2%;
  }
  main .content .spielerprofil figure {
    width: 40%;
    clear: both;
  }
  main .content .spielerprofil .stammdaten {
    width: 60%;
  }
  main .content .ticker .tabs ul li {
    padding: 0 2.4%!important;
  }
  main .content .tabelle {
    width: 100%!important;
  }
  main .content .newsletter-spieler {
    background-position-y: 0!important;
  }
}
/*FOOTER */
.footer div.copyright-f img.hertha-logo {
  width: auto!important;
  right: 0!important;
  max-width: 200px;
}
@media only screen and (max-width: 1023px) {
  /****** VORSCHALTSEITE ******/
  div.vorschaltseite div.boxen div.box {
    height: 33.33%!important;
    width: 100%!important;
  }
  div.vorschaltseite div.boxen div.box a.button {
    bottom: 10%!important;
    width: 40%!important;
    margin-left: calc(-40% / 2) !important;
  }
  div.vorschaltseite div.boxen div.box.home {
    border: none!important;
    border-top: 2px solid #FFF!important;
    border-bottom: 2px solid #FFF!important;
  }
  div.vorschaltseite div.boxen div.box.home div.language {
    margin-top: 2%!important;
    width: 50px!important;
  }
  div.vorschaltseite div.boxen div.box.home div.language a.deutsch {
    width: 20px!important;
    height: 14px!important;
    background-size: 20px!important;
  }
  div.vorschaltseite div.boxen div.box.home div.language a.englisch {
    background-position: 0 -17px !important;
    width: 20px!important;
    height: 14px!important;
    background-size: 20px!important;
  }
  div.vorschaltseite div.boxen div.box.home img.logo {
    width: 25%!important;
    margin-left: calc(-25% / 2) !important;
  }
}
/***** TABLET HOCHFORMAT ******/
@media only screen and (max-width: 768px) {
  /*body { background: yellow;}*/
  .overlay_bg,
  .overlay_content {
    display: none;
  }
  .dm {
    display: inline-block;
  }
  .ds {
    display: none;
  }
  /*WELTEN NAVI */
  .weltennavi {
    height: 70px;
  }
  .weltennavi div.sponsoren {
    width: 25%!important;
    left: 4.5%;
  }
  .weltennavi div.welten {
    width: 100%!important;
    position: absolute;
    left: 0%;
    clear: both;
    top: 1%;
  }
  .weltennavi div.welten ul {
    padding: 3%!important;
  }
  .weltennavi div.welten ul li {
    padding: 0 2.2%!important;
  }
  .weltennavi div.sprache {
    width: 32%!important;
    position: absolute!important;
    top: 0em;
  }
  .fixed {
    position: fixed!important;
  }
  .fixed img {
    display: block;
  }
  .fixed .logo-kl {
    display: none;
  }
  main {
    /*AUFMACHER*/
    /*.aufmacher {
			img { min-height: 100%!important;}
		}*/
    /*PROMO SECTION*/
    /*PROMO SECTION ENDE*/
    /*SPIELCENTER */
    /*MELDUNG */
    /*FOOTER */
  }
  main .promosection div.left-text {
    padding-left: 5%;
    font-size: 20px;
  }
  main .promosection div.left-text .button a {
    font-size: 15px!important;
  }
  main .promosection div.right-text {
    font-size: 20px;
  }
  main .promosection div.right-text .button a {
    font-size: 15px!important;
  }
  main .promosection div.left-img .image {
    float: right!important;
  }
  main .spielcenter section.info3 {
    margin-top: 5%!important;
    padding: 0 5%!important;
  }
  main .spielcenter section div.gast {
    height: 76px;
  }
  main .spielcenter section div.gast div span {
    display: none;
  }
  main .spielcenter section div.gast div span:first-child {
    font-size: 20px;
    display: block;
  }
  main .spielcenter section div.heim div span {
    display: none;
  }
  main .spielcenter section div.heim div span:first-child {
    font-size: 20px;
    display: block;
  }
  main .spielcenter section span.score {
    padding: 14px 0!important;
  }
  main .spielcenter .gamecenter-bg {
    padding-top: 19px;
  }
  main .sponsorbox div.box {
    height: 100%;
    padding: 20px 0;
    margin: 1% 2.2%!important;
  }
  main .sponsorbox div.box:first-child {
    margin: 0 2.2%!important;
  }
  main .sponsorbox div.box > a {
    width: 100%;
    display: inline-block;
  }
  main .sponsorbox div.box > iframe {
    width: 100%;
    display: inline-block;
  }
  main .content .left .bildergalerie img {
    width: 32.9%!important;
  }
  main .content .left > iframe {
    width: 100%;
    height: 1300px;
  }
  main .content .right {
    margin-top: 10%;
    padding-left: 3%!important;
  }
  main .content .section {
    margin-right: 5%!important;
  }
  main .content section.info3 {
    padding: 0 3%!important;
  }
  main .content section div.heim div {
    margin-top: 5%;
  }
  main .content section div.gast div {
    margin-top: 5%;
  }
  main .content .spielerprofil .headline {
    float: left;
    padding: 10% 5%;
    width: 70%;
    text-align: right;
  }
  main .content .spielerprofil .headline .nr {
    float: none;
    margin-right: 0;
  }
  main .content .spielerprofil figure {
    width: 30%;
    clear: none;
    float: right;
  }
  main .content .spielerprofil .stammdaten {
    width: 100%;
    background: #ffffff;
  }
  main .content .spielerprofil .stammdaten table {
    color: #000;
    float: none;
    clear: both;
  }
  main .content .spielerprofil .stammdaten table td.highlight {
    color: #0058a3;
  }
  main .content form {
    /*&.filter {
					select { width: 35%!important;}
				}*/
  }
  main .content form.search input[type="text"] {
    width: 40%;
  }
  main .content .spielcenter section.stand {
    margin-top: 4%!important;
  }
  main .content .tabelle-box table tr td,
  main .content .tabelle-box table tr th {
    padding: 10px 0!important;
  }
  main .content .tabelle-box table tr td:nth-child(n+4):nth-child(-n+8),
  main .content .tabelle-box table tr th:nth-child(n+4):nth-child(-n+8) {
    display: none;
  }
  main .content .ticker {
    display: block!important;
  }
  main .content .ticker .display-mobile {
    display: block!important;
    background: #004286;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2%;
    clear: both;
  }
  main .content .ticker .display-mobile span {
    float: right;
  }
  main .content .ticker .showmobile {
    display: block!important;
  }
  main .content .ticker .display-screen {
    display: none!important;
  }
  main .content .ticker .sectab {
    display: none;
  }
  main .content .ticker .sectab.activeTabNav {
    display: none;
  }
  main .content .ticker .live-tab .live-ticker {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
    margin-top: 5%!important;
  }
  main .content .ticker .live-tab .live-tabelle {
    width: 100%!important;
    margin: 0!important;
    margin-top: 2%!important;
    margin-bottom: 5%!important;
  }
  main .content .ticker .live-tab .live-ergebnisse {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
  }
  main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr td,
  main .content .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr th {
    padding: 10px 0!important;
  }
  main .content .ticker .live-tab .live-statistik {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
  }
  main .content .ticker .live-tab .live-statistik .nl {
    margin-top: 10%;
  }
  main .content .ticker .live-tab .live-statistik .statistik-box table tr td {
    padding: 10px 0!important;
  }
  main .content .ticker .live-tab .live-statistik .statistik-box table tr th {
    padding: 10px 0!important;
  }
  main .content .ticker .aufstellung-tab .team-wappen {
    width: 100%;
    text-align: center;
    margin: 1% 0;
  }
  main .content .ticker .aufstellung-tab .team-wappen img {
    width: 10%;
  }
  main .content .ticker .aufstellung-tab .aufstellung-headline {
    margin: 0!important;
  }
  main .content .ticker .aufstellung-tab .aufstellung-headline.spielfeld {
    display: none!important;
  }
  main .content .ticker .aufstellung-tab .spieler-links,
  main .content .ticker .aufstellung-tab .spieler-rechts,
  main .content .ticker .aufstellung-tab .trainer-links,
  main .content .ticker .aufstellung-tab .trainer-rechts,
  main .content .ticker .aufstellung-tab .ersatz-links,
  main .content .ticker .aufstellung-tab .ersatz-rechts {
    width: 100%!important;
    margin: 0!important;
    float: none!important;
  }
  main .content .ticker .telegramm-tab {
    margin: 7% 0;
    height: 320px;
    overflow: auto;
  }
  main .content .ticker .telegramm-tab tr td:first-child {
    text-align: left;
    width: 40%;
  }
  main .content .ticker .telegramm-tab tr td:first-child span:first-child {
    float: left;
  }
  main .content .ticker .telegramm-tab tr td:first-child span:last-child {
    float: right;
  }
  main .content .ticker .telegramm-tab tr td:nth-child(2) {
    text-align: center;
    width: 20%;
  }
  main .content .ticker .telegramm-tab tr td:last-child {
    text-align: right;
    width: 40%;
  }
  main .content .ticker .telegramm-tab tr td:last-child span:first-child {
    float: left;
  }
  main .content .ticker .telegramm-tab tr td:last-child span:last-child {
    float: right;
  }
  main .content .ticker .telegramm-tab tr td img {
    width: 30%;
  }
  main .content .ticker .news-tab .teaser:nth-child(even) {
    width: 100%!important;
  }
  main .content .ticker .news-tab .teaser:nth-child(odd) {
    width: 100%!important;
  }
  main .content .tabelle {
    width: 100%!important;
  }
  main .content .newsletter-spieler.bestaetigung {
    min-height: 700px;
  }
  main .sponsoren div.w50 {
    width: 100%!important;
    float: none!important;
  }
  main .footer-mob {
    display: inline-block !important;
  }
  main .footer-mob .footer-logo {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5%;
  }
  main .footer-mob .footer-logo img {
    width: 50%!important;
  }
}
/*===============================================================================*/
/******** ZWISCHEN *********/
@media only screen and (max-width: 1700px) {
  div.vorschaltseite div.boxen div.box a.button div.parts img.icon {
    height: 35px!important;
    margin-top: 12px!important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts span.text {
    font-size: 26px!important;
    margin-top: 12px!important;
  }
}
@media only screen and (max-width: 1600px) {
  .sideadd {
    display: none;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts img.icon {
    height: 32px!important;
    margin-top: 13px!important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts span.text {
    font-size: 22px!important;
    margin-top: 14px!important;
  }
}
@media only screen and (max-width: 1380px) {
  /*STICKY SOCIAL MEDIA */
  .sticky-sm {
    display: none;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts img.icon {
    height: 28px!important;
    margin-top: 14px!important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts span.text {
    font-size: 15px!important;
    margin-top: 18px!important;
  }
}
@media only screen and (max-width: 1024px) {
  div.vorschaltseite div.boxen div.box a.button div.parts span.text {
    font-size: 18px!important;
  }
}
@media only screen and (max-width: 800px) {
  main .shopsection,
  main .business-section {
    padding: 0 80px;
  }
  main .shopsection div:last-child,
  main .business-section div:last-child {
    font-size: 20px;
  }
  main .shopsection div a,
  main .business-section div a {
    font-size: 16px;
  }
  main .shopsection div img,
  main .business-section div img {
    width: 100%;
  }
  main .socialbox .sm-filter ul {
    width: 35%;
  }
  main .footer-mob {
    display: inline-block !important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts {
    height: 40px!important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts img.icon {
    height: 28px!important;
    margin-top: 4px!important;
  }
  div.vorschaltseite div.boxen div.box a.button div.parts span.text {
    font-size: 10px!important;
    margin-top: 6px!important;
  }
}
/*==============================================================================*/
/****** MOBILE *******/
@media only screen and (max-width: 640px) {
  /*body { background: orange;}*/
  .overlay_bg,
  .overlay_content {
    display: none!important;
  }
  /*WELTENNAVI */
  .weltennavi {
    padding: 7px 0;
    height: 50px!important;
  }
  .weltennavi div.sprache {
    display: none;
  }
  .weltennavi div.sponsoren {
    width: 50%!important;
  }
  .weltennavi div.welten {
    display: none;
  }
  div.vorschaltseite div.boxen div.box a.button {
    bottom: 10%!important;
    width: 70%!important;
    margin-left: calc(-70% / 2) !important;
  }
  /*HAUPTMENU*/
  .main-nav {
    height: 83px;
    position: static!important;
  }
  .main-nav .logo {
    height: 45px;
    padding: 0!important;
  }
  .main-nav img {
    padding: 0!important;
    height: 63px!important;
    width: auto!important;
    margin: 0!important;
  }
  .fixed {
    position: fixed!important;
  }
  .fixed img {
    display: block;
  }
  .fixed .logo-kl {
    display: none;
  }
  main {
    /*AUFMACHER*/
    /*.aufmacher {
			img { min-height: auto!important;}
		}*/
    /*3 BOXEN UNTER AUFMACHER */
    /*SPIELCENTER */
    /*AKTUELL NEWS */
    /*HERTHA TV */
    /*PROMO SECTION*/
    /*PROMO SECTION ENDE*/
    /*TERMINE & TICKETS */
    /*SOCIAL MEDIA BOX */
    /*ADDITIONAL SECTION */
    /*SPONSOREN */
    /*FOOTER */
    /*MELDUNGEN*/
  }
  main .specialbox div.box {
    width: auto;
    margin: 0;
  }
  main .spielcenter {
    height: 470px;
  }
  main .spielcenter h2 {
    padding-top: 7%;
  }
  main .spielcenter .underline {
    width: 20%;
    margin: 1% 40%;
  }
  main .spielcenter .slick-prev {
    display: inline-block !important;
    left: 3%!important;
  }
  main .spielcenter .slick-next {
    display: inline-block !important;
    right: 3%!important;
  }
  main .spielcenter .slick-dots {
    bottom: -90% !important;
  }
  main .spielcenter .slick-slide img {
    width: 60%!important;
  }
  main .spielcenter section {
    margin-top: 3%;
  }
  main .spielcenter section:first-child {
    margin-left: 10%!important;
  }
  main .spielcenter section:first-child img {
    right: 5%;
  }
  main .spielcenter section.lastsection img {
    right: 0%;
    left: 5%;
  }
  main .spielcenter section.stand {
    padding-left: 0px;
  }
  main .spielcenter section.stand span {
    color: #e30613;
  }
  main .spielcenter section.stand span.score {
    color: #007dff !important;
  }
  main .spielcenter section.stand span:last-child {
    color: #e30613;
    font-size: 14px!important;
  }
  main .spielcenter section.stand span.zusatz {
    color: #007dff;
  }
  main .spielcenter section.info1 span,
  main .spielcenter section.info2 span {
    font-size: 13px;
  }
  main .spielcenter section.info1 {
    margin-left: 3%;
    margin-top: 0%!important;
    margin-bottom: 0%!important;
  }
  main .spielcenter section.info2 {
    margin-right: 3%;
    margin-top: 0%!important;
    margin-left: 3%;
    float: left!important;
    text-align: left!important;
    margin-bottom: 0%!important;
  }
  main .spielcenter section.info3 {
    margin-top: 4%;
    padding: 0!important;
  }
  main .spielcenter section.info3 div {
    font-size: 13px;
    width: 47%!important;
    margin-bottom: 2%;
  }
  main .spielcenter section.info3 div:nth-child(2) {
    margin-right: 0!important;
  }
  main .spielcenter section div.gast {
    background: none;
  }
  main .spielcenter section div.gast div span {
    display: none;
  }
  main .spielcenter section div.heim {
    background: none;
  }
  main .spielcenter section div.heim div span {
    display: none;
  }
  main .spielcenter .aktualisieren a {
    color: #007dff !important;
    border-color: #007dff !important;
    font-size: 11px!important;
  }
  main .spielcenter .gamecenter-bg {
    background: none;
  }
  main .aktuellbox h2 {
    padding-top: 7%!important;
  }
  main .aktuellbox .slick-next,
  main .aktuellbox .slick-prev {
    display: inline-block !important;
  }
  main .aktuellbox .slick-prev {
    left: -10% !important;
    background-position: 0 -232px !important;
  }
  main .aktuellbox .slick-next {
    right: -10% !important;
  }
  main .aktuellbox .underline {
    width: 20%;
    margin: 1% 40%;
  }
  main .aktuellbox .newsbox {
    width: 80%;
    margin: 0 auto;
  }
  main .aktuellbox .news-mobile {
    display: block!important;
    margin-top: 10%;
  }
  main .aktuellbox .aktuell-mobile {
    margin: 0 2%;
  }
  main .aktuellbox .news-desktop {
    display: none;
  }
  main .aktuellbox article {
    float: left;
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
  }
  main .aktuellbox article:first-child,
  main .aktuellbox article:last-child,
  main .aktuellbox article:nth-child(3),
  main .aktuellbox article:nth-child(4) {
    margin-left: 0%;
    margin-right: 0%;
  }
  main .aktuellbox article img {
    width: 100%;
  }
  main .aktuellbox article div {
    background: #004286;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    margin-top: -2px;
    height: 200px;
    max-height: 200px;
    position: relative;
    overflow: hidden;
  }
  main .aktuellbox article div h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 15px 10px;
    font-size: 16px;
  }
  main .aktuellbox article div a {
    color: #ffffff;
    text-decoration: none;
  }
  main .aktuellbox article div p {
    padding: 0px 10px 15px 10px;
    font-size: 14px;
  }
  main .aktuellbox article div div {
    background: #001f40;
    padding: 10px;
    display: inline-block;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
  }
  main .aktuellbox article div div span {
    font-size: 14px;
  }
  main .aktuellbox article div div span:first-child {
    float: left;
  }
  main .aktuellbox article div div span:last-child {
    float: right;
  }
  main .herthatv h2 {
    padding-top: 7%;
  }
  main .herthatv .underline {
    width: 20%;
    margin: 1% 40%;
  }
  main .herthatv .elastic-video {
    height: 380px;
    width: 90%;
    margin-top: 10%;
  }
  main .promosection div.wrapper {
    padding-right: 2% !important;
  }
  main .promosection div.left-text {
    padding-left: 5%;
    font-size: 14px;
  }
  main .promosection div.left-text .button a {
    font-size: 13px!important;
  }
  main .promosection div.right-text {
    font-size: 14px;
  }
  main .promosection div.right-text .button a {
    font-size: 13px!important;
  }
  main .promosection div.left-img .image {
    float: right!important;
    width: 100%!important;
  }
  main .promosection div.right-img .image {
    width: 100%!important;
  }
  main .timetable {
    height: 960px!important;
  }
  main .timetable .tickets,
  main .timetable .termine {
    width: 100%;
  }
  main .timetable table {
    width: 90%;
  }
  main .socialbox {
    display: block!important;
    padding-bottom: 10%!important;
  }
  main .socialbox h2 {
    padding-top: 10%!important;
  }
  main .socialbox .social-wrapper-2 {
    display: block!important;
  }
  main .socialbox .sm-heading .underline {
    width: 20%;
    margin: 1% 40% 5%!important;
  }
  main .socialbox .sm-filter ul {
    width: 60%!important;
  }
  main .socialbox .grid-item {
    width: 98%!important;
  }
  main .socialbox .slick-next {
    display: inline-block !important;
    right: -10% !important;
  }
  main .socialbox .slick-prev {
    display: inline-block !important;
    left: -10% !important;
  }
  main .additionalsection .left,
  main .additionalsection .right {
    width: 100%!important;
  }
  main .sponsoren div ul {
    width: 100%;
  }
  main .sponsoren div ul li {
    float: left;
    width: 25%;
    /*img { width: 100%}*/
  }
  main .sponsorenliste ul.partner-list li {
    width: 33%;
  }
  main .footer-mob {
    padding: 7% 5%;
  }
  main .footer-mob .footer-logo {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 7%;
  }
  main .footer-mob .footer-logo img {
    width: 80%!important;
  }
  main .footer-mob .copyright {
    width: 30%!important;
  }
  main .footer-mob .copyright img {
    width: 50% !important;
  }
  main .footer-mob .copyright2 {
    width: 70%!important;
  }
  main .spieldatenblatt {
    font-size: 11px;
  }
  main .spieldatenblatt table td {
    padding: 14px 3px!important;
  }
  main .spieldatenblatt img.logo-gast,
  main .spieldatenblatt img.logo-heim {
    width: 50px;
  }
  main .content {
    overflow: hidden;
    /*NEWS ÜBERSICHT*/
    /*NEWS ÜBERSICHT ENDE*/
  }
  main .content table.kontakt tr.captcha-conf {
    width: 100%;
    position: relative;
    height: 110px;
  }
  main .content table.kontakt tr.captcha-conf td.captcha-hide label {
    display: none;
  }
  main .content table.kontakt tr.captcha-conf td.captcha-fw {
    position: absolute;
    left: 0%;
  }
  main .content table.spielplan {
    font-size: 14px;
  }
  main .content table.spielplan td.highlight {
    text-align: center;
  }
  main .content table.spielplan td span {
    display: block;
  }
  main .content table.spielplan td span.ds {
    display: none!important;
  }
  main .content table.torschuetzen {
    font-size: 14px;
  }
  main .content table.torschuetzen td:first-child,
  main .content table.torschuetzen td:nth-child(2) {
    display: none;
  }
  main .content table.torschuetzen td:nth-child(6) {
    display: none;
  }
  main .content table.torschuetzen td:nth-child(7) {
    display: none;
  }
  main .content table.torschuetzen td:nth-child(8) {
    display: none;
  }
  main .content table.torschuetzen td:nth-child(9) {
    text-align: center;
  }
  main .content table.torschuetzen td:nth-child(10) {
    text-align: center;
  }
  main .content table.torschuetzen td:nth-child(4) {
    text-align: left;
  }
  main .content table.torschuetzen thead {
    display: table-header-group !important;
  }
  main .content table.torschuetzen thead th:first-child {
    display: none;
  }
  main .content table.torschuetzen thead th:nth-child(2),
  main .content table.torschuetzen thead th:nth-child(6),
  main .content table.torschuetzen thead th:nth-child(7),
  main .content table.torschuetzen thead th:nth-child(8) {
    display: none;
  }
  main .content table.torschuetzen thead th:nth-child(9),
  main .content table.torschuetzen thead th:nth-child(10) {
    text-align: center;
  }
  main .content table.torschuetzen thead th:nth-child(5) {
    visibility: hidden;
  }
  main .content table tr i.betathome {
    width: 100%;
  }
  main .content .saison tr th {
    padding: 0 6px;
    font-size: 14px;
  }
  main .content .saison tr th:nth-child(n+3):nth-child(-n+5) {
    display: none;
  }
  main .content .saison tr th:nth-child(n+9):nth-child(-n+10) {
    display: none;
  }
  main .content .saison tr td {
    text-align: center;
  }
  main .content .saison tr td:first-child {
    text-align: left;
  }
  main .content .saison tr td:nth-child(n+3):nth-child(-n+5) {
    display: none;
  }
  main .content .saison tr td:nth-child(n+9):nth-child(-n+10) {
    display: none;
  }
  main .content h2.uebersicht {
    width: 100%!important;
    float: none!important;
  }
  main .content div#bs_tabelle thead {
    display: table-header-group !important;
  }
  main .content div#bs_tabelle thead tr {
    border-bottom: none!important;
  }
  main .content .spielerprofil {
    margin: 0 0 20px;
  }
  main .content .spielerprofil .headline {
    padding: 5%;
  }
  main .content .spielerprofil .headline .nr {
    float: none;
    margin-right: 0;
  }
  main .content .spielerprofil .stammdaten {
    padding: 10px 0;
  }
  main .content form.filter {
    width: 100%!important;
    float: none!important;
    text-align: left!important;
    /*select { width: 35%!important; display: block; margin: 1% 0;}*/
  }
  main .content form.search label {
    margin-bottom: 5%;
  }
  main .content form.search input[type="text"] {
    width: 60%;
  }
  main .content form.search input[type="submit"] {
    width: 30%;
  }
  main .content .spielcenter.sc {
    height: 300px!important;
  }
  main .content .spielcenter section:first-child {
    margin-left: 0%!important;
    width: 33%!important;
  }
  main .content .spielcenter section:first-child img {
    width: 70%!important;
    right: auto!important;
    left: 10%!important;
    top: 0!important;
  }
  main .content .spielcenter section.stand {
    padding-left: 0px!important;
    width: 33%!important;
  }
  main .content .spielcenter section.lastsection {
    width: 33%!important;
  }
  main .content .spielcenter section.lastsection img {
    width: 70%!important;
    right: 10%!important;
    left: auto!important;
    top: 0!important;
  }
  main .content .spielcenter section span {
    font-size: 14px!important;
  }
  main .content .spielcenter section span.score {
    font-size: 23px!important;
  }
  main .content .spielcenter section.info3 ul {
    width: 100%!important;
  }
  main .content .spielcenter section.info3 ul li {
    width: 48%!important;
    margin-top: 2%!important;
  }
  main .content .newsbox {
    padding-right: 0!important;
  }
  main .content .newsbox .teaser {
    margin: 10% 0;
  }
  main .content .newsbox .teaser > a {
    float: none!important;
    width: 100%;
  }
  main .content .newsbox .teaser > a img {
    width: 100%;
  }
  main .content .paging {
    padding-right: 0!important;
  }
  main .content .socialmediabar {
    width: auto!important;
    position: static!important;
  }
  main .content .socialmediabar iframe#twitter-widget-0 {
    width: 73px!important;
  }
  main .content .socialmediabar iframe#lkbtn {
    width: 80px!important;
  }
  main .content .socialmediabar a.print {
    font-size: 23px;
  }
  main .content .top-section .headline {
    width: 100%!important;
  }
  main .content .top-section .presentedby {
    width: 100%!important;
    margin-top: 5%;
  }
  main .content .top-section .presentedby h3 {
    text-align: left!important;
    font-size: 13px;
  }
  main .content .w1 {
    width: 100%!important;
  }
  main .content .w2 {
    min-width: 100%!important;
  }
  main .content .w2 .tabelle,
  main .content .w3 .tabelle {
    margin-top: 3%;
  }
  main .content .w2 table.kader {
    margin-bottom: 3%;
  }
  main .content .w2 table.kader td:nth-child(5),
  main .content .w2 table.kader td:nth-child(6),
  main .content .w2 table.kader td:nth-child(7) {
    display: none;
  }
  main .content .dia_nav {
    width: 100%!important;
    margin-bottom: 70px!important;
  }
  main .content .dia_nav li {
    width: 50%!important;
    height: 100%!important;
  }
  main .content .dia_nav li.cnav_block {
    min-height: 50px!important;
  }
  main .content .dia_nav .dia_secnav li {
    width: 100%!important;
    min-height: auto!important;
  }
  main .content .left .text {
    padding-right: 0!important;
  }
  main .content .left .text .box.ri {
    width: 100%;
    margin-left: 0!important;
    text-align: center;
  }
  main .content .left .text .box.le {
    width: 100%;
    margin-right: 0!important;
  }
  main .content .left .text .box .bildtitel {
    width: auto!important;
  }
  main .content .left .text .factbox .slick-next,
  main .content .left .text .factbox .slick-prev {
    display: block!important;
  }
  main .content .left .text .factbox .slick-next {
    background-position: 0px -369px !important;
    width: 19px;
    height: 30px;
    background-size: 140%;
  }
  main .content .left .text .factbox .slick-prev {
    background-position: 0px -344px !important;
    width: 19px;
    height: 30px;
    background-size: 140%;
  }
  main .content .left .text .factbox .facts {
    padding: 15px 30px;
  }
  main .content .left .text textarea.hundret {
    width: 100%;
    max-width: 180px;
  }
  main .content .left .bildergalerie img {
    width: 49%!important;
  }
  main .content .left .elastic-video {
    height: 200px!important;
    width: 90%!important;
    margin-top: 10%;
    padding-bottom: 0!important;
  }
  main .content .left .w2 {
    width: 100%!important;
  }
  main .content .left .socialmediabar iframe#twitter-widget-0 {
    width: 73px!important;
  }
  main .content .left .socialmediabar iframe#lkbtn {
    width: 80px!important;
  }
  main .content .left .socialmediabar a.print {
    font-size: 23px!important;
  }
  main .content .right {
    padding-left: 0%!important;
  }
  main .content .right .adv {
    margin-left: 0!important;
    bottom: 0!important;
  }
  main .content .right .section {
    margin-bottom: 50px!important;
  }
  main .content .right .shopbox .slick-next,
  main .content .right .shopbox .slick-prev {
    display: block!important;
  }
  main .content .contenttable-wrapper {
    overflow-x: auto;
    float: left;
    width: 100%;
  }
  main .content .contenttable-wrapper table.tabelle {
    width: auto!important;
    white-space: nowrap;
  }
  main .content .newsletter-spieler.bestaetigung {
    min-height: 700px;
  }
  main .content .newsletter-spieler form table.newsletter tbody tr td.w50 {
    width: 100%;
  }
  main .content .newsletter-spieler form table.newsletter tbody tr td.w50:nth-child(1) {
    padding-right: 0;
  }
  main .content .dauerkarten_form tbody tr td.w50 {
    width: 100%;
  }
  main .content .dauerkarten_form tbody tr td.w50:nth-child(1) {
    padding-right: 0!important;
  }
  main .telegramm {
    display: none!important;
  }
  main .tabelle-box table tr td,
  main .tabelle-box table tr th {
    padding: 10px 0!important;
  }
  main .tabelle-box table tr td:nth-child(n+4):nth-child(-n+8),
  main .tabelle-box table tr th:nth-child(n+4):nth-child(-n+8) {
    display: none;
  }
  main .ticker {
    display: block!important;
  }
  main .ticker .display-mobile {
    display: block!important;
    background: #004286;
    padding: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 2%;
  }
  main .ticker .display-mobile span {
    float: right;
  }
  main .ticker .display-screen {
    display: none!important;
  }
  main .ticker .accordionContent {
    display: none;
  }
  main .ticker .live-tab .live-ticker {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
    margin-top: 5%!important;
  }
  main .ticker .live-tab .live-tabelle {
    width: 100%!important;
    margin: 0!important;
    margin-top: 2%!important;
    margin-bottom: 5%!important;
  }
  main .ticker .live-tab .live-ergebnisse {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
  }
  main .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr td,
  main .ticker .live-tab .live-ergebnisse .ergebnisse-box table tr th {
    padding: 10px 0!important;
  }
  main .ticker .live-tab .live-statistik {
    width: 100%!important;
    margin: 0!important;
    margin-bottom: 10%!important;
  }
  main .ticker .live-tab .live-statistik .statistik-box table tr td {
    padding: 10px 0!important;
  }
  main .ticker .live-tab .live-statistik .statistik-box table tr th {
    padding: 10px 0!important;
  }
  main .ticker .aufstellung-tab .team-wappen {
    width: 100%;
    text-align: center;
    margin: 1% 0;
    display: block!important;
  }
  main .ticker .aufstellung-tab .team-wappen img {
    width: 20%;
  }
  main .ticker .aufstellung-tab .aufstellung-headline {
    margin: 0!important;
  }
  main .ticker .aufstellung-tab .aufstellung-headline .section {
    margin-top: 5%!important;
  }
  main .ticker .aufstellung-tab .aufstellung-headline ul li {
    padding: 10px 5px!important;
  }
  main .ticker .aufstellung-tab .aufstellung-headline.spielfeld {
    display: none;
  }
  main .ticker .aufstellung-tab .spieler-links,
  main .ticker .aufstellung-tab .spieler-rechts,
  main .ticker .aufstellung-tab .trainer-links,
  main .ticker .aufstellung-tab .trainer-rechts,
  main .ticker .aufstellung-tab .ersatz-links,
  main .ticker .aufstellung-tab .ersatz-rechts {
    width: 100%!important;
    margin: 0!important;
    float: none!important;
  }
  main .ticker .news-tab {
    padding-right: 0!important;
  }
  main .ticker .news-tab .teaser {
    margin: 10% 0;
  }
  main .ticker .news-tab .teaser > a {
    float: none!important;
    width: 100%!important;
  }
  main .ticker .news-tab .teaser > a img {
    width: 100%;
  }
  main .ticker .news-tab .teaser h3 {
    padding: 3% 0 0 0!important;
  }
  main .ticker .news-tab .teaser p {
    padding: 8px 0;
  }
  main .ticker .news-tab .teaser:nth-child(even) {
    width: 100%!important;
  }
  main .ticker .news-tab .teaser:nth-child(odd) {
    width: 100%!important;
  }
  main .ticker .bilder-tab .bildergalerie {
    margin-bottom: 5%!important;
    text-align: left!important;
  }
  main .ticker .bilder-tab .bildergalerie img {
    width: 49%!important;
    height: auto!important;
  }
  #newsletter-reg p {
    font-size: 13px!important;
    width: 95%!important;
    line-height: 16px!important;
    margin: 0!important;
    font-weight: normal!important;
    padding-bottom: 10px!important;
  }
  #newsletter-reg form input {
    width: 32%!important;
  }
}
@media only screen and (max-width: 460px) {
  main .sponsorenliste ul.partner-list li {
    width: 50%;
  }
}
@media only screen and (max-width: 355px) {
  #newsletter-reg div.close {
    right: -5px !important;
  }
  #newsletter-reg p {
    font-size: 12px!important;
    width: 95%!important;
  }
  #newsletter-reg form button {
    padding: 4px 10px!important;
  }
  #cookie-bar p {
    font-size: 12px!important;
  }
}
@media only screen and (max-width: 320px) {
  main {
    /*AUFMACHER*/
    /*.aufmacher {
			img { min-height: auto!important;}
		}
		*/
    /*SPIELCENTER */
    /*AKTUELL NEWS */
    /*HERTHA TV */
    /*SHOP BEREICH */
    /*BONUS PROGRANN*/
    /*HERTHA BUSINESS */
    /*SOCIAL MEDIA BOX */
    /*MELDUNGEN */
  }
  main .spielcenter h2 {
    font-size: 20px;
    padding-top: 10%!important;
  }
  main .spielcenter .slick-slide img {
    width: 90%!important;
  }
  main .spielcenter .slick-dots {
    bottom: -100% !important;
  }
  main .spielcenter section {
    margin-top: 20%;
  }
  main .spielcenter section.info1,
  main .spielcenter section.info2 {
    margin-top: 5%!important;
  }
  main .spielcenter section.info3 ul {
    font-size: 13px;
  }
  main .spielcenter section.info3 ul li {
    width: 48%!important;
    margin-top: 2%;
  }
  main .aktuellbox h2 {
    padding-top: 10% !important;
  }
  main .herthatv h2 {
    padding-top: 10% !important;
  }
  main .herthatv .elastic-video {
    height: 400px!important;
  }
  main .shopsection {
    padding: 0px;
  }
  main .shopsection div:last-child {
    font-size: 12px;
  }
  main .shopsection div a {
    font-size: 12px;
    width: 60%;
  }
  main .shopsection div img {
    width: 100%;
  }
  main .bonusprogramm {
    padding: 0px;
  }
  main .bonusprogramm div:first-child {
    font-size: 12px;
    width: 50%;
  }
  main .bonusprogramm div:first-child a {
    font-size: 12px;
    width: 100%;
  }
  main .bonusprogramm div:last-child {
    width: 50%;
  }
  main .bonusprogramm div img {
    width: 100%;
  }
  main .bonusprogramm div a.button {
    font-size: 12px!important;
    width: 90%!important;
  }
  main .business-section div:last-child {
    padding-right: 2%!important;
  }
  main .socialbox .sm-filter ul {
    width: 60%;
  }
  main .spieldatenblatt td.heim,
  main .spieldatenblatt td.gast {
    visibility: hidden;
  }
  main .content .spielcenter section {
    margin-top: 3%!important;
  }
  main .content .left .text .elastic-video {
    width: 100%!important;
  }
  main .content .right {
    padding-left: 0%!important;
  }
  main .content .right .interactive .social_nav li {
    width: 60px!important;
  }
  main .content form {
    /*&.filter {
					select { width: 42%!important;}
				}*/
  }
  main .content .w1 {
    width: 100%!important;
  }
}
.mt-20 {
  margin-top: 20px;
}
section.superbanner {
  text-align: center;
  background: white;
  padding: 20px 0;
}
.ad-position-superbanner {
  padding: 20px 0;
  margin-top: -5px;
  text-align: center;
}