/* R E S E T S */

      body, html { margin:0; padding:0; background-color: #fff !important; color: #444 !important; }

      body       { overflow-y:scroll; }

   /* F O N T */

      body  {

               font-family: 'Open Sans', sans-serif;  /* Open Sans | Montserrat | Source Sans 3 */

               letter-spacing:0.07em !important;

               font-size:1.2em;

            }

   /* C I */

      h4, h6      { color:#25848d !important; }

      .bg-blau    { background-color:#36bdc9 !important; }

      .color-blau { color:#25848d !important; }

   /* W A R N I N G */

      .warning { border:1px solid #c00 !important; }

   /* S T A N D A R D S */

      .noselect   {

                     -webkit-touch-callout: none; /* iOS Safari */
                       -webkit-user-select: none; /* Safari */
                        -khtml-user-select: none; /* Konqueror HTML */
                          -moz-user-select: none; /* Firefox */
                           -ms-user-select: none; /* Internet Explorer/Edge */
                               user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

                  }

      .cursor-pointer { cursor:pointer !important; }

   /* C H E C K B O X */

      .custom-control-input:checked ~ .custom-control-label::before  {

                                                                        background-color: #25848d;

                                                                        border:none;

                                                                     }

      .custom-control-input:disabled ~ .custom-control-label::before {

                                                                        background-color: #25848d !important;

                                                                        border:none;

                                                                     }

   /* A | L I N K */

      .a-link { color:#000 !important; text-decoration:none; }
      .a-link:hover { color:#000 !important; text-decoration:none; }
      .a-link:visited { color:#000 !important; text-decoration:none; }
      .a-link:focus { color:#000 !important; text-decoration:none; }

   /* N A V B A R */

      .navbar-opacity-light { background-color:rgba(255, 255, 255, 0.9) !important; }

      .navbar-opacity-light .nav-link { color:#000 !important; }

      .navbar-opacity-light #navbar-headline { color:#000 !important; }

      .navbar-opacity-light .fa-basketball { color:#000 !important; }

      .navbar-toggler { color:#000 !important; }

      .navbar-opacity-light .fa-fingerprint { color:#000 !important; }

   /* Q U A N T I T Y */

      .quantity { position: relative; }

      input[type=number]::-webkit-inner-spin-button,
      input[type=number]::-webkit-outer-spin-button   { -webkit-appearance: none; margin: 0; }

      input[type=number] { -moz-appearance: textfield; }

      .quantity input   {

                           width: 75px;
                           height: 50px;
                           line-height: 1.65;
                           float: left;
                           display: block;
                           padding: 0;
                           margin: 0;
                           padding-left: 20px;
                           border: 1px solid #36bdc9;

                        }

      .quantity input:focus { outline: 0; }

      .quantity-nav  {

                        float: left;
                        position: relative;
                        height: 50px;

                     }

      .quantity-button  {

                           background-color: #36bdc9;

                           position: relative;
                           cursor: pointer;
                           border-left: 0px solid #fff;
                           width: 25px;
                           text-align: center;
                           color: #333;
                           font-size: 16px;
                           font-family: "Trebuchet MS", Helvetica, sans-serif !important;
                           line-height: 1.4;
                           -webkit-transform: translateX(-100%);
                           transform: translateX(-100%);
                           -webkit-user-select: none;
                           -moz-user-select: none;
                           -ms-user-select: none;
                           -o-user-select: none;
                           user-select: none;

                        }

      .quantity-button.quantity-up  {

                                       position: absolute;
                                       height: 50%;
                                       top: 0;
                                       color:#fff;
                                       border-bottom: 1px solid #eee;

                                    }

      .quantity-button.quantity-down   {

                                          position: absolute;
                                          bottom: 0px;
                                          color:#fff;
                                          height: 50%;

                                       }

      .btn-quantity[data-disabled="disabled"] { background-color:#ccc !important; }

      .btn-quantity-disabled[data-disabled="disabled"] { background-color:#ccc !important; }