main {
  width: 100%;
  /* HOME ******************************/ }
  main .home {
    /* TOP NEWS Tabs der Startseite */
    /* NEWS der Startseite */ }
    main .home .middle {
      background: #eceff4; }
    main .home h2 {
      color: #adb2b9;
      font-size: 16px;
      text-transform: uppercase; }
    main .home h3 {
      color: #adb2b9;
      font-size: 16px; }
    main .home .hauptsponsor {
      padding-left: 0; }
    main .home .ausruester {
      padding-left: 0;
      margin-top: 30px; }
    main .home .Premiumpartner {
      padding-left: 0; }
    main .home .frame-box1 {
      padding: 15px 30px;
      background: #fff; }
    main .home .frame-box1 > .row {
      margin: 0;
      align-items: center; }
    main .home .frame-box1 h3 {
      margin-bottom: 15px;
      text-align: left;
      text-transform: uppercase;
      color: #adb2b9;
      font-family: Panton-Bold;
      font-size: 16px; }
    main .home .frame-box3 h3 a {
      color: #337ab7; }
    main .home .frame-box3 > .row {
      margin: 0;
      align-items: stretch; }
    main .home .frame-box3 .col-md-4 {
      padding: 15px 15px 0; }
    main .home .frame-box3 .col-md-4 img {
      height: 70px;
      width: auto;
      margin-top: 10px;
      margin-bottom: 10px; }
    main .home .frame-box3 svg {
      fill: #a2aaad !important; }
    main .home .frame-box4 {
      padding: 45px 30px 15px;
      background: #fff;
      clip-path: polygon(0 55px, 100% 0, 100% 100%, 0 100%); }
    main .home .frame-box4 h2 {
      font-size: 22px;
      color: #094e9e;
      margin: 0;
      padding-left: 60px; }
    main .home .frame-box5 {
      padding: 15px 30px 45px;
      margin-bottom: -200px;
      background: #fff; }
    main .home .frame-box6 > .row {
      align-items: stretch;
      margin: 0; }
    main .home .frame-box6 .zeichen {
      background: #fff; }
    main .home .frame-box6 .zeichen > div {
      background: #fff;
      height: 100%; }
    main .home .frame-box6 .werbung > div {
      background: #fff;
      height: 100%; }
    main .home .frame-box6 .werbung iframe {
      height: 300px;
      max-width: 100%; }
    main .home .frame-box6 .tabelleKlein {
      padding: 0;
      margin: 15px 0; }
    main .home .frame-space-after-30px {
      margin: 0; }
    main .home .hdabootstrap.frame-default > .row {
      margin-right: 0;
      margin-left: 0; }
    main .home .btop_slide {
      margin-top: 60px;
      position: relative;
      height: 220px;
      display: block;
      overflow: hidden; }
    main .home .tab_body {
      list-style-type: none;
      width: 100%;
      display: block;
      margin: 0;
      padding: 0; }
      main .home .tab_body li {
        height: 200px;
        width: 100%;
        overflow: hidden; }
      main .home .tab_body li h3 {
        max-width: 75%;
        position: absolute;
        z-index: 2;
        top: 100px;
        left: 0;
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0 100%);
        padding: 15px 30px 15px 15px;
        font-size: 16px;
        background: rgba(9, 78, 158, 0.75);
        font-size: 16px;
        margin-bottom: 0; }
      main .home .tab_body li h3 a {
        color: #fff; }
      main .home .tab_body li img {
        height: auto;
        max-width: inherit;
        min-width: 110%; }
      main .home .tab_body li .imageOuter {
        position: relative;
        float: right;
        right: 50%; }
      main .home .tab_body li picture {
        position: relative;
        float: right;
        right: -50%; }
    main .home .con {
      display: none;
      list-style-type: none;
      position: absolute;
      bottom: 0;
      width: 100%;
      margin: 0;
      padding: 0; }
      main .home .con li {
        cursor: pointer;
        padding: 10px 0;
        opacity: 0.85;
        margin: 0 0.2%;
        width: 20%;
        font-family: Panton-Bold;
        text-transform: uppercase;
        background: #003e51;
        color: #fff;
        text-align: center; }
      main .home .con li:first-of-type {
        margin: 0 0.2% 0 0; }
      main .home .con li:last-of-type {
        margin: 0 0 0 0.2%; }
      main .home .con li:hover {
        background: #004e9e; }
      main .home .con li.active {
        background: #004e9e; }
      main .home .con li span {
        display: none; }
    main .home .bjqsNews {
      padding-right: 0;
      padding-left: 0;
      margin-bottom: 15px; }
      main .home .bjqsNews .nav-tabs {
        border: 0;
        background: #fff;
        width: 100%;
        display: flex; }
      main .home .bjqsNews .nav-tabs li {
        margin: 0;
        border: 0;
        border-radius: 0;
        width: 20%;
        text-align: center;
        display: inline-block;
        border-right: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0; }
      main .home .bjqsNews .nav-tabs li:last-of-type {
        border-right: 0; }
      main .home .bjqsNews .nav-tabs li a {
        font-size: 10px;
        border: 0 !important;
        margin: 0 !important;
        border-radius: 0;
        color: #003e51;
        padding: 15px 0 !important;
        font-family: Panton-Bold;
        text-transform: uppercase;
        display: block; }
      main .home .bjqsNews .nav-tabs li.active a {
        color: #fff;
        background: #12aaeb; }
      main .home .bjqsNews .nav-tabs li:not(.active):hover {
        background: #f0f0f0; }
      main .home .bjqsNews .basicSlider {
        position: relative;
        min-height: 400px;
        margin-bottom: 15px; }
      main .home .bjqsNews .basicSlider ul.bjqs {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 100% !important; }
      main .home .bjqsNews .basicSlider li.bjqs-slide {
        width: 100%;
        position: absolute;
        display: none;
        height: 100%; }
      main .home .bjqsNews .basicSlider > ul .mehr {
        text-align: right;
        position: absolute;
        z-index: 74;
        right: 15px;
        bottom: 15px; }
      main .home .bjqsNews .basicSlider > ul .mehr a {
        color: #fff;
        background-color: #12aaeb;
        padding: 5px 15px; }
      main .home .bjqsNews .basicSlider .news-img-wrap {
        width: 100%;
        padding: 0;
        overflow: hidden;
        height: 200px; }
      main .home .bjqsNews .basicSlider .news-img-wrap img {
        width: 100%;
        height: auto; }
      main .home .bjqsNews .basicSlider .newsSlideInhalt {
        height: 200px; }
      main .home .bjqsNews ul.bjqs-controls {
        display: none; }
      main .home .bjqsNews ul.bjqs-controls.v-centered li a {
        position: absolute; }
      main .home .bjqsNews ul.bjqs-controls.v-centered li.bjqs-next a {
        right: 0; }
      main .home .bjqsNews ul.bjqs-controls.v-centered li.bjqs-prev a {
        left: 0; }
      main .home .bjqsNews ol.bjqs-markers {
        position: absolute;
        bottom: 0px;
        left: 0% !important; }
      main .home .bjqsNews ol.bjqs-markers li {
        display: inline; }
      main .home .bjqsNews ol.bjqs-markers li a {
        display: inline-block;
        text-indent: -1000em;
        border-radius: 50%;
        margin-right: 5px;
        border: 1px solid #999;
        width: 10px;
        height: 10px; }
      main .home .bjqsNews ol.bjqs-markers li.active-marker a {
        background: #094e9e; }
    main .home .shopslider {
      padding-right: 0;
      overflow: hidden;
      background: #fff; }
      main .home .shopslider 300px.basicSlider {
        min-height: 350px;
        background: #fff;
        overflow: hidden;
        margin: 0 auto; }
      main .home .shopslider .basicSlider ul.bjqs {
        position: relative;
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
        height: 100% !important; }
      main .home .shopslider .basicSlider li.bjqs-slide {
        width: 100%;
        position: absolute;
        display: none;
        height: 100%; }
      main .home .shopslider ul.bjqs-controls, main .home .shopslider ol.bjqs-markers {
        display: none; }
      main .home .shopslider h3 {
        text-align: center;
        margin: 0;
        width: 100%;
        display: block;
        background: rgba(255, 255, 255, 0.8);
        position: absolute;
        bottom: 0;
        padding: 15px; }
      main .home .shopslider h3 a {
        color: #000; }
  main .footer .trigger {
    padding: 10px 0; }
  main .banner01 {
    background-color: #094e9e;
    width: 100%;
    height: auto;
    text-align: center; }
  main .banner02 {
    display: none;
    background-color: #094e9e;
    width: 100%;
    height: auto;
    text-align: center; }

@media screen and (min-width: 768px) {
  main .home {
    padding-top: 70px; }
    main .home .con {
      display: flex; }
    main .home .frame-space-after-30px {
      margin-bottom: 30px; }
    main .home .btop_slide {
      margin-top: 0;
      height: 320px; }
      main .home .btop_slide .tab_body {
        list-style-type: none;
        width: 100%;
        display: block;
        margin: 0;
        padding: 0; }
        main .home .btop_slide .tab_body li {
          height: 360px;
          width: 100%;
          overflow: hidden; }
        main .home .btop_slide .tab_body li img {
          max-width: 100%;
          min-width: 100%; }
        main .home .btop_slide .tab_body li h3 {
          top: 140px;
          font-size: 24px; }
    main .home .bjqsNews {
      margin-bottom: 0; }
      main .home .bjqsNews .nav-tabs li a {
        font-size: 14px;
        margin-bottom: 0; }
      main .home .bjqsNews .basicSlider {
        min-height: inherit;
        margin-bottom: 0;
        height: 320px !important; }
      main .home .bjqsNews .basicSlider .news-img-wrap {
        margin-left: -1px;
        float: left;
        width: 50%;
        padding: 0;
        overflow: hidden;
        height: 100%; }
      main .home .bjqsNews .basicSlider .news-img-wrap img {
        max-width: inherit;
        height: 100%;
        width: auto;
        transform: translateX(-25%) translateY(-10%); }
      main .home .bjqsNews .basicSlider .newsSlideInhalt {
        float: right;
        width: 50%; }
      main .home .bjqsNews .basicSlider ul.bjqs li {
        height: 400px !important; }
      main .home .bjqsNews .basicSlider > ul .mehr {
        bottom: 105px; }
      main .home .bjqsNews ol.bjqs-markers {
        left: 50% !important; }
    main .home .shopslider {
      background: none; }
      main .home .shopslider > * {
        background: #4698cb;
        color: #fff; }
      main .home .shopslider .basicSlider {
        margin-bottom: 0;
        height: 320px !important;
        background: #fff; }
      main .home .shopslider .basicSlider li.bjqs-slide {
        height: 100% !important; }
      main .home .shopslider .nextMatch {
        height: 50px;
        display: flex; }
        main .home .shopslider .nextMatch .team {
          padding-top: 5px;
          font-weight: 600; }
        main .home .shopslider .nextMatch img {
          width: 16px;
          height: auto; }
    main .home .frame-box6 {
      max-height: 300px;
      overflow: hidden; }
      main .home .frame-box6 .tabelleKlein {
        margin: 0;
        padding-left: 15px; }
    main .home .frame-box3 h2 {
      font-size: 20px; }
    main .home .banner01 {
      display: none; }
    main .home .banner02 {
      display: block; } }

@media screen and (min-width: 992px) {
  main .home .btop_slide {
    height: 400px; }
    main .home .tab_body li h3 {
      top: 160px; }
    main .home .banner02 {
      display: none; } }

@media screen and (min-width: 1200px) {
  main .home {
    padding-top: 100px; }
    main .home .btop_slide {
      height: 500px; }
    main .home .btop_slide .tab_body li {
      height: 500px; }
    main .home .btop_slide .tab_body li h3 {
      max-width: 50%;
      top: 340px; }
    main .home .frame-box5 {
      margin-bottom: -150px;
      padding-bottom: 80px; } }