@font-face {
   font-family: 'Stolzl-new';
   src: url('../baltexpo-startup-zone/fonts/Stolzl-Regular.woff2') format('woff2'),
      url('../baltexpo-startup-zone/fonts/Stolzl-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('../baltexpo-startup-zone/fonts/Stolzl-Bold.woff2') format('woff2'),
      url('../baltexpo-startup-zone/fonts/Stolzl-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('../baltexpo-startup-zone/fonts/Stolzl-Book.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'Stolzl-new';
   src: url('../baltexpo-startup-zone/fonts/Stolzl-Light.woff2') format('woff2'),
      url('../baltexpo-startup-zone/fonts/Stolzl-Light.woff') format('woff');
   font-weight: 200;
   font-style: normal;
}

:root {
   --color-be-black: #141A21;
   --color-be-blue: #008BD2;
   --color-be-gray: #D3D3D3;
}

.startup-profil {
   color: var(--color-be-black);
}

body {
   background-color: var(--color-be-black);
}

.be-main {
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: #fff;
   margin-bottom: 500px;
   z-index: 9;
   background-color: var(--color-be-black);
}

.be-bg-grad {
   background: radial-gradient(rgba(42, 97, 178, 1) 0%, rgba(29, 31, 35, 1) 100%);
}

.be-bg-grad-fixed {
   background: #eb4537;
}

.be-bg-grad-logo {
   background: linear-gradient(120deg, #00a8ff 0%, #1c2024 60%, #58ed28 100%);
   background-size: cover;
   background-attachment: fixed;
   background-position: center;
}

.be-border-round {
   border: solid 1px #ffffff21;
   border-radius: 15px;
}

.be-shadow {
   box-shadow: 5px 20px 75px 0px #00000025;
}

.be-hero {
   min-height: 80vh;
   display: flex;
   flex-wrap: wrap;
}

.be-container {
   padding: 3vw;
}

.be-section {
   padding-top: 60px;
   padding-bottom: 60px;
}

.be-p {
   font-size: 1vw;
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: #fff;
   margin-bottom: 10px;
}

.be-p-small {
   font-size: 0.8vw;
   font-family: 'Stolzl-new';
   font-weight: 300;
   color: #fff;
   margin-bottom: 10px;
}

.be-p a,
.be-p-small a,
.be-ul a {
   text-decoration: underline;
}

.be-ul li {
   font-size: 0.8vw;
   font-family: 'Stolzl-new';
   font-weight: 300;
   margin-bottom: 10px;
}

.be-h1 {
   font-size: 3vw;
   font-family: 'Stolzl-new';
   font-weight: bold;
   color: #fff;
}

.be-h2 {
   font-size: 1.7vw;
   font-family: 'Stolzl-new';
   font-weight: normal;
   color: #fff;
}

.be-h3 {
   font-size: 1.3vw;
   font-family: 'Stolzl-new';
   font-weight: bold;
   color: #fff;
}

.be-btn,
.btn-be {
   display: inline-block;
   height: 60px;
   padding: 0 20px;
   text-align: center;
   font-size: 1vw;
   font-family: 'Stolzl-new';
   font-weight: normal;
   line-height: 58px;
   border: solid 1px var(--color-be-blue);
   border-radius: 100px;
   background: #03212EE0;
   color: #fff;
   transition: all 0.1s;
   min-width: 250px;
   max-width: 100%;
   box-shadow: 0px 10px 80px #0092a075;
}

.be-btn:hover,
.btn-be:hover {
   background: var(--color-be-blue);
   color: #fff;
   box-shadow: 0px 0px 100px 0px #8ed3f661;
}

.be-btn-ghost {
   background: transparent;
   box-shadow: none;
}

.be-btn-small {
   min-width: 60px;
}

.bg-be-blue {
   background-color: var(--color-be-blue);
}

.bg-be-black {
   background-color: var(--color-be-black);
}

.be-border {
   border: 1px solid var(--color-be-gray);
}

.be-square {
   min-height: 17vw;
   height: 17vw;
   width: 17vw;
   max-width: 100%;
   padding: 3vw;
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.be-rec {
   min-height: 17vw;
   height: 17vw;
   max-width: 100%;
}

.be-center {
   display: flex;
   align-content: center;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.be-contact {
   display: flex;
}

.be-contact img {
   width: 200px;
}

.be-footer {
   position: fixed;
   min-height: 400px;
   background-color: var(--color-be-black);
   color: #fff;
   top: auto;
   right: 0%;
   left: 0%;
   bottom: 0%;
   padding-top: 100px;
}

@media (max-width: 980px) {
   .be-main {
      font-size: 17px;
   }

   p,
   a,
   span,
   table,
   button,
   li {
      font-size: 17px !important;
   }

   .be-h1 {
      font-size: 36px;
   }

   .be-h2 {
      font-size: 24px;
   }

   .be-h3 {
      font-size: 20px;
   }

   .be-square,
   .be-rec {
      min-height: 160px;
      height: unset;
      width: 100%;
      max-width: 100%;
      align-self: flex-start;
   }

   .be-contact {
      flex-direction: column;
   }

   .be-contact img {
      width: 100%;
   }

   .be-main {
      margin-bottom: 800px;
   }
}