---
title: RUB-Makerspace
hide:
  - navigation
  - toc
glightbox: false
search:
  exclude: true
---

<!-- CSS nur für diese Page -->
<link rel="stylesheet" href="/stylesheets/pages/home.css">

<!-- Title-Image -->
<div class ="title-image">
  <div class ="title-image__overlay">
    <h2>Willkommen im inspirierendsten Ort Bochums!</h2>
    <div class="custom-copyright">©Michael Schwettmann</div>
  </div>
</div>

<!-- W-Fragen -->
<div class="wf-background">
  <div class="wf-overlay">
    <div class="wf-grid-container">
      <div class="wf-text-box">
        <h2>Was sind wir?</h2>
        <p>Wir sind ein moderner, offener Ort mit Werkstätten, Laboren und Arbeitsräumen, der von Dir genutzt werden kann, um innovative Ideen zu entwickeln und mit uns in die Tat umzusetzen! <a href="/ort">Mehr Infos</a></p>
      </div>
      <div class="wf-text-box">
        <h2>Warum gibt es uns?</h2>
        <p>Der RUB-Makerspace wurde als Teil des Transferkonzeptes der Ruhr-Universität initiiert und mithilfe der Förderlinie „Exzellenz Start-up Center.NRW“ des MWIKE seit 2019 umgesetzt und aufgebaut. <a href="/organisation">Mehr Infos</a></p>
      </div>
      <div class="wf-text-box">
        <h2>Wer kann hier arbeiten?</h2>
        <p>Wir richten uns in erster Linie an Start-ups und Gründungsprojekte der RUB. Grundsätzlich sind wir aber ein Ort für alle, also Unternehmen, Berufsschulen oder Bürger*innen etc. <a href="/ms-nutzen#ziel">Mehr Infos</a></p>
      </div>
      <div class="wf-text-box">
        <h2>Wie läuft das ab?</h2>
        <p>Interessierte melden sich am besten über unser <a href="/kontakt">Kontaktformular</a>. Anschließend vereinbaren wir mit Dir einen Termin und schulen Dich so, dass Du möglichst selbständig arbeiten kannst. <a href="/kontakt">Mehr Infos</a></p>
      </div>
      <div class="wf-text-box">
        <h2>Wann haben wir geöffnet?</h2>
        <p>Wir haben regelmäßige Open Makerspace-Zeiten, in denen Du Dein Projekt umsetzen kannst. Start-ups, Seminare und Unternehmen können zusätzliche Termine vereinbaren. <a href="/ms-nutzen#cal">Mehr Infos</a></p>
      </div>
      <div class="wf-text-box">
        <h2>Wo sind wir?</h2>
        <p>Wir befinden uns auf über 2000 m² Fläche im denkmalgeschützten, ehemaligen Verwaltungsgebäude von Opel auf Mark 51°7 in Bochum (Linie 302 ab BO Hbf). <a href="/kontakt#anf">Mehr Infos</a></p>
      </div>
      <!-- Add more text boxes as needed -->
    </div>
  </div>
</div>


<!--Image-Nav-Buttons  -->
<div class="image-nav-button-container">
        <a href="news" class="image-nav-button" style="background-image: url('/medien/Button_Kalender.jpg');">
            <h2>Aktuelles</h2>
            <div class="image-nav-button-overlay">
                <div class="description-text">Hier findest Du die wichtigsten Neuigkeiten aus dem RUB-Makerspace.</div>
            </div>
            <div class="image-nav-button-copyright-text">©RUB, Marquard</div>
        </a>
        <a href="ms-nutzen" class="image-nav-button" style="background-image: url('/medien/Button_Nutzen.jpg');">
            <h2>Makerspace nutzen</h2>
            <div class="image-nav-button-overlay">
                <div class="description-text">Wer? Was? Wie? Wann? Du fragst Dich, wie genau Du den Makerspace nutzen kannst? Hier werden Deine Fragen beantwortet!</div>
            </div>
            <div class="image-nav-button-copyright-text">©Michael Schwettmann</div>
        </a>
        <a href="ort" class="image-nav-button" style="background-image: url('/medien/Button_Ausstattung.jpg');">
            <h2>Wiki</h2>
            <div class="image-nav-button-overlay">
                <div class="description-text">Verteilt auf mehrere Bereiche bietet Dir der Makerspace rund 300 Maschinen und Geräte. Erkunde den Makerspace hier mit unserer interaktiven Karte!</div>
            </div>
            <div class="image-nav-button-copyright-text">©Michael Schwettmann</div>
        </a>
        <a href="kontakt" class="image-nav-button" style="background-image: url('/medien/Button_Kontakt.jpg');">
            <h2>Kontakt</h2>
            <div class="image-nav-button-overlay">
                <div class="description-text">Hier findest Du alles, was Du brauchst, um mit uns in Kontakt zu treten oder uns zu besuchen. Wir freuen uns auf Dich!</div>
            </div>
            <div class="image-nav-button-copyright-text">©Michael Schwettmann</div>
        </a>
</div>


<div>
--8<-- "overrides/partials/address.html"
</div>

<script>
 document.addEventListener('DOMContentLoaded', function() {
    const searchBar = document.querySelector('.md-search');
    const newParent = document.querySelector('.title-image__overlay');
    //const header = document.querySelector('.md-header.md-header--lifted');
    const headerInner = document.querySelector('.md-header__inner.md-grid');
    const titleImage = document.querySelector('.title-image');
    const targetLocationInHeader = document.querySelector('.md-header__source');

    // Calculate the combined height of the header and title image
    const thresholdHeight = headerInner.offsetHeight + (titleImage.offsetHeight * 0.66);

    // Function to move the search bar based on scroll position and screen width
    function moveSearchBar() {
        // Check if screen width is equal to or less than 59.984375em
        const isMobile = window.matchMedia('(max-width: 59.984375em)').matches;

        if (window.pageYOffset < thresholdHeight && !isMobile) {
            // If user hasn't scrolled past the threshold and not on mobile, move the search bar to the overlay
            if (searchBar.parentNode !== newParent) {
                newParent.appendChild(searchBar);
                searchBar.style.display = ''; // Ensure visibility
                // Optional: Reinitialize search functionality here, if possible
            }
        } else {
            // Move the search bar back to its specific position in the header
            if (searchBar.parentNode !== headerInner) {
                headerInner.insertBefore(searchBar, targetLocationInHeader);
                // Optional: Adjust styles or reinitialize search functionality if needed
            }
        }
    }

    // Listen for scroll events
    window.addEventListener('scroll', moveSearchBar);

    // Listen for screen width changes
    window.addEventListener('resize', moveSearchBar);

    // Initial check in case the page is loaded with an initial scroll or on mobile
    moveSearchBar();
});
</script>
 <script src="/javascripts/buttons.js"></script>