purinto-website/ueber-uns.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

422 lines
17 KiB
HTML

<!doctype html>
<html lang="de-AT">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Über uns — Purinto GmbH</title>
<meta
name="description"
content="Wie Purinto entstanden ist: der Werdegang hinter dem Unternehmen, die Haltung zur Arbeit und der Weg zur Gründung."
/>
<link rel="canonical" href="https://www.purinto.at/ueber-uns.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Über uns — Purinto GmbH" />
<meta
property="og:description"
content="Der Werdegang hinter Purinto und die Haltung, aus der das Unternehmen entstanden ist."
/>
<meta property="og:locale" content="de_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" aria-current="page">Ü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">
<section class="seitenkopf">
<div class="huelle">
<p class="eyebrow">Über uns</p>
<h1 class="display t-2xl seitenkopf__titel">
Purinto ist neu. Die Erfahrung dahinter ist es nicht.
</h1>
<p class="lead">
Das Unternehmen wird 2026 gegründet. Entstanden ist es aus Jahren in
Konstruktion, Werkzeugbau und Fertigung — und aus einer Beobachtung,
die sich in fast jedem Entwicklungsprojekt wiederholt hat.
</p>
</div>
</section>
<section class="sektion" aria-labelledby="warum-titel">
<div class="huelle huelle--eng">
<h2 class="display t-xl" id="warum-titel">
Warum es Purinto gibt
</h2>
<div class="fliess mt-6">
<p>
Zwischen einem funktionierenden Prototyp und einem serienreifen
Bauteil liegt eine Strecke, die viele Entwicklungsprojekte
unterschätzen. Der gedruckte Prototyp passt, also wird das
Serienwerkzeug beauftragt — und dann zeigt sich, dass die
Wandstärke zu Einfallstellen führt, die Entformung einen Schieber
braucht oder der Werkstoff unter Dauerlast kriecht. Änderungen an
einem Stahlwerkzeug sind teuer, manchmal unmöglich.
</p>
<p>
Purinto setzt genau an dieser Stelle an: Bauteile vorab auf
Fertigbarkeit prüfen, den Werkstoff nach dem echten
Anforderungsprofil wählen und die ersten Hundert bis Tausend Teile
über einen gedruckten Formeinsatz fertigen — im Serienwerkstoff,
mit Spritzguss-Eigenschaften, ohne vorher ein Werkzeug zu
finanzieren, das vielleicht noch nicht das richtige ist.
</p>
<p>
<span class="platzhalter"
>[PLATZHALTER: Hier gehört Ihre persönliche Motivation hin — die
konkrete Situation oder das Projekt, das den Ausschlag zur
Gründung gegeben hat. Zwei bis vier Sätze in Ihren eigenen
Worten wirken hier stärker als jede allgemeine
Formulierung.]</span
>
</p>
</div>
</div>
</section>
<section class="sektion sektion--salbei" aria-labelledby="weg-titel">
<div class="huelle huelle--eng">
<p class="eyebrow">Werdegang</p>
<h2 class="display t-xl" id="weg-titel">Der Weg bis hierher</h2>
<p class="lead mt-6">
Ein neu gegründetes Unternehmen hat keine Firmenhistorie. Was es hat,
ist der Weg der Menschen dahinter — und der ist hier
nachgezeichnet.
</p>
<ol class="zeitstrahl mt-7">
<li class="etappe">
<span class="etappe__jahr platzhalter">[JJJJ]</span>
<h3 class="etappe__titel">
<span class="platzhalter">Ausbildung in der Kunststofftechnik</span>
</h3>
<p class="etappe__text">
<span class="platzhalter"
>[PLATZHALTER: Studium oder Ausbildung, Institution,
Schwerpunkt. Beispiel: Studium Kunststofftechnik mit
Schwerpunkt Verarbeitung und Werkstoffkunde.]</span
>
</p>
</li>
<li class="etappe">
<span class="etappe__jahr platzhalter">[JJJJ]</span>
<h3 class="etappe__titel">
<span class="platzhalter">Erste Jahre in Konstruktion und Werkzeugbau</span>
</h3>
<p class="etappe__text">
<span class="platzhalter"
>[PLATZHALTER: Wo, in welcher Rolle, mit welchen Bauteilen und
Branchen. Konkrete Aufgaben wirken glaubwürdiger als
Positionsbezeichnungen.]</span
>
</p>
</li>
<li class="etappe">
<span class="etappe__jahr platzhalter">[JJJJ]</span>
<h3 class="etappe__titel">
<span class="platzhalter">Verantwortung in der Produktentwicklung</span>
</h3>
<p class="etappe__text">
<span class="platzhalter"
>[PLATZHALTER: Projekte von der Konstruktion bis zur
Serienfreigabe begleitet — gern mit einer Zahl, etwa der
Anzahl betreuter Werkzeuge oder Serienanläufe.]</span
>
</p>
</li>
<li class="etappe">
<span class="etappe__jahr platzhalter">[JJJJ]</span>
<h3 class="etappe__titel">
<span class="platzhalter">Die Idee zu Purinto</span>
</h3>
<p class="etappe__text">
<span class="platzhalter"
>[PLATZHALTER: Der Auslöser. Welches wiederkehrende Problem hat
gezeigt, dass es dieses Angebot braucht?]</span
>
</p>
</li>
<li class="etappe etappe--jetzt">
<span class="etappe__jahr">2026</span>
<h3 class="etappe__titel">Gründung der Purinto GmbH</h3>
<p class="etappe__text">
Start mit eigenem Maschinenpark für FDM und SLA sowie einem
Netzwerk aus Spritzgießern und Werkzeugbauern in der Region.
<span class="platzhalter"
>[PLATZHALTER: Gründungsmonat und Standort ergänzen.]</span
>
</p>
</li>
<li class="etappe">
<span class="etappe__jahr">Ausblick</span>
<h3 class="etappe__titel">Was als Nächstes kommt</h3>
<p class="etappe__text">
<span class="platzhalter"
>[PLATZHALTER: Geplanter Ausbau — zusätzliche Kapazität,
Werkstoffspektrum, Prüfmöglichkeiten oder Zertifizierungen.
Ehrliche Vorhaben statt großer Versprechen.]</span
>
</p>
</li>
</ol>
</div>
</section>
<section class="sektion" aria-labelledby="haltung-titel">
<div class="huelle">
<div class="sektion__kopf">
<p class="eyebrow">Arbeitsweise</p>
<h2 class="display t-xl" id="haltung-titel">
Drei Dinge, auf die Sie sich verlassen können
</h2>
</div>
<div class="raster raster--3">
<article class="karte karte--flach">
<p class="karte__marke">Grundsatz</p>
<h3 class="karte__titel">Wir sagen vorher, was nicht geht</h3>
<p class="karte__text">
Wenn ein Verfahren für Ihre Anforderung ungeeignet ist, hören Sie
das vor der Beauftragung — auch wenn wir damit einen Auftrag
verlieren. Eine Standzeit, die wir nicht halten können, sagen wir
nicht zu.
</p>
</article>
<article class="karte karte--flach">
<p class="karte__marke">Grundsatz</p>
<h3 class="karte__titel">Jede Empfehlung mit Begründung</h3>
<p class="karte__text">
Sie bekommen nicht nur das Ergebnis, sondern den Weg dorthin:
welche Kennwerte den Ausschlag gaben, welche Alternativen
geprüft wurden und woran sie gescheitert sind. Damit können Sie
die Entscheidung intern vertreten.
</p>
</article>
<article class="karte karte--flach">
<p class="karte__marke">Grundsatz</p>
<h3 class="karte__titel">Das Bauteil zählt, nicht das Verfahren</h3>
<p class="karte__text">
Wir haben kein Interesse daran, eine bestimmte Maschine
auszulasten. Wenn Ihr Bauteil besser gefräst, tiefgezogen oder
gleich in Serie gespritzt wird, sagen wir das und vermitteln
weiter.
</p>
</article>
</div>
</div>
</section>
<section class="sektion sektion--linie" aria-labelledby="team-titel">
<div class="huelle">
<div class="sektion__kopf">
<p class="eyebrow">Team</p>
<h2 class="display t-xl" id="team-titel">Wer dahintersteht</h2>
</div>
<div class="profil">
<div class="profil__bild">
<svg viewBox="0 0 400 500" role="img" aria-label="Platzhalter für ein Portraitfoto">
<rect width="400" height="500" fill="#e3e7e6" />
<circle cx="200" cy="195" r="70" fill="#c9cfd0" />
<path d="M70 460c0-75 58-130 130-130s130 55 130 130z" fill="#c9cfd0" />
<text x="200" y="490" text-anchor="middle" font-family="ui-monospace, Consolas, monospace" font-size="17" fill="#6b7478">PORTRAITFOTO</text>
</svg>
</div>
<div>
<h3 class="display t-xl">
<span class="platzhalter">[Vorname Nachname]</span>
</h3>
<p class="mono leise mt-6">
<span class="platzhalter">[Funktion, z. B. Geschäftsführung]</span>
</p>
<div class="fliess mt-6">
<p>
<span class="platzhalter"
>[PLATZHALTER: Kurzprofil in drei bis fünf Sätzen —
fachlicher Hintergrund, Schwerpunkte, was Sie an dieser
Arbeit interessiert. Ruhig persönlich, das ist die Seite
dafür.]</span
>
</p>
</div>
<dl class="datenzeile">
<div>
<dt>Schwerpunkte</dt>
<dd>
<span class="platzhalter">[z. B. Spritzgusskonstruktion, Werkstoffauswahl]</span>
</dd>
</div>
<div>
<dt>Kontakt</dt>
<dd>
<a href="mailto:office@purinto.at" class="platzhalter"
>office@purinto.at</a
>
</dd>
</div>
</dl>
</div>
</div>
</div>
</section>
<section class="sektion sektion--linie" aria-labelledby="standort-titel">
<div class="huelle">
<div class="sektion__kopf">
<p class="eyebrow">Standort und Ausstattung</p>
<h2 class="display t-xl" id="standort-titel">Womit wir arbeiten</h2>
</div>
<div class="raster raster--3">
<article class="karte karte--flach">
<p class="karte__marke">Fertigung im Haus</p>
<h3 class="karte__titel">FDM und SLA</h3>
<p class="karte__text">
<span class="platzhalter"
>[PLATZHALTER: Anzahl und Typ der Drucker, verfügbare Bauräume
in mm, verarbeitbare Werkstoffe.]</span
>
</p>
</article>
<article class="karte karte--flach">
<p class="karte__marke">Nachbearbeitung und Prüfung</p>
<h3 class="karte__titel">Finish und Maßkontrolle</h3>
<p class="karte__text">
<span class="platzhalter"
>[PLATZHALTER: UV-Härtekammer, Schleif- und Lackierplatz,
Messmittel für das Maßprotokoll.]</span
>
</p>
</article>
<article class="karte karte--flach">
<p class="karte__marke">Partnernetzwerk</p>
<h3 class="karte__titel">Spritzguss und Werkzeugbau</h3>
<p class="karte__text">
Für den Spritzguss der Kleinserien und den späteren Übergang zum
Stahlwerkzeug arbeiten wir mit Betrieben in der Region zusammen.
<span class="platzhalter">[PLATZHALTER: Region konkretisieren.]</span>
</p>
</article>
</div>
</div>
</section>
<section class="cta-band sektion">
<div class="huelle cta-band__innen">
<div>
<h2 class="display t-2xl">Lernen wir uns kennen.</h2>
<p class="cta-band__text">
Der einfachste Einstieg ist ein konkretes Bauteil. Schicken Sie
uns Ihr Modell — oder rufen Sie einfach an.
</p>
</div>
<div class="knopf-reihe">
<a class="knopf knopf--primaer" href="kontakt.html">Kontakt aufnehmen</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 src="assets/js/site.js" defer></script>
</body>
</html>