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>
422 lines
17 KiB
HTML
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>
|