diff --git a/dist/leistungen/optimierung.html b/dist/leistungen/optimierung.html
new file mode 100644
index 00000000..3cd9117b
--- /dev/null
+++ b/dist/leistungen/optimierung.html
@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Wir bauen deine Website! schnell, erfolgreich, nachhaltig, barrierefrei</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
+  url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
+  }
+  @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
+  }html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
+  .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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="en" href="https://www.ingo-steinke.com/services/optimization.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait von Ingo Steinke" class="avatar"></picture><h1>Wir optimieren deine Website!</h1><ul class="aside-heading"><li>deine Kund:innen werden sie lieben</li><li>perfekt für Computer und Smartphone</li><li>einfach bei Ecosia und Google zu finden</li><li>ökologisch effizient und zertifiziert</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../leistungen/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../leistungen/optimierung.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist/leistungen/webentwicklung.html b/dist/leistungen/webentwicklung.html
index 8c98a214..9d374f01 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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="en" href="https://www.ingo-steinke.de/services/web-development.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait von Ingo Steinke" class="avatar"></picture><h1>Wir bauen deine Website!</h1><ul class="aside-heading"><li>schnell erste Erfolge erreichen</li><li>nachhaltiges Konzept von Anfang an</li><li>langfristige Zusammenarbeit</li><li>langjährige Erfahrung</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Website erstellen: was gilt es zu beachten?</h2><p>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 <a href="#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="">optimieren</a> könnten.</p></article><div class="cta-container"><a href="/#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="/#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
+  ul.aside-heading {text-align:left;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="en" href="https://www.ingo-steinke.com/services/web-development.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait von Ingo Steinke" class="avatar"></picture><h1>Wir bauen deine Website!</h1><ul class="aside-heading"><li>schnell erste Erfolge erreichen</li><li>nachhaltiges Konzept von Anfang an</li><li>langfristige Zusammenarbeit</li><li>langjährige Erfahrung</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Website erstellen: was gilt es zu beachten?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../leistungen/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../leistungen/optimierung.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist/leistungen/website-check.html b/dist/leistungen/website-check.html
new file mode 100644
index 00000000..35bb0eb4
--- /dev/null
+++ b/dist/leistungen/website-check.html
@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Wir bauen deine Website! schnell, erfolgreich, nachhaltig, barrierefrei</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
+  url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
+  }
+  @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
+  }html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
+  .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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="en" href="https://www.ingo-steinke.com/services/website-check.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait von Ingo Steinke" class="avatar"></picture><h1>Wir testen deine Website!</h1><ul class="aside-heading"><li>dein digitaler CO<sub>2</sub>-Fußabdruck</li><li>deine Ladezeit und Barrierefreiheit</li><li>kritische Fehler und Probleme</li><li>testen und zertifieren lassen</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../leistungen/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../leistungen/optimierung.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist/sitemap.xml b/dist/sitemap.xml
index 88982abf..6199db32 100644
--- a/dist/sitemap.xml
+++ b/dist/sitemap.xml
@@ -20,4 +20,12 @@
     <loc>https://www.ingo-steinke.de/leistungen/webentwicklung.html</loc>
     <lastmod>2024-04-10</lastmod>
   </url>
+  <url>
+    <loc>https://www.ingo-steinke.de/leistungen/website-check.html</loc>
+    <lastmod>2024-04-10</lastmod>
+  </url>
+  <url>
+    <loc>https://www.ingo-steinke.de/leistungen/optimierung.html</loc>
+    <lastmod>2024-04-10</lastmod>
+  </url>
 </urlset>
diff --git a/dist_en/services/optimization.html b/dist_en/services/optimization.html
new file mode 100644
index 00000000..783f8e00
--- /dev/null
+++ b/dist_en/services/optimization.html
@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Let's optimize your website!</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
+  url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
+  }
+  @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
+  }html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
+  .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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="de" href="https://www.ingo-steinke.de/leistungen/optimierung.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait of Ingo Steinke" class="avatar"></picture><h1>Let's optimize your website!</h1><ul class="aside-heading"><li>your customers will love it</li><li>make it work smoothly on every device</li><li>make it easy to find on Ecosia and Google</li><li>improve and certify its ecological efficiency</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../services/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../services/optimization.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist_en/services/web-development.html b/dist_en/services/web-development.html
new file mode 100644
index 00000000..6b6f6c80
--- /dev/null
+++ b/dist_en/services/web-development.html
@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Let's build your website!</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
+  url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
+  }
+  @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
+  }html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
+  .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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="de" href="https://www.ingo-steinke.de/leistungen/webentwicklung.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait of Ingo Steinke" class="avatar"></picture><h1>Let's build your website!</h1><ul class="aside-heading"><li>achieve initial success quickly</li><li>sustainable concept from the start</li><li>long-term collaboration</li><li>cooperation with experienced partners</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../services/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../services/optimization.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist_en/services/website-check.html b/dist_en/services/website-check.html
new file mode 100644
index 00000000..ff9bc9b3
--- /dev/null
+++ b/dist_en/services/website-check.html
@@ -0,0 +1,11 @@
+<!doctype html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Let's verify your website!</title><meta name="language" content="de"><meta name="viewport" content="width=device-width,initial-scale=1"><style>@font-face{font-family:'Bitter';font-style:normal;font-weight:700;font-display:swap;src:local(''),
+  url('../fonts/bitter-v16-latin-700.woff2') format('woff2'),url('../fonts/bitter-v16-latin-700.woff') format('woff');
+  }
+  @font-face {font-family:'Montserrat';font-style:normal;font-weight:400;font-display:swap;src:local(''),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff2') format('woff2'),
+  url('../fonts/montserrat-v15-latin-ext_latin-regular.woff') format('woff');
+  }html{box-sizing:border-box;font-size:100%}*,:after,:before{box-sizing:inherit}body{background-color:#1d4950;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-weight:400;line-height:1.75;margin:0;max-width:100%;overflow-x:hidden;padding:0}@media screen and (min-width:950px){body,html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}}#sticky-headline,#sticky-headline a,.aside-heading,h1,h2,h3,h4{color:#ebeff2;font-family:Bitter,serif;font-weight:700;letter-spacing:.0125rem}.aside-heading,h2,h3,h4{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem;margin-top:1.5rem}.aside-heading,.hashtags,.tagline,.tile,h1,h2,h3,h4{max-width:99%}del{text-decoration:line-through}small{font-size:.75rem}@media screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0){small{font-size:16px}}.nav-wrapper{display:inline}@media only screen{.only-print{display:none}.page-container{display:flex;flex-direction:row;width:100%}.jumbotronHeader{justify-content:center;align-items:center;text-align:center;background-color:rgba(29,73,80,.75);display:flex;flex-direction:column;height:auto;width:100%}.jumbotronHeader.has-text-paragraphs{padding-top:1rem;}.jumbotronHeader h1{font-size:2.5rem;letter-spacing:.125rem;line-height:1.25;margin:1rem 1rem 2rem 1rem;padding:0}.jumbotronHeader p{margin:1rem 2rem 2rem 1rem;padding:0;text-align:left;max-width:80%;color:#ebeff2;font-family:Montserrat,Helvetica,sans-serif;font-size:1.5rem;font-weight:400;}}@media only screen and (min-width:950px){.jumbotronHeader:not(.has-text-paragraphs) h1{font-size:3rem;margin-top:2rem;}.jumbotronHeader:not(.has-text-paragraphs) p{font-size:2rem}}@media only screen{img.avatar{border-radius:50%}.sticky-header{background-color:#1d4950;height:2.25em;position:sticky;text-align:center;top:-1px;width:100%;z-index:10}.sticky-header>.wrapper{box-shadow:0 7px 14px 0 rgba(29,73,80,.75);display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;max-width:1500px}.sticky-header>.wrapper img.avatar{margin:6px 6px -6px}.sticky-header .temporary-nav-wrapper{margin:6px 1em -6px 6px}.sticky-header.is-unstuck .unsticky-hidden{display:none}.raised-layer{z-index:2000}.target-offset:before{content:" ";display:block;height:45px;margin-top:-45px;pointer-events:none;visibility:hidden}main{margin:0 auto;max-width:1500px}.page-content{align-items:flex-start;display:flex;flex-direction:column;width:100%;z-index:2}.decoration{animation:fadeIn 5s linear 10s 1 both;height:100vh;max-width:100%;opacity:0;overflow:hidden;position:fixed;width:100vw;z-index:1}}@media only screen and (prefers-reduced-transparency){box-shadow:0 7px 14px 0 #1d4950}@media only screen{@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-content-layout-children{padding:0}.privacy,.text-content-layout,.text-content-layout-children>*{line-height:1.75;margin:0 0 2em;padding:.5em 0 1em 1em;text-align:left}.privacy{display:block}.privacy,.text-content-color{background-color:#d1d4d6;color:#000}.privacy .aside-heading,.privacy h3,.privacy h4,.text-content-color .aside-heading,.text-content-color h2,.text-content-color h3,.text-content-color h4{color:#053245}.capitalized:first-letter{float:left;font-size:3.25rem;line-height:1;margin:0;padding:0}.tiled-content{margin:0 1em 2em 0}.clear,section{clear:both}.grid-container{grid-column-gap:3em;grid-row-gap:2em;clear:both;display:flex;display:grid;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));justify-content:space-between}.grid-container>*{flex-basis:49%;margin-bottom:2em}@supports (display:grid){.grid-container>*{margin-bottom:0}}ul.grid-container{grid-column-gap:1em;grid-template-columns:repeat(auto-fit,minmax(410px,1fr));list-style-type:none;margin:0;padding:0;text-indent:0}.text-width,.text-width-children>*{max-width:1300px;width:90%}.text-center{margin-left:auto;margin-right:auto}.semitransparent .text-width{width:70%}.tile img.project-thumb{float:right;height:4em;margin:1em 0 1em 1em;width:4em}.tile img.project-thumb--shrink{height:3.5em;width:3.5em}.tile img.project-thumb--grow{height:4.625em;margin-left:.5em;width:4.625em}.tile img.project-thumb--kleiderordnung{margin:3em .5em 1em 1em}.tile img.project-thumb--atomic-design-system{margin:2em 0 1em 1em}.tile img.project-thumb--wordpress-woo{margin:0 0 1em 1em}.tile img.project-thumb--daskannstdutun{height:5em;margin:1.5em 0 .5em 1em;width:5em}.tile img.project-thumb--planted,.tile img.project-thumb--shopware-plugin{margin-right:.5em}.row{display:block;display:flex;flex-direction:row}.row>*{float:left}.page-navigation{display:none;position:relative}.credits{font-size:.75rem}.initially-hidden,.visually-hidden{display:none}.initially-hidden:target{display:block}.mb0{margin-bottom:0}a.tw-btn,a.tw-btn:active,a.tw-btn:hover,a.tw-btn:link,a.tw-btn:visited{background-color:#0c7abf;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.2em .5em .2em .25em;text-decoration:none}a.gh-btn,a.gh-btn:active,a.gh-btn:hover,a.gh-btn:link,a.gh-btn:visited{background-color:#24292e;border-radius:.25em;color:#fff;display:inline-block;margin:.0325em .25em .25em 0;padding:.15em .5em .25em .2em;text-decoration:none}.social-btn svg{margin:0 .25em}.page-navigation a:active,.page-navigation a:link,.page-navigation a:visited,.sticky-header a:active,.sticky-header a:link,.sticky-header a:visited{color:#fff;text-decoration:none}}@media only screen and (max-width:768px){.semitransparent .text-width,.text-width{width:90%}.jumbotronHeader{height:auto;}@media only screen and (max-width:440px){.jumbotronHeader h1{font-size:3em}h2,h3,h4{font-size:1.3125rem}.pl1{padding-left:.5em}.text-content-layout{margin-bottom:1em;padding-left:.5em}.semitransparent .text-width,.text-width{width:95%}ul.social-links{max-width:99%;padding-left:0;padding-right:0}ul.social-links li{padding:0;min-height:70px;}ul.social-links a{padding:.5em}.skills-wrapper{padding-left:0}.skills-wrapper h3,.skills-wrapper h4{padding-left:.5em}ul.skills>.tile{padding-left:0}ul.skills>.tile li,ul.skills>.tile ul{padding-right:0}.tile h3{margin-top:1em}.hashtags{overflow-x:hidden}}@media only screen and (max-width:375px){.jumbotronHeader h1{font-size:2rem;margin-bottom:.5em}.jumbotronHeader p{font-size:1.25rem;line-height:1.5}footer.page-footer{padding-left:0;}}}
+  .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;}</style><link rel="stylesheet" media="screen" href="../styles.css?v=4.0.0"><link rel="stylesheet" media="print" href="./print.css?v=4.0.0"><script src="../js/scripts.js?v=4.0.0"></script><meta name="author" content="Ingo Steinke"><meta name="p:domain_verify" content="4c4296e5835f4a47eb2c2e5488a99d71"><meta name="google-site-verification" content="Qs1p7JgqPLOGD3BYCMGe9EbyNJJEswyala44hnkO6d4"><meta name="robots" content="index,follow"><meta property="og:image" content="https://www.ingo-steinke.de/img/Ingo-Steinke-portrait-2020.jpg"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link rel="alternate" hreflang="de" href="https://www.ingo-steinke.de/leistungen/website-check.html"></head><body><div class="page-container" id="top"><div class="page-content"><header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader"><picture><source type="image/webp" sizes="100vw" srcset="../img/Ingo-Steinke-flower-shirt.webp, ../img/Ingo-Steinke-flower-shirt-496.webp 2x, ../img/Ingo-Steinke-flower-shirt-large.webp 4x"><img src="../img/Ingo-Steinke-flower-shirt.jpg" srcset="../img/Ingo-Steinke-flower-shirt-496.jpg 2x, ../img/Ingo-Steinke-flower-shirt-large.jpg 4x" width="248" height="248" alt="Portrait of Ingo Steinke" class="avatar"></picture><h1>Let's verify your website!</h1><ul class="aside-heading"><li>measure your carbon footprint</li><li>inspect loading time and accessibility</li><li>identify critical errors and problems</li><li>pass audits, obtain certifications</li></ul></header><main id="content-top" class="target-offset"><section class="text-content-layout text-content-color"><article class="text-width"><h2>Building a website: what to consider?</h2><p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p><h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2><p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../services/website-check.html">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../services/optimization.html">optimieren</a> könnten.</p></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section><section class="text-content-color"><article class="text-content-layout text-width mb0"><h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2><p>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.</p></article><article class="alternating-div-color text-content-layout-children"><div class="text-width-children mb0"><h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3><p>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.</p></div><div class="text-width-children mb0"><h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2><p>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.</p></div><div class="text-width-children mb0"><h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2><p>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.</p></div><div class="text-width-children mb0"><h3>Noch eine Überschrift?</h3><p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p></div><div class="text-width-children mb0"><p>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></div><div class="text-width-children mb0 no-alternating-color">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?</div></article><div class="cta-container"><a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a></div></section></main><footer class="page-footer"><p class="legal legal--links no-print"><a href="https://www.ingo-steinke.de/#contact">Kontakt</a> <a href="https://www.ingo-steinke.de/#imprint">Impressum</a> <a href="https://www.ingo-steinke.de/#privacy">Datenschutz</a></p><p class="landingpage--links no-print"><a href="https://www.ingo-steinke.de/wordpress-website-nachhaltig-optimieren-lassen/" title="Wordpress-Website nachhaltig optimieren lassen">WordPress</a> <a href="https://www.ingo-steinke.de/zertifizierter-shopware-6-frontend-webentwickler/" title="Zertifizierter Shopware 6 + Frontend Webentwickler">Shopware</a> <a href="https://www.ingo-steinke.de/webseiten-klimafreundlich-barrierefrei-optimieren/" title="Webseiten klimafreundlich und barrierefrei optimieren lassen">Nachhaltigkeit</a></p><div class="center transparent no-print"><p><a href="https://ecograder.com/report/xIVJ8Ub1j74pqr6JQ45iClLA" target="_blank" rel="noopener" title="In October 2023, this page scored better than 89% of all URLs crawled by Ecograder.">Ecograder Score: 97/100 (0.05 g CO₂e)</a></p></div><div class="badges"><div class="badge badge--greenweb transparent no-print"><a href="https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.ingo-steinke.de%2F" target="_blank" rel="noopener"><picture><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.webp" type="image/webp"><source srcset="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" type="image/png"><img src="https://www.ingo-steinke.de/img/badge-greencheckimage-www.ingo-steinke.de-2023.png" data-original-src="https://api.thegreenwebfoundation.org/greencheckimage/www.ingo-steinke.de?nocache=true" alt="This website is hosted Green by goneo Internet GmbH - checked by thegreenwebfoundation.org"></picture></a></div></div><div class="only-print"><br></div><div class="legal legal--copyright">© 2024 Ingo Steinke</div></footer></div></div></body></html>
\ No newline at end of file
diff --git a/dist_en/sitemap.xml b/dist_en/sitemap.xml
index 97e84311..e8f80bc5 100644
--- a/dist_en/sitemap.xml
+++ b/dist_en/sitemap.xml
@@ -4,4 +4,16 @@
     <loc>https://www.ingo-steinke.com/</loc>
     <lastmod>2024-04-10</lastmod>
   </url>
+  <url>
+    <loc>https://www.ingo-steinke.com/services/optimization.html</loc>
+    <lastmod>2024-04-10</lastmod>
+  </url>
+  <url>
+    <loc>https://www.ingo-steinke.com/services/website-check.html</loc>
+    <lastmod>2024-04-10</lastmod>
+  </url>
+  <url>
+    <loc>https://www.ingo-steinke.com/services/web-development.html</loc>
+    <lastmod>2024-04-10</lastmod>
+  </url>
 </urlset>
diff --git a/src/leistungen/optimierung.liquid b/src/leistungen/optimierung.liquid
new file mode 100644
index 00000000..41d7bbd6
--- /dev/null
+++ b/src/leistungen/optimierung.liquid
@@ -0,0 +1,91 @@
+---
+tags: addtositemap
+imgdirectory: "../img"
+permalink: "leistungen/optimierung.html"
+---
+<!DOCTYPE html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Wir bauen deine Website! schnell, erfolgreich, nachhaltig, barrierefrei</title>
+  {% include '../_includes/html-head-common.liquid' %}
+  <link
+    rel="alternate"
+    hreflang="en"
+    href="https://www.ingo-steinke.com/services/optimization.html"
+  >
+</head>
+<body>
+<div class="page-container" id="top"><div class="page-content">
+    <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
+      {% include '_includes/jumbotron-image.liquid' %}
+      <h1>Wir optimieren deine Website!</h1>
+      <ul class="aside-heading">
+        <li>deine Kund:innen werden sie lieben</li>
+        <li>perfekt für Computer und Smartphone</li>
+        <li>einfach bei Ecosia und Google zu finden</li>
+        <li>ökologisch effizient und zertifiziert</li>
+      </ul>
+    </header>
+    <main id="content-top" class="target-offset">
+      <section class="text-content-layout text-content-color">
+        <article class="text-width">
+          <h2>Building a website: what to consider?</h2>
+          <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+
+          <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+          <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
+        </article>
+
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+      <section class="text-content-color">
+        <article class="text-content-layout text-width mb0">
+          <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+          <p>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.</p>
+        </article>
+
+        <article class="alternating-div-color text-content-layout-children">
+          <div class="text-width-children mb0">
+            <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h3>Noch eine Überschrift?</h3>
+            <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
+          </div>
+          <div class="text-width-children mb0">
+            <p>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>
+          </div>
+          <div class="text-width-children mb0 no-alternating-color">
+            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?
+          </div>
+        </article>
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+    </main>
+    {% include '../_includes/page-footer.liquid' %}
+  </div>
+</div>
+</body>
+</html>
diff --git a/src/leistungen/webentwicklung.liquid b/src/leistungen/webentwicklung.liquid
index 14e15fea..51c374d3 100644
--- a/src/leistungen/webentwicklung.liquid
+++ b/src/leistungen/webentwicklung.liquid
@@ -9,7 +9,7 @@ permalink: "leistungen/webentwicklung.html"
   <link
     rel="alternate"
     hreflang="en"
-    href="https://www.ingo-steinke.de/services/web-development.html"
+    href="https://www.ingo-steinke.com/services/web-development.html"
   >
 </head>
 <body>
@@ -28,14 +28,14 @@ permalink: "leistungen/webentwicklung.html"
   <section class="text-content-layout text-content-color">
     <article class="text-width">
       <h2>Website erstellen: was gilt es zu beachten?</h2>
-      <p>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 <a href="#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+      <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
 
       <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
-      <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="">optimieren</a> könnten.</p>
+      <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
     </article>
 
     <div class="cta-container">
-      <a href="/#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
     </div>
   </section>
 
@@ -79,7 +79,7 @@ permalink: "leistungen/webentwicklung.html"
       </div>
     </article>
     <div class="cta-container">
-      <a href="/#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
     </div>
   </section>
 
diff --git a/src/leistungen/website-check.liquid b/src/leistungen/website-check.liquid
new file mode 100644
index 00000000..2ee5d9f3
--- /dev/null
+++ b/src/leistungen/website-check.liquid
@@ -0,0 +1,91 @@
+---
+tags: addtositemap
+imgdirectory: "../img"
+permalink: "leistungen/website-check.html"
+---
+<!DOCTYPE html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
+<title>Wir bauen deine Website! schnell, erfolgreich, nachhaltig, barrierefrei</title>
+{% include '../_includes/html-head-common.liquid' %}
+  <link
+    rel="alternate"
+    hreflang="en"
+    href="https://www.ingo-steinke.com/services/website-check.html"
+  >
+</head>
+<body>
+<div class="page-container" id="top"><div class="page-content">
+<header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
+  {% include '_includes/jumbotron-image.liquid' %}
+  <h1>Wir testen deine Website!</h1>
+  <ul class="aside-heading">
+    <li>dein digitaler CO<sub>2</sub>-Fußabdruck</li>
+    <li>deine Ladezeit und Barrierefreiheit</li>
+    <li>kritische Fehler und Probleme</li>
+    <li>testen und zertifieren lassen</li>
+  </ul>
+</header>
+<main id="content-top" class="target-offset">
+  <section class="text-content-layout text-content-color">
+    <article class="text-width">
+      <h2>Building a website: what to consider?</h2>
+      <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+
+      <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+      <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
+    </article>
+
+    <div class="cta-container">
+      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+    </div>
+  </section>
+
+  <section class="text-content-color">
+    <article class="text-content-layout text-width mb0">
+      <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+      <p>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.</p>
+    </article>
+
+    <article class="alternating-div-color text-content-layout-children">
+      <div class="text-width-children mb0">
+        <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+        <p>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. </p>
+      </div>
+      <div class="text-width-children mb0">
+        <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
+        <p>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. </p>
+      </div>
+      <div class="text-width-children mb0">
+        <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
+        <p>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. </p>
+      </div>
+      <div class="text-width-children mb0">
+        <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+        <p>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. </p>
+      </div>
+      <div class="text-width-children mb0">
+        <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+        <p>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. </p>
+      </div>
+      <div class="text-width-children mb0">
+        <h3>Noch eine Überschrift?</h3>
+        <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
+      </div>
+      <div class="text-width-children mb0">
+        <p>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>
+      </div>
+      <div class="text-width-children mb0 no-alternating-color">
+        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?
+      </div>
+    </article>
+    <div class="cta-container">
+      <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+    </div>
+  </section>
+
+</main>
+{% include '../_includes/page-footer.liquid' %}
+</div>
+</div>
+</body>
+</html>
diff --git a/src/services/optimization.liquid b/src/services/optimization.liquid
new file mode 100644
index 00000000..3cb8e1ee
--- /dev/null
+++ b/src/services/optimization.liquid
@@ -0,0 +1,91 @@
+---
+tags: addtositemap
+imgdirectory: "../img"
+permalink: "services/optimization.html"
+---
+<!DOCTYPE html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Let's optimize your website!</title>
+  {% include '../_includes/html-head-common.liquid' %}
+  <link
+    rel="alternate"
+    hreflang="de"
+    href="https://www.ingo-steinke.de/leistungen/optimierung.html"
+  >
+</head>
+<body>
+<div class="page-container" id="top"><div class="page-content">
+    <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
+      {% include '_includes/jumbotron-image.liquid' %}
+      <h1>Let's optimize your website!</h1>
+      <ul class="aside-heading">
+        <li>your customers will love it</li>
+        <li>make it work smoothly on every device</li>
+        <li>make it easy to find on Ecosia and Google</li>
+        <li>improve and certify its ecological efficiency</li>
+      </ul>
+    </header>
+    <main id="content-top" class="target-offset">
+      <section class="text-content-layout text-content-color">
+        <article class="text-width">
+          <h2>Building a website: what to consider?</h2>
+          <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+
+          <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+          <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
+        </article>
+
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+      <section class="text-content-color">
+        <article class="text-content-layout text-width mb0">
+          <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+          <p>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.</p>
+        </article>
+
+        <article class="alternating-div-color text-content-layout-children">
+          <div class="text-width-children mb0">
+            <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h3>Noch eine Überschrift?</h3>
+            <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
+          </div>
+          <div class="text-width-children mb0">
+            <p>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>
+          </div>
+          <div class="text-width-children mb0 no-alternating-color">
+            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?
+          </div>
+        </article>
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+    </main>
+    {% include '../_includes/page-footer.liquid' %}
+  </div>
+</div>
+</body>
+</html>
diff --git a/src/services/web-development.liquid b/src/services/web-development.liquid
new file mode 100644
index 00000000..32e9f309
--- /dev/null
+++ b/src/services/web-development.liquid
@@ -0,0 +1,91 @@
+---
+tags: addtositemap
+imgdirectory: "../img"
+permalink: "services/web-development.html"
+---
+<!DOCTYPE html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Let's build your website!</title>
+  {% include '../_includes/html-head-common.liquid' %}
+  <link
+    rel="alternate"
+    hreflang="de"
+    href="https://www.ingo-steinke.de/leistungen/webentwicklung.html"
+  >
+</head>
+<body>
+<div class="page-container" id="top"><div class="page-content">
+    <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
+      {% include '_includes/jumbotron-image.liquid' %}
+      <h1>Let's build your website!</h1>
+      <ul class="aside-heading">
+        <li>achieve initial success quickly</li>
+        <li>sustainable concept from the start</li>
+        <li>long-term collaboration</li>
+        <li>cooperation with experienced partners</li>
+      </ul>
+    </header>
+    <main id="content-top" class="target-offset">
+      <section class="text-content-layout text-content-color">
+        <article class="text-width">
+          <h2>Building a website: what to consider?</h2>
+          <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+
+          <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+          <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
+        </article>
+
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+      <section class="text-content-color">
+        <article class="text-content-layout text-width mb0">
+          <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+          <p>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.</p>
+        </article>
+
+        <article class="alternating-div-color text-content-layout-children">
+          <div class="text-width-children mb0">
+            <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h3>Noch eine Überschrift?</h3>
+            <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
+          </div>
+          <div class="text-width-children mb0">
+            <p>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>
+          </div>
+          <div class="text-width-children mb0 no-alternating-color">
+            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?
+          </div>
+        </article>
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+    </main>
+    {% include '../_includes/page-footer.liquid' %}
+  </div>
+</div>
+</body>
+</html>
diff --git a/src/services/website-check.liquid b/src/services/website-check.liquid
new file mode 100644
index 00000000..fe8ecbfc
--- /dev/null
+++ b/src/services/website-check.liquid
@@ -0,0 +1,91 @@
+---
+tags: addtositemap
+imgdirectory: "../img"
+permalink: "services/website-check.html"
+---
+<!DOCTYPE html><html lang="de"><head><meta http-equiv="content-type" content="text/html; charset=utf-8">
+  <title>Let's verify your website!</title>
+  {% include '../_includes/html-head-common.liquid' %}
+  <link
+    rel="alternate"
+    hreflang="de"
+    href="https://www.ingo-steinke.de/leistungen/website-check.html"
+  >
+</head>
+<body>
+<div class="page-container" id="top"><div class="page-content">
+    <header class="jumbotronHeader has-text-paragraphs" id="jumbotronHeader">
+      {% include '_includes/jumbotron-image.liquid' %}
+      <h1>Let's verify your website!</h1>
+      <ul class="aside-heading">
+        <li>measure your carbon footprint</li>
+        <li>inspect loading time and accessibility</li>
+        <li>identify critical errors and problems</li>
+        <li>pass audits, obtain certifications</li>
+      </ul>
+    </header>
+    <main id="content-top" class="target-offset">
+      <section class="text-content-layout text-content-color">
+        <article class="text-width">
+          <h2>Building a website: what to consider?</h2>
+          <p>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 <a href="../#kontakt">melde dich gerne</a> und buche ein kostenloses Erstgespräch!</p>
+
+          <h2>Bestehende Website überprüfen, optimieren und zertifizieren</h2>
+          <p>Du hast schon eine Website? Mit dem unverbindlichen <a href="../{{ content.servicesVerifyMoreLinkPath }}">Web-Check</a> erfährst du, wie schnell, nachhaltig und barrierefrei deine Website erscheint und an welchen Stellen wir sie noch <a href="../{{ content.servicesImproveMoreLinkPath }}">optimieren</a> könnten.</p>
+        </article>
+
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+      <section class="text-content-color">
+        <article class="text-content-layout text-width mb0">
+          <h2>Erstellung und Pflege einer Website: Fragen und Antworten</h2>
+          <p>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.</p>
+        </article>
+
+        <article class="alternating-div-color text-content-layout-children">
+          <div class="text-width-children mb0">
+            <h3>Wie präsentiere ich mein Angebot nachhaltig und glaubwürdig im Internet?</h3>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie lassen sich Umweltschutz, Wirtschaftlichkeit und soziale Nachhaltigkeit vereinbaren?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche Vorgaben gelten für Datenschutz, Barrierefreiheit und Umweltfreundlichkeit?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Wie kann ein langlebiges Konzept meine laufenden Kosten verringern?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h2>Welche:r Webentwickler:in versteht, was für mich wichtig ist?</h2>
+            <p>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. </p>
+          </div>
+          <div class="text-width-children mb0">
+            <h3>Noch eine Überschrift?</h3>
+            <p>Eine digitale Nachhaltigkeitsstrategie usw. = TODO: aus den anderen Seiten und Notizen Textteile ergänzen!</p>
+          </div>
+          <div class="text-width-children mb0">
+            <p>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>
+          </div>
+          <div class="text-width-children mb0 no-alternating-color">
+            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?
+          </div>
+        </article>
+        <div class="cta-container">
+          <a href="../#kontakt" class="buttonlike">Beratungstermin vereinbaren</a>
+        </div>
+      </section>
+
+    </main>
+    {% include '../_includes/page-footer.liquid' %}
+  </div>
+</div>
+</body>
+</html>
