<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>TechBoost</title>
  <meta name="google-site-verification" content="lHCYXjPoCgZ-njZppimfcDJD2AcQ3-FGOf1wib0BITc" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="title" content="TechBoost">
  <meta name="author" content="Innoloft GmbH">
    <meta name="description" content="TechBoost - Telekom's startup program. Take your business to the next level with TechBoost Connect." />
  <meta name="keywords" content="TechBoost, Connect, Telekom, Innoloft">
  <meta property="og:url" content="https://techboost.telekom.com">
  <meta property="og:title" content="TechBoost">
  <meta property="og:description" content="TechBoost - Telekom's startup program. Take your business to the next level with TechBoost Connect." />
  <meta property="og:image" content="https://img.innoloft.de/platforms/8197462/metaImageTechboost.png">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:site" content="https://techboost.telekom.com">
  <meta property="twitter:image" content="https://img.innoloft.de/platforms/8197462/metaImageTechboost.png">
  <meta name="twitter:creator" content="@innoloft_net">
  <link rel="canonical" href="https://techboost.telekom.com/public/apply?lang=en">
  <link rel="alternate" href="https://techboost.telekom.com/public/apply" hreflang="x-default">
  <link rel="alternate" href="https://techboost.telekom.com/public/apply?lang=en" hreflang="en">
  <link rel="alternate" href="https://techboost.telekom.com/public/apply?lang=de" hreflang="de">

  <!-- Icon Innofont -->
  <link rel="stylesheet" type="text/css" href="https://fonts.innoloft.com/01_icon-inno-font/style.css">

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

  <!-- new lines start-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" type="text/css" crossorigin="">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js" crossorigin=""></script>
  <!-- end -->

  <link href="https://fonts.innoloft.com/general/OpenSans/main.css" rel="stylesheet">

  <link rel="stylesheet" href="https://cdn.innoloft.com/8197462/styles/theme.css">

  <link rel="shortcut icon" href="https://config.innoloft.com/8197462/favicons/favicon.ico">

  <script src="/public/js/cookies.js"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">
  </script>

  <!-- start Slider -->
  <link rel="stylesheet" type="text/css" href="/public/components/slick/slick.css" />
  <link rel="stylesheet" type="text/css" href="/public/components/slick/slick-theme.css" />
  <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  <script type="text/javascript" src="/public/components/slick/slick.min.js"></script>
  <!-- end Slider -->

  <link href="/public/css/main.css" rel="stylesheet" />
  <script src="/public/js/polyfills.js"></script>
  <script>
    window.MSInputMethodContext && document.documentMode && document.write('<script src="js/vars.js"><\x2fscript>');
  </script>

  <script>
    var language = navigator.language
    //var urlParams = new URLSearchParams(window.location.search);
    $.urlParam = function(name) {
      var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
      if (results == null) {
        return null;
      } else {
        return decodeURI(results[1]) || 0;
      }
    }


    // if ($.urlParam('lang')) {
    //   language = $.urlParam('lang')
    //
    //   window.location = window.location.href.split("?")[0];
    //   // update cookies if there it already
    //   if ($("#language") && docCookies.getItem('language')) {
    //     if (['de', 'en'].indexOf(language) != -1) {
    //       document.cookie = escape("language") + "=" + escape(language) + ";";
    //     } else {
    //       document.cookie = escape("language") + "=" + "en;";
    //     }
    //   }
    // }
    // // Create cookies if there is none
    // if (!docCookies.getItem('language')) {
    //   if (language === 'de' || language === 'de-DE') {
    //     docCookies.setItem('language', 'de')
    //   } else {
    //     docCookies.setItem('language', 'en')
    //   }
    //   location.reload();
    // }
  </script>

  <!-- Matomo -->
  <script>
    var _paq = window._paq = window._paq || [];
    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    _paq.push(['trackPageView']);
    _paq.push(['enableLinkTracking']);
    (function() {
      var u = "https://techboost.digital-x.com/";
      _paq.push(['setTrackerUrl', u + 'matomo.php']);
      _paq.push(['setSiteId', '1']);
      var d = document,
        g = d.createElement('script'),
        s = d.getElementsByTagName('script')[0];
      g.async = true;
      g.src = u + 'matomo.js';
      s.parentNode.insertBefore(g, s);
    })();
  </script>
  <!-- End Matomo Code -->

</head>

<body>
  <script>
    loadLinkedin = () => {
      let _linkedin_partner_id = "5104586";
      window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
      window._linkedin_data_partner_ids.push(_linkedin_partner_id);

      (function(l) {
        if (!l) {
          window.lintrk = function(a, b) {
            window.lintrk.q.push([a, b])
          };
          window.lintrk.q = []
        }
        var s = document.getElementsByTagName("script")[0];
        var b = document.createElement("script");
        b.type = "text/javascript";
        b.async = true;
        b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
        s.parentNode.insertBefore(b, s);
      })(window.lintrk);
    }

    loadGTagManager = () => {
      (function(w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
          'gtm.start': new Date().getTime(),
          event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
      })(window, document, 'script', 'dataLayer', 'GTM-TQ3F4X4G');
    }


    document.addEventListener('cookieBannerClosed', function(e) {
      if (e.detail?.marketing === true || e.detail?.statistics) {
        loadLinkedin();
        loadGTagManager();
      }
    });

    const marketing = docCookies.getItem('cookieMarketing');
    const statistics = docCookies.getItem('cookieStatistics');

    if (marketing === 'true' || statistics === 'true') {
      loadLinkedin();
      loadGTagManager();
    }
  </script>
  <noscript><img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5104586&fmt=gif" /></noscript>
  <noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-TQ3F4X4G height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>


  <div class="modal fade bottom" id="modalCookie" tabindex="0" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog modal-frame modal-bottom modal-notify modal-info" role="document">
        <!--Content-->
        <div class="modal-content">
            <!--Body-->
            <div class="modal-body">
                <p class="cookieHeader">
                    Settings for cookies and data transmission                </p>

                <p class="cookieMainText">This site uses several types of cookies to provide our services. By clicking "Accept All", you agree to the use of all cookies. You can also give your consent by selecting each category individually and saving these settings by clicking "Save". You also consent to the processing of your personal data for the purposes specified in the category and to further data processing outside the countries of the EEA/EU, for example in the USA. If you do not select an additional category, only necessary cookies will be used. For more information, see our <a href="https://techboost.telekom.com/data-privacy" target="_blank"><u>Privacy Policy</u></a>.<br>You can revoke your consent at any time with effect for the future. The easiest way to do this is to adjust your selection under "Settings for cookies and data transmission", which you can find in the footer of the website. The revocation of consent has no effect on the previous processing.</p>
                <div class="CookieSelection">
                    <label class="Disabled">
                        <span class="CookieLabel">
                            <span class="CookieLabel__Title">Necessary</span>
                            <span>Cookies and the transfer of personal data are essential for you to browse the website.</span>
                        </span>
                        <input type="checkbox" id="check-required-cookies" class="react-cookie-law-option-checkbox"
                               disabled checked>
                    </label>
                    <label>
                        <span class="CookieLabel">
                            <span class="CookieLabel__Title">Functional</span>
                            <span class="CookieLabel__Text">Cookies and personal data transfers used for certain functions of the website and integration of external content, for example, to display a video or a map.</span>
                        </span>
                        <input type="checkbox" id="check-functional-cookies" class="react-cookie-law-option-checkbox">
                    </label>
                    <label>
                        <span class="CookieLabel">
                            <span class="CookieLabel__Title">Statistics</span>
                            <span class="CookieLabel__Text">Cookies and personal data transfers used to analyze traffic and behavior on our website with the aim of optimizing the usability of our website.</span>
                        </span>
                        <input type="checkbox" id="check-statistics-cookies" class="react-cookie-law-option-checkbox">
                    </label>
                    <label>
                        <span class="CookieLabel">
                            <span class="CookieLabel__Title">Marketing</span>
                            <span class="CookieLabel__Text">Cookies and the transfer of personal data may be used by advertisers to serve ads that are relevant to your interests.</span>
                        </span>
                        <input type="checkbox" id="check-marketing-cookies" class="react-cookie-law-option-checkbox">
                    </label>

                </div>
                <div class="CookieModal__Buttons">
                    <a role="button" tabindex="0" type="button" class="btn btn-primary"
                       onclick="acceptAllCookies();">Accept all</a>
                    <a role="button" tabindex="0" type="button" class="btn btn-primary"
                       onclick="rejectAllCookies();">Reject all</a>
                    <a role="button" tabindex="0" class="black-text"
                       onclick="saveCookies()">Save</a>
                </div>
            </div>
        </div>
        <!--/.Content-->
    </div>
</div>
<style>
    div#modalCookie {
        align-items: center;
        background: rgba(0, 0, 0, 0.5);
        bottom: 0;
        display: none;
        height: 100%;
        justify-content: center;
        position: fixed;
        width: 100%;
        z-index: 100000;
        opacity: 0;
    }

    div#modalCookie.show {
        opacity: 1;
        display: flex !important;
    }

    div#modalCookie a {
        cursor: pointer;
        padding: 0;
    }

    div#modalCookie a.black-text {
        color: #4d4d4d;
        display: inline-block;
        margin-top: 10px;
    }

    div#modalCookie a.btn-primary {
        align-items: center;
        border-radius: 6px;
        display: flex;
        color: white !important;
        background: var(--color-brand-base, #000);
        margin-right: 15px;
        padding: 8px 15px;
        -webkit-text-fill-color: unset;
    }

    div#modalCookie a.btn-primary:hover {
        color: white !important;
        background: var(--color-brand-base, #000) !important;
    }

    .cookieHeader {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .CookieSelection {
        display: flex;
        flex-direction: column;
        margin-bottom: 1rem;
    }

    .CookieLabel {
        display: flex;
        flex-direction: column;
        line-height: 20px;
        padding-right: 20px;
        width: calc(100% - 36px);
    }

    .CookieLabel span.CookieLabel__Title {
        font-weight: 600;
        margin-bottom: 5px;
    }

    div#modalCookie label {
        align-items: center;
        border-bottom: 1px solid #e5e7eb;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        line-height: 2rem;
        padding: 10px 0;
        position: relative;
        width: 100%;
    }

    div#modalCookie label:last-child {
        border: 0;
    }

    div#modalCookie label.Disabled {
        cursor: default;
    }

    div#modalCookie label input {
        cursor: pointer;
        -webkit-appearance: none;
        -moz-appearance: none;
        -o-appearance: none;
        appearance: none;
        height: 20px;
        width: 36px;
        border-radius: 12px;
        background: #e5e7eb;
        margin: 0;
        position: relative;
    }

    div#modalCookie label input:before {
        border-radius: 8px;
        content: "";
        position: absolute;
        height: 16px;
        width: 16px;
        background: white;
        top: 2px;
        left: 2px;
    }

    div#modalCookie label input:checked {
        background: var(--color-brand-base, #3c3c3c);
    }

    div#modalCookie label input:disabled {
        opacity: 0.5;
    }

    div#modalCookie label input:checked:before {
        left: unset;
        right: 2px;
    }

    div#modalCookie label input:disabled {
        cursor: default;
        pointer-events: none;
    }

    .CookieModal__Buttons {
        display: flex;
        justify-content: center;
    }

    div.modal-frame {
        background: white;
        border-radius: 6px;
        max-width: 700px;
        margin: 20px;
        padding: 20px;
        overflow: auto;
        position: relative;
        max-height: 90%;
    }

    .cookieMainText {
        hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
    }
</style>

<script>
  const modal = document.getElementById('modalCookie');
  // define cookie consent names
  const cookieMarketing = 'cookieMarketing';
  const cookieStatistics = 'cookieStatistics';
  const cookieFunctional = 'cookiePreferences';
  const cookieNecessary = 'cookieNecessary';
  const cookieConsent = 'CookieConsent';

  getCookie = (name) => {
    const cookies = document.cookie.split(';');
    let cookie = {};
    for (let i = 0; i < cookies.length; i++) {
      let parts = cookies[i].split('=');
      cookie[parts[0].trim()] = (parts[1] || '').trim();
    }
    return cookie[name];
  }


  initStatistics = () => {
    const appIdsWithGA = [8197452, 8110054, 7281593, 8085445, 8197445, 7968182, 7718591, 7648562, 8197443, 8130554, 410911495]
    if (!appIdsWithGA.includes(8197462)) {
      return;
    }
    dataLayer = [{
      'appId': '8197462'
    }];
    (function (w, d, s, l, i) {
      w[l] = w[l] || [];
      w[l].push({
        'gtm.start': new Date().getTime(),
        event: 'gtm.js'
      });
      var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s),
        dl = l != 'dataLayer' ? '&l=' + l : '';
      j.async = true;
      j.src =
        'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
      f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KPCW3K2');
  }

  setInputToggles = (marketing, statistics, functional) => {
    document.getElementById('check-marketing-cookies').checked = marketing;
    document.getElementById('check-statistics-cookies').checked = statistics;
    document.getElementById('check-functional-cookies').checked = functional;
  }

  //check if cookie is set
  if (getCookie(cookieConsent) !== 'true') {
    //attach show class to modal
    modal.classList.add('show');
    //disable scroll with overflow and position fixed
    document.body.style.overflow = 'hidden';
    document.body.style.position = 'fixed';
    document.body.style.pointerevents = 'none';
  } else {
    if (getCookie(cookieStatistics) === 'true') {
      initStatistics()
    }
    setInputToggles(getCookie(cookieMarketing) === 'true', getCookie(cookieStatistics) === 'true', getCookie(cookieFunctional) === 'true');
  }

  acceptAllCookies = () => {
    return setCookieConsent(true, true, true);
  }

  rejectAllCookies = () => {
    return setCookieConsent(false, false, false);
  }

  saveCookies = () => {
    // check if checkbox for cookie is set
    let marketing = document.getElementById('check-marketing-cookies').checked;
    let statistics = document.getElementById('check-statistics-cookies').checked;
    let functional = document.getElementById('check-functional-cookies').checked;

    return setCookieConsent(marketing, statistics, functional);
  }

  setCookieConsent = (marketing, statistics, functional) => {
    let necessary = true;
    //set cookie for 1 year for checked cookies
    document.cookie = cookieMarketing + '=' + marketing.toString() + ';max-age=7776000;path=/';
    document.cookie = cookieStatistics + '=' + statistics.toString() + ';max-age=7776000;path=/';
    document.cookie = cookieFunctional + '=' + functional.toString() + ';max-age=7776000;path=/';
    document.cookie = cookieNecessary + '=' + necessary.toString() + ';max-age=7776000;path=/';
    //set cookie consent to true
    document.cookie = 'CookieConsent=true;max-age=7776000;path=/';
    modal.classList.remove('show');
    document.body.style.overflow = 'inherit';
    document.body.style.pointerevents = 'default';
    document.body.style.position = 'relative';
    if (statistics) {
      initStatistics()
    }
    setInputToggles(marketing, statistics, functional);
    //trigger cookieBannerClosed js event -> used to load different scripts depending on cookie consent
    const event = new CustomEvent('cookieBannerClosed', {
      detail: {
        marketing: marketing,
        statistics: statistics,
        functional: functional
      }
    });
    document.dispatchEvent(event);
  }

  openCookieSettings = () => {
    document.getElementById('modalCookie').classList.add('show');
  }

  getLinkSection = () => {
    //find link that contains imprint and return parent
    const footerSectionDiv = document.getElementsByClassName('StandardFooter');
    if (footerSectionDiv[0] !== undefined) {
      let link = Array.from(footerSectionDiv[0].getElementsByTagName('a')).filter((a) => a.href.toLowerCase().includes('imprint'))[0];
      if (link) {
        return link.parentElement;
      }
    }
    const possibleLinkDivs = [
      'StandardFooter__links',
      'StandardFooter__LinkSection',
      'StandardFooter__Content',
      'StandardFooter__blockLinkGroup'
    ];
    let section = possibleLinkDivs.map((div) => document.getElementsByClassName(div)[0]).filter((div) => div !== undefined)[0];
    if (section) {
      return section;
    }
    return null;
  }

  //add cookie settings link to existing StandardFooter__links div when page is fully rendered
  window.onload = function () {
    //if body has white text color, change to black
    const modalColor = window.getComputedStyle(document.getElementById('modalCookie')).color;
    const cookieLinkText = document.querySelector('.cookieMainText a');
    if (modalColor === 'white' || modalColor === '#fff' || modalColor === '#ffffff' || modalColor.includes('255, 255, 255')) {
      modal.style.color = 'black';
      cookieLinkText.style.color = 'black';
    }

    //check for existing cookieSettingsLink - Don't overwrite custom cookie link
    if (document.getElementById('cookieSettingsLink')) {
      return;
    }
    //append new line to link section
    const linkSection = getLinkSection();
    if (!linkSection) {
      return;
    }
    const newLine = document.createElement('br');
    linkSection.appendChild(newLine);
    //append new link to link section
    let cookieSettingsLink = document.createElement('a');
    cookieSettingsLink.id = 'cookieSettingsLink';
    cookieSettingsLink.className = 'StandardFooter__link'
    cookieSettingsLink.setAttribute('role', 'button');
    cookieSettingsLink.setAttribute('tabindex', '0');
    cookieSettingsLink.setAttribute('onclick', 'openCookieSettings()');
    cookieSettingsLink.style.cursor = 'pointer';
    cookieSettingsLink.innerHTML = 'Settings for cookies and data transmission';
    linkSection.appendChild(cookieSettingsLink);
  }
</script>

  <div class="Navbar">
    <div class="NavbarContent">
        <a href="https://techboost.telekom.com" class="NavbarLogo">
            <img src="/public/assets/logos/Techboost_Homepage_Logo-Small.svg" alt="Logo Techboost">
        </a>
        <div class="NavbarMenu">
            <i class="icon-inno icon-inno_menu" onclick="openMenu(this)"></i>
        </div>
        <div class="NavbarItems ">
            <a href="/public/startups">For startups</a>
            <a href="/public/corporates">For companies</a>
            <a href="/public/newsroom">Newsroom</a>
            <a href="/public/team">About us</a>
            <div class="NavbarLanguage" onclick="setLanguage('de')"><i class="icon-inno icon-inno_globe-fill"></i>DE / EN</div>
            <div class="NavbarMenu__Close" onclick="openMenu()"></div>
        </div>
        <div class="NavbarButtons">
            <a href="/public/apply" class="NavbarApply">Apply</a>
            <a href="https://techboost.telekom.com/en/login" class="NavbarLogin">Login                <div class="NavbarLogin__Hover">Login to TechBoost Connect</div>
            </a>
        </div>
    </div>
</div>

<script>
    function setLanguage(language) {
        //delete language cookie for all paths

        //set language cookie for whole domain
        document.cookie = "language=" + language + ";path=/";
        document.cookie = "language=" + language + ";path=/public";
        document.cookie = "language=" + language + ";path=/public/";
        //change lang query param
        var url = new URL(window.location.href);
        url.searchParams.set('lang', language);
        window.location.href = url.href;
        return false;
    }

    function openMenu() {
        $('.NavbarItems').toggleClass("Open")
        $('.icon-inno_menu').toggleClass("icon-inno_cross")
    }
</script><div id="HeaderSet" class="HeaderSet Subpage ">
  <picture>
    <source media="(min-width: 951px)" srcset="/public/assets/Techboost_Program-Header.jpg" alt="Close up of a hand with a ball pen">
    <img src="/public/assets/Techboost_Program-Header.jpg" alt="Close up of a hand with a ball pen">
  </picture>
  <div class="HeaderSet__Wrapper ">
        <a href="https://www.linkedin.com/showcase/telekomtechboostprogramm" class="Linkedin">
      <span>Find us on</span>
      <i class="icon-inno icon-inno_linkedin"></i>
    </a>
  </div>
</div><div class="HeadlineWrapper Apply">
    <div class="Headline">
        <h1 class="Techboost__Title">Application for our <span>program</span></h1>                                    </div>
</div>
<div class="Apply Form" id="formContainer">
  <div class="FormContent">
    <div class="FormContent__Info">
      <h2 class="Techboost__Subtitle">Application for TechBoost</h2>
      <p><span>Before you apply, please check again if the following requirements really apply to you!</span></p>
              <div class="FormContent__InfoItem">
          <i class="icon-inno icon-inno_check-regular"></i>
          Your startup is already founded and is in the commercial register        </div>
              <div class="FormContent__InfoItem">
          <i class="icon-inno icon-inno_check-regular"></i>
          Your business model has a cloud connection        </div>
              <div class="FormContent__InfoItem">
          <i class="icon-inno icon-inno_check-regular"></i>
          Your solution is already marketable        </div>
              <div class="FormContent__InfoItem">
          <i class="icon-inno icon-inno_check-regular"></i>
          You already have your first customers and corresponding sales to report        </div>
            <p><span>Does that match your profile? Great - then we look forward to receiving your application!</span></p>
    </div>
    <form id="applyForm">
                <h3 class="Techboost__Headline">
            Contact                      </h3>
                        <div class="FormField ">
                          <label for="First name">
                <span class="label">
                  First name                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="FirstName" value=""
                  class="" id="First name"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Last name">
                <span class="label">
                  Last name                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="LastName" value=""
                  class="" id="Last name"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="E-mail">
                <span class="label">
                  E-mail                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="email" name="Email" value=""
                  class="" id="E-mail"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Phone number">
                <span class="label">
                  Phone number                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="Phone" value=""
                  class="" id="Phone number"
                  placeholder="" required>
                                    </div>
                        <h3 class="Techboost__Headline">
            Company                      </h3>
                        <div class="FormField ">
                          <label for="Name">
                <span class="label">
                  Name                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="Company" value=""
                  class="" id="Name"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Street">
                <span class="label">
                  Street                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="Street" value=""
                  class="" id="Street"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="House number">
                <span class="label">
                  House number                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="StreetNumber" value=""
                  class="" id="House number"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="ZIP CODE">
                <span class="label">
                  ZIP CODE                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="PostalCode" value=""
                  class="" id="ZIP CODE"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Location">
                <span class="label">
                  Location                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="City" value=""
                  class="" id="Location"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Team size">
                <span class="label">
                  Team size                                  </span>
              </label>
                                                      <input type="number" name="NumberOfEmployees" value=""
                  class="" id="Team size"
                  placeholder="" >
                                    </div>
                        <div class="FormField ">
                          <label for="Commercial register no.">
                <span class="label">
                  Commercial register no.                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="Commercial_register_no__c" value=""
                  class="" id="Commercial register no."
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Website">
                <span class="label">
                  Website                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="text" name="Website" value=""
                  class="" id="Website"
                  placeholder="" required>
                                    </div>
                        <div class="FormField ">
                          <label for="Date of incorporation">
                <span class="label">
                  Date of incorporation                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="date" name="Date_founded__c" value=""
                  class="" id="Date of incorporation"
                  placeholder="" required>
                                    </div>
                        <h3 class="Techboost__Headline">
            Key data on the company                      </h3>
                        <div class="FormField Textarea">
                          <label for="Description of your business model">
                <span class="label">
                  Description of your business model                  <span class="required">*</span>                </span>
              </label>
                                                      <textarea name="Business_model__c" placeholder="" id=""
                  rows="5" required maxlength="3000"></textarea>
                                    </div>
                        <h3 class="Techboost__Headline">
            Your pitch deck                      </h3>
                        <div class="FormField FileUpload">
                                      <div class="FileUpload__Content">
                <label>Upload your pitch deck <span class='required'> here*</span> - (PDF or ZIP ONLY | Max: 20MB)</label>
                <div>
                  <input accept='.pdf,.zip,.rar,.7zip'                    onchange="validateFile(this)" type="text" name="new_file" value="" size="40"
                    class="file_input_replacement"
                    id="file-upload"
                    placeholder="Select file" required>
                  <input accept='.pdf,.zip,.rar,.7zip'                    onchange="validateFile(this)" type="file" name="uploaded_file"
                    class="file_input_with_replacement"
                    style="display: none" required>
                  <i class="icon-inno icon-inno_upload-document"></i>
                </div>
              </div>
              <span id="badFileUpload"></span>
                      </div>
                        <div class="FormField VideoPitch">
                          <label for="Your video pitch">
                <span class="label">
                  Your video pitch                                  </span>
              </label>
                                                      <input type="text" name="Video_Pitch__c" value=""
                  class="VideoPitch" id="Your video pitch"
                  placeholder="URL" >
                                    </div>
                        <p>
            Which field of action does your solution serve?            <span class="required">*</span>          </p>
                        <div class="FormField Radio form-pitch-solution-radio">
                          <label for="Customer Interface &amp; Experience">
                <span class="label">
                  Customer Interface &amp; Experience                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Challenge_Solution_Item__c" value="Customer Experience"
                  class="Radio form-pitch-solution-radio" id="Customer Interface &amp; Experience"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Radio form-pitch-solution-radio">
                          <label for="Product &amp; Business Model">
                <span class="label">
                  Product &amp; Business Model                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Challenge_Solution_Item__c" value="Product & Business Model"
                  class="Radio form-pitch-solution-radio" id="Product &amp; Business Model"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Radio form-pitch-solution-radio">
                          <label for="Business Processes &amp; Infrastructure">
                <span class="label">
                  Business Processes &amp; Infrastructure                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Challenge_Solution_Item__c" value="Enterprise Processes & Infrastructure"
                  class="Radio form-pitch-solution-radio" id="Business Processes &amp; Infrastructure"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Radio form-pitch-solution-radio">
                          <label for="Employee productivity &amp; corporate culture">
                <span class="label">
                  Employee productivity &amp; corporate culture                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Challenge_Solution_Item__c" value="Productivity & Culture"
                  class="Radio form-pitch-solution-radio" id="Employee productivity &amp; corporate culture"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Fullwidth">
                          <label for="Which of these detailed action items fits your solution?">
                <span class="label">
                  Which of these detailed action items fits your solution?                  <span class="required">*</span>                </span>
              </label>
                                      <div class="FormSelect">
                <select id="Challenge_Detail_action_field__c"
                  class="FormSelect__Item Fullwidth"
                  name="Challenge_Detail_action_field__c" required>
                  <option value="" disabled selected></option>
                                      <div class="Option">
                      <option value="CRM Solutions"
                        class="form-pitch-solution-cut form-pitch-solution-option">CRM Lösung</option>
                    </div>
                                      <div class="Option">
                      <option value="Customer Communications"
                        class="form-pitch-solution-cut form-pitch-solution-option">Kundenkommunikation</option>
                    </div>
                                      <div class="Option">
                      <option value="Customer Analytics"
                        class="form-pitch-solution-cut form-pitch-solution-option">Kundenanalyse</option>
                    </div>
                                      <div class="Option">
                      <option value="Customer Loyalty"
                        class="form-pitch-solution-cut form-pitch-solution-option">Kundenbindung</option>
                    </div>
                                      <div class="Option">
                      <option value="Trend Scouting"
                        class="form-pitch-solution-product form-pitch-solution-option">Trend Scouting</option>
                    </div>
                                      <div class="Option">
                      <option value="New Products and Services"
                        class="form-pitch-solution-product form-pitch-solution-option">Neue Produkte & Services</option>
                    </div>
                                      <div class="Option">
                      <option value="Data Scientific"
                        class="form-pitch-solution-product form-pitch-solution-option">Datenanalyse & Interpretation</option>
                    </div>
                                      <div class="Option">
                      <option value="WebApp Development"
                        class="form-pitch-solution-infra form-pitch-solution-option">App & Webentwicklung</option>
                    </div>
                                      <div class="Option">
                      <option value="Process Optimization"
                        class="form-pitch-solution-infra form-pitch-solution-option">Prozessoptimierung</option>
                    </div>
                                      <div class="Option">
                      <option value="Cyber Securtity"
                        class="form-pitch-solution-infra form-pitch-solution-option">Unternehmenssicherheit & Datenschutz (Cyber Security)</option>
                    </div>
                                      <div class="Option">
                      <option value="IoT / Sensors"
                        class="form-pitch-solution-infra form-pitch-solution-option">IoT / Sensorik</option>
                    </div>
                                      <div class="Option">
                      <option value="Digtial Learning"
                        class="form-pitch-solution-culture form-pitch-solution-option">Digitales Lernen</option>
                    </div>
                                      <div class="Option">
                      <option value="Corporate Culture / Employee Health"
                        class="form-pitch-solution-culture form-pitch-solution-option">Unternehmenskultur / Mitarbeitergesundheit</option>
                    </div>
                                      <div class="Option">
                      <option value="Working Environment"
                        class="form-pitch-solution-culture form-pitch-solution-option">Arbeitsumgebung</option>
                    </div>
                                      <div class="Option">
                      <option value="Cooperation"
                        class="form-pitch-solution-culture form-pitch-solution-option">Zusammenarbeit</option>
                    </div>
                                      <div class="Option">
                      <option value="Working Time / Travel"
                        class="form-pitch-solution-culture form-pitch-solution-option">Arbeitszeit / Reisen</option>
                    </div>
                                      <div class="Option">
                      <option value="Sustainability"
                        class="form-pitch-solution-culture form-pitch-solution-option">Nachhaltigkeit</option>
                    </div>
                                  </select>
                <i class="icon-inno icon-inno_accordion-down"></i>
              </div>
                        </div>
                        <div class="FormField Fullwidth">
                          <label for="What is the turnover per year with your customers?">
                <span class="label">
                  What is the turnover per year with your customers?                  <span class="required">*</span>                </span>
              </label>
                                      <div class="FormSelect">
                <select id="Total_Revenue__c"
                  class="FormSelect__Item Fullwidth"
                  name="Total_Revenue__c" required>
                  <option value="" disabled selected></option>
                                      <div class="Option">
                      <option value="No revenues yet"
                        class="">No turnover</option>
                    </div>
                                      <div class="Option">
                      <option value="10.000 - 100.000 Euro"
                        class="">10.000 - 100.000 Euro</option>
                    </div>
                                      <div class="Option">
                      <option value="100.001 - 500.000 Euro"
                        class="">100.001 - 500.000 Euro</option>
                    </div>
                                      <div class="Option">
                      <option value="> 500.000 Euro"
                        class="">&gt; 500.000 Euro</option>
                    </div>
                                  </select>
                <i class="icon-inno icon-inno_accordion-down"></i>
              </div>
                        </div>
                        <div class="FormField Fullwidth">
                          <label for="What do you estimate your current monthly cloud needs to be?">
                <span class="label">
                  What do you estimate your current monthly cloud needs to be?                  <span class="required">*</span>                </span>
              </label>
                                      <div class="FormSelect">
                <select id="Cloud_consumption__c"
                  class="FormSelect__Item Fullwidth"
                  name="Cloud_consumption__c" required>
                  <option value="" disabled selected></option>
                                      <div class="Option">
                      <option value="501-1000 Euro"
                        class="">501 - 1000 Euro</option>
                    </div>
                                      <div class="Option">
                      <option value="1001-2000 Euro"
                        class="">1.001 - 2.000 Euro</option>
                    </div>
                                      <div class="Option">
                      <option value="2001-5000 Euro"
                        class="">2.001 - 5.000 Euro</option>
                    </div>
                                      <div class="Option">
                      <option value=">5000 Euro"
                        class="">&gt; 5.000 Euro</option>
                    </div>
                                  </select>
                <i class="icon-inno icon-inno_accordion-down"></i>
              </div>
                        </div>
                        <div class="FormField Others Fullwidth">
                          <label for="Where are you currently hosting?">
                <span class="label">
                  Where are you currently hosting?                  <span class="required">*</span>                </span>
              </label>
                                      <div class="FormSelect">
                <select id="Cloud_hosting__c"
                  class="FormSelect__Item Others Fullwidth"
                  name="Cloud_hosting__c" required>
                  <option value="" disabled selected></option>
                                      <div class="Option">
                      <option value="Amazon Web Services"
                        class="">Amazon Web Services</option>
                    </div>
                                      <div class="Option">
                      <option value="Microsoft Azure"
                        class="">Microsoft Azure</option>
                    </div>
                                      <div class="Option">
                      <option value="Google Cloud"
                        class="">Google Cloud</option>
                    </div>
                                      <div class="Option">
                      <option value="Hetzner"
                        class="">Hetzner</option>
                    </div>
                                      <div class="Option">
                      <option value="T Cloud Public"
                        class="">T Cloud Public</option>
                    </div>
                                      <div class="Option">
                      <option value="Others"
                        class="Others">Other</option>
                    </div>
                                  </select>
                <i class="icon-inno icon-inno_accordion-down"></i>
              </div>
                                <textarea class="Textarea Others" rows="1" name="Others"
                    placeholder="Please name your provider" style="display: none"></textarea>
                        </div>
                        <p>
            What program components motivate you to apply?            <span class="required">*</span>          </p>
                        <div class="FormField TechBoost_interest__c Checkbox">
                          <label for="Marketing Support">
                <span class="label">
                  Marketing Support                                  </span>
              </label>
                                                      <input type="checkbox" name="TechBoost_interest__c" value="Marketing support"
                  class="TechBoost_interest__c Checkbox" id="Marketing Support"
                  placeholder="" >
                                    </div>
                        <div class="FormField TechBoost_interest__c Checkbox">
                          <label for="Cloud Credits">
                <span class="label">
                  Cloud Credits                                  </span>
              </label>
                                                      <input type="checkbox" name="TechBoost_interest__c" value="Cloud Credits"
                  class="TechBoost_interest__c Checkbox" id="Cloud Credits"
                  placeholder="" >
                                    </div>
                        <div class="FormField TechBoost_interest__c Checkbox">
                          <label for="Sales Support">
                <span class="label">
                  Sales Support                                  </span>
              </label>
                                                      <input type="checkbox" name="TechBoost_interest__c" value="Sales Support"
                  class="TechBoost_interest__c Checkbox" id="Sales Support"
                  placeholder="" >
                                    </div>
                        <div class="FormField TechBoost_interest__c Checkbox">
                          <label for="Special conditions for Telco &amp; IT">
                <span class="label">
                  Special conditions for Telco &amp; IT                                  </span>
              </label>
                                                      <input type="checkbox" name="TechBoost_interest__c" value="SpecialTCandITOffers"
                  class="TechBoost_interest__c Checkbox" id="Special conditions for Telco &amp; IT"
                  placeholder="" >
                                    </div>
                        <p>
            How are you currently funded?            <span class="required">*</span>          </p>
                        <div class="FormField Fundation__c Checkbox">
                          <label for="VC or Business Angel">
                <span class="label">
                  VC or Business Angel                                  </span>
              </label>
                                                      <input type="checkbox" name="Fundation__c" value="VC or Business Angel"
                  class="Fundation__c Checkbox" id="VC or Business Angel"
                  placeholder="" >
                                    </div>
                        <div class="FormField Fundation__c Checkbox">
                          <label for="Subsidies">
                <span class="label">
                  Subsidies                                  </span>
              </label>
                                                      <input type="checkbox" name="Fundation__c" value="Government grants, subsidies etc."
                  class="Fundation__c Checkbox" id="Subsidies"
                  placeholder="" >
                                    </div>
                        <div class="FormField Fundation__c Checkbox">
                          <label for="Equity">
                <span class="label">
                  Equity                                  </span>
              </label>
                                                      <input type="checkbox" name="Fundation__c" value="Revenues"
                  class="Fundation__c Checkbox" id="Equity"
                  placeholder="" >
                                    </div>
                        <div class="FormField Fundation__c Checkbox">
                          <label for="Other financing">
                <span class="label">
                  Other financing                                  </span>
              </label>
                                                      <input type="checkbox" name="Fundation__c" value="Other"
                  class="Fundation__c Checkbox" id="Other financing"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea">
                          <label for="For other please fill in here">
                <span class="label">
                  For other please fill in here                                  </span>
              </label>
                                                      <textarea name="Other_Funding__c" placeholder="" id=""
                  rows="5"  maxlength="250"></textarea>
                                    </div>
                        <p>
            Are you currently in an incubator or accelerator program?            <span class="required">*</span>          </p>
                        <div class="FormField Radio">
                          <label for="Yes">
                <span class="label">
                  Yes                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Inc_acc_program_user__c" value="true"
                  class="Radio" id="Yes"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Radio">
                          <label for="No">
                <span class="label">
                  No                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="radio" name="Inc_acc_program_user__c" value="false"
                  class="Radio" id="No"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Textarea">
                          <label for="If so, in which one?">
                <span class="label">
                  If so, in which one?                                  </span>
              </label>
                                                      <textarea name="Name_inc_acc_program__c" placeholder="" id=""
                  rows="5"  maxlength="100"></textarea>
                                    </div>
                        <p>
            How did you hear about TechBoost?            <span class="required">*</span>          </p>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Event">
                <span class="label">
                  Event                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Event"
                  class="Candidature_Source__c Checkbox Beside" id="Event"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Which event?">
                <span class="label">
                  Which event?                                  </span>
              </label>
                                                      <textarea name="Event_source__c" placeholder="Which event?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Press &amp; Media">
                <span class="label">
                  Press &amp; Media                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Press"
                  class="Candidature_Source__c Checkbox Beside" id="Press &amp; Media"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Which medium?">
                <span class="label">
                  Which medium?                                  </span>
              </label>
                                                      <textarea name="Print_media_source__c" placeholder="Which medium?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Online research">
                <span class="label">
                  Online research                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Website"
                  class="Candidature_Source__c Checkbox Beside" id="Online research"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="About which search terms?">
                <span class="label">
                  About which search terms?                                  </span>
              </label>
                                                      <textarea name="Online_source__c" placeholder="About which search terms?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Social media">
                <span class="label">
                  Social media                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Social Media"
                  class="Candidature_Source__c Checkbox Beside" id="Social media"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Which channel?">
                <span class="label">
                  Which channel?                                  </span>
              </label>
                                                      <textarea name="Social_media_source__c" placeholder="Which channel?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Partner">
                <span class="label">
                  Partner                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Partner"
                  class="Candidature_Source__c Checkbox Beside" id="Partner"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Which partner?">
                <span class="label">
                  Which partner?                                  </span>
              </label>
                                                      <textarea name="Partner_source__c" placeholder="Which partner?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Recommendation">
                <span class="label">
                  Recommendation                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Recommendation"
                  class="Candidature_Source__c Checkbox Beside" id="Recommendation"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Who recommended us?">
                <span class="label">
                  Who recommended us?                                  </span>
              </label>
                                                      <textarea name="Recommendation_source__c" placeholder="Who recommended us?" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Partner code">
                <span class="label">
                  Partner code                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Partnercode"
                  class="Candidature_Source__c Checkbox Beside" id="Partner code"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Enter the partner code here">
                <span class="label">
                  Enter the partner code here                                  </span>
              </label>
                                                      <textarea name="Partner_code__c" placeholder="Enter the partner code here" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Candidature_Source__c Checkbox Beside">
                          <label for="Other">
                <span class="label">
                  Other                                  </span>
              </label>
                                                      <input type="checkbox" name="Candidature_Source__c" value="Other"
                  class="Candidature_Source__c Checkbox Beside" id="Other"
                  placeholder="" >
                                    </div>
                        <div class="FormField Textarea Beside">
                          <label for="Please specify your information">
                <span class="label">
                  Please specify your information                                  </span>
              </label>
                                                      <textarea name="Other_source__c" placeholder="Please specify your information" id=""
                  rows="1"  maxlength="250"></textarea>
                                    </div>
                        <div class="FormField Checkbox Data">
                          <label for="I have read and accept the privacy notice. <a href='https://www.telekom.de/datenschutzhinweise' target='_Blank'>Our privacy notice</a>">
                <span class="label">
                  I have read and accept the privacy notice. <a href='https://www.telekom.de/datenschutzhinweise' target='_Blank'>Our privacy notice</a>                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="checkbox" name="Data_protection__c" value="true"
                  class="Checkbox Data" id="I have read and accept the privacy notice. <a href='https://www.telekom.de/datenschutzhinweise' target='_Blank'>Our privacy notice</a>"
                  placeholder="" required>
                                    </div>
                        <div class="FormField Checkbox Data">
                          <label for="All startup leads generated by Telekom are processed via Telekom, which acts as the general contractor.">
                <span class="label">
                  All startup leads generated by Telekom are processed via Telekom, which acts as the general contractor.                  <span class="required">*</span>                </span>
              </label>
                                                      <input type="checkbox" name="Permission__c" value="true"
                  class="Checkbox Data" id="All startup leads generated by Telekom are processed via Telekom, which acts as the general contractor."
                  placeholder="" required>
                                    </div>
                    <!-- <input id="page:TB_RegisterForm:TB_SubmitRegistration_Command" type="submit" name="page:TB_RegisterForm:TB_SubmitRegistration_Command" value="Bewerbung absenden" onclick="utag.link({wt_link_id:'content.text.techboost.formular.bewerbung-absenden'})" class="SendBtn"> -->
      <div class="submitSection">
        <div class="submitSupport">If you have any questions, please contact us at <a href='mailto:techboost@telekom.de'>techboost@telekom.de</a>.</div>
        <input id="submitButton" type="submit" name="" value="Send" class="btn-default">
      </div>
    </form>
    <div id="formFeedbackIncomplete" style="display: none">Das Formular ist nicht vollständig.</div>
    <div id="formFeedbackError" style="display: none">Fehler: Formular konnte nicht verschickt werden.</div>
  </div>
</div>

<div id="formFeedbackSuccess" style="display: none; padding-top: 50px; padding-bottom: 50px; text-align: center;">Vielen Dank für Eure Bewerbung bei TechBoost. Wir melden uns so schnell wie möglich per E-Mail bei Euch! Bei Fragen könnt Ihr Euch auch an <a href="mailto:techboost@telekom.de">techboost@telekom.de</a> wenden.</div>

<script>
  $(function() {
    $('.file_input_replacement').click(function() {
      //This will make the element with class file_input_replacement launch the select file dialog.
      var assocInput = $(this).siblings("input[type=file]");
      assocInput.click();
    });
    $('.file_input_with_replacement').change(function() {
      //This portion can be used to trigger actions once the file was selected or changed. In this case, if the element triggering the select file dialog is an input, it fills it with the filename
      var thisInput = $(this);
      var assocInput = thisInput.siblings("input.file_input_replacement");
      if (assocInput.length > 0) {
        var filename = (thisInput.val()).replace(/^.*[\\\/]/, '');
        assocInput.val(filename);
      }
    });
  });

  document.querySelector('select.Others').onchange = () => {
    let othersOption = document.querySelector('.FormSelect__Item.Others')
    let otherTextarea = $('.Textarea.Others')

    if (othersOption.value === othersOption.options.Others.label) {
      otherTextarea.show()
    } else {
      otherTextarea.hide()
    }
  }

  function validateFile(file) {
    let fileSize = file.files[0].size / 1024 / 1024; // in MB
    let fileType = file.value.split('.').pop();

    if (fileSize > 20) {
      document.querySelector('#badFileUpload').innerHTML = 'Fehler: Die Datei ist zu groß, max. 20 MB';
      file.value = null;
    }
    if (fileType !== 'pdf' && fileType !== 'zip') {
      document.querySelector('#badFileUpload').innerHTML = 'Fehler: Falscher Dateityp, nur PDFs und Zip-Dateien erlaubt';
      file.value = null;
    }
  }

  // only show solution options if the user has selected a solution
  const solutionOptions = document.querySelectorAll('input[name="Challenge_Solution_Item__c"]')
  solutionOptions.forEach(option => {
    option.addEventListener('change', () => {
      //set value to null
      document.querySelector('#Challenge_Detail_action_field__c').value = null

      //hide options
      document.querySelectorAll('.form-pitch-solution-option').forEach(option => {
        option.style.display = 'none'
      })
      if (option.value === 'Customer Experience') {
        document.querySelectorAll('.form-pitch-solution-cut').forEach(option => {
          option.style.display = 'block'
        })
      }
      if (option.value === 'Product & Business Model') {
        document.querySelectorAll('.form-pitch-solution-product').forEach(option => {
          option.style.display = 'block'
        })
      }
      if (option.value === 'Enterprise Processes & Infrastructure') {
        document.querySelectorAll('.form-pitch-solution-infra').forEach(option => {
          option.style.display = 'block'
        })
      }
      if (option.value === 'Productivity & Culture') {
        document.querySelectorAll('.form-pitch-solution-culture').forEach(option => {
          option.style.display = 'block'
        })
      }
    })
  })

  //remove required class from checkboxes when any checkbox is changed
  document.querySelectorAll('input[type=checkbox]').forEach(checkbox => {
    checkbox.onchange = () => {
      document.querySelectorAll('.Checkbox').forEach(checkbox => {
        checkbox.classList.remove('required')
      })
    }
  })

  function validateCheckboxClass(className) {
    //add required class to TechBoost_interest__c
    document.querySelectorAll('.' + className).forEach(
      item => {
        item.classList.add('required')
      }
    )
    //show error message
    document.querySelector('#formFeedbackIncomplete').style.display = 'block'
  }

  function cleanupForm() {
    //empty form
    document.querySelector('#applyForm').reset()
    //remove required classes
    document.querySelectorAll('.required').forEach(item => {
      item.classList.remove('required')
    })
    document.querySelectorAll('.Invalid').forEach(item => {
      item.classList.remove('Invalid')
    })
  }

  function prepareFormData(form) {
    const formData = new FormData(form)
    // create object from formData
    const formObject = {}
    formData.forEach((value, key) => {
      if (formObject[key]) {
        formObject[key] += ';' + value
      } else {
        formObject[key] = value
      }
    })

    //check if required checkboxes are empty
    if (!formObject['TechBoost_interest__c']) {
      validateCheckboxClass('TechBoost_interest__c')
    }
    if (!formObject['Candidature_Source__c']) {
      validateCheckboxClass('Candidature_Source__c')
    }
    if (!formObject['Fundation__c']) {
      validateCheckboxClass('Fundation__c')
    }

    if (!formObject['TechBoost_interest__c'] || !formObject['Candidature_Source__c'] || !formObject['Fundation__c']) {
      return
    } else {
      //form is complete now --> hide the warning message
      document.querySelector('#formFeedbackIncomplete').style.display = 'none'
    }

    formObject['Street'] = formObject['Street'] + ' ' + formObject['StreetNumber']
    return formObject
  }

  function submitForm(formObject) {
    fetch('/public/FormHandler.php', {
        method: 'POST',
        body: JSON.stringify(formObject)
      })
      .then(response => response.json())
      .then(data => {
        if (data.error) {
          document.querySelector('#formFeedbackError').style.display = 'block'
          document.querySelector('#formFeedbackError').innerHTML = data.error
          document.querySelector('#submitButton').disabled = false;
        } else {
          document.querySelector('#formFeedbackError').style.display = 'none'
          document.querySelector('#formFeedbackSuccess').style.display = 'block'
          // TODO: ENABLE AGAIN AFTER ALL TESTS
          // cleanupForm()
          document.querySelector('#formContainer').style.display = 'none'
        }
      })
      .catch(error => {
        document.querySelector('#formFeedbackError').style.display = 'block'
      })
  }

  const form = document.querySelector('#applyForm')
  // $('[type="submit"]').on('click', function () {
  form.addEventListener('submit', function(e) {
    e.preventDefault()

    let formObject = prepareFormData(form)

    const file = document.querySelector('input[type="file"]').files[0]
    //file to base64
    const reader = new FileReader()
    reader.readAsDataURL(file)
    reader.onload = function() {
      formObject['uploaded_file'] = reader.result.split(',')[1];

      $('#applyForm')
        .find('[required]')
        .addClass('Invalid');

      console.log('formObject', formObject)

      //disable form submit button
      document.querySelector('#submitButton').disabled = true;
      document.querySelector('#submitButton').classList.add('disabled')

      submitForm(formObject)
    }
  });
</script>    <div class="StandardFooter">
  <div class="StandardFooter__Wrapper">
    <div class="StandardFooter__Content">
      <div class="Legal">
        <h3 class="Techboost__Headline">Legal</h3>
        <div class='StandardFooter__links'>
          <p>Telekom</p>
          <a href='https://www.telekom.de/impressum' target='_blank'>
            Imprint          </a>
          <a href='https://www.telekom.de/ueber-das-unternehmen/datenschutz#fragen-und-antworten' target='_blank'>
            Privacy policy          </a>
        </div>
      </div>
      <div class="Address">
        <h3 class="Techboost__Headline">Information</h3>
        <div class='StandardFooter__links'>
          TechBoost Connect<br><br>
          Telekom Deutschland GmbH<br>Landgrabenweg 149<br>53227 Bonn<br><br>
          <a href="mailto:techboost@telekom.de" class="mail">techboost@telekom.de</a><br>
          Telekom Deutschland GmbH<br><span>Technische Umsetzung: <a href="https://innoloft.com" class="mail">Innoloft GmbH</a></span>
        </div>
      </div>
      <div class="Telekom">
        &copy; Telekom Deutschland GmbH is one of the world's leading service providers in the telecommunications and information technology industry. We offer our customers products and services for connected life and work.      </div>
      <div class="Techboost__Logo">
        <img src="/public/assets/DT_Techboost_headline_left_rgb_l.png" alt="Logo Techboost">
      </div>
    </div>
  </div>
</div>
<div class="FooterLine">
    &copy;2026</div>

  </body>
</html>
