purinto-website/index.html
Denise Krölling 1a63f66463 Website der Purinto GmbH aufsetzen
Statische Website ohne Build-Schritt: reines HTML, CSS und Vanilla-JS,
lauffaehig auf beliebigem Webspace.

Neun Seiten: Startseite, Dienstleistungen, Projekte, Ueber uns, Kontakt
sowie Impressum, Datenschutz, Danke-Seite und 404.

Kernstueck der Startseite ist die Stueckzahl-Achse: ein logarithmischer
Regler von 1 bis 100.000 Stueck, der zur gewaehlten Menge Verfahren,
Werkzeugkosten, Lieferzeit und Anwendungsfall ausgibt. Die dritte Zone
ist optisch zurueckgenommen, weil Serienspritzguss ueber Partnerbetriebe
laeuft und nicht zum eigenen Leistungsumfang gehoert. Der Leistungsumfang
ist durchgehend auf FDM, SLA und SLA-gedruckte Formeinsaetze beschraenkt.

Gestaltung nach Vorgabe: Anthrazit, Salbeigruen und Flieder als Akzent.
Archivo, Public Sans und IBM Plex Mono werden lokal ausgeliefert statt
ueber die Google-CDN eingebunden.

Kontaktformular ueber Web3Forms mit Client-Validierung; der Access-Key
ist noch ein Platzhalter. Alle Firmen- und Projektinhalte sind sichtbar
als Platzhalter markiert, die Uebergabe-Checkliste steht in der README.

Geprueft: WCAG-AA-Kontraste auf allen Seiten, kein horizontaler Ueberlauf
von 320 bis 1920 px, Tastaturbedienung der Achse, feste Zeilenzahl der
Hero-Headline.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-08-13 13:07:08 +02:00

798 lines
33 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="de-AT">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Purinto GmbH — Entwicklungsbegleitende Kunststofftechnik</title>
<meta
name="description"
content="Purinto begleitet Ihre Kunststoffentwicklung von der Konstruktion über die Werkstoffauswahl bis zum serienreifen Bauteil — mit FDM, SLA und Bridge Tooling für Prototypen und Kleinserien."
/>
<link rel="canonical" href="https://www.purinto.at/" />
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Purinto GmbH — Entwicklungsbegleitende Kunststofftechnik"
/>
<meta
property="og:description"
content="Konstruktionsbegleitung, Materialauswahl, Prototypen und Kleinserien aus FDM, SLA und Bridge Tooling."
/>
<meta property="og:locale" content="de_AT" />
<meta property="og:url" content="https://www.purinto.at/" />
<link rel="icon" href="favicon.svg" type="image/svg+xml" />
<link rel="stylesheet" href="assets/css/tokens.css" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<a class="sprungmarke" href="#inhalt">Zum Inhalt springen</a>
<header class="kopf" data-kopf>
<div class="huelle kopf__innen">
<a class="marke" href="index.html" aria-label="Purinto GmbH, zur Startseite">
<svg class="marke__zeichen" viewBox="0 0 24 24" aria-hidden="true">
<rect x="6" y="4" width="12" height="4.4" rx="1" fill="#9b85c4" />
<rect x="4" y="9.8" width="16" height="4.4" rx="1" fill="#8fa894" />
<rect x="2" y="15.6" width="20" height="4.4" rx="1" fill="#3c4347" />
</svg>
<span class="marke__wort">Purinto</span>
</a>
<button
class="nav__schalter"
type="button"
data-nav-schalter
aria-expanded="false"
aria-controls="hauptnav"
>
<span data-nav-schalter-text>Menü</span>
<span class="nav__balken" aria-hidden="true"></span>
</button>
<nav class="nav" id="hauptnav" data-nav aria-label="Hauptnavigation">
<ul class="nav__liste">
<li><a class="nav__link" href="dienstleistungen.html">Dienstleistungen</a></li>
<li><a class="nav__link" href="projekte.html">Projekte</a></li>
<li><a class="nav__link" href="ueber-uns.html">Über uns</a></li>
<li><a class="nav__link" href="kontakt.html">Kontakt</a></li>
</ul>
<a class="knopf knopf--primaer" href="kontakt.html">Anfrage stellen</a>
</nav>
</div>
</header>
<main id="inhalt">
<!-- ================= Hero ================= -->
<section class="hero">
<div class="huelle hero__innen">
<div class="anlauf">
<p class="eyebrow">Entwicklungsbegleitende Kunststofftechnik · Österreich</p>
<!-- Headline und Logo stehen bewusst in einer Grid-Zeile: So ist
das Logo immer exakt so hoch wie die Headline, unabhängig
davon, über wie viele Zeilen sie gerade läuft. -->
<div class="hero__kopf">
<!-- Feste Umbrüche ab 500px: Dort hat die Headline genau drei
Zeilen, und --t-3xl ist so begrenzt, dass die längste Zeile
"Zwischen Prototyp" (10,26 em) in die Textspalte passt.
Unter 500px werden die Umbrüche per CSS ausgeblendet — dann
bricht die Headline frei auf vier Zeilen um und darf dafür
deutlich größer sein. Wird der Text geändert, muss die
Grenze in tokens.css nachgerechnet werden. -->
<h1 class="display t-hero hero__titel">
Zwischen Prototyp<br class="hero__umbruch" />
und Serie liegt die<br class="hero__umbruch" />
<span class="hervor">teuerste</span> Strecke.
</h1>
<!-- Logo-Platzhalter. Gegen die echte Wortmarke tauschen: entweder
den Buchstaben ersetzen oder das ganze <div> durch
<img src="assets/img/logo.svg" alt="Purinto" class="hero__logo">. -->
<div class="hero__logo" aria-hidden="true">P</div>
</div>
<p class="lead hero__lead">
Purinto begleitet Ihre Kunststoffentwicklung von der Konstruktion
über die Werkstoffauswahl bis zum serienreifen Bauteil. Wir
fertigen Prototypen im 3D-Druck und Kleinserien im Spritzguss —
damit Sie das Stahlwerkzeug erst bestellen, wenn das Bauteil
wirklich steht.
</p>
<div class="knopf-reihe">
<a class="knopf knopf--primaer" href="kontakt.html">
Bauteil anfragen
</a>
<a class="knopf knopf--sekundaer" href="dienstleistungen.html">
Leistungen ansehen
</a>
</div>
<ul class="hero__spektrum">
<li>Konstruktionsbegleitung</li>
<li>Materialauswahl</li>
<li>Bauteiloptimierung</li>
<li>FDM &amp; SLA</li>
<li>Bridge Tooling</li>
</ul>
</div>
</div>
</section>
<!-- ================= Signature: Stückzahl-Achse ================= -->
<section
class="achse-band sektion sektion--dunkel"
aria-labelledby="achse-titel"
>
<div class="huelle achse-band__innen">
<div class="achse-band__kopf">
<p class="eyebrow">Verfahrenswahl</p>
<h2 class="display t-2xl" id="achse-titel">
Wie viele Teile brauchen Sie?
</h2>
<p class="lead">
Die Stückzahl entscheidet über das Verfahren — und über die Kosten.
Ziehen Sie den Regler auf Ihre Menge.
</p>
</div>
<div class="achse" data-achse>
<div class="achse__zonen">
<div class="achse__zone" data-zone="druck" style="width: 40%">
FDM · SLA
</div>
<div class="achse__zone" data-zone="bridge" style="width: 20%">
Bridge Tooling
</div>
<div
class="achse__zone achse__zone--partner"
data-zone="serie"
style="width: 40%"
>
Serie · Partner
</div>
</div>
<div class="achse__spur" data-spur>
<span
class="achse__flaeche achse__flaeche--druck"
data-flaeche="druck"
style="left: 0; right: 60%"
></span>
<span
class="achse__flaeche achse__flaeche--bridge"
data-flaeche="bridge"
style="left: 40%; right: 40%"
></span>
<span
class="achse__flaeche achse__flaeche--partner"
data-flaeche="serie"
style="left: 60%; right: 0"
></span>
<button
class="achse__griff"
type="button"
data-griff
role="slider"
aria-label="Stückzahl wählen"
aria-valuemin="1"
aria-valuemax="100000"
aria-valuenow="40"
aria-valuetext="40 Stück — FDM oder SLA, direkt gedruckt"
style="left: 32%"
></button>
</div>
<!-- Positionen setzt stueckzahl-achse.js aus denselben Daten wie
die Zonen; die inline-Werte sind der Stand ohne JavaScript. -->
<ul class="achse__skala" aria-hidden="true">
<li data-skala="1" style="left: 0">1</li>
<li data-skala="100" style="left: 40%">100</li>
<li data-skala="1000" style="left: 60%">1.000</li>
<li data-skala="100000" style="left: 100%">100.000</li>
</ul>
</div>
<div class="achse__tafel">
<div>
<span class="achse__ausgabe" data-ausgabe aria-live="polite"
>40</span
>
<span class="achse__ausgabe-einheit">Stück</span>
<p class="achse__verfahren" data-verfahren>
FDM oder SLA — direkt gedruckt
</p>
<p class="achse__hinweis" data-hinweis>
In diesem Bereich fertigen wir direkt aus der CAD-Datei.
Änderungen kosten nichts außer einem neuen Druck — genau
richtig, solange die Konstruktion noch in Bewegung ist.
</p>
</div>
<dl class="achse__werte">
<div class="achse__wert">
<dt>Werkzeugkosten</dt>
<dd data-werkzeug>Kein Werkzeug nötig</dd>
</div>
<div class="achse__wert">
<dt>Erste Teile</dt>
<dd data-lieferzeit>1–5 Arbeitstage</dd>
</div>
<div class="achse__wert">
<dt>Stückkosten</dt>
<dd data-stueckkosten>Über die Menge konstant</dd>
</div>
<div class="achse__wert">
<dt>Typische Anwendung</dt>
<dd data-anwendung>
Funktionsmuster, Passungs- und Einbauprüfungen, Vorrichtungen,
Designfreigaben
</dd>
</div>
</dl>
</div>
<p class="achse__fussnote">
Ab etwa 1.000 Stück endet unsere eigene Fertigung. Den Übergang zum
Stahlwerkzeug begleiten wir und vermitteln an Spritzgießer in der
Region, mit denen wir zusammenarbeiten — die Serienfertigung selbst
ist nicht unser Geschäft. Alle Angaben sind Richtwerte und hängen
von Geometrie, Werkstoff und Anforderungen ab.
</p>
</div>
</section>
<!-- ================= Leistungen ================= -->
<section class="sektion" aria-labelledby="leistungen-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Leistungen</p>
<h2 class="display t-2xl" id="leistungen-titel">
Fünf Bausteine, die zusammen ein serienreifes Bauteil ergeben.
</h2>
</div>
<div class="raster raster--3 reveal">
<article class="karte">
<p class="karte__marke">01 — Konstruktion</p>
<h3 class="karte__titel">Konstruktionsbegleitung</h3>
<p class="karte__text">
Wir lesen Ihr CAD-Modell wie ein Werkzeugmacher: Wandstärken,
Entformungsschrägen, Bindenähte, Einfallstellen, Toleranzketten.
Bevor das Werkzeug steht, nicht danach.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="dienstleistungen.html#konstruktion"
>Mehr dazu</a
>
</p>
</article>
<article class="karte">
<p class="karte__marke">02 — Werkstoff</p>
<h3 class="karte__titel">Materialauswahl</h3>
<p class="karte__text">
Vom Anforderungsprofil zum belastbaren Werkstoffvorschlag —
mechanisch, thermisch, chemisch und normativ geprüft. Rezyklate
und Biopolymere stehen dabei gleichberechtigt zur Auswahl.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="dienstleistungen.html#material"
>Mehr dazu</a
>
</p>
</article>
<article class="karte">
<p class="karte__marke">03 — Optimierung</p>
<h3 class="karte__titel">Bauteiloptimierung</h3>
<p class="karte__text">
Weniger Material, kürzere Zykluszeit, sichere Entformung. Wir
optimieren das Bauteil auf Fertigbarkeit und Kosten — ohne die
Funktion zu beschneiden.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="dienstleistungen.html#optimierung"
>Mehr dazu</a
>
</p>
</article>
<article class="karte">
<p class="karte__marke">04 — Prototypen</p>
<h3 class="karte__titel">3D-Druck: FDM &amp; SLA</h3>
<p class="karte__text">
Belastbare Funktionsteile und große Geometrien aus FDM, präzise
Sicht- und Passteile aus SLA. Erste Teile in wenigen
Arbeitstagen, direkt aus Ihrer CAD-Datei.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="dienstleistungen.html#prototypen"
>Mehr dazu</a
>
</p>
</article>
<article class="karte">
<p class="karte__marke">05 — Kleinserie</p>
<h3 class="karte__titel">Bridge Tooling</h3>
<p class="karte__text">
SLA-gedruckte Formeinsätze für den Spritzguss. Sie bekommen
Teile im späteren Serienwerkstoff mit Spritzguss-Eigenschaften,
ohne vorher ein Stahlwerkzeug zu finanzieren.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="dienstleistungen.html#bridge"
>Mehr dazu</a
>
</p>
</article>
<article class="karte karte--flach" style="background: var(--salbei-100); border-color: var(--salbei-300)">
<p class="karte__marke">Und wenn Sie noch nicht wissen, was Sie brauchen?</p>
<h3 class="karte__titel">Dann fangen wir damit an.</h3>
<p class="karte__text">
Schicken Sie uns Ihr Modell und beschreiben Sie den Einsatzfall.
Sie bekommen eine Einschätzung, welches Verfahren passt und was
an der Konstruktion noch im Weg steht.
</p>
<p class="karte__fuss">
<a class="pfeil-link" href="kontakt.html">Anfrage stellen</a>
</p>
</article>
</div>
</div>
</section>
<!-- ================= Verfahrensmatrix ================= -->
<section class="sektion sektion--linie" aria-labelledby="matrix-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Verfahren im Vergleich</p>
<h2 class="display t-2xl" id="matrix-titel">
Was welches Verfahren kann.
</h2>
<p class="lead">
Die vierte Spalte ist bewusst abgesetzt: Serienspritzguss
realisieren wir gemeinsam mit Partnerbetrieben, nicht im eigenen
Haus.
</p>
</div>
<div class="matrix-huelle reveal">
<table class="matrix">
<caption class="nur-sr">
Vergleich der Fertigungsverfahren nach Stückzahl, Toleranz,
Oberfläche, Werkstoff, Werkzeugkosten und Vorlaufzeit
</caption>
<thead>
<tr>
<th scope="col"><span class="nur-sr">Merkmal</span></th>
<th scope="col">FDM</th>
<th scope="col">SLA</th>
<th scope="col">Bridge Tooling</th>
<th scope="col" class="ist-partner">
Serienspritzguss
<span class="matrix__partnermarke">über Partner</span>
</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Stückzahl</th>
<td>1 – 50</td>
<td>1 – 100</td>
<td>100 – 1.000</td>
<td class="ist-partner">ab 1.000</td>
</tr>
<tr>
<th scope="row">Toleranz</th>
<td>± 0,3 mm</td>
<td>± 0,1 mm</td>
<td>Spritzgussniveau</td>
<td class="ist-partner">Spritzgussniveau</td>
</tr>
<tr>
<th scope="row">Oberfläche</th>
<td>Sichtbare Schichtstruktur</td>
<td>Glatt, lackierfähig</td>
<td>Formeinsatz-abhängig, glatt</td>
<td class="ist-partner">Nach Werkzeugfinish</td>
</tr>
<tr>
<th scope="row">Werkstoffe</th>
<td>PLA, PETG, ABS, ASA, PA, PC — auch faserverstärkt</td>
<td>Standard-, Zäh- und Temperaturharze</td>
<td>Serienthermoplaste wie PP, PE, ABS, PA, POM</td>
<td class="ist-partner">Volles Serienspektrum</td>
</tr>
<tr>
<th scope="row">Werkzeugkosten</th>
<td>Keine</td>
<td>Keine</td>
<td>Gering — Formeinsatz wird gedruckt</td>
<td class="ist-partner">Hoch — Stahlwerkzeug</td>
</tr>
<tr>
<th scope="row">Erste Teile</th>
<td>1 – 3 Arbeitstage</td>
<td>1 – 3 Arbeitstage</td>
<td>2 – 3 Wochen</td>
<td class="ist-partner">8 – 14 Wochen</td>
</tr>
</tbody>
</table>
</div>
<p class="mono leise mt-6">
Richtwerte. Erreichbare Toleranzen und Zeiten hängen von Geometrie,
Bauteilgröße und Werkstoff ab.
</p>
</div>
</section>
<!-- ================= Branchen ================= -->
<section class="sektion sektion--salbei" aria-labelledby="branchen-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Branchen</p>
<h2 class="display t-2xl" id="branchen-titel">
Wo wir arbeiten.
</h2>
</div>
<div class="raster raster--4 reveal">
<article class="branche">
<h3 class="branche__titel">Industrie &amp; Maschinenbau</h3>
<p class="branche__text">
Gehäuse, Abdeckungen, Führungen und Vorrichtungen in kleinen
Losgrößen. Häufig mit engen Toleranzen und technischen
Thermoplasten.
</p>
</article>
<article class="branche">
<h3 class="branche__titel">Medizin- &amp; Labortechnik</h3>
<p class="branche__text">
Bauteile mit Nachweispflicht: Werkstoffe mit
Biokompatibilitätsnachweis, dokumentierte Chargen,
reproduzierbare Kleinserien für Validierung und Zulassung.
</p>
</article>
<article class="branche">
<h3 class="branche__titel">Automotive &amp; Mobilität</h3>
<p class="branche__text">
Funktionsprototypen, Vorserien und Betriebsmittel. Schwerpunkte
sind Gewicht, Temperaturbeständigkeit und die Absicherung von
Einbausituationen.
</p>
</article>
<article class="branche">
<h3 class="branche__titel">Start-ups &amp; Konsumgüter</h3>
<p class="branche__text">
Produktentwicklung ohne eigene Kunststoffabteilung. Wir bringen
die Fertigungserfahrung mit und halten das Anfangsinvestment
klein.
</p>
</article>
</div>
</div>
</section>
<!-- ================= Nachhaltigkeit ================= -->
<section class="sektion" aria-labelledby="nachhaltig-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Haltung</p>
<h2 class="display t-2xl" id="nachhaltig-titel">
Nachhaltig heißt hier: nichts herstellen, was niemand braucht.
</h2>
<p class="lead">
Kunststoff ist ein guter Werkstoff, wenn man ihn sparsam und
richtig einsetzt. Das sind die vier Stellen, an denen sich das in
unserer Arbeit tatsächlich auswirkt.
</p>
</div>
<div class="nachhaltig reveal">
<div class="nachhaltig__punkt">
<svg class="nachhaltig__zeichen" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M4 19h16M6 19V9l6-4 6 4v10" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<p class="nachhaltig__titel">Material nur dort, wo es trägt</p>
<p class="nachhaltig__text">
Additive Fertigung baut das Bauteil auf, statt es aus dem
Vollen herauszuarbeiten. Es entsteht kein Zerspanungsabfall —
und in der Optimierung nehmen wir jedes Gramm heraus, das
keine Last aufnimmt.
</p>
</div>
</div>
<div class="nachhaltig__punkt">
<svg class="nachhaltig__zeichen" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M3 12a9 9 0 0 1 15.5-6.2M21 12a9 9 0 0 1-15.5 6.2" stroke-linecap="round" />
<path d="M18 3v3.5h-3.5M6 21v-3.5h3.5" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<div>
<p class="nachhaltig__titel">Kein Werkzeug im Schrott</p>
<p class="nachhaltig__text">
Ein Stahlwerkzeug, das nach der ersten Serie geändert werden
muss, ist teuer und meistens verloren. Ein gedruckter
Formeinsatz kostet einen Bruchteil und wird bei einer
Konstruktionsänderung einfach neu gedruckt.
</p>
</div>
</div>
<div class="nachhaltig__punkt">
<svg class="nachhaltig__zeichen" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M4 7h16M4 12h11M4 17h6" stroke-linecap="round" />
</svg>
<div>
<p class="nachhaltig__titel">Losgrößen nach Bedarf</p>
<p class="nachhaltig__text">
Wer ein teures Werkzeug amortisieren muss, produziert auf
Vorrat. Mit Bridge Tooling fertigen Sie die Menge, die Sie
wirklich absetzen — statt ein Lager zu füllen, das später
entsorgt wird.
</p>
</div>
</div>
<div class="nachhaltig__punkt">
<svg class="nachhaltig__zeichen" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M12 20c0-5 3-8 8-8 0 5-3 8-8 8Z" stroke-linejoin="round" />
<path d="M12 20c0-4-2.5-6.5-6.5-6.5C5.5 17 8 20 12 20Z" stroke-linejoin="round" />
<path d="M12 20v-6" stroke-linecap="round" />
</svg>
<div>
<p class="nachhaltig__titel">Rezyklate gehören in die Auswahl</p>
<p class="nachhaltig__text">
Wir prüfen Rezyklate und Biopolymere mit denselben Kennwerten
wie Neuware. Wo sie die Anforderungen erfüllen, schlagen wir
sie vor — und sagen ebenso deutlich, wo sie es nicht tun.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- ================= Projekte-Teaser ================= -->
<section class="sektion sektion--linie" aria-labelledby="projekte-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Projekte</p>
<h2 class="display t-2xl" id="projekte-titel">
Ausgewählte Arbeiten.
</h2>
</div>
<div class="raster raster--3 reveal">
<article class="projekt">
<div class="projekt__bild">
<img src="assets/img/projekte/platzhalter-01.svg" alt="" width="800" height="600" />
</div>
<div class="projekt__innen">
<div class="projekt__meta">
<span class="tag tag--branche">Medizintechnik</span>
<span class="tag">Bridge Tooling</span>
</div>
<h3 class="projekt__titel">
<span class="platzhalter">Gehäuse für ein Analysegerät</span>
</h3>
<p class="projekt__block">
<span class="platzhalter"
>600 Stück im Serienwerkstoff für die Validierung — vier
Monate vor der geplanten Werkzeugfreigabe.</span
>
</p>
</div>
</article>
<article class="projekt">
<div class="projekt__bild">
<img src="assets/img/projekte/platzhalter-02.svg" alt="" width="800" height="600" />
</div>
<div class="projekt__innen">
<div class="projekt__meta">
<span class="tag tag--branche">Maschinenbau</span>
<span class="tag">Konstruktion</span>
</div>
<h3 class="projekt__titel">
<span class="platzhalter">Führungselement mit Schnappverbindung</span>
</h3>
<p class="projekt__block">
<span class="platzhalter"
>Nach der Umkonstruktion entfielen zwei Schrauben und ein
Montageschritt.</span
>
</p>
</div>
</article>
<article class="projekt">
<div class="projekt__bild">
<img src="assets/img/projekte/platzhalter-03.svg" alt="" width="800" height="600" />
</div>
<div class="projekt__innen">
<div class="projekt__meta">
<span class="tag tag--branche">Konsumgüter</span>
<span class="tag">SLA</span>
</div>
<h3 class="projekt__titel">
<span class="platzhalter">Sichtteil für einen Produktlaunch</span>
</h3>
<p class="projekt__block">
<span class="platzhalter"
>Lackierfähige SLA-Muster für Fotoproduktion und
Messeauftritt in acht Arbeitstagen.</span
>
</p>
</div>
</article>
</div>
<p class="mt-7">
<a class="knopf knopf--sekundaer" href="projekte.html">
Alle Projekte ansehen
</a>
</p>
</div>
</section>
<!-- ================= Ablauf ================= -->
<section class="sektion sektion--linie" aria-labelledby="ablauf-titel">
<div class="huelle">
<div class="sektion__kopf reveal">
<p class="eyebrow">Ablauf</p>
<h2 class="display t-2xl" id="ablauf-titel">
Von der Anfrage zum Teil.
</h2>
</div>
<ol class="ablauf reveal">
<li class="ablauf__schritt">
<h3 class="ablauf__titel">Anfrage mit CAD-Modell</h3>
<p class="ablauf__text">
Sie schicken uns STEP oder STL, dazu Stückzahl,
Einsatzbedingungen und Wunschtermin. Wenn noch kein Modell
existiert, reicht eine Skizze für den Anfang.
</p>
</li>
<li class="ablauf__schritt">
<h3 class="ablauf__titel">Machbarkeits-Rückmeldung</h3>
<p class="ablauf__text">
Innerhalb von zwei Arbeitstagen: was funktioniert, was wir an
der Konstruktion ändern würden und welches Verfahren zu Ihrer
Stückzahl passt.
</p>
</li>
<li class="ablauf__schritt">
<h3 class="ablauf__titel">Angebot</h3>
<p class="ablauf__text">
Fest kalkuliert, mit Verfahren, Werkstoff, Stückkosten und
Liefertermin. Keine Positionen, die erst in der Rechnung
auftauchen.
</p>
</li>
<li class="ablauf__schritt">
<h3 class="ablauf__titel">Fertigung und Lieferung</h3>
<p class="ablauf__text">
Wir fertigen, prüfen und liefern — auf Wunsch mit Messprotokoll.
Danach begleiten wir den nächsten Schritt Richtung Serie.
</p>
</li>
</ol>
</div>
</section>
<!-- ================= CTA ================= -->
<section class="cta-band sektion">
<div class="huelle cta-band__innen">
<div>
<h2 class="display t-2xl">Schicken Sie uns Ihr CAD-Modell.</h2>
<p class="cta-band__text">
Sie bekommen eine ehrliche Einschätzung zu Machbarkeit, Verfahren
und Kosten — auch dann, wenn die Antwort lautet, dass ein anderes
Verfahren besser passt.
</p>
</div>
<div class="knopf-reihe">
<a class="knopf knopf--primaer" href="kontakt.html">Anfrage stellen</a>
<a class="knopf knopf--hell" href="dienstleistungen.html">Leistungen</a>
</div>
</div>
</section>
</main>
<footer class="fuss">
<div class="huelle">
<div class="fuss__raster">
<div>
<a class="marke fuss__marke" href="index.html">
<svg class="marke__zeichen" viewBox="0 0 24 24" aria-hidden="true">
<rect x="6" y="4" width="12" height="4.4" rx="1" fill="#9b85c4" />
<rect x="4" y="9.8" width="16" height="4.4" rx="1" fill="#8fa894" />
<rect x="2" y="15.6" width="20" height="4.4" rx="1" fill="#e3e7e6" />
</svg>
<span class="marke__wort">Purinto</span>
</a>
<p class="fuss__text">
Entwicklungsbegleitende Kunststofftechnik. Konstruktion,
Werkstoffauswahl, Prototypen und Kleinserien aus einer Hand.
</p>
</div>
<div>
<p class="fuss__titel">Navigation</p>
<ul class="fuss__liste">
<li><a href="dienstleistungen.html">Dienstleistungen</a></li>
<li><a href="projekte.html">Projekte</a></li>
<li><a href="ueber-uns.html">Über uns</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div>
<p class="fuss__titel">Kontakt</p>
<ul class="fuss__liste">
<li>
<a href="mailto:office@purinto.at" class="platzhalter"
>office@purinto.at</a
>
</li>
<li><span class="platzhalter">+43 (0) 000 000 00 00</span></li>
<li><span class="platzhalter">Musterstraße 1, 0000 Musterort</span></li>
</ul>
</div>
</div>
<div class="fuss__unten">
<p>© <span data-jahr>2026</span> Purinto GmbH</p>
<div class="fuss__rechtlich">
<a href="impressum.html">Impressum</a>
<a href="datenschutz.html">Datenschutz</a>
</div>
</div>
</div>
</footer>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Purinto GmbH",
"url": "https://www.purinto.at/",
"description": "Entwicklungsbegleitende Dienstleistungen in der Kunststofftechnik: Konstruktionsbegleitung, Materialauswahl, Bauteiloptimierung sowie Prototypen und Kleinserien mit FDM, SLA und Bridge Tooling.",
"email": "office@purinto.at",
"address": {
"@type": "PostalAddress",
"streetAddress": "Musterstraße 1",
"postalCode": "0000",
"addressLocality": "Musterort",
"addressCountry": "AT"
},
"knowsAbout": [
"Kunststofftechnik",
"Konstruktionsbegleitung",
"Design for Manufacturing",
"Materialauswahl",
"FDM 3D-Druck",
"SLA 3D-Druck",
"Bridge Tooling",
"Spritzguss-Kleinserien"
]
}
</script>
<script src="assets/js/site.js" defer></script>
<script src="assets/js/stueckzahl-achse.js" defer></script>
</body>
</html>