/* manrope-regular - latin */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../fonts/manrope/manrope-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/manrope/manrope-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* manrope-500 - latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    src: local(''),
         url('../fonts/manrope/manrope-v13-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/manrope/manrope-v13-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* manrope-600 - latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../fonts/manrope/manrope-v13-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/manrope/manrope-v13-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* manrope-700 - latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../fonts/manrope/manrope-v13-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/manrope/manrope-v13-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* manrope-800 - latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 800;
    src: local(''),
         url('../fonts/manrope/manrope-v13-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../fonts/manrope/manrope-v13-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }



/* PAGE LOADER */
      .page-loading {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transition: all .4s .2s ease-in-out;
        transition: all .4s .2s ease-in-out;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 9999;
      }
      .dark-mode .page-loading {
        background-color: #0b0f19;
      }
      .page-loading.active {
        opacity: 1;
        visibility: visible;
      }
      .page-loading-inner {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out;
        opacity: 0;
      }
      .page-loading.active > .page-loading-inner {
        opacity: 1;
      }
      .page-loading-inner > span {
        display: block;
        font-size: 1rem;
        font-weight: normal;
        color: #9397ad;
      }
      .dark-mode .page-loading-inner > span {
        color: #fff;
        opacity: .6;
      }
      .page-spinner {
        display: inline-block;
        width: 2.75rem;
        height: 2.75rem;
        margin-bottom: .75rem;
        vertical-align: text-bottom;
        border: .15em solid #b4b7c9;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner .75s linear infinite;
        animation: spinner .75s linear infinite;
      }
      .dark-mode .page-spinner {
        border-color: rgba(255,255,255,.4);
        border-right-color: transparent;
      }
      @-webkit-keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
      @keyframes spinner {
        100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
        }
      }
/* PAGE LOADER END */

body.modal-open {
    padding-right: 0 !important;
}

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


.border-light {
    border-color: #161e30 !important;
}


.card {
    border-radius: 10px !important;
    overflow: hidden;
}

/* .dark-mode .navbar {
    background-color: #0b0f19;
} */


.dark-mode .products .card {
    background-color:#0e1320 !important;
}

.dark-mode .navbar-stuck {
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.30) !important;
    -moz-box-shadow:    0px 5px 25px 0px rgba(0, 0, 0, 0.30) !important;
    box-shadow:         0px 5px 25px 0px rgba(0, 0, 0, 0.30) !important;
    border-bottom: 1px solid #111828;
}

.dark-mode .navbar .navbar-brand { display: none; }
.dark-mode .navbar.navbar-stuck .navbar-brand { display: block; }

.dark-mode .navbar .navbar-brand.alternative { display: block; margin-right: 0px }
.dark-mode .navbar.navbar-stuck .navbar-brand.alternative { display: none; }



.dark-mode .sub .navbar .navbar-brand { display: block !important; }
.dark-mode .sub .navbar.navbar-stuck .navbar-brand { display: block !important; }

.dark-mode .sub .navbar .navbar-brand.alternative { display: none !important; margin-right: 0px }
.dark-mode .sub .navbar.navbar-stuck .navbar-brand.alternative { display: none !important; }



/* ENTFERNEN FALLS SOCIAL KOMMT */
.dark-mode .navbar .social-top {
    display: none !important;
}

.offcanvas-header {
    display: none;
}

.social-bottom {
    display: none !important;
}

/* ENTFERNEN FALLS SOCIAL KOMMT ENDE */


.dark-mode .navbar .social-top .btn {
    background-color: rgba(0, 0, 0, .25);
    border-color: rgba(255, 255, 255, .1);
}

.products-link {
    background-color: #0e1320 !important;
    border-color: #0e1320 !important;
    font-weight: bold;
}

.products-link i {
    color: #FFF;
}

.products-link:hover {
    border-color: #0e1320 !important;
}

.products, .login-to-play {
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #0b0f19;
    background-image: url(../img/bg-shine.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.products .card {
    background: rgb(14,19,32) !important;
    border:2px solid rgba(22, 30, 48, 0.8) !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.products .card:hover {
    transform: translatey(-5px);
    border-color:#2c3c60 !important;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(56, 67, 129, 0.55);
    -moz-box-shadow:    0px 0px 35px 0px rgba(56, 67, 129, 0.55);
    box-shadow:         0px 0px 35px 0px rgba(56, 67, 129, 0.55);
}

.products .card.disabled {
    border:2px solid rgba(22, 30, 48, 0.8) !important;
    opacity: .3 !important;
    transition: none !important;
    transform: translatey(0px) !important;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}



.products .card .stretched-link:after {
    z-index: 999;
}

.text-gradient-primary-neo {
    background: linear-gradient(to right, #c30bd8, #ff6f74);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-orange {
    background: linear-gradient(to right, #ff5614, #ffa125);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-blue {
    background: linear-gradient(to right, #04abfa, #1bffff);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-red {
    background: linear-gradient(to right, #e51b1b, #f84545);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-purple {
    background: linear-gradient(to right, #7431b6 50%, #eddbff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-pink {
    background: linear-gradient(to right, #d51b6d, #f3559a);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-yellow {
    background: linear-gradient(to right, #009245 0%, #fcee21 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-gradient-primary-gold {
    background: linear-gradient(to right, rgba(193,118,0,1) 0%, rgba(255,199,91,1) 40%, rgba(255,199,91,1) 60%, rgba(193,118,0,1) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
}

.text-glow-white {
    text-shadow: 0px 0px 15px rgba(150, 150, 150, 0.8);
}

.contact-teaser {
    /* background-image: url(../img/background.jpg); */
    background-position: center top;
    background-size: auto;
}

.recent-projects,.benefits {
    display: none;
}

.contact-teaser .card {
    background-image: url(../img/bg-purple.jpg);
    background-color: #0d0f1b;
    background-position: center center;
    background-size: cover;
    border: 0px;
}

.contact-teaser a {
    text-decoration: none;
}

/* KANN EVTL WEG - START */
.custom-badge {
    color: #FFF;
    padding: 10px 20px 10px 20px;
    background-color: #000;
    display: inline-block;
    text-align: center;
    vertical-align: baseline;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow:    5px 5px 10px 0px rgba(0, 0, 0, 0.25);
    box-shadow:         5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

.custom-badge.neo {
    background-color: #1b0f33;
}
/* KANN EVTL WEG - ENDE */


.feature-buttons {
    background-color: rgba(255, 255, 255, .07);
    padding: 20px 20px 10px 20px;
    border-radius: 15px;
    text-align: center;
}



@media (min-width: 991px) {
    .teaser {
        height: 100vh !important;
    }

}

@media (max-width: 991px) {

    .teaser {
        padding-top: 150px;
        padding-bottom: 150px;
        height: auto !important;
    }

    .dark-mode .navbar .navbar-brand { display: none; }
    .dark-mode .navbar.navbar-stuck .navbar-brand { display: block; }
    
    .dark-mode .navbar .navbar-brand.alternative { display: block; margin-right: 0px }
    .dark-mode .navbar.navbar-stuck .navbar-brand.alternative { display: none; }



    .dark-mode .navbar .social-top {
        display: none;
    }
    
    .dark-mode .navbar-stuck .social-top {
        display: none;
    }

    .dark-mode .navbar .offcanvas-header .social-top {
        display: block !important;
    }

    .dark-mode .sub .navbar {
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }

    
}

@media (orientation: landscape) {

}

@media (max-width: 767px) {
    .feature-buttons {
        text-align: center;
    }
}