Catchpoint named a Leader in the first Gartner® Magic Quadrant™ for Digital Experience Monitoring. Read the report

Menu:

Save Test Results with a Free Account Sign Up & Save Test Result

Webpage Performance Test Result

  • Settings: DesktopChromev129CableFrankfurt, Germany
    More
Screenshot

View:

Tools:

Export

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

View run details: Run 1 (Repeat View)

TTFB Start Render FCP Speed Index LCP CLS TBT DC Time DC Requests DC Bytes Total Time Total Requests Page Weight
.200S .700S .751S 1.106S .932S .018 .000S 1.343S 14 780KB 1.606S 14 780KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
0.754s - 0.755s (0.001s) 1.245s - 1.245s (0s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[{"url":"https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif","width":808,"height":514,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif","width":808,"height":514,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif","width":808,"height":514,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif","width":808,"height":514,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif","width":808,"height":514,"naturalWidth":1920,"naturalHeight":1440},{"url":"https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-480x.avif","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-480x.avif","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/logos-keyvisuals-signets/f9701ae660-1729508290/smartcity_startseite.svg","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/logos-keyvisuals-signets/f50d2c41b1-1729508297/pfdlogo4_startseite.svg","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-480x.avif","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-480x.avif","width":417,"height":269,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-480x.avif","width":417,"height":250,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-480x.avif","width":2400,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-480x.avif","width":2254,"height":1691,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-480x.avif","width":2699,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-480x.avif","width":2700,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-480x.avif","width":2700,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-480x.avif","width":2068,"height":1668,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-480x.avif","width":2700,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-480x.avif","width":2700,"height":1800,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-600x.avif","width":617,"height":411,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-600x.avif","width":617,"height":411,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-600x.avif","width":617,"height":347,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-600x.avif","width":617,"height":412,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-380x.avif","width":396,"height":264,"naturalWidth":0,"naturalHeight":0},{"url":"https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-380x.avif","width":396,"height":264,"naturalWidth":0,"naturalHeight":0}]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"Recursive","display":"fallback","status":"loaded","style":"normal","weight":"300 1000"}]
generated-content-percent
-0.22
generated-content-size
-0.32
imgs-in-viewport
[]
imgs-no-alt
[]
imgs-out-viewport
[{"src":"https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-700x.avif","html":"<img class=\"services__coverImage\" src=\"https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-700x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-720x.avif 720w\" width=\"2400\" height=\"1800\" alt=\"Ein Smartphone, auf dem die Website des Jugendforum Falkensee ge\u00f6ffnet ist\" title=\"Mobile-first Webdesign\" decoding=\"async\" loading=\"lazy\">","currentSrc":"https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-1440x.avif","srcSet":"https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/webdesign\/69ce26e69f-1699392618\/smartphone-720x.avif 720w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-700x.avif","html":"<img class=\"services__coverImage\" src=\"https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-700x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-720x.avif 720w\" width=\"2400\" height=\"1800\" alt=\"Auf einem Computer ist der Gutenberg-Editor vom WordPress-Backend ge\u00f6ffnet\" title=\"Der Gutenberg-Editor von WordPress\" decoding=\"async\" loading=\"lazy\">","currentSrc":"https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-1440x.avif","srcSet":"https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/wordpress\/503b9b11c5-1700006809\/wordpress-720x.avif 720w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-700x.avif","html":"<img class=\"services__coverImage\" src=\"https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-700x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-720x.avif 720w\" width=\"2400\" height=\"1800\" alt=\"Ein T-Shirt im Corporate Design der Marke \u00bbK\u00f6rperKraftVertrauen\u00ab\" title=\"Corporate Design auf einem T-Shirt angewendet\" decoding=\"async\" loading=\"lazy\">","currentSrc":"https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-1440x.avif","srcSet":"https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/corporate-design\/d17278cded-1699391063\/shirt-720x.avif 720w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-700x.avif","html":"<img class=\"services__coverImage\" src=\"https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-700x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-720x.avif 720w\" width=\"2400\" height=\"1800\" alt=\"Schallplattenzubeh\u00f6r verpackt in einer Verpackung mit einem charakterischen Printdesign\" title=\"Printdesign\" decoding=\"async\" loading=\"lazy\">","currentSrc":"https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-1440x.avif","srcSet":"https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/printdesign\/23afe513ad-1699398904\/waschmaschine-720x.avif 720w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-700x.avif","html":"<img class=\"services__coverImage\" src=\"https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-700x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-720x.avif 720w\" width=\"2400\" height=\"1800\" alt=\"Ein Laptop, auf dem die Website \u00bbbarrierefreies.design\u00ab ge\u00f6ffnet ist\" title=\"Barrierefreies Design\" decoding=\"async\" loading=\"lazy\">","currentSrc":"https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-1440x.avif","srcSet":"https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-1440x.avif 1440w, https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-1080x.avif 1080w, https:\/\/pepper.green\/media\/pages\/accessibility\/463a3fc497-1699393818\/barrierefreiesdesign-720x.avif 720w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1440},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Das Webdesign f\u00fcr die Galafa GmbH in Falkensee\" title=\"Webdesign f\u00fcr Galafa GmbH in Falkensee\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/53e9cd4b83-1704720577\/macbook-air-startseite-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Ein gestalteter Flyer f\u00fcr die Galafa GmbH in Falkensee\" title=\"Printdesign\/Faltblatt f\u00fcr Galafa GmbH\" decoding=\"async\" loading=\"lazy\" width=\"2701\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/galafa\/3fe69c0597-1704720877\/flyer_01-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Ein T-Shirt im Corporate Design der Marke \u00bbK\u00f6rperKraftVertrauen\u00ab\" title=\"Corporate Design\/Printdesign f\u00fcr K\u00f6rperKraftVertrauen\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/c0e74ddf82-1699474509\/shirt-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Ein Faltblatt im Corporate Design der Marker\" title=\"Printdesign\/Faltblatt f\u00fcr K\u00f6rperKraftVertrauen\" decoding=\"async\" loading=\"lazy\" width=\"2290\" height=\"1718\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/koerperkraftvertrauen\/59d5afc268-1704660267\/maria-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Das Logo f\u00fcr die Marke \u00bbAUF LOS\u00ab als Leuchtreklame\" title=\"Corporate Design\/Logodesign f\u00fcr \u00bbAUF LOS\u00ab\" loading=\"lazy\" width=\"3200\" height=\"1649\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/35b734de26-1726217337\/logo-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Die Website von \u00bbAUF LOS\u00ab auf einem Laptop\" title=\"Webdesign mit WordPress f\u00fcr \u00bbAUF LOS\u00ab\" decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/auf-los-coaching\/a1778c48e7-1699097133\/aufloswebsite-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/logos-keyvisuals-signets\/f9701ae660-1729508290\/smartcity_startseite.svg","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Stilisiertes Grafikdesign als Smart-City Logo\" title=\"Logodesign\" loading=\"lazy\" width=\"3600\" height=\"2400\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/logos-keyvisuals-signets\/f9701ae660-1729508290\/smartcity_startseite.svg\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/logos-keyvisuals-signets\/f50d2c41b1-1729508297\/pfdlogo4_startseite.svg","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" alt=\"Stilisiertes Grafikdesign als Smart-City Logo\" title=\"Logodesign\/Corporate Design f\u00fcr die Partnerschaft f\u00fcr Demokratie\" decoding=\"async\" loading=\"lazy\" width=\"3600\" height=\"2400\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/logos-keyvisuals-signets\/f50d2c41b1-1729508297\/pfdlogo4_startseite.svg\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Die WordPress-Website von Nicola Pridik auf einem Smartphone\" title=\"Webdesign mit WordPress f\u00fcr Nicola Pridik\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/a31c11d9c0-1704721343\/iphone-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Die Klappvisitenkarte von Nicola Pridik in ihrem Corporate Design\" title=\"Printdesign: Klappvisitenkarte f\u00fcr Nicola Pridik\" decoding=\"async\" loading=\"lazy\" width=\"2290\" height=\"1717\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/nicola-pridik\/78c589dbb8-1704721235\/visitenkarte-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Eine Verpackung f\u00fcr Schallplattenzubeh\u00f6r im Corporate Design der Marke \u00bbanalogis\u00ab\" title=\"Corporate Design\/Printdesign f\u00fcr analogis\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/2248b2c71e-1699474623\/waschmaschine-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Eine Verpackung f\u00fcr eine Schallplattenauflage im Corporate Design der Marke \u00bbanalogis\u00ab\" title=\"Corporate Design\/Printdesign f\u00fcr analogis\" decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/analogis\/5ff7b3144a-1704669935\/vinyl-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--regular\" alt=\"Der Katalog des Phono-Zubeh\u00f6r-Vertrieb\" title=\"Printdesign: Katalog f\u00fcr den Phono-Zubeh\u00f6r-Vertrieb\" loading=\"lazy\" width=\"2290\" height=\"1718\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/3f1622270b-1704659107\/a4_brochure_cover_mockup_3-380x.avif 380w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-480x.avif","html":"<img class=\"portfolio__itemCoverImg portfolio__itemCoverImg--hover\" sizes=\"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw\" alt=\"Das Logo der Marke \u00bbPhono-Zubeh\u00f6r-Vertrieb\u00ab\" title=\"Corporate Design\/Logo f\u00fcr den Phono-Zubeh\u00f6r-Vertrieb\" decoding=\"async\" loading=\"lazy\" width=\"2400\" height=\"1800\" src=\"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-480x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-380x.avif 380w\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/portfolio\/phono-zubehoer-vertrieb\/34373d447f-1704659512\/sticker-mockup-380x.avif 380w","sizes":"(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-600x.avif","html":"<img class=\"blockimage__img\" src=\"https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-600x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 600px\" alt=\"Portr\u00e4t von Marvin Siefke\" title=\"Marvin Siefke, Grafik- &amp; Webdesigner und Inhaber des B\u00fcros pepper aus Falkensee nahe Berlin\" loading=\"lazy\" width=\"2403\" height=\"1602\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/home\/408a06d2b3-1698840629\/marvin_siefke-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 600px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-600x.avif","html":"<img class=\"blockimage__img blockimage__img--transparent\" src=\"https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-600x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 600px\" alt=\"Zwei Smartphones, auf denen Websites abgebildet werden\" title=\"Mobile-first Webdesign mit WordPress und Kirby\" loading=\"lazy\" width=\"2700\" height=\"1800\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/webdesign\/c1ea59fbf8-1714170347\/webdesign2-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 600px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-600x.avif","html":"<img class=\"blockimage__img blockimage__img--transparent\" src=\"https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-600x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 600px\" alt=\"Corporate Design angewandt: Ein Folder mit eingelegtem Bestellformular\" title=\"Corporate Design auf Printprodukten angewendet\" loading=\"lazy\" width=\"3198\" height=\"1800\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/corporate-design\/bb873c9c52-1719228453\/corporatedesign-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 600px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-600x.avif","html":"<img class=\"bloglist__coverImg\" src=\"https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-600x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 600px\" width=\"1800\" height=\"1201\" alt=\"Nahaufnahme von gew\u00f6lbtem Papier\" title=\"\" loading=\"lazy\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-1240x.avif 1240w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/pdfs-barrierefrei-machen-wie-und-warum\/1f169002da-1729512124\/adobestock_336197375-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 600px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-380x.avif","html":"<img class=\"bloglist__coverImg\" src=\"https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-380x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 380px\" width=\"2700\" height=\"1800\" alt=\"Ein Farbeimer mit einer Farbrolle\" title=\"\" loading=\"lazy\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/website-relaunch-in-eigener-sache\/6f93d69742-1719403276\/assortment-painting-items-with-green-paint-1-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 380px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-380x.avif","html":"<img class=\"bloglist__coverImg\" src=\"https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-380x.avif\" srcset=\"https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-380x.avif 380w\" sizes=\"(max-width: 1024px) 100vw, 380px\" width=\"5760\" height=\"3840\" alt=\"Wolken mit einem blauen Himmel\" title=\"Die Cloud\" loading=\"lazy\">","currentSrc":"","srcSet":"https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-960x.avif 960w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-600x.avif 600w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-480x.avif 480w, https:\/\/pepper.green\/media\/pages\/blog\/webhosting-fuer-wordpress\/de9ebd1364-1684588846\/adobestock_330435534-380x.avif 380w","sizes":"(max-width: 1024px) 100vw, 380px","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns
[]
meta-viewport
width=device-width, initial-scale=1.0
possibly-render-blocking-reqs
["https:\/\/pepper.green\/assets\/css\/site_241019.min.css","https:\/\/pepper.green\/assets\/css\/templates\/home.css"]
rendered-html
<html lang="de" class="js"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="preload" href="https://pepper.green/assets/css/site_241019.min.css" as="style"> <link rel="preload" href="https://pepper.green/assets/fonts/recursive-subset-vf.woff2" as="font" type="font/woff2" crossorigin=""> <link href="https://pepper.green/assets/css/site_241019.min.css" rel="stylesheet"><link href="https://pepper.green/assets/css/templates/home.css" rel="stylesheet"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="application-name" content="pepper"> <meta name="apple-mobile-web-app-title" content="pepper"> <meta name="theme-color" content="#e9f3f1"> <link rel="apple-touch-icon" href="https://pepper.green/assets/icons/apple-touch-icon.png"> <link rel="mask-icon" href="https://pepper.green/assets/icons/mask-icon.svg" color="#55a72b"> <link rel="icon" href="https://pepper.green/assets/icons/favicon.svg" type="image/svg+xml" sizes="any"> <link rel="alternate" type="application/rss+xml" title="RSS-Feed" href="https://pepper.green/feed.rss"> <link rel="canonical" href="https://pepper.green"> <title>Grafik- &amp; Webdesign | WordPress | aus Brandenburg &amp; Berlin</title> <meta name="robots" content="index"> <meta name="description" content="Grafik- &amp; Webdesign: ✅ Websites ✅ Corporate Design ✅ Print ✅ WordPress. Aus Falkensee, in Berlin und Brandenburg mobil, remote/digital für überall."> <meta name="author" content="Marvin Siefke"> <meta property="og:title" content="Grafik- &amp; Webdesign | WordPress | aus Brandenburg &amp; Berlin"> <meta property="og:description" content="Grafik- &amp; Webdesign: ✅ Websites ✅ Corporate Design ✅ Print ✅ WordPress. Aus Falkensee, in Berlin und Brandenburg mobil, remote/digital für überall."> <meta property="og:site_name" content="pepper"> <meta property="og:url" content="https://pepper.green"> <meta property="og:type" content="website"> <meta property="og:determiner" content="auto"> <meta property="og:image" content="https://pepper.green/media/site/9ae414b099-1719235184/sharepic-1200x630-crop-q80.jpg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:image:mime" content="image/jpeg"> <script type="text/javascript" async="" defer="" src="https://pepper.marketing/matomo.js"></script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/pepper.green"}]}</script> <script type="application/ld+json">[{"@context":"https:\/\/schema.org","@type":"Organization","url":"https:\/\/pepper.green","logo":"https:\/\/pepper.green\/assets\/images\/logo.svg"}]</script> <script>function initMatomo(){var e=window._paq=window._paq||[];e.push(["disableCookies"]),e.push(["trackPageView"]),e.push(["enableLinkTracking"]),e.push(["trackVisibleContentImpressions"]);var t="https://pepper.marketing/";e.push(["setTrackerUrl",t+"matomo.php"]),e.push(["setSiteId","1"]),(window.requestIdleCallback||function(e){var t=Date.now();return setTimeout(function(){e({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-t))}})},1)})(function(){var e=document,n=e.createElement("script"),r=e.getElementsByTagName("script")[0];n.type="text/javascript",n.async=!0,n.defer=!0,n.src=t+"matomo.js",r.parentNode.insertBefore(n,r)})}document.prerendering?document.addEventListener("prerenderingchange",initMatomo,{once:!0}):initMatomo();</script></head> <body id="oben"> <div class="wrapper wrapper--full"> <a class="jumplink" href="#oben">Zum Inhalt springen</a> <header class="header header--top light"> <div class="header__inner wrapper wrapper--content"> <a class="header__site" href="https://pepper.green" rel="home" accesskey="0" title="Zur Startseite gehen"> <svg class="header__siteLogo" aria-hidden="true" focusable="false" viewBox="0 0 512 512"><title>pepper</title><path class="header__siteLogoPath" d="M504 53.8l-49.8-15A10.3 10.3 0 00441 47a391.9 391.9 0 01-30.6 101.3c-31.6-11.2-66.4-5.4-95.4 31.2-13 16.4-65.5 147-129 175C117 385 49.6 370 13 357.2a10.3 10.3 0 00-11.8 15.7c22.4 31.8 71.4 81.9 164.3 97.5 125.6 21 243.4-67.2 292.4-148 27.5-45.3 38.4-98 5.6-137 26-40.2 41.9-96.9 47.5-119.2a10.3 10.3 0 00-7-12.4zm0 0" fill="#55A72B"></path></svg> pepper </a> <ul class="header__navlist"> <li class="header__navitem hide-on-mobile"> <a class="header__navbutton header__navbutton--half button" href="https://pepper.green/kostenloses-kennenlernen">Kostenloses Kennenlernen</a> </li> <li class="header__navitem"> <button class="header__navbutton header__navbutton--hamburger button" aria-expanded="false" aria-controls="offcanvas" accesskey="1" title="Menü öffnen/schließen"> Menü <svg class="header__navbuttonIcon header__navbuttonIcon--hamburger" aria-hidden="true" focusable="false" viewBox="0 0 32 32"><title>öffnen</title><path class="header__navbuttonIconPath" d="M0 6V3.1C0 2.5.5 2 1.1 2h29.7c.7 0 1.2.5 1.2 1.1V6c0 .6-.5 1.1-1.1 1.1H1.1C.5 7.1 0 6.6 0 6zm0 11.4v-2.9c0-.6.5-1.1 1.1-1.1h29.7c.6 0 1.1.5 1.1 1.1v2.9c0 .6-.5 1.1-1.1 1.1H1.1c-.6.1-1.1-.4-1.1-1.1zm0 11.5V26c0-.6.5-1.1 1.1-1.1h29.7c.6 0 1.1.5 1.1 1.1v2.9c0 .6-.5 1.1-1.1 1.1H1.1C.5 30 0 29.5 0 28.9z"></path></svg> <svg class="header__navbuttonIcon header__navbuttonIcon--close" aria-hidden="true" focusable="false" viewBox="0 0 32 32"><title>schließen</title><path class="header__navbuttonIconPath" d="M19.9 16.6l8.7-8.7c.4-.4.4-1.1 0-1.6l-2.1-2.1c-.4-.4-1.1-.4-1.6.1L16.3 13 7.6 4.3c-.5-.4-1.2-.4-1.6 0l-2 2c-.5.5-.5 1.2 0 1.6l8.7 8.7L4 25.3c-.4.4-.4 1.1 0 1.6L6 29c.4.4 1.1.4 1.6 0l8.7-8.7L25 29c.4.4 1.1.4 1.6 0l2.1-2.1c.4-.4.4-1.1-.1-1.6l-8.7-8.7z"></path></svg> </button> </li> </ul> </div> </header> <div class="offcanvas light" id="offcanvas"> <div class="offcanvas__inner"> <div class="navigation wrapper wrapper--content"> <div class="navigation__inner"> <nav class="navigation__group navigation__group--big" aria-label="pepper"> <span class="navigation__groupTitle headline headline--kicker" aria-hidden="">pepper</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--bottom navigation__link--open dont-prerender" href="https://pepper.green" aria-current="page" target="_self" rel="home" title="Zur Startseite gehen">Start</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/portfolio" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Portfolio«">Portfolio</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/ueber-mich" aria-current="false" target="_self" rel="" title="Gehe zur Seite Ȇber mich«">Ãœber mich</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/blog" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Blog«">Blog</a> </li> </ul> </nav> <nav class="navigation__group navigation__group--big" aria-label="Angebot"> <span class="navigation__groupTitle headline headline--kicker" aria-hidden="">Angebot</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/webdesign" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Webdesign«">Webdesign</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/wordpress" aria-current="false" target="_self" rel="" title="Gehe zur Seite »WordPress«">WordPress</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/corporate-design" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Corporate Design«">Corporate Design</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/printdesign" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Printdesign«">Printdesign</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/accessibility" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Accessibility«">Accessibility</a> </li> </ul> </nav> <nav class="navigation__group navigation__group--big navigation__group--right" aria-label="Kontakt"> <span class="navigation__groupTitle headline headline--kicker" aria-hidden="">Kontakt</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--highlight " href="https://pepper.green/kostenloses-kennenlernen" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Kostenloses Kennenlernen«">Kostenloses Kennenlernen</a> </li> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="mailto:[email protected]" target="_self" rel="" title="E-Mail schreiben">office@<wbr>pepper.green</a> </li> </ul> </nav> <nav class="navigation__group" aria-label="Netzwerken &amp; Weiteres"> <span class="navigation__groupTitle headline headline--kicker" aria-hidden="">Netzwerken &amp; Weiteres</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="https://www.linkedin.com/in/marvinsiefke/" target="_blank" rel="noopener" title="Zu LinkedIn gehen (extern)">LinkedIn</a> </li> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="https://www.instagram.com/marvinsiefke/" target="_blank" rel="noopener" title="Zu Instagram gehen (extern)">Instagram</a> </li> </ul> </nav> <nav class="navigation__group" aria-label="Kleingedrucktes"> <span class="navigation__groupTitle headline headline--kicker" aria-hidden="">Kleingedrucktes</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/impressum" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Impressum«">Impressum</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/datenschutzerklaerung" aria-current="false" target="_self" rel="privacy-policy" title="Gehe zur Seite »Datenschutzerklärung«">Datenschutz</a> </li> </ul> </nav> </div> <div class="navigation__buttons" data-nosnippet=""> <button class="navigation__button navigation__button--share button" hidden="true" title="Teilen-Dialog öffnen"> <div class="navigation__buttonIcon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 224c53 0 96-43 96-96s-43-96-96-96s-96 43-96 96c0 4 .2 8 .7 11.9l-94.1 47C145.4 170.2 121.9 160 96 160c-53 0-96 43-96 96s43 96 96 96c25.9 0 49.4-10.2 66.6-26.9l94.1 47c-.5 3.9-.7 7.8-.7 11.9c0 53 43 96 96 96s96-43 96-96s-43-96-96-96c-25.9 0-49.4 10.2-66.6 26.9l-94.1-47c.5-3.9 .7-7.8 .7-11.9s-.2-8-.7-11.9l94.1-47C302.6 213.8 326.1 224 352 224z"></path></svg> </div> <span class="navigation__buttonText">Website teilen</span> </button> <button class="navigation__button navigation__button--search button" aria-haspopup="dialog" aria-controls="search" title="Website durchsuchen"> <div class="navigation__buttonIcon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"></path></svg> </div> <span class="navigation__buttonText">Suche</span> </button> <a href="https://pepper.green/downloads/marvinsiefke.vcf" class="navigation__button navigation__button--vcf button hide-on-desktop hide-on-tablet" title=".vcf-Datei herunterladen" rel="nofollow" download=""> <div class="navigation__buttonIcon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM0 482.3C0 383.8 79.8 304 178.3 304h91.4C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7H29.7C13.3 512 0 498.7 0 482.3zM504 312V248H440c-13.3 0-24-10.7-24-24s10.7-24 24-24h64V136c0-13.3 10.7-24 24-24s24 10.7 24 24v64h64c13.3 0 24 10.7 24 24s-10.7 24-24 24H552v64c0 13.3-10.7 24-24 24s-24-10.7-24-24z"></path></svg> </div> <span class="navigation__buttonText">Kontakt speichern</span> </a> </div> </div> </div> </div> <main class="layouts"> <section id="claim" class="layout layout--grid claim " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--paddingbottom layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="claim__inner"> <p class="claim__headline">Gesehen werden. <br>Mit <span id="type-text">Design</span><span class="claim__blinkingcursor">_</span><br class="hide-on-desktop">von <span class="peppergreen">pepper</span>.</p> <div class="claim__kicker blockheading--kicker blockheading--left"> <h1 class="blockheading__text">Grafik-&nbsp;&amp;&nbsp;Webdesign, WordPress und mehr <br class="hide-on-mobile">aus Berlin und Branden­burg.</h1> <span class="blockheading__text">Remote verfügbar.</span> </div> <a href="#leistungen" class="claim_button button">↓ Neugierig?</a> </div> <script> async function initTypewriter() { const node = document.querySelector("#type-text"); node.innerText = ""; while (true) { await typeText(node, "Ideen"); await sleep(2000); await deleteText(node, "Ideen"); await typeText(node, "Design"); await sleep(2000); await deleteText(node, "Design"); await typeText(node, "Code"); await sleep(2000); await deleteText(node, "Code"); } } // Hilfsfunktion für Schlafen const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time)); // Funktion für das Tippen async function typeText(element, text) { for (let character of text) { element.innerText += character; await sleep(typeInterval()); } } // Funktion für das Löschen async function deleteText(element, text) { for (let character of text) { element.innerText = element.innerText.slice(0, element.innerText.length - 1); await sleep(typeInterval()); } } // Funktion für zufälliges Intervall function typeInterval() { const randomMs = 175 * Math.random(); return randomMs < 50 ? 10 : randomMs; } // Initialisiere den Typewriter initTypewriter(); </script> </div> </div> </div> </div> </section> <section id="leistungen" class="layout layout--grid services " style="--color-background: #eaf4f1; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--paddingbottom layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockheading blockheading--kicker blockheading--left "> <p class="blockheading__text " style="color: inherit">Mein Angebot</p> </div> <div class="services__container"> <ul class="services__list"> <li class="services__item fadein"> <a class="services__button button" title="Gehe zur Seite »Webdesign«" href="https://pepper.green/webdesign" data-service="webdesign" data-color="#acedc3" style="--color: #acedc3;"> Webdesign </a> </li> <li class="services__item fadein"> <a class="services__button button" title="Gehe zur Seite »WordPress«" href="https://pepper.green/wordpress" data-service="wordpress" data-color="#b0f2cd" style="--color: #b0f2cd;"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z"></path></svg> WordPress </a> </li> <li class="services__item fadein"> <a class="services__button button" title="Gehe zur Seite »Corporate Design«" href="https://pepper.green/corporate-design" data-service="corporate-design" data-color="#afeadb" style="--color: #afeadb;"> Corporate Design </a> </li> <li class="services__item fadein"> <a class="services__button button" title="Gehe zur Seite »Printdesign«" href="https://pepper.green/printdesign" data-service="printdesign" data-color="#c2efe3" style="--color: #c2efe3;"> Printdesign </a> </li> <li class="services__item fadein"> <a class="services__button button" title="Gehe zur Seite »Accessibility«" href="https://pepper.green/accessibility" data-service="accessibility" data-color="#c9f7bf" style="--color: #c9f7bf;"> Accessibility </a> </li> </ul> <div class="services__cover hide-on-mobile hide-on-tablet"> <a class="services__coverLink" href="https://pepper.green/webdesign" data-service="webdesign" title="Gehe zur Seite »Webdesign«" tabindex="-1"> <img class="services__coverImage" src="https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-700x.avif" srcset="https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif 1440w, https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1080x.avif 1080w, https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-720x.avif 720w" width="2400" height="1800" alt="Ein Smartphone, auf dem die Website des Jugendforum Falkensee geöffnet ist" title="Mobile-first Webdesign" decoding="async" loading="lazy"> </a> <a class="services__coverLink" href="https://pepper.green/wordpress" data-service="wordpress" title="Gehe zur Seite »WordPress«" tabindex="-1"> <img class="services__coverImage" src="https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-700x.avif" srcset="https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif 1440w, https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1080x.avif 1080w, https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-720x.avif 720w" width="2400" height="1800" alt="Auf einem Computer ist der Gutenberg-Editor vom WordPress-Backend geöffnet" title="Der Gutenberg-Editor von WordPress" decoding="async" loading="lazy"> </a> <a class="services__coverLink" href="https://pepper.green/corporate-design" data-service="corporate-design" title="Gehe zur Seite »Corporate Design«" tabindex="-1"> <img class="services__coverImage" src="https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-700x.avif" srcset="https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif 1440w, https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1080x.avif 1080w, https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-720x.avif 720w" width="2400" height="1800" alt="Ein T-Shirt im Corporate Design der Marke »KörperKraftVertrauen«" title="Corporate Design auf einem T-Shirt angewendet" decoding="async" loading="lazy"> </a> <a class="services__coverLink" href="https://pepper.green/printdesign" data-service="printdesign" title="Gehe zur Seite »Printdesign«" tabindex="-1"> <img class="services__coverImage" src="https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-700x.avif" srcset="https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif 1440w, https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1080x.avif 1080w, https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-720x.avif 720w" width="2400" height="1800" alt="Schallplattenzubehör verpackt in einer Verpackung mit einem charakterischen Printdesign" title="Printdesign" decoding="async" loading="lazy"> </a> <a class="services__coverLink" href="https://pepper.green/accessibility" data-service="accessibility" title="Gehe zur Seite »Accessibility«" tabindex="-1"> <img class="services__coverImage" src="https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-700x.avif" srcset="https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif 1440w, https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1080x.avif 1080w, https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-720x.avif 720w" width="2400" height="1800" alt="Ein Laptop, auf dem die Website »barrierefreies.design« geöffnet ist" title="Barrierefreies Design" decoding="async" loading="lazy"> </a> </div> </div> </div> </div> </div> </div> </section> <section id="3cdb6aab-d98f-4885-ae8b-1ea79092db3c" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: #e6f5d0; "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Mein Versprechen</h2> </div> <div class="blockheading blockheading--primary blockheading--left "> <p class="blockheading__text " style="color: inherit">Ob Print-, Grafik- oder Web­design: Mit der Wahl des Mediums ent­steht ein Rahmen, in dem ich Ihre Inhalte gestalte&nbsp;— mit Fokus, mit Span­nung und manch­mal mit einem Augen­zwinkern. So gelingt Ihr wirk­­samer <span class="nowrap"><span class="bounce">Auftritt</span>.</span></p> </div> <div class="blockspacer hide-on-tablet hide-on-desktop" style="height: 0.74375em"></div> </div> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Rundum Grafik- und Webdesign</h2> </div> <div class="blocktext "> <p>Ich biete die Gestaltung und Umsetzung sowohl digitaler als auch gedruckter Medien an. Das macht Ihren Unter­neh­mens­auf­tritt vom Logo, der Typo­gra­fie, Farb­ge­bung, Bildsprache und bis zum ganzen Webdesign ein­zig­artig und außer­ge­wöhn­lich. In gemeinsamer Ko-Kreation geben wir Ihrer Marke eine Identität.</p> <p>Mein Angebot ist <span class="bold">ideal für kleine und mittelständische Unternehmen</span> sowie Vereine, die eine ganzheitliche Gestaltung und ein nahtloses Zusammenspiel in der Umsetzung ihrer <strong>Webdesigns (mit und ohne <span class="nowrap">WordPress</span>) und Printprodukte </strong>wünschen. Und das vom Pla­kat, der Bro­schüre, der Visi­ten­karte oder sonst fast jeder denk­baren Fläche, die sich bedru­cken lässt. Am besten verschaffen Sie sich selbst einen Eindruck über meine Arbeit in meinem <a href="#portfolio">Portfolio</a>.</p></div> </div> </div> </div> </div> </section> <section id="portfolio" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Portfolio</h2> </div> <div class="blockheading blockheading--primary blockheading--left "> <p class="blockheading__text " style="color: inherit">Vom Konzept zur Realität</p> </div> </div> </div> </div> </div> </section> <section id="3a77ce19-d1ba-45d8-bba7-3e81a23a98ca" class="layout layout--portfolio " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--fullwidth "> <div class="portfolio__inner"> <div class="portfolio__list wrapper wrapper--max"> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #8eedcd;"> <div class="portfolio__itemSubhead"> Website-<wbr>Relaunch mit Word­Press </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/galafa" title="Zum Projekt »Galafa« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Das Webdesign für die Galafa GmbH in Falkensee" title="Webdesign für Galafa GmbH in Falkensee" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-480x.avif" srcset="https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-960x.avif 960w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-600x.avif 600w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-480x.avif 480w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-480x.avif" srcset="https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-960x.avif 960w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-600x.avif 600w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-480x.avif 480w, https://pepper.green/media/pages/portfolio/galafa/53e9cd4b83-1704720577/macbook-air-startseite-380x.avif 380w" alt="Das Webdesign für die Galafa GmbH in Falkensee" title="Webdesign für Galafa GmbH in Falkensee" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Ein gestalteter Flyer für die Galafa GmbH in Falkensee" title="Printdesign/Faltblatt für Galafa GmbH" decoding="async" loading="lazy" width="2701" height="1800" src="https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-480x.avif" srcset="https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-960x.avif 960w, https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-600x.avif 600w, https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-480x.avif 480w, https://pepper.green/media/pages/portfolio/galafa/3fe69c0597-1704720877/flyer_01-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/galafa">Galafa</a> </div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #e9f0ab;"> <div class="portfolio__itemSubhead"> Logo &amp; Corpo­rate Design, Web­design, Flyer-Design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/koerperkraftvertrauen" title="Zum Projekt »KörperKraftVertrauen« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Ein T-Shirt im Corporate Design der Marke »KörperKraftVertrauen«" title="Corporate Design/Printdesign für KörperKraftVertrauen" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-480x.avif" srcset="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-960x.avif 960w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-600x.avif 600w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-480x.avif 480w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-480x.avif" srcset="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-960x.avif 960w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-600x.avif 600w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-480x.avif 480w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/c0e74ddf82-1699474509/shirt-380x.avif 380w" alt="Ein T-Shirt im Corporate Design der Marke »KörperKraftVertrauen«" title="Corporate Design/Printdesign für KörperKraftVertrauen" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Ein Faltblatt im Corporate Design der Marker" title="Printdesign/Faltblatt für KörperKraftVertrauen" decoding="async" loading="lazy" width="2290" height="1718" src="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-480x.avif" srcset="https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-960x.avif 960w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-600x.avif 600w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-480x.avif 480w, https://pepper.green/media/pages/portfolio/koerperkraftvertrauen/59d5afc268-1704660267/maria-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/koerperkraftvertrauen">Körper­Kraft­Vertrauen</a> </div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #beeae5;"> <div class="portfolio__itemSubhead"> Logo &amp; Corpo­rate Design, Web­design mit WordPress </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/auf-los-coaching" title="Zum Projekt »AUF LOS Coaching« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Das Logo für die Marke »AUF LOS« als Leuchtreklame" title="Corporate Design/Logodesign für »AUF LOS«" loading="lazy" width="3200" height="1649" src="https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-480x.avif" srcset="https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-960x.avif 960w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-600x.avif 600w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-480x.avif 480w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-480x.avif" srcset="https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-960x.avif 960w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-600x.avif 600w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-480x.avif 480w, https://pepper.green/media/pages/portfolio/auf-los-coaching/35b734de26-1726217337/logo-380x.avif 380w" alt="Das Logo für die Marke »AUF LOS« als Leuchtreklame" title="Corporate Design/Logodesign für »AUF LOS«" loading="lazy" width="3200" height="1649"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Website von »AUF LOS« auf einem Laptop" title="Webdesign mit WordPress für »AUF LOS«" decoding="async" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-480x.avif" srcset="https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-960x.avif 960w, https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-600x.avif 600w, https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-480x.avif 480w, https://pepper.green/media/pages/portfolio/auf-los-coaching/a1778c48e7-1699097133/aufloswebsite-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/auf-los-coaching">AUF LOS Coaching</a> </div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #daf5de;"> <div class="portfolio__itemSubhead"> Eine kurze Auswahl von mir gestal­te­ter Logos </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/logos-keyvisuals-signets" title="Zum Projekt »Logos, Key-Visuals, Signets« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Stilisiertes Grafikdesign als Smart-City Logo" title="Logodesign" loading="lazy" width="3600" height="2400" src="https://pepper.green/media/pages/portfolio/logos-keyvisuals-signets/f9701ae660-1729508290/smartcity_startseite.svg"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/logos-keyvisuals-signets/f9701ae660-1729508290/smartcity_startseite.svg" alt="Stilisiertes Grafikdesign als Smart-City Logo" title="Logodesign" loading="lazy" width="3600" height="2400"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" alt="Stilisiertes Grafikdesign als Smart-City Logo" title="Logodesign/Corporate Design für die Partnerschaft für Demokratie" decoding="async" loading="lazy" width="3600" height="2400" src="https://pepper.green/media/pages/portfolio/logos-keyvisuals-signets/f50d2c41b1-1729508297/pfdlogo4_startseite.svg"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/logos-keyvisuals-signets">Logos, Key-Visuals, Signets</a> </div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #adf0de;"> <div class="portfolio__itemSubhead"> WordPress-Relaunch, Logo­design, Print­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/nicola-pridik" title="Zum Projekt »Nicola Pridik« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Die WordPress-Website von Nicola Pridik auf einem Smartphone" title="Webdesign mit WordPress für Nicola Pridik" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-480x.avif" srcset="https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-960x.avif 960w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-600x.avif 600w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-480x.avif 480w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-480x.avif" srcset="https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-960x.avif 960w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-600x.avif 600w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-480x.avif 480w, https://pepper.green/media/pages/portfolio/nicola-pridik/a31c11d9c0-1704721343/iphone-380x.avif 380w" alt="Die WordPress-Website von Nicola Pridik auf einem Smartphone" title="Webdesign mit WordPress für Nicola Pridik" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Klappvisitenkarte von Nicola Pridik in ihrem Corporate Design" title="Printdesign: Klappvisitenkarte für Nicola Pridik" decoding="async" loading="lazy" width="2290" height="1717" src="https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-480x.avif" srcset="https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-960x.avif 960w, https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-600x.avif 600w, https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-480x.avif 480w, https://pepper.green/media/pages/portfolio/nicola-pridik/78c589dbb8-1704721235/visitenkarte-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/nicola-pridik">Nicola Pridik</a> </div> </div> <div class="portfolio__item portfolio__item--placeholder fadein portfolio__item--visible" data-loaded="true"> <div class="portfolio__itemSubhead">Kostenloses Kennenlernen.</div> <div class="portfolio__itemCover"></div> <div class="portfolio__itemTitle"><a class="portfolio__itemTitleLink" href="https://pepper.green/kostenloses-kennenlernen">Hier könnte Ihre Werbung stehen.</a></div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #d3f9b8;"> <div class="portfolio__itemSubhead"> Logo­design, Corpo­rate Design, Ver­packungs­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/analogis" title="Zum Projekt »analogis« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Eine Verpackung für Schallplattenzubehör im Corporate Design der Marke »analogis«" title="Corporate Design/Printdesign für analogis" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-480x.avif" srcset="https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-960x.avif 960w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-600x.avif 600w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-480x.avif 480w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-480x.avif" srcset="https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-960x.avif 960w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-600x.avif 600w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-480x.avif 480w, https://pepper.green/media/pages/portfolio/analogis/2248b2c71e-1699474623/waschmaschine-380x.avif 380w" alt="Eine Verpackung für Schallplattenzubehör im Corporate Design der Marke »analogis«" title="Corporate Design/Printdesign für analogis" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Eine Verpackung für eine Schallplattenauflage im Corporate Design der Marke »analogis«" title="Corporate Design/Printdesign für analogis" decoding="async" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-480x.avif" srcset="https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-960x.avif 960w, https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-600x.avif 600w, https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-480x.avif 480w, https://pepper.green/media/pages/portfolio/analogis/5ff7b3144a-1704669935/vinyl-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/analogis">analogis</a> </div> </div> <div class="portfolio__item fadein portfolio__item--visible" data-loaded="true" style="background: #b6f4b5;"> <div class="portfolio__itemSubhead"> Logo­design, Corpo­rate Design, Ver­packungs­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/phono-zubehoer-vertrieb" title="Zum Projekt »Phono-Zubehör-Vertrieb« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Der Katalog des Phono-Zubehör-Vertrieb" title="Printdesign: Katalog für den Phono-Zubehör-Vertrieb" loading="lazy" width="2290" height="1718" src="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-480x.avif" srcset="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-960x.avif 960w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-600x.avif 600w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-480x.avif 480w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-480x.avif" srcset="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-960x.avif 960w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-600x.avif 600w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-480x.avif 480w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/3f1622270b-1704659107/a4_brochure_cover_mockup_3-380x.avif 380w" alt="Der Katalog des Phono-Zubehör-Vertrieb" title="Printdesign: Katalog für den Phono-Zubehör-Vertrieb" loading="lazy" width="2290" height="1718"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Das Logo der Marke »Phono-Zubehör-Vertrieb«" title="Corporate Design/Logo für den Phono-Zubehör-Vertrieb" decoding="async" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-480x.avif" srcset="https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/phono-zubehoer-vertrieb/34373d447f-1704659512/sticker-mockup-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/phono-zubehoer-vertrieb">Phono-Zubehör-Vertrieb</a> </div> </div> <div class="portfolio__item fadein" data-loaded="true" style="background: #a1fab6;"> <div class="portfolio__itemSubhead"> Logo und Corporate Identity </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/antidiskrimierungsverband" title="Zum Projekt »Antidiskrimierungsverband« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Ein Logo für die »Digitale Akte«" title="Logodesign für die »Digitale Akte«" loading="lazy" width="2400" height="1800" src="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-480x.avif" srcset="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-960x.avif 960w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-600x.avif 600w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-480x.avif 480w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-480x.avif" srcset="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-960x.avif 960w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-600x.avif 600w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-480x.avif 480w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/925edd87c0-1704819622/image_0008-380x.avif 380w" alt="Ein Logo für die »Digitale Akte«" title="Logodesign für die »Digitale Akte«" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Der gestaltete Briefbogen für die »Digitale Akte«" title="Printdesign für die »Digitale Akte«" decoding="async" loading="lazy" width="2254" height="1691" src="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-480x.avif" srcset="https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-960x.avif 960w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-600x.avif 600w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-480x.avif 480w, https://pepper.green/media/pages/portfolio/antidiskrimierungsverband/0d2ca48880-1704827817/a4-briefbogen-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/antidiskrimierungsverband">Antidiskrimie­rungs­verband</a> </div> </div> <div class="portfolio__item fadein" data-loaded="true" style="background: #d7efc9;"> <div class="portfolio__itemSubhead"> WordPress mit Shop </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/atelier-miss-juli" title="Zum Projekt »Atelier Miss Juli« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Die Startseite des Onlineshops »Atelier Miss Juli« auf einem Computerbildschirm" title="Webdesign mit WordPress für das Atelier Miss Juli" loading="lazy" width="2699" height="1800" src="https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-480x.avif" srcset="https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-960x.avif 960w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-600x.avif 600w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-480x.avif 480w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-480x.avif" srcset="https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-960x.avif 960w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-600x.avif 600w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-480x.avif 480w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/20c0e629a9-1709488230/apple-pro-380x.avif 380w" alt="Die Startseite des Onlineshops »Atelier Miss Juli« auf einem Computerbildschirm" title="Webdesign mit WordPress für das Atelier Miss Juli" loading="lazy" width="2699" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die WordPress-Website geöffnet auf einem Tablet" title="Webdesign mit WordPress für das Atelier Miss Juli" decoding="async" loading="lazy" width="2700" height="1800" src="https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-480x.avif" srcset="https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-960x.avif 960w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-600x.avif 600w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-480x.avif 480w, https://pepper.green/media/pages/portfolio/atelier-miss-juli/1ef9fe2aaf-1709507397/psd_2-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/atelier-miss-juli">Atelier Miss Juli</a> </div> </div> <div class="portfolio__item fadein" data-loaded="true" style="background: #96fdd0;"> <div class="portfolio__itemSubhead"> Logo­design, Corpo­rate Design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/beratenswert" title="Zum Projekt »beratenswert« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Die Klappvisitenkarte von »beratenswert«" title="Corporate Design, Printdesign: Klappvisitenkarte für »beratenswert«" loading="lazy" width="2700" height="1800" src="https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-480x.avif" srcset="https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-960x.avif 960w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-600x.avif 600w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-480x.avif 480w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-480x.avif" srcset="https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-960x.avif 960w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-600x.avif 600w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-480x.avif 480w, https://pepper.green/media/pages/portfolio/beratenswert/3b46bbc5d7-1704756835/folded_business_card_mockup_4-380x.avif 380w" alt="Die Klappvisitenkarte von »beratenswert«" title="Corporate Design, Printdesign: Klappvisitenkarte für »beratenswert«" loading="lazy" width="2700" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Klappvisiten auf einem Stapel" title="Corporate Design, Printdesign: Klappvisitenkarte für »beratenswert«" decoding="async" loading="lazy" width="2068" height="1668" src="https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-480x.avif" srcset="https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-960x.avif 960w, https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-600x.avif 600w, https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-480x.avif 480w, https://pepper.green/media/pages/portfolio/beratenswert/e1bd98e134-1704755226/klappvisitenkarte-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/beratenswert">beratenswert</a> </div> </div> <div class="portfolio__item fadein" data-loaded="true" style="background: #ddf7a5;"> <div class="portfolio__itemSubhead"> Web­design mit WordPress </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/fachgruppe-holzspielzeug" title="Zum Projekt »Fachgruppe Holzspielzeug« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" alt="Die WordPress-Website der Fachgruppe Holzspielzeug e.V. auf mehreren Smartphones" title="WordPress-Website für die Fachgruppe Holzspielzeug" loading="lazy" width="2700" height="1800" src="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-480x.avif" srcset="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-380x.avif 380w"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-480x.avif" srcset="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/32d99ee061-1704892325/phone_screen_mockup-380x.avif 380w" alt="Die WordPress-Website der Fachgruppe Holzspielzeug e.V. auf mehreren Smartphones" title="WordPress-Website für die Fachgruppe Holzspielzeug" loading="lazy" width="2700" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Website der Fachgruppe Holzspielzeug auf einem Computer" title="WordPress-Webdesign für die Fachgruppe Holzspielzeug" decoding="async" loading="lazy" width="2700" height="1800" src="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-480x.avif" srcset="https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-960x.avif 960w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-600x.avif 600w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-480x.avif 480w, https://pepper.green/media/pages/portfolio/fachgruppe-holzspielzeug/f9728a9d4b-1704886601/holzspielzeug-startseite-380x.avif 380w"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/fachgruppe-holzspielzeug">Fach­gruppe Holz­spiel­zeug</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #c7efe3;"> <div class="portfolio__itemSubhead"> WordPress-Relaunch </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/ce-fuer-spielzeug" title="Zum Projekt »CE für Spielzeug« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-960x.avif 960w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-600x.avif 600w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-480x.avif 480w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-380x.avif 380w" alt="Die WordPress-Website nach dem Relaunch im Corporate Design von »CE für Spielzeug« aus Falkensee" title="Zwei iPhones, auf denen die WordPress-Website von »CE für Spielzeug« zu sehen ist" loading="lazy" width="1654" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-480x.avif" srcset="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-960x.avif 960w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-600x.avif 600w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-480x.avif 480w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/667f498175-1704746912/iphones-380x.avif 380w" alt="Die WordPress-Website nach dem Relaunch im Corporate Design von »CE für Spielzeug« aus Falkensee" title="Zwei iPhones, auf denen die WordPress-Website von »CE für Spielzeug« zu sehen ist" loading="lazy" width="1654" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/ce-fuer-spielzeug/626cd32a62-1704747076/imac-mockup-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Website von »CE für Spielzeug« auf einem iMac" title="Webdesign mit WordPress für »CE für Spielzeug«" decoding="async" loading="lazy" width="1083" height="1002"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/ce-fuer-spielzeug">CE für Spielzeug</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #dcedd7;"> <div class="portfolio__itemSubhead"> Grafikdesign für Werbe­mittel (Flyer, Banner, <span class="nowrap">Roll-ups …)</span> </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/achtung-berlin-filmfestival" title="Zum Projekt »achtung berlin Filmfestival« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-960x.avif 960w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-600x.avif 600w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-480x.avif 480w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-380x.avif 380w" alt="Die Website des »achtung berlin Filmfestival« auf einem Laptop" title="Webdesign" loading="lazy" width="3200" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-480x.avif" srcset="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-960x.avif 960w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-600x.avif 600w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-480x.avif 480w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/153302357a-1710095839/macbook-pro-16-380x.avif 380w" alt="Die Website des »achtung berlin Filmfestival« auf einem Laptop" title="Webdesign" loading="lazy" width="3200" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-960x.avif 960w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-600x.avif 600w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-480x.avif 480w, https://pepper.green/media/pages/portfolio/achtung-berlin-filmfestival/5fff8b64c1-1704846830/plakat-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Das Plakat des »achtung berlin Filmfestival«" title="Printdesign/Plakatdesign für »achtung berlin«" decoding="async" loading="lazy" width="1800" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/achtung-berlin-filmfestival">achtung berlin Film­festival</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #c3e5d6;"> <div class="portfolio__itemSubhead"> Webdesign und Grafik­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/wohlfuehlbeutel" title="Zum Projekt »Wohlfühlbeutel e.V.« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-960x.avif 960w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-600x.avif 600w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-480x.avif 480w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-380x.avif 380w" alt="Eine Klappvisitenkarte des Vereins" title="Printdesign/Corporate Design" loading="lazy" width="2000" height="1600"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-480x.avif" srcset="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-960x.avif 960w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-600x.avif 600w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-480x.avif 480w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/1bc02cf113-1704845216/folded-paper-psd-mockup_transparent-380x.avif 380w" alt="Eine Klappvisitenkarte des Vereins" title="Printdesign/Corporate Design" loading="lazy" width="2000" height="1600"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-960x.avif 960w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-600x.avif 600w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-480x.avif 480w, https://pepper.green/media/pages/portfolio/wohlfuehlbeutel/b4b2209bd1-1704828510/beutel-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Ein Turnbeutel aus Jute mit dem Logo des Vereins Wohlfühlbeutel Colonia e.V." title="Printdesign/Corporate Design" decoding="async" loading="lazy" width="1800" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/wohlfuehlbeutel">Wohl­fühl­beutel&nbsp;e. V.</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #c3e5d6;"> <div class="portfolio__itemSubhead"> Respon­sive Web­design &amp; Webpro­gram­mie­rung </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/jugendforum-falkensee" title="Zum Projekt »Jugendforum Falkensee« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-380x.avif 380w" alt="Das Keyvisual des Sommerkinos vom Jugendforum auf einem iPad" title="Corporate Design/Logodesign für das Jugendforum Falkensee" loading="lazy" width="2330" height="1553"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-480x.avif" srcset="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/49ba960aeb-1704808815/ipad-380x.avif 380w" alt="Das Keyvisual des Sommerkinos vom Jugendforum auf einem iPad" title="Corporate Design/Logodesign für das Jugendforum Falkensee" loading="lazy" width="2330" height="1553"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendforum-falkensee/a1799aacea-1704808331/smartphone-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Website des Jugendforum Falkensee im Corporate Design" title="Webdesign für das Jugendforum in Falkensee" decoding="async" loading="lazy" width="2400" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/jugendforum-falkensee">Jugendforum Falkensee</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #e9ffd8;"> <div class="portfolio__itemSubhead"> Logo­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/umweltbundesamt" title="Zum Projekt »Umweltbundesamt« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-380x.avif 380w" alt="Das Logo von »ETOX«" title="Logodesign" loading="lazy" width="2400" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-480x.avif" srcset="https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-960x.avif 960w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-600x.avif 600w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-480x.avif 480w, https://pepper.green/media/pages/portfolio/umweltbundesamt/d614d1c4ad-1704920012/mockup-380x.avif 380w" alt="Das Logo von »ETOX«" title="Logodesign" loading="lazy" width="2400" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-960x.avif 960w, https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-600x.avif 600w, https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-480x.avif 480w, https://pepper.green/media/pages/portfolio/umweltbundesamt/57e764bcda-1704894557/008_ipt_02-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Das angewandte Logo als Bestandteil der Website" title="Logodesign" decoding="async" loading="lazy" width="2400" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/umweltbundesamt">Umwelt­bundes­amt</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #cceae5;"> <div class="portfolio__itemSubhead"> Web­design mit WordPress </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/jugendbeirat-falkensee" title="Zum Projekt »Jugendbeirat Falkensee« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-380x.avif 380w" alt="Auf zwei schwebenden Smartphones ist die Website des Jugendbeirats Falkensee zu sehen" title="Mobile Website mit WordPress für den Jugendbeirat" loading="lazy" width="1800" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-480x.avif" srcset="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/725dd51039-1719867966/jbr-smartphones-380x.avif 380w" alt="Auf zwei schwebenden Smartphones ist die Website des Jugendbeirats Falkensee zu sehen" title="Mobile Website mit WordPress für den Jugendbeirat" loading="lazy" width="1800" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-960x.avif 960w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-600x.avif 600w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-480x.avif 480w, https://pepper.green/media/pages/portfolio/jugendbeirat-falkensee/93d1fa30ba-1719868108/stellungnahmen-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Website des Jugendbeirat auf einem Laptop" title="Webdesign mit WordPress für den Jugendbeirat" decoding="async" loading="lazy" width="2550" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/jugendbeirat-falkensee">Jugendbeirat Falkensee</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #aaedcb;"> <div class="portfolio__itemSubhead"> Logo &amp; Corpo­rate Design, Verpackungs­design </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/alter-obstgarten" title="Zum Projekt »Alter Obstgarten« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-960x.avif 960w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-600x.avif 600w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-480x.avif 480w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-380x.avif 380w" alt="Ein Marmeladenglas im Corporate Design des »Alten Obstgartens«" title="Corporate Design/Printdesign für den Alten Obstgarten" loading="lazy" width="1200" height="900"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-480x.avif" srcset="https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-960x.avif 960w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-600x.avif 600w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-480x.avif 480w, https://pepper.green/media/pages/portfolio/alter-obstgarten/3805f9ef05-1704837994/jar-380x.avif 380w" alt="Ein Marmeladenglas im Corporate Design des »Alten Obstgartens«" title="Corporate Design/Printdesign für den Alten Obstgarten" loading="lazy" width="1200" height="900"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-960x.avif 960w, https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-600x.avif 600w, https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-480x.avif 480w, https://pepper.green/media/pages/portfolio/alter-obstgarten/b627cbb1e7-1704838876/label-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Ein Tag mit dem Logo des »alten Obstgarten«" title="Logodesign/Corporate Design für den Alten Obstgarten" decoding="async" loading="lazy" width="2252" height="1689"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/alter-obstgarten">Alter Obst­garten</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #e9efb3;"> <div class="portfolio__itemSubhead"> Webdesign mit WordPress </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/holznote" title="Zum Projekt »Holznote« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-960x.avif 960w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-600x.avif 600w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-480x.avif 480w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-380x.avif 380w" alt="Die WordPress-Website von »holznote« auf einem Smartphone" title="Mobile-first Webdesign mit WordPress für »holznote«" loading="lazy" width="1800" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-480x.avif" srcset="https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-960x.avif 960w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-600x.avif 600w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-480x.avif 480w, https://pepper.green/media/pages/portfolio/holznote/7f18e8a337-1704976161/iphone-12-mockup_be-380x.avif 380w" alt="Die WordPress-Website von »holznote« auf einem Smartphone" title="Mobile-first Webdesign mit WordPress für »holznote«" loading="lazy" width="1800" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-960x.avif 960w, https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-600x.avif 600w, https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-480x.avif 480w, https://pepper.green/media/pages/portfolio/holznote/7d64bef690-1704984356/ipad_transparent-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Auf einem iPad ist die Startseite von »holznote« geöffnet" title="Webdesign/WordPress für »holznote«" decoding="async" loading="lazy" width="2699" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/holznote">Holznote</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #daedde;"> <div class="portfolio__itemSubhead"> Website mit WordPress </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/julia-krawitz" title="Zum Projekt »Julia Krawitz« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-960x.avif 960w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-600x.avif 600w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-480x.avif 480w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-380x.avif 380w" alt="Die Website von Julia Krawitz auf einem Laptop" title="WordPress-Website" loading="lazy" width="1801" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-480x.avif" srcset="https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-960x.avif 960w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-600x.avif 600w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-480x.avif 480w, https://pepper.green/media/pages/portfolio/julia-krawitz/1e40a5031e-1719871763/laptop-380x.avif 380w" alt="Die Website von Julia Krawitz auf einem Laptop" title="WordPress-Website" loading="lazy" width="1801" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-960x.avif 960w, https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-600x.avif 600w, https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-480x.avif 480w, https://pepper.green/media/pages/portfolio/julia-krawitz/2ce3396f61-1719872197/startseite-iphone-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Die Startseite der Website von Julia Krawitz auf einem Smartphone" title="WordPress-Webdesign" decoding="async" loading="lazy" width="2700" height="1800"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/julia-krawitz">Julia Krawitz</a> </div> </div> <div class="portfolio__item fadein" data-loaded="false" style="background: #bdffb7;"> <div class="portfolio__itemSubhead"> Mit der Digita­lisie­rung in neue Formen der Rechts­bera­tung </div> <a class="portfolio__itemCover portfolio__link dont-prerender" href="https://pepper.green/portfolio/rechtsanwalt-holger-meiners" title="Zum Projekt »Rechtsanwalt Holger Meiners« gehen" tabindex="-1"> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--regular" data-src="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-960x.avif 960w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-600x.avif 600w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-480x.avif 480w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-380x.avif 380w" alt="Auf zwei Smartphones ist die Website des Anwalts geöffnet" title="Webdesign" loading="lazy" width="2700" height="1800"> <noscript><img class="portfolio__itemCoverNoscript" src="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-480x.avif" srcset="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-960x.avif 960w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-600x.avif 600w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-480x.avif 480w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/ae335720bd-1704905902/iphone-15-pro-380x.avif 380w" alt="Auf zwei Smartphones ist die Website des Anwalts geöffnet" title="Webdesign" loading="lazy" width="2700" height="1800"></noscript> <img class="portfolio__itemCoverImg portfolio__itemCoverImg--hover" data-src="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-480x.avif" data-srcset="https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-1240x.avif 1240w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-960x.avif 960w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-600x.avif 600w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-480x.avif 480w, https://pepper.green/media/pages/portfolio/rechtsanwalt-holger-meiners/811a8a706a-1704902461/fragebogen-380x.avif 380w" sizes="(max-width: 640px) 100vw, (max-width: 1024px) 50vw, (max-width: 1680px) 33vw, 25vw" alt="Fragebogen zur Ehescheidung (interaktives PDF)" title="" decoding="async" loading="lazy" width="1939" height="1454"> </a> <div class="portfolio__itemTitle"> <a class="portfolio__itemTitleLink portfolio__link dont-prerender" href="https://pepper.green/portfolio/rechtsanwalt-holger-meiners">Rechts­anwalt Holger Meiners</a> </div> </div> </div> <div class="portfolio__buttons wrapper wrapper--content"> <button class="portfolio__button portfolio__button--more button" accesskey="m" style="display: block;">Mehr entdecken</button> </div> </div> </div> </div> </section> <section id="607bf082-9c04-4c03-a731-f8c94a45ddcc" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: #eaf4f1; "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--paddingbottom layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 6"> <figure class="blockimage " aria-hidden="false"> <img class="blockimage__img" src="https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-600x.avif" srcset="https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-1240x.avif 1240w, https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-960x.avif 960w, https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-600x.avif 600w, https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-480x.avif 480w, https://pepper.green/media/pages/home/408a06d2b3-1698840629/marvin_siefke-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 600px" alt="Porträt von Marvin Siefke" title="Marvin Siefke, Grafik- &amp; Webdesigner und Inhaber des Büros pepper aus Falkensee nahe Berlin" loading="lazy" width="2403" height="1602"> </figure> <div class="blockspacer " style="height: var(--gap)"></div> </div> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--kicker blockheading--left "> <p class="blockheading__text " style="color: inherit">Ãœber mich</p> </div> <div class="blockheading blockheading--primary blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Ich bin Marvin Siefke, <span class="nowrap">Grafik-</span> und Web­designer aus Berlin und Branden­burg und mit <span class="peppergreen">pepper</span> selbst­­ständig.</h2> </div> <div class="blocktext "> <p>Geboren in Berlin, etwas ländlicher in Falkensee (Brandenburg) aufgewachsen und von klein auf begeisterungsfähig für Farben und Formen. Die Ausbildung zum »Mediengestalter in Digital und Print« nach dem Abitur habe ich mit einer Auszeichnung als Landesbester in Berlin bestanden, viel Erfahrungen im Agenturleben gesammelt und mich 2021 als <strong>Grafik- und Webdesigner</strong> mit dem Büro »pepper« selbstständig gemacht.</p></div> <div class="blockbuttons "> <ul class="blockbuttons__list blockbuttons__list--right"> <li class="blockbuttons__item"> <a class="blockbuttons__button blockbuttons__button--half button" href="https://pepper.green/ueber-mich" target="" rel="" title="">Mehr über mich</a> </li> </ul> </div> </div> </div> </div> </div> </section> <section id="c81c0f44-3891-442d-86ba-35687515df9c" class="layout layout--grid " style="--color-background: #eaf4f1; --color-linkbackground: #c2eadf; "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--paddingbottom layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Testimonials</h2> </div> <div class="blockheading blockheading--primary blockheading--left "> <p class="blockheading__text " style="color: inherit">Das sagen meine Kundinnen und Kunden</p> </div> <div class="blockspacer hide-on-mobile hide-on-desktop hide-on-tablet" style="height: var(--line-height)"></div> <div class="testimonials_wrapper"> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">»Ich finde mich per­sön­lich und den Cha­rak­ter meiner Arbeit und meiner Philo­sophie sehr gut wieder — und das macht für mich den Unter­schied.«</blockquote> <figcaption class="testimonials__author" style="background: #beeae5;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/auf-los-coaching" title="Zum Projekt »AUF LOS Coaching« gehen">Nicole Koddebusch,<br> <strong>AUF LOS Coaching</strong></a></figcaption> </figure> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">»Alle Sterne der Welt für pepper: Eine tolle Zusam­men­ar­beit mit Ergeb­nis­sen, die mich sehr stolz und glück­lich machen! Zuver­läs­sig, schnell, empa­thisch, krea­tiv und sehr bedacht.«</blockquote> <figcaption class="testimonials__author" style="background: #e9f0ab;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/koerperkraftvertrauen" title="Zum Projekt »KörperKraftVertrauen« gehen">Maria Boskamp,<br> <strong>KörperKraftVertrauen</strong></a></figcaption> </figure> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">»Herr Siefke hat den gesam­ten Pro­zess der Ãœber­ar­bei­tung unserer Web­site mit Fach­wis­sen und Krea­ti­vi­tät beglei­tet. Das Ergeb­nis ist eine moderne und ansprech­ende Web­site, die unse­ren Betrieb online per­fekt reprä­sen­tiert.«</blockquote> <figcaption class="testimonials__author" style="background: #8eedcd;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/galafa" title="Zum Projekt »Galafa« gehen"><strong>Galafa GmbH</strong></a></figcaption> </figure> </div> </div> <div class="layout__column " style="--columns: 6"> <div class="testimonials_wrapper"> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">Ein dickes DANKESCHÖN geht raus an Marvin und seine @pepperagentur. Danke für die Umsetzung, deine kleinen und großen Tipps und deine Highspeed-Geschwindigkeit meine WordPress-Website auf die Beine und online zu stellen.</blockquote> <figcaption class="testimonials__author" style="background: #e9efb3;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/holznote" title="Zum Projekt »Holznote« gehen">Melanie Vielgut,<br><strong>Holznote</strong></a></figcaption> </figure> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">»Ich bin total glück­lich mit der neuen Web­site und sehr, sehr froh, dass ich das Projekt so kurz­fristig mit Ihnen umsetzen konnte. Jetzt ist alles stimmig: Logo, Web­auf­tritt, Print­sachen.«</blockquote> <figcaption class="testimonials__author" style="background: #adf0de;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/nicola-pridik" title="Zum Projekt »Nicola Pridik« gehen">Nicola Pridik,<br> <strong>Büro für klare Rechts­kom­mu­ni­kation</strong></a></figcaption> </figure> <figure class="testimonials__inner fadein"> <blockquote class="testimonials__quote">»Die Arbeit mit Marvin war stets trans­pa­rent, ziel­orien­tiert und pro­fes­sio­nell. Wir freuen uns darauf, auch in Zukunft unsere Pro­dukte durch ihn gestal­ten zu las­sen und können ihn ande­ren Unter­neh­men nur empfeh­len!«</blockquote> <figcaption class="testimonials__author" style="background: #d3f9b8;"><a class="testimonials__authorLink" href="https://pepper.green/portfolio/analogis" title="Zum Projekt »analogis« gehen">Christopher Barz,<br><strong>Phono-Zubehör-Vertrieb GmbH</strong></a></figcaption> </figure> </div> </div> </div> </div> </div> </section> <section id="0f4858f7-0f70-4dd3-b16e-3e53190a347f" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: #e6f5d0; "> <div class="layout__inner light "> <div class="layout__content layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockspacer hide-on-mobile hide-on-tablet" style="height: var(--gap)"></div> <div class="blockspacer hide-on-desktop" style="height: var(--padding-top)"></div> </div> </div> <div class="layout__grid layout__grid--alignend"> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--primary blockheading--left "> <p class="blockheading__text " style="color: inherit">Wer stehen bleibt, geht <span style="display: inline-block; transform: rotate3d(0, 1, 0, -180deg);">rückwärts</span> und wer planlos in die Zukunft eilt, rennt schnell gegen eine <span class="nowrap"><span class="wobble">Wand</span>&nbsp;…</span></p> </div> <div class="blocktext "> <p>Ich verstehe Design als integralen Bestand­teil der Kom­mu­ni­ka­tion. Mit Struk­tur und Weit­blick verfolge ich Ihre Ziele in der Kon­zep­tion, Gestal­tung und Umsetzung. Von Druck­pro­duk­ten und anspruchsvollen Webdesigns (auch mit Content-Management-Systemen wie WordPress oder Kirby) bis hin zum ganzheitlichen Corpo­rate Design ist dabei alles möglich. Gerne berücksichtige ich dabei Aspekte der Barrierefreiheit.</p> <p>Mit neuen Ideen unter­stütze ich Sie auch bei einem Redesign oder Relaunch eines beste­hen­den Auf­tritts. In Ver­bin­dung mit einem Corporate Design bietet sich an, dieses mit einem neuen Web­design, Print­design oder ande­ren Wer­be­mit­teln direkt umzu­set­zen. Gegen­über Ein­zel­auf­trä­gen sparen Sie dabei&nbsp;— des­halb schnüre ich Ihnen gerne ein rundum pas­sen­des Design-Paket.</p> <p>Die kleinen Auf­gaben rund um das Grafik- und Web­design schätze ich dabei genauso wie die großen Heraus­forde­rungen, für die ich bei Bedarf auch mein Netz­werk an Bord holen kann.</p></div> </div> <div class="layout__column " style="--columns: 6"> <figure class="blockimage " aria-hidden="false"> <img class="blockimage__img blockimage__img--transparent" src="https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-600x.avif" srcset="https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-1240x.avif 1240w, https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-960x.avif 960w, https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-600x.avif 600w, https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-480x.avif 480w, https://pepper.green/media/pages/webdesign/c1ea59fbf8-1714170347/webdesign2-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 600px" alt="Zwei Smartphones, auf denen Websites abgebildet werden" title="Mobile-first Webdesign mit WordPress und Kirby" loading="lazy" width="2700" height="1800"> </figure> <div class="blockspacer " style="height: var(--gap)"></div> <div class="blockheading blockheading--plain blockheading--left "> <h2 class="blockheading__text blocktext" style="color: inherit"><strong>Aus Berlin und Brandenburg …</strong></h2> </div> <div class="blocktext "> <p>Ansässig bin ich in der Region Berlin/Bran­den­burg oder genauer: in Falken­see in unmittelbarer Sicht­weite der Haupt­stadt und des Umlands im Havelland (Nauen, Rathenow, Dall­gow …) und darüber hinaus (Potsdam, Oranienburg, Neuruppin, Hennigsdorf …). Hier bin auch mobil.</p></div> <div class="blockheading blockheading--plain blockheading--left "> <p class="blockheading__text blocktext" style="color: inherit"><strong>… aber für Kundschaft in ganz Deutschland tätig.</strong></p> </div> <div class="blocktext "> <p>Meistens bin ich kom­plett remote und digi­tal für meine Kund­schaft aus ganz Deutsch­land tätig. Gerne erstelle ich Ihnen ein Ange­bot. Sie errei­chen mich per <a href="https://pepper.green/kostenloses-kennenlernen">Videochat</a>, per E-Mail und Tele­fon.</p></div> </div> </div> </div> </div> </section> <section id="65e8e1f9-6afa-4642-8d46-116f9076eb43" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Häufig gestellte Fragen</h2> </div> <div class="blockspacer " style="height: 0px"></div> </div> </div> </div> </div> </section> <section id="0c338904-9a6d-4adf-8678-815873705357" class="layout layout--grid layout--box " style="--color-background: #eaf4f1; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockspacer " style="height: var(--gap)"></div> <div class="blockaccordion blockaccordion--style1"> <ul class="blockaccordion__list"> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">Warum pepper und keine andere Agentur oder Freelancer?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Ich bin fit in der digitalen und gedruckten Medienwelt: Diese Kombination aus Designfähigkeiten und technischem Know-how ist besonders vorteilhaft für kleine und mittelständische Unternehmen (KMU). Vom Erstkontakt bis zur Fertigstellung und gerne darüber hinaus begleite ich Ihr Projekt&nbsp;— mit Sorgfalt, mit Empathie und mit einem persönlichen Ehrgeiz. 😊</p> </div> </div> </li> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">Hm. Warum überhaupt der Name »pepper«?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Zugegeben, das ist eher unkonventionell: Ich wollte unbe­dingt eine kurze, knackige Farben-Domain&nbsp;(<em>.green</em>) und habe gesehen, dass <em>pepper.green</em> war noch frei war&nbsp;— und, change my mind: Grüne Papri­kas sind die besten! 🫑</p> </div> </div> </li> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">… aber was macht pepper »green«?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Aspekte der Nachhaltigkeit beziehe ich schon in die Planung und Konzeption von Werbemitteln ein, beispielsweise durch die Wahl des passenden Materials. Trotzdem entstandene COâ‚‚-Emissionen können leicht kompensiert werden. Auch weil Strom, der gar nicht erst ver­braucht wird, am nach­hal­tig­sten ist, achte ich auf eine effi­zi­ente Pro­gram­mie­rung von Web­sites. </p> <p>Eine klima­freund­liche Auf­trags­ab­wick­lung allein digi­tal ist auch mög­lich: Mein Büro ist annähernd papier­los und Video­calls halte ich für die bessere Alter­na­tive zu Dienst­reisen oder Dienst­autos.</p> </div> </div> </li> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">Nun gut! Aber was ist, wenn mir das Design nicht gefällt?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Nach einem Brie­fing, in dem ich auf­merk­sam Ihren Stil und Ihre Ziele erfrage, prä­sen­tiere ich Ihnen <a href="https://pepper.green/portfolio/logos-keyvisuals-signets" title="Logos, Key-Visuals, Signets ansehen">meh­rere Gestal­tungs­vor­schläge</a> für ein Logo oder ein Corpo­rate Design. Diese unter­schei­den sich trenn­scharf, sodass sicher ein Ent­wurf dabei ist, der eine Rich­tung vor­geben kann. In den ent­hal­te­nen Kor­rek­tur­stun­den ist Zeit, das Design nach Ihren Vor­stel­lun­gen zu prä­zi­sie­ren. So fin­den wir immer eine Lösung.</p> </div> </div> </li> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">Warum gibt es keine Paketpreise?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Jeder Auftrag ist anders. Dabei kann man festen Abläu­fen fol­gen, aber mir ist es nicht mög­lich, diese Leis­tung für ganz ver­schie­dene Anforderungen in pauscha­le Paket­prei­se zusam­men­zu­fas­sen. Eine Mischkalkulation wäre für einen Teil meiner Kundschaft nicht fair, die damit die höheren Anforderungen der anderen mittragen. Statt­des­sen erstelle ich Ihnen gerne <a href="https://pepper.green/kostenloses-kennenlernen">ein indi­vi­du­elles Ange­bot</a>&nbsp;— zugeschnitten auf Ihre Anforderungen.</p> </div> </div> </li> <li class="blockaccordion__item" style="--color-background-active: #ffffff; --color-background-hover: #ffffff; --color-linkbackground: #e6f5d0;"> <div class="blockaccordion__itemHeader"> <p class="blockaccordion__itemHeading"><button class="blockaccordion__itemButton">Und sonst so?</button></p> </div> <div class="blockaccordion__itemContent" aria-hidden="true"> <div class="blockaccordion__itemText blocktext"> <p>Kurze Fragen klären sich oft auch gut am Telefon. Werktags zwischen 9 und 17 Uhr bin ich gut zu erreichen: <a href="tel:+4915253000270" title="Anrufen">+49 152 53000270</a>. Ansonsten freue mich auch über Ihre E-Mail an <a href="mailto:[email protected]" title="E-Mail schreiben">[email protected]</a> oder eine <a href="https://calendar.app.google/A9cTNZkANHojDUSW8" rel="noopener nofollow" target="_blank" title="Zu Google Calendar gehen (extern)">Terminvereinbarung</a> für einen Videocall.</p> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </section> <section id="0d6b19af-9c97-4324-9493-46e0fe75238d" class="layout layout--grid layout--box " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockspacer hide-on-mobile hide-on-tablet" style="height: var(--header-height)"></div> <div class="blockspacer hide-on-desktop" style="height: var(--padding-top)"></div> </div> </div> <div class="layout__grid layout__grid--alignend"> <div class="layout__column " style="--columns: 6"> <div class="blockheading blockheading--primary blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Auf einen <span class="blink">Blick</span></h2> </div> <div class="blockheading blockheading--kicker blockheading--left "> <div class="blockheading__icon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>/* inner styles set by WPT to match CSSOM */.fa-secondary { opacity: 0.25; }</style></defs><path class="fa-primary" d="M224 80c0-26.5-21.5-48-48-48H80C53.5 32 32 53.5 32 80v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V80zM480 336c0-26.5-21.5-48-48-48H336c-26.5 0-48 21.5-48 48v96c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V336z"></path><path class="fa-secondary" d="M480 72c0-22.1-17.9-40-40-40H328c-22.1 0-40 17.9-40 40V184c0 22.1 17.9 40 40 40H440c22.1 0 40-17.9 40-40V72zM224 328c0-22.1-17.9-40-40-40H72c-22.1 0-40 17.9-40 40V440c0 22.1 17.9 40 40 40H184c22.1 0 40-17.9 40-40V328z"></path></svg> </div> <h3 class="blockheading__text " style="color: inherit">Außergewöhnliches Corporate Design</h3> </div> <div class="blocktags "> <ul class="blocktags__list blocktags__list--left"> <li class="blocktags__item fadein"><a class="blocktags__button button" href="https://pepper.green/corporate-design" title="Gehe zur Seite »Corporate Design«" target="_self" rel="">Corporate Design</a></li> <li class="blocktags__item fadein"><span class="blocktags__text">Logodesign</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Beratung und Konzeption</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Brand Design</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Redesign</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Rebranding</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">etc.</span></li> </ul> </div> <div class="blockspacer " style="height: var(--line-height)"></div> <div class="blockheading blockheading--kicker blockheading--left "> <div class="blockheading__icon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><defs><style>/* inner styles set by WPT to match CSSOM */.fa-secondary { opacity: 0.25; }</style></defs><path class="fa-primary" d="M0 80C0 53.5 21.5 32 48 32H272c26.5 0 48 21.5 48 48V208c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80z"></path><path class="fa-secondary" d="M432 32c-26.5 0-48 21.5-48 48V336c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48H432zM112 304c-26.5 0-48 21.5-48 48v80c0 26.5 21.5 48 48 48H288c26.5 0 48-21.5 48-48V352c0-26.5-21.5-48-48-48H112z"></path></svg> </div> <h3 class="blockheading__text " style="color: inherit">Webdesign mit WordPress&nbsp;&amp; Co.</h3> </div> <div class="blocktags "> <ul class="blocktags__list blocktags__list--left"> <li class="blocktags__item fadein"><a class="blocktags__button button" href="https://pepper.green/webdesign" title="Gehe zur Seite »Webdesign«" target="_self" rel="">Webdesign</a></li> <li class="blocktags__item fadein"><a class="blocktags__button button" href="https://pepper.green/wordpress" title="Gehe zur Seite »WordPress«" target="_self" rel="">WordPress</a></li> <li class="blocktags__item fadein"><a class="blocktags__button button" href="https://pepper.green/accessibility" title="Gehe zur Seite »Accessibility«" target="_self" rel="">Accessibility</a></li> <li class="blocktags__item fadein"><span class="blocktags__text">CMS</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Landingpages</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">One-Pager</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Datenschutz</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Relaunch</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Wartung</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Suchmaschinenoptimierung</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">etc.</span></li> </ul> </div> </div> <div class="layout__column " style="--columns: 6"> <div class="blockspacer hide-on-desktop" style="height: var(--line-height)"></div> <figure class="blockimage " aria-hidden="false"> <img class="blockimage__img blockimage__img--transparent" src="https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-600x.avif" srcset="https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-1240x.avif 1240w, https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-960x.avif 960w, https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-600x.avif 600w, https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-480x.avif 480w, https://pepper.green/media/pages/corporate-design/bb873c9c52-1719228453/corporatedesign-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 600px" alt="Corporate Design angewandt: Ein Folder mit eingelegtem Bestellformular" title="Corporate Design auf Printprodukten angewendet" loading="lazy" width="3198" height="1800"> </figure> <div class="blockheading blockheading--kicker blockheading--left "> <div class="blockheading__icon" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>/* inner styles set by WPT to match CSSOM */.fa-secondary { opacity: 0.25; }</style></defs><path class="fa-primary" d="M261.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8l-64 384c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l64-384c2.9-17.4 19.4-29.2 36.8-26.3z"></path><path class="fa-secondary" d="M190.4 74.1c5.6-16.8-3.5-34.9-20.2-40.5s-34.9 3.5-40.5 20.2l-128 384c-5.6 16.8 3.5 34.9 20.2 40.5s34.9-3.5 40.5-20.2l128-384zM384 64c0-17.7-14.3-32-32-32s-32 14.3-32 32V448c0 17.7 14.3 32 32 32s32-14.3 32-32V64z"></path></svg> </div> <h3 class="blockheading__text " style="color: inherit">Nachhaltiges Printdesign</h3> </div> <div class="blocktags "> <ul class="blocktags__list blocktags__list--left"> <li class="blocktags__item fadein"><a class="blocktags__button button" href="https://pepper.green/printdesign" title="Gehe zur Seite »Printdesign«" target="_self" rel="">Printdesign</a></li> <li class="blocktags__item fadein"><span class="blocktags__text">Werbemittel</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Flyer</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Faltblätter</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Broschüren</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">Geschäftsausstattung</span></li> <li class="blocktags__item fadein"><span class="blocktags__text">etc.</span></li> </ul> </div> </div> </div> </div> </div> </section> <section id="276aa594-5dcf-4d8a-b3d3-1747c369b294" class="layout layout--grid " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--paddingtop layout__content--contentwidth "> <div class="layout__grid layout__grid--alignstart"> <div class="layout__column " style="--columns: 12"> <div class="blockheading blockheading--kicker blockheading--left "> <h2 class="blockheading__text " style="color: inherit">Blog</h2> </div> <div class="blockspacer " style="height: 0px"></div> </div> </div> </div> </div> </section> <section id="67789259-1212-4b12-ace7-54cb636bd8be" class="layout layout--bloglist " style="--color-background: #ffffff; --color-linkbackground: var(--color-lightgreen); "> <div class="layout__inner light "> <div class="layout__content layout__content--fullwidth "> <div class="bloglist__row" style="background: #dce1ed;" data-tags="barrierefreiheit inklusion usability seo recht lesbarkeit " data-nosnippet=""> <div class="bloglist__inner bloglist__inner--first wrapper wrapper--content"> <div class="bloglist__cover fadein"> <a class="bloglist__coverLink" href="https://pepper.green/blog/pdfs-barrierefrei-machen-wie-und-warum#lesen" tabindex="-1" title="Gehe zu dem Artikel »PDF barrierefrei machen: Wie und warum«"> <img class="bloglist__coverImg" src="https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-600x.avif" srcset="https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-1240x.avif 1240w, https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-960x.avif 960w, https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-600x.avif 600w, https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-480x.avif 480w, https://pepper.green/media/pages/blog/pdfs-barrierefrei-machen-wie-und-warum/1f169002da-1729512124/adobestock_336197375-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 600px" width="1800" height="1201" alt="Nahaufnahme von gewölbtem Papier" title="" loading="lazy"> </a> </div> <div class="bloglist__meta"> <div class="bloglist__date"><time datetime="2024-10-21"></time>10/2024&nbsp;| In 2 Minuten gelesen</div> <h3 class="bloglist__heading"><a class="bloglist__headlingLink" href="https://pepper.green/blog/pdfs-barrierefrei-machen-wie-und-warum#lesen">PDF barrierefrei machen: Wie und warum</a></h3> <p class="bloglist__teaser">Ob Rechnungen, Broschüren oder Formulare – PDF-Dateien begegnen uns täglich. Aber Hand aufs Herz, wie oft denken wir darüber nach, ob diese Dokumente für alle zugänglich sind?</p> <div class="bloglist__buttons"> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#barrierefreiheit" title="Gehe zu Beiträgen mit dem Hashtag #barrierefreiheit">#barrierefreiheit</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#inklusion" title="Gehe zu Beiträgen mit dem Hashtag #inklusion">#inklusion</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#usability" title="Gehe zu Beiträgen mit dem Hashtag #usability">#usability</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#seo" title="Gehe zu Beiträgen mit dem Hashtag #seo">#seo</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#recht" title="Gehe zu Beiträgen mit dem Hashtag #recht">#recht</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#lesbarkeit" title="Gehe zu Beiträgen mit dem Hashtag #lesbarkeit">#lesbarkeit</a> </div> </div> </div> </div> <div class="bloglist__row" style="background: #d5efeb;" data-tags="relaunch redesign webdesign kirby update selbststaendigkeit " data-nosnippet=""> <div class="bloglist__inner wrapper wrapper--content"> <div class="bloglist__cover fadein"> <a class="bloglist__coverLink" href="https://pepper.green/blog/website-relaunch-in-eigener-sache#lesen" tabindex="-1" title="Gehe zu dem Artikel »Website-Relaunch in eigener Sache«"> <img class="bloglist__coverImg" src="https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-380x.avif" srcset="https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-960x.avif 960w, https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-600x.avif 600w, https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-480x.avif 480w, https://pepper.green/media/pages/blog/website-relaunch-in-eigener-sache/6f93d69742-1719403276/assortment-painting-items-with-green-paint-1-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 380px" width="2700" height="1800" alt="Ein Farbeimer mit einer Farbrolle" title="" loading="lazy"> </a> </div> <div class="bloglist__meta"> <div class="bloglist__date"><time datetime="2024-06-26"></time>6/2024&nbsp;| In 4 Minuten gelesen</div> <h3 class="bloglist__heading"><a class="bloglist__headlingLink" href="https://pepper.green/blog/website-relaunch-in-eigener-sache#lesen">Website-Relaunch in eigener Sache</a></h3> <p class="bloglist__teaser">Nach mehr als einem Jahr Arbeit habe ich es geschafft: Ich darf Sie auf meiner neuen Website willkommen heißen! Entstanden ist weit mehr als ein Facelift.</p> <div class="bloglist__buttons"> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#relaunch" title="Gehe zu Beiträgen mit dem Hashtag #relaunch">#relaunch</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#redesign" title="Gehe zu Beiträgen mit dem Hashtag #redesign">#redesign</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#webdesign" title="Gehe zu Beiträgen mit dem Hashtag #webdesign">#webdesign</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#kirby" title="Gehe zu Beiträgen mit dem Hashtag #kirby">#kirby</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#update" title="Gehe zu Beiträgen mit dem Hashtag #update">#update</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#selbststaendigkeit" title="Gehe zu Beiträgen mit dem Hashtag #selbststaendigkeit">#selbststaendigkeit</a> </div> </div> </div> </div> <div class="bloglist__row" style="background: #d2ebf7;" data-tags="wordpress webhosting " data-nosnippet=""> <div class="bloglist__inner wrapper wrapper--content"> <div class="bloglist__cover fadein"> <a class="bloglist__coverLink" href="https://pepper.green/blog/webhosting-fuer-wordpress#lesen" tabindex="-1" title="Gehe zu dem Artikel »Webhosting für WordPress«"> <img class="bloglist__coverImg" src="https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-380x.avif" srcset="https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-960x.avif 960w, https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-600x.avif 600w, https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-480x.avif 480w, https://pepper.green/media/pages/blog/webhosting-fuer-wordpress/de9ebd1364-1684588846/adobestock_330435534-380x.avif 380w" sizes="(max-width: 1024px) 100vw, 380px" width="5760" height="3840" alt="Wolken mit einem blauen Himmel" title="Die Cloud" loading="lazy"> </a> </div> <div class="bloglist__meta"> <div class="bloglist__date"><time datetime="2023-05-20"></time>5/2023&nbsp;| In 3 Minuten gelesen</div> <h3 class="bloglist__heading"><a class="bloglist__headlingLink" href="https://pepper.green/blog/webhosting-fuer-wordpress#lesen">Webhosting für WordPress</a></h3> <p class="bloglist__teaser">WordPress ist vielfach im Einsatz, doch Betrieb und Wartung sind anspruchsvoll. Mit meinem WordPress-Webhosting übernehme ich diese Dienstleistung.</p> <div class="bloglist__buttons"> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#wordpress" title="Gehe zu Beiträgen mit dem Hashtag #wordpress">#wordpress</a> <a class="bloglist__button button dont-prerender" href="https://pepper.green/blog#webhosting" title="Gehe zu Beiträgen mit dem Hashtag #webhosting">#webhosting</a> </div> </div> </div> </div> </div> </div> </section> </main> <nav class="cta" aria-label="Call-to-action" data-nosnippet="" hidden=""> <div class="cta__inner wrapper wrapper--content"> <div class="cta__phrase"> <span class="hide-on-mobile">Gesehen werden. Mit Ideen, Design und Code von pepper.</span> <span class="hide-on-tablet hide-on-desktop" aria-hidden="">Gesehen werden. Jetzt Projekt anfragen!</span> </div> <a class="cta__navbutton cta__navbutton cta__navbutton--half button" href="https://pepper.green/kostenloses-kennenlernen" title="Kostenloses Kennenlernen "> <div class="cta__navbuttonIcon hide-on-tablet hide-on-desktop" aria-hidden="true" focusable="false"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M351.2 274.5c-10.8 2-23.9 4.3-39.1 7-15.3 2.7-31.1 5.4-47.6 8.1s-32 5.3-46.5 7.7c-14.5 2.5-26.7 4.4-36.5 5.9s-15.3 2.2-16.2 2.2H8.1c-2.5 0-4.4-.8-5.9-2.6-1.5-1.7-2.2-3.6-2.2-5.5v-91.5h165.3c1 0 5.6.6 14 1.9 8.4 1.2 18.7 2.8 31 4.8s25.5 4.1 39.5 6.3 27.6 4.6 40.9 7c13.3 2.5 24.6 4.4 34 5.9 9.3 1.5 15.5 2.7 18.4 3.7 3.5 1 5.7 2.2 6.7 3.7s1.5 3.7 1.5 6.6v17c-.1 5.4-.1 9.3-.1 11.8zm160.8 25v-76c0-3.4-.1-6-.4-7.7-.2-1.7-1.1-3.3-2.6-4.8s-3.7-3.2-6.6-5.2c-4-2.5-11.9-7.7-24-15.9-12.1-8.1-27-18-45-29.5-18-11.6-37.4-24.2-58.3-38-20.9-13.7-42-27.5-63.4-41.3S270.2 54.4 251.6 42v92.3c0 3 .1 5.3.4 7 .2 1.7 1.1 3.3 2.6 4.8s3.5 2.9 5.9 4.4c4.9 2.9 13.7 8.3 26.2 15.9 12.5 7.7 28.2 16.9 46.9 27.7s40 22.3 63.8 34.3c23.8 12 49.5 24.2 77.1 36.5L439 231.7v48.7l35.4-33.2c-27.6 12.3-53.3 24.5-77.1 36.5-23.9 12.1-45.2 23.5-63.8 34.3-18.7 10.8-34.3 20.1-46.9 27.6-12.5 7.7-21.3 12.9-26.2 15.9-2.5 1.5-4.4 2.9-5.9 4.4-1.5 1.5-2.3 3-2.6 4.4-.2 1.5-.4 3.9-.4 7.4V469.9c32.5-21.6 63.8-42.3 94.1-62 30.3-19.7 59.4-38.6 87.4-56.8s54.4-35.3 79-51.6z"></path></svg> </div> <span class="cta__navbuttonText hide-on-mobile">Kostenloses Kennenlernen</span> </a> </div> </nav> <dialog class="dialog search" data-nosnippet=""> <div class="search__inner" role="search"> <form class="search__form" onsubmit="return false;"> <div class="search__field"> <label class="search__label form__label" for="search__input">Suchbegriff:</label> <input class="search__input form__input" name="query" id="search__input" type="search" placeholder="Suchbegriff eingeben" pattern=".{3,50}" required="" oninvalid="this.setCustomValidity('Gib einen Suchbegriff zwischen 3 und 50 Zeichen ein.')" oninput="this.setCustomValidity('')"> </div> </form> <div class="search__results" hidden="true"> <ul class="search__list"></ul> <div class="search__error" hidden="true"> Dazu finde ich nichts. Darf ich Ihnen persön­lich weiter­helfen? Eine kurze E-Mail an <a title="E-Mail schreiben" href="mailto:[email protected]">[email protected]</a> oder ein Anruf an <a href="tel:+4915253000270">+49 152 53000270</a> genügt. </div> </div> <button class="dialog__button search__button button">Schließen</button> </div> </dialog> <footer class="footer light" aria-label="Fußbereich"> <div class="navigation wrapper wrapper--content" aria-hidden=""> <div class="navigation__inner"> <div class="navigation__group navigation__group--big"> <span class="navigation__groupTitle headline headline--kicker">pepper</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--top navigation__link--open dont-prerender" href="#oben" aria-current="page" target="_self" rel="home" title="Zur Startseite gehen">Start</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/portfolio" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Portfolio«">Portfolio</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/ueber-mich" aria-current="false" target="_self" rel="" title="Gehe zur Seite Ȇber mich«">Ãœber mich</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/blog" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Blog«">Blog</a> </li> </ul> </div> <div class="navigation__group navigation__group--big"> <span class="navigation__groupTitle headline headline--kicker">Angebot</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/webdesign" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Webdesign«">Webdesign</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/wordpress" aria-current="false" target="_self" rel="" title="Gehe zur Seite »WordPress«">WordPress</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/corporate-design" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Corporate Design«">Corporate Design</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/printdesign" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Printdesign«">Printdesign</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/accessibility" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Accessibility«">Accessibility</a> </li> </ul> </div> <div class="navigation__group navigation__group--big navigation__group--right"> <span class="navigation__groupTitle headline headline--kicker">Kontakt</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--highlight " href="https://pepper.green/kostenloses-kennenlernen" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Kostenloses Kennenlernen«">Kostenloses Kennenlernen</a> </li> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="mailto:[email protected]" target="_self" rel="" title="E-Mail schreiben">office@<wbr>pepper.green</a> </li> </ul> </div> <div class="navigation__group"> <span class="navigation__groupTitle headline headline--kicker">Netzwerken &amp; Weiteres</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="https://www.linkedin.com/in/marvinsiefke/" target="_blank" rel="noopener" title="Zu LinkedIn gehen (extern)">LinkedIn</a> </li> <li class="navigation__item"> <a class="navigation__link navigation__link--external dont-prerender" href="https://www.instagram.com/marvinsiefke/" target="_blank" rel="noopener" title="Zu Instagram gehen (extern)">Instagram</a> </li> </ul> </div> <div class="navigation__group"> <span class="navigation__groupTitle headline headline--kicker">Kleingedrucktes</span> <ul class="navigation__list"> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/impressum" aria-current="false" target="_self" rel="" title="Gehe zur Seite »Impressum«">Impressum</a> </li> <li class="navigation__item"> <a class="navigation__link " href="https://pepper.green/datenschutzerklaerung" aria-current="false" target="_self" rel="privacy-policy" title="Gehe zur Seite »Datenschutzerklärung«">Datenschutz</a> </li> </ul> </div> </div> </div> <div class="footer__inner wrapper wrapper--content"> <nav class="breadcrumbs" aria-label="Brotkrumennavigation"> <div class="breadcrumbs__headline headline headline--kicker">Sie sind hier:</div> <ol class="breadcrumbs__list"> <li class="breadcrumbs__item"><a class="breadcrumbs__link dont-prerender" href="#oben" aria-current="page" title="Aktuelle Seite">pepper</a></li> </ol> </nav> <div class="footer__copyright " role="contentinfo" aria-label="Copyright"> © 2021 — 2024 <a href="https://pepper.green" class="footer__copyrightSite">pepper</a>&nbsp;| Büro für Grafik-&nbsp;und Web­design<span class="hide-on-tablet hide-on-desktop">&nbsp;| </span><br class="hide-on-mobile"> <address class="footer__copyrightAddress">c/o Marvin Siefke&nbsp;| Hertzstr. 29&nbsp;| 14612 Falkensee</address><br class="hide-on-mobile"> (im Havel­land, nahe Berlin Spandau, Pots­dam, Oranien­burg, Neu­ruppin, Branden­burg)<span class="hide-on-tablet hide-on-desktop">&nbsp;| </span><br class="hide-on-mobile"> Cookie­frei und daten­schutz­freund­lich in Deutsch­land gehostet. </div> </div> </footer> </div> <script defer="" src="https://pepper.green/assets/js/site_241019.min.js"></script> <script type="speculationrules">{"prerender":[{"where":{"and":[{"href_matches":"/*"},{"not":{"selector_matches":".dont-prerender"}},{"not":{"selector_matches":"[target=_blank]"}}]},"eagerness":"immediate"}]}</script> </body></html>
securityHeaders
{"securityHeadersList":["strict-transport-security","x-content-type-options","x-frame-options","x-xss-protection"],"securityHeadersGrade":"A","securityHeadersScore":85}

Waterfall View

Start Render
First Contentful Paint
Largest Contentful Paint
Layout Shift
DOM Interactive
DOM Content Loaded
On Load
Document Complete
Render Blocking Resource Insecure Request 3xx response4xx+ response
 Doesn't Belong to Main Doc 
Step_1 1: https://pepper.green/ 2: https://pepper.green/assets/css/site_241019.min.css 3: https://pepper.green/assets/fonts/recursive-subset-vf.woff2 4: https://pepper.green/assets/css/templates/home.css 5: https://pepper.green/assets/js/site_241019.min.js 6: https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif 7: https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif 8: https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif 9: https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif 10: https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif 11: https://pepper.green/backend/session.json 12: https://pepper.marketing/matomo.js 13: https://pepper.marketing/matomo.php?action_name=Grafik-%20%26%20Webdesign%20%7C%20WordPress%20%7C%20aus%20Brandenburg%20%26%20Berlin&idsite=1&rec=1&r=709497&h=0&m=44&s=48&url=https%3A%2F%2Fpepper.green%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=sQ8doH&pf_net=138&pf_srv=57&pf_tfr=58&pf_dm1=412&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200 14: https://pepper.green/assets/icons/favicon.svg
customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

Step_1 pepper.green pepper.marketing
DNS Lookup
Initial Connection
SSL Negotiation
Start Render
DOM Content Loaded
On Load
Document Complete
Connection View waterfall diagram

Request Details

Before Start Render
Before On Load
After On Load
3xx Response
4xx Response

Request Details
# Resource Content Type Priority Request Start DNS Lookup Initial Connection SSL Negotiation Time to First Byte Content Download Bytes Downloaded CPU Time Error/Status Code IP
1 https://pepper.green/ text/html Highest 0.144 s 42 ms 36 ms 64 ms 56 ms 58 ms 22.1 KB 83 ms 200 45.144.187.42
2 https://pepper.green.../site_241019.min.css text/css Highest 0.219 s - - - 41 ms 17 ms 8.4 KB - 200 45.144.187.42
3 https://pepper.green...sive-subset-vf.woff2 application/font-woff2 Highest 0.22 s - - - 63 ms 415 ms 237.8 KB - 200 45.144.187.42
4 https://pepper.green...s/templates/home.css text/css Highest 0.223 s - - - 149 ms 7 ms 1.9 KB - 200 45.144.187.42
5 https://pepper.green...s/site_241019.min.js application/javascript Low 0.38 s - - - 326 ms 1 ms 3.2 KB 14 ms 200 45.144.187.42
6 https://pepper.green...martphone-1440x.avif image/avif Low 0.617 s - - - 90 ms 516 ms 139.6 KB - 200 45.144.187.42
7 https://pepper.green...wordpress-1440x.avif image/avif Low 0.619 s - - - 103 ms 520 ms 95.1 KB - 200 45.144.187.42
8 https://pepper.green...063/shirt-1440x.avif image/avif Low 0.62 s - - - 150 ms 296 ms 47.3 KB - 200 45.144.187.42
9 https://pepper.green...hmaschine-1440x.avif image/avif Low 0.622 s - - - 633 ms 341 ms 169.2 KB - 200 45.144.187.42
10 https://pepper.green...iesdesign-1440x.avif image/avif Low 0.625 s - - - 617 ms 86 ms 33.6 KB - 200 45.144.187.42
11 https://pepper.green...backend/session.json application/json High 0.829 s - - - 767 ms 1 ms 0.1 KB - 200 45.144.187.42
12 https://pepper.marketing/matomo.js text/javascript Low 1.006 s 122 ms 124 ms 98 ms 71 ms 116 ms 21.5 KB 17 ms 200 45.144.187.42
13 https://pepper.marke...okie=1&res=1920x1200 - Lowest 1.236 s - - - 148 ms - - - 204 45.144.187.42
14 https://pepper.green...ts/icons/favicon.svg image/svg+xml High 1.248 s - - - 349 ms 9 ms 0.3 KB - 200 45.144.187.42

Request Headers

+ Expand All

Request 1: https://pepper.green/

URL: https://pepper.green/
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://pepper.green/
Request Start: 0.144 s
DNS Lookup: 42 ms
Initial Connection: 36 ms
Time to First Byte: 56 ms
Content Download: 58 ms
Bytes In (downloaded): 22.1 KB
Uncompressed Size: 143.5 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

cache-control: max-age=0, public
content-encoding: gzip
content-length: 22596
content-type: text/html; charset=UTF-8
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Wed, 23 Oct 2024 00:44:47 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 2: https://pepper.green/assets/css/site_241019.min.css

URL: https://pepper.green/assets/css/site_241019.min.css
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://pepper.green/ line 7
Request Start: 0.219 s
Time to First Byte: 41 ms
Content Download: 17 ms
Bytes In (downloaded): 8.4 KB
Uncompressed Size: 50.5 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /assets/css/site_241019.min.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-encoding: gzip
content-length: 8648
content-type: text/css
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Tue, 22 Oct 2024 14:08:03 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 3: https://pepper.green/assets/fonts/recursive-subset-vf.woff2

URL: https://pepper.green/assets/fonts/recursive-subset-vf.woff2
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 220, depends on 3, EXCLUSIVE
Initiated By: https://pepper.green/ line 8
Request Start: 0.220 s
Time to First Byte: 63 ms
Content Download: 415 ms
Bytes In (downloaded): 237.8 KB
Uncompressed Size: 237.8 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /assets/fonts/recursive-subset-vf.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://pepper.green
priority: u=1
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
cache-control: max-age=31536000, public
content-length: 243540
content-type: application/font-woff2
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Mon, 17 Jan 2022 19:08:20 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 4: https://pepper.green/assets/css/templates/home.css

URL: https://pepper.green/assets/css/templates/home.css
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://pepper.green/ line 10
Request Start: 0.223 s
Time to First Byte: 149 ms
Content Download: 7 ms
Bytes In (downloaded): 1.9 KB
Uncompressed Size: 7.4 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /assets/css/templates/home.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-encoding: gzip
content-length: 1914
content-type: text/css
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Wed, 16 Oct 2024 09:52:09 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 5: https://pepper.green/assets/js/site_241019.min.js

URL: https://pepper.green/assets/js/site_241019.min.js
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 5, EXCLUSIVE
Initiated By: https://pepper.green/ line 1231
Request Start: 0.380 s
Time to First Byte: 326 ms
Content Download: 1 ms
Bytes In (downloaded): 3.2 KB
Uncompressed Size: 11.6 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /assets/js/site_241019.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-encoding: gzip
content-length: 3313
content-type: application/javascript
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Mon, 21 Oct 2024 07:36:14 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 6: https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif

URL: https://pepper.green/media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://pepper.green/ line 1235
Request Start: 0.617 s
Time to First Byte: 90 ms
Content Download: 516 ms
Bytes In (downloaded): 139.6 KB
Uncompressed Size: 139.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /media/pages/webdesign/69ce26e69f-1699392618/smartphone-1440x.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-length: 142921
content-type: image/avif
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Sun, 01 Sep 2024 11:16:24 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 7: https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif

URL: https://pepper.green/media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://pepper.green/ line 1235
Request Start: 0.619 s
Time to First Byte: 103 ms
Content Download: 520 ms
Bytes In (downloaded): 95.1 KB
Uncompressed Size: 95.1 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /media/pages/wordpress/503b9b11c5-1700006809/wordpress-1440x.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-length: 97370
content-type: image/avif
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Sun, 01 Sep 2024 11:16:24 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 8: https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif

URL: https://pepper.green/media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 13, EXCLUSIVE
Initiated By: https://pepper.green/ line 1235
Request Start: 0.620 s
Time to First Byte: 150 ms
Content Download: 296 ms
Bytes In (downloaded): 47.3 KB
Uncompressed Size: 47.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /media/pages/corporate-design/d17278cded-1699391063/shirt-1440x.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-length: 48456
content-type: image/avif
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Sun, 01 Sep 2024 11:16:25 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 9: https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif

URL: https://pepper.green/media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://pepper.green/ line 1235
Request Start: 0.622 s
Time to First Byte: 633 ms
Content Download: 341 ms
Bytes In (downloaded): 169.2 KB
Uncompressed Size: 169.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /media/pages/printdesign/23afe513ad-1699398904/waschmaschine-1440x.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-length: 173210
content-type: image/avif
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Sun, 01 Sep 2024 11:16:24 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 10: https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif

URL: https://pepper.green/media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://pepper.green/ line 1235
Request Start: 0.625 s
Time to First Byte: 617 ms
Content Download: 86 ms
Bytes In (downloaded): 33.6 KB
Uncompressed Size: 33.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /media/pages/accessibility/463a3fc497-1699393818/barrierefreiesdesign-1440x.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-length: 34372
content-type: image/avif
date: Wed, 23 Oct 2024 00:44:47 GMT
expires: Thu, 23 Oct 2025 00:44:47 GMT
last-modified: Thu, 12 Sep 2024 16:58:06 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 11: https://pepper.green/backend/session.json

URL: https://pepper.green/backend/session.json
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://pepper.green/assets/js/site_241019.min.js line 1 column 45
Request Start: 0.829 s
Time to First Byte: 767 ms
Content Download: 1 ms
Bytes In (downloaded): 0.1 KB
Uncompressed Size: 0.1 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /backend/session.json
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

cache-control: no-store, private
cache-control: max-age=0, public
content-encoding: gzip
content-length: 80
content-type: application/json; charset=UTF-8
date: Wed, 23 Oct 2024 00:44:48 GMT
expires: Wed, 23 Oct 2024 00:44:48 GMT
referrer-policy: strict-origin-when-cross-origin
set-cookie: kirby_session=2050de35dbd17139ee2c8d6ce2656da186f2027d%2B1729651488.f2d4f9a048c2f40f31e8.11d4e08b6b0964448f28374ec8a933815a835f12cdf52d9f2454427d3a9bdffd; expires=Wed, 23 Oct 2024 02:44:48 GMT; Max-Age=7200; path=/; secure; HttpOnly; SameSite=Lax
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200

Request 12: https://pepper.marketing/matomo.js

URL: https://pepper.marketing/matomo.js
Host: pepper.marketing
IP: 45.144.187.42
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://pepper.green/ line 44 column 639
Request Start: 1.006 s
DNS Lookup: 122 ms
Initial Connection: 124 ms
Time to First Byte: 71 ms
Content Download: 116 ms
Bytes In (downloaded): 21.5 KB
Uncompressed Size: 66.3 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: pepper.marketing
:method: GET
:path: /matomo.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=2592000
content-encoding: gzip
content-length: 22028
content-type: text/javascript
date: Wed, 23 Oct 2024 00:44:48 GMT
etag: "10952-62303ddd802bb-gzip"
expires: Fri, 22 Nov 2024 00:44:48 GMT
last-modified: Thu, 26 Sep 2024 11:16:14 GMT
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
:status: 200

Request 13: https://pepper.marketing/matomo.php?action_name=Grafik-%20%26%20Webdesign%20%7C%20WordPress%20%7C%20aus%20Brandenburg%20%26%20Berlin&idsite=1&rec=1&r=709497&h=0&m=44&s=48&url=https%3A%2F%2Fpepper.green%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=sQ8doH&pf_net=138&pf_srv=57&pf_tfr=58&pf_dm1=412&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200

URL: https://pepper.marketing/matomo.php?action_name=Grafik-%20%26%20Webdesign%20%7C%20WordPress%20%7C%20aus%20Brandenburg%20%26%20Berlin&idsite=1&rec=1&r=709497&h=0&m=44&s=48&url=https%3A%2F%2Fpepper.green%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=sQ8doH&pf_net=138&pf_srv=57&pf_tfr=58&pf_dm1=412&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
Host: pepper.marketing
IP: 45.144.187.42
Error/Status Code: 204
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://pepper.marketing/matomo.js line 35 column 597
Request Start: 1.236 s
Time to First Byte: 148 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.1 KB

Request Headers:

:authority: pepper.marketing
:method: POST
:path: /matomo.php?action_name=Grafik-%20%26%20Webdesign%20%7C%20WordPress%20%7C%20aus%20Brandenburg%20%26%20Berlin&idsite=1&rec=1&r=709497&h=0&m=44&s=48&url=https%3A%2F%2Fpepper.green%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=sQ8doH&pf_net=138&pf_srv=57&pf_tfr=58&pf_dm1=412&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
origin: https://pepper.green
priority: u=4, i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

access-control-allow-credentials: true
access-control-allow-origin: https://pepper.green
cache-control: max-age=2592000
date: Wed, 23 Oct 2024 00:44:48 GMT
expires: Fri, 22 Nov 2024 00:44:48 GMT
strict-transport-security: max-age=15724800; includeSubDomains

Request 14: https://pepper.green/assets/icons/favicon.svg

URL: https://pepper.green/assets/icons/favicon.svg
Host: pepper.green
IP: 45.144.187.42
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 220, depends on 21, EXCLUSIVE
Request Start: 1.248 s
Time to First Byte: 349 ms
Content Download: 9 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: pepper.green
:method: GET
:path: /assets/icons/favicon.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://pepper.green/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000, public
content-encoding: gzip
content-length: 308
content-type: image/svg+xml
date: Wed, 23 Oct 2024 00:44:48 GMT
expires: Thu, 23 Oct 2025 00:44:48 GMT
last-modified: Tue, 19 Dec 2023 19:58:25 GMT
referrer-policy: strict-origin-when-cross-origin
strict-transport-security: max-age=15724800; includeSubDomains
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
x-xss-protection: 1; mode=block
:status: 200