From 4bbeb8d9fbcdf37ff7b8b356130c1a3bf7f3a831 Mon Sep 17 00:00:00 2001 From: Ingo Steinke Date: Thu, 11 Apr 2024 10:28:11 +0200 Subject: [PATCH] improve sub-pages #225 (WIP) --- dist/index.html | 4 +- dist/leistungen/optimierung.html | 2 +- dist/leistungen/webentwicklung.html | 2 +- dist/leistungen/website-check.html | 2 +- dist/sitemap.xml | 14 +++---- dist/styles.css | 2 +- .../index.html | 2 +- .../index.html | 2 +- .../index.html | 2 +- dist_en/index.html | 4 +- dist_en/services/optimization.html | 2 +- dist_en/services/web-development.html | 2 +- dist_en/services/website-check.html | 2 +- dist_en/sitemap.xml | 8 ++-- dist_en/styles.css | 2 +- src/_data/de/content.js | 5 ++- src/_data/en/content.js | 5 ++- .../section-services-on-subpages.liquid | 37 +++++++++++++++++++ src/leistungen/optimierung.liquid | 4 +- src/leistungen/webentwicklung.liquid | 2 +- src/leistungen/website-check.liquid | 2 +- src/services/optimization.liquid | 4 +- src/services/web-development.liquid | 4 +- src/services/website-check.liquid | 4 +- src/styles.css | 9 +++++ .../index.liquid | 6 +++ .../index.liquid | 6 +++ .../index.liquid | 8 +++- 28 files changed, 109 insertions(+), 39 deletions(-) create mode 100644 src/_includes/section-services-on-subpages.liquid diff --git a/dist/index.html b/dist/index.html index 87145cbd..934e82db 100644 --- a/dist/index.html +++ b/dist/index.html @@ -38,11 +38,11 @@ "ratingValue": "5", "bestRating": "5", "ratingCount": "7" - }
Portrait von Ingo Steinke

Ingo Steinke

Creative Web Developer

Begeistere deine Kunden im Internet!

Ich bin Ingo Steinke, nachhaltiger und kreativer Webentwickler mit über 20 Jahren Berufserfahrung. Von meiner Arbeit profitierten unter anderem nexum, Avenga und Project Together.

Aktuell arbeite ich vorrangig für Kund:innen mit ökologischem und ethischem Fokus. Ich bin Changemaker, Fairantworter, Green Companion Mitglied im Impact Hub Berlin.

Lass uns zusammenarbeiten!

Du möchtest deine Website überarbeiten? Dein Team braucht Verstärkung durch einen Frontend-Entwickler mit Fullstack-Erfahrung?
Ruf mich an oder hinterlasse mir eine Nachricht!
Gern können wir uns bei einem Kaffee in Berlin, telefonisch oder per Zoom unverbindlich über dein Projekt unterhalten.

Preise

Ich biete verschiedene Preismodelle an. Bei einer Abrechnung auf Stundenbasis gebe ich üblicherweise im Vorfeld eine Aufwandsschätzung ab. Festpreisangebote sind ebenfalls möglich. Mein Stundensatz richtet sich nach Art und Umfang der Tätigkeit und beginnt ab 85,- € (zzgl. 19% MWSt.) Gemeinnützige Organisationen und nachhaltige Startups können auf Anfrage vergünstigte Angebote erhalten.

Web- und Software-Projekte

Überzeuge dich selbst von meiner Arbeit! Eine Auswahl meiner bisherigen Projekte:

Atomic Design System

Als Senior Lead Developer entwickelte ich mit einem Team von Frontend-Webentwicklern ein modulares Design System für den Relaunch mehrerer Websites eines international tätigen Kunden. Als technische Basis diente das Framework Fractal.

HTML CSS Fractal Handlebars Webpack

WooCommerce-Shop

Den nachhaltigen Lebensmittelversand Food Together unterstütze ich bei der Weiterentwicklung des Full Site Editing Block Themes für ihren WooCommerce-Shop.
foodtogether.de/wer-wir-sind

WordPress WooCommerce PHP CSS

Shopware-Plugin

Zur Nachhaltigkeit gehört im E-Commerce auch Preistransparenz. Mein kostenloses Plugin "Kostentransparenz" erweitert die Produktdetails in Shopware 6 um eine interaktive Grafik, die verschiedene Anteile am Gesamtpreis veranschaulicht. github.com/openmindculture/sw-IngoSCostTransparency

Shopware 6 PHP Twig CSS JavaScript

React-Web-App

Die grafischen Oberfläche von wao.io visualisierte technische Daten und ließ Webmaster die Optimierung ihrer Website selbst einstellen. Ich entwickelte und aktualisierte Komponenten der Web-App als Teil des Frontend- und Support-Teams. wao.io/de/about-us/experts/ingo-steinke

React JSX ES6 CSS-in-JS Storybook

Portfolio Relaunch

Ingo-Steinke.de zeigt meine Arbeit als Webentwickler. Minimalistisches Design, moderne Typographie, aktuelle Technologie und umfangreiche textliche Überarbeitung prägen den Relaunch meines beruflichen Portfolios. Code:
github.com/openmindculture/ingo-steinke.de

HTML 5 CSS 3 JavaScript Liquid Eleventy

Optimierung und Erweiterung

Diverse bestehende WordPress-Websites erweiterte ich um neue Inhalte und optimierte die Ladezeit und Barrierefreiheit, unter anderem das mit dem Semplice Page Builder für WordPress erstellte Design System der SDG-Berater*innen von Wandelpunkt-Consulting.de.

WordPress Semplice CSS SVG

Frontend-Erweiterung

Nach einem gemeinsamen Projekt beim ClimateHack 2021 unterstützte ich das Kölner Startup Planted unter anderem bei der Integration von Zahlungsdienstleistern in Webflow und bei der Einarbeitung einer neuen Mitarbeiterin. https://planted.green

Webflow JavaScript HTML CSS

Langlebige Lösungen

Deine Layouts realisiere ich plattformübergreifend, responsiv und barrierefrei. Mein Ziel sind langlebige Lösungen, elegant, verständlich und pflegeleicht. Modulare Komponenten, Themes, sowie CSS-Frameworks und Methoden wie BEM und Atomic Design erleichtern die Teamarbeit und Weiterentwicklung. Kontinuierliches Testen ermöglicht mir, Fehler frühzeitig zu entdecken und zu beheben.

Teamwork und Netzwerk

Ich habe kein festes Team, aber ein Netzwerk guter Geschäftsfreund:innen mit denen ich teilweise schon seit vielen Jahren zusammenarbeite. Als Kund:in kannst du mir aber auch gerne die Dienstleister:innen deines Vertrauens vorstellen. So behältst du selbst die volle Kontrolle und sparst dir Mehraufwand und wechselnde Ansprechpartner:innen klassischer Agenturen.

Zuverlässig und verständlich

Mir ist es wichtig, technische Themen einfach verständlich zu erklären, die Wünsche meiner Kundschaft zu verstehen, weiterzudenken und nachhaltig umzusetzen. Als Kund:in profitierst du von geringeren Wartungskosten, optimierter Performance und erfolgreicher Kund:innenansprache.

Zertifiziert und transparent

Ich bin zertifizierter Shopware 6 Developer und Shopware Extension Partner. Der Quellcode meiner Arbeit ist offen einsehbar, sofern es der Datenschutz erlaubt. Der "CO2-Fußabdruck" meiner Website ist ebenfalls sichtbar ausgewiesen.

Frontend-Fokus und Full-Stack-Erfahrung

Mein Schwerpunkt ist die Frontend-Entwicklung mit CSS. Bei der Weiterentwicklung bestehenden Codes kommt mir meine Berufserfahrung und meine pragmatische Einstellung zugute. Mit meinen Erfahrungen im Backend- und DevOps-Bereich und meiner hohen Lernbereitschaft übernehme ich bei Bedarf alle Aufgaben, die sich bei der Webentwicklung ergeben oder finde geeignete Partner:innen für die Umsetzung.

Leistungen

  • Wir bauen deine Website!

    • schnell erste Erfolge erreichen
    • nachhaltiges Konzept von Anfang an
    • langfristige Zusammenarbeit
    • Kooperation mit erfahrenen Partner:innen
    jetzt starten!

  • Wir testen deine Website!

    • dein digitaler CO2-Fußabdruck
    • deine Ladezeit und Barrierefreiheit
    • kritische Fehler und Probleme
    • testen und zertifieren lassen
    jetzt prüfen!

  • Wir optimieren deine Website!

    • deine Kund:innen werden sie lieben
    • perfekt für Computer und Smartphone
    • einfach bei Ecosia und Google zu finden
    • ökologisch effizient und zertifiziert
    jetzt optimieren!

Fachkenntnisse (Skills)

  • Webentwicklung

    • Markup, Templating
      HTML 5 MD Freemarker Liquid Twig handlebars
    • CSS
      CSS 3 SCSS PostCSS tailwind less Bootstrap
    • JavaScript
      ES6 TypeScript Node.js jQuery React VanillaJS
    • PHP
      PHP 7 PHP 8 Symfony Composer PHPStan
    • Datenbanken
      MySQL Oracle mongoDB Mongoose
    • XML
      XPath XSLT SOAP UBL

  • Software Stacks

    • JAM Stack, SSG
      JavaScript Eleventy Markdown Liquid npm
    • Design-Systeme
      fractal SCSS Handlebars Webpack CodeceptJS
    • WordPress
      WordPress PHP HTML CSS JS WooCommerce
    • Shopware 6
      Shopware Bootstrap SCSS JS Twig Symfony
    • LAMP Stack
      Linux Apache MySQL PHP nginx
    • MERN Stack
      mongoDB Express (P)react Node.js TypeScript yarn

  • Sonstige Tools

    • Qualitätssicherung, Tests und Audits
      Axe Lighthouse Storybook CodeceptJS Browserstack
    • Linter, Bundler, Transpiler
      TypeScript Babel Stylelint eslint esbuild PostCSS
    • Kollaboration, Projektmanagement
      Scrum Kanban Jira Trello fractal asana GitHub
    • Codeverwaltung, Versionierung
      Git GitLab GitHub SVN
    • DevOps, Automatisierung
      Docker Jenkins Snowpack Webpack Netlify
    • Bildbearbeitung, Bildoptimierung
      GIMP Inkscape ImageMagick SVG webp guetzli

Beruf und Leidenschaft

Was mich immer noch fasziniert

Weltweite Kommunikation und Inspiration: das World Wide Web verbindet die Menschen mithilfe robuster und dezentraler Technologie. Schöne, schnelle und barrierefreie Websites sollen allen Menschen Zugang zu diesem Netzwerk bieten. Meine Arbeit trägt dazu bei, diesen Traum zu verwirklichen.

Werdegang

Interaktive Websites und Browserspiele waren die ersten Produkte meines 2000 mitgegründeten Startups in Münster. Suchmaschinenoptimierung und unsere CMS- und Shop-Software Active-Webshop bildeten später das Kerngeschäft.

Als angestellter E-Commerce-Engineer bei Xsite in Düsseldorf entwickelte ich von 2010 bis 2014 Online-Shops für Shop-Apotheke.com, den Kunstversand Ars mundi und andere Kunden. Als Technical Consultant bei Sevenval Technologies (später Avenga Germany) in Köln und Berlin optimierte ich die Ladezeit und Handytauglichkeit von Apps und Websites der Frankfurter Allgemeinen Zeitung und Online-Shops der Otto Group und erstellte Frontend-Anwendungen für wao.io und andere Kunden. Seit Ende 2020 bin ich als selbstständiger Webentwickler und Freelancer unter anderem für nexum, FoodTogether und Planted tätig.

Zukunftsthemen und nachhaltige Digitalisierung

Innovation, Transformation und Digitalisierung bedeuten in der IT-Branche oft nur technologischen Fortschritt. Gesellschaftlichen Herausforderungen in der Ökologie, Gleichberechtigung, Teilhabe, Sicherheit und Datenschutz fehlt oft die nötige Priorität. Ethische und ökologische Projekte beispielsweise in der Verkehrswende, bei erneuerbaren Energien und umweltfreundlicher Mode möchte ich mit meiner Arbeit bevorzugt unterstützen. Ich bin ein Fairantworter, ein reflecta Changemaker und unterzeichnete das Sustainable Web Manifesto.

Kreativität, Flexibilität und Reflektiertheit sind mir beruflich und privat sehr wichtig. Ich möchte Nachhaltigkeit, Kultur und Kunst verbinden und neue Erfahrungen in meine tägliche Arbeit einbringen.

In meinem DEV Blog (dev.to/ingosteinke) und auf Open-Mind-Culture.org veröffentliche ich regelmäßig Artikel über Webentwicklung und damit zusammenhängende technologische und gesellschaftliche Themen.

Vorträge, Veranstaltungen, Kund:innenstimmen

Foto: Ingo Steinke, Frontend Web Developer, Freelancer, auf never code alone TV in 2021: Wenn ich denke, ich weiß immer besser, dann kommt jemand anders und sagt: Hey das kannst...
Bild: Never Code Alone Conference 2021

In den letzten Jahren hielt ich unter anderem diese Vorträge:

Kund:innenfeedback

Daniela, Designerin:
Ich hatte das Vergnügen mit Ingo zusammenzuarbeiten und bin begeistert von seiner Kompetenz im Bereich Webentwicklung. Er ist nicht nur technisch versiert, sondern auch konzeptionell stark. Besonders eindrucksvoll finde ich, dass Ingo für jedes Problem eine Lösung erarbeiten kann. Nicht zuletzt zeichnet er sich durch sein starkes Engagement im Bereich Nachhaltigkeit aus.
Malte, Fotograf:
An meiner Seite haben bereits einige Programmierer und ITler gewerkelt, aber erst jetzt merke ich was für einen krassen Unterschied es machen kann.
Patricia, systemischer Coach:
Wir sind total zufrieden mit Ingo. Absolut zuverlässig und tolle Ergebnisse. 100% Empfehlung!

Weitere Bewertungen bei Google Business lesen...


Interessiert?

Melde dich gerne, um ein unverbindliches Gespräch zu vereinbaren! Anfragen werden zeitnah beantwortet! Ich bin telefonisch, per E-Mail, per Signal oder WhatsApp erreichbar. Falls ich einen Anruf nicht persönlich entgegennehmen kann, hinterlasse mir gerne eine Sprachnachricht!

Impressum und Kontaktdaten

Ingo Steinke


Donaustr. 83 II
12043 Berlin
Deutschland

kontakt@ingo-steinke.de
+491634684080

Schreib mir eine Nachricht:
Deine Nachricht wird gesendet...
Danke! Deine Nachricht wurde gesendet.
Deine Nachricht konnte leider nicht gesendet werden.


UStID DE337676808

Bankverbindung: GLS Gemeinschaftsbank eG
DE89430609673029840000
paypal.me/ingosteinke

Berufshaftpflichtversicherung: Media-Haftpflicht
Berufshaftpflichtversicherung: exali Media-Haftpflicht:
www.exali.de/siegel/Ingo-Steinke
QR-Code: Kontakt zu Ingo-Steinke
\ No newline at end of file diff --git a/dist/leistungen/optimierung.html b/dist/leistungen/optimierung.html index 3cd9117b..e6ce4dd7 100644 --- a/dist/leistungen/optimierung.html +++ b/dist/leistungen/optimierung.html @@ -8,4 +8,4 @@ .jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;} .imprint-contact {margin-top:2rem;} .imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;} - ul.aside-heading {text-align:left;}
Portrait von Ingo Steinke

Wir optimieren deine Website!

  • deine Kund:innen werden sie lieben
  • perfekt für Computer und Smartphone
  • einfach bei Ecosia und Google zu finden
  • ökologisch effizient und zertifiziert

Building a website: what to consider?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Erstellung und Pflege einer Website: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin vereinbaren
\ No newline at end of file + ul.aside-heading {text-align:left;}
Portrait von Webentwickler Ingo Steinke in Berlin

Wir optimieren deine Website!

  • deine Kund:innen werden sie lieben
  • perfekt für Computer und Smartphone
  • einfach bei Ecosia und Google zu finden
  • ökologisch effizient und zertifiziert

Building a website: what to consider?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Website optimieren lassen: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin jetzt vereinbaren!
\ No newline at end of file diff --git a/dist/leistungen/webentwicklung.html b/dist/leistungen/webentwicklung.html index 9d374f01..5249e651 100644 --- a/dist/leistungen/webentwicklung.html +++ b/dist/leistungen/webentwicklung.html @@ -8,4 +8,4 @@ .jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;} .imprint-contact {margin-top:2rem;} .imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;} - ul.aside-heading {text-align:left;}
Portrait von Ingo Steinke

Wir bauen deine Website!

  • schnell erste Erfolge erreichen
  • nachhaltiges Konzept von Anfang an
  • langfristige Zusammenarbeit
  • langjährige Erfahrung

Website erstellen: was gilt es zu beachten?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Erstellung und Pflege einer Website: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin vereinbaren
\ No newline at end of file + ul.aside-heading {text-align:left;}
Portrait von Webentwickler Ingo Steinke in Berlin

Wir bauen deine Website!

  • schnell erste Erfolge erreichen
  • nachhaltiges Konzept von Anfang an
  • langfristige Zusammenarbeit
  • langjährige Erfahrung

Website erstellen: was gilt es zu beachten?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Erstellung und Pflege einer Website: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin jetzt vereinbaren!
\ No newline at end of file diff --git a/dist/leistungen/website-check.html b/dist/leistungen/website-check.html index 35bb0eb4..0e442884 100644 --- a/dist/leistungen/website-check.html +++ b/dist/leistungen/website-check.html @@ -8,4 +8,4 @@ .jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;} .imprint-contact {margin-top:2rem;} .imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;} - ul.aside-heading {text-align:left;}
Portrait von Ingo Steinke

Wir testen deine Website!

  • dein digitaler CO2-Fußabdruck
  • deine Ladezeit und Barrierefreiheit
  • kritische Fehler und Probleme
  • testen und zertifieren lassen

Building a website: what to consider?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Erstellung und Pflege einer Website: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin vereinbaren
\ No newline at end of file + ul.aside-heading {text-align:left;}
Portrait von Webentwickler Ingo Steinke in Berlin

Wir testen deine Website!

  • dein digitaler CO2-Fußabdruck
  • deine Ladezeit und Barrierefreiheit
  • kritische Fehler und Probleme
  • testen und zertifieren lassen

Building a website: what to consider?

Zusammen bauen wir deine Website! Welche Fragen und Aspekte wir dabei beachten können, verrate ich dir auf dieser Seite. Hast du konkretes Interesse? Dann melde dich gerne und buche ein kostenloses Erstgespräch!

Bestehende Website überprüfen, optimieren und zertifizieren

Du hast schon eine Website? Mit dem unverbindlichen Web-Check erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch optimieren könnten.

Beratungstermin vereinbaren

Erstellung und Pflege einer Website: Fragen und Antworten

Wenn wir mit einem Internetauftritt schnell und nachhaltig erfolgreich sein wollen, empfiehlt es sich, schon von Anfang an auch auf Barrierefreiheit, Datenschutz, Sicherheit und ökologische Effizienz zu achten. So können wir Synergien nutzen und langfristig Kosten sparen. So wird Nachhaltigkeit zum Wettbewerbsvorteil, der auch unsere Kund:innen überzeugen kann.

Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Welche:r Webentwickler:in versteht, was für mich wichtig ist?

Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter. Lorem ipsum und so weiter.

Noch eine Überschrift?

Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

P.S. der letzte Abschnitt sollte möglichst immer auf einer nicht-alternativen Farbe auskommen, was wir aber auch forcieren könnten durch last-child oder Klassennamen?
Beratungstermin jetzt vereinbaren!
\ No newline at end of file diff --git a/dist/sitemap.xml b/dist/sitemap.xml index 6199db32..fa7225eb 100644 --- a/dist/sitemap.xml +++ b/dist/sitemap.xml @@ -2,30 +2,30 @@ https://www.ingo-steinke.de/ - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/ - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/ - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/ - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/leistungen/webentwicklung.html - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/leistungen/website-check.html - 2024-04-10 + 2024-04-11 https://www.ingo-steinke.de/leistungen/optimierung.html - 2024-04-10 + 2024-04-11 diff --git a/dist/styles.css b/dist/styles.css index d44ad1a9..a0f9d948 100644 --- a/dist/styles.css +++ b/dist/styles.css @@ -1 +1 @@ -body{--deep-green:#017d63;--spermidine-green:#1d4950;--spermidine-green-darker:#0c1f22;--fresh-blue:#6440fa;--surftheweb-pantone:#203c7f;--greenish-blue:#053245;--dark-contrast-blue:#1d3464;--pantone-illuminating:#f5df4d;--illuminating-higher-contrast:#fef300;--light-yellowish:#fffcf0;--white-wheat-butter:#f7ebcf;--trendy-beige:#f3db6d;--nougat-beige:#c97d43;--orange-tag:#df814b;--dirty-orange:#cf7626;--interior-rose:#f6b692;--omega-purple:#623144;--omage-purple-darker:#360518;--palo-rose:#fedbbd;--merino-lighter:#ebeff2;--merino-slightly-lighter:#d1d4d6;--merino-light:#bbbfc2;--merino-dark:#83878a;--primary-foreground:var(--merino-lighter);--secondary-foreground:#000;--primary-heading:var(--merino-lighter);--gradient-heading-bright-side:var(--light-yellowish);--gradient-heading:var(--merino-light);--gradient-heading-dark-side:var(--merino-dark);--secondary-heading:var(--greenish-blue);--link-hover-background:var(--pantone-illuminating);--primary-background:var(--spermidine-green);--secondary-background:var(--merino-light);--secondary-lighter-background:var(--merino-slightly-lighter);--cta-light-background:var(--white-wheat-butter);--cta-button-light-background:var(--pantone-illuminating);--nav-menu-background:var(--greenish-blue);--peel-gradient:var(--greenish-blue);--peel-gradient-semitrans:rgba(5,50,69,.5);--hashtag-default:var(--surftheweb-pantone);--hashtag-green:var(--spermidine-green);--hashtag-blue:var(--fresh-blue);--brand-yellow-js:#f5df4d;--brand-yellow-js-neon:color(display-p3 0.96 0.87 0.30);--brand-yellow-miro:#f0c140;--brand-yellow-miro-neon:color(display-p3 0.94 0.76 0.25);--brand-orange-html:#ba5002;--brand-orange-html-neon:color(display-p3 0.72 0.35 0.08);--brand-orange-mysql:#f0931a;--brand-brown-composer:#8a5428;--brand-red-express-post-apache:#dd3808;--brand-red-express-post-apache-neon:color(display-p3 0.81 0.22 0.05);--brand-red-oracle-soap-npm:#cb3837;--brand-red-oracle-soap-npm-neon:color(display-p3 0.80 0.22 0.22);--brand-reddish-dark:#7e000d;--brand-purple-scss:#bf4080;--brand-purple-scss-neon:color(display-p3 0.75 0.25 0.50);--brand-purple-dark-preact:#673ab8;--brand-blue-tailwind-react:#55d0f4;--brand-blue-tailwind-react-neon:color(display-p3 0.33 0.82 0.96);--brand-blue-light:#c0f1ff;--brand-blue-shopware6:#5c60e1;--brand-blue-shopware5:#3a9bf8;--brand-blue-liquid:#237caa;--brand-blue-liquid-neon:color(display-p3 0.15 0.44 0.58);--brand-blue-typescript:#3178c6;--brand-blue-typescript-neon:color(display-p3 0.19 0.47 0.78);--brand-blue-php7:#57659f;--brand-blue-php8:#282368;--brand-blue-less:#0769ad;--brand-blue-less-neon:color(display-p3 0.03 0.41 0.68);--brand-green-twig-bg:#d6e9a1;--brand-green-twig-fg:#000;--brand-green-css-mongo:#017d63;--brand-green-css-mongo-neon:color(display-p3 0.00 0.49 0.39);--brand-gray-mongoose:#58646d;--brand-gray-eleventy:#1d4950;--brand-gray-gimp:#514b3a;--brand-black-inkscape:#24273c;--brand-vanilla:#fffaf0;--textmarker-blue:var(--brand-blue-tailwind-react);--textmarker-blue-semitransparent:rgba(85,208,244,.5);--slightly-neon-blue:color(display-p3 0.39 0.922 1);--slightly-neon-blue-semitransparent:color(display-p3 0.39 0.922 1/0.5);--extreme-neon-blue:color(display-p3 0 0.922 1);--skills-tile-container-bg:rgba(98,49,68,.75);--effect-box-shadow-dropshadow:0.5rem 0.5rem 0.5rem rgba(0,0,0,.125);--effect-box-shadow-dropshadow-darker:0.5rem 0.5rem 0.5rem rgba(0,0,0,.25);--radius:100%;--primary-animation-color:var(--deep-green);--secondary-animation-color:var(--omega-purple);--body-font-family:"Montserrat","Helvetica",sans-serif;--body-font-weight:400;--body-line-height:1.75;--heading-font-family:"Bitter",serif;--heading-font-weight:700}body.high-contrast{--primary-foreground:#fff;--secondary-foreground:#000;--primary-heading:#fff;--gradient-heading-bright-side:#fff;--gradient-heading:var(--merino-lighter);--gradient-heading-dark-side:var(--merino-light);--secondary-heading:var(--greenish-blue);--link-hover-background:var(--illuminating-higher-contrast);--primary-background:var(--spermidine-green-darker);--secondary-background:var(--merino-lighter);--secondary-lighter-background:#fff;--cta-light-background:#fff;--cta-button-light-background:var(--illuminating-higher-contrast);--nav-menu-background:var(--greenish-blue);--peel-gradient:var(--spermidine-green-darker);--peel-gradient-semitrans:var(--greenish-blue);--hashtag-default:var(--dark-contrast-blue);--hashtag-green:var(--spermidine-green);--hashtag-blue:var(--greenish-blue);--brand-yellow-js:var(--illuminating-higher-contrast);--brand-yellow-js-neon:var(--illuminating-higher-contrast);--brand-yellow-miro:var(--illuminating-higher-contrast);--brand-yellow-miro-neon:color(display-p3 0.94 0.76 0.25);--brand-orange-html:var(--omega-purple);--brand-orange-html-neon:var(--omega-purple);--brand-orange-mysql:var(--omega-purple);--brand-brown-composer:var(--omega-purple);--brand-red-express-post-apache:var(--brand-reddish-dark);--brand-red-express-post-apache-neon:var(--brand-reddish-dark);--brand-red-oracle-soap-npm:var(--brand-reddish-dark);--brand-red-oracle-soap-npm-neon:var(--brand-reddish-dark);--brand-purple-scss:var(--omega-purple);--brand-purple-scss-neon:var(--omega-purple);--brand-purple-dark-preact:#673ab8;--brand-blue-tailwind-react:var(--brand-blue-light);--brand-blue-tailwind-react-neon:var(--brand-blue-light);--brand-blue-shopware6:var(--brand-purple-dark-preact);--brand-blue-shopware5:var(--dark-contrast-blue);--brand-blue-liquid:var(--dark-contrast-blue);--brand-blue-liquid-neon:var(--dark-contrast-blue);--brand-blue-typescript:var(--dark-contrast-blue);--brand-blue-typescript-neon:var(--dark-contrast-blue);--brand-blue-php7:var(--dark-contrast-blue);--brand-blue-php8:var(--brand-purple-dark-preact);--brand-blue-less:var(--dark-contrast-blue);--brand-blue-less-neon:color(display-p3 0.03 0.41 0.68);--brand-green-twig-bg:#f8ffcf;--brand-green-css-mongo:var(--spermidine-green);--brand-green-css-mongo-neon:var(--spermidine-green);--interior-rose:#ffe0cf;--brand-vanilla:#fff;--textmarker-blue:#b7efff;--skills-tile-container-bg:var(--omage-purple-darker);--primary-animation-color:#000}body{voice-family:male;voice-pitch:high}img{border:none}figure.content-image{display:block;margin:0;padding:0}figure.content-image img{height:auto;max-width:calc(100vw - 24px);width:800px}figure.content-image figcaption{font-size:.8125em;padding-top:.25em}.pl1{padding-left:1em}.center{margin:0 auto;text-align:center}a,a:active,a:focus,a:hover,a:link,a:visited{color:var(--primary-foreground);-webkit-text-decoration-color:var(--primary-foreground);text-decoration-color:var(--primary-foreground);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-offset:4px}a:focus,a:hover{-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:.1em}.main-menu a{display:block;padding:.75em 15px;text-decoration:none}.social-links a{padding:1em}.social-links a:focus,.social-links a:hover{border-radius:.25em;color:var(--primary-background);padding:1.25em 1em .75em}.font-sans{font-family:var(--sans-font-family);font-weight:var(--body-font-weight)}@media screen and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::-moz-selection{background-color:var(--textmarker-blue);background-color:var(--slightly-neon-blue);color:var(--secondary-foreground)}::selection{background-color:var(--textmarker-blue);background-color:var(--slightly-neon-blue);color:var(--secondary-foreground)}a::-moz-selection,h1::-moz-selection{background-color:var(--textmarker-blue-semitransparent);background-color:var(--slightly-neon-blue-semitransparent);color:var(--secondary-foreground)}a::selection,h1::selection{background-color:var(--textmarker-blue-semitransparent);background-color:var(--slightly-neon-blue-semitransparent);color:var(--secondary-foreground)}.alternating-div-color>div:nth-child(2n-1):not(.no-alternating-color){background-color:var(--cta-light-background);color:var(--secondary-foreground)}.text-content-color a,.text-content-color a:active,.text-content-color a:link,.text-content-color a:visited{color:var(--secondary-foreground);-webkit-text-decoration-color:var(--secondary-foreground);text-decoration-color:var(--secondary-foreground)}.text-content-color a:focus,.text-content-color a:hover{-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background)}.main-menu a:focus,.main-menu a:hover{background:var(--nav-menu-background)}.page-footer a:active,.page-footer a:focus,.page-footer a:hover,.page-footer a:link,.page-footer a:visited,.vcard a:active,.vcard a:focus,.vcard a:hover,.vcard a:link,.vcard a:visited,a.menu-toggle:active,a.menu-toggle:focus,a.menu-toggle:hover,a.menu-toggle:link,a.menu-toggle:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-size:70% 100%,50% 100%,99% 100%;margin-bottom:-8px}.vcard a:active,.vcard a:focus,.vcard a:hover,.vcard a:link,.vcard a:visited{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(var(--link-hover-background),var(--link-hover-background));color:var(--secondary-foreground);-webkit-text-decoration-color:var(--secondary-foreground);text-decoration-color:var(--secondary-foreground)}.page-footer a:nth-child(2),.page-footer a:nth-child(3){margin-left:1rem}.page-footer a:focus,.page-footer a:hover,.vcard a:focus,.vcard a:hover,a.menu-toggle:focus,a.menu-toggle:hover{background-size:0 100%,0 100%,100% 100%;color:#000;outline:none}@supports (background-image:linear-gradient(#222b40,#222b40)) and (transition:all 2s linear){a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-repeat:no-repeat;background-size:100% 100%,50% 100%,100% 100%;transition:background-size .25s ease-in,color .25s ease-in}a:focus,a:hover{background-size:0 100%,0 100%,100% 100%}.text-content-color a,.text-content-color a:active,.text-content-color a:focus,.text-content-color a:hover,.text-content-color a:link,.text-content-color a:visited{background-image:linear-gradient(var(--secondary-lighter-background),var(--secondary-lighter-background)),linear-gradient(var(--secondary-lighter-background),var(--secondary-lighter-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background))}}.hashtag{background-color:var(--hashtag-default);border-radius:10%;color:#fff;display:inline-block;font-size:.75rem;margin-bottom:.5em;margin-right:.125em;padding:.25em .5em;white-space:nowrap}.page-footer{color:var(--primary-foreground);line-height:1;margin:0 auto;padding:0 0 1vh 1em;text-align:center}.tile{padding:0;position:relative}.tile h3{margin:.75rem 0 0}.tile .flex{display:flex;flex-direction:column;justify-content:space-between}.flow-grid{background-position:0 0;background-repeat:no-repeat;background-size:auto;overflow-x:hidden}.flow-grid .tile{border:1px dashed;line-height:2;margin-left:2px;overflow:hidden;text-overflow:ellipsis}.tile-content{padding:0 1em}.tile-content .screenshots{position:relative}.tile-content .screenshot{display:inline-block;height:auto;max-width:calc(100vw - 1rem);position:relative;transition:width .25s ease-in,height .25s ease-in;width:30%;z-index:1}.tile-content .screenshot:hover{width:100%;z-index:100}.flow-grid .hashtag{background-color:var(--hashtag-default);border-radius:0;color:#fff;font-size:.95em}.code-link{font-family:monospace;font-size:1em;overflow-x:clip;text-overflow:ellipsis}.code-link:not(.only-print){display:inline-block;white-space:nowrap}@media only screen and (max-width:490px){.code-link:not(.only-print){max-width:99vw;white-space:normal;word-break:break-all}}.bg-peel{background:linear-gradient(135deg,var(--primary-background) 0,var(--peel-gradient-semitrans) 15%,var(--peel-gradient) 60%);height:100%}.hashtags{display:flex;flex-wrap:wrap}.vcard{background-color:#fff;color:#000;margin:1em auto 0;max-width:490px;padding:1em;position:relative;text-align:left}#contact contactform-wrapper.initially-hidden{display:none}#contact:target contactform-wrapper.initially-hidden{display:block}.contactform fieldset{border:none;margin:0 0 0 -.25rem;padding:0}.contactform-row,.contactform-title{display:block}.contactform-row{display:flex;margin:.5rem 0 0}.contactform-row.initially-hidden{display:none}.contactform-row label{flex:0 0 6rem;max-width:100%;padding-left:.25rem}.contactform-field-message,.contactform-row input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-bottom:1px solid silver;box-shadow:none;color:#000;font-family:var(--body-font-family);font-size:1rem;margin:0;padding:0 0 0 .25rem}.contactform-row input{flex:1 0 6em;max-width:100%}.contactform-field-message::-moz-placeholder,.contactform-row input::-moz-placeholder{color:#000}.contactform-field-message::placeholder,.contactform-row input::placeholder{color:#000}.contactform-field-message{flex:1 0 100%;margin-top:.5rem;max-width:100%}.contactform-button-submit{cursor:pointer;font-family:var(--body-font-family);font-size:1rem;margin-top:.25rem;padding:.25rem .5rem}.contactform-message{margin-right:-1rem;padding-top:1rem}.contactform-message-sent:before{content:"✅";margin-right:.25rem}.contactform-message-error:before{content:"❌";margin-right:.25rem}.contactform-field-captcha,.contactform-field-homepage,.contactform.status-error .contactform-button-submit .send-first,.contactform.status-error .contactform-button-submit .send-retry,.contactform.status-initial .contactform-message-error,.contactform.status-initial .contactform-message-sending,.contactform.status-initial .contactform-message-sent,.contactform.status-initial .initially-hidden,.contactform.status-sending .contactform-button-submit .send-retry,.contactform.status-sending .contactform-row-submit,.contactform.status-sent .contactform-button-submit .send-retry,.contactform.status-sent .contactform-row-submit{display:none}.contactform.status-error .contactform-message-error,.contactform.status-sending .contactform-message-sending,.contactform.status-sent .contactform-message-sent{display:block}.contactform.status-error .contactform-button-submit .send-retry{display:inline}@media only screen and (max-width:490px){#contact,.vcard,main>section{max-width:100%;max-width:100vw}}.vcard h2{text-align:center}.vcard h2,.vcard h3{color:#000;font-size:2em;margin:0}.vcard-digital-wrapper{pointer-events:none;text-align:right;-moz-user-select:none;-webkit-user-select:none;user-select:none}.vcard-digital-qr{background:transparent;display:inline-block;margin:1rem 0 0 auto;text-align:right}a.vcard-digital-qr:active,a.vcard-digital-qr:hover,a.vcard-digital-qr:link,a.vcard-digital-qr:visited{background:none;background-image:none}.vcard-digital-qr-image{height:auto;max-width:40vw;width:8rem}.vcard-digital-teaser-text{font-size:1.125rem;line-height:1.625;margin-top:-4rem;transform:rotate(19deg)}.vcard-digital-arrow{display:block;height:auto;margin:.75rem 3rem 1rem auto;max-width:20vw;transform:rotate(45deg);width:4rem}@media (min-width:360px){.vcard-digital-teaser-text{margin-left:20%}}@media (min-width:375px){.vcard-digital-wrapper{height:-moz-min-content;height:min-content;padding:5rem 1rem 0 0;position:absolute;right:0;top:0;width:100%}}@media (min-width:440px){.vcard-digital-teaser-text{margin-left:0}.vcard-digital-arrow{margin-right:.5rem;transform:rotate(338deg)}.vcard-digital-qr{margin:0 0 0 auto}.vcard-digital-wrapper{padding:6rem 1rem 0 0}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.price{white-space:nowrap}.visually-spaced+.visually-spaced:before{content:" ";letter-spacing:.25rem}.menu-toggle{display:inline-block;padding:6px 8px 0 4px}@media only screen and (min-width:375px){.menu-toggle{margin-right:1.5rem}}.main-menu{display:none;height:auto;max-height:100vh;overflow-x:visible;overflow-y:auto;position:absolute;right:-200px;top:0;transition:left .3s ease,box-shadow .3s ease;z-index:999}.main-menu ul{background:var(--primary-background);box-shadow:-8px 0 8px rgba(0,0,0,.75);list-style:none;margin:0;min-height:100%;padding:2.5em 0 0;width:200px}.main-menu .menuClose{position:absolute;right:0;top:0}.main-menu:target,.main-menu[aria-expanded=true]{box-shadow:3px 0 12px rgba(0,0,0,.75);display:block;outline:none;right:0}.main-menu:target .menuClose,.main-menu[aria-expanded=true] .menuClose{background:transparent;border:none;text-decoration:none;z-index:1001}.main-menu:target ul,.main-menu[aria-expanded=true] ul{position:relative;z-index:1000}.main-menu:target+.backdrop,.main-menu[aria-expanded=true]+.backdrop{background-color:var(--primary-background);cursor:default;display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:998}@media screen and (min-width:320px) and (max-width:949.999px){.extra-nav-link,.extra-nav-link.initially-hidden{display:inline-block;margin-right:1rem;padding:.375rem .5rem 0;text-decoration:none}a.extra-nav-link:active,a.extra-nav-link:focus,a.extra-nav-link:hover{color:#000}}@media (min-width:950px){.main-menu .menuClose,.menu-toggle{display:none}.main-menu{display:block;height:auto;left:0;margin:0 0 -4px;overflow-y:hidden;position:relative;top:auto}.main-menu ul{background:none;box-shadow:none;display:flex;height:auto;padding:0;width:auto}.main-menu ul li,.sticky-header>.wrapper>.raised-layer{display:inline-block;float:left}.main-menu a{white-space:nowrap}.page-navigation a:active,.page-navigation a:focus,.page-navigation a:hover,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:focus,.sticky-header a:hover,.sticky-header a:link,.sticky-header a:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-size:70% 100%,50% 100%,99% 100%;line-height:1;margin-bottom:-8px}.page-navigation a:focus,.page-navigation a:hover{background-size:0 100%,0 100%,100% 100%;color:#000;outline:none}}.grid-container .tile a:active,.grid-container .tile a:link,.grid-container .tile a:visited{color:var(--primary-foreground);font-size:1em}.grid-container .tile a:focus,.grid-container .tile a:hover{color:#000}.grid-container .tile a:active,.grid-container .tile a:focus,.grid-container .tile a:hover,.grid-container .tile a:link,.grid-container .tile a:visited{background-image:linear-gradient(var(--peel-gradient),var(--peel-gradient)),linear-gradient(var(--peel-gradient),var(--peel-gradient)),linear-gradient(var(--link-hover-background),var(--link-hover-background))}.social-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-left:auto;margin-right:auto;max-width:490px;padding:0 1em}.social-links svg{height:auto;width:25px}.social-links a:not(.only-print){display:block;min-height:2.5em;min-width:2.5em}.social-links a:not(a:hover):not(a:focus){background:none}.landingpage--links,.legal--copyright{margin-bottom:2em}.rounded-rectangle{border:0 solid transparent;border-radius:1em/.75em}.page-footer .transparent a:link:not(a:focus):not(a:hover),.page-footer .transparent a:not(a:focus):not(a:hover),.page-footer .transparent a:visited:not(a:focus):not(a:hover),.transparent,.transparent a:link:not(a:focus):not(a:hover),.transparent a:not(a:focus):not(a:hover),.transparent a:visited:not(a:focus):not(a:hover),a.transparent,a:link.transparent,a:visited.transparent{background-color:transparent;background-image:none}a.transparent:focus .rounded-rectangle,a.transparent:hover .rounded-rectangle{border:2px solid var(--link-hover-background)}#sticky-headline a{background:none;text-decoration:none}#sticky-headline a:focus,#sticky-headline a:hover,a.menu-toggle:hover{background-color:var(--link-hover-background);color:#000;outline:none}.contrast-toggle{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;text-decoration:none}.contrast-toggle svg{color:#fff;margin:.35rem .5rem -.35rem}.jumbotronHeader h1{-webkit-text-fill-color:transparent;animation:AnimateTextGradient 7s ease infinite;animation-delay:1s;background:-webkit-linear-gradient(var(--gradient-heading-dark-side),var(--gradient-heading),var(--primary-heading),var(--gradient-heading-bright-side));background-clip:unset;-webkit-background-clip:text;background-size:100% 150%}@keyframes AnimateTextGradient{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}ul.code-links{max-width:100%;overflow-x:hidden;text-overflow:ellipsis}@media only screen and (max-width:490px){ul.code-links{padding-left:1.25rem}}ul.grid-container.skills{margin-bottom:2em}.skills h4{color:#fff;font-size:1.25em}.skills>.tile{background-color:var(--skills-tile-container-bg);color:#000;padding-left:1em}.skills>.tile ul{list-style-type:none;padding:0 1em 0 0}.skills>.tile li{background:#fff;margin-bottom:1em;min-height:5.5em;padding:.75em 1em}.skills .tile .hashtag{border-radius:0;font-size:.8125em;margin-right:3px}.grid-container.services{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:768px){.grid-container.services{grid-template-columns:1fr}}.grid-container.services>li{align-items:flex-start;background-color:var(--cta-light-background);color:var(--secondary-foreground);display:flex;flex-direction:column;padding:0 0 2rem 1rem}.grid-container.services>li ul{flex-grow:1;list-style-type:disc;padding:0 .5rem 0 2rem}.grid-container.services>li ul li{padding:0}.grid-container.services a.buttonlike,.grid-container.services a.buttonlike:active,.grid-container.services a.buttonlike:focus,.grid-container.services a.buttonlike:hover,.grid-container.services a.buttonlike:link,.grid-container.services a.buttonlike:visited,a.buttonlike,a.buttonlike:active,a.buttonlike:focus,a.buttonlike:hover,a.buttonlike:link,a.buttonlike:visited{align-self:center;background:var(--cta-button-light-background);background-color:var(--cta-button-light-background);background-image:none;border:1px solid var(--cta-button-light-background);border-radius:.25rem;color:var(--secondary-foreground);display:inline-block;margin-top:1.5rem;min-width:11rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:box-shadow .125s ease-out,font-size .125s ease-out,padding .125s ease-out}.cta-container{display:flex;justify-content:center;min-height:6rem;padding-bottom:1rem}.cta-container a.buttonlike,.cta-container a.buttonlike:active,.cta-container a.buttonlike:focus,.cta-container a.buttonlike:hover,.cta-container a.buttonlike:link,.cta-container a.buttonlike:visited{max-width:100%;min-width:20rem}.grid-container.services a.buttonlike:active,.grid-container.services a.buttonlike:link,.grid-container.services a.buttonlike:visited,a.buttonlike:active,a.buttonlike:link,a.buttonlike:visited{box-shadow:var(--effect-box-shadow-dropshadow)}.grid-container.services a.buttonlike:focus,.grid-container.services a.buttonlike:hover,a.buttonlike:focus,a.buttonlike:hover{box-shadow:var(--effect-box-shadow-dropshadow-darker);font-size:1.125rem;padding:.4rem .875rem .35rem}ul.aside-heading>li{margin-bottom:1rem}ul.aside-heading>li:last-child{margin-bottom:2rem}.brand-coral{background-color:var(--interior-rose);color:#000}.brand-beige{background-color:var(--palo-rose);color:#000}.brand-yellow{background-color:var(--brand-yellow-js);background-color:var(--brand-yellow-js-neon);color:#000}.brand-yellow-dark{background-color:var(--brand-yellow-miro);background-color:var(--brand-yellow-miro-neon);color:#000}.brand-orange{background-color:orange;background-color:var(--brand-orange-html);background-color:var(--brand-orange-html-neon);color:#fff}.brand-orange-light{background-color:var(--brand-orange-mysql);color:#fff}.brand-red-dark{background-color:var(--brand-red-oracle-soap-npm);background-color:var(--brand-red-oracle-soap-npm-neon);color:#fff}.brand-red-light{background-color:var(--brand-red-express-post-apache);background-color:var(--brand-red-express-post-apache-neon);color:#fff}.brand-purple{background-color:var(--brand-purple-scss);background-color:var(--brand-purple-scss-neon);color:#fff}.brand-purple-dark{background-color:var(--brand-purple-dark-preact);color:#fff}.brand-blue{background-color:var(--brand-blue-typescript);background-color:var(--brand-blue-typescript-neon);color:#fff}.brand-blue-less{background-color:var(--brand-blue-less);background-color:var(--brand-blue-less-neon);color:#fff}.brand-blue-light{background-color:var(--brand-blue-tailwind-react);background-color:var(--brand-blue-tailwind-react-neon);color:#000}.brand-blue-liquid{background-color:var(--brand-blue-liquid);background-color:var(--brand-blue-liquid-neon);color:#fff}.brand-blue-purplish{background-color:var(--brand-blue-shopware6);color:#fff}.brand-blue-shopware{background-color:var(--brand-blue-shopware5);color:#fff}.brand-blue-php{background-color:var(--brand-blue-php7);color:#fff}.brand-blue-php8{background-color:var(--brand-blue-php8);color:#fff}.brand-green{background-color:var(--brand-green-css-mongo);background-color:var(--brand-green-css-mongo-neon);color:#fff}.brand-green-twig{background-color:var(--brand-green-twig-bg);color:var(--brand-green-twig-fg)}.brand-gray-light{background-color:var(--brand-gray-mongoose);color:#fff}.brand-gray{background-color:var(--brand-gray-eleventy);color:#fff}.brand-gray-dark{background-color:var(--brand-black-inkscape);color:#fff}.brand-brown-light{background-color:var(--brand-brown-composer);color:#fff}.brand-brown-dark{background-color:var(--brand-gray-gimp);color:#fff}.brand-vanilla{background-color:var(--brand-vanilla);border:1px solid var(--merino-slightly-lighter);color:#000}.testimonials{margin-bottom:2rem}.testimonial blockquote{position:relative}.testimonial blockquote:before{color:var(--gradient-heading-dark-side);content:"”";display:block;font-family:var(--heading-font-family);font-size:3rem;height:3rem;left:-2rem;position:absolute;top:-1rem;width:3rem}.testimonial .stars:after{content:"⭐⭐⭐⭐⭐";display:inline-block;margin-left:.5rem;width:auto}figure.testimonial figcaption{font-weight:700}.badge--greenweb a:hover{background-image:none}.badge--greenweb a:hover img{background:var(--link-hover-background);border:2px solid var(--link-hover-background);border-radius:.5em;margin:-2px 0}#top #wcb #wcb_a,#wcb #wcb_g{--b2:#017d63}#top #wcb #wcb_g{color:#000}#top #wcb #wcb_2{color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1rem;line-height:1;padding:.25rem 0}#top #wcb #wcb_a:focus,#top #wcb #wcb_a:hover{background-color:var(--link-hover-background);color:#000;-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:.1em}@media (max-width:340px){#sticky-headline{display:inline-block;padding:.25rem 0 0 .5rem}.avatar{display:none}}body.high-contrast .sticky-header>.wrapper{box-shadow:none}body.high-contrast .skills .tile li>span:first-child{display:inline-block;font-weight:700;margin-bottom:.5em}body.high-contrast .skills .tile .hashtag{font-weight:700} \ No newline at end of file +body{--deep-green:#017d63;--spermidine-green:#1d4950;--spermidine-green-darker:#0c1f22;--fresh-blue:#6440fa;--surftheweb-pantone:#203c7f;--greenish-blue:#053245;--dark-contrast-blue:#1d3464;--pantone-illuminating:#f5df4d;--illuminating-higher-contrast:#fef300;--light-yellowish:#fffcf0;--white-wheat-butter:#f7ebcf;--trendy-beige:#f3db6d;--nougat-beige:#c97d43;--orange-tag:#df814b;--dirty-orange:#cf7626;--interior-rose:#f6b692;--omega-purple:#623144;--omage-purple-darker:#360518;--palo-rose:#fedbbd;--merino-lighter:#ebeff2;--merino-slightly-lighter:#d1d4d6;--merino-light:#bbbfc2;--merino-dark:#83878a;--primary-foreground:var(--merino-lighter);--secondary-foreground:#000;--primary-heading:var(--merino-lighter);--gradient-heading-bright-side:var(--light-yellowish);--gradient-heading:var(--merino-light);--gradient-heading-dark-side:var(--merino-dark);--secondary-heading:var(--greenish-blue);--link-hover-background:var(--pantone-illuminating);--primary-background:var(--spermidine-green);--secondary-background:var(--merino-light);--secondary-lighter-background:var(--merino-slightly-lighter);--cta-light-background:var(--white-wheat-butter);--cta-button-light-background:var(--pantone-illuminating);--nav-menu-background:var(--greenish-blue);--peel-gradient:var(--greenish-blue);--peel-gradient-semitrans:rgba(5,50,69,.5);--hashtag-default:var(--surftheweb-pantone);--hashtag-green:var(--spermidine-green);--hashtag-blue:var(--fresh-blue);--brand-yellow-js:#f5df4d;--brand-yellow-js-neon:color(display-p3 0.96 0.87 0.30);--brand-yellow-miro:#f0c140;--brand-yellow-miro-neon:color(display-p3 0.94 0.76 0.25);--brand-orange-html:#ba5002;--brand-orange-html-neon:color(display-p3 0.72 0.35 0.08);--brand-orange-mysql:#f0931a;--brand-brown-composer:#8a5428;--brand-red-express-post-apache:#dd3808;--brand-red-express-post-apache-neon:color(display-p3 0.81 0.22 0.05);--brand-red-oracle-soap-npm:#cb3837;--brand-red-oracle-soap-npm-neon:color(display-p3 0.80 0.22 0.22);--brand-reddish-dark:#7e000d;--brand-purple-scss:#bf4080;--brand-purple-scss-neon:color(display-p3 0.75 0.25 0.50);--brand-purple-dark-preact:#673ab8;--brand-blue-tailwind-react:#55d0f4;--brand-blue-tailwind-react-neon:color(display-p3 0.33 0.82 0.96);--brand-blue-light:#c0f1ff;--brand-blue-shopware6:#5c60e1;--brand-blue-shopware5:#3a9bf8;--brand-blue-liquid:#237caa;--brand-blue-liquid-neon:color(display-p3 0.15 0.44 0.58);--brand-blue-typescript:#3178c6;--brand-blue-typescript-neon:color(display-p3 0.19 0.47 0.78);--brand-blue-php7:#57659f;--brand-blue-php8:#282368;--brand-blue-less:#0769ad;--brand-blue-less-neon:color(display-p3 0.03 0.41 0.68);--brand-green-twig-bg:#d6e9a1;--brand-green-twig-fg:#000;--brand-green-css-mongo:#017d63;--brand-green-css-mongo-neon:color(display-p3 0.00 0.49 0.39);--brand-gray-mongoose:#58646d;--brand-gray-eleventy:#1d4950;--brand-gray-gimp:#514b3a;--brand-black-inkscape:#24273c;--brand-vanilla:#fffaf0;--textmarker-blue:var(--brand-blue-tailwind-react);--textmarker-blue-semitransparent:rgba(85,208,244,.5);--slightly-neon-blue:color(display-p3 0.39 0.922 1);--slightly-neon-blue-semitransparent:color(display-p3 0.39 0.922 1/0.5);--extreme-neon-blue:color(display-p3 0 0.922 1);--skills-tile-container-bg:rgba(98,49,68,.75);--effect-box-shadow-dropshadow:0.5rem 0.5rem 0.5rem rgba(0,0,0,.125);--effect-box-shadow-dropshadow-darker:0.5rem 0.5rem 0.5rem rgba(0,0,0,.25);--radius:100%;--primary-animation-color:var(--deep-green);--secondary-animation-color:var(--omega-purple);--body-font-family:"Montserrat","Helvetica",sans-serif;--body-font-weight:400;--body-line-height:1.75;--heading-font-family:"Bitter",serif;--heading-font-weight:700}body.high-contrast{--primary-foreground:#fff;--secondary-foreground:#000;--primary-heading:#fff;--gradient-heading-bright-side:#fff;--gradient-heading:var(--merino-lighter);--gradient-heading-dark-side:var(--merino-light);--secondary-heading:var(--greenish-blue);--link-hover-background:var(--illuminating-higher-contrast);--primary-background:var(--spermidine-green-darker);--secondary-background:var(--merino-lighter);--secondary-lighter-background:#fff;--cta-light-background:#fff;--cta-button-light-background:var(--illuminating-higher-contrast);--nav-menu-background:var(--greenish-blue);--peel-gradient:var(--spermidine-green-darker);--peel-gradient-semitrans:var(--greenish-blue);--hashtag-default:var(--dark-contrast-blue);--hashtag-green:var(--spermidine-green);--hashtag-blue:var(--greenish-blue);--brand-yellow-js:var(--illuminating-higher-contrast);--brand-yellow-js-neon:var(--illuminating-higher-contrast);--brand-yellow-miro:var(--illuminating-higher-contrast);--brand-yellow-miro-neon:color(display-p3 0.94 0.76 0.25);--brand-orange-html:var(--omega-purple);--brand-orange-html-neon:var(--omega-purple);--brand-orange-mysql:var(--omega-purple);--brand-brown-composer:var(--omega-purple);--brand-red-express-post-apache:var(--brand-reddish-dark);--brand-red-express-post-apache-neon:var(--brand-reddish-dark);--brand-red-oracle-soap-npm:var(--brand-reddish-dark);--brand-red-oracle-soap-npm-neon:var(--brand-reddish-dark);--brand-purple-scss:var(--omega-purple);--brand-purple-scss-neon:var(--omega-purple);--brand-purple-dark-preact:#673ab8;--brand-blue-tailwind-react:var(--brand-blue-light);--brand-blue-tailwind-react-neon:var(--brand-blue-light);--brand-blue-shopware6:var(--brand-purple-dark-preact);--brand-blue-shopware5:var(--dark-contrast-blue);--brand-blue-liquid:var(--dark-contrast-blue);--brand-blue-liquid-neon:var(--dark-contrast-blue);--brand-blue-typescript:var(--dark-contrast-blue);--brand-blue-typescript-neon:var(--dark-contrast-blue);--brand-blue-php7:var(--dark-contrast-blue);--brand-blue-php8:var(--brand-purple-dark-preact);--brand-blue-less:var(--dark-contrast-blue);--brand-blue-less-neon:color(display-p3 0.03 0.41 0.68);--brand-green-twig-bg:#f8ffcf;--brand-green-css-mongo:var(--spermidine-green);--brand-green-css-mongo-neon:var(--spermidine-green);--interior-rose:#ffe0cf;--brand-vanilla:#fff;--textmarker-blue:#b7efff;--skills-tile-container-bg:var(--omage-purple-darker);--primary-animation-color:#000}body{voice-family:male;voice-pitch:high}img{border:none}figure.content-image{display:block;margin:0;padding:0}figure.content-image img{height:auto;max-width:calc(100vw - 24px);width:800px}figure.content-image figcaption{font-size:.8125em;padding-top:.25em}.pl1{padding-left:1em}.center{margin:0 auto;text-align:center}a,a:active,a:focus,a:hover,a:link,a:visited{color:var(--primary-foreground);-webkit-text-decoration-color:var(--primary-foreground);text-decoration-color:var(--primary-foreground);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:from-font;text-underline-offset:4px}a:focus,a:hover{-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:.1em}.main-menu a{display:block;padding:.75em 15px;text-decoration:none}.social-links a{padding:1em}.social-links a:focus,.social-links a:hover{border-radius:.25em;color:var(--primary-background);padding:1.25em 1em .75em}.font-sans{font-family:var(--sans-font-family);font-weight:var(--body-font-weight)}@media screen and (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}::-moz-selection{background-color:var(--textmarker-blue);background-color:var(--slightly-neon-blue);color:var(--secondary-foreground)}::selection{background-color:var(--textmarker-blue);background-color:var(--slightly-neon-blue);color:var(--secondary-foreground)}a::-moz-selection,h1::-moz-selection{background-color:var(--textmarker-blue-semitransparent);background-color:var(--slightly-neon-blue-semitransparent);color:var(--secondary-foreground)}a::selection,h1::selection{background-color:var(--textmarker-blue-semitransparent);background-color:var(--slightly-neon-blue-semitransparent);color:var(--secondary-foreground)}.alternating-div-color>div:nth-child(2n-1):not(.no-alternating-color){background-color:var(--cta-light-background);color:var(--secondary-foreground)}.text-content-color a,.text-content-color a:active,.text-content-color a:link,.text-content-color a:visited{color:var(--secondary-foreground);-webkit-text-decoration-color:var(--secondary-foreground);text-decoration-color:var(--secondary-foreground)}.text-content-color a:focus,.text-content-color a:hover{-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background)}.main-menu a:focus,.main-menu a:hover{background:var(--nav-menu-background)}.page-footer a:active,.page-footer a:focus,.page-footer a:hover,.page-footer a:link,.page-footer a:visited,.vcard a:active,.vcard a:focus,.vcard a:hover,.vcard a:link,.vcard a:visited,a.menu-toggle:active,a.menu-toggle:focus,a.menu-toggle:hover,a.menu-toggle:link,a.menu-toggle:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-size:70% 100%,50% 100%,99% 100%;margin-bottom:-8px}.vcard a:active,.vcard a:focus,.vcard a:hover,.vcard a:link,.vcard a:visited{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(var(--link-hover-background),var(--link-hover-background));color:var(--secondary-foreground);-webkit-text-decoration-color:var(--secondary-foreground);text-decoration-color:var(--secondary-foreground)}.page-footer a:nth-child(2),.page-footer a:nth-child(3){margin-left:1rem}.page-footer a:focus,.page-footer a:hover,.vcard a:focus,.vcard a:hover,a.menu-toggle:focus,a.menu-toggle:hover{background-size:0 100%,0 100%,100% 100%;color:#000;outline:none}@supports (background-image:linear-gradient(#222b40,#222b40)) and (transition:all 2s linear){a,a:active,a:focus,a:hover,a:link,a:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-repeat:no-repeat;background-size:100% 100%,50% 100%,100% 100%;transition:background-size .25s ease-in,color .25s ease-in}a:focus,a:hover{background-size:0 100%,0 100%,100% 100%}.text-content-color a,.text-content-color a:active,.text-content-color a:focus,.text-content-color a:hover,.text-content-color a:link,.text-content-color a:visited{background-image:linear-gradient(var(--secondary-lighter-background),var(--secondary-lighter-background)),linear-gradient(var(--secondary-lighter-background),var(--secondary-lighter-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background))}}.hashtag{background-color:var(--hashtag-default);border-radius:10%;color:#fff;display:inline-block;font-size:.75rem;margin-bottom:.5em;margin-right:.125em;padding:.25em .5em;white-space:nowrap}.page-footer{color:var(--primary-foreground);line-height:1;margin:0 auto;padding:0 0 1vh 1em;text-align:center}.tile{padding:0;position:relative}.tile h3{margin:.75rem 0 0}.tile .flex{display:flex;flex-direction:column;justify-content:space-between}.flow-grid{background-position:0 0;background-repeat:no-repeat;background-size:auto;overflow-x:hidden}.flow-grid .tile{border:1px dashed;line-height:2;margin-left:2px;overflow:hidden;text-overflow:ellipsis}.tile-content{padding:0 1em}.tile-content .screenshots{position:relative}.tile-content .screenshot{display:inline-block;height:auto;max-width:calc(100vw - 1rem);position:relative;transition:width .25s ease-in,height .25s ease-in;width:30%;z-index:1}.tile-content .screenshot:hover{width:100%;z-index:100}.flow-grid .hashtag{background-color:var(--hashtag-default);border-radius:0;color:#fff;font-size:.95em}.code-link{font-family:monospace;font-size:1em;overflow-x:clip;text-overflow:ellipsis}.code-link:not(.only-print){display:inline-block;white-space:nowrap}@media only screen and (max-width:490px){.code-link:not(.only-print){max-width:99vw;white-space:normal;word-break:break-all}}.bg-peel{background:linear-gradient(135deg,var(--primary-background) 0,var(--peel-gradient-semitrans) 15%,var(--peel-gradient) 60%);height:100%}.hashtags{display:flex;flex-wrap:wrap}.vcard{background-color:#fff;color:#000;margin:1em auto 0;max-width:490px;padding:1em;position:relative;text-align:left}#contact contactform-wrapper.initially-hidden{display:none}#contact:target contactform-wrapper.initially-hidden{display:block}.contactform fieldset{border:none;margin:0 0 0 -.25rem;padding:0}.contactform-row,.contactform-title{display:block}.contactform-title{font-weight:700;margin:.5em 0 1em}.contactform-row{display:flex;margin:.5rem 0 0}.contactform-row.initially-hidden{display:none}.contactform-row label{flex:0 0 6rem;max-width:100%;padding-left:.25rem}.contactform-field-message,.contactform-row input{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;border-bottom:1px solid silver;box-shadow:none;color:#000;font-family:var(--body-font-family);font-size:1rem;margin:0;padding:0 0 0 .25rem}.contactform-row input{flex:1 0 6em;max-width:100%}.contactform-field-message::-moz-placeholder,.contactform-row input::-moz-placeholder{color:#000}.contactform-field-message::placeholder,.contactform-row input::placeholder{color:#000}.contactform-field-message{flex:1 0 100%;margin-top:.5rem;max-width:100%}.contactform-button-submit{cursor:pointer;font-family:var(--body-font-family);font-size:1rem;margin-top:.25rem;padding:.25rem .5rem}.contactform-message{margin-right:-1rem;padding-top:1rem}.contactform-message-sent:before{content:"✅";margin-right:.25rem}.contactform-message-error:before{content:"❌";margin-right:.25rem}.contactform-field-captcha,.contactform-field-homepage,.contactform.status-error .contactform-button-submit .send-first,.contactform.status-error .contactform-button-submit .send-retry,.contactform.status-initial .contactform-message-error,.contactform.status-initial .contactform-message-sending,.contactform.status-initial .contactform-message-sent,.contactform.status-initial .initially-hidden,.contactform.status-sending .contactform-button-submit .send-retry,.contactform.status-sending .contactform-row-submit,.contactform.status-sent .contactform-button-submit .send-retry,.contactform.status-sent .contactform-row-submit{display:none}.contactform.status-error .contactform-message-error,.contactform.status-sending .contactform-message-sending,.contactform.status-sent .contactform-message-sent{display:block}.contactform.status-error .contactform-button-submit .send-retry{display:inline}@media only screen and (max-width:490px){#contact,.vcard,main>section{max-width:100%;max-width:100vw}}.vcard h2{text-align:center}.vcard h2,.vcard h3{color:#000;font-size:2em;margin:0}.vcard-digital-wrapper{pointer-events:none;text-align:right;-moz-user-select:none;-webkit-user-select:none;user-select:none}.vcard-digital-qr{background:transparent;display:inline-block;margin:1rem 0 0 auto;text-align:right}a.vcard-digital-qr:active,a.vcard-digital-qr:hover,a.vcard-digital-qr:link,a.vcard-digital-qr:visited{background:none;background-image:none}.vcard-digital-qr-image{height:auto;max-width:40vw;width:8rem}.vcard-digital-teaser-text{font-size:1.125rem;line-height:1.625;margin-top:-4rem;transform:rotate(19deg)}.vcard-digital-arrow{display:block;height:auto;margin:.75rem 3rem 1rem auto;max-width:20vw;transform:rotate(45deg);width:4rem}@media (min-width:360px){.vcard-digital-teaser-text{margin-left:20%}}@media (min-width:375px){.vcard-digital-wrapper{height:-moz-min-content;height:min-content;padding:5rem 1rem 0 0;position:absolute;right:0;top:0;width:100%}}@media (min-width:440px){.vcard-digital-teaser-text{margin-left:0}.vcard-digital-arrow{margin-right:.5rem;transform:rotate(338deg)}.vcard-digital-qr{margin:0 0 0 auto}.vcard-digital-wrapper{padding:6rem 1rem 0 0}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.price{white-space:nowrap}.visually-spaced+.visually-spaced:before{content:" ";letter-spacing:.25rem}.menu-toggle{display:inline-block;padding:6px 8px 0 4px}@media only screen and (min-width:375px){.menu-toggle{margin-right:1.5rem}}.main-menu{display:none;height:auto;max-height:100vh;overflow-x:visible;overflow-y:auto;position:absolute;right:-200px;top:0;transition:left .3s ease,box-shadow .3s ease;z-index:999}.main-menu ul{background:var(--primary-background);box-shadow:-8px 0 8px rgba(0,0,0,.75);list-style:none;margin:0;min-height:100%;padding:2.5em 0 0;width:200px}.main-menu .menuClose{position:absolute;right:0;top:0}.main-menu:target,.main-menu[aria-expanded=true]{box-shadow:3px 0 12px rgba(0,0,0,.75);display:block;outline:none;right:0}.main-menu:target .menuClose,.main-menu[aria-expanded=true] .menuClose{background:transparent;border:none;text-decoration:none;z-index:1001}.main-menu:target ul,.main-menu[aria-expanded=true] ul{position:relative;z-index:1000}.main-menu:target+.backdrop,.main-menu[aria-expanded=true]+.backdrop{background-color:var(--primary-background);cursor:default;display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:998}@media screen and (min-width:320px) and (max-width:949.999px){.extra-nav-link,.extra-nav-link.initially-hidden{display:inline-block;margin-right:1rem;padding:.375rem .5rem 0;text-decoration:none}a.extra-nav-link:active,a.extra-nav-link:focus,a.extra-nav-link:hover{color:#000}}@media (min-width:950px){.main-menu .menuClose,.menu-toggle{display:none}.main-menu{display:block;height:auto;left:0;margin:0 0 -4px;overflow-y:hidden;position:relative;top:auto}.main-menu ul{background:none;box-shadow:none;display:flex;height:auto;padding:0;width:auto}.main-menu ul li,.sticky-header>.wrapper>.raised-layer{display:inline-block;float:left}.main-menu a{white-space:nowrap}.page-navigation a:active,.page-navigation a:focus,.page-navigation a:hover,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:focus,.sticky-header a:hover,.sticky-header a:link,.sticky-header a:visited{background-image:linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--primary-background),var(--primary-background)),linear-gradient(var(--link-hover-background),var(--link-hover-background));background-position:0 0,100% 0,0 0;background-size:70% 100%,50% 100%,99% 100%;line-height:1;margin-bottom:-8px}.page-navigation a:focus,.page-navigation a:hover{background-size:0 100%,0 100%,100% 100%;color:#000;outline:none}}.grid-container .tile a:active,.grid-container .tile a:link,.grid-container .tile a:visited{color:var(--primary-foreground);font-size:1em}.grid-container .tile a:focus,.grid-container .tile a:hover{color:#000}.grid-container .tile a:active,.grid-container .tile a:focus,.grid-container .tile a:hover,.grid-container .tile a:link,.grid-container .tile a:visited{background-image:linear-gradient(var(--peel-gradient),var(--peel-gradient)),linear-gradient(var(--peel-gradient),var(--peel-gradient)),linear-gradient(var(--link-hover-background),var(--link-hover-background))}.social-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;list-style:none;margin-left:auto;margin-right:auto;max-width:490px;padding:0 1em}.social-links svg{height:auto;width:25px}.social-links a:not(.only-print){display:block;min-height:2.5em;min-width:2.5em}.social-links a:not(a:hover):not(a:focus){background:none}.landingpage--links,.legal--copyright{margin-bottom:2em}.rounded-rectangle{border:0 solid transparent;border-radius:1em/.75em}.page-footer .transparent a:link:not(a:focus):not(a:hover),.page-footer .transparent a:not(a:focus):not(a:hover),.page-footer .transparent a:visited:not(a:focus):not(a:hover),.transparent,.transparent a:link:not(a:focus):not(a:hover),.transparent a:not(a:focus):not(a:hover),.transparent a:visited:not(a:focus):not(a:hover),a.transparent,a:link.transparent,a:visited.transparent{background-color:transparent;background-image:none}a.transparent:focus .rounded-rectangle,a.transparent:hover .rounded-rectangle{border:2px solid var(--link-hover-background)}#sticky-headline a{background:none;text-decoration:none}#sticky-headline a:focus,#sticky-headline a:hover,a.menu-toggle:hover{background-color:var(--link-hover-background);color:#000;outline:none}.contrast-toggle{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;text-decoration:none}.contrast-toggle svg{color:#fff;margin:.35rem .5rem -.35rem}.jumbotronHeader h1{-webkit-text-fill-color:transparent;animation:AnimateTextGradient 7s ease infinite;animation-delay:1s;background:-webkit-linear-gradient(var(--gradient-heading-dark-side),var(--gradient-heading),var(--primary-heading),var(--gradient-heading-bright-side));background-clip:unset;-webkit-background-clip:text;background-size:100% 150%}@keyframes AnimateTextGradient{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}ul.code-links{max-width:100%;overflow-x:hidden;text-overflow:ellipsis}@media only screen and (max-width:490px){ul.code-links{padding-left:1.25rem}}ul.grid-container.skills{margin-bottom:2em}.skills h4{color:#fff;font-size:1.25em}.skills>.tile{background-color:var(--skills-tile-container-bg);color:#000;padding-left:1em}.skills>.tile ul{list-style-type:none;padding:0 1em 0 0}.skills>.tile li{background:#fff;margin-bottom:1em;min-height:5.5em;padding:.75em 1em}.skills .tile .hashtag{border-radius:0;font-size:.8125em;margin-right:3px}.grid-container.services{grid-template-columns:1fr 1fr 1fr}@media only screen and (max-width:768px){.grid-container.services{grid-template-columns:1fr}}.grid-container.services>li{align-items:flex-start;background-color:var(--cta-light-background);color:var(--secondary-foreground);display:flex;flex-direction:column;padding:0 0 2rem 1rem}.grid-container.services>li ul{flex-grow:1;list-style-type:disc;padding:0 .5rem 0 2rem}.grid-container.services>li ul li{padding:0}.grid-container.services a.buttonlike,.grid-container.services a.buttonlike:active,.grid-container.services a.buttonlike:focus,.grid-container.services a.buttonlike:hover,.grid-container.services a.buttonlike:link,.grid-container.services a.buttonlike:visited,a.buttonlike,a.buttonlike:active,a.buttonlike:focus,a.buttonlike:hover,a.buttonlike:link,a.buttonlike:visited{align-self:center;background:var(--cta-button-light-background);background-color:var(--cta-button-light-background);background-image:none;border:1px solid var(--cta-button-light-background);border-radius:.25rem;color:var(--secondary-foreground);display:inline-block;margin-top:1.5rem;min-width:11rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:box-shadow .125s ease-out,font-size .125s ease-out,padding .125s ease-out}.cta-container{display:flex;justify-content:center;min-height:6rem;padding-bottom:1rem}.text-content-layout-children+.cta-container{margin-bottom:3rem}.cta-container a.buttonlike,.cta-container a.buttonlike:active,.cta-container a.buttonlike:focus,.cta-container a.buttonlike:hover,.cta-container a.buttonlike:link,.cta-container a.buttonlike:visited{max-width:100%;min-width:20rem}.grid-container.services a.buttonlike:active,.grid-container.services a.buttonlike:link,.grid-container.services a.buttonlike:visited,a.buttonlike:active,a.buttonlike:link,a.buttonlike:visited{box-shadow:var(--effect-box-shadow-dropshadow)}.grid-container.services a.buttonlike:focus,.grid-container.services a.buttonlike:hover,a.buttonlike:focus,a.buttonlike:hover{box-shadow:var(--effect-box-shadow-dropshadow-darker);font-size:1.125rem;padding:.4rem .875rem .35rem}ul.aside-heading>li{margin-bottom:1rem}ul.aside-heading>li:last-child{margin-bottom:2rem}.brand-coral{background-color:var(--interior-rose);color:#000}.brand-beige{background-color:var(--palo-rose);color:#000}.brand-yellow{background-color:var(--brand-yellow-js);background-color:var(--brand-yellow-js-neon);color:#000}.brand-yellow-dark{background-color:var(--brand-yellow-miro);background-color:var(--brand-yellow-miro-neon);color:#000}.brand-orange{background-color:orange;background-color:var(--brand-orange-html);background-color:var(--brand-orange-html-neon);color:#fff}.brand-orange-light{background-color:var(--brand-orange-mysql);color:#fff}.brand-red-dark{background-color:var(--brand-red-oracle-soap-npm);background-color:var(--brand-red-oracle-soap-npm-neon);color:#fff}.brand-red-light{background-color:var(--brand-red-express-post-apache);background-color:var(--brand-red-express-post-apache-neon);color:#fff}.brand-purple{background-color:var(--brand-purple-scss);background-color:var(--brand-purple-scss-neon);color:#fff}.brand-purple-dark{background-color:var(--brand-purple-dark-preact);color:#fff}.brand-blue{background-color:var(--brand-blue-typescript);background-color:var(--brand-blue-typescript-neon);color:#fff}.brand-blue-less{background-color:var(--brand-blue-less);background-color:var(--brand-blue-less-neon);color:#fff}.brand-blue-light{background-color:var(--brand-blue-tailwind-react);background-color:var(--brand-blue-tailwind-react-neon);color:#000}.brand-blue-liquid{background-color:var(--brand-blue-liquid);background-color:var(--brand-blue-liquid-neon);color:#fff}.brand-blue-purplish{background-color:var(--brand-blue-shopware6);color:#fff}.brand-blue-shopware{background-color:var(--brand-blue-shopware5);color:#fff}.brand-blue-php{background-color:var(--brand-blue-php7);color:#fff}.brand-blue-php8{background-color:var(--brand-blue-php8);color:#fff}.brand-green{background-color:var(--brand-green-css-mongo);background-color:var(--brand-green-css-mongo-neon);color:#fff}.brand-green-twig{background-color:var(--brand-green-twig-bg);color:var(--brand-green-twig-fg)}.brand-gray-light{background-color:var(--brand-gray-mongoose);color:#fff}.brand-gray{background-color:var(--brand-gray-eleventy);color:#fff}.brand-gray-dark{background-color:var(--brand-black-inkscape);color:#fff}.brand-brown-light{background-color:var(--brand-brown-composer);color:#fff}.brand-brown-dark{background-color:var(--brand-gray-gimp);color:#fff}.brand-vanilla{background-color:var(--brand-vanilla);border:1px solid var(--merino-slightly-lighter);color:#000}.testimonials{margin-bottom:2rem}.testimonial blockquote{position:relative}.testimonial blockquote:before{color:var(--gradient-heading-dark-side);content:"”";display:block;font-family:var(--heading-font-family);font-size:3rem;height:3rem;left:-2rem;position:absolute;top:-1rem;width:3rem}.testimonial .stars:after{content:"⭐⭐⭐⭐⭐";display:inline-block;margin-left:.5rem;width:auto}figure.testimonial figcaption{font-weight:700}.badge--greenweb a:hover{background-image:none}.badge--greenweb a:hover img{background:var(--link-hover-background);border:2px solid var(--link-hover-background);border-radius:.5em;margin:-2px 0}#top #wcb #wcb_a,#wcb #wcb_g{--b2:#017d63}#top #wcb #wcb_g{color:#000}#top #wcb #wcb_2{color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1rem;line-height:1;padding:.25rem 0}#top #wcb #wcb_a:focus,#top #wcb #wcb_a:hover{background-color:var(--link-hover-background);color:#000;-webkit-text-decoration-color:var(--link-hover-background);text-decoration-color:var(--link-hover-background);-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:.1em}@media (max-width:340px){#sticky-headline{display:inline-block;padding:.25rem 0 0 .5rem}.avatar{display:none}}body.high-contrast .sticky-header>.wrapper{box-shadow:none}body.high-contrast .skills .tile li>span:first-child{display:inline-block;font-weight:700;margin-bottom:.5em}body.high-contrast .skills .tile .hashtag{font-weight:700} \ No newline at end of file diff --git a/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html b/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html index 10613404..08786ae1 100644 --- a/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html +++ b/dist/webseiten-klimafreundlich-barrierefrei-optimieren/index.html @@ -8,7 +8,7 @@ .jumbotronHeader p a:active, .jumbotronHeader p a:focus, .jumbotronHeader p a:hover {color:#000;} .imprint-contact {margin-top:2rem;} .imprint-contact .aside-heading {font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:normal;} - ul.aside-heading {text-align:left;}

Webseiten klimafreundlich und barrierefrei optimieren lassen

Rechtskonform und nutzerfreundlich sollen Webseiten sein. Zur bestehenden Datenschutz-Grundverordnung (DSGVO) kommen künftig Regelungen wie das Barrierefreiheitsstärkungsgesetz (BFSG), das den European Accessibility Act (EAA) umsetzt und gemäß der bereits bekannten Web Content Accessibility Guidelines (WCAG) Mindestanforderung zur Barrierefreiheit von Webseiten vorgibt. Zudem achten Kund:innen verstärkt auf die Umweltfreundlichkeit von Produkten und Webseiten. Der Berliner Webentwickler Ingo Steinke befasst sich aktiv mit diesen Themen und optimiert Internetauftritte entsprechend. Schau dir Ingos Referenzen und Fachkenntnisse auf seiner Website an oder melde dich gleich persönlich!

  • Kennst du die CO2-Bilanz deiner Website?
  • Wie kann ich den CO2-Fußabdruck meiner Website verringern?
  • Wie kann ich glaubwürdig mit unabhängig zertifizierten Nachhaltigkeitsnachweisen werben?
  • Wie kann eine digitale Nachhhaltigkeitsstrategie langfristig aussehen?
  • Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?

Eine digitale Nachhaltigkeitsstrategie umfasst neben ökologischer Nachhaltigkeit auch Datenschatz, Inklusion und Barrierefreiheit. Die ökonomische (wirtschaftliche) Nachhaltigkeit wurde in der Vergangenheit oft im Widerspruch zu den ökologischen und sozialen Aspekten dargestellt, doch gerade im Rahmen der nachhaltigen Digitalisierung entstehen durch Datensparsamkeit, Effizienzsteigerung und Wartbarkeit/Wiederverwertbarkeit ergeben sich Synergien, von denen alle Beteiligten profitieren.

Wie kann ich den CO2-Fußabdruck meiner Website verringern?

Ökostrom, Energieeffizienz und Ladezeit, Barrierefreiheit, konsistenter Seitenaufbau, Verzicht auf irreführende Nutzerführung sind Aspekte, die bei Analysen und Audits berücksichtigt werden und sich auch auf die Platzierung in Suchergebnissen positiv auswirken können. Zudem kann die ökologische Effizienz kostenfrei bescheinigt und umweltorientierten Nutzer:innen als Beleg für die eigene Nachhaltigkeit dienen und beweisen, dass es sich bei deinen Green Claims nicht um Greenwashing handelt. Leicht zu schätzen und zu verstehen ist der sogenannte CO2-Fußabdruck eines Website-Frontends. Analyse-Dienste wie WebsiteCarbon, Ecograder, Green Web Check oder CleanerWeb vergeben digitale Nachweise, die auf den eigenen Webseiten als grafisches Banner oder Textlink eingebaut werden können. Sie berechnen aus dem geschätzten Energieverbrauch ein Schadstoff-Äquivalent (CO2e) und setzen dies ins Verhältnis zu Messungen anderer Internetauftritte. Green Hosting ist ein weiterer wichtiger Faktor umweltfreundlicher Internetseiten. Auch hier können messbare Erfolge vertrauensbildend belegt werden.

Digitale Nachhaltigkeit als Wettbewerbsvorteil

Nachhaltigkeit bedeutet aber auch Wartbarkeit: wie plegeleicht, langlebig und wiederverwendbar ist die Software? Hier kann es geschäftsinterne oder auch gemeinwohlorientierte Synergiefffekte geben, zum Beispiel durch Verwendung und Veröffentlichung von Open-Source-Software.

Was nachhaltige (Web-)Entwickler:innen von anderen unterscheidet, ist vielleicht in erster Linie das Bewusstsein, die Bereitschaft und der Mut, über die von den Kund:innen geäußerten Anforderungen hinauszudenken, bezüglich der Umweltfreundlichkeit ebenso wie bei Barrierefreiheit, Datenschutz, und Qualitätssicherung.

Green Claims: glaubwürdig durch unabhängig zertifizierte Nachhaltigkeitsnachweise

Als Kund:in entsteht zumindest in dieser Hinsicht kein Mehraufwand. Andere Nachhaltigkeitsaspekte und Transparenzpflichten werden spätestens ab einer gewissen Unternehmensgröße ohnehin auf dein Unternehmen zukommen. Insgesamt ist es sinnvoll, möglichst schon von Anfang an eine geschäftliche Strategie zu verfolgen, die in jeder Hinsicht nachhaltig ist und mit gutem Recht als solche beworben werden darf.

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

Kontakt und Terminbuchung
Ingo Steinke
Donaustr. 83 II
12043 Berlin
Deutschland

kontakt@ingo-steinke.de
+491634684080

Schreib mir eine Nachricht:
Deine Nachricht wird gesendet...
Danke! Deine Nachricht wurde gesendet.
Deine Nachricht konnte leider nicht gesendet werden.


UStID DE337676808


Berufshaftpflichtversicherung: Media-Haftpflicht
Berufshaftpflichtversicherung: exali Media-Haftpflicht:
www.exali.de/siegel/Ingo-Steinke
QR-Code: Kontakt zu Ingo-Steinke
- Beratungstermin vereinbaren + Schedule an appointment now!
diff --git a/src/services/web-development.liquid b/src/services/web-development.liquid index 32e9f309..7371ce70 100644 --- a/src/services/web-development.liquid +++ b/src/services/web-development.liquid @@ -35,7 +35,7 @@ permalink: "services/web-development.html"
- Beratungstermin vereinbaren + schedule an appointment
@@ -79,7 +79,7 @@ permalink: "services/web-development.html"
- Beratungstermin vereinbaren + Schedule an appointment now!
diff --git a/src/services/website-check.liquid b/src/services/website-check.liquid index fe8ecbfc..4116d15d 100644 --- a/src/services/website-check.liquid +++ b/src/services/website-check.liquid @@ -35,7 +35,7 @@ permalink: "services/website-check.html"
- Beratungstermin vereinbaren + schedule an appointment
@@ -79,7 +79,7 @@ permalink: "services/website-check.html"
- Beratungstermin vereinbaren + Schedule an appointment now!
diff --git a/src/styles.css b/src/styles.css index ae4f3372..e58491bb 100644 --- a/src/styles.css +++ b/src/styles.css @@ -378,6 +378,11 @@ a.menu-toggle:hover { display: block; } +.contactform-title { + font-weight: bold; + margin: 0.5em 0 1em 0; +} + .contactform-row { display: flex; margin: 0.5rem 0 0 0; @@ -1023,6 +1028,10 @@ a.buttonlike:focus, padding-bottom: 1rem; } +.text-content-layout-children + .cta-container { + margin-bottom: 3rem; +} + /* stylelint-disable-next-line no-descending-specificity */ .cta-container a.buttonlike, .cta-container a.buttonlike:link, diff --git a/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid b/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid index bd429daf..4ee9eef3 100644 --- a/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid +++ b/src/webseiten-klimafreundlich-barrierefrei-optimieren/index.liquid @@ -36,10 +36,16 @@ tags: addtositemap

Was nachhaltige (Web-)Entwickler:innen von anderen unterscheidet, ist vielleicht in erster Linie das Bewusstsein, die Bereitschaft und der Mut, über die von den Kund:innen geäußerten Anforderungen hinauszudenken, bezüglich der Umweltfreundlichkeit ebenso wie bei Barrierefreiheit, Datenschutz, und Qualitätssicherung.

Green Claims: glaubwürdig durch unabhängig zertifizierte Nachhaltigkeitsnachweise

Als Kund:in entsteht zumindest in dieser Hinsicht kein Mehraufwand. Andere Nachhaltigkeitsaspekte und Transparenzpflichten werden spätestens ab einer gewissen Unternehmensgröße ohnehin auf dein Unternehmen zukommen. Insgesamt ist es sinnvoll, möglichst schon von Anfang an eine geschäftliche Strategie zu verfolgen, die in jeder Hinsicht nachhaltig ist und mit gutem Recht als solche beworben werden darf.

+

Individuelles Beratungsgespräch

Ist ein klimafreundlicher Internetauftritt für dich relevant? Hast du noch Fragen zur nachhaltigen Webentwicklung? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

+
+ Beratungsgespräch vereinbaren +
+ {% include '../_includes/section-services-on-subpages.liquid' %} + {% include '../_includes/section-imprint-contact.liquid' %} {% include '../_includes/page-footer.liquid' %} diff --git a/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid b/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid index 026ffe87..d798cb1f 100644 --- a/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid +++ b/src/wordpress-website-nachhaltig-optimieren-lassen/index.liquid @@ -30,10 +30,16 @@ tags: addtositemap

Die Webentwicklung (Programmierung) sollte sich darauf beschränken, modulare Komponenten (Themes und Plugins) zu programmieren, die eine lange Lebensdauer haben und die leicht angepasst und erweitert werden können. Individuelle Programmierung kann, Gegensatz zu der beliebten bunten Sammlung frei verfügbarer Plugins, eine nachhaltige Basis schaffen, die von Anfang an elegant, effizient und barrierefrei ist. Webentwickler können auch bei der Auswahl (Architektur) möglicher Komponenten beraten und bestehende WordPress-Webseiten nachträglich optimieren.

Open Source / Plugin-Programmierung

Aktuell arbeitet Ingo an WordPress-Plugins zur vorzeitigen Erkennung von Plugin-Konflikten und zum Spam-Bericht für WordPress-Kontaktformulare. Zudem entwickelte Ingo Erweiterungen und Themes für Shopware, WebStorm und IntelliJ IDEA, unter anderem das kostenlos erhätliche Cute Pink Light Theme .

+

Fragen und Antworten

Suchst du nach einer nachhaltigen WordPress-Wesbite? Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

+
+ Kontakt aufnehmen +
+ {% include '../_includes/section-services-on-subpages.liquid' %} + {% include '../_includes/section-imprint-contact.liquid' %} {% include '../_includes/page-footer.liquid' %} diff --git a/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid b/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid index f8ef6d34..584919a9 100644 --- a/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid +++ b/src/zertifizierter-shopware-6-frontend-webentwickler/index.liquid @@ -26,16 +26,22 @@ Schau dir Ingos Referenzen u
  • Suchst du einen Freelancer zur Ergänzung deines Shopware-Teams?
    • -

    Ingo Steinke ist zertifizierter Shopware 6 Developer, Shopware Extension Partner und Mitglied der Shopware United Community.

    +

    Ingo Steinke ist zertifizierter Shopware 6 Entwickler, Extension Partner und Mitglied der Shopware United Community.

    Umweltfreundliche und DSGVO-konforme E-Commerce-Lösungen

    Shopware ist als kostenlose Community-Edition frei verfügbar und baut auf der Open-Source-Software Symfony auf. Als europäische Lösung mit unterschiedlichen Hosting-Optionen ist Shopware eine gute Alternative zu bekannten Cloud-Anbietern, da wir als Shopbetreiber:innen bzw. Webentwickler:innen die volle Kontrolle über unseren Shop behalten, nicht zuletzt auch, um den hohen Ansprüchen unserer Kundschaft bezüglich Datenschutz, Umweltfreundlichkeit und fairem Handel zu genügen.

    Nachhaltige Preistransparenz

    Zur Nachhaltigkeit gehört im E-Commerce auch Preistransparenz. Die kostenlose Shopware-Erweiterung "Cost Transparency" (Kostentransparenz) erweitert die Produktdetails in Shopware 6 um eine interaktive Grafik, die verschiedene Anteile am Gesamtpreis veranschaulicht.

    +

    Unverbindliche Erstberatung

    Hast du noch Fragen? Melde dich gerne direkt oder buche einen Termin für eine unverbindliche und kostenlose Erstberatung!

    +
    + Beratungstermin vereinbaren +
    + {% include '../_includes/section-services-on-subpages.liquid' %} + {% include '../_includes/section-imprint-contact.liquid' %} {% include '../_includes/page-footer.liquid' %}