<turbo-stream action="replace" targets=".preview-container"><template><div class="preview-container" data-controller="dom" data-dom-target="node" data-testid="preview-container">
    <div class="repel preview-header">
      <span class="preview-title">Auswahl</span>
      <a class="preview-close-btn" title="Schließen" data-controller="event" data-action="dom#empty event#preventDefault" href="/de/volunteering/projects?mode=map"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="23" viewBox="0 0 22 23" fill="none">
<g id="Group 56">
<path id="Vector 5" d="M16.2805 6.18886C15.0261 7.62831 14.0517 8.43006 13.0951 9.63904C11.9218 11.1219 10.6401 12.5631 9.23327 13.8704C8.32762 14.712 6.71045 16.419 5.71655 17.1891" stroke="var(--brand-primary-color)" stroke-width="1.5" stroke-linecap="round"></path>
<path id="Vector 6" d="M5.36816 6.28174C7.89922 8.71241 9.87635 10.6111 12.4062 13.0406C13.2013 13.8042 14.5685 15.1172 15.3629 15.88C15.7854 16.2859 16.2059 16.6896 16.629 17.096" stroke="var(--brand-primary-color)" stroke-width="1.5" stroke-linecap="round"></path>
</g>
</svg></a>
    </div>
    <div class="slider" data-controller="cycle">
  <button class="icon-button-primary-medium slider__previous" title="Zurück" data-action="cycle#previous"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" aria-hidden="true">
  <path d="M8 11C10.1004 13.1564 10.2556 13.4884 12.4294 15.5717C12.714 15.8444 13.0448 16.3705 13.4094 15.9995C14.2681 15.1257 17.2371 11.9565 18 11" stroke="var(--icon-color)" stroke-width="2" stroke-linecap="round"></path>
</svg></button>
  <button class="icon-button-primary-medium slider__next" title="Weiter" data-action="cycle#next"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" aria-hidden="true">
  <path d="M8 11C10.1004 13.1564 10.2556 13.4884 12.4294 15.5717C12.714 15.8444 13.0448 16.3705 13.4094 15.9995C14.2681 15.1257 17.2371 11.9565 18 11" stroke="var(--icon-color)" stroke-width="2" stroke-linecap="round"></path>
</svg></button>
  <div class="project-list-container__slides-wrapper slides">
      <div data-cycle-target="item" data-controller="css" data-css-target-class="hidden-slide" data-action="cycle:active-&gt;css#remove cycle:inactive-&gt;css#add"><div class="preview" data-gmaps-infowindow-target="preview" data-id="13350" data-title="Lust, als Linux-Buddy Menschen mit Wohnungslosigkeitserfahrung zu empowern?" data-controller="dom swipe" data-action="click-&gt;dom#setAttribute swipe:up-&gt;dom#setAttribute" data-dom-target="node" data-dom-attribute-param="data-expanded">
  <iframe src="/de/volunteering/projects/13350?inline_view=true" loading="lazy" data-controller="dom" data-action="load-&gt;dom#setAttribute" data-dom-target="node" data-dom-attribute-param="data-loaded" data-dom-value-param="true"></iframe>
  <div class="preview__card-wrapper flow">
    

  <div class="project-card-search skip-hover no-overflow expanded" data-controller="css" data-action="touchstart-&gt;css#add" data-css-target-class="touched">
    <a class="unstyled-link" data-turbo="false" href="/de/volunteering/projects/13350_querstadtein-e-V_Lust-als-Linux-Buddy-Menschen-mit-Wohnungslosigkeitserfahrung-zu-empowern_Berlin">
      <div class="project-card-search__header">
        <img srcset="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/13350/w400_190813_querstadtein_web-52_1776071599-392967675663863-0011-6929.jpeg 400w, https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/13350/w700_190813_querstadtein_web-52_1776071599-392967675663863-0011-6929.jpeg 700w" sizes="(max-resolution: 1dppx) 400px, 350px" loading="lazy" class="project-card-search__header-image" src="https://vostel.s3.eu-central-1.amazonaws.com/uploads/project/images/13350/190813_querstadtein_web-52_1776071599-392967675663863-0011-6929.jpeg" />
      </div>


        <div class="project-card-search__logo-container">
          <div class="project-card-search__logo-blubsch">
            <svg xmlns="http://www.w3.org/2000/svg" id="14b5f729-5bde-4141-9566-cc80150f8a88" data-name="Layer 1" viewBox="0 0 1000 1000">
  <path d="M865.66,753.48c-107,195.27-363,210.26-498.78,175.76-188.6-48-312.79-220.45-314.33-415.3-2-247.5,174.51-389.21,220.52-408.83S568.85-14,773.48,148.59c272.79,216.82,160.15,480.78,92.18,604.89" style="fill: none;stroke-miterlimit: 10;stroke-width: 100px"></path>
</svg>
          </div>
          <div class="project-card-search__logo-wrapper">
            <img class="logo" loading="lazy" src="https://vostel.s3.eu-central-1.amazonaws.com/uploads/organisation/logo/2946/w400_Logo-Pin.jpg" />
          </div>
        </div>

      <div class="project-card-search__content">
        <h3 class="project-card-search__title">Lust, als Linux-Buddy Menschen mit Wohnungslosigkeitserfahrung zu empowern?</h3>

        <h4 class="component-project__organisation project-card-search__organisation">
          querstadtein e.V.
</h4>
        <div class="project-card-search__attribute project-card-search__attribute--location">
            <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" id="uuid-30a8579f-3712-4786-996a-930f09ff08dc" viewBox="0 0 416.7 537.7">
  <defs>
    <style>.uuid-05a09d13-655e-4d62-86cd-23431c8817c6{fill:var(--icon-color);fill-rule:evenodd;}</style>
  </defs>
  <path class="uuid-05a09d13-655e-4d62-86cd-23431c8817c6" d="M208.8,8.4C96.8,8.4,6,93,6,197.3s67.6,182.4,202.8,338.4c135.2-156,202.8-268.8,202.8-338.4,0-104.3-90.8-188.9-202.8-188.9Zm0,263.7c-46.1,0-83.5-37.6-83.5-83.9s37.4-83.9,83.5-83.9,83.5,37.6,83.5,83.9-37.4,83.9-83.5,83.9Z"></path>
</svg></span>
            Berlin
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 382.58">
  <defs>
    <style>.be22e203-baab-4d51-8668-71a8e8096f4b{fill:var(--icon-color);}</style>
  </defs>
  <g id="f855463e-18ff-4f5d-a7c7-e903a0ebf2af" data-name="front">
    <path class="be22e203-baab-4d51-8668-71a8e8096f4b" d="M88.72,136.64c5.17-1,17.92-14.83,22.26-15.39,9.54-1.21,16.93,2.56,21.1,11.13s2.62,16.85-3.77,23.77C113,172.67,97.87,189.33,82,205.26c-18.23,18.26-34.65,15.92-46.16-7S14,151.83,3.83,128.34c-5.28-12.14-2.32-21.47,6.71-26.3S28.6,99.77,36.86,110c3.34,4.12,4.83,16.15,9,22.4C49.76,124.57,54,111.13,57,105,94,29.82,168.84-9.88,251.28,4.5c48.09,8.38,85.65,35.35,113.45,75.4,7.14,10.28,6.14,23.45-.85,30.06-6.82,6.45-19.87,6-29.86-2.49-6.44-5.45-11.3-12.73-17.09-19C248.55,14.67,131.58,33.78,88.72,136.64Z"></path>
    <path class="be22e203-baab-4d51-8668-71a8e8096f4b" d="M333,273.79c3.71-4.79,5.68-8.81,4.28-8.57-16.49,2.87-38.72,11.43-42.48,1.55-4.44-11.66,1.61-19.4,10.59-25.51,18.62-12.67,36.92-25.89,56.2-37.48,22-13.25,37.68-5.54,41.84,19.31,3.83,23,7.72,45.94,11.11,69,1.63,11-1.88,20.36-13.21,24.3-9.94,3.45-15.23.54-21.19-8.29-2.05-3-1.34-16.64-4.28-21.43-6.49,7.77-17.36,24.27-22.74,30.56-71.48,83.54-195.93,84.32-268.2,1.65-4.07-4.66-8.21-9.48-11.13-14.87-5.23-9.68-3.13-22.77,3.57-27.84,9.47-7.16,22.31-5.68,31.13,3.74,7.42,7.92,14.07,16.7,22.16,23.86C196.24,361.82,288.86,330.79,333,273.79Z"></path>
  </g>
</svg></span>
          projektbasiert
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 385.13">
  <defs>
    <style>.fead68cc-8e71-4efd-8628-a4c591239a77{fill:var(--icon-color);}</style>
  </defs>
  <g id="b0a26ec4-25f2-4674-9ec0-ec28648fabd1" data-name="front">
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M400.61,330.59c-8-11.09-24.85-43-24.85-43S389.21,269.06,398,255.9c22.33-33.45,28.43-134.24-26-189.28C293.46-12.85,153.76-20.09,67.33,50.82c-82.12,67.37-87,179.63-9.74,252.73,55.2,52.22,109.07,62.55,183.37,51.6,16.49-2.43,28,.37,44.72,5.92,15.48,5.13,91,25.06,119.75,12.21C424.05,365,407.33,339.85,400.61,330.59Zm-109.42-9.94C280.48,315.05,267,307,256,308.9c-57.14,9.91-114.64,6.67-159.55-30.66C47.73,237.78,35.3,172.85,65.79,123,84.3,92.71,110.87,71.56,144.28,60.5c69.3-23,133.49-13.89,189.33,35.38C376.89,134.05,396.94,203.8,346.42,265c-2.07,2.5-3.93,5.18-8.11,10.73,6.7,22.76,20.6,41.89,33.16,67.6C368.86,344.65,315.85,333.54,291.19,320.65Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M225.88,164.39c-12.95-7-26.49-3.82-33,7.72-7.71,13.72-2.92,33.6,9.88,41s26.07,3.07,33.23-11C244.12,186.27,240.33,172.18,225.88,164.39Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M332.9,174.7c-12.52-8-29.94-4.4-37,7.58-6.63,11.19-1.54,30.62,9.74,37.21s27.5,2.08,35-9.66A25.66,25.66,0,0,0,332.9,174.7Z"></path>
    <path class="fead68cc-8e71-4efd-8628-a4c591239a77" d="M112.42,156.64c-12-5-21.59-.4-28,13.64-7,15.29-2.78,29.08,10.75,35.32,12.86,5.94,27.83.28,33.1-12.52C133.8,179.68,126.3,162.45,112.42,156.64Z"></path>
  </g>
</svg></span>
          Fortgeschrittene Deutschkenntnisse
        </div>

        <div class="project-card-search__attribute project-card-search__onhover">
          <span aria_hidden="true" class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 360.14">
  <defs>
    <style>.b7beefb6-62a5-448b-8928-c5d62e7b2118{fill:var(--icon-color);}</style>
  </defs>
  <g id="b21787d4-a332-4272-8d5d-a757a25db850" data-name="front">
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M411.27,321.08Q406.94,197.93,401.6,74.8c-1-24.34-7.78-30.94-31.79-32.6-18-1.25-36.13-1.83-53.68-2.68-4.14-13.28-5.15-26.83-20.85-28-18.48-1.4-19.59,15.18-25.87,27.4L135.24,34.28C132.05,20,133.78,2.35,113.68,1.61,95.07.93,94.28,17.27,89.27,31.14c-19.79,0-38-.32-56.28.09-19.86.44-27.5,7.72-29.1,27-.59,7.15-.73,14.35-.7,21.53q.56,120.85,1.27,241.71A93.63,93.63,0,0,0,5.6,338.13c2,10.4,8.16,17.23,19,18.71a144.73,144.73,0,0,0,19.07,1.26q165.18.61,330.36,1C405.35,359.16,412.37,352.19,411.27,321.08ZM49.36,77.86H88.94c6.93,12.2,5.84,31.19,26.09,29.79,16.06-1.11,16.33-15,20.23-29l134.49,4.75c4.41,12.43,6.4,25.58,22.21,25.73,15.6.15,17.65-13.47,22.49-25L357.27,87v53.46c-102.36-2.67-204.73-5.94-307.91-12.84Zm.37,233.31V170l312.16,16.58c1.64,41.78,3.26,82.86,4.87,123.6C349.1,315.37,79.17,316.11,49.73,311.17Z"></path>
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M175.7,233.91c-12.61-.95-63.44-3.09-76.09-2.38-13.14.73-20.57,7.86-20.31,18.56.27,11.18,7,18.31,17.42,19.32,26,2.51,52.15,4.48,78.27,5.25,15.65.46,24.62-7.93,24.84-19.74C200.05,243.47,191.23,235.07,175.7,233.91Z"></path>
    <path class="b7beefb6-62a5-448b-8928-c5d62e7b2118" d="M316.91,238.18c-25.3-1.29-50.73-1.45-76-.45-12.61.5-20.23,9.7-20.18,19.53.05,10,7.4,17.4,20.6,18.8,13.39,1.42,26.9,1.6,40.36,2.32,0,.15,0,.31,0,.46q14.26,0,28.54,0a39.62,39.62,0,0,0,4.75-.17c13.9-1.82,21.93-9.46,21.83-20.7C336.68,247.52,329.74,238.83,316.91,238.18Z"></path>
  </g>
</svg></span>
          Individuelle Terminvereinbarung
        </div>
      </div>
</a></div>

    <a class="unstyled-link flow" data-turbo="false" href="/de/volunteering/projects/13350_querstadtein-e-V_Lust-als-Linux-Buddy-Menschen-mit-Wohnungslosigkeitserfahrung-zu-empowern_Berlin">
      <div class="trix-content"><div>querstadtein bietet seit über zwölf Jahren Bildungsarbeit aus Betroffenenperspektive an – von (ehemals) wohnungslosen Menschen sowie Menschen mit Flucht- und Migrationserfahrung. Unsere Bildungakteur*innen eröffnen neue Perspektiven auf die Stadt, räumen mit Vorurteilen auf und sensibilisieren für Themen sozialer und globaler Ungleichheit. Zu den Teilnehmenden gehören Schulen und Bildungseinrichtungen sowie gemeinnützige Organisationen, Unternehmen und Privatpersonen. <br><br>Im Projekt <strong>„Digital dabei: Teilhabe für wohnungslose Menschen“</strong>, gefördert durch die Deutsche Postcode Lotterie, soll die digitale Teilhabe von Menschen mit Wohnungs- oder Obdachlosigkeitserfahrung gestärkt werden. Sie erwerben digitale Grundkompetenzen und erhalten die passende technische Ausstattung. Unterstützt durch ehrenamtliche „Buddies“ lernen sie sich selbstbestimmt im digitalen Raum zu bewegen. So entstehen Teilhabe, Sichtbarkeit und demokratischer Zusammenhalt. <br><br> Das bieten wir: </div><ul>
<li>Ein inhaltliches Onboarding und die enge Zusammenarbeit mit einem kleinen Projektteam in Berlin </li>
<li>Du lernst interessante Menschen kennen und arbeitest an gesellschaftlich relevanten Themen </li>
<li>Die Möglichkeit, eigene Ideen einzubringen </li>
<li>Eine Bescheinigung deines ehrenamtlichen Engagements und die Einbindung in den Verein </li>
<li>Flexible Einsatzstunden nach Absprache </li>
</ul></div>
</a>    <a class="btn btn-primary" data-turbo="false" href="/de/volunteering/projects/13350_querstadtein-e-V_Lust-als-Linux-Buddy-Menschen-mit-Wohnungslosigkeitserfahrung-zu-empowern_Berlin">Zum Engagement</a>
  </div>
</div></div>
</div></div>

  </div>
</template></turbo-stream>
