body {
        color: #fff;
        background-color: #333333;
      }
      
      hr {
        border-top: 1px dotted #fff;
      }
      
        a {
        outline: 0;
      }
      
      .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: 'Teko', sans-serif;
        color: #ff7f2a !important;
      }
      .h1, h1 {
        font-size: 3rem;
      }
      
      .h2, h2 {
        font-size: 3rem;
      }
      /*CUSTOM STYLES F. LIGHTBOX*/
      .modal-content {
        border-radius: 0px;
      }
      
      .modal-header {
        padding: .5rem 1rem;
        padding-top: .85rem;
        border-radius: 0px;
      }
      
      .modal-title {
        line-height: 1 !important;
        font-size: 2rem !important;
      }
      
      .modal-body {
        padding: 0;
        border-radius: 0px;
      }
      
      .welcome {
            margin-bottom: 0px;
      }
      
      #social {
        display: flex;
        align-items: center;
      }
      
      #footer .fa:first-of-type {
        margin-left: 0px;
        margin-right: -5px;
      }
      
      #footer .fa {
        font-size: 24px;
        width: 24px;
        margin: 0px 5px;
        height: 24px;
      }
      
      .fa:hover {
        color: #ff7f2a;
        text-decoration: none;
      }
      
      .fa-facebook {
        background: #333333;
        color: white;
      }
      
      .fa-twitter {
        background: #333333;
        color: white;
      }
      
      .fa-linkedin {
        background: #333333;
        color: white;
      }
      
      .fa-envelope {
        background: #333333;
        color: white;
      }
      
      nav {
        vertical-align: middle;
        border-bottom: 1px solid #fff;
        font-family: 'Teko';
        font-size: 22px;
        font-weight: lighter !important;
        line-height: 22px;
      }

      a:hover svg path{
            fill: #ff7f2a !important;
      }
      
      a:active svg path{
            fill: #ff7f2a !important;
      }      

      .mr-auto > li > a {
        color: #fff !important;
      }
      
      .mr-auto > li > a:hover {
        color: #ff7f2a !important;

      }
      
      .mr-auto > li > a:active {
        color: #ff7f2a !important;

      }
      
      .ml-auto > li > a {
        color: #fff !important;
        padding-right: 0px !important;
      }
      
      .ml-auto > li > a:focus {
        color: #ff7f2a !important;
      }
      
      .ml-auto > li > a:hover {
        color: #ff7f2a !important;
      }
      
      .ml-auto > li > a:active {
        color: #ff7f2a !important;
        opacity: 0.6;
      }
      
      .ml-auto .dropdown-menu {
        font-family: 'Teko';
        font-size: 22px;
        font-weight: lighter !important;
        line-height: 22px;
        left: auto !important;
        right: 0 !important;
        border: none;
        border-radius: 0px;
        background-color: transparent;
        text-align: right;
        padding-top: 1.25rem;
      }
      
      .ml-auto .dropdown-menu a {
                  padding-right: 0px;
                  padding-left: 0;
                  background-color: transparent;
                  color: #fff !important;
                  opacity: 1;
                  padding-top: 8px;
                  padding-bottom: 8px;
            }
            .ml-auto .dropdown-menu a:hover {
                  padding-right: 0px;
                  padding-left: 0;
                  background-color: transparent;
                  color: #ff7f2a !important;
            }
            .ml-auto .dropdown-menu a:active {
                  padding-right: 0px;
                  padding-left: 0;
                  opacity: 0;
                  background-color: transparent;
                  color: #ff7f2a !important;
            }
      
      @media screen and (max-width:991px) {
            .ml-auto .dropdown-menu {
                  left: auto !important;
                  right: 0 !important;
                  border: none;
                  border-radius: 0px;
                  background-color: #333333;
                  text-align: left;
                  opacity: 1;
                  padding: 0px !important;
            }
            .ml-auto .dropdown-menu a {
                  padding-right: 0;
                  padding-left: 0;
                  background-color: #333333;
                  color: #fff !important;
                  opacity: 1;
                  padding-top: 8px;
                  padding-bottom: 8px;
            }
            .ml-auto .dropdown-menu a:hover {
                  padding-right: 0;
                  padding-left: 0;
                  background-color: #333333;
                  color: #ff7f2a !important;
            }
            .ml-auto .dropdown-menu a:active {
                  padding-right: 0;
                  padding-left: 0;
                  opacity: 0;
                  background-color: #333333;
                  color: #ff7f2a !important;
            }
      }      
      
      .dropdown-item{
        color: #fff !important;
      }
      
      .dropdown-item:hover{
        color: #ff7f2a !important;
      }      
      
      .dropdown-toggle::after {
        display: none !important;
      }
      
      .navbar-toggler {
        padding: 0px;
        border: 0px;
        border-radius: 0px;
        outline: 0;
        margin-right: -2.5px;
      }
           
      .navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
      }
      
      #main {
        padding-top: 1rem;
        padding-bottom: 91px !important;
      }
      
      @media screen and (max-width: 991px) {
        #main {
        padding-top: 1rem;
        padding-bottom: 95px !important;
      }
      }
      
      @media screen and (max-width: 767px) {
        #main {
        padding-top: 1rem;
        padding-bottom: 116px !important;
      }
      }
            
      #main a {
        color: #ff7f2a;
      }
      
      #main a:hover {
        text-decoration: underline;
      }
      
      #main p {
        text-align: justify;
        margin-bottom: .5rem
      }
      
      #footer {
        margin: 0px;
        padding: 0px;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 54px;
        line-height: 54px;
        vertical-align: middle;
        background-color: #333333;
        color: #fff;
        border-top: 1px solid #fff;
      }
      
      #footer p {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
      }
      
      #copy {
        text-align: right;
      }
      
      #disclaimer {
      margin-left: 0px;
      margin-right: 0px;
      min-height: 14px;
      background-color: rgba(34, 34, 34,.6);
      position: fixed;
      font-size: 14px;
      line-height: 14px;
      padding-left: 15px;
      padding-right: 15px;
      width: 100%;
      bottom: 54px;
      color: #fff;
      padding-top: 4px;
      padding-bottom: 4px;
      align-items: center;
      }
      
      @media screen and (max-width:767px) {
      #disclaimer {
      align-items: unset;
      }
      }
      
      #privacy {
      padding-right: 0px;
      padding-left:0px;
      }
      
      #privacy a {
      color: #ff7f2a;
      }
      
      #privacy a:hover {
      text-decoration: underline;
      }
      
      #closer {
      padding-right: 0px; 
      padding-left:0px;
      text-align: right;
      }
      
      #closer a {
      font-size: 26px;
      color: #ff7f2a;
      text-decoration: none;
      margin-right: -2.5px;
      }
      
      #closer a:hover {
      color: #fff;
      }
      
      .newsasset {
      padding-bottom: .8rem;
      }
      
      .date {
      text-align: right !important;
      height: 57.6px;
      line-height: 3;
      padding: 0px;
      margin: 0px;
      }
      
      .responsive-video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0px !important;
      }
      .responsive-video {
      margin-bottom: .8rem;
      position: relative;
      padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
      padding-top: 0px;
      height: 0;
      overflow: hidden;
      }
      .videodesc {
      margin-top: .5rem !important;
      margin-bottom: 1.5rem !important;
      }
      
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      /* IE10+ CSS */
      .ekko-lightbox .modal-dialog {
        flex: 100%!important;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
        -ms-overflow-style: none;
      }
      }
      
      .navbar-dark {
        background-color: #333333 !important;
      }
      
      .navbar-brand {
        display: flex;
        align-items: center;
        padding: 0px;
      }
      
      @media screen and (min-width: 992px) {
       a svg {
        position: relative !important;
        top: 0.25px !important;
      }
      }
      #headerlogo {
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #fff;
      }
      
      #hometxt {
        padding-top: 3px; 
      }
      
      .contact {
        list-style: none;
        padding-top: 5px;
        padding-left: 0px;
      }
      
      .newstxt {
        margin-top: -7px;   
      }
      
      .contact .fa {
        font-size: 16px !important;
        margin-right: 5px !important;
      }
      
      .contact .fa:hover {
        color: #fff !important;
      }
      
      .contact .fab {
        font-size: 16px !important;
        margin-right: 2px !important;
      }
      
      .contact .fab:hover {
        color: #fff !important;
      }
      
      #contact-r {
        text-align: right;
      }
      
      @media screen and (max-width:767px) {
        #contact-r {
        text-align: left;
      }
      }
      
      #contact {
        margin-bottom: -5px;
      }
      
      .features {
        padding-left: 15px;
        margin-bottom: 6px;
        list-style: disc outside none !important;
      }
      
      @media screen and (max-width: 767px) {
        .features {
        padding-left: 17.5px;
        }
      }
      
      .fwstrong {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #ff7f2a !important;
        display: block;
      }
      
      .fwtext {
        margin-top: 5px;
        margin-bottom: 5px !important;
      }
      
      .fwimg {
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
      }
      
      .fwvid {
        padding-top: 1em;
      }
      
      /*NAVBAR-STICKY WORKAROUND FUER SCHEISS BROWSER*/
      .jsSticky {
      width: 100%;
      z-index: 1020;
      position: relative;
      }
   
      .sticky {
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 1020;
      }
   
      @supports (position: sticky) or (position: -webkit-sticky) {
        .jsSticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
      }
      }
      
      @media screen and (min-width:992px) {
      #navbarSupportedContent {
        position: relative !important;
        top: 1.825px !important;
      }
      }
      
      @media screen and (max-width:991px) {
        ul.navbar-nav.mr-auto {
            padding-top: .5rem;
        }
      }
      
      .mr-auto > .active a {
        color: #ff7f2a !important;  
      }
      
      .mr-auto > .active a:hover {
        color: #A9A9A9 !important; 
        cursor: default;
      }
      
      .ml-auto .dropdown-menu .active {
        color: #ff7f2a !important;  
      }
      
      .ml-auto .dropdown-menu .active:hover {
        color: #A9A9A9 !important;
        cursor: default;
      }

      .active > svg path {
        fill: #ff7f2a !important;  
      }
      
      .active:hover > svg path {
        fill: #A9A9A9 !important;  
      }

      .active svg:hover {
        cursor: default !important;
      }
      
      .close {
        color: #ff7f2a;
        opacity: 1;
      }
      
      .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        opacity: .6;
      }
      
      .close:hover {
        color: #333333;
        text-decoration: none;
      }
      
      button.close {
        outline: 0 !important;
      }
      
      .btn.btn-primary.btn-lg {
            background-color: #ff7f2a !important;
            border-color: #ff7f2a !important;
            margin-top: 15px;
      }
      
      .btn.btn-primary.btn-lg:hover {
            opacity: 0.9;
      }
      
      .copytext {
            text-align: left !important;
      }