<style type="text/css">

  *,
  td,
  th,
  intro {
    font-size: 9pt;
  }

  /* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

  #splashScreen {
    position: absolute;
    right: 40%;
    top: 55%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 10px solid rgba(0, 0, 0, .0);
    border-radius: 50%;
    border-top: 16px solid #0D535F;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }

  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }


  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting:before,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_asc:before,
  table.dataTable thead .sorting_asc_disabled:after,
  table.dataTable thead .sorting_asc_disabled:before,
  table.dataTable thead .sorting_desc:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc_disabled:after,
  table.dataTable thead .sorting_desc_disabled:before {
    bottom: .5em;
  }

  table.dataTable.compact thead th, table.dataTable.compact thead td {
    text-align: left;
}

  h1 {
    margin: 50px 0 0 0;
    text-align: center;
  }

  .intro {
    margin: 25px 0 25px 0;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
  }

  #penalties {
    padding: 0;
  }

  .imprint {
    text-align: right;
    margin: 10px;
  }

  .imprint a {
    color: #777;
  }

  .marquee {
    width: 100%;
    overflow: hidden;
  }

  .marquee ul {
    list-style-type: none;
  }

  .marquee li {
    float: left;
    margin: 0 5px;
    padding: 0 5px;
  }

  .logo {
    width: 100%;
    text-align: right;
    margin-top: -50px;
  }

  .logo img {
    margin-left: 10px;
  }

  #marquee_container {
    width: 100%;
    height: 40px;
    margin: 20px 0;
  }

  table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,
  table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
    height: 15px;
    width: 15px;
    border-radius: 15px;
    line-height: 15px;
  }

  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
  table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    background-color: #0D535F;
    opacity: 0.7;
  }

  table.dataTable.dtr-column>tbody>tr>td.dtr-control:before, table.dataTable.dtr-column>tbody>tr>th.dtr-control:before, table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
    top: 30px !important;
    height: 0.95em !important;
    width: 1.0em !important;
  }

  .container {
    max-width: 98% !important;
  }

  @media all and (max-width: 1270px) {

    table.dataTable.dtr-column>tbody>tr>td.dtr-control, table.dataTable.dtr-column>tbody>tr>th.dtr-control {
      padding-right: 50px !important;
    }

    #penalties td:nth-child(2) {
      padding-top: 4px !important;
    }

    #rowfilter {
      display: none;
    }

    #myShareButton {
      display:none;
    }

    #marquee_container {
      margin: 20px 0 50px 0;
    }

    .container {
      max-width: 100% !important;
    }

    h1 {
      font-size: 35px;
      text-align: left;
    }

  }

  @media all and (max-width: 1100px) {

    *,
    td,
    th,
    intro {
      font-size: 1.1rem;
    }

  }


  body {
    font-family: 'Open Sans';
    background: #fafafa;
    font-size: 9pt;

  }

  p {
    font-family: 'Open Sans';
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
  }

  a,
  a:hover,
  a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
  }

  a.blue {
    color: #0D535F;
    text-decoration: underline;
  }

a.blau {
    color: #0D535F !important;
    text-decoration: underline;
  }

  .navbar {
    padding: 15px 10px;
    background: transparent !important;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
font-weight: unset;
-webkit-box-shadow: none !important;
box-shadow: none !important;
  }

  .navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
  }

  .line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
  }

  /* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */

  .wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
  }

  #sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #0D535F;
    color: #fff;
    transition: all 0.3s;
  }

  #sidebar.active {
    margin-left: -265px;
  }

  #sidebar .sidebar-header {
    padding-top: 20px;
    background: #0D535F;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #sidebar ul.components {
    padding: 20px 0;
  }

  #sidebar ul.components2 {
    padding: 20px 0;
  }

  #sidebar ul p {
    color: #fff;
    padding: 10px;
  }

  #sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
  }

  #sidebar ul li a:hover {
    color: #0D535F;
    background: #fff;
  }

  #sidebar ul li.active>a,
  a[aria-expanded="true"] {
    color: #fff;
    background: #0D535F;
  }

  a[data-toggle="collapse"] {
    position: relative;
  }

  .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  }

  ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #0D535F;
  }

  ul.CTAs {
    padding: 20px;
  }

  ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
  }

  a.download {
    background: #fff;
    color: #0D535F;
  }

  a.article,
  a.article:hover {
    background: #0D535F !important;
    color: #fff !important;
  }

  .btn-info {
    color: #fff;
    background-color: #0D535F;
    border-color: #0D535F;
  }


  .carousel-indicators {
    position: relative;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    margin-bottom: 0px;
  }

  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 10px;
    margin-bottom: 0px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #0D535F;
    opacity: .5;
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  }

  .carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 10px;
    margin-bottom: 0px;
    opacity: 1.0;
    background-color: #0D535F;
  }

  /* ---------------------------------------------------
CONTENT STYLE
----------------------------------------------------- */

  #content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
  }

  /* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */

  @media (max-width: 1100px) {
    #sidebar {
      display: none;
    }
table textarea { min-width: 150px; }
    #sidebar.active {
      display: none;
    }

    #sidebarCollapse span {
      display: none;
    }

    #sidebarCollapse {
      display: none;
    }

    .collapse:not(.show) {
      display: block !important;
    }

  }

</style>
