#main #startseite .newsSubline > span.text.white {
  background-color: #f2f2f2;
  color: #333; }
#main #startseite .newsSubline > span.text.green, #main #startseite .newsSubline > span.text.statistik {
  background-color: #749f18; }
#main #startseite .newsSubline > span.text.red, #main #startseite .newsSubline > span.text.wettbewerb {
  background-color: #8f1a29; }
#main #startseite .newsSubline > span.text.yellow, #main #startseite .newsSubline > span.text.community {
  background-color: #efa93b; }
#main #startseite .newsSubline > span.text.violett, #main #startseite .newsSubline > span.text.tv {
  background-color: #8d5ba1; }
#main #startseite .newsSubline > span.text.darkblue, #main #startseite .newsSubline > span.text.internes {
  background-color: #1a3151; }
#main #startseite .newsSubline > span.text.news {
  background-color: #00aded; }
#main #startseite .news-slider,
#main #startseite .statsitikTeaser.immerBesser,
#main #startseite .statsitikTeaser.wahreTabelle {
  height: 423px;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    #main #startseite .news-slider,
    #main #startseite .statsitikTeaser.immerBesser,
    #main #startseite .statsitikTeaser.wahreTabelle {
      height: auto;
      overflow: visible; } }
  @media only screen and (max-width: 767px) {
    #main #startseite .news-slider .swiper-slide,
    #main #startseite .statsitikTeaser.immerBesser .swiper-slide,
    #main #startseite .statsitikTeaser.wahreTabelle .swiper-slide {
      margin-bottom: 26px; } }
  #main #startseite .news-slider .slider-foto,
  #main #startseite .statsitikTeaser.immerBesser .slider-foto,
  #main #startseite .statsitikTeaser.wahreTabelle .slider-foto {
    height: 370px; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .slider-foto,
      #main #startseite .statsitikTeaser.immerBesser .slider-foto,
      #main #startseite .statsitikTeaser.wahreTabelle .slider-foto {
        width: 100%;
        height: calc(100vw / 1.609); } }
  #main #startseite .news-slider .quelle,
  #main #startseite .statsitikTeaser.immerBesser .quelle,
  #main #startseite .statsitikTeaser.wahreTabelle .quelle {
    position: absolute;
    padding: 5px;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 11px;
    font-family: "Oswald", sans-serif;
    display: none; }
    #main #startseite .news-slider .quelle span,
    #main #startseite .statsitikTeaser.immerBesser .quelle span,
    #main #startseite .statsitikTeaser.wahreTabelle .quelle span {
      font-size: 10px; }
  #main #startseite .news-slider .newsSubline,
  #main #startseite .statsitikTeaser.immerBesser .newsSubline,
  #main #startseite .statsitikTeaser.wahreTabelle .newsSubline {
    position: absolute;
    bottom: 112px;
    z-index: 2; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .newsSubline,
      #main #startseite .statsitikTeaser.immerBesser .newsSubline,
      #main #startseite .statsitikTeaser.wahreTabelle .newsSubline {
        bottom: 60px; } }
    #main #startseite .news-slider .newsSubline::after,
    #main #startseite .statsitikTeaser.immerBesser .newsSubline::after,
    #main #startseite .statsitikTeaser.wahreTabelle .newsSubline::after {
      position: relative; }
    #main #startseite .news-slider .newsSubline > span,
    #main #startseite .statsitikTeaser.immerBesser .newsSubline > span,
    #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span {
      display: inline-block;
      color: #fff;
      line-height: 1;
      font-weight: 700;
      font-family: "Oswald", sans-serif;
      text-transform: uppercase; }
      #main #startseite .news-slider .newsSubline > span.text,
      #main #startseite .statsitikTeaser.immerBesser .newsSubline > span.text,
      #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span.text {
        background-color: #00aded;
        font-size: 15px;
        padding: 5px 10px 5px 10px; }
        @media only screen and (max-width: 767px) {
          #main #startseite .news-slider .newsSubline > span.text,
          #main #startseite .statsitikTeaser.immerBesser .newsSubline > span.text,
          #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span.text {
            padding: 3px 10px 3px 10px;
            font-size: 12px; } }
        #main #startseite .news-slider .newsSubline > span.text.wahretabelle,
        #main #startseite .statsitikTeaser.immerBesser .newsSubline > span.text.wahretabelle,
        #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span.text.wahretabelle {
          background-color: #429535; }
        #main #startseite .news-slider .newsSubline > span.text.news-update,
        #main #startseite .statsitikTeaser.immerBesser .newsSubline > span.text.news-update,
        #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span.text.news-update {
          background-color: #bd2e2b; }
      #main #startseite .news-slider .newsSubline > span.zusatz,
      #main #startseite .statsitikTeaser.immerBesser .newsSubline > span.zusatz,
      #main #startseite .statsitikTeaser.wahreTabelle .newsSubline > span.zusatz {
        margin-left: 10px;
        background-color: #8f1a29;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 15px;
        cursor: pointer; }
  #main #startseite .news-slider .newsHeadline,
  #main #startseite .statsitikTeaser.immerBesser .newsHeadline,
  #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline {
    display: table;
    position: absolute;
    bottom: 7px;
    height: 95px;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    margin: 0 0 0 102px;
    width: calc(100% - 102px); }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .newsHeadline,
      #main #startseite .statsitikTeaser.immerBesser .newsHeadline,
      #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline {
        bottom: 7px;
        height: 45px;
        margin: 0 0 0 50px;
        padding: 0 0 0 10px;
        width: calc(100% - 70px); } }
    #main #startseite .news-slider .newsHeadline > h3,
    #main #startseite .statsitikTeaser.immerBesser .newsHeadline > h3,
    #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline > h3 {
      font-size: 30px;
      font-weight: 400;
      color: #fff;
      padding: 0 10px;
      font-family: "Oswald", sans-serif;
      line-height: 37px;
      vertical-align: middle;
      display: table-cell; }
      @media only screen and (max-width: 767px) {
        #main #startseite .news-slider .newsHeadline > h3,
        #main #startseite .statsitikTeaser.immerBesser .newsHeadline > h3,
        #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline > h3 {
          font-size: 15px;
          line-height: 20px;
          padding: 0 0 0 5px; } }
      #main #startseite .news-slider .newsHeadline > h3 a,
      #main #startseite .statsitikTeaser.immerBesser .newsHeadline > h3 a,
      #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline > h3 a {
        color: #fff; }
    #main #startseite .news-slider .newsHeadline > h3:hover,
    #main #startseite .statsitikTeaser.immerBesser .newsHeadline > h3:hover,
    #main #startseite .statsitikTeaser.wahreTabelle .newsHeadline > h3:hover {
      color: #00aded;
      text-decoration: none !important;
      -moz-transition: color 0.08s ease-in;
      -o-transition: color 0.08s ease-in;
      -webkit-transition: color 0.08s ease-in;
      transition: color 0.08s ease-in; }
  #main #startseite .news-slider .videoHeadline > h3,
  #main #startseite .statsitikTeaser.immerBesser .videoHeadline > h3,
  #main #startseite .statsitikTeaser.wahreTabelle .videoHeadline > h3 {
    position: absolute;
    min-height: 95px;
    height: 95px;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0);
    font-size: 34px;
    line-height: 1.3;
    font-weight: 400;
    color: #fff;
    padding: 0 35px 0 10px;
    font-family: "Oswald", sans-serif;
    left: 5px; }
    #main #startseite .news-slider .videoHeadline > h3 a,
    #main #startseite .statsitikTeaser.immerBesser .videoHeadline > h3 a,
    #main #startseite .statsitikTeaser.wahreTabelle .videoHeadline > h3 a {
      color: #fff; }
  #main #startseite .news-slider .newsWappen,
  #main #startseite .statsitikTeaser.immerBesser .newsWappen,
  #main #startseite .statsitikTeaser.wahreTabelle .newsWappen {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 92px;
    height: 92px;
    padding: 10px;
    background-color: #fff; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .newsWappen,
      #main #startseite .statsitikTeaser.immerBesser .newsWappen,
      #main #startseite .statsitikTeaser.wahreTabelle .newsWappen {
        width: 40px;
        height: 40px;
        bottom: 10px;
        left: 10px;
        padding: 5px; } }
    #main #startseite .news-slider .newsWappen img,
    #main #startseite .statsitikTeaser.immerBesser .newsWappen img,
    #main #startseite .statsitikTeaser.wahreTabelle .newsWappen img {
      height: initial;
      width: initial; }
  #main #startseite .news-slider .nmFlagge,
  #main #startseite .statsitikTeaser.immerBesser .nmFlagge,
  #main #startseite .statsitikTeaser.wahreTabelle .nmFlagge {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 2px solid #ccc; }
  #main #startseite .news-slider .newsHeadlineBackground,
  #main #startseite .statsitikTeaser.immerBesser .newsHeadlineBackground,
  #main #startseite .statsitikTeaser.wahreTabelle .newsHeadlineBackground {
    position: absolute;
    height: 153px;
    background: rgba(255, 255, 255, 0.001);
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top, #1a3151 25%, rgba(26, 49, 81, 0.001));
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top, #1a3151 25%, rgba(26, 49, 81, 0.001));
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top, #1a3151 25%, rgba(26, 49, 81, 0.001));
    /* For Firefox 3.6 to 15 */
    background: -webkit-gradient(to top, #1a3151 25%, rgba(26, 49, 81, 0.001));
    background: linear-gradient(to top, #1a3151 25%, rgba(26, 49, 81, 0.001));
    width: 100%;
    bottom: 0;
    border-bottom: 53px solid #1a3151; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .newsHeadlineBackground,
      #main #startseite .statsitikTeaser.immerBesser .newsHeadlineBackground,
      #main #startseite .statsitikTeaser.wahreTabelle .newsHeadlineBackground {
        height: 80px;
        border-bottom: 19px solid #1a3151; } }
  #main #startseite .news-slider .newsFallbackWappen,
  #main #startseite .statsitikTeaser.immerBesser .newsFallbackWappen,
  #main #startseite .statsitikTeaser.wahreTabelle .newsFallbackWappen {
    position: absolute;
    top: 100px;
    left: 50%; }
    #main #startseite .news-slider .newsFallbackWappen img,
    #main #startseite .statsitikTeaser.immerBesser .newsFallbackWappen img,
    #main #startseite .statsitikTeaser.wahreTabelle .newsFallbackWappen img {
      width: 150px;
      -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.75));
      filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.75));
      z-index: 2; }
  #main #startseite .news-slider .newsFallbackSpielerbild,
  #main #startseite .statsitikTeaser.immerBesser .newsFallbackSpielerbild,
  #main #startseite .statsitikTeaser.wahreTabelle .newsFallbackSpielerbild {
    position: absolute;
    top: 30px;
    left: 35%;
    background-color: #fff;
    border: 3px solid #fff;
    -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.75));
    filter: drop-shadow(0px 0px 8px rgba(255, 255, 255, 0.75));
    z-index: 3;
    height: 214px; }
    #main #startseite .news-slider .newsFallbackSpielerbild img,
    #main #startseite .statsitikTeaser.immerBesser .newsFallbackSpielerbild img,
    #main #startseite .statsitikTeaser.wahreTabelle .newsFallbackSpielerbild img {
      width: 160px; }
  #main #startseite .news-slider .swiper-pagination,
  #main #startseite .statsitikTeaser.immerBesser .swiper-pagination,
  #main #startseite .statsitikTeaser.wahreTabelle .swiper-pagination {
    top: 6px;
    left: 6px;
    text-align: left;
    width: auto;
    height: 13px;
    z-index: 301;
    background: none; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .swiper-pagination,
      #main #startseite .statsitikTeaser.immerBesser .swiper-pagination,
      #main #startseite .statsitikTeaser.wahreTabelle .swiper-pagination {
        top: calc(100vw / 1.609);
        left: 0px;
        padding: 0 0 3px 0;
        text-align: center;
        background-color: #fff;
        width: 100%;
        height: 26px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        justify-content: center; } }
  #main #startseite .news-slider .swiper-pagination-bullet,
  #main #startseite .statsitikTeaser.immerBesser .swiper-pagination-bullet,
  #main #startseite .statsitikTeaser.wahreTabelle .swiper-pagination-bullet {
    height: 13px;
    width: 13px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px;
    opacity: 1; }
    @media only screen and (max-width: 767px) {
      #main #startseite .news-slider .swiper-pagination-bullet,
      #main #startseite .statsitikTeaser.immerBesser .swiper-pagination-bullet,
      #main #startseite .statsitikTeaser.wahreTabelle .swiper-pagination-bullet {
        height: 7px;
        width: 7px;
        background: #ccc;
        margin: 5px 2px 0 2px; } }
  #main #startseite .news-slider .swiper-pagination-bullet-active,
  #main #startseite .statsitikTeaser.immerBesser .swiper-pagination-bullet-active,
  #main #startseite .statsitikTeaser.wahreTabelle .swiper-pagination-bullet-active {
    background: #00aded; }
#main #startseite .statsitikTeaser.wahreTabelle .newsHeadlineBackground {
  background: -webkit-linear-gradient(to top, #35652f, transparent);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to top, #35652f, transparent);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to top, #35652f, transparent);
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(to top, #35652f, transparent);
  background: linear-gradient(to top, #35652f, transparent);
  border-bottom: 53px solid #35652f; }
  @media only screen and (max-width: 767px) {
    #main #startseite .statsitikTeaser.wahreTabelle .newsHeadlineBackground {
      border-bottom: 19px solid #35652f; } }
#main #startseite #swiper-newsRotation a.newsslider-hauptlink {
  display: block; }
#main #startseite #swiper-newsRotation .news-video {
  position: absolute;
  height: 30px;
  top: 10px;
  right: 10px; }
#main #startseite .go-prev-newsslider,
#main #startseite .go-next-newsslider {
  position: absolute;
  width: 80px;
  top: 0;
  height: 290px;
  display: inline;
  z-index: 300;
  cursor: pointer; }
#main #startseite .go-prev-newsslider {
  left: 0; }
#main #startseite .go-next-newsslider {
  right: 0; }
#main #startseite .go-prev-newsslider:hover .pfeil,
#main #startseite .go-next-newsslider:hover .pfeil {
  background: white !important; }
#main #startseite .pfeil-container-links {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -45px;
  height: 120px;
  width: 60px; }
  @media only screen and (max-width: 767px) {
    #main #startseite .pfeil-container-links {
      margin-top: -24px; } }
#main #startseite .pfeil-container-rechts {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -45px;
  height: 120px;
  width: 60px; }
  @media only screen and (max-width: 767px) {
    #main #startseite .pfeil-container-rechts {
      margin-top: -24px; } }
#main #startseite .pfeil {
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.25s ease-out 0s; }
#main #startseite .links-pfeil {
  position: relative;
  left: 30px; }
#main #startseite .rechts-pfeil {
  position: relative;
  right: -20px; }

@media only screen and (max-width: 767px) {
  #main #startseite #swiper-newsRotation .go-prev-newsslider,
  #main #startseite #swiper-newsRotation .go-next-newsslider {
    height: 120px; } }
  @media only screen and (max-width: 767px) and (min-width: 374px) {
    #main #startseite #swiper-newsRotation .go-prev-newsslider,
    #main #startseite #swiper-newsRotation .go-next-newsslider {
      height: 155px; } }
  @media only screen and (max-width: 767px) and (min-width: 414px) {
    #main #startseite #swiper-newsRotation .go-prev-newsslider,
    #main #startseite #swiper-newsRotation .go-next-newsslider {
      height: 179px; } }
@media only screen and (max-width: 767px) {
  #main #startseite #swiper-newsRotation .news-slider .go-prev-newsslider {
    display: block; }
  #main #startseite #swiper-newsRotation .pfeil-container-links {
    position: absolute;
    left: 6px;
    height: 130px;
    width: 10px; }
  #main #startseite #swiper-newsRotation .pfeil-container-rechts {
    position: absolute;
    right: 0px;
    height: 130px;
    width: 10px; }
  #main #startseite #swiper-newsRotation .pfeil-section {
    display: block;
    position: absolute;
    height: 24px;
    width: 3px;
    background: inherit; }
  #main #startseite #swiper-newsRotation .links-pfeil {
    position: relative;
    left: 10px; }
  #main #startseite #swiper-newsRotation .rechts-pfeil {
    position: relative;
    right: 8px; }
  #main #startseite #swiper-newsRotation .pfeil-bottom {
    top: 24px; }
  #main #startseite #swiper-newsRotation .news-video {
    height: 20px; } }

/*# sourceMappingURL=startseite_newsRotationWidget.css.map */