christian/www.prothmann.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bigger redesign

Browse Source
This commit is contained in:
Christian Anetzberger
2023-01-31 17:05:28 +01:00
parent 7ac213d208
commit 13ecc97011
29 changed files with 3207 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2331
assets/icons/icons.ai Normal file
View File

File diff suppressed because it is too large Load Diff

37
components/footer.jsx
View File

@@ -1,32 +1,39 @@
// React, NextJS
import React from "react";
import Link from "next/link"; import Link from "next/link";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
export default function Footer(props) { export default function Footer(props) {
return ( return (
<footer> <footer>
<div className="container-fluid"> <Container fluid>
<div className="row py-2"> <Row className="py-2">
<div className="col-12 col-lg-4 text-center"> <Col xs={12} lg={4} className="text-center">
<Link href="/impressum"> <Link href="/impressum">
Impressum Impressum
</Link> </Link>
</div> </Col>
<div className="col-12 col-lg-4 text-center"> <Col xs={12} lg={4} className="text-center">
<Link href="/datenschutz"> <Link href="/datenschutz">
Datenschutz Datenschutz
</Link> </Link>
</div> </Col>
<div className="col-12 col-lg-4 text-center"> <Col xs={12} lg={4} className="text-center">
<Link href="/agbs"> <Link href="/agbs">
AGBs AGBs
</Link> </Link>
</div> </Col>
</div> </Row>
<div className="row footer-dark-bg py-2"> <Row className="footer-dark-bg py-2">
<div className="col-12"> <Col>
<div className="text-center">© 2021 Prothmann GmbH</div> <div className="text-center">© 2023 Prothmann GmbH</div>
</div> </Col>
</div> </Row>
</div> </Container>
</footer> </footer>
); );
} }

22
components/productpage.jsx
View File

@@ -1,19 +1,25 @@
// React, NextJS
import React from "react"; import React from "react";
import Image from "next/image"; import Image from "next/image"
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
export default function Productpage(props) { export default function Productpage(props) {
return ( return (
<> <>
<div className="container-fluid products-container navbar-spacing"> <Container fluid className="products-container navbar-spacing">
<div className="row align-items-center min-height-100"> <Row className="align-items-center min-height-100">
<div <div
className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img ${props.reversed ? "order-lg-1" : "" className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img-container col-lg-6 col-12 ${props.reversed ? "order-lg-1" : ""}`}
} ${props.smallbg ? "col-lg-5" : "col-lg-6"}`} style={{ backgroundImage: `url(${props.bgurl})` }} title={props.bgtitle}
style={{ backgroundImage: `url(${props.bgurl})` }}
> >
<div className="center-icon"> <div className="center-icon">
{props.iconurl && {props.iconurl &&
<div className="products-img-icon-wrapper">
<Image src={props.iconurl} width={300} height={300} alt={props.iconalt} title={props.iconalt} className="products-icon" priority/> <Image src={props.iconurl} width={300} height={300} alt={props.iconalt} title={props.iconalt} className="products-icon" priority/>
</div>
} }
</div> </div>
@@ -28,8 +34,8 @@ export default function Productpage(props) {
{props.addtext && props.addtext} {props.addtext && props.addtext}
</div> </div>
</div> </div>
</div> </Row>
</div> </Container>
</> </>
); );
} }

7
next.config.js
View File

@@ -5,12 +5,7 @@ module.exports = {
source: "/fertigungsverfahren", source: "/fertigungsverfahren",
destination: "/fertigungsverfahren/laserteile", destination: "/fertigungsverfahren/laserteile",
permanent: true permanent: true
}, }
{
source: "/qualitaet",
destination: "/qualitaet/auszeichnungen",
permanent: true
},
] ]
}, },
i18n: { i18n: {

2
package.json
View File

@@ -12,11 +12,13 @@
"@react-google-maps/api": "^2.18.1", "@react-google-maps/api": "^2.18.1",
"axios": "^1.2.6", "axios": "^1.2.6",
"bootstrap": "^5.2.3", "bootstrap": "^5.2.3",
"cookies-next": "^2.1.1",
"formik": "^2.2.9", "formik": "^2.2.9",
"gsap": "file:./node_addons/gsap-bonus.tgz", "gsap": "file:./node_addons/gsap-bonus.tgz",
"next": "13.1.6", "next": "13.1.6",
"nodemailer": "^6.9.1", "nodemailer": "^6.9.1",
"react": "18.2.0", "react": "18.2.0",
"react-bootstrap": "^2.7.0",
"react-dom": "18.2.0", "react-dom": "18.2.0",
"react-dropzone": "^14.2.3", "react-dropzone": "^14.2.3",
"react-transition-group": "^4.4.5", "react-transition-group": "^4.4.5",

118
pages/_app.js
View File

@@ -1,7 +1,11 @@
// React, NextJS
import App from "next/app"; import App from "next/app";
import Script from 'next/script' import Script from 'next/script'
import Head from "next/head"; import Head from "next/head";
import { setCookie, getCookie } from 'cookies-next';
// GSAP
import { gsap } from "gsap/dist/gsap"; import { gsap } from "gsap/dist/gsap";
import { SplitText } from "gsap/dist/SplitText"; import { SplitText } from "gsap/dist/SplitText";
import { Transition, SwitchTransition } from "react-transition-group"; import { Transition, SwitchTransition } from "react-transition-group";
@@ -10,14 +14,17 @@ import { Transition, SwitchTransition } from "react-transition-group";
import Footer from "../components/footer.jsx"; import Footer from "../components/footer.jsx";
import Navbar from "../components/navbar.jsx"; import Navbar from "../components/navbar.jsx";
// helper functions
import { getWidth } from "../components/utils.jsx"; import { getWidth } from "../components/utils.jsx";
// css imports // css imports
import "bootstrap/dist/css/bootstrap.css"; import 'bootstrap/dist/css/bootstrap.min.css';
import "../styles/globals.scss"; import "../styles/globals.scss";
import "../styles/footer.scss"; import "../styles/footer.scss";
import "../styles/navbar.scss"; import "../styles/navbar.scss";
import "../styles/darkmode.scss"; import "../styles/darkmode.scss";
// Register plugin only on client
if (typeof window !== "undefined") { if (typeof window !== "undefined") {
gsap.registerPlugin(SplitText); gsap.registerPlugin(SplitText);
} }
@@ -39,48 +46,126 @@ export default class Site extends App {
initTl() { initTl() {
if (document.querySelector(".landing-img")) { if (document.querySelector(".landing-img")) {
if (getWidth() > 1200) {
this.tl.from(".landing-img", {
opacity: 0,
scale: 1.1
});
} else {
this.tl.from(".landing-img", { this.tl.from(".landing-img", {
opacity: 0, opacity: 0,
}); });
} }
}
if (document.querySelector(".products-img")) { if (document.querySelector(".landing-logo")) {
if (getWidth() > 1200) { if (getWidth() > 1200) {
this.tl.from(".products-img", { this.tl.from(".landing-logo", {
opacity: 0, opacity: 0,
width: "100vw", y: 10,
scale: 0.9
}, "<");
} else {
this.tl.from(".landing-logo", {
opacity: 0,
y: 10,
scale: 0.9
}, "<");
}
}
if (document.querySelector(".products-img-container")) {
if (getWidth() > 1200) {
this.tl.from(".products-img-container", {
opacity: 0,
width: "75vw",
}); });
} else { } else {
this.tl.from(".products-img", { this.tl.from(".products-img-container", {
opacity: 0, opacity: 0,
height: "100vh", height: "75vh",
}); });
} }
} }
if (document.querySelector(".products-img-icon-wrapper")) {
if (getWidth() > 1200) {
this.tl.from(".products-img-icon-wrapper", {
backdropFilter: "blur(0px)",
backgroundColor: "rgba(13, 13, 13, 0)",
width: "75vw"
});
}
else {
{
this.tl.from(".products-img-icon-wrapper", {
backdropFilter: "blur(0px)",
backgroundColor: "rgba(13, 13, 13, 0)",
width: "75vh"
}, ">-0.35");
}
}
}
if (document.querySelector(".products-icon")) {
this.tl.from(".products-icon", {
opacity: 0,
}, ">-0.25");
}
if (document.querySelector(".mainheading")) { if (document.querySelector(".mainheading")) {
if (getWidth() > 1200) {
this.tl.from(".mainheading", { this.tl.from(".mainheading", {
opacity: 0, opacity: 0,
y: 5, x: 10,
}); }, ">");
} else {
this.tl.from(".mainheading", {
opacity: 0,
y: 10,
}, ">");
}
} }
if (document.querySelector(".subheading")) { if (document.querySelector(".subheading")) {
if (getWidth() > 1200) {
this.tl.from(".subheading", { this.tl.from(".subheading", {
opacity: 0, opacity: 0,
y: 5, x: 10,
}); }, ">-0.25");
} else {
this.tl.from(".subheading", {
opacity: 0,
y: 10,
}, ">-0.25");
}
} }
if (document.querySelector(".description")) { if (document.querySelector(".description")) {
if (getWidth() > 1200) {
this.tl.from( this.tl.from(
".description", ".description",
{ {
opacity: 0, opacity: 0,
y: 5, x: 10,
}, },
0.6 ">-0.25"
); );
} else {
this.tl.from(
".description",
{
opacity: 0,
y: 10,
},
">-0.25"
);
}
} }
if (document.querySelector(".quicknav")) { if (document.querySelector(".quicknav")) {
@@ -154,10 +239,10 @@ export default class Site extends App {
} }
} }
if (document.querySelector(".products-img")) { if (document.querySelector(".products-img-container")) {
if (getWidth() > 1200) { if (getWidth() > 1200) {
this.tl.to( this.tl.to(
".products-img", ".products-img-container",
{ {
opacity: 0, opacity: 0,
width: 0, width: 0,
@@ -167,7 +252,7 @@ export default class Site extends App {
); );
} else { } else {
this.tl.to( this.tl.to(
".products-img", ".products-img-container",
{ {
opacity: 0, opacity: 0,
height: 0, height: 0,
@@ -232,6 +317,8 @@ export default class Site extends App {
</main> </main>
<Footer /> <Footer />
<>
<Script <Script
src="https://www.googletagmanager.com/gtag/js?id=G-504FPVG74X" src="https://www.googletagmanager.com/gtag/js?id=G-504FPVG74X"
strategy="afterInteractive" strategy="afterInteractive"
@@ -246,6 +333,7 @@ export default class Site extends App {
`} `}
</Script> </Script>
</> </>
</>
); );
} }
} }

18
pages/agbs.jsx
View File

@@ -1,6 +1,12 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
export default function Abgs(props) { export default function Abgs(props) {
return ( return (
<> <>
@@ -9,14 +15,14 @@ export default function Abgs(props) {
<meta name="keywords" content="AGBs, Prothmann, Hans Prothmann GmbH" /> <meta name="keywords" content="AGBs, Prothmann, Hans Prothmann GmbH" />
<title>AGBs - Prothmann GmbH</title> <title>AGBs - Prothmann GmbH</title>
</Head> </Head>
<div className="container-fluid products-container navbar-spacing"> <Container fluid className="products-container navbar-spacing">
<div className="row align-items-center min-height-100"> <Row className="align-items-center min-height-100">
<div className="col"> <Col>
<h1 className="text-center">Allgemeine Geschäftsbedingungen</h1> <h1 className="text-center">Allgemeine Geschäftsbedingungen</h1>
<p className="text-center">In Bearbeitung</p> <p className="text-center">In Bearbeitung</p>
</div> </Col>
</div> </Row>
</div> </Container>
</> </>
); );
} }

28
pages/branchen.jsx
View File

@@ -1,3 +1,4 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
@@ -7,23 +8,26 @@ const content = {
elektronikbranche: { elektronikbranche: {
title: "Mechanik für die Elektronikbranche", title: "Mechanik für die Elektronikbranche",
text: `Viele Elektronikfirmen konzentrieren sich auf ihre Kernkompetenzen und vergeben die Produktion der mechanischen Teile und Gehäuse. Immer effektiver werdende Maschinen benötigen immer engere Toleranzen. Wenige hundertstel Millimeter Toleranzangaben auf Zeichnungen erschrecken uns auch nicht.<br><br>Wir als Experten möchten sie bei der Fertigung unterstützen. Egal wie einfach oder kompliziert ihre Anforderungen an die Mechanik sind, wir können Ihnen helfen. Wir bauen sehr kurzfristig Prototypen, freuen und aber auch auf ihre Serienproduktion.`, text: `Viele Elektronikfirmen konzentrieren sich auf ihre Kernkompetenzen und vergeben die Produktion der mechanischen Teile und Gehäuse. Immer effektiver werdende Maschinen benötigen immer engere Toleranzen. Wenige hundertstel Millimeter Toleranzangaben auf Zeichnungen erschrecken uns auch nicht.<br><br>Wir als Experten möchten sie bei der Fertigung unterstützen. Egal wie einfach oder kompliziert ihre Anforderungen an die Mechanik sind, wir können Ihnen helfen. Wir bauen sehr kurzfristig Prototypen, freuen und aber auch auf ihre Serienproduktion.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/br_elektronikbranche.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon einer vereinfachten Darstellung einer Chipbestückungsmaschine",
bgurl: "/background/branchen/elektronikbranche.webp", bgurl: "/background/branchen/elektronikbranche.webp",
bgtitle: "Bild einer Chipbestückungsanlage in Arbeit"
}, },
maschinenbau: { maschinenbau: {
title: "Präzisions-Maschinenbau, Automationstechnik, Robotik", title: "Präzisions-Maschinenbau, Automationstechnik, Robotik",
text: `Im Präzisions-Maschinenbau finden sich neben Frästeilen aus Kostengründen auch immer häufiger Blechteile. Unsere Maschinenkalibrierung endet nicht einfach bei der vom Maschinenhersteller versprochenen Präzision, sondern geben alles, um noch präziser zu werden. Dies macht uns zum Technologieführer, vor allem im Feinblechbereich von 0,1 bis 3 mm.`, text: `Im Präzisions-Maschinenbau finden sich neben Frästeilen aus Kostengründen auch immer häufiger Blechteile. Unsere Maschinenkalibrierung endet nicht einfach bei der vom Maschinenhersteller versprochenen Präzision, sondern geben alles, um noch präziser zu werden. Dies macht uns zum Technologieführer, vor allem im Feinblechbereich von 0,1 bis 3 mm.`,
iconurl: "/icons/stanzteile.svg", iconurl: "/icons/br_maschinenbau.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon eines Roboterarms",
bgurl: "/background/branchen/maschinenbau.webp", bgurl: "/background/branchen/maschinenbau.webp",
bgtitle: "Bild eines kleinen Roboterarms"
}, },
medizintechnik: { medizintechnik: {
title: "Medizintechnik, Messtechnik", title: "Medizintechnik, Messtechnik",
text: `Messtechnik in der Prozesssteuerung oder der Diagnose in der Medizin ist ein Gebiet in dem es auf Qualität ankommt. Diese Qualität können wir mit unseren hochwertigen Bauteilen liefern.<br><br>Seit über 40 jahren arbeiten wir für führende Technologieunternehmen und sind natürlich nach den gängigen Normen zertifiziert.`, text: `Messtechnik in der Prozesssteuerung oder der Diagnose in der Medizin ist ein Gebiet in dem es auf Qualität ankommt. Diese Qualität können wir mit unseren hochwertigen Bauteilen liefern.<br><br>Seit über 40 jahren arbeiten wir für führende Technologieunternehmen und sind natürlich nach den gängigen Normen zertifiziert.`,
iconurl: "/icons/biegeteile.svg", iconurl: "/icons/br_medizintechnik.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Allgemeines Icon für Medizintechnik",
bgurl: "/background/branchen/medizintechnik.webp", bgurl: "/background/branchen/medizintechnik.webp",
bgtitle: "Bild einer Maschine aus der Medizintechnik"
}, },
}; };
@@ -43,20 +47,26 @@ export default function Fertigungsverfahren(props) {
</Head> </Head>
<Productpage <Productpage
bgurl={content.elektronikbranche.bgurl} bgurl={content.elektronikbranche.bgurl}
// iconurl={content.elektronikbranche.iconurl} bgtitle={content.elektronikbranche.bgtitle}
iconurl={content.elektronikbranche.iconurl}
iconalt={content.elektronikbranche.iconalt}
title={content.elektronikbranche.title} title={content.elektronikbranche.title}
text={content.elektronikbranche.text} text={content.elektronikbranche.text}
/> />
<Productpage <Productpage
bgurl={content.maschinenbau.bgurl} bgurl={content.maschinenbau.bgurl}
// iconurl={content.maschinenbau.iconurl} bgtitle={content.maschinenbau.bgtitle}
iconurl={content.maschinenbau.iconurl}
iconalt={content.maschinenbau.iconalt}
title={content.maschinenbau.title} title={content.maschinenbau.title}
text={content.maschinenbau.text} text={content.maschinenbau.text}
reversed reversed
/> />
<Productpage <Productpage
bgurl={content.medizintechnik.bgurl} bgurl={content.medizintechnik.bgurl}
// iconurl={content.medizintechnik.iconurl} bgtitle={content.medizintechnik.bgtitle}
iconurl={content.medizintechnik.iconurl}
iconalt={content.medizintechnik.iconalt}
title={content.medizintechnik.title} title={content.medizintechnik.title}
text={content.medizintechnik.text} text={content.medizintechnik.text}
/> />

126
pages/datenschutz.jsx
View File

@@ -1,6 +1,12 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
export default function Datenschutz(props) { export default function Datenschutz(props) {
return ( return (
<> <>
@@ -12,10 +18,10 @@ export default function Datenschutz(props) {
/> />
<title>Datenschutz - Prothmann GmbH</title> <title>Datenschutz - Prothmann GmbH</title>
</Head> </Head>
<div className="container products-container navbar-spacing"> <Container className="products-container navbar-spacing">
<h1 className="text-center">Datenschutz</h1> <h1 className="text-center">Datenschutz</h1>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col section-text-col-text-center col"> <Col className="section-text-col section-text-col-text-center">
<p className="text-center"> <p className="text-center">
Verantwortliche Stelle im Sinne der Datenschutzgesetze, Verantwortliche Stelle im Sinne der Datenschutzgesetze,
insbesondere der EU-Datenschutzgrundverordnung (DSGVO), ist: insbesondere der EU-Datenschutzgrundverordnung (DSGVO), ist:
@@ -26,13 +32,13 @@ export default function Datenschutz(props) {
Industriestraße 6<br /> Industriestraße 6<br />
82149 Gröbenzell 82149 Gröbenzell
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading row"> <Row className="section-row-heading">
<h4>Ihre Betroffenenrechte</h4> <h4>Ihre Betroffenenrechte</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<ul> <ul>
<li> <li>
Auskunft über Ihre bei uns gespeicherten Daten und deren Auskunft über Ihre bei uns gespeicherten Daten und deren
@@ -81,15 +87,15 @@ export default function Datenschutz(props) {
</a> </a>
. .
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4> <h4>
Erfassung allgemeiner Informationen beim Besuch unserer Website Erfassung allgemeiner Informationen beim Besuch unserer Website
</h4> </h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht Wenn Sie auf unsere Website zugreifen, d.h., wenn Sie sich nicht
@@ -148,13 +154,13 @@ export default function Datenschutz(props) {
und Services nicht verfügbar oder eingeschränkt sein. Aus diesem und Services nicht verfügbar oder eingeschränkt sein. Aus diesem
Grund ist ein Widerspruch ausgeschlossen.{" "} Grund ist ein Widerspruch ausgeschlossen.{" "}
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Kontaktformular und eAnfrage</h4> <h4>Kontaktformular und eAnfrage</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Die von Ihnen eingegebenen Daten werden zum Zweck der Die von Ihnen eingegebenen Daten werden zum Zweck der
@@ -207,13 +213,13 @@ export default function Datenschutz(props) {
Sie uns Ihren Namen, Ihre E-Mail-Adresse und den Grund der Anfrage Sie uns Ihren Namen, Ihre E-Mail-Adresse und den Grund der Anfrage
mitteilen. mitteilen.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Verwendung von Google Analytics</h4> <h4>Verwendung von Google Analytics</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Diese Website benutzt Google Analytics, einen Webanalysedienst der Diese Website benutzt Google Analytics, einen Webanalysedienst der
@@ -305,13 +311,13 @@ export default function Datenschutz(props) {
der Besucher der Webseite bewertet und die Interessen analysiert der Besucher der Webseite bewertet und die Interessen analysiert
werden. Hierzu erstellen wir ein pseudonymes Nutzerprofil. werden. Hierzu erstellen wir ein pseudonymes Nutzerprofil.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Verwendung von Adobe Typekit</h4> <h4>Verwendung von Adobe Typekit</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Wir setzen Adobe Typekit zur visuellen Gestaltung unserer Website Wir setzen Adobe Typekit zur visuellen Gestaltung unserer Website
@@ -377,13 +383,13 @@ export default function Datenschutz(props) {
die korrekte Darstellung der Inhalte von Standardschriften nicht die korrekte Darstellung der Inhalte von Standardschriften nicht
ermöglicht werden. ermöglicht werden.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Verwendung von Google Maps</h4> <h4>Verwendung von Google Maps</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Auf dieser Webseite nutzen wir das Angebot von Google Maps. Google Auf dieser Webseite nutzen wir das Angebot von Google Maps. Google
@@ -464,13 +470,13 @@ export default function Datenschutz(props) {
Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen
auf der Website kommen. auf der Website kommen.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Google AdWords</h4> <h4>Google AdWords</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<h5>Art und Zweck der Verarbeitung</h5> <h5>Art und Zweck der Verarbeitung</h5>
<p> <p>
Unsere Webseite nutzt das Google Conversion-Tracking. Unsere Webseite nutzt das Google Conversion-Tracking.
@@ -549,25 +555,25 @@ export default function Datenschutz(props) {
Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen Zugriff unterbinden, kann es hierdurch zu Funktionseinschränkungen
auf der Website kommen. auf der Website kommen.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>SSL-Verschlüsselung</h4> <h4>SSL-Verschlüsselung</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<p> <p>
Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen, Um die Sicherheit Ihrer Daten bei der Übertragung zu schützen,
verwenden wir dem aktuellen Stand der Technik entsprechende verwenden wir dem aktuellen Stand der Technik entsprechende
Verschlüsselungsverfahren (z. B. SSL) über HTTPS. Verschlüsselungsverfahren (z. B. SSL) über HTTPS.
</p> </p>
</div> </Col>
</div> </Row>
<div className="section-row-heading text-center row"> <Row className="section-row-heading text-center">
<h4>Änderung unserer Datenschutzbestimmungen</h4> <h4>Änderung unserer Datenschutzbestimmungen</h4>
</div> </Row>
<div className="section-row row"> <Row className="section-row">
<div className="section-text-col col"> <Col className="section-text-col">
<p> <p>
Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit Wir behalten uns vor, diese Datenschutzerklärung anzupassen, damit
sie stets den aktuellen rechtlichen Anforderungen entspricht oder sie stets den aktuellen rechtlichen Anforderungen entspricht oder
@@ -575,9 +581,9 @@ export default function Datenschutz(props) {
umzusetzen, z.B. bei der Einführung neuer Services. Für Ihren umzusetzen, z.B. bei der Einführung neuer Services. Für Ihren
erneuten Besuch gilt dann die neue Datenschutzerklärung. erneuten Besuch gilt dann die neue Datenschutzerklärung.
</p> </p>
</div> </Col>
</div> </Row>
</div> </Container>
</> </>
); );
} }

9
pages/fertigungsverfahren/[index].jsx
View File

@@ -37,6 +37,7 @@ export async function getStaticProps(context) {
iconurl: "/icons/fertigungsverfahren/laserteile.svg", iconurl: "/icons/fertigungsverfahren/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/laserteile.webp", bgurl: "/background/fertigungsverfahren/laserteile.webp",
bgtitle: "",
htitle: "Laserteile - Prothmann GmbH", htitle: "Laserteile - Prothmann GmbH",
hdesc: "Wir fertigen komplexe Laserteile mit Toleranzen von 0,01 mm.", hdesc: "Wir fertigen komplexe Laserteile mit Toleranzen von 0,01 mm.",
hkey: "Laserteile, CNC Laser, Laserschneiden", hkey: "Laserteile, CNC Laser, Laserschneiden",
@@ -50,6 +51,7 @@ export async function getStaticProps(context) {
iconurl: "/icons/fertigungsverfahren/stanzteile.svg", iconurl: "/icons/fertigungsverfahren/stanzteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/stanzteile.webp", bgurl: "/background/fertigungsverfahren/stanzteile.webp",
bgtitle: "",
htitle: "Stanzteile - Prothmann GmbH", htitle: "Stanzteile - Prothmann GmbH",
hdesc: hdesc:
"Wir fertigen komplexe Stanzteile - egal ob 0 Serie oder Massenproduktion.", "Wir fertigen komplexe Stanzteile - egal ob 0 Serie oder Massenproduktion.",
@@ -70,6 +72,7 @@ Wir beraten Sie gerne, wenn es um die Machbarkeit von Biegeteilen geht. Dabei k
iconurl: "/icons/fertigungsverfahren/biegeteile.svg", iconurl: "/icons/fertigungsverfahren/biegeteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/biegeteile.webp", bgurl: "/background/fertigungsverfahren/biegeteile.webp",
bgtitle: "",
htitle: "Biegeteile - Prothmann GmbH", htitle: "Biegeteile - Prothmann GmbH",
hdesc: hdesc:
"Wir sind Marktführer für komplexe Biegeteile. Fordern Sie uns heraus.", "Wir sind Marktführer für komplexe Biegeteile. Fordern Sie uns heraus.",
@@ -84,6 +87,7 @@ Wir beraten Sie gerne, wenn es um die Machbarkeit von Biegeteilen geht. Dabei k
iconurl: "/icons/fertigungsverfahren/lasergravur.svg", iconurl: "/icons/fertigungsverfahren/lasergravur.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/lasergravur.webp", bgurl: "/background/fertigungsverfahren/lasergravur.webp",
bgtitle: "",
htitle: "Lasergravieren - Prothmann GmbH", htitle: "Lasergravieren - Prothmann GmbH",
hdesc: hdesc:
"Egal ob Seriennummern, Beschriftungen von Frontplattten oder QR-Codes. Wir lasergravieren alle Teile nach Ihren vorgaben.", "Egal ob Seriennummern, Beschriftungen von Frontplattten oder QR-Codes. Wir lasergravieren alle Teile nach Ihren vorgaben.",
@@ -100,6 +104,7 @@ Wir haben das Know-how um Blechteile zu konstruieren, die später problemlos und
iconurl: "/icons/fertigungsverfahren/metallkonstruktion.svg", iconurl: "/icons/fertigungsverfahren/metallkonstruktion.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/blechkonstruktion.webp", bgurl: "/background/fertigungsverfahren/blechkonstruktion.webp",
bgtitle: "",
htitle: "Blechkonstruktion - Prothmann GmbH", htitle: "Blechkonstruktion - Prothmann GmbH",
hdesc: hdesc:
"Wir erstellen für Sie komplexe Blechkontruktionen, wie z.B. Gehäuse für Elektronikteile.", "Wir erstellen für Sie komplexe Blechkontruktionen, wie z.B. Gehäuse für Elektronikteile.",
@@ -119,6 +124,7 @@ Kantenschutz`,
iconurl: "/icons/fertigungsverfahren/baugruppe.svg", iconurl: "/icons/fertigungsverfahren/baugruppe.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/baugruppe.webp", bgurl: "/background/fertigungsverfahren/baugruppe.webp",
bgtitle: "",
htitle: "Baugruppen - Prothmann GmbH", htitle: "Baugruppen - Prothmann GmbH",
hdesc: hdesc:
"Wir können Baugruppen mit Schraubverbindungen, Vernietungen oder Klebungen herstellen und in einem Stücl zu Ihnen schicken.", "Wir können Baugruppen mit Schraubverbindungen, Vernietungen oder Klebungen herstellen und in einem Stücl zu Ihnen schicken.",
@@ -133,6 +139,7 @@ Kantenschutz`,
iconurl: "/icons/fertigungsverfahren/fuegeverfahren.svg", iconurl: "/icons/fertigungsverfahren/fuegeverfahren.svg",
iconalt: "Icon, welches einen Schweißhelm mit Schweißgerät zeigt", iconalt: "Icon, welches einen Schweißhelm mit Schweißgerät zeigt",
bgurl: "/background/fertigungsverfahren/fügeverfahren.webp", bgurl: "/background/fertigungsverfahren/fügeverfahren.webp",
bgtitle: "",
htitle: "Laserschweißen, Schweißen - Prothmann GmbH", htitle: "Laserschweißen, Schweißen - Prothmann GmbH",
hdesc: "Prothmann GmbH - Ihr Experte für Fügeverfahren München.", hdesc: "Prothmann GmbH - Ihr Experte für Fügeverfahren München.",
hkey: "Fügeverfahren", hkey: "Fügeverfahren",
@@ -153,6 +160,7 @@ Ebenso können wir Kanten bis zu 0,3mm verrunden, wodurch Verletzungen vermieden
iconurl: "/icons/fertigungsverfahren/entgraten.svg", iconurl: "/icons/fertigungsverfahren/entgraten.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/fertigungsverfahren/entgraten.webp", bgurl: "/background/fertigungsverfahren/entgraten.webp",
bgtitle: "",
htitle: "Entgraten - Prothmann GmbH", htitle: "Entgraten - Prothmann GmbH",
hdesc: "Prothmann GmbH - Ihr Experte für Entgraten München.", hdesc: "Prothmann GmbH - Ihr Experte für Entgraten München.",
hkey: "Entgraten", hkey: "Entgraten",
@@ -172,6 +180,7 @@ class Fertigungsverfahren extends React.Component {
</Head> </Head>
<Productpage <Productpage
bgurl={this.props.bgurl} bgurl={this.props.bgurl}
bgtitle={this.props.bgtitle}
iconurl={this.props.iconurl} iconurl={this.props.iconurl}
iconalt={this.props.iconalt} iconalt={this.props.iconalt}
title={this.props.title} title={this.props.title}

27
pages/impressum.jsx
View File

@@ -1,7 +1,14 @@
// React, NextJS
import React from "react"; import React from "react";
import GoogleMaps from "../components/GogoleMaps.jsx";
import Head from "next/head"; import Head from "next/head";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
import GoogleMaps from "../components/GogoleMaps.jsx";
export default function Impressum(props) { export default function Impressum(props) {
return ( return (
<> <>
@@ -16,8 +23,8 @@ export default function Impressum(props) {
/> />
<title>Impressum - Prothmann GmbH</title> <title>Impressum - Prothmann GmbH</title>
</Head> </Head>
<div className="container-fluid products-container navbar-spacing"> <Container fluid className="products-container navbar-spacing">
<div className="row align-items-center min-height-100"> <Row className="align-items-center min-height-100">
<div <div
className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img col-lg-6 p-0`} className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img col-lg-6 p-0`}
> >
@@ -45,7 +52,7 @@ export default function Impressum(props) {
<b>Fax</b> <a title="Senden Sie uns ein Fax" href="fax:+49814259953">+49 (0) 8142 59953</a> <b>Fax</b> <a title="Senden Sie uns ein Fax" href="fax:+49814259953">+49 (0) 8142 59953</a>
</p> </p>
<p> <p>
<b>Geschäftsführer</b> Hans & Kolja Prothmann <b>Geschäftsführer</b> Dr. Kolja Prothmann & Hans Prothmann
<br /> <br />
<b>Handelsregister</b> HRB München 78953 <b>Handelsregister</b> HRB München 78953
<br /> <br />
@@ -53,9 +60,9 @@ export default function Impressum(props) {
</p> </p>
</div> </div>
</div> </div>
</div> </Row>
<div className="row"> <Row>
<div className="col text-center my-5"> <Col className="text-center my-5">
<h2>Nützliche Links</h2> <h2>Nützliche Links</h2>
<p> <p>
Unsere Maschinen von Amada Unsere Maschinen von Amada
@@ -95,9 +102,9 @@ export default function Impressum(props) {
www.canetzberger.design www.canetzberger.design
</a> </a>
</p> </p>
</div> </Col>
</div> </Row>
</div> </Container>
</> </>
); );
} }

111
pages/index.js
View File

@@ -1,10 +1,19 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
import Link from "next/link"; import Link from "next/link";
import Image from "next/image"; import Image from "next/image";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
//GSAP
import { gsap } from "gsap/dist/gsap"; import { gsap } from "gsap/dist/gsap";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger.js"; import { ScrollTrigger } from "gsap/dist/ScrollTrigger.js";
//Images
import landinglogoImg from "../components/images/logo/landinglogo.svg"; import landinglogoImg from "../components/images/logo/landinglogo.svg";
import laserteileImg from '../components/images/fertigungsverfahren/laserteile.svg'; import laserteileImg from '../components/images/fertigungsverfahren/laserteile.svg';
import stanzteileImg from '../components/images/fertigungsverfahren/stanzteile.svg'; import stanzteileImg from '../components/images/fertigungsverfahren/stanzteile.svg';
@@ -16,6 +25,8 @@ import metallabschirmungImg from '../components/images/products/metallabschirmun
import teleskopdurchfuehrungenImg from '../components/images/products/teleskopdurchfuehrungen.webp'; import teleskopdurchfuehrungenImg from '../components/images/products/teleskopdurchfuehrungen.webp';
import chassismesstechnikImg from '../components/images/products/chassismesstechnik.webp'; import chassismesstechnikImg from '../components/images/products/chassismesstechnik.webp';
//Register only on client side
if (typeof window !== "undefined") { if (typeof window !== "undefined") {
gsap.registerPlugin(ScrollTrigger); gsap.registerPlugin(ScrollTrigger);
} }
@@ -27,8 +38,6 @@ export default class Home extends React.Component {
this.productsWrapper = React.createRef(); this.productsWrapper = React.createRef();
} }
componentDidMount() { }
render() { render() {
return ( return (
<> <>
@@ -44,14 +53,14 @@ export default class Home extends React.Component {
<meta name="robots" content="index, follow" /> <meta name="robots" content="index, follow" />
<title> Prothmann - Blechverarbeitung in München mit höchster Präzision</title> <title> Prothmann - Blechverarbeitung in München mit höchster Präzision</title>
</Head> </Head>
<div <Container fluid
className="container-fluid background-image landing-img d-flex align-items-center minh-100vh navbar-spacing" className="background-image landing-img d-flex align-items-center minh-100vh navbar-spacing"
style={{ style={{
backgroundImage: backgroundImage:
"url(/background/fertigungsverfahren/laserteile.webp)", "url(/background/fertigungsverfahren/laserteile.webp)",
}} }}
> >
<div className="col text-center"> <Col className="text-center">
<Image <Image
src={landinglogoImg} src={landinglogoImg}
className="landing-logo p-5 m-auto" className="landing-logo p-5 m-auto"
@@ -59,11 +68,12 @@ export default class Home extends React.Component {
priority priority
fill fill
/> />
</div> </Col>
</div> </Container>
<div className="container">
<div className="row"> <Container>
<div className="col mt-5 text-center"> <Row>
<Col className="mt-5 text-center">
<h1> Ihr Experte für Blechverarbeitung in München </h1> <h1> Ihr Experte für Blechverarbeitung in München </h1>
<p> <p>
Seit 1971 ist die Hans Prothmann GmbH ihr verlässlicher Partner Seit 1971 ist die Hans Prothmann GmbH ihr verlässlicher Partner
@@ -96,12 +106,12 @@ export default class Home extends React.Component {
kalibrieren wir unsere Maschinen regelmäßig auf den Mikrometer kalibrieren wir unsere Maschinen regelmäßig auf den Mikrometer
genau - das ist Hightech in Blech. genau - das ist Hightech in Blech.
</p> </p>
</div> </Col>
</div> </Row>
</div> </Container>
<div className="container-fluid mb-5"> <Container fluid className=" mb-5">
<div className="row text-center"> <Row className="text-center">
<div className="col-lg-4 col-xs-12 p-0"> <Col lg={4} xs={12} className="p-0">
<Link href="/fertigungsverfahren/laserteile" title="Informationen zu unseren Laserteilen"> <Link href="/fertigungsverfahren/laserteile" title="Informationen zu unseren Laserteilen">
<div <div
@@ -122,8 +132,8 @@ export default class Home extends React.Component {
</div> </div>
</Link> </Link>
</div> </Col>
<div className="col-lg-4 col-xs-12 p-0"> <Col lg={4} xs={12} className="p-0">
<Link href="/fertigungsverfahren/stanzteile" title="Informationen zu unseren Stanzteilen"> <Link href="/fertigungsverfahren/stanzteile" title="Informationen zu unseren Stanzteilen">
<div <div
@@ -140,12 +150,13 @@ export default class Home extends React.Component {
width={250} width={250}
height={250} height={250}
/> />
<h2 className="text-white"> Stanzteile </h2> <h2 className="text-white"> Stanzteile </h2>
</div> </div>
</Link> </Link>
</div> </Col>
<div className="col-lg-4 col-xs-12 p-0"> <Col lg={4} xs={12} className="p-0">
<Link href="/fertigungsverfahren/biegeteile" title="Informationen zu unseren Biegeteilen"> <Link href="/fertigungsverfahren/biegeteile" title="Informationen zu unseren Biegeteilen">
<div <div
@@ -166,25 +177,25 @@ export default class Home extends React.Component {
</div> </div>
</Link> </Link>
</div> </Col>
</div> </Row>
</div> </Container>
<div className="container"> <Container>
<div className="row"> <Row>
<div className="col-12 col-lg-8 offset-lg-2 mt-5"> <Col lg={8} className="col-12 offset-lg-2 mt-5">
<h3 className="text-center"> Produkte </h3> <h3 className="text-center"> Produkte </h3>
<p className="text-center"> <p className="text-center">
Wir verarbeiten alle auf dem Weltmarkt erhältlichen Materialien. Wir verarbeiten alle auf dem Weltmarkt erhältlichen Materialien.
Durch unsere Spezialisierung auf Feinbleche haben wir oft auch Durch unsere Spezialisierung auf Feinbleche haben wir oft auch
schwierig zu beschaffende Materialien wie z.B. säurebeständige schwierig zu beschaffende Materialien wie z.B. säurebeständige
Edelstähle, Federstahl, Bronze und Messing, sowie Mu-Metal auf Edelstähle, Federstahl, Bronze und Messing, sowie Mu-Metall auf
Lager. Lager.
</p> </p>
</div> </Col>
</div> </Row>
<div className="row mb-5"> <Row className="mb-5">
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -195,7 +206,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div>
<h4 className="text-center">Elektronikgehäuse</h4> <h4 className="text-center">Elektronikgehäuse</h4>
<p> <p>
Unsere Elektronikgehäuse werden mit{" "} Unsere Elektronikgehäuse werden mit{" "}
@@ -215,9 +226,9 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -228,7 +239,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div >
<h4 className="text-center">Elektronikaufnahme</h4> <h4 className="text-center">Elektronikaufnahme</h4>
<p> <p>
An dem Edelstahlgrundkörper sieht man unser Leistungsspektrum An dem Edelstahlgrundkörper sieht man unser Leistungsspektrum
@@ -238,9 +249,9 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -251,7 +262,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div>
<h4 className="text-center">Chassis für Messtechnik</h4> <h4 className="text-center">Chassis für Messtechnik</h4>
<p> <p>
Spezielle Messtechnik benötigt häufig auch spezielle Lösungen in Spezielle Messtechnik benötigt häufig auch spezielle Lösungen in
@@ -260,9 +271,9 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -273,7 +284,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div>
<h4 className="text-center">Teleskopdurchführungen</h4> <h4 className="text-center">Teleskopdurchführungen</h4>
<p> <p>
Bei diesen Biegeteilen liegt die Schwierigkeit in der Ebenheit Bei diesen Biegeteilen liegt die Schwierigkeit in der Ebenheit
@@ -290,9 +301,9 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -303,7 +314,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div>
<h4 className="text-center">Federn aus exotischen Materialien</h4> <h4 className="text-center">Federn aus exotischen Materialien</h4>
<p> <p>
Wir haben eine große Auswahl an Federstählen auf Lager und Wir haben eine große Auswahl an Federstählen auf Lager und
@@ -316,9 +327,9 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
<div className="col-12 col-lg-4 text-center h-100"> <Col lg={4} className="col-12 text-center h-100">
<div className="content"> <div className="content">
<div className="bg-white"> <div className="bg-white">
<Image <Image
@@ -329,7 +340,7 @@ export default class Home extends React.Component {
height={300} height={300}
/> />
</div> </div>
<div className=""> <div>
<h4 className="text-center">MU-Metall Abschirmungen</h4> <h4 className="text-center">MU-Metall Abschirmungen</h4>
<p> <p>
Aufgrund unserer langjährigen Erfahrung im audiovisuellen Aufgrund unserer langjährigen Erfahrung im audiovisuellen
@@ -338,10 +349,10 @@ export default class Home extends React.Component {
</p> </p>
</div> </div>
</div> </div>
</div> </Col>
</div> </Row>
</div> </Container>
</> </>
); );
} }

95
pages/kontakt.jsx
View File

@@ -1,7 +1,16 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
// Formik
import { Formik } from "formik"; import { Formik } from "formik";
import axios from "axios"; import axios from "axios";
import Head from "next/head";
import { import {
TextInput, TextInput,
@@ -32,10 +41,10 @@ export default class Kontakt extends React.Component {
<title>Kontakt - Prothmann GmbH</title> <title>Kontakt - Prothmann GmbH</title>
</Head> </Head>
<div className="container-fluid products-container navbar-spacing"> <Container fluid className="products-container navbar-spacing">
<div className="row align-items-center min-height-100"> <Row className="align-items-center min-height-100">
<div <Col xs={12} lg={6}
className={`align-self-stretchd-flex flex-column justify-content-center col-lg-6 p-0 p-5`} className="align-self-stretchd-flex flex-column justify-content-center p-0 p-5"
> >
<h1 className="mainheading">Kontakt</h1> <h1 className="mainheading">Kontakt</h1>
<div className="description"> <div className="description">
@@ -61,10 +70,10 @@ export default class Kontakt extends React.Component {
82194 Gröbenzell (bei München) 82194 Gröbenzell (bei München)
</p> </p>
</div> </div>
</div> </Col>
<div <Col xs={12} lg={6}
className={`col-lg-6 pl-0 align-self-center p-5 mb-5 h-100 col-lg-6`} className="pl-0 align-self-center p-5 mb-5 h-100"
> >
<Formik <Formik
validationSchema={ContactSchema} validationSchema={ContactSchema}
@@ -113,8 +122,8 @@ export default class Kontakt extends React.Component {
isSubmitting, isSubmitting,
}) => ( }) => (
<form onSubmit={handleSubmit} className="description"> <form onSubmit={handleSubmit} className="description">
<div className="row g-2 mb-5"> <Row className="g-2 mb-5">
<div className="col"> <Col>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -127,11 +136,11 @@ export default class Kontakt extends React.Component {
label="Firma (optional)" label="Firma (optional)"
type="text" type="text"
/> />
</div> </Col>
</div> </Row>
<div className="row g-2 mb-3"> <Row className="g-2 mb-3">
<div className="col"> <Col>
<SelectInput <SelectInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -144,8 +153,8 @@ export default class Kontakt extends React.Component {
label="Anrede" label="Anrede"
options={["Herr", "Frau", "Divers"]} options={["Herr", "Frau", "Divers"]}
/> />
</div> </Col>
<div className="col"> <Col>
<SelectInput <SelectInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -158,11 +167,11 @@ export default class Kontakt extends React.Component {
label="Titel" label="Titel"
options={["Dr.", "Prof.", "Dipl."]} options={["Dr.", "Prof.", "Dipl."]}
/> />
</div> </Col>
</div> </Row>
<div className="row g-2 mb-5"> <Row className="g-2 mb-5">
<div className="col"> <Col>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -175,8 +184,8 @@ export default class Kontakt extends React.Component {
label="Vorname (optional)" label="Vorname (optional)"
type="text" type="text"
/> />
</div> </Col>
<div className="col"> <Col>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -189,11 +198,11 @@ export default class Kontakt extends React.Component {
label="Nachname" label="Nachname"
type="text" type="text"
/> />
</div> </Col>
</div> </Row>
<div className="row g-2 mb-5"> <Row className="g-2 mb-5">
<div className="col"> <Col>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -206,8 +215,8 @@ export default class Kontakt extends React.Component {
label="eMail" label="eMail"
type="email" type="email"
/> />
</div> </Col>
<div className="col"> <Col>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -220,11 +229,11 @@ export default class Kontakt extends React.Component {
label="Telefon (optional)" label="Telefon (optional)"
type="text" type="text"
/> />
</div> </Col>
</div> </Row>
<div className="row g-2 mb-3"> <Row className="g-2 mb-3">
<div className="col-12"> <Col xs={12}>
<TextInput <TextInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -237,8 +246,8 @@ export default class Kontakt extends React.Component {
label="Betreff" label="Betreff"
type="text" type="text"
/> />
</div> </Col>
<div className="col-12"> <Col xs={12}>
<TextareaInput <TextareaInput
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
rescode={this.state.res} rescode={this.state.res}
@@ -250,10 +259,10 @@ export default class Kontakt extends React.Component {
value={values.nachricht} value={values.nachricht}
label="Nachricht" label="Nachricht"
/> />
</div> </Col>
</div> </Row>
<div className="row g-2 mb-3"> <Row className="g-2 mb-3">
<div className="col"> <Col>
<p>{this.state.status}</p> <p>{this.state.status}</p>
{!isSubmitting && this.state.res != 200 && ( {!isSubmitting && this.state.res != 200 && (
<button className="btn btn-dark" type="submit"> <button className="btn btn-dark" type="submit">
@@ -265,14 +274,14 @@ export default class Kontakt extends React.Component {
<span className="visually-hidden">Sende...</span> <span className="visually-hidden">Sende...</span>
</div> </div>
)} )}
</div> </Col>
</div> </Row>
</form> </form>
)} )}
</Formik> </Formik>
</div> </Col>
</div> </Row>
</div> </Container>
</> </>
); );
} }

48
pages/materialien.jsx
View File

@@ -1,37 +1,44 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
// Bootstrap components
import Table from 'react-bootstrap/Table';
import Productpage from "../components/productpage.jsx"; import Productpage from "../components/productpage.jsx";
const content = { const content = {
stahl: { stahl: {
title: "Materialien", title: "Materialien",
text: `Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt erhältlichen Materialien. Rostende Stähle und nichtrostende Edelstähle gehörn dabei zu unserem Standardrepertoir, welche wir in den verschiedensten Stärken jederzeit vorrätig haben.`, text: `Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt erhältlichen Materialien. Rostende Stähle und nichtrostende Edelstähle gehörn dabei zu unserem Standardrepertoir, welche wir in den verschiedensten Stärken jederzeit vorrätig haben.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/mat_stahl.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon eines Stapels an Blech mit verschiedenen Stählen und Edelstählen",
bgurl: "/background/materialien/stahl.webp", bgurl: "/background/materialien/stahl.webp",
bgtitle: "Bild mehrerer Stapel mit gebürstetem Edelstahl"
}, },
aluminium: { aluminium: {
title: "Aluminium", title: "Aluminium",
text: `Aluminium ist aufgrund seiner spezifischen Festigkeit bei gleichzeitig geringem Volumen, sehr beliebt. So wird es vor allem dort verwendet, wo eine geringe Masse wichtig ist.`, text: `Aluminium ist aufgrund seiner spezifischen Festigkeit bei gleichzeitig geringem Volumen, sehr beliebt. So wird es vor allem dort verwendet, wo eine geringe Masse wichtig ist.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/mat_aluminium.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon eines Stapels an Blech mit verschiedenen Aluminiumlegierungen",
bgurl: "/background/materialien/aluminium.webp", bgurl: "/background/materialien/aluminium.webp",
bgtitle: "Bild mehrerer Stapel von Aluminiumblechen"
}, },
sonstiges: { sonstiges: {
title: "Sonstiges", title: "Sonstiges",
text: ` text: `
Falls Sie besondere Anforderungen haben, fertigen wir Ihre Teile gerne aus exotischen Materialien, wie z.B. Kuper, Mesing oder auch Gold - Für uns ist kein Material zu schwierig, wir freuen uns über Ihre Herausforderung!`, Falls Sie besondere Anforderungen haben, fertigen wir Ihre Teile gerne aus exotischen Materialien, wie z.B. Kuper, Mesing oder auch Gold - Für uns ist kein Material zu schwierig, wir freuen uns über Ihre Herausforderung!`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/mat_sonstiges.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon eines Stapels an Blech mit selteneren Materialien wie z.B. Kupfer, Titan, Gold und Mu Metall",
bgurl: "/background/materialien/sonstiges.webp", bgurl: "/background/materialien/sonstiges.webp",
bgtitle: "Bild mehrerer verschieden dicken Kupferblechen"
}, },
}; };
function ContentSteel() { function ContentSteel() {
return ( return (
<> <>
<table className="table mt-5"> <Table className="mt-5">
<thead className="table-secondary"> <thead className="table-secondary">
<tr> <tr>
<th>Stähle</th> <th>Stähle</th>
@@ -93,15 +100,15 @@ function ContentSteel() {
<td></td> <td></td>
</tr> </tr>
</tbody> </tbody>
</table> </Table>
</> </>
); );
} }
function ContenAluminum() { function ContentAluminum() {
return ( return (
<> <>
<table className="table mt-5"> <Table className="mt-5">
<thead className="table-secondary"> <thead className="table-secondary">
<tr> <tr>
<th>Aluminium</th> <th>Aluminium</th>
@@ -126,15 +133,15 @@ function ContenAluminum() {
<td>6,0</td> <td>6,0</td>
</tr> </tr>
</tbody> </tbody>
</table> </Table>
</> </>
); );
} }
function ContenOther() { function ContentOther() {
return ( return (
<> <>
<table className="table mt-5"> <Table className="mt-5">
<thead className="table-secondary"> <thead className="table-secondary">
<tr> <tr>
<th>Sonstiges</th> <th>Sonstiges</th>
@@ -169,7 +176,7 @@ function ContenOther() {
<td></td> <td></td>
</tr> </tr>
</tbody> </tbody>
</table> </Table>
</> </>
); );
} }
@@ -189,20 +196,29 @@ export default function Materialien(props) {
bgurl={content.stahl.bgurl} bgurl={content.stahl.bgurl}
title={content.stahl.title} title={content.stahl.title}
text={content.stahl.text} text={content.stahl.text}
iconurl={content.stahl.iconurl}
iconalt={content.stahl.iconalt}
bgtitle={content.stahl.bgtitle}
addtext={<ContentSteel />} addtext={<ContentSteel />}
/> />
<Productpage <Productpage
bgurl={content.aluminium.bgurl} bgurl={content.aluminium.bgurl}
title={content.aluminium.title} title={content.aluminium.title}
text={content.aluminium.text} text={content.aluminium.text}
addtext={<ContenAluminum />} iconurl={content.aluminium.iconurl}
iconalt={content.aluminium.iconalt}
bgtitle={content.aluminium.bgtitle}
addtext={<ContentAluminum />}
reversed reversed
/> />
<Productpage <Productpage
bgurl={content.sonstiges.bgurl} bgurl={content.sonstiges.bgurl}
title={content.sonstiges.title} title={content.sonstiges.title}
text={content.sonstiges.text} text={content.sonstiges.text}
addtext={<ContenOther />} iconurl={content.sonstiges.iconurl}
iconalt={content.sonstiges.iconalt}
bgtitle={content.sonstiges.bgtitle}
addtext={<ContentOther />}
/> />
</> </>
); );

30
pages/qualitaet.jsx
View File

@@ -1,3 +1,4 @@
// React, NextJS
import React from "react"; import React from "react";
import Head from "next/head"; import Head from "next/head";
@@ -7,23 +8,26 @@ const content = {
auszeichnungen: { auszeichnungen: {
title: "Auszeichnungen", title: "Auszeichnungen",
text: `The Precision Sheet Metal Technology Fair ist ein seit 1989 existenter Wettbewerb für AMADA Kunden, um Blechteile mit besonderer Qualität und Innovation auszuzeichnen. 2015 zählten wir mit einer hochpräzisen Halterung für eine Gelddruckmaschine zu den Gewinnern.`, text: `The Precision Sheet Metal Technology Fair ist ein seit 1989 existenter Wettbewerb für AMADA Kunden, um Blechteile mit besonderer Qualität und Innovation auszuzeichnen. 2015 zählten wir mit einer hochpräzisen Halterung für eine Gelddruckmaschine zu den Gewinnern.`,
iconurl: "/icons/qualitaet/auszeichnungen.svg", iconurl: "/icons/qs_auszeichnungen.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon, welches Zertifikat darstellt",
bgurl: "/background/qualitaet/auszeichnungen.webp", bgurl: "/background/qualitaet/auszeichnungen.webp",
bgtitle: "Bild unserer Auszeichnung des Precision Sheet Metal Technology Fairs"
}, },
messtechnik: { messtechnik: {
title: "Messtechnik", title: "Messtechnik",
text: `Grundsätzlich werden alle Teile über den gesamten Fertigungsprozess auf Qualität überwacht. Auf Wunsch erstellen wir auch Erstmusterprüfprotokolle, bei welchen alle Maße der Produktionszeichnung akribisch kontrolliert und in einem Prüfbericht, welchen wir Ihnen zukommen lassen, niedergeschrieben. <br><br>Wir verwenden kalibrierte Messmittel und folgende Messmaschinen:<br><ul><li>Mauser Capax 2 digitaler Höhenmesser</li><li>Messmikroskop Digiscope</li><li>Mitutoyo Messschieber</li></ul> sowie weitere für die Produktion notwendige Messmittel.`, text: `Grundsätzlich werden alle Teile über den gesamten Fertigungsprozess auf Qualität überwacht. Auf Wunsch erstellen wir auch Erstmusterprüfprotokolle, bei welchen alle Maße der Produktionszeichnung akribisch kontrolliert und in einem Prüfbericht, welchen wir Ihnen zukommen lassen, niedergeschrieben. <br><br>Wir verwenden kalibrierte Messmittel und folgende Messmaschinen:<br/><br/>Mauser Capax 2 digitaler Höhenmesser<br/>Messmikroskop Digiscope<br/>Mitutoyo Messschieber<br/><br/> sowie weitere für die Produktion notwendige Messmittel.`,
iconurl: "/icons/qualitaet/messtechnik.svg", iconurl: "/icons/qs_messtechnik.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon eines Messschiebers beim Messen eines Rundteiles",
bgurl: "/background/qualitaet/messtechnik.webp", bgurl: "/background/qualitaet/messtechnik.webp",
bgtitle: "Bild einer 3D Messmaschine"
}, },
iso: { iso: {
title: "ISO Zertifizierung", title: "ISO Zertifizierung",
text: `Wir leben unseren ISO 9001:2008 Prozess! Schon lange bevor der Betrieb zertifiziert wurde haben wir nach strikten Auflagen gearbeitet. Unsere internen QS-Verfahren garantieren eine Qualität, die überzeugt. Reklamationen sind bei uns eine Seltenheit!`, text: `Wir leben unseren ISO 9001:2008 Prozess! Schon lange bevor der Betrieb zertifiziert wurde haben wir nach strikten Auflagen gearbeitet. Unsere internen QS-Verfahren garantieren eine Qualität, die überzeugt. Reklamationen sind bei uns eine Seltenheit!`,
iconurl: "/icons/qualitaet/iso.svg", iconurl: "/icons/qs_iso.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Icon mit Kreis und dem Text iso",
bgurl: "/background/qualitaet/iso-zertifizierung.webp", bgurl: "/background/qualitaet/iso-zertifizierung.webp",
bgtitle: "Bild unseres ISO Zertifikats"
}, },
}; };
@@ -43,20 +47,26 @@ export default function Fertigungsverfahren() {
</Head> </Head>
<Productpage <Productpage
bgurl={content.auszeichnungen.bgurl} bgurl={content.auszeichnungen.bgurl}
// iconurl={content.auszeichnungen.iconurl} bgtitle={content.auszeichnungen.bgtitle}
iconurl={content.auszeichnungen.iconurl}
iconalt={content.auszeichnungen.iconalt}
title={content.auszeichnungen.title} title={content.auszeichnungen.title}
text={content.auszeichnungen.text} text={content.auszeichnungen.text}
/> />
<Productpage <Productpage
bgurl={content.messtechnik.bgurl} bgurl={content.messtechnik.bgurl}
// iconurl={content.messtechnik.iconurl} bgtitle={content.messtechnik.bgtitle}
iconurl={content.messtechnik.iconurl}
iconalt={content.messtechnik.iconalt}
title={content.messtechnik.title} title={content.messtechnik.title}
text={content.messtechnik.text} text={content.messtechnik.text}
reversed reversed
/> />
<Productpage <Productpage
bgurl={content.iso.bgurl} bgurl={content.iso.bgurl}
// iconurl={content.iso.iconurl} bgtitle={content.iso.bgtitle}
iconurl={content.iso.iconurl}
iconalt={content.iso.iconalt}
title={content.iso.title} title={content.iso.title}
text={content.iso.text} text={content.iso.text}
/> />

24
public/icons/br_elektronikbranche.svg Normal file
View File

@@ -0,0 +1,24 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="br_elektronikbranche" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<path class="cls-1" d="m122.91,116.28c-1.51,6.17,27.09,22.99,32.72,29.06,4.83,6.31-.64,16.22,3.04,22.97,8.14,7.11,14.87,17.4,24.19,22.56,2.3-.14,2.93,1.1,3.55,2.9,2.25,6.57,5.86,12.32,10.49,17.5.97,1.08,1.64,2.85,1.66,4.31-1.16,49.03-.55,43.35,22.4,85.26-11.75,0-23.14-.09-34.84.06-1.44.02-3.23.75-4.25,1.76-12.85,12.7-25.75,25.36-38.26,38.4-3.79,3.95-9.4,6.54-10.69,12.65-.02.11-.55.04-.71.2-.72.69-1.98,1.41-2.01,2.16-.39,9.47-.62,18.94-.79,28.42-.01.58.77,1.65,1.23,1.67,3.08.15,6.18.88,8.79-2.04,4.65-5.23,9.7-10.1,14.45-15.25,1.76-1.9,3.53-3.14,6.28-2.98,37.67.98,75.39.1,113.08.36.23.45.46.9.7,1.35-6.28,6.15-12.56,12.3-19.04,18.65,6.77-.71,14.39,1.85,20.17-1.72,17.15-17.01,34.22-34.09,51.23-51.23,3.26-10.12.4-21.83,1.31-32.6h-81.12c24.58-44.21,23.43-33.77,22.51-84.72-.01-2.21.6-3.85,2.13-5.46,4.42-4.66,7.71-10.06,9.76-16.15,1.3-5.26,3.77-2.09,6.68-4.73,6.98-6.92,13.95-13.84,20.8-20.89.87-.9,1.43-2.46,1.48-3.74,1.37-6.58-2.62-15.44,2.82-20.4,10.11-7.67,20.11-15.48,30.03-23.38,1.07-.85,1.95-2.64,1.96-4,.12-20.07.12-40.14,0-60.22,0-1.3-.81-3.02-1.82-3.82-13.19-10.38-26.45-20.66-39.76-30.88-5.04-4.9-1.31-13.42-2.42-19.98h-18.97c1.1,7.16-2.59,25.34,2.31,29.21,11.23,8.8,22.62,17.09,33.55,26.28h-167.5c10.99-9.32,22.5-17.53,33.68-26.57.93-.73,1.95-2.04,1.97-3.1-1.35-28.24,7.59-26.4-18.93-26.02-1.04,6.58,2.44,15.35-2.18,20.07-12.82,9.85-25.52,19.84-38.36,29.67-7.02,3.75-1.57,52.57-3.29,64.4Zm137.56,76.68c-2.68,4.75-9.37,7.73-10.36,13.4-1.17,38.79,6.24,43.04-15.79,77.89-.34.01-.68.02-1.02.03-20.77-31.31-15.39-43.03-15.72-77.92.01-1.84-.57-2.95-2.07-4.02-13.01-9.3-16.85-26.91-8.96-40.74,21.18-36.06,75.05-4.39,53.93,31.35Zm-118.51-127.15c0-.28.19-.55.43-1.19,59.94-.05,119.9.09,179.84-.05,2.6-.02,3.58.57,3.55,3.39-1.21,51.79,8.76,35.38-32.6,67.74-4.94,4.99-1.06,14.83-2.38,21.46-.44,4.29-10.65,14.78-15.07,14.46-9.25-47.44-74.98-48.15-83.42-.08-6.05,1.26-9.13-7.35-13.78-10.18-5.7-6.82,1.37-18.24-3.88-25.25-43.46-33.28-31.1-16.65-32.68-70.3Z"/>
<path class="cls-1" d="m494.93,276.17c-6.69-17.19-21.89-28.73-42.14-28.46-56.39.75-112.8.23-169.2.25-.83,6.54,1.14,12.98-3,19.2h156.32c-44.89,45.28-90.14,90.03-135.05,135.28-23.61,18.82-27.14,51.84-9.91,76.27-81.68-.07-163.32-.08-245,.06-30.19,2.82-36.64-47.19-13.89-65.34,46.98-46.77,93.71-93.8,140.61-140.65,2.97-3.44,8.01-5.42,11.71-5.8-.54-6.48-1.05-12.48-1.56-18.56-9.29,0-17.31,4.71-23.77,11.08-47.39,47.53-94.85,94.98-142.38,142.37-25.92,24.73-25.42,80.55,15.49,94.63,93.15,3.12,186.7.32,279.99,1.22,9.76,0,18.34-3.38,25.25-10.19,15.68-15.44,31.13-31.11,46.69-46.67,29.16-29.18,58.36-58.32,87.47-87.54,23.36-18.82,34.76-48.75,22.37-77.14Zm-27.12,55.25c-47.49,46.97-94.3,94.61-141.75,141.62-8.13,8.08-18.71,7.39-25.89-1.54-32.83-46.92,33.91-80.19,59.12-112.03,23.76-24.87,48.54-48.75,72.92-73.02,11.31-11.74,26.58-30.37,40.78-10.9,11.13,15.69,10.79,40.84-5.18,55.86Z"/>
<path class="cls-1" d="m260.29,372.82c-.18-.29-.37-.57-.55-.86-7.67.97-17.22-2.94-22.5,4.47-8.73,9.29-18.81,14.51-15.64,29.28-.19,2.04.19,3.49,2.6,3.36,3.34-.93,17,2.24,16.56-2.14.78-5.75-2.14-13.02,2.4-17.53,5.8-5.43,11.43-11.04,17.13-16.58Z"/>
<path class="cls-1" d="m202.89,374.74c.72-.72,1.37-1.52,2.47-2.76-7.25.69-14.24-1.8-20.14,1.66-5.89,5.68-11.62,11.51-17.37,17.33-2.64,5.23-.45,11.86-1.12,18.08,17.8-1.4,20.1,6.15,18.95-13.99.88-7.75,12.47-14,17.21-20.33Z"/>
<path class="cls-1" d="m222,382.96c3.89-2.97,7-6.94,10.98-10.99-24.93-1.5-20.22,3.01-37.25,18.65-3.12,5.18-.67,12.02-1.4,18.24h18.88c-.83-10.38-.69-19.49,8.79-25.9Z"/>
<path class="cls-1" d="m160.24,390.11c5.78-5.87,11.76-11.55,17.68-17.29-.19-.24-.38-.47-.57-.71-22.8-1.78-19.28,3.44-34.67,16.97-5.22,4.66-2.96,11.51-3.38,17.55-.03,1.87.75,2.51,2.56,2.49,3.68-1.05,17.47,2.59,16.52-2.92.3-5.23-1.56-11.66,1.87-16.09Z"/>
<path class="cls-1" d="m177.5,102.03c3.74-.83,1.01-17.5,1.8-21.76h-13.47v21.83c4.13,0,7.91.07,11.68-.07Z"/>
<path class="cls-1" d="m238.7,102c3.98-.99,1.14-17.32,1.95-21.69h-13.56v21.77c4.08,0,7.85.09,11.62-.08Z"/>
<path class="cls-1" d="m271.11,80.27h-13.3v21.61h13.3v-21.61Z"/>
<path class="cls-1" d="m208.09,102.01c3.84-.52,1.09-17.52,1.87-21.88-20.24-1.17-12.18,2.13-13.76,21.95,4.35,0,8.12.07,11.89-.07Z"/>
<path class="cls-1" d="m288.52,102.09c19.29,1.14,12.24-1.99,13.42-19.93-.75-3.94-10.09-1.27-13.58-2,.08,7.78-.2,14.46.16,21.93Z"/>
<path class="cls-1" d="m234.2,161.77c-20.18-.14-20.97,29.61-.72,30.5,19.83.31,20.55-29.98.72-30.5Z"/>
<path class="cls-1" d="m309.68,433.18c-1.74,2.71-2.45,6.09-3.72,9.43,1.52,8.08,8.01,18.93,16.27,10.42,8.8-8.42-.95-33.46-12.55-19.85Z"/>
<path class="cls-1" d="m450.54,288.78c-11.74,16.75,9.86,37.46,16.49,10.48-1.93-7.83-8.23-19.35-16.49-10.48Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.8 KiB

13
public/icons/br_maschinenbau.svg Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="br_maschinenbau" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<path class="cls-1" d="m492.61,169.23c-5.88,6.97-10.48,12.43-16.2,19.22-15.71-13.08-30.99-25.9-46.39-38.59-15.36-12.66-24.81-11.81-38.07,3.17-30.58,34.57-30.46,36.35,5.04,66.44,10.16,8.61,20.36,17.16,31.34,26.42-5.65,6.7-10.54,12.5-16.29,19.32-18.76-15.84-36.96-30.91-54.73-46.48-3.72-3.26-7.67-8.13-8.29-12.7-2.32-17.1-15.3-24.39-27.45-32.9-25.3-17.71-50.45-35.64-77.48-54.76-37.24,43.53-74.27,86.8-111.85,130.72,38.47,44.99,76.5,89.71,114.96,134.06,3.39,3.91,9.4,5.87,14.53,7.88,42.93,16.82,67.91,60,61.06,106.97h-21.7c-1.47-10.84-2.08-22.08-4.62-32.87-7.69-32.59-34.57-53.82-68.11-54.1-34.54-.29-69.08-.15-103.62-.06-46.46.12-75.14,28.14-76.28,74.39-.09,3.55-.01,7.1-.01,12.08h-24.32c-9.95-48.64,20.96-92.3,80.95-113.06-27.11-31.62-53.57-63.12-80.75-93.97-21.56-24.47-22.9-54.99-2-79.63,53.33-62.9,106.71-125.76,160.21-188.52,19.86-23.3,50.96-26.84,76.37-8.89,44.59,31.51,89.06,63.19,133.64,94.71,3.72,2.63,8.06,6.87,11.81,6.58,23.21-1.81,38.47,12.05,54.13,25.64,10.87,9.44,21.96,18.64,34.12,28.93Zm-375.08,57.94c31.59-37.05,63.84-74.89,93.7-109.92-15.04-13.52-28.62-25.73-42.76-38.43-31.81,37.3-65.01,76.22-96.57,113.23,15.84,12.2,30.19,23.24,45.63,35.12Zm96.74,157.35c-34.42-40.34-66.31-77.72-96.41-113-14.78,12.62-28.73,24.52-43.68,37.29,19.17,22.47,40.1,47.14,61.28,71.61,1.8,2.08,5.17,3.89,7.84,3.93,22.41.31,44.83.18,70.97.18Zm136.42-221.95c9.61-11.65,18.28-22.15,27.49-33.3-32.63-23.11-63.9-45.26-94.17-66.71-6.63,13.39-12.84,25.94-19.33,39.06,27.63,19.58,56.03,39.7,86.02,60.95Zm-124.99-74.37c16.57-.22,30.7-14.48,30.41-30.69-.3-16.37-14.56-30.03-31.16-29.86-16.55.18-30.58,14.32-30.36,30.61.22,16.41,14.5,30.16,31.11,29.93ZM62.67,222.31c-16.05-.3-29.38,12.03-29.35,27.17.03,14.94,12.29,26.79,27.91,26.97,15.53.18,29.32-11.75,29.54-25.54.25-15.84-11.99-28.3-28.1-28.6Z"/>
<path class="cls-1" d="m121.9,195.92c-6.63-5.65-12.36-10.53-19.3-16.45,23.81-27.71,46.79-54.45,70.91-82.52,6.43,5.5,12.1,10.35,19.32,16.54-23.75,27.6-47.03,54.65-70.94,82.43Z"/>
<path class="cls-1" d="m169.37,354.69c-6.33,5.6-12.32,10.9-19.07,16.87-16.67-19.37-32.6-37.87-49.19-57.16,6.38-5.53,12.02-10.43,19.13-16.61,16.57,19.19,32.5,37.63,49.13,56.89Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

12
public/icons/br_medizintechnik.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="br_medizintechnik" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<path class="cls-1" d="m257.84,0c14.63,3.9,26.9,11.57,37.05,22.81,10.56,11.69,18.93,24.83,25.29,39.16,5.71,12.87,10.67,26.07,16.04,39.32,9.23-1.62,18.75-3.55,28.34-4.93,23.19-3.34,46.4-4.17,68.95,3.53,33.46,11.42,47.15,39.93,36.44,73.67-8.14,25.66-23.04,47.11-40.29,67.23-2.63,3.06-5.36,6.04-7.9,8.88,8.46,10.78,16.99,21.01,24.82,31.75,12.14,16.67,21.56,34.69,25.49,55.25,5.36,28.06-8.39,52.56-35.25,62.33-20.65,7.51-41.97,8.24-63.48,5.66-12.52-1.5-24.95-3.82-37.32-5.76-4.93,12.32-9.54,24.96-15,37.22-8.61,19.33-19.6,37.17-36.42,50.57-23.78,18.95-50.84,17.56-73.2-3.28-13.79-12.85-23.87-28.33-31.53-45.34-5.78-12.83-10.66-26.07-16.03-39.37-9.2,1.63-18.7,3.62-28.29,4.95-24.01,3.32-48,4.23-71.24-4.36-20.94-7.74-34.74-21.71-37.09-44.98-.09-.94-.5-1.85-.76-2.77,0-1.95,0-3.91,0-5.86,2.45-9.7,4.03-19.72,7.51-29.04,8.47-22.68,23.03-41.63,38.78-59.71,1.98-2.28,3.9-4.61,5.77-6.83-5.18-6-10.14-11.39-14.7-17.1-15.19-19.01-28.39-39.16-34.69-63.07-1.02-3.88-1.79-7.82-2.68-11.74,0-4.23,0-8.46,0-12.69.87-3.4,1.55-6.87,2.64-10.2,7.05-21.56,23.57-32.21,44.28-37.46,22.43-5.69,45.07-4.33,67.65-.66,7.76,1.26,15.48,2.86,22.77,4.22,5.47-13.52,10.3-26.76,16.13-39.55,8.7-19.07,20.01-36.38,36.73-49.63,7.62-6.04,16.47-9.33,25.55-12.21h15.62Zm-108.85,175.01c3.21-18.36,6.37-36.45,9.64-55.16-11.2-1.76-22.52-3.9-33.93-5.23-16.38-1.92-32.74-1.74-48.86,2.55-23.28,6.2-33.59,23.07-28,46.42,6.92,28.88,25.21,50.8,44.31,72.42,7.94-7.03,15.58-13.8,23.37-20.69,0,4.72-.41,8.65.08,12.47,1.16,8.89-.74,16.29-8.76,21.3-.2.13-.21.56-.46,1.28,1.89,1.73,4.02,3.46,5.89,5.44,1.26,1.34,3.02,2.99,3.09,4.55.32,7.88.14,15.77.14,24.33-7.89-7-15.57-13.81-23.22-20.6-14.84,14.42-32.58,39.91-40.1,58.13-4.5,10.91-7.77,22.28-5.07,34.16,3.48,15.32,15,22.63,29.03,26.36,27.88,7.41,55.38,2.58,82.42-3.05-3.23-18.48-6.4-36.61-9.57-54.75,7.24.89,13.47,1.66,19.48,2.4,3.05,15.91,6.04,31.56,9.07,47.38,2.75-.79,4.44-1.38,6.18-1.75,1.84-.39,4.17-1.43,5.5-.72,7.27,3.9,14.29,8.25,21.23,12.35-8.56,2.85-17.85,5.94-28.08,9.34,5.53,13.31,10.4,26.21,16.2,38.67,5.78,12.4,13.06,24.01,22.88,33.73,8.27,8.2,17.54,14.65,29.92,14.09,11.46-.52,20.17-6.72,27.73-14.62,15.48-16.17,24.73-36.01,32.5-56.64,1.91-5.07,3.52-10.27,5.32-15.55-9.84-3.25-18.96-6.27-28.48-9.42,5.6-2.57,11.19-4,15.3-7.29,5.71-4.57,11.06-5.9,17.55-2.63.17.09.51-.18,1.43-.52,2.93-15.34,5.94-31.03,8.89-46.46,6.44-.78,12.5-1.52,19.48-2.37-3.22,18.35-6.39,36.45-9.6,54.82,6.2,1.19,12.53,2.58,18.92,3.58,21.13,3.33,42.24,5,63.34-.47,23.4-6.06,34.09-22.73,28.61-46.03-6.84-29.05-25.32-51.1-44.34-72.92-7.96,7.05-15.64,13.85-23.42,20.75,0-5.92.46-11.15-.11-16.27-.79-6.97,1.08-12.32,7.1-16.12.89-.56,1.47-1.6,2.36-2.61-2.21-2.07-4.37-3.81-6.17-5.87-1.3-1.48-2.94-3.34-3.02-5.09-.33-7.58-.14-15.18-.14-23.41,7.79,6.92,15.46,13.74,23.35,20.75,4.59-5.31,9.15-10.18,13.26-15.41,13.83-17.56,26.55-35.78,31.39-58.19,3.22-14.93,1.24-28.81-12.43-37.56-7.29-4.67-16.14-7.82-24.71-9.43-25.05-4.7-49.74-.39-73.95,4.85,3.21,18.39,6.38,36.51,9.57,54.76-7.18-.92-13.4-1.72-19.46-2.49-3.04-15.83-6.06-31.48-9.1-47.32-2.74.78-4.43,1.36-6.17,1.73-1.83.39-4.16,1.41-5.5.7-7.27-3.89-14.3-8.23-21.27-12.33,8.59-2.85,17.88-5.93,27.91-9.26-4.86-12.16-8.97-23.98-14.23-35.25-7.18-15.36-15.71-30.01-28.91-41.19-9.48-8.03-20.1-12.69-32.78-9-8.15,2.37-14.8,7.34-20.59,13.43-15.43,16.23-24.72,36.02-32.49,56.65-1.91,5.07-3.51,10.27-5.31,15.55,9.8,3.24,18.93,6.26,28.41,9.4-5.69,2.64-11.48,4.11-15.63,7.56-5.65,4.69-10.88,5.38-17.14,2.42-.19-.09-.53.15-1.48.45-2.93,15.36-5.93,31.06-8.87,46.46-6.44.81-12.5,1.56-19.48,2.43Z"/>
<path class="cls-1" d="m249.72,346.39c-9.27,0-18.55.04-27.82-.01-7.9-.04-10.52-2.64-10.55-10.56-.06-12.53.02-25.06-.03-37.59-.03-7.56-1.99-9.48-9.61-9.52-12.36-.05-24.73.01-37.1-.03-8.49-.03-10.98-2.55-10.99-11.13-.02-18.39-.02-36.78,0-55.17.01-8.54,2.49-11.02,11.06-11.04,12.37-.04,24.73.04,37.1-.03,7.59-.04,9.51-1.98,9.54-9.61.06-12.37-.01-24.74.03-37.1.03-8.52,2.5-10.96,11.11-10.97,18.38-.03,36.77-.03,55.15,0,8.65.01,11.03,2.38,11.05,11.01.04,12.37-.04,24.74.03,37.1.04,7.56,2.03,9.53,9.62,9.57,12.36.07,24.73-.01,37.1.03,8.58.03,10.94,2.43,10.96,11.1.02,18.39.03,36.78,0,55.17-.01,8.59-2.43,10.99-11.05,11.02-12.37.04-24.73-.04-37.1.03-7.54.04-9.49,2.03-9.53,9.66-.06,12.37.01,24.74-.03,37.1-.03,8.53-2.49,10.94-11.12,10.96-9.27.03-18.55,0-27.82,0Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

32
public/icons/mat_aluminium.svg Normal file
View File

@@ -0,0 +1,32 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="mat_aluminium" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="AV7310">
<path class="cls-1" d="m455.73,313.67c6.46,6.6,12.49,12.8,18.57,18.95,4.88,4.93,9.99,9.65,14.71,14.73,6.38,6.86,7.74,15.04,4.3,23.58-3.43,8.52-10.01,13.53-19.39,14.09-8.06.48-14.23.18-14.7.11-8.21-1.25-99.58-1.15-342.11,1.57-5.31-.06-13.27-.9-21.44-5.12-5.88-3.04-9.24-6.47-14.39-11.69-13.75-13.97-27.65-27.79-41.34-41.83-6.01-6.17-8.65-8.8-9.58-9.73-9.6-9.56-14.52-14.21-17.51-17.16-2.02-2-4.04-4.01-6.04-6.03-6.95-7.03-8.58-15.54-4.94-24.56,3.6-8.92,10.72-13.66,20.41-14.06,5-.21,10.01-.05,15.01-.08.57,0,1.14-.12,2.22-.93-3.07-2.9-6.18-5.75-9.2-8.7-7.66-7.5-15.29-15.02-22.9-22.56-7.11-7.04-9.22-16.62-5.63-25.26,3.65-8.78,11.7-13.95,21.75-13.97,5.2,0,10.4,0,16.07,0-.58-.84-.86-1.43-1.3-1.87-10.43-10.35-20.89-20.68-31.33-31.02-6.72-6.66-8.65-16-5.15-24.82,3.3-8.32,11.47-13.89,20.86-13.89,58.82-.03,117.64.02,176.46.02,30.43,0,60.86-.05,91.29-.06,31.96-.01,63.92.06,95.87-.05,7.27-.03,13.26,2.34,18.41,7.45,24.79,24.57,49.67,49.04,74.45,73.62,4.4,4.36,9.29,8.54,12.51,13.7,9.25,14.8-1.65,33.71-19.17,33.95-5.51.08-11.01.01-17.39.01,3.62,3.62,6.71,6.75,9.84,9.84,7.76,7.68,15.64,15.25,23.28,23.05,7.82,7.98,9.04,18.56,3.2,28.04-4.32,7.03-10.91,10.5-19.15,10.67-5.39.11-10.78.02-16.59.02ZM23.16,135.83c3.69,3.77,6.86,7.09,10.1,10.32,23.73,23.6,47.49,47.16,71.21,70.78,1.84,1.83,3.74,2.67,6.44,2.66,25.12-.11,50.24-.05,75.35-.05,94.16,0,188.32-.01,282.48-.02.95,0,1.91-.09,3.24-.16-.73-.83-1.1-1.3-1.53-1.72-26.82-26.57-53.63-53.15-80.55-79.62-1.2-1.18-3.36-1.94-5.07-1.94-119.38-.14-238.76-.19-358.14-.24-.99,0-1.99,0-3.54,0Zm-.18,142.93c1.07,1.21,1.56,1.81,2.1,2.36,5.77,5.76,11.55,11.52,17.34,17.26,20.72,20.55,41.46,41.06,62.12,61.67,1.97,1.96,3.94,2.73,6.71,2.73,93.44-.07,186.88-.06,280.32-.06,25.53,0,51.06,0,76.59,0h4.07c-1.07-1.21-1.51-1.76-2.01-2.25-15.01-14.86-30.05-29.68-45-44.6-1.67-1.66-3.32-2.27-5.63-2.26-39.42.06-78.84.05-118.26.04-27.37,0-54.73-.04-82.1-.04-37.28,0-74.55.05-111.83.03-6.42,0-11.87-2.37-16.46-6.95-8.74-8.72-17.54-17.38-26.43-25.95-1.03-.99-2.76-1.71-4.19-1.75-8.16-.21-16.33-.19-24.5-.23-4.04-.02-8.07,0-12.87,0Zm0-71.4c1.45,1.52,2.26,2.41,3.11,3.25,6.89,6.82,13.8,13.63,20.68,20.46,19.41,19.27,38.79,38.57,58.27,57.75,1.22,1.2,3.29,2.19,4.96,2.2,48.4.16,96.8.2,145.21.21,71.39.02,142.77.01,214.16,0,.75,0,1.51-.15,2.76-.28-3.16-3.15-5.95-5.93-8.75-8.7-12.97-12.86-25.92-25.74-38.98-38.51-1-.98-2.79-1.63-4.22-1.64-72.38-.08-144.76-.06-217.13-.06-31.76,0-63.52-.02-95.29,0-6.57,0-12.14-2.32-16.78-6.91-8.64-8.53-17.24-17.1-25.92-25.59-.96-.94-2.3-2.09-3.48-2.1-12.54-.15-25.09-.09-38.6-.09Z"/>
</g>
<g>
<path class="cls-1" d="m125.84,148.57h3.86l79.14,50.89h-5.06l-26.61-17.16h-28.82l9.11,17.16h-4.8l-26.81-50.89Zm20.49,29.99h24.96l-37.95-24.51,12.99,24.51Z"/>
<path class="cls-1" d="m164.9,149.01h4.46l41.72,40.08c5.1,4.9,9.04,7.28,13.16,7.28,2.06,0,3.29-.79,3.75-1.59l4.19,2.96c-.6,1.15-2.38,2.16-5.9,2.16-5.75,0-11.41-2.88-17.56-8.79l-43.82-42.1Z"/>
<path class="cls-1" d="m191.83,149.01h4.8l53,27.68-5.57-27.68h4.55l52.52,50.46h-4.72l-46.07-44.26,5.29,27.25h-.77l-51.64-27.03,45.85,44.04h-4.72l-52.52-50.46Z"/>
<path class="cls-1" d="m318.53,194.49c-1.76-.86-3.39-2.02-4.51-3.1-1.28-1.23-1.96-2.38-1.92-3.24-6.94-1.8-13.99-5.69-18.79-10.31-6.75-6.49-5.92-11.46,3.34-11.46,3.86,0,8.1.94,12.25,2.45h.09l8.43-2.45,3.68,3.53-6.08,1.66c3.33,1.8,6.44,3.96,8.84,6.27,6.75,6.49,5.84,11.46-3.34,11.46-1.37,0-2.74-.07-4.16-.29.15.72.8,1.51,1.7,2.38,1.05,1.01,2.29,1.87,3.82,2.59,1.13-.07,2.17-.14,3.45-.14,11.24,0,22.98,3.53,30.11,10.38,6.98,6.7,2.59,10.24-8.65,10.24s-22.83-3.39-29.96-10.24c-5.33-5.12-4.15-8.43,1.71-9.73Zm-1.55-8.58c6.43,0,7.05-3.53,2.32-8.07-4.73-4.54-12.95-8.07-19.13-8.07s-7.05,3.53-2.32,8.07c4.73,4.54,12.78,8.07,19.13,8.07Zm26.27,25.16c9.01,0,12.05-2.6,7.63-6.85-4.43-4.25-13.03-6.99-22.03-6.99s-11.98,2.67-7.48,6.99c4.43,4.25,12.96,6.85,21.88,6.85Z"/>
<path class="cls-1" d="m348.16,191.39l-.04-2.6c8.72,5.41,16.97,7.57,22.72,7.57,8.41,0,8.68-4.69,2.3-10.81-6.23-5.98-16.01-10.02-23.47-10.02h-5.15l-3.9-3.75h4.63c5.66,0,6.74-4.33.58-10.24-6.38-6.13-14.38-9.44-21.32-9.44s-7.8,2.81-5.84,6.92l-5.14-2.38c-3.08-5.26-.22-8.29,7.41-8.29,9.78,0,20.82,4.76,29.08,12.69,5.48,5.26,7.16,10.09,3.16,12.18l.23.22c8.52.94,18.52,6.42,24.59,12.25,9.23,8.87,7.2,14.42-3.27,14.42-7.63,0-17.19-2.67-26.58-8.72Z"/>
</g>
<g>
<path class="cls-1" d="m173.02,224.68h3.86l79.14,50.89h-5.06l-26.61-17.16h-28.82l9.11,17.16h-4.8l-26.81-50.89Zm20.49,29.99h24.96l-37.95-24.51,12.99,24.51Z"/>
<path class="cls-1" d="m212.08,225.11h4.46l41.72,40.08c5.1,4.9,9.04,7.28,13.15,7.28,2.06,0,3.29-.79,3.75-1.59l4.19,2.96c-.6,1.15-2.38,2.16-5.9,2.16-5.75,0-11.41-2.88-17.56-8.79l-43.82-42.1Z"/>
<path class="cls-1" d="m248.12,237.08c-7.35-7.06-6.7-12.62,4.46-12.62,6.69,0,14.88,2.02,21.46,5.12l.5,2.96c-6.43-2.88-12.39-4.33-17.88-4.33-7.89,0-9.11,3.53-3.55,8.87,14.71,14.13,39.76,8.36,57.99,25.88,8.41,8.07,5.31,13.26-5.32,13.26-7.12,0-18.29-2.74-26.02-7.28l-.02-2.74c7.72,4.04,16.65,6.27,22.06,6.27,7.38,0,10.86-3.24,4.41-9.44-14.86-14.27-40.51-9.08-58.07-25.95Z"/>
<path class="cls-1" d="m290.8,228.14c1.46,0,3.89.94,5.39,2.38,1.73,1.66,1.32,2.67-.14,2.67-1.71,0-4.22-1.01-5.95-2.67-1.5-1.44-1.02-2.38.7-2.38Zm13.21,14.99h4.46l33.77,32.44h-4.46l-33.77-32.44Z"/>
</g>
<g>
<path class="cls-1" d="m160.63,297.73h3.86l79.14,50.89h-5.06l-26.61-17.16h-28.82l9.11,17.16h-4.8l-26.81-50.89Zm20.49,29.99h24.96l-37.95-24.51,12.99,24.51Z"/>
<path class="cls-1" d="m199.68,298.16h4.46l41.72,40.08c5.1,4.9,9.04,7.28,13.15,7.28,2.06,0,3.29-.79,3.75-1.59l4.19,2.96c-.6,1.15-2.38,2.16-5.9,2.16-5.75,0-11.41-2.88-17.56-8.79l-43.82-42.1Z"/>
<path class="cls-1" d="m283.33,349.27l-4.71-2.96c11.9-2.16,12.65-11.17-.44-25.23,2.34,4.47.39,7.71-7.24,7.71-10.72,0-25.05-6.92-33.9-15.43-9.83-9.44-7.07-15.86,2.02-15.86,13.38,0,28.51,8.43,39.24,18.74,19.66,18.89,19.64,31.07,5.03,33.02Zm-40.19-48.01c-7.38,0-8.43,5.33-1.68,11.82,6.53,6.27,17.57,12.18,26.92,12.18,8.32,0,8.34-4.76,5.2-9.01-7.95-7.64-20.07-14.99-30.45-14.99Z"/>
<path class="cls-1" d="m330.34,349.27l-4.71-2.96c11.9-2.16,12.65-11.17-.44-25.23,2.34,4.47.39,7.71-7.24,7.71-10.72,0-25.05-6.92-33.9-15.43-9.83-9.44-7.07-15.86,2.02-15.86,13.38,0,28.51,8.43,39.24,18.74,19.66,18.89,19.64,31.07,5.03,33.02Zm-40.19-48.01c-7.38,0-8.43,5.33-1.68,11.82,6.53,6.27,17.57,12.18,26.92,12.18,8.32,0,8.34-4.76,5.2-9.01-7.95-7.64-20.07-14.99-30.45-14.99Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

29
public/icons/mat_sonstiges.svg Normal file
View File

@@ -0,0 +1,29 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="mat_sonstiges" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="AV7310">
<path class="cls-1" d="m455.73,278.63c6.46,6.6,12.49,12.8,18.57,18.95,4.88,4.93,9.99,9.65,14.71,14.73,6.38,6.86,7.74,15.04,4.3,23.58-3.43,8.52-10.01,13.53-19.39,14.09-4.89.29-9.8.07-14.7.11-1.08,0-2.16.09-3.73.17,3.39,3.49,6.37,6.63,9.44,9.69,7.96,7.91,16.14,15.63,23.9,23.73,6.65,6.93,8.02,15.4,4.37,24.12-3.53,8.46-10.24,13.63-19.63,13.77-18.99.28-37.99.13-56.98.13-35.44,0-70.88.02-106.32,0-39.4-.03-78.81-.13-118.21-.14-27.77,0-55.55.01-83.32.17-7.27.04-13.27-2.33-18.41-7.45-16.92-16.84-33.93-33.59-50.91-50.38-11.03-10.91-22.17-21.71-33.06-32.75-5.92-5.99-7.52-13.42-5.39-21.51,2.57-9.78,11.46-16.52,21.7-16.61,5.49-.05,10.98,0,17.26,0-3.52-3.58-6.51-6.7-9.58-9.73-7.84-7.74-15.81-15.36-23.55-23.19-6.95-7.03-8.58-15.54-4.94-24.56,3.6-8.92,10.72-13.66,20.41-14.06,5-.21,10.01-.05,15.01-.08.57,0,1.14-.12,2.22-.93-3.07-2.9-6.18-5.75-9.2-8.7-7.66-7.5-15.29-15.02-22.9-22.56-7.11-7.04-9.22-16.62-5.63-25.26,3.65-8.78,11.7-13.95,21.75-13.97,5.2,0,10.4,0,16.07,0-.58-.84-.86-1.43-1.3-1.87-10.43-10.35-20.89-20.68-31.33-31.02C.26,110.42-1.67,101.07,1.83,92.25c3.3-8.32,11.47-13.89,20.86-13.89,58.82-.03,117.64.02,176.46.02,30.43,0,60.86-.05,91.29-.06,31.96-.01,63.92.06,95.87-.05,7.27-.03,13.26,2.34,18.41,7.45,24.79,24.57,49.67,49.04,74.45,73.62,4.4,4.36,9.29,8.54,12.51,13.7,9.25,14.8-1.65,33.71-19.17,33.95-5.51.08-11.01.01-17.39.01,3.62,3.62,6.71,6.75,9.84,9.84,7.76,7.68,15.64,15.25,23.28,23.05,7.82,7.98,9.04,18.56,3.2,28.04-4.32,7.03-10.91,10.5-19.15,10.67-5.39.11-10.78.02-16.59.02ZM23.16,100.79c3.69,3.77,6.86,7.09,10.1,10.32,23.73,23.6,47.49,47.16,71.21,70.78,1.84,1.83,3.74,2.67,6.44,2.66,25.12-.11,50.24-.05,75.35-.05,94.16,0,188.32-.01,282.48-.02.95,0,1.91-.09,3.24-.16-.73-.83-1.1-1.3-1.53-1.72-26.82-26.57-53.63-53.15-80.55-79.62-1.2-1.18-3.36-1.94-5.07-1.94-119.38-.14-238.76-.19-358.14-.24-.99,0-1.99,0-3.54,0Zm-.18,142.93c1.07,1.21,1.56,1.81,2.1,2.36,5.77,5.76,11.55,11.52,17.34,17.26,20.72,20.55,41.46,41.06,62.12,61.67,1.97,1.96,3.94,2.73,6.71,2.73,93.44-.07,186.88-.06,280.32-.06,25.53,0,51.06,0,76.59,0h4.07c-1.07-1.21-1.51-1.76-2.01-2.25-15.01-14.86-30.05-29.68-45-44.6-1.67-1.66-3.32-2.27-5.63-2.26-39.42.06-78.84.05-118.26.04-27.37,0-54.73-.04-82.1-.04-37.28,0-74.55.05-111.83.03-6.42,0-11.87-2.37-16.46-6.95-8.74-8.72-17.54-17.38-26.43-25.95-1.03-.99-2.76-1.71-4.19-1.75-8.16-.21-16.33-.19-24.5-.23-4.04-.02-8.07,0-12.87,0Zm0-71.4c1.45,1.52,2.26,2.41,3.11,3.25,6.89,6.82,13.8,13.63,20.68,20.46,19.41,19.27,38.79,38.57,58.27,57.75,1.22,1.2,3.29,2.19,4.96,2.2,48.4.16,96.8.2,145.21.21,71.39.02,142.77.01,214.16,0,.75,0,1.51-.15,2.76-.28-3.16-3.15-5.95-5.93-8.75-8.7-12.97-12.86-25.92-25.74-38.98-38.51-1-.98-2.79-1.63-4.22-1.64-72.38-.08-144.76-.06-217.13-.06-31.76,0-63.52-.02-95.29,0-6.57,0-12.14-2.32-16.78-6.91-8.64-8.53-17.24-17.1-25.92-25.59-.96-.94-2.3-2.09-3.48-2.1-12.54-.15-25.09-.09-38.6-.09Zm1.13,143.21c7.85,8.15,15.5,16.35,23.41,24.28,19.03,19.06,38.19,37.98,57.25,57.01,1.64,1.63,3.33,2.32,5.64,2.29,8.78-.12,17.56-.09,26.34-.09,71.38.01,142.76.02,214.14.05,39.11.02,78.22.08,117.34.12,1.12,0,2.24-.1,3.35-.16-15.68-15.06-30.62-30.29-45.38-45.69-2.51-2.62-5.1-3.37-8.58-3.34-17.66.16-35.32.09-52.98.09-62.5,0-125.01-.02-187.51-.04-5.1,0-10.21-.07-15.31-.07-18.78,0-37.57.05-56.35-.02-5.12-.02-9.62-2.11-13.26-5.57-7.09-6.75-14.07-13.63-20.9-20.63-7.97-8.16-7.88-8.25-19.37-8.24-8.27,0-16.54,0-24.82,0-1.1,0-2.2,0-3.04,0Z"/>
</g>
<g>
<path class="cls-1" d="m271.42,159.52c-.52,3.46-5.72,5.55-12.84,5.55-17.84,0-40.69-10.16-57.05-25.88-15.08-14.49-15.61-25.88,2.49-25.88,7.55,0,15.29,1.59,23.14,4.76l.85,2.96c-7.14-2.74-13.48-3.96-20-3.96-14.58,0-14.78,9.37-1.5,22.13,13.81,13.26,33.5,22.13,48.51,22.13,6.43,0,10.23-1.87,11.43-4.76l4.96,2.96Z"/>
<path class="cls-1" d="m319.24,164.43h-4.46l-5.33-5.12c.23,3.03-2.49,5.77-8.67,5.77-9.35,0-19.41-4.47-29.61-14.27l-19.58-18.81h4.46l18.76,18.02c7.88,7.57,15.61,11.53,23.93,11.53,5.4,0,7.55-2.88,7.19-5.62l-24.91-23.93h4.46l33.77,32.44Z"/>
</g>
<g>
<path class="cls-1" d="m185.18,190.07h49.15l3.9,3.75h-22.22l48.62,46.71h-4.72l-48.62-46.71h-22.22l-3.9-3.75Z"/>
<path class="cls-1" d="m251.98,193.1c1.46,0,3.89.94,5.39,2.38,1.73,1.66,1.32,2.67-.14,2.67-1.72,0-4.22-1.01-5.95-2.67-1.5-1.44-1.02-2.38.7-2.38Zm13.21,14.99h4.46l33.77,32.44h-4.46l-33.77-32.44Z"/>
</g>
<g>
<path class="cls-1" d="m196.4,262.68h3.86l79.14,50.89h-5.06l-26.61-17.16h-28.82l9.11,17.16h-4.8l-26.81-50.89Zm20.49,29.99h24.96l-37.95-24.51,12.99,24.51Z"/>
<path class="cls-1" d="m321,313.57h-4.46l-5.33-5.12c.23,3.03-2.49,5.77-8.67,5.77-9.35,0-19.41-4.47-29.61-14.27l-19.58-18.81h4.46l18.76,18.02c7.88,7.57,15.61,11.53,23.93,11.53,5.4,0,7.55-2.88,7.19-5.62l-24.91-23.93h4.46l33.77,32.44Z"/>
</g>
<g>
<path class="cls-1" d="m170.38,335.37h4.8l53,27.68-5.57-27.68h4.55l52.52,50.46h-4.72l-46.07-44.26,5.29,27.25h-.77l-51.64-27.03,45.85,44.04h-4.72l-52.53-50.46Z"/>
<path class="cls-1" d="m329.02,385.83h-4.46l-5.33-5.12c.23,3.03-2.49,5.77-8.67,5.77-9.35,0-19.41-4.47-29.61-14.27l-19.58-18.81h4.46l18.76,18.02c7.88,7.57,15.61,11.53,23.93,11.53,5.4,0,7.55-2.88,7.19-5.62l-24.91-23.93h4.46l33.77,32.44Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

41
public/icons/mat_stahl.svg Normal file
View File

@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="mat_stahl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<g id="AV7310">
<path class="cls-1" d="m457.62,278.63c6.46,6.6,12.49,12.8,18.57,18.95,4.88,4.93,9.99,9.65,14.71,14.73,6.38,6.86,7.74,15.04,4.3,23.58-3.43,8.52-10.01,13.53-19.39,14.09-4.89.29-9.8.07-14.7.11-1.08,0-2.16.09-3.73.17,3.39,3.49,6.37,6.63,9.44,9.69,7.96,7.91,16.14,15.63,23.9,23.73,6.65,6.93,8.02,15.4,4.37,24.12-3.53,8.46-10.24,13.63-19.63,13.77-18.99.28-37.99.13-56.98.13-35.44,0-70.88.02-106.32,0-39.4-.03-78.81-.13-118.21-.14-27.77,0-55.55.01-83.32.17-7.27.04-13.27-2.33-18.41-7.45-16.92-16.84-33.93-33.59-50.91-50.38-11.03-10.91-22.17-21.71-33.06-32.75-5.92-5.99-7.52-13.42-5.39-21.51,2.57-9.78,11.46-16.52,21.7-16.61,5.49-.05,10.98,0,17.26,0-3.52-3.58-6.51-6.7-9.58-9.73-7.84-7.74-15.81-15.36-23.55-23.19-6.95-7.03-8.58-15.54-4.94-24.56,3.6-8.92,10.72-13.66,20.41-14.06,5-.21,10.01-.05,15.01-.08.57,0,1.14-.12,2.22-.93-3.07-2.9-6.18-5.75-9.2-8.7-7.66-7.5-15.29-15.02-22.9-22.56-7.11-7.04-9.22-16.62-5.63-25.26,3.65-8.78,11.7-13.95,21.75-13.97,5.2,0,10.4,0,16.07,0-.58-.84-.86-1.43-1.3-1.87-10.43-10.35-20.89-20.68-31.33-31.02-6.72-6.66-8.65-16-5.15-24.82,3.3-8.32,11.47-13.89,20.86-13.89,58.82-.03,117.64.02,176.46.02,30.43,0,60.86-.05,91.29-.06,31.96-.01,63.92.06,95.87-.05,7.27-.03,13.26,2.34,18.41,7.45,24.79,24.57,49.67,49.04,74.45,73.62,4.4,4.36,9.29,8.54,12.51,13.7,9.25,14.8-1.65,33.71-19.17,33.95-5.51.08-11.01.01-17.39.01,3.62,3.62,6.71,6.75,9.84,9.84,7.76,7.68,15.64,15.25,23.28,23.05,7.82,7.98,9.04,18.56,3.2,28.04-4.32,7.03-10.91,10.5-19.15,10.67-5.39.11-10.78.02-16.59.02ZM25.06,100.79c3.69,3.77,6.86,7.09,10.1,10.32,23.73,23.6,47.49,47.16,71.21,70.78,1.84,1.83,3.74,2.67,6.44,2.66,25.12-.11,50.24-.05,75.35-.05,94.16,0,188.32-.01,282.48-.02.95,0,1.91-.09,3.24-.16-.73-.83-1.1-1.3-1.53-1.72-26.82-26.57-53.63-53.15-80.55-79.62-1.2-1.18-3.36-1.94-5.07-1.94-119.38-.14-238.76-.19-358.14-.24-.99,0-1.99,0-3.54,0Zm-.18,142.93c1.07,1.21,1.56,1.81,2.1,2.36,5.77,5.76,11.55,11.52,17.34,17.26,20.72,20.55,41.46,41.06,62.12,61.67,1.97,1.96,3.94,2.73,6.71,2.73,93.44-.07,186.88-.06,280.32-.06,25.53,0,51.06,0,76.59,0h4.07c-1.07-1.21-1.51-1.76-2.01-2.25-15.01-14.86-30.05-29.68-45-44.6-1.67-1.66-3.32-2.27-5.63-2.26-39.42.06-78.84.05-118.26.04-27.37,0-54.73-.04-82.1-.04-37.28,0-74.55.05-111.83.03-6.42,0-11.87-2.37-16.46-6.95-8.74-8.72-17.54-17.38-26.43-25.95-1.03-.99-2.76-1.71-4.19-1.75-8.16-.21-16.33-.19-24.5-.23-4.04-.02-8.07,0-12.87,0Zm0-71.4c1.45,1.52,2.26,2.41,3.11,3.25,6.89,6.82,13.8,13.63,20.68,20.46,19.41,19.27,38.79,38.57,58.27,57.75,1.22,1.2,3.29,2.19,4.96,2.2,48.4.16,96.8.2,145.21.21,71.39.02,142.77.01,214.16,0,.75,0,1.51-.15,2.76-.28-3.16-3.15-5.95-5.93-8.75-8.7-12.97-12.86-25.92-25.74-38.98-38.51-1-.98-2.79-1.63-4.22-1.64-72.38-.08-144.76-.06-217.13-.06-31.76,0-63.52-.02-95.29,0-6.57,0-12.14-2.32-16.78-6.91-8.64-8.53-17.24-17.1-25.92-25.59-.96-.94-2.3-2.09-3.48-2.1-12.54-.15-25.09-.09-38.6-.09Zm1.13,143.21c7.85,8.15,15.5,16.35,23.41,24.28,19.03,19.06,38.19,37.98,57.25,57.01,1.64,1.63,3.33,2.32,5.64,2.29,8.78-.12,17.56-.09,26.34-.09,71.38.01,142.76.02,214.14.05,39.11.02,78.22.08,117.34.12,1.12,0,2.24-.1,3.35-.16-15.68-15.06-30.62-30.29-45.38-45.69-2.51-2.62-5.1-3.37-8.58-3.34-17.66.16-35.32.09-52.98.09-62.5,0-125.01-.02-187.51-.04-5.1,0-10.21-.07-15.31-.07-18.78,0-37.57.05-56.35-.02-5.12-.02-9.62-2.11-13.26-5.57-7.09-6.75-14.07-13.63-20.9-20.63-7.97-8.16-7.88-8.25-19.37-8.24-8.27,0-16.54,0-24.82,0-1.1,0-2.2,0-3.04,0Z"/>
</g>
<g>
<path class="cls-1" d="m130.78,113.54h3.09l52.97,50.89h-4.46l-47.27-45.41-2.89,6.7-5.55-3.03,4.11-9.15Z"/>
<path class="cls-1" d="m200.68,159.09c1.8,0,4.44,1.3,5.79,2.59,1.58,1.51,1.71,2.88-.09,2.88-2.06,0-4.86-1.37-6.43-2.88-1.35-1.3-1.33-2.59.73-2.59Z"/>
<path class="cls-1" d="m230.01,151.09h-27.88l-2.63-2.52-9.77-34.6h5.15l9.35,33.38h21.88l-15.98-15.35h4.46l15.98,15.35h8.84l3.9,3.75h-8.84l13.88,13.34h-4.46l-13.88-13.34Z"/>
<path class="cls-1" d="m255.56,156.35l-.04-2.6c8.72,5.41,16.97,7.57,22.72,7.57,8.41,0,8.68-4.69,2.3-10.81-6.23-5.98-16.01-10.02-23.47-10.02h-5.15l-3.9-3.75h4.63c5.66,0,6.74-4.33.58-10.24-6.38-6.13-14.38-9.44-21.32-9.44s-7.8,2.81-5.84,6.92l-5.14-2.38c-3.08-5.26-.22-8.29,7.41-8.29,9.78,0,20.82,4.76,29.08,12.69,5.48,5.26,7.16,10.09,3.16,12.18l.23.22c8.52.94,18.52,6.42,24.59,12.25,9.23,8.87,7.2,14.42-3.27,14.42-7.63,0-17.19-2.67-26.58-8.72Z"/>
<path class="cls-1" d="m277.24,113.39c13.38,0,30.29,10.88,45.82,25.81,15.61,14.99,21.46,25.81,8.07,25.81s-30.39-10.81-45.99-25.81c-15.53-14.92-21.29-25.81-7.9-25.81Zm50.22,48.08c10.38,0,4.99-8.72-9.12-22.27-14.11-13.55-27.05-22.27-37.43-22.27s-5.09,8.79,8.95,22.27c14.03,13.48,27.39,22.27,37.6,22.27Z"/>
<path class="cls-1" d="m319.42,113.54h3.09l52.97,50.89h-4.46l-47.27-45.41-2.89,6.7-5.55-3.03,4.11-9.15Z"/>
</g>
<g>
<path class="cls-1" d="m130.78,189.64h3.09l52.97,50.89h-4.46l-47.27-45.41-2.89,6.7-5.55-3.03,4.11-9.15Z"/>
<path class="cls-1" d="m200.68,235.2c1.8,0,4.44,1.3,5.79,2.59,1.58,1.51,1.71,2.88-.09,2.88-2.06,0-4.86-1.37-6.43-2.88-1.35-1.3-1.33-2.59.73-2.59Z"/>
<path class="cls-1" d="m230.01,227.2h-27.88l-2.63-2.52-9.77-34.6h5.15l9.35,33.38h21.88l-15.98-15.35h4.46l15.98,15.35h8.84l3.9,3.75h-8.84l13.88,13.34h-4.46l-13.88-13.34Z"/>
<path class="cls-1" d="m255.56,232.46l-.04-2.6c8.72,5.41,16.97,7.57,22.72,7.57,8.41,0,8.68-4.69,2.3-10.81-6.23-5.98-16.01-10.02-23.47-10.02h-5.15l-3.9-3.75h4.63c5.66,0,6.74-4.33.58-10.24-6.38-6.13-14.38-9.44-21.32-9.44s-7.8,2.81-5.84,6.92l-5.14-2.38c-3.08-5.26-.22-8.29,7.41-8.29,9.78,0,20.82,4.76,29.08,12.69,5.48,5.26,7.16,10.09,3.16,12.18l.23.22c8.52.94,18.52,6.42,24.59,12.25,9.23,8.87,7.2,14.42-3.27,14.42-7.63,0-17.19-2.67-26.58-8.72Z"/>
<path class="cls-1" d="m270.35,189.64h3.09l52.97,50.89h-4.46l-47.27-45.41-2.89,6.7-5.55-3.03,4.11-9.15Z"/>
<path class="cls-1" d="m309.15,189.5c13.38,0,30.29,10.88,45.82,25.81,15.61,14.99,21.46,25.81,8.08,25.81s-30.39-10.81-45.99-25.81c-15.53-14.92-21.29-25.81-7.9-25.81Zm50.22,48.08c10.38,0,4.99-8.72-9.12-22.27-14.11-13.55-27.05-22.27-37.43-22.27s-5.09,8.79,8.95,22.27c14.03,13.48,27.39,22.27,37.6,22.27Z"/>
</g>
<g>
<path class="cls-1" d="m161.06,275.08c-7.35-7.06-6.7-12.61,4.45-12.61,6.69,0,14.88,2.02,21.46,5.12l.5,2.96c-6.43-2.88-12.39-4.33-17.88-4.33-7.89,0-9.11,3.53-3.55,8.87,14.71,14.13,39.76,8.36,57.99,25.88,8.4,8.07,5.31,13.26-5.32,13.26-7.12,0-18.29-2.74-26.02-7.28l-.02-2.74c7.72,4.04,16.65,6.27,22.05,6.27,7.38,0,10.86-3.24,4.41-9.44-14.86-14.27-40.51-9.08-58.07-25.95Z"/>
<path class="cls-1" d="m204.56,272.13h4.46l9.38,9.01h15.53l3.68,3.53h-15.53l16.66,16c6.6,6.34,12.69,9.8,18.87,9.8,2.57,0,3.9-.86,4.38-1.73l4.54,2.96c-.53,1.23-2.57,2.31-6.26,2.31-8.58,0-16.75-4.47-25.38-12.76l-30.31-29.12Z"/>
<path class="cls-1" d="m267.1,305.5l-.04-2.6c8.72,5.41,16.97,7.57,22.72,7.57,8.41,0,8.68-4.69,2.3-10.81-6.23-5.98-16.01-10.02-23.47-10.02h-5.15l-3.9-3.75h4.63c5.66,0,6.74-4.33.58-10.24-6.38-6.13-14.38-9.44-21.32-9.44s-7.8,2.81-5.84,6.92l-5.14-2.38c-3.08-5.26-.22-8.29,7.41-8.29,9.78,0,20.82,4.76,29.08,12.69,5.48,5.26,7.16,10.09,3.16,12.18l.23.22c8.52.94,18.52,6.42,24.59,12.25,9.23,8.87,7.2,14.42-3.27,14.42-7.63,0-17.19-2.67-26.58-8.72Z"/>
<path class="cls-1" d="m267.75,263.12h34.66l2.4,2.31,27.3,48.15h-4.98l-26.32-46.71h-29.17l-3.9-3.75Z"/>
</g>
<g>
<path class="cls-1" d="m133.29,335.37h.94c4.29,0,8.95-.22,14.19-.22,24.02,0,45.79,11.61,59.45,24.72,15.01,14.42,15.67,26.09-7.24,26.09-4.38,0-9.24-.14-14.05-.14h-.77l-52.52-50.46Zm8.62,3.75l44.72,42.96c4.96.07,9.67.14,10.27.14,19.3,0,19.12-9.73,5.99-22.35-12.15-11.68-30.76-20.98-50.74-20.98-4.46,0-6.71.14-10.24.22Z"/>
<path class="cls-1" d="m287.77,380.93c-.52,3.46-5.72,5.55-12.84,5.55-17.84,0-40.69-10.16-57.05-25.88-15.08-14.49-15.61-25.88,2.49-25.88,7.55,0,15.29,1.59,23.14,4.76l.85,2.96c-7.14-2.74-13.48-3.96-20-3.96-14.58,0-14.78,9.37-1.5,22.13,13.81,13.26,33.5,22.13,48.51,22.13,6.43,0,10.23-1.87,11.43-4.76l4.96,2.96Z"/>
<path class="cls-1" d="m267.2,334.79c13.38,0,30.29,10.88,45.82,25.81,15.61,14.99,21.46,25.81,8.08,25.81s-30.39-10.81-45.99-25.81c-15.53-14.92-21.29-25.81-7.9-25.81Zm50.22,48.08c10.38,0,4.99-8.72-9.12-22.27-14.11-13.55-27.05-22.27-37.43-22.27s-5.09,8.79,8.95,22.27c14.03,13.48,27.39,22.27,37.6,22.27Z"/>
<path class="cls-1" d="m309.38,334.94h3.09l52.97,50.89h-4.46l-47.27-45.41-2.89,6.7-5.55-3.03,4.11-9.15Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.3 KiB

12
public/icons/qs_auszeichnungen.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="auszeichnungen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
fill-rule: evenodd;
}
</style>
</defs>
<path class="cls-1" d="m23.82,56h452.36c6.41,0,12.22,2.6,16.44,6.82,4.22,4.22,6.82,10.03,6.82,16.44v289.33c0,6.41-2.6,12.22-6.82,16.44s-10.03,6.82-16.44,6.82h-9.66l-20.34-39.22c1.14-3.45,1.91-6.86,2.44-10.23l.32-2.15c2.27-2.56,4.51-5.52,6.62-8.97.37-.61.73-1.22,1.1-1.87,3.57-6.41,5.93-13.15,7.06-20.38.08-.45.12-.93.2-1.38l10.23-10.23v-147.04l-69.14-69.09H94.94L25.85,150.39v147.04l69.09,69.09h151.22l-12.5,24.15c-.2.37-.41.77-.61,1.14H23.82c-6.41,0-12.22-2.6-16.44-6.82-4.22-4.18-6.82-9.99-6.82-16.4V79.26c0-6.41,2.6-12.22,6.82-16.44,4.22-4.22,10.03-6.82,16.44-6.82h0Zm325.95,167.95c2.19-.12,4.14.24,5.97.85,1.79.61,3.41,1.54,5.12,2.56,1.71,1.1,3.49,2.56,5.36,4.22l.12.12c2.35,2.03,4.99,4.26,7.92,5.93,2.4,1.34,5.93,1.46,9.66,1.66,7.02.24,14.66.57,19.69,8.04h0c4.34,6.54,4.71,11.45,4.99,16.4l.08.53c.12,2.4.41,4.63,1.26,7.06.85,2.52,2.31,5.2,4.75,8.48h0c4.59,6.05,7.31,11.16,8.36,15.87,1.1,4.95.37,9.38-2.15,13.92l-.08.12c-1.87,3.25-4.63,5.6-7.02,7.63-1.79,1.54-3.37,2.88-3.86,3.98-1.3,3-1.34,5.72-1.34,8.61-.08,3.9-.12,7.92-2.68,13.07l-.04.12c-1.66,3.17-3.73,5.85-6.21,8-2.56,2.19-5.56,3.86-8.97,4.95-3.04.97-5.85.81-8.61.61-2.27-.16-4.34-.28-5.93.37l-.2.04c-3.29,1.42-6.29,3.86-9.13,6.09-3.17,2.56-6.17,4.95-9.58,6.05h0c-2.52.81-4.99,1.18-7.51,1.18s-4.99-.37-7.51-1.18l-.12-.04c-3.37-1.06-6.33-3.49-9.5-6.05-2.88-2.31-5.93-4.75-9.3-6.17-1.58-.69-3.65-.49-5.93-.37-2.68.16-5.56.37-8.65-.61l-.16-.08c-3.37-1.1-6.29-2.72-8.85-4.87-2.52-2.19-4.63-4.87-6.21-8.12-2.56-5.12-2.6-9.13-2.68-13.03-.08-2.88-.08-5.6-1.34-8.61l-.04-.04c-.53-1.18-2.15-2.52-3.9-4.02-2.44-2.07-5.2-4.38-7.02-7.63l-.12-.2c-2.52-4.47-3.17-8.85-2.07-13.76,1.06-4.71,3.86-9.82,8.4-15.87,2.52-3.25,3.9-5.97,4.75-8.48.85-2.44,1.18-4.75,1.3-7.14l.08-.49c.28-4.95.69-9.99,4.99-16.4l.12-.12c4.99-7.39,12.58-7.63,19.53-7.88,3.73-.12,7.31-.32,9.7-1.66l.08-.08c2.88-1.66,5.48-3.86,7.88-5.93,1.91-1.66,3.65-3.17,5.48-4.26,1.66-1.1,3.37-1.95,5.12-2.56,1.91-.57,3.86-.85,6.01-.81h0Zm74.41,202.66l-18.35-3.29-9.22,16.52c-.04.12-.12.24-.24.32-3.86,4.75-7.39,4.63-10.43,2.15-3.29-2.68-5.48-8.4-6.9-12.18l-.53-1.46-19.45-36.74c-.61-1.18-.16-2.56.97-3.13.12-.08.24-.12.32-.12,2.03-.69,4.26-2.07,6.7-3.9,2.56-1.91,5.24-4.26,8-6.7.49-.45,1.1-.69,1.79-.61,5.24.12,10.35-.32,14.94-1.83,4.51-1.54,8.65-4.22,12.18-8.73.81-1.06,2.27-1.22,3.25-.45.24.24.49.49.61.81l22.49,43.44,1.95,4.22c.08.12.12.24.12.37.89,3.25,1.1,6.05,0,8.16-1.22,2.4-3.61,3.61-7.63,3.29-.12-.04-.37-.12-.57-.16h0Zm-130.35-3.29l-18.35,3.29c-.16.04-.37.04-.61.04-4.02.32-6.41-.93-7.63-3.29-1.1-2.07-.93-4.87,0-8.16l.12-.37,1.95-4.22,22.49-43.44c.12-.32.37-.57.61-.81,1.06-.81,2.44-.61,3.25.41,3.49,4.47,7.63,7.14,12.22,8.73,4.63,1.58,9.7,1.95,14.94,1.83.61-.04,1.22.12,1.79.61,2.76,2.44,5.44,4.83,8,6.7,2.44,1.83,4.71,3.25,6.7,3.9l.28.12c1.18.61,1.58,2.03.97,3.13l-19.45,36.7-.57,1.42c-1.38,3.78-3.57,9.5-6.9,12.18-3.04,2.44-6.54,2.64-10.43-2.15-.08-.12-.16-.16-.24-.28l-9.13-16.32h0Zm84.36-154.59c-7.27-7.27-17.25-11.77-28.38-11.77s-21.11,4.51-28.38,11.77c-7.27,7.27-11.77,17.25-11.77,28.38s4.51,21.11,11.77,28.38c7.27,7.27,17.25,11.77,28.38,11.77s21.11-4.51,28.38-11.77,11.77-17.25,11.77-28.38c-.04-11.04-4.51-21.11-11.77-28.38h0Zm-251.7-5.03c-1.62,0-3.09-1.01-4.14-2.6-1.06-1.62-1.75-3.86-1.75-6.33s.65-4.71,1.75-6.33c1.06-1.62,2.56-2.6,4.14-2.6h69.42c1.62,0,3.09,1.01,4.14,2.6,1.06,1.62,1.71,3.86,1.71,6.33s-.65,4.75-1.71,6.33c-1.06,1.62-2.56,2.6-4.14,2.6h-69.42Zm-4.38,55.54c17.13-22.49,31.79-12.26,52.25,2.03,1.01.73,2.07,1.42,3.09,2.15,2.92,2.03,6.01,1.66,9.09.16,3.33-1.66,6.7-4.63,10.03-7.59l.08-.04c3-2.64,5.93-5.24,9.09-7.23.53-.32,1.26-.16,1.58.37l4.67,7.35c.32.53.16,1.26-.37,1.58-2.44,1.54-5.07,3.9-7.75,6.25l-.08.04c-4.67,4.14-9.46,8.32-14.74,10.51-5.44,2.23-11.33,2.23-17.86-2.31l-3.13-2.19c-7.88-5.52-14.61-10.19-20.7-11.69-5.81-1.38-11.12.28-16.48,7.31-.41.53-1.14.61-1.62.2l-6.9-5.24c-.53-.41-.65-1.14-.24-1.66h0Zm4.38-170.54c-1.62,0-3.13-1.01-4.18-2.6s-1.75-3.86-1.75-6.29.65-4.67,1.75-6.29c1.06-1.62,2.56-2.6,4.18-2.6h167.86c1.62,0,3.13,1.01,4.18,2.6,1.06,1.62,1.71,3.86,1.71,6.29s-.65,4.67-1.71,6.29c-1.06,1.62-2.56,2.64-4.18,2.64l-167.86-.04h0Zm0,60.45c-1.62,0-3.09-1.01-4.14-2.64h0c-1.06-1.62-1.75-3.86-1.75-6.29s.65-4.67,1.75-6.33c1.06-1.62,2.56-2.6,4.18-2.6h134.17c1.62,0,3.09,1.01,4.14,2.6h0c1.06,1.62,1.75,3.86,1.75,6.29s-.65,4.67-1.75,6.29h0c-1.06,1.62-2.56,2.6-4.14,2.6H126.49v.08h0Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

23
public/icons/qs_iso.svg Normal file
View File

@@ -0,0 +1,23 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="iso" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
.cls-2 {
fill: none;
stroke: #fff;
stroke-miterlimit: 10;
stroke-width: 14.17px;
}
</style>
</defs>
<circle class="cls-2" cx="250" cy="250" r="235.07"/>
<g>
<path class="cls-1" d="m115.85,158.29c4.65,0,9.29,2.98,9.29,7.58,0,5.28-4.64,8.5-9.29,8.5-5.46,0-10.11-3.21-10.11-8.5,0-4.59,4.64-7.58,10.11-7.58Zm-7.65,47.76h14.21v103.32h-14.21v-103.32Z"/>
<path class="cls-1" d="m168.3,231.3c0-16.53,16.12-27.32,39.62-27.32,17.21,0,31.42,5.28,38.53,11.48l-6.01,8.95c-7.65-5.97-19.67-9.87-32.24-9.87-15.3,0-24.87,7.58-24.87,16.53,0,27.32,68.04,14.46,68.04,50.74,0,20.43-20.77,29.62-44.26,29.62-17.21,0-36.34-7.58-42.08-14.92l7.92-7.81c6.83,7.35,23.5,12.17,35.79,12.17,14.21,0,27.6-5.97,27.6-18.6,0-25.94-68.04-13.09-68.04-50.97Z"/>
<path class="cls-1" d="m342.63,203.98c38.25,0,64.48,22.73,64.48,53.73s-26.23,53.73-64.48,53.73-64.49-22.73-64.49-53.73,26.23-53.73,64.49-53.73Zm0,96.2c28.96,0,49.46-17.45,49.46-42.48s-20.49-42.48-49.46-42.48-49.46,17.45-49.46,42.48,20.77,42.48,49.46,42.48Z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

25
public/icons/qs_messtechnik.svg Normal file
View File

@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="messtechnik" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500">
<defs>
<style>
.cls-1 {
fill: #fff;
}
</style>
</defs>
<path class="cls-1" d="m176.15,28.13c-50.88,22.27-64.55,28.71-65.63,30.57-.78,1.46-1.27,5.66-1.37,11.33v9.08h-2.73c-1.56,0-6.06.88-10.06,1.95-30.47,7.91-54.3,31.93-62.69,62.99-2.93,10.94-2.93,29.1,0,40.04,8.5,31.44,32.72,55.47,64.26,63.48,3.13.78,7.03,1.46,8.49,1.46h2.73v8.79c0,10.06.97,12.79,5.17,14.84,1.76.78,27.34,11.91,57.03,24.61l53.81,23.05h24.61v12.31l-6.44,6.25c-3.52,3.52-7.03,7.52-7.81,8.98-1.07,2.15-1.37,9.86-1.37,42.68,0,27.24.39,40.82,1.08,42.38,1.76,3.81,4.88,4.59,17.97,4.59h12.21v62.5h15.62v-62.5h4.39c5.37,0,8.79-1.46,10.16-4.59.78-1.66,1.08-29.69,1.08-96.97s-.29-95.31-1.08-96.97c-1.37-3.13-4.79-4.59-10.16-4.59h-4.39v-74.71c0-52.64-.29-75.29-1.08-76.95-.59-1.37-2.15-2.93-3.52-3.52-1.66-.78-24.41-1.08-77.05-1.08h-74.7l.3-5.47.29-5.37,58.98-25.88,58.98-25.78h147.17v35.64c0,23.93.39,36.33,1.08,37.89,1.86,4.1,4.49,4.59,27.24,4.59h21.48l3.91,7.81,3.91,7.81h-33.11c-35.16,0-37.11.19-39.06,4.59-.78,1.66-1.08,20.21-1.08,61.33v59.08h-4.39c-5.37,0-8.79,1.46-10.16,4.59-1.56,3.32-1.56,190.62,0,193.94,1.37,3.13,4.79,4.59,10.16,4.59h4.39v62.51h15.62v-62.5h4.39c5.37,0,8.79-1.46,10.16-4.59.78-1.66,1.07-24.32,1.07-76.95v-74.71h20.02c13.28,0,20.8-.39,22.46-1.17,1.95-.88,4.59-5.17,11.33-18.56,4.79-9.67,8.69-18.07,8.69-18.85,0-2.64-2.15-6.15-4.59-7.22-1.56-.68-13.96-1.08-37.89-1.08h-35.64v-109.37h35.64c23.93,0,36.33-.39,37.89-1.08,2.44-1.08,4.59-4.59,4.59-7.22,0-.78-3.91-9.18-8.69-18.85-6.74-13.38-9.38-17.67-11.33-18.56-1.66-.78-9.18-1.17-22.46-1.17h-20.02v-35.64c0-23.92-.39-36.33-1.07-37.89-.59-1.37-2.15-2.93-3.52-3.52-1.66-.78-25.59-1.08-81.64-1.08h-79.3l-64.36,28.13Zm-38.18,68.56c12.11,3.81,19.72,8.49,28.81,17.58,9.18,9.18,13.87,16.8,17.78,29.3,1.86,6.15,2.24,9.38,2.24,20.51,0,14.94-1.76,22.36-8.11,34.67-4.88,9.28-17.78,22.17-27.05,27.05-12.31,6.35-19.73,8.11-34.67,8.11s-22.36-1.76-34.67-8.11c-9.28-4.88-22.17-17.78-27.05-27.05-6.35-12.31-8.11-19.72-8.11-34.67,0-11.13.39-14.36,2.24-20.51,3.91-12.5,8.59-20.12,17.78-29.3,10.55-10.64,21.19-16.31,36.23-19.53,7.53-1.56,26.86-.48,34.58,1.95Zm127.44,67.38v70.31h-99.71l5.86-4.88c13.96-11.62,24.12-27.83,29-46.58,2.34-9.18,2.34-28.52,0-37.69-4.88-18.75-15.04-34.96-29-46.58l-5.86-4.88h99.71v70.31Zm15.63,171.88v85.94h-31.25v-66.99l6.44-6.25c3.52-3.52,7.03-7.52,7.81-8.98,1.66-3.22,1.95-26.75.29-30.37-1.76-3.91-4.79-4.59-21.39-4.59h-15.43l-51.17-21.88-51.07-21.87-.29-5.47-.3-5.47h156.35v85.94Zm163.09-78.13l-3.91,7.81h-21.48c-22.75,0-25.39.49-27.24,4.59-.78,1.66-1.08,24.32-1.08,76.95v74.71h-15.62v-171.88h73.24l-3.91,7.81Z"/>
<path class="cls-1" d="m108.18,118.26c-17.87,3.42-34.18,20.7-37.31,39.36-3.91,23.63,14.74,48.44,39.65,52.54,28.91,4.79,57.33-23.63,52.54-52.54-4.3-25.88-29.79-44.24-54.88-39.36Zm22.56,17.19c5.76,2.64,12.21,8.98,14.94,14.84,3.13,6.74,2.93,21.19-.29,27.83-3.03,6.15-8.2,11.33-14.36,14.36-4.01,1.95-6.25,2.34-14.06,2.34-11.04,0-16.02-1.86-22.46-8.3-5.28-5.28-8.01-11.53-8.59-19.63-1.08-15.53,6.25-27.54,19.83-32.42,6.54-2.34,18.65-1.85,24.99.98Z"/>
<path class="cls-1" d="m320.09,101.57v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,132.81v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,164.06v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,195.31v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,226.56v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,257.81v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,289.06v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,320.31v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,351.56v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,382.81v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,414.06v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,445.31v7.81h15.62v-15.62h-15.62v7.81Z"/>
<path class="cls-1" d="m320.09,476.56v7.81h15.62v-15.62h-15.62v7.81Z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

1
public/icons/qualitaet/auszeichnungen.svg
View File

@@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><title>qualityIcon1</title><g id="qualityIcon1" data-name="1"><path class="cls-1" d="M464.4,373.62a11.81,11.81,0,0,0,11.78-11.78V131.26a11.81,11.81,0,0,0-11.78-11.78H29.72A11.8,11.8,0,0,0,18,131.26V361.84a11.8,11.8,0,0,0,11.77,11.78H339.79"></path><circle class="cls-1" cx="402.09" cy="350.56" r="51.51"></circle><circle class="cls-1" cx="402.09" cy="350.56" r="36.8"></circle><polyline class="cls-1" points="357.45 375.58 321.63 411.39 340.77 410.9 340.77 431 376.33 395.44"></polyline><polyline class="cls-1" points="446.74 375.58 482.56 411.39 463.42 410.9 463.42 431 427.86 395.44"></polyline><line class="cls-1" x1="80.74" y1="159.71" x2="302.5" y2="159.71"></line><line class="cls-1" x1="80.74" y1="198.96" x2="106.26" y2="198.96"></line><line class="cls-1" x1="148.45" y1="198.96" x2="407.49" y2="198.96"></line><line class="cls-1" x1="80.74" y1="238.21" x2="302.5" y2="238.21"></line><line class="cls-1" x1="80.74" y1="277.46" x2="302.5" y2="277.46"></line><line class="cls-1" x1="329.97" y1="277.46" x2="355.49" y2="277.46"></line><line class="cls-1" x1="238.72" y1="336.33" x2="334.88" y2="336.33"></line></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 KiB

1
public/icons/qualitaet/iso.svg
View File

@@ -1 +0,0 @@
<svg id="qualityIcon3" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><title>qualityIcon3</title><rect class="cls-1" x="17.5" y="116.75" width="467" height="259" rx="12" ry="12"></rect><g><path class="cls-3" d="M105.3,318.08v-144h13.6v144Z"></path><path class="cls-3" d="M161.7,275.08a42.68,42.68,0,0,0,4.3,16.3,32.14,32.14,0,0,0,9,10.9,35.75,35.75,0,0,0,12.7,6.1,60,60,0,0,0,15.4,1.9,51.33,51.33,0,0,0,16.6-2.4,31.39,31.39,0,0,0,11.4-6.5,25.51,25.51,0,0,0,6.5-9.5,31.17,31.17,0,0,0,2.1-11.4q0-8.4-3.8-13.6a29.21,29.21,0,0,0-9.9-8.5,60.44,60.44,0,0,0-14-5.3q-7.91-2-16.2-3.9t-16.2-4.5a51,51,0,0,1-14-7,33.73,33.73,0,0,1-9.9-11.3q-3.8-6.9-3.8-17.5a35.19,35.19,0,0,1,3.1-14.4,35.83,35.83,0,0,1,9.2-12.4,45.16,45.16,0,0,1,15.3-8.6,64.5,64.5,0,0,1,21.2-3.2,60.71,60.71,0,0,1,21.3,3.4,42.36,42.36,0,0,1,15.1,9.3,38.25,38.25,0,0,1,9,13.7,45.83,45.83,0,0,1,3,16.6h-13a32.36,32.36,0,0,0-2.9-14.2,26.61,26.61,0,0,0-7.9-9.8,33.73,33.73,0,0,0-11.4-5.6,48.56,48.56,0,0,0-13.2-1.8q-10.39,0-17.5,2.9a30.69,30.69,0,0,0-11.3,7.5,25.41,25.41,0,0,0-5.8,10.2,24.46,24.46,0,0,0-.6,11.2,19.55,19.55,0,0,0,5.6,11.2,35.26,35.26,0,0,0,10.8,6.9,81.27,81.27,0,0,0,14.1,4.4q7.69,1.69,15.7,3.6t15.5,4.5a47.69,47.69,0,0,1,13.3,7,32.14,32.14,0,0,1,9.3,11.3q3.49,6.9,3.5,17.3,0,20-13.8,31t-38.8,11a71.72,71.72,0,0,1-20.8-2.9,46.11,46.11,0,0,1-16.6-8.8,40.36,40.36,0,0,1-10.9-14.6q-3.9-8.7-3.9-20.5Z"></path><path class="cls-3" d="M272.7,246.28a98.89,98.89,0,0,1,4.3-29.6,71.27,71.27,0,0,1,12.7-24.1,60.32,60.32,0,0,1,20.8-16.3q12.4-6,28.6-6,16.8,0,29.5,5.9a59.54,59.54,0,0,1,21.2,16.2,70.26,70.26,0,0,1,12.8,24.2,100.22,100.22,0,0,1,4.3,29.7,97.51,97.51,0,0,1-4.3,29.3,71.45,71.45,0,0,1-12.7,24,59.86,59.86,0,0,1-21,16.3q-12.6,6-29.2,6t-29.2-6a59.86,59.86,0,0,1-21-16.3,70,70,0,0,1-12.6-24A99.44,99.44,0,0,1,272.7,246.28Zm67.2,64q14,0,24.1-5.3a48,48,0,0,0,16.6-14.1,60.23,60.23,0,0,0,9.6-20.4,93.18,93.18,0,0,0,3.1-24.2,90.37,90.37,0,0,0-3.7-26.9,58.38,58.38,0,0,0-10.7-20.3,45.87,45.87,0,0,0-17-12.8,55.1,55.1,0,0,0-22.4-4.4q-13.8,0-23.9,5.4a48.65,48.65,0,0,0-16.6,14.3,61.09,61.09,0,0,0-9.6,20.5,96.79,96.79,0,0,0,0,48.6,60,60,0,0,0,9.6,20.4,47.11,47.11,0,0,0,16.6,14Q325.69,310.29,339.9,310.28Z"></path></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

1
public/icons/qualitaet/messtechnik.svg
View File

@@ -1 +0,0 @@
<svg id="qualityIcon2" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><title>qualityIcon2</title><g id="_1" data-name="1"><rect class="cls-1" x="-36.48" y="193.17" width="572.35" height="114.47" transform="translate(-103.93 249.9) rotate(-45)"></rect><line class="cls-1" x1="209.22" y1="209.94" x2="249.69" y2="250.41"></line><line class="cls-1" x1="377.85" y1="41.3" x2="398.09" y2="61.54"></line><line class="cls-1" x1="242.95" y1="176.21" x2="263.18" y2="196.44"></line><line class="cls-1" x1="276.67" y1="142.48" x2="296.91" y2="162.72"></line><line class="cls-1" x1="344.13" y1="75.03" x2="364.36" y2="95.27"></line><line class="cls-1" x1="310.4" y1="108.76" x2="350.87" y2="149.23"></line><line class="cls-1" x1="108.04" y1="311.11" x2="148.52" y2="351.58"></line><line class="cls-1" x1="141.77" y1="277.39" x2="162.01" y2="297.62"></line><line class="cls-1" x1="175.5" y1="243.66" x2="195.73" y2="263.9"></line><line class="cls-1" x1="40.59" y1="378.57" x2="60.83" y2="398.8"></line><line class="cls-1" x1="74.32" y1="344.84" x2="94.55" y2="365.08"></line></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

64
styles/globals.scss
View File

@@ -43,11 +43,21 @@
fill: $white; fill: $white;
} }
.landing-logo { .landing-logo {
max-width: 7000px;
max-height: 50vh; max-height: 50vh;
} }
.products-img-shadow {
box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
}
.products-img-shadow.order-1 {
box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
}
h1 { h1 {
margin-bottom: 2rem; margin-bottom: 2rem;
font-family: circe, sans-serif; font-family: circe, sans-serif;
@@ -120,14 +130,6 @@ section {
background-color: $hp-dark_grey; background-color: $hp-dark_grey;
} }
.products-img-shadow {
box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
}
.products-img-shadow.order-1 {
box-shadow: inset -20px 0px 50px 10px rgba(0, 0, 0, 0.6);
}
.products-container { .products-container {
img { img {
max-width: 100%; max-width: 100%;
@@ -138,12 +140,6 @@ section {
} }
} }
.background-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.icon-size { .icon-size {
svg { svg {
max-width: 50%; max-width: 50%;
@@ -158,14 +154,30 @@ section {
} }
.min-height-100:first-of-type { .min-height-100:first-of-type {
.products-img:first-of-type {
min-height: calc(200px); .products-img-icon-wrapper {
width: 250px;
height: 250px;
margin: 25px;
z-index: 500;
backdrop-filter: blur(10px);
border-radius: 25px;
background-color: rgba(13, 13, 13, 0.1);
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
min-height: calc(100vh - (200px - 49px)); min-height: calc(100vh - (200px - 49px));
.products-img:first-of-type { .products-img-icon-wrapper {
width: 400px;
height: 400px;
}
.products-img-container:first-of-type {
min-height: calc(100vh - 49px); min-height: calc(100vh - 49px);
} }
} }
@@ -217,3 +229,19 @@ section {
align-content: center; align-content: center;
justify-content: center; justify-content: center;
} }
.home-services-bg-wrapper {
width: 100%;
z-index: -1;
overflow: "hidden"
img {
object-fit: cover;
}
}
.background-image {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

169
yarn.lock
View File

@@ -17,6 +17,13 @@
dependencies: dependencies:
regenerator-runtime "^0.13.4" regenerator-runtime "^0.13.4"
"@babel/runtime@^7.17.2", "@babel/runtime@^7.20.7", "@babel/runtime@^7.6.3":
version "7.20.13"
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.13.tgz#7055ab8a7cff2b8f6058bf6ae45ff84ad2aded4b"
integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
dependencies:
regenerator-runtime "^0.13.11"
"@eslint/eslintrc@^1.4.1": "@eslint/eslintrc@^1.4.1":
version "1.4.1" version "1.4.1"
resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e" resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.4.1.tgz#af58772019a2d271b7e2d4c23ff4ddcba3ccfb3e"
@@ -176,6 +183,18 @@
tiny-glob "^0.2.9" tiny-glob "^0.2.9"
tslib "^2.4.0" tslib "^2.4.0"
"@popperjs/core@^2.11.6":
version "2.11.6"
resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.6.tgz#cee20bd55e68a1720bdab363ecf0c821ded4cd45"
integrity sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==
"@react-aria/ssr@^3.4.1":
version "3.4.1"
resolved "https://registry.yarnpkg.com/@react-aria/ssr/-/ssr-3.4.1.tgz#79e8bb621487e8f52890c917d3c734f448ba95e7"
integrity sha512-NmhoilMDyIfQiOSdQgxpVH2tC2u85Y0mVijtBNbI9kcDYLEiW/r6vKYVKtkyU+C4qobXhGMPfZ70PTc0lysSVA==
dependencies:
"@swc/helpers" "^0.4.14"
"@react-google-maps/api@^2.18.1": "@react-google-maps/api@^2.18.1":
version "2.18.1" version "2.18.1"
resolved "https://registry.yarnpkg.com/@react-google-maps/api/-/api-2.18.1.tgz#140bb134f50c98939b6eb440d01dbb7df562090c" resolved "https://registry.yarnpkg.com/@react-google-maps/api/-/api-2.18.1.tgz#140bb134f50c98939b6eb440d01dbb7df562090c"
@@ -198,18 +217,45 @@
resolved "https://registry.yarnpkg.com/@react-google-maps/marker-clusterer/-/marker-clusterer-2.16.1.tgz#882878a7b49ce9ae44c7b02ff6fbc4c2aeb77c95" resolved "https://registry.yarnpkg.com/@react-google-maps/marker-clusterer/-/marker-clusterer-2.16.1.tgz#882878a7b49ce9ae44c7b02ff6fbc4c2aeb77c95"
integrity sha512-jOuyqzWLeXvQcoAu6TCVWHAuko+sDt0JjawNHBGqUNLywMtTCvYP0L0PiqJZOUCUeRYGdUy0AKxQ+30vAkvwag== integrity sha512-jOuyqzWLeXvQcoAu6TCVWHAuko+sDt0JjawNHBGqUNLywMtTCvYP0L0PiqJZOUCUeRYGdUy0AKxQ+30vAkvwag==
"@restart/hooks@^0.4.6", "@restart/hooks@^0.4.7":
version "0.4.8"
resolved "https://registry.yarnpkg.com/@restart/hooks/-/hooks-0.4.8.tgz#67ada92e36527956865ab9b1ddfb87d37aa1db42"
integrity sha512-Ivvp1FZ0Lja80iUTYAhbzy+stxwO7FbPHP95ypCtIh0wyOLiayQywXhVJ2ZYP5S1AjW2GmKHeRU4UglMwTG2sA==
dependencies:
dequal "^2.0.2"
"@restart/ui@^1.4.1":
version "1.5.3"
resolved "https://registry.yarnpkg.com/@restart/ui/-/ui-1.5.3.tgz#13145f3163f9efe48a8b56c42c16ad721ab134d5"
integrity sha512-8Zx3HUMxOeC+ZmN7MwChkolpDQaV55prSgpNoGOw5heKnn32HgzEQ6Y0Rz0YqMBUtEKS0NsvNpsskve+O8qXAQ==
dependencies:
"@babel/runtime" "^7.20.7"
"@popperjs/core" "^2.11.6"
"@react-aria/ssr" "^3.4.1"
"@restart/hooks" "^0.4.7"
"@types/warning" "^3.0.0"
dequal "^2.0.3"
dom-helpers "^5.2.0"
uncontrollable "^7.2.1"
warning "^4.0.3"
"@rushstack/eslint-patch@^1.1.3": "@rushstack/eslint-patch@^1.1.3":
version "1.2.0" version "1.2.0"
resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728" resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.2.0.tgz#8be36a1f66f3265389e90b5f9c9962146758f728"
integrity sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg== integrity sha512-sXo/qW2/pAcmT43VoRKOJbDOfV3cYpq3szSVfIThQXNt+E4DfKj361vaAt3c88U5tPUxzEswam7GW48PJqtKAg==
"@swc/helpers@0.4.14": "@swc/helpers@0.4.14", "@swc/helpers@^0.4.14":
version "0.4.14" version "0.4.14"
resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.14.tgz#1352ac6d95e3617ccb7c1498ff019654f1e12a74" resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.14.tgz#1352ac6d95e3617ccb7c1498ff019654f1e12a74"
integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw== integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw==
dependencies: dependencies:
tslib "^2.4.0" tslib "^2.4.0"
"@types/cookie@^0.4.1":
version "0.4.1"
resolved "https://registry.yarnpkg.com/@types/cookie/-/cookie-0.4.1.tgz#bfd02c1f2224567676c1545199f87c3a861d878d"
integrity sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==
"@types/google.maps@3.50.5": "@types/google.maps@3.50.5":
version "3.50.5" version "3.50.5"
resolved "https://registry.yarnpkg.com/@types/google.maps/-/google.maps-3.50.5.tgz#a0d12675b547205fc163c4b8d999db305ba3862a" resolved "https://registry.yarnpkg.com/@types/google.maps/-/google.maps-3.50.5.tgz#a0d12675b547205fc163c4b8d999db305ba3862a"
@@ -225,6 +271,42 @@
resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.180.tgz#4ab7c9ddfc92ec4a887886483bc14c79fb380670" resolved "https://registry.yarnpkg.com/@types/lodash/-/lodash-4.14.180.tgz#4ab7c9ddfc92ec4a887886483bc14c79fb380670"
integrity sha512-XOKXa1KIxtNXgASAnwj7cnttJxS4fksBRywK/9LzRV5YxrF80BXZIGeQSuoESQ/VkUj30Ae0+YcuHc15wJCB2g== integrity sha512-XOKXa1KIxtNXgASAnwj7cnttJxS4fksBRywK/9LzRV5YxrF80BXZIGeQSuoESQ/VkUj30Ae0+YcuHc15wJCB2g==
"@types/node@^16.10.2":
version "16.18.11"
resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.11.tgz#cbb15c12ca7c16c85a72b6bdc4d4b01151bb3cae"
integrity sha512-3oJbGBUWuS6ahSnEq1eN2XrCyf4YsWI8OyCvo7c64zQJNplk3mO84t53o8lfTk+2ji59g5ycfc6qQ3fdHliHuA==
"@types/prop-types@*":
version "15.7.5"
resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
"@types/react-transition-group@^4.4.4":
version "4.4.5"
resolved "https://registry.yarnpkg.com/@types/react-transition-group/-/react-transition-group-4.4.5.tgz#aae20dcf773c5aa275d5b9f7cdbca638abc5e416"
integrity sha512-juKD/eiSM3/xZYzjuzH6ZwpP+/lejltmiS3QEzV/vmb/Q8+HfDmxu+Baga8UEMGBqV88Nbg4l2hY/K2DkyaLLA==
dependencies:
"@types/react" "*"
"@types/react@*", "@types/react@>=16.9.11":
version "18.0.27"
resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.27.tgz#d9425abe187a00f8a5ec182b010d4fd9da703b71"
integrity sha512-3vtRKHgVxu3Jp9t718R9BuzoD4NcQ8YJ5XRzsSKxNDiDonD2MXIT1TmSkenxuCycZJoQT5d2vE8LwWJxBC1gmA==
dependencies:
"@types/prop-types" "*"
"@types/scheduler" "*"
csstype "^3.0.2"
"@types/scheduler@*":
version "0.16.2"
resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
"@types/warning@^3.0.0":
version "3.0.0"
resolved "https://registry.yarnpkg.com/@types/warning/-/warning-3.0.0.tgz#0d2501268ad8f9962b740d387c4654f5f8e23e52"
integrity sha512-t/Tvs5qR47OLOr+4E9ckN8AmP2Tf16gWq+/qA4iUGS/OOyHVO8wv2vjJuX8SNOUTJyWb+2t7wJm6cXILFnOROA==
"@typescript-eslint/parser@^5.42.0": "@typescript-eslint/parser@^5.42.0":
version "5.49.0" version "5.49.0"
resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.49.0.tgz#d699734b2f20e16351e117417d34a2bc9d7c4b90" resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.49.0.tgz#d699734b2f20e16351e117417d34a2bc9d7c4b90"
@@ -517,6 +599,11 @@ chownr@^1.1.1:
resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b" resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg== integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
classnames@^2.3.1:
version "2.3.2"
resolved "https://registry.yarnpkg.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
client-only@0.0.1: client-only@0.0.1:
version "0.0.1" version "0.0.1"
resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1" resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
@@ -562,6 +649,20 @@ concat-map@0.0.1:
resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s= integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=
cookie@^0.4.0:
version "0.4.2"
resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.4.2.tgz#0e41f24de5ecf317947c82fc789e06a884824432"
integrity sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==
cookies-next@^2.1.1:
version "2.1.1"
resolved "https://registry.yarnpkg.com/cookies-next/-/cookies-next-2.1.1.tgz#8d82f1b78fccfb19d9d7c26766fa5707a3ec4695"
integrity sha512-AZGZPdL1hU3jCjN2UMJTGhLOYzNUN9Gm+v8BdptYIHUdwz397Et1p+sZRfvAl8pKnnmMdX2Pk9xDRKCGBum6GA==
dependencies:
"@types/cookie" "^0.4.1"
"@types/node" "^16.10.2"
cookie "^0.4.0"
core-js-pure@^3.20.2: core-js-pure@^3.20.2:
version "3.21.1" version "3.21.1"
resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.21.1.tgz#8c4d1e78839f5f46208de7230cebfb72bc3bdb51" resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.21.1.tgz#8c4d1e78839f5f46208de7230cebfb72bc3bdb51"
@@ -654,6 +755,11 @@ delayed-stream@~1.0.0:
resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
dequal@^2.0.2, dequal@^2.0.3:
version "2.0.3"
resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
detect-libc@^2.0.0, detect-libc@^2.0.1: detect-libc@^2.0.0, detect-libc@^2.0.1:
version "2.0.1" version "2.0.1"
resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd" resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.1.tgz#e1897aa88fa6ad197862937fbc0441ef352ee0cd"
@@ -680,7 +786,7 @@ doctrine@^3.0.0:
dependencies: dependencies:
esutils "^2.0.2" esutils "^2.0.2"
dom-helpers@^5.0.1: dom-helpers@^5.0.1, dom-helpers@^5.2.0, dom-helpers@^5.2.1:
version "5.2.1" version "5.2.1"
resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902" resolved "https://registry.yarnpkg.com/dom-helpers/-/dom-helpers-5.2.1.tgz#d9400536b2bf8225ad98fe052e029451ac40e902"
integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA== integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
@@ -1442,7 +1548,7 @@ internal-slot@^1.0.4:
has "^1.0.3" has "^1.0.3"
side-channel "^1.0.4" side-channel "^1.0.4"
invariant@2.2.4: invariant@2.2.4, invariant@^2.2.4:
version "2.2.4" version "2.2.4"
resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6" resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA== integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -2042,6 +2148,14 @@ prelude-ls@^1.2.1:
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396" resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g== integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
prop-types-extra@^1.1.0:
version "1.1.1"
resolved "https://registry.yarnpkg.com/prop-types-extra/-/prop-types-extra-1.1.1.tgz#58c3b74cbfbb95d304625975aa2f0848329a010b"
integrity sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==
dependencies:
react-is "^16.3.2"
warning "^4.0.0"
prop-types@^15.6.2, prop-types@^15.8.1: prop-types@^15.6.2, prop-types@^15.8.1:
version "15.8.1" version "15.8.1"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
@@ -2089,6 +2203,24 @@ rc@^1.2.7:
minimist "^1.2.0" minimist "^1.2.0"
strip-json-comments "~2.0.1" strip-json-comments "~2.0.1"
react-bootstrap@^2.7.0:
version "2.7.0"
resolved "https://registry.yarnpkg.com/react-bootstrap/-/react-bootstrap-2.7.0.tgz#4a8f0311bccac477dc925366763c536f46e4393b"
integrity sha512-Jcrn6aUuRVBeSB6dzKODKZU1TONOdhAxu0IDm4Sv74SJUm98dMdhSotF2SNvFEADANoR+stV+7TK6SNX1wWu5w==
dependencies:
"@babel/runtime" "^7.17.2"
"@restart/hooks" "^0.4.6"
"@restart/ui" "^1.4.1"
"@types/react-transition-group" "^4.4.4"
classnames "^2.3.1"
dom-helpers "^5.2.1"
invariant "^2.2.4"
prop-types "^15.8.1"
prop-types-extra "^1.1.0"
react-transition-group "^4.4.2"
uncontrollable "^7.2.1"
warning "^4.0.3"
react-dom@18.2.0: react-dom@18.2.0:
version "18.2.0" version "18.2.0"
resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d" resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.2.0.tgz#22aaf38708db2674ed9ada224ca4aa708d821e3d"
@@ -2111,12 +2243,17 @@ react-fast-compare@^2.0.1:
resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9" resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw== integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
react-is@^16.13.1, react-is@^16.7.0: react-is@^16.13.1, react-is@^16.3.2, react-is@^16.7.0:
version "16.13.1" version "16.13.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
react-transition-group@^4.4.5: react-lifecycles-compat@^3.0.4:
version "3.0.4"
resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
react-transition-group@^4.4.2, react-transition-group@^4.4.5:
version "4.4.5" version "4.4.5"
resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1" resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.5.tgz#e53d4e3f3344da8521489fbef8f2581d42becdd1"
integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g== integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
@@ -2149,6 +2286,11 @@ readdirp@~3.6.0:
dependencies: dependencies:
picomatch "^2.2.1" picomatch "^2.2.1"
regenerator-runtime@^0.13.11:
version "0.13.11"
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
regenerator-runtime@^0.13.4: regenerator-runtime@^0.13.4:
version "0.13.9" version "0.13.9"
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52" resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz#8925742a98ffd90814988d7566ad30ca3b263b52"
@@ -2581,6 +2723,16 @@ unbox-primitive@^1.0.2:
has-symbols "^1.0.3" has-symbols "^1.0.3"
which-boxed-primitive "^1.0.2" which-boxed-primitive "^1.0.2"
uncontrollable@^7.2.1:
version "7.2.1"
resolved "https://registry.yarnpkg.com/uncontrollable/-/uncontrollable-7.2.1.tgz#1fa70ba0c57a14d5f78905d533cf63916dc75738"
integrity sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==
dependencies:
"@babel/runtime" "^7.6.3"
"@types/react" ">=16.9.11"
invariant "^2.2.4"
react-lifecycles-compat "^3.0.4"
uri-js@^4.2.2: uri-js@^4.2.2:
version "4.4.1" version "4.4.1"
resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e" resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -2593,6 +2745,13 @@ util-deprecate@^1.0.1:
resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8= integrity sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=
warning@^4.0.0, warning@^4.0.3:
version "4.0.3"
resolved "https://registry.yarnpkg.com/warning/-/warning-4.0.3.tgz#16e9e077eb8a86d6af7d64aa1e05fd85b4678ca3"
integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
dependencies:
loose-envify "^1.0.0"
which-boxed-primitive@^1.0.2: which-boxed-primitive@^1.0.2:
version "1.0.2" version "1.0.2"
resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6" resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"