body {
        display:-webkit-flex;
        display: flex;
                display: -ms-flex
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
                -ms-flex-flow: row wrap;
      }


      /* Mobile first - alle Dokument-Blöcke bekommen 100% Breite */
      header, ticker, nav, nav a, navSport, navSport a, navInhalt, navInhalt a, article, section, aside, wblock, footer {
        border-radius: 0px 0.5em 0.5em;
        border: 1px solid;
        padding: 5px;
        margin: 5px;
        -webkit-flex: 1 100%;
        flex: 1 100%;
                -ms-flex: 1 100%;
      }

          }
      article img {
        -webkit-flex: 0px 0px 400px;
        flex: 0px 0px 400px;
                -ms-flex: 0px 0px 400px;
      }

      header {
        border-color: #ffffff;
        display:-webkit-flex;
        -webkit-flex-flow: row wrap;
        display: flex;
        flex-flow: row wrap;
                display: -ms-flex;
        -ms-flex-flow: row wrap;
      }
      header * {
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
                -ms-flex: 1 1 0%;
      }
      header img {
        -webkit-flex: 0px 0px 400px;
        flex: 0px 0px 400px;
                -ms-flex: 0px 0px 400px;
      }

      header nav {
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
                -ms-flex: 1 1 100%;
      }
      nav, nav ul, nav li{
        margin: 0;
        padding:0;
        border:none;
      }
      nav ul {
        display: -webkit-flex;
        -webkit-flex-direction: column;
        display: flex;
        flex-direction: column;
                display: -ms-flex;
        -ms-flex-direction: column;
      }
      nav li {
        list-style-type:none;
        margin: 0 0;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
                -ms-flex: 1 1 100%;
      }
      nav a {
        display:inline-block;
        width:95%;
        background: #e4ebf2;
                background-image: linear-gradient(to bottom,#f1d4a6,#ebbe7a);
        border: 1px solid #e4ae96;
        margin: 0;
                font-family: Verdana;
        font-weight: normal;
        color: #334f97;
        text-decoration: none;
        text-align: center;
      }
      nav a:hover {
        background-image: linear-gradient(to bottom,#ebbe7a,#f1d4a6);
      }
          nav a:visited {
        color: #334f97;
      }

          ticker {
        background: #cdb370;
        border-color: #d5d5d5;
                font-family: Verdana;
                font-size: 12px;
        display:-webkit-flex;
        -webkit-flex-flow: row wrap;
        display: flex;
        flex-flow: row wrap;
                display: -ms-flex;
        -ms-flex-flow: row wrap;
      }

          navSport, navSport ul, navSport li{
        margin: 0;
        padding:0;
        border: none;
      }
      navSport ul {
        display: -webkit-flex;
        -webkit-flex-direction: column;
        display: flex;
        flex-direction: column;
                display: -ms-flex;
        -ms-flex-direction: column;
                min-height: 95vh;
      }
      navSport li {
        list-style-type: none;
        margin: 0 0;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
                -ms-flex: 1 1 100%;
      }
      navSport a {
        display:inline-block;
        width:95%;
        background: #f1d4a6;
                border: 1px solid #996633;
        margin: 0;
                font-family: Verdana;
        font-weight: normal;
                color: #334f97;
        text-decoration: none;
        text-align: left;
      }
      navSport a:hover {
        background-image: linear-gradient(to bottom,#f1d4a6,#ebbe7a);
      }
          navSport a:visited {
        color: #334f97;
      }
          navInhalt, navInhalt ul, navInhalt li{
        margin: 0;
        padding:0;
        border: none;
      }
      navInhalt ul {
        display: -webkit-flex;
        -webkit-flex-direction: column;
        display: flex;
        flex-direction: column;
                display: -ms-flex;
        -ms-flex-direction: column;
                min-height: 3vh;
      }
      navInhalt li {
        list-style-type: none;
        margin: 0 0;
        -webkit-flex: 1 1 100%;
        flex: 1 1 100%;
                -ms-flex: 1 1 100%;
      }
      navInhalt a {
        display:inline-block;
        width:95%;
        background: #bbcad6;
                border: 0;
        margin: 0;
                font-family: Verdana;
        font-weight: normal;
                color: #334f97;
        text-decoration: none;
        text-align: left;
      }
      navInhalt a:hover {
        background-image: linear-gradient(to bottom,#f1d4a6,#ebbe7a);
      }
          navInhalt a:visited {
        color: #334f97;
      }

      section {
        background: #f1d4a6;
        border-color: #e4ae96;
      }
      article {
        background: #bbcad6;
                color: #334f97;
        border-color: #334f97;
      }
      aside {
        background: #f1d4a6;
        border-color: #e4ae96;
      }
          wblock {
        background: #bbcad6;
        border-color: #334f97;
        display:-webkit-flex;
        -webkit-flex-flow: row wrap;
        display: flex;
        flex-flow: row wrap;
                justify-content: space-around;
                display: -ms-flex;
        -ms-flex-flow: row wrap;
                -ms-justify-content: space-around;
      }
          wblock img {
        -webkit-flex: 0 0 180px;
        flex: 0 0 140px;
                -ms-flex: 0 0 140px;
      }
          wblock h6 {
                  display: inline-block;
                  font-family: Verdana;
          color: #996633;
                  transform: rotate(-90deg);
          }

          aside {
                  font-size: 12px;
                  font-family: Verdana;
                  font-weight: bold;
                  color: #996633;
      }
      #news {
                font-size: 12px;
                font-family: Verdana;
        font-weight: bold;
                color: #996633;
      }
      footer {
        background: #ffffff;
        border-color: #ffffff;
        display:-webkit-flex;
        -webkit-flex-flow: row wrap;
        display: flex;
        flex-flow: row wrap;
      }

          #video_player {
                display: table; line-height: 0;
                font-size: 0; background: #bbcad6;
                max-width: 640px;
                margin: 0 auto;
          }
          #video_player video { display: table-row; }
          #video_container {
                position: relative;
          }
          #video_player div,  {
                display: table-cell;
                vertical-align: top;
          }
          #video_player figcaption {
                display: table-row;
                vertical-align: top;
          }

          #video_container video {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                top: 0;
         }
         #video_container { padding-top: 56.25%; }
         #video_player figcaption { width: 25%; }
         #video_player figcaption a { display: inline-block; width: 33.33%; }
         #video_player figcaption a {
                opacity: .5;
                transition: 1s opacity;
         }
         #video_player figcaption a img, figure video {
                width: 100%; height: auto;
         }
         #video_player figcaption a.currentvid, #video_player figcaption a:hover, #video_player figcaption a:focus { opacity: 1; }

         #pscroller{
                width: 100%;
                height: 105px;
                border: 0px;
                padding: 0px;
        }

      /* Smart Phones und Tablets mit mittlerer Auflösung */
      @media all and (min-width: 35em) {
      header img {
        margin-right: 0px;
      }
      nav ul {
        -webkit-flex-direction: row;
        flex-direction: row;
                -ms-flex-direction: row;
      }
      nav li {
        margin: 0 5px;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;
                -ms-flex: 1 1 0%;
      }
      article {
        webkit-order: 2;
        order: 2;
                -ms-order: 2;
      }
      #news {
        -webkit-flex: 1 auto;
        -webkit-order: 3;
        flex: 1 auto;
                -ms-flex: 1 auto;
        order: 3;
                -ms-order: 3;
                font-family: Verdana;
        font-weight: bold;
                color: #996633;
      }
      aside {
      /* durch auto werden die beiden asides in eine Zeile gesetzt */
        -webkit-flex: 1 auto;
        -webikit-order: 4;
        flex: 1 auto;
                -ms-flex: 1 auto;
        order: 4;
                -ms-order: 4;
                font-family: Verdana;
        font-weight: bold;
                color: #996633;
      }
      footer {
        webkit-order: 5;
        order: 5;
                -ms-order: 5;
      }

        #pscroller{
                width: 100%;
                height: 55px;
                border: 0px;
                padding: 0px;
                  }
    }

     /* Large screens */
     @media all and (min-width: 50em) {
     article {
        /* Der Article wird 2.5x so breit wie die beiden asides! */
        -webkit-flex: 5 1 0%;
        -webkit-order: 3;
        order: 3;
        flex: 5 1 0%;
                -ms-order: 3;
                -ms-flex: 5 1 0%;
      }
      aside {
                  font-size: 12px;
                  font-family: Verdana;
                  font-weight: bold;
                  color: #996633;
          flex: 2 1 0%;
                  -ms-flex: 2 1 0%;
      }
      #news {
                font-size: 12px;
                font-family: Verdana;
        font-weight: bold;
                color: #996633;
        flex: 2 1 0%;
                -ms-flex: 2 1 0%;
      }

        #pscroller{
                width: 100%;
                height: 50px;
                border: 0px;
                padding: 0px;
        }
}

.submit_btn{
                display:inline-block;
            width:20%;
            background: #bbcad6;
                    background-image: linear-gradient(to bottom,#ebbe7a,#f1d4a6);
                        cursor:pointer;
            border: 1px solid #8a9da8;
            margin: 0;
                    font-size: 12px;
                        font-family: Verdana;
                        font-weight: bold;
            color: #334f97;
            text-decoration: none;
            text-align: center;
                   }
h6 {
    display: inline-block;
        font-family: Verdana;
    color: #996633;
}

h3 {
    display: inline-block;
        font-family: Verdana;
    color: #334f97;
}

.tabelle
{
width:100%;
margin:0 0 2px 0;
}

.tabelle caption
{
background-color:#6688AA;
text-align:center;
font-family: Verdana;
font-weight:normal;
font-size: 12px;
color:#334f97;
padding:1px 0 1px 0;
}

.tabelle thead th
{
font:normal normal normal 12px  Verdana;
padding:1px 1px;
background-color:#b3d7e5;
border:1px solid #FFFFFF;
text-align:center;
color:#334f97;
}


.tabelle td
{
font:normal normal normal 14px  Verdana;
padding:1px 1px;
background:#DDEEFF;
border:1px solid #FFFFFF;
line-height:130%;
color:#226a68;
}

.ansetzungen
{
width:100%;
margin:0 0 5px 0;
}

.ansetzungen caption
{
background-color:#b3d7e5;
text-align:center;
font-family: Verdana;
font-weight:normal;
font-size: 14px;
color:#FFFFFF;
padding:1px 0 1px 0;
}

.ansetzungen thead th
{
font:normal normal normal 12px  Verdana;
padding:0px 0px;
border:0px solid #FFFFFF;
text-align:left;
color:#334f97;
}


.ansetzungen td
{
font:normal normal normal 14px  Verdana;
padding:0px 0px;
background:#DDEEFF;
border:0px solid #FFFFFF;
line-height:130%;
color:#334f97;
}

_:-ms-fullscreen, :root  navSPORT li { margin: 3.0em 0em;}