<!DOCTYPE html>
<html lang="de">

<head>
  <title>
      404 - ruf Akademie
  </title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="robots" content="index, follow">
      <meta name="description" content="Bei uns sind deine Daten sicher: Die ruf Akademie als Betreiber von ruf-akademie.de nimmt den Schutz personenbezogener Daten sehr ernst">
  
  
  <link href="/assets/app.css" rel="stylesheet">
  <link href="/assets/fonts/style.css" rel="stylesheet">
  
  <script defer src="https://cdnjs.cloudflare.com/ajax/libs/what-input/5.2.3/what-input.min.js" integrity="sha256-CzzDpFVBRF2Q9t6/eCvXy4TpLnKBc7kTislg1GVr05w=" crossorigin="anonymous"></script>
  <script defer src="/assets/fonts/fontawesome/all.js"></script>
  <script defer src="/assets/app.js"></script>
  

  <!-- Google Tag Manager -->
  <script>(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-5QKPZSQ');</script>
  <!-- End Google Tag Manager -->
</head>

<body class="dom-loading loading">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QKPZSQ"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->


  <div id="app">
      <header class="header" :class="{'is-not-top' : !pageIsTop}">
        <div class="header__inner">
          
        <a class="header__logo" href="/index.html">
          <img src="/assets/img/logos/ruf.svg" alt="" width="20" height="20">
          <p>akademie
            <small>macht junge Menschen stark!</small>
          </p>
        </a>

        <button class="header__menu-toggle" @click="menuOpen = !menuOpen" aria-labelledby="menuLabel"> 
            <transition name="fade" mode="out-in">
              <span v-if="!menuOpen" key="menuIcon">
                <i class="far fa-bars"></i>
              </span>
              <span v-if="menuOpen" key="closeIcon" v-cloak>
                <i class="far fa-times"></i>
              </span>
            </transition>
            <label id="menuLabel">Inhalt</label>
        </button>
      </header>



<main>
  <section class="section--large">
    <div class="container max700 text-center">
      <h1>404</h1>
      <p>
        Diese Seite haben wir leider nicht gefunden.
      </p>
      <br>
      <a href="/index.html" class="button">zur Startseite</a>
    </div>
  </section>
</main>

    <transition name="slideInRight">
      <div class="menu-panel" v-show="menuOpen" v-cloak>
        <div class="menu-panel__inner">
          <button class="menu-panel__close" @click="menuOpen = false">schließen <i class="far fa-times fa-lg"></i></button>
          <a href="/index.html"><i class="fal fa-home fa-2x"></i></a>
          <p class="menu-panel__heading">Theorie und Praxis</p>
          <ul class="menu-panel__nav">
            <li><a href="/theorie.html">Theoretische Ausbildung</a></li>
            <li><a href="/praxis.html">Praktische Ausbildung</a></li>
            <li><a href="/qualitaet.html">Qualität &amp; Praktika</a></li>
          </ul>
          <p class="menu-panel__heading">ruf Akademie</p>
          <ul class="menu-panel__nav">
            <li><a href="/houseofruf.html">House of ruf</a></li>
            <li><a href="/team.html">Team</a></li>
            <li><a href="/referenten.html">Referent:innen</a></li>
            <li><a href="/verein.html">Verein</a></li>
            <li><a href="/forschung.html">Hochschul-Kooperationen</a></li>
            <li><a href="/kontakt.html">Kontakt</a></li>
          </ul>
        </div>
      </div>
    </transition>

    <transition name="fade">
      <div class="page-overlay" v-if="menuOpen" @click="menuOpen = false" v-cloak></div>
    </transition>


    <footer class="footer">
        <div class="footer__inner">
          <ul class="footer__cols">
            <li class="footer__col">
              <p><strong>ruf Akademie</strong> <br>
              Reisen und Freizeit mit jungen Leuten e.V.
              </p>
              <p>Am Lenkwerk 11 <br>
                33609 Bielefeld <br>
                Tel. +49 (0)521-96 27 39 <br>
                info@ruf-akademie.de <br>
              </p>
              <a href="/kontakt.html" class="button button--light">Kontakt</a>
            </li>
            <li class="footer__col">
              <p><strong>Theorie und Praxis</strong></p>
              <ul class="no-bullet">
                <li><a href="/theorie.html">Theoretische Ausbildung</a></li>
                <li><a href="/praxis.html">Praktische Ausbildung</a></li>
                <li><a href="/qualitaet.html">Qualität &amp; Praktika</a></li>
              </ul>
            </li>
            <li class="footer__col">
              <p><strong>ruf Akademie</strong></p>
              <ul class="no-bullet">
                <li><a href="/houseofruf.html">House of ruf</a></li>
                <li><a href="/team.html">Team</a></li>
                <li><a href="/referenten.html">Referent:innen</a></li>
                <li><a href="/verein.html">Verein</a></li>
                <li><a href="/forschung.html">Hochschul-Kooperationen</a></li>
              </ul>
            </li>
          </ul>
          <br>
          <div class="text-center">
            <a href="/datenschutz.html">Datenschutz</a>&nbsp; | &nbsp;<a href="/impressum.html">Impressum</a>
          </div>
        </div>
    </footer>

  </div>
</body>

</html>