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: DesktopChromev127CableFrankfurt, Germany
    More
Screenshot

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
.663S 1.200S 1.137S 1.619S 1.556S .006 .294S 1.976S 36 264KB 3.058S 38 264KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent loadEvent
1.877s - 1.890s (0.013s) 1.908s - 1.909s (0.001s)
Custom Metrics Data
Colordepth
24
Dpi
{"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images
[{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer.png","width":1024,"height":1024,"naturalWidth":1024,"naturalHeight":1024},{"url":"https://jonasrebmann.de/media/pages/projects/michael-kara/9e6cc48cf5-1721974606/nova-projects-kara-cover-680x-q80.webp","width":680,"height":382,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/marius-kunkis/5eff524fe7-1721974608/kunkis-cover-big-680x-q80.webp","width":680,"height":382,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/drittel/27d6fb0558-1721974613/drittel-cover-big-680x-q80.webp","width":680,"height":382,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/holly-golightly/f27fc137da-1721974617/holly-new-05-680x-q80.webp","width":680,"height":382,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/defibrillator/2cc19a6ccf-1721974619/defi-image-03-680x-q80.webp","width":2260,"height":1271,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/journal/1edbd11515-1721974596/bildschirmfoto-2024-07-08-um-14.38.50-120x120-crop-q80.webp","width":120,"height":120,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp","width":680,"height":475,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x.png","width":119,"height":119,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x.png","width":119,"height":119,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png","width":80,"height":80,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x.png","width":119,"height":119,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/9f40b05ed6-1721974626/lightning-red-80x.png","width":119,"height":119,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy-80x.png","width":119,"height":119,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp","width":77,"height":77,"naturalWidth":2240,"naturalHeight":2240},{"url":"https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp","width":625,"height":1255,"naturalWidth":1171,"naturalHeight":2353},{"url":"https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp","width":625,"height":1255,"naturalWidth":1171,"naturalHeight":2353},{"url":"https://jonasrebmann.de/media/pages/projects/michael-kara/2446038ecd-1721974603/kara-cover-small-680x-q80.webp","width":538,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/marius-kunkis/e4c67066f6-1721974607/kunkis-cover-small-680x-q80.webp","width":538,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/drittel/d9f12078db-1721974613/drittel-cover-small-680x-q80.webp","width":538,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/holly-golightly/a5e89758df-1721974616/holly-new-01-680x-q80.webp","width":538,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/projects/defibrillator/f5497cea2b-1722244066/defi-chapters-680x-q80.webp","width":538,"height":538,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/hook-1.svg","width":24,"height":28,"naturalWidth":24,"naturalHeight":28},{"url":"https://jonasrebmann.de/media/pages/home/0c1e3e8038-1721974585/kara-sw-120x120-crop-q80.webp","width":102,"height":102,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/hook-1.svg","width":24,"height":28,"naturalWidth":24,"naturalHeight":28},{"url":"https://jonasrebmann.de/media/pages/home/227bc034e8-1721974586/kunkis-portrait-2-120x120-crop-q80.webp","width":102,"height":102,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/hook-1.svg","width":24,"height":28,"naturalWidth":24,"naturalHeight":28},{"url":"https://jonasrebmann.de/media/pages/home/bb03bf896a-1721974587/rene-foto-120x120-crop-q80.webp","width":102,"height":102,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/hook-1.svg","width":24,"height":28,"naturalWidth":24,"naturalHeight":28},{"url":"https://jonasrebmann.de/media/pages/home/f5e876b4ed-1722939989/cajo-rund-120x120-crop-q80.webp","width":102,"height":102,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/e37dc68204-1721974581/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp","width":567,"height":361,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/pixels/block.png","width":154,"height":154,"naturalWidth":512,"naturalHeight":512},{"url":"https://jonasrebmann.de/media/pages/home/f2fa0755e7-1721974585/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp","width":819,"height":1067,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/site/4601826f85-1721974623/bremen_design-80x.png","width":58,"height":58,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/7030350a48-1721974623/atelier_hund-80x.png","width":58,"height":58,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/5ccdf5cb54-1721974625/fontnote-80x.png","width":58,"height":58,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/0be8ddef8d-1721974625/insta-80x.png","width":58,"height":58,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/2c200f38b9-1721974626/linkedin-80x.png","width":58,"height":58,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/pages/home/d1346b555a-1721974587/unser-cooler-imac-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/93f5109354-1721974586/kirby-und-atelier-hund-sticker-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/0a0b38a2b0-1721974582/fotoshhot-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/b33b6c0e76-1721974582/designtreff-27-vorbereitungen-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/fa9d03a831-1721974581/arbeiten_im_cafe-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/0698644e3f-1721974583/img_6844-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/home/26da68e998-1721974583/img_0365-680x-q80.webp","width":202,"height":360,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp","width":740,"height":517,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/journal/0496af99f4-1722944919/designtreff-35-landscape-2-680x-q80.webp","width":738,"height":440,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/pages/journal/7c1338a893-1721974601/og-home-680x-q80.webp","width":740,"height":444,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/assets/visuals/pixels/cookie.png","width":38,"height":38,"naturalWidth":512,"naturalHeight":512},{"url":"https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png","width":51,"height":51,"naturalWidth":80,"naturalHeight":80},{"url":"https://jonasrebmann.de/media/site/7eeef80359-1721974627/jr-portrait-5-1024x-q80.webp","width":309,"height":467,"naturalWidth":0,"naturalHeight":0},{"url":"https://jonasrebmann.de/media/site/e3eb65b9be-1721974627/pokebal-680x-q80.webp","width":365,"height":410,"naturalWidth":0,"naturalHeight":0}]
Resolution
{"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts
[{"family":"Mori","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Mori","display":"swap","status":"unloaded","style":"italic","weight":"400"},{"family":"Mori","display":"swap","status":"loaded","style":"normal","weight":"600"},{"family":"Redaction","display":"swap","status":"loaded","style":"normal","weight":"700"}]
generated-content-percent
-4.19
generated-content-size
-8.59
imgs-in-viewport
[{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/cookie.png","html":"<img data-notify-icon=\"\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/cookie.png\" alt=\"Notification\" class=\"\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/cookie.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":512,"naturalHeight":512}]
imgs-no-alt
[{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/9f40b05ed6-1721974626\/lightning-red-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png\" class=\"inline-block pixel\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/5faa30c1f6-1721974628\/trophy-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png"},{"src":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png"}]
imgs-out-viewport
[{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/94fa365609-1721974624\/computer-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f3af950f20-1721974626\/lightning-yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/ee67692d02-1721974624\/diamond-blue-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/0988cb7ea5-1721974627\/pencil-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/4c734e9eee-1721974626\/mushroom-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/f5c37dca87-1721974627\/safari-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/e6271bdcff-1721974580\/folder_yellow-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/c80fe71d03-1721974627\/talking-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","html":"<img width=\"140\" height=\"140\" src=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w\" alt=\"\" class=\"min-w-12\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-40x-q80.webp 40w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-80x-q80.webp 80w, https:\/\/jonasrebmann.de\/media\/site\/aa69d65afe-1721974624\/coin-140x-q80.webp 120w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":2240,"naturalHeight":2240},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-1024x-q80.webp","html":"<img width=\"625\" height=\"1255\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-1024x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-1024x-q80.webp 1024w\" alt=\"\" class=\"h-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-1024x-q80.webp","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/89ac769f90-1721974585\/jonas-1024x-q80.webp 1024w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":1171,"naturalHeight":2353},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-fill rounded-xl\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/michael-kara\/2446038ecd-1721974603\/kara-cover-small-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-fill rounded-xl\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/marius-kunkis\/e4c67066f6-1721974607\/kunkis-cover-small-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-fill rounded-xl\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/drittel\/d9f12078db-1721974613\/drittel-cover-small-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-fill rounded-xl\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/holly-golightly\/a5e89758df-1721974616\/holly-new-01-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-fill rounded-xl\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/projects\/defibrillator\/f5497cea2b-1722244066\/defi-chapters-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","html":"<img class=\"absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg\" alt=\"\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":24,"naturalHeight":28},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0c1e3e8038-1721974585\/kara-sw-120x120-crop-q80.webp","html":"<img width=\"120\" height=\"120\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0c1e3e8038-1721974585\/kara-sw-120x120-crop-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0c1e3e8038-1721974585\/kara-sw-120x120-crop-q80.webp 40w\" alt=\"\" class=\"size-12 md:size-16 object-cover rounded-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0c1e3e8038-1721974585\/kara-sw-120x120-crop-q80.webp 40w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","html":"<img class=\"absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg\" alt=\"\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":24,"naturalHeight":28},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/227bc034e8-1721974586\/kunkis-portrait-2-120x120-crop-q80.webp","html":"<img width=\"120\" height=\"120\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/227bc034e8-1721974586\/kunkis-portrait-2-120x120-crop-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/227bc034e8-1721974586\/kunkis-portrait-2-120x120-crop-q80.webp 40w\" alt=\"\" class=\"size-12 md:size-16 object-cover rounded-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/227bc034e8-1721974586\/kunkis-portrait-2-120x120-crop-q80.webp 40w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","html":"<img class=\"absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg\" alt=\"\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":24,"naturalHeight":28},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/bb03bf896a-1721974587\/rene-foto-120x120-crop-q80.webp","html":"<img width=\"120\" height=\"120\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/bb03bf896a-1721974587\/rene-foto-120x120-crop-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/bb03bf896a-1721974587\/rene-foto-120x120-crop-q80.webp 40w\" alt=\"\" class=\"size-12 md:size-16 object-cover rounded-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/bb03bf896a-1721974587\/rene-foto-120x120-crop-q80.webp 40w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","html":"<img class=\"absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg\" alt=\"\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/hook-1.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":24,"naturalHeight":28},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/f5e876b4ed-1722939989\/cajo-rund-120x120-crop-q80.webp","html":"<img width=\"120\" height=\"120\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/f5e876b4ed-1722939989\/cajo-rund-120x120-crop-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/f5e876b4ed-1722939989\/cajo-rund-120x120-crop-q80.webp 40w\" alt=\"\" class=\"size-12 md:size-16 object-cover rounded-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/f5e876b4ed-1722939989\/cajo-rund-120x120-crop-q80.webp 40w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp","html":"<img width=\"1024\" height=\"653\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp 1024w\" alt=\"\" class=\"object-cover h-full w-full\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/e37dc68204-1721974581\/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp 1024w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/block.png","html":"<img class=\"w-16 md:w-24\" src=\"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/block.png\" alt=\"FAQ\">","currentSrc":"https:\/\/jonasrebmann.de\/assets\/visuals\/pixels\/block.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":512,"naturalHeight":512},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp","html":"<img width=\"1024\" height=\"1334\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp 1024w\" alt=\"\" class=\"\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/pages\/home\/f2fa0755e7-1721974585\/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp 1024w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/4601826f85-1721974623\/bremen_design-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/7030350a48-1721974623\/atelier_hund-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/5ccdf5cb54-1721974625\/fontnote-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/0be8ddef8d-1721974625\/insta-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/2c200f38b9-1721974626\/linkedin-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/d1346b555a-1721974587\/unser-cooler-imac-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/93f5109354-1721974586\/kirby-und-atelier-hund-sticker-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0a0b38a2b0-1721974582\/fotoshhot-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/b33b6c0e76-1721974582\/designtreff-27-vorbereitungen-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/fa9d03a831-1721974581\/arbeiten_im_cafe-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-680x-q80.webp","html":"<img width=\"680\" height=\"1209\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/0698644e3f-1721974583\/img_6844-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-680x-q80.webp","html":"<img width=\"680\" height=\"907\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-full object-cover shadow-lg\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/home\/26da68e998-1721974583\/img_0365-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-680x-q80.webp","html":"<img width=\"680\" height=\"475\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-auto rounded-md\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/4d4b2d9d07-1723207567\/img_2666-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-680x-q80.webp","html":"<img width=\"680\" height=\"405\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-auto\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/0496af99f4-1722944919\/designtreff-35-landscape-2-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-680x-q80.webp","html":"<img width=\"680\" height=\"408\" src=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-680x-q80.webp 800w\" alt=\"\" class=\"w-full h-auto rounded-md\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/pages\/journal\/7c1338a893-1721974601\/og-home-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png","html":"<img src=\"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png\" class=\"inline-block\">","currentSrc":"https:\/\/jonasrebmann.de\/media\/site\/55d65f4f77-1721974624\/computer-smiling-80x.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":80,"naturalHeight":80},{"src":"https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-1024x-q80.webp","html":"<img width=\"1024\" height=\"1547\" src=\"https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-1024x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-1024x-q80.webp 1024w\" alt=\"\" class=\"h-full w-fit min-w-fit group-hover:translate-y-full ml-auto group-hover:-rotate-45 transition-transform duration-500 origin-top-right max-w-auto\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-300x-q80.webp 800w, https:\/\/jonasrebmann.de\/media\/site\/7eeef80359-1721974627\/jr-portrait-5-1024x-q80.webp 1024w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-680x-q80.webp","html":"<img width=\"680\" height=\"680\" src=\"https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-680x-q80.webp\" srcset=\"https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-680x-q80.webp 800w\" alt=\"\" class=\"block size-32 md:size-64 animate-poke-shake origin-[50%_70%]\" loading=\"lazy\" style=\"object-position: \">","currentSrc":"","srcSet":"https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-180x-q80.webp 180w, https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-300x-q80.webp 300w, https:\/\/jonasrebmann.de\/media\/site\/e3eb65b9be-1721974627\/pokebal-680x-q80.webp 800w","sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns
[]
meta-viewport
width=device-width,initial-scale=1.0
possibly-render-blocking-reqs
["https:\/\/jonasrebmann.de\/assets\/js\/dist\/home.min.js?1.0.6","https:\/\/jonasrebmann.de\/assets\/css\/framework.css?1.0.6"]
rendered-html
<html lang="DE" class=""><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>Cooles Responsive Webdesign aus Bremen</title> <meta content="Als Webdesigner aus Bremen konzipiere und entwickle ich kreative und einzigartige Websites mit Top-Notch Responsive Design auf Basis von Kirby CMS." name="description"> <meta content="2024-08-06" name="date"> <meta content="Home [Jonas Rebmann]" property="og:title"> <meta content="Als Webdesigner aus Bremen konzipiere und entwickle ich kreative und einzigartige Websites mit Top-Notch Responsive Design auf Basis von Kirby CMS." property="og:description"> <meta content="Jonas Rebmann" property="og:site_name"> <meta content="https://jonasrebmann.de/media/site/ec0b57c2e0-1721974627/og-home-image-1200x630-crop.jpg" property="og:image"> <meta content="1600" property="og:image:width"> <meta content="960" property="og:image:height"> <meta content="website" property="og:type"> <meta content="all" name="robots"> <link href="https://www.jonasrebmann.de/" rel="canonical"> <meta content="https://www.jonasrebmann.de/" property="og:url"> <meta content="summary_large_image" name="twitter:card"> <meta content="Home [Jonas Rebmann]" name="twitter:title"> <meta content="Als Webdesigner aus Bremen konzipiere und entwickle ich kreative und einzigartige Websites mit Top-Notch Responsive Design auf Basis von Kirby CMS." name="twitter:description"> <meta content="https://jonasrebmann.de/media/site/ec0b57c2e0-1721974627/og-home-image-1200x630-crop.jpg" name="twitter:image"> <!-- favcion --> <link rel="shortcut icon" type="image/x-icon" href="https://jonasrebmann.de/assets/visuals/favicon.png"> <!-- Umami Analytics --> <script defer="" src="https://analytics.eu.umami.is/script.js" data-website-id="d3818624-1836-4d0e-8544-8215868229df"></script> <!-- CSS --> <link href="https://jonasrebmann.de/assets/css/framework.css?1.0.6" rel="stylesheet"></head> <body style="--page-color: ; " class="relative min-h-screen [--header-height:var(--spacing-14)] md:[--header-height:var(--spacing-14)]"> <header id="header" class="group/header fixed inset-0 pointer-events-none flex align-center z-[999]"> <nav id="nav" data-bigtext-container="true" class="relative min-w-0 w-screen z-20 pointer-events-auto h-fit"> <ul id="nav-list" data-bigtext-text="" style="--font-size: 18px" class="relative rounded-[0.9rem] flex min-w-fit gap-1 z-10 m-1"> <li data-active="true" data-num="0" data-mobile-content="false" style="--color: #FF0000; --delay: 0ms" class="z-0 text-lg flex max-md:flex-col min-w-fit group max-md:overflow-hidden relative w-full md:flex-auto text-3xl md:data-[num='0']:flex-1 md:data-[num='0']:max-w-fit md:data-[num='4']:w-min rounded-xl max-md:bg-gray-lightest max-md:group-data-[burger-open=false]/sub:opacity-0 transition-opacity duration-150 delay-[--delay] shadow-sm max-md:data-[mobile-content=false]:flex-1 "> <a href="https://jonasrebmann.de" class="group z-10 inset-x-2 bottom-2 md:static font-bold md:w-full justify-between bg-gray-lightest group-hover:bg-[--color] h-full md:rounded-xl flex items-center gap-4 min-h-12 px-4 lg:group-data-[num=&quot;0&quot;]:pl-11 lg:group-data-[num=&quot;4&quot;]:pr-11 md:group-data-[num=&quot;4&quot;]:group-hover:text-white max-md:group-data-[mobile-content=true]:border-b border-gray-lighter"> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='4']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="relative leading-[1] w-fit md:mx-auto"> <span class="block md:group-hover:opacity-0 md:group-data-[active=true]:opacity-0">Jonas Rebmann</span> <div aria-label="hidden" class="absolute display opacity-0 md:group-hover:opacity-100 md:group-data-[active=true]:opacity-100 left-1/2 -top-[0.2rem] -translate-x-1/2 mt-1 whitespace-nowrap"> Jonas Rebmann </div> </div> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='0']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="md:hidden group-data-[num='0']:hidden"> <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> <div id="subnav-container-0" class="md:absolute group-data-[mobile-content=false]:hidden md:block -z-10 -top-1 -inset-x-4 group-data-[num='0']:hidden md:hidden md:group-hover:block text-xs"> <div class="overflow-y-scroll scrollbar-none max-h-screen md:pt-[--header-height] md:pb-4 md:px-4 rounded-t-xl"> <div class="flex flex-col gap-1 bg-gray-lightest p-4 rounded-xl"> <div class="[&amp;>p+p]:mt-4 [&amp;_a]:text-red [&amp;_a]:hover:text-green [&amp;_a:after]:content-['_↗'] mb-4"> <p>Moini!</p> <p>Derzeit ist ab Mitte August noch Zeit für Projekte!</p> <p><a href="https://jonasrebmann.de/contact">Melde dich doch bei mir</a>, falls du eine Idee hast, was ich für dich machen könnte!</p> <p>Grüße<br> Jonas</p> </div> <div class="flex gap-1 justify-end"> <a href="https://www.instagram.com/jonas_rebmann" target="_blank" class="group/social relative flex items-center justify-center size-8 p-1.5 svg bg-gray-background text-black hover:text-white hover:bg-black rounded-lg"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0301 4.08393C9.7533 4.14417 8.88138 4.34793 8.11914 4.64745C7.33026 4.95489 6.66162 5.36745 5.99634 6.03513C5.33106 6.70281 4.92138 7.37193 4.6161 8.16201C4.32066 8.92593 4.1205 9.79857 4.0641 11.0761C4.0077 12.3536 3.99522 12.7642 4.00146 16.023C4.0077 19.2817 4.0221 19.6902 4.08402 20.9703C4.14498 22.2469 4.34802 23.1186 4.64754 23.881C4.95546 24.6699 5.36754 25.3383 6.03546 26.0038C6.70338 26.6694 7.37202 27.0781 8.16402 27.3838C8.92722 27.6788 9.8001 27.8799 11.0774 27.9358C12.3547 27.9918 12.7658 28.0047 16.0235 27.9985C19.2813 27.9922 19.6915 27.9778 20.9714 27.9171C22.2513 27.8564 23.1184 27.6519 23.8811 27.3538C24.67 27.0452 25.3389 26.6338 26.0039 25.9657C26.669 25.2975 27.0784 24.6279 27.3835 23.8374C27.6791 23.0742 27.88 22.2013 27.9355 20.925C27.9914 19.6441 28.0046 19.2351 27.9983 15.9769C27.9921 12.7186 27.9775 12.3102 27.9167 11.0305C27.856 9.75081 27.6527 8.88177 27.3535 8.11881C27.0451 7.32993 26.6335 6.66201 25.9658 5.99601C25.2981 5.33001 24.628 4.92081 23.8377 4.61649C23.074 4.32105 22.2016 4.11969 20.9243 4.06449C19.6471 4.00929 19.2359 3.99513 15.977 4.00137C12.718 4.00761 12.31 4.02153 11.0301 4.08393ZM11.1703 25.777C10.0003 25.7262 9.36498 25.5318 8.94162 25.369C8.38098 25.153 7.98162 24.8919 7.5597 24.4741C7.13778 24.0562 6.87858 23.6554 6.6597 23.096C6.4953 22.6726 6.2973 22.0381 6.24258 20.8681C6.18306 19.6035 6.17058 19.2238 6.16362 16.0201C6.15666 12.8163 6.1689 12.4371 6.22434 11.1721C6.27426 10.003 6.46986 9.36705 6.63234 8.94393C6.84834 8.38257 7.1085 7.98393 7.5273 7.56225C7.9461 7.14057 8.3457 6.88089 8.90562 6.66201C9.3285 6.49689 9.96306 6.30057 11.1326 6.24489C12.3981 6.18489 12.7773 6.17289 15.9806 6.16593C19.1839 6.15897 19.564 6.17096 20.83 6.22664C21.9991 6.27752 22.6353 6.4712 23.0579 6.63464C23.6188 6.85064 24.0179 7.11009 24.4396 7.52961C24.8613 7.94913 25.1212 8.34729 25.3401 8.90841C25.5055 9.33009 25.7018 9.96441 25.757 11.1346C25.8172 12.4002 25.8309 12.7796 25.8367 15.9826C25.8424 19.1857 25.8311 19.5661 25.7757 20.8306C25.7246 22.0006 25.5307 22.6362 25.3677 23.06C25.1517 23.6204 24.8913 24.02 24.4723 24.4414C24.0532 24.8629 23.6541 25.1226 23.0939 25.3414C22.6715 25.5063 22.0363 25.7031 20.8677 25.7588C19.6022 25.8183 19.223 25.8308 16.0185 25.8378C12.814 25.8447 12.4358 25.8318 11.1703 25.777ZM20.9529 9.58641C20.9534 9.87123 21.0383 10.1495 21.197 10.3861C21.3556 10.6226 21.5808 10.8068 21.8442 10.9154C22.1075 11.0239 22.3971 11.0519 22.6764 10.9958C22.9556 10.9398 23.212 10.8021 23.413 10.6004C23.614 10.3986 23.7507 10.1417 23.8058 9.86228C23.8608 9.58283 23.8317 9.29333 23.7222 9.03039C23.6127 8.76746 23.4277 8.5429 23.1906 8.38512C22.9534 8.22735 22.6748 8.14344 22.39 8.14401C22.0082 8.14477 21.6423 8.29715 21.3728 8.56764C21.1033 8.83813 20.9523 9.20458 20.9529 9.58641ZM9.8385 16.0119C9.84522 19.4151 12.6091 22.1677 16.0115 22.1612C19.414 22.1547 22.1685 19.3911 22.162 15.9879C22.1555 12.5847 19.391 9.83145 15.988 9.83817C12.5851 9.84489 9.83202 12.6092 9.8385 16.0119ZM11.9999 16.0076C11.9984 15.2165 12.2314 14.4426 12.6697 13.784C13.1079 13.1253 13.7316 12.6113 14.4619 12.3071C15.1923 12.0029 15.9964 11.9221 16.7726 12.0749C17.5489 12.2277 18.2624 12.6073 18.8229 13.1656C19.3834 13.7239 19.7658 14.4359 19.9217 15.2115C20.0776 15.9872 19.9999 16.7916 19.6986 17.5231C19.3973 18.2547 18.8859 18.8804 18.2289 19.3212C17.572 19.7621 16.7991 19.9982 16.0079 19.9998C15.4826 20.0009 14.9622 19.8985 14.4765 19.6984C13.9908 19.4984 13.5492 19.2046 13.177 18.8339C12.8048 18.4632 12.5093 18.0228 12.3073 17.5378C12.1054 17.0529 12.0009 16.5329 11.9999 16.0076Z" fill="black"></path> </svg> <div class="hidden text-xs bg-gray-lighter text-gray-darker py-0.5 px-2 group-hover/social:block absolute -bottom-1 left-1/2 -translate-x-1/2 translate-y-full rounded-lg"> Instagram </div> </a> <a href="https://www.linkedin.com/in/jonas-rebmann-a389a31b7/" target="_blank" class="group/social relative flex items-center justify-center size-8 p-1.5 svg bg-gray-background text-black hover:text-white hover:bg-black rounded-lg"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.3333 28H6.66667C5.19391 28 4 26.8061 4 25.3333V6.66667C4 5.19391 5.19391 4 6.66667 4H25.3333C26.8061 4 28 5.19391 28 6.66667V25.3333C28 26.8061 26.8061 28 25.3333 28ZM21.1049 24.6668H24.6663V17.3506C24.6663 14.255 22.9116 12.7582 20.4605 12.7582C18.0084 12.7582 16.9764 14.6678 16.9764 14.6678V13.1113H13.5441V24.6668H16.9764V18.6009C16.9764 16.9755 17.7245 16.0083 19.1566 16.0083C20.4729 16.0083 21.1049 16.9377 21.1049 18.6009V24.6668ZM7.33301 9.46584C7.33301 10.6434 8.28036 11.5982 9.44946 11.5982C10.6186 11.5982 11.5653 10.6434 11.5653 9.46584C11.5653 8.28829 10.6186 7.3335 9.44946 7.3335C8.28036 7.3335 7.33301 8.28829 7.33301 9.46584ZM11.2561 24.6668H7.67719V13.1113H11.2561V24.6668Z" fill="black"></path> </svg> <div class="hidden text-xs bg-gray-lighter text-gray-darker py-0.5 px-2 group-hover/social:block absolute -bottom-1 left-1/2 -translate-x-1/2 translate-y-full rounded-lg"> LinkedIn </div> </a> <a href="https://posts.cv/hermes_harmony" target="_blank" class="group/social relative flex items-center justify-center size-8 p-1.5 svg bg-gray-background text-black hover:text-white hover:bg-black rounded-lg"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.43805 24.8498L18.9899 27.9438C19.8324 28.1695 20.73 28.0502 21.4854 27.6142C22.2408 27.1782 22.792 26.46 23.0179 25.6176L26.8881 11.1775C27.1139 10.335 26.9958 9.43737 26.5598 8.68199C26.1238 7.92661 25.4056 7.37534 24.5631 7.14944L13.0101 4.05546C12.1676 3.8297 11.27 3.94781 10.5146 4.38381C9.75921 4.81981 9.20795 5.53801 8.98204 6.38043L5.11308 20.8218C4.88731 21.6642 5.00542 22.5619 5.44143 23.3172C5.87743 24.0726 6.59563 24.6239 7.43805 24.8498ZM12.944 8.75109C13.0609 8.73574 13.1797 8.74356 13.2935 8.77411L13.2923 8.7765L21.956 11.0967C22.0738 11.1232 22.185 11.1733 22.283 11.2439C22.3811 11.3145 22.4638 11.4041 22.5263 11.5075C22.5888 11.6108 22.6298 11.7257 22.6469 11.8453C22.6639 11.9649 22.6566 12.0866 22.6254 12.2033C22.5942 12.32 22.5398 12.4292 22.4654 12.5243C22.391 12.6195 22.2981 12.6986 22.1924 12.757C22.0866 12.8154 21.9702 12.8518 21.85 12.8641C21.7299 12.8763 21.6085 12.8642 21.4931 12.8284L12.8283 10.5083C12.7144 10.4777 12.6077 10.425 12.5142 10.3532C12.4207 10.2814 12.3422 10.1919 12.2833 10.0898C12.2244 9.9877 12.1862 9.87498 12.1708 9.75809C12.1555 9.6412 12.1633 9.52243 12.1938 9.40857C12.2244 9.2947 12.2771 9.18797 12.3489 9.09446C12.4207 9.00095 12.5102 8.9225 12.6123 8.86358C12.7144 8.80467 12.8271 8.76644 12.944 8.75109ZM11.6213 12.6319C11.8217 12.5124 12.0607 12.4756 12.2877 12.5294L20.9513 14.8496C21.1813 14.9112 21.3774 15.0615 21.4965 15.2677C21.6156 15.4738 21.6479 15.7188 21.5864 15.9487C21.5249 16.1787 21.3745 16.3748 21.1684 16.4939C20.9623 16.613 20.7173 16.6453 20.4873 16.5838L11.8225 14.2612C11.5991 14.194 11.4106 14.0425 11.2971 13.8386C11.1836 13.6348 11.154 13.3948 11.2145 13.1695C11.275 12.9442 11.421 12.7513 11.6213 12.6319ZM10.6006 16.3733C10.3948 16.4922 10.2445 16.6879 10.1828 16.9175C10.1522 17.0313 10.1444 17.1499 10.1597 17.2668C10.175 17.3836 10.2132 17.4963 10.2721 17.5983C10.3309 17.7004 10.4093 17.7899 10.5028 17.8616C10.5962 17.9334 10.7029 17.986 10.8167 18.0166L16.5932 19.5641C16.707 19.5946 16.8257 19.6024 16.9425 19.587C17.0593 19.5716 17.1719 19.5333 17.2739 19.4744C17.3759 19.4155 17.4653 19.3371 17.537 19.2436C17.6087 19.1501 17.6613 19.0435 17.6917 18.9297C17.7222 18.8159 17.7299 18.6972 17.7146 18.5804C17.6992 18.4636 17.6609 18.351 17.602 18.249C17.5431 18.147 17.4647 18.0576 17.3712 17.9859C17.2777 17.9142 17.171 17.8617 17.0573 17.8312L11.2807 16.2836C11.0511 16.2222 10.8065 16.2545 10.6006 16.3733Z" fill="black"></path> </svg> <div class="hidden text-xs bg-gray-lighter text-gray-darker py-0.5 px-2 group-hover/social:block absolute -bottom-1 left-1/2 -translate-x-1/2 translate-y-full rounded-lg"> Posts </div> </a> <a href="https://letterboxd.com/loveinindustry/" target="_blank" class="group/social relative flex items-center justify-center size-8 p-1.5 svg bg-gray-background text-black hover:text-white hover:bg-black rounded-lg"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.9663 19.1768C9.91798 20.8723 8.0555 22 5.93258 22C2.65611 22 0 19.3137 0 16C0 12.6863 2.65611 10 5.93258 10C8.05549 10 9.91797 11.1277 10.9663 12.8231C10.3967 13.7444 10.0674 14.8333 10.0674 16C10.0674 17.1666 10.3967 18.2556 10.9663 19.1768C11.5359 18.2556 11.8652 17.1666 11.8652 16C11.8652 14.8333 11.5359 13.7444 10.9663 12.8231C12.0146 11.1277 13.8771 10 16 10C18.1229 10 19.9854 11.1277 21.0337 12.8232C20.4641 13.7444 20.1348 14.8333 20.1348 16C20.1348 17.1666 20.4641 18.2555 21.0337 19.1768C21.6033 18.2555 21.9326 17.1666 21.9326 16C21.9326 14.8333 21.6033 13.7444 21.0337 12.8232C22.082 11.1277 23.9445 10 26.0674 10C29.3439 10 32 12.6863 32 16C32 19.3137 29.3439 22 26.0674 22C23.9445 22 22.082 20.8722 21.0337 19.1768C19.9854 20.8722 18.1229 22 16 22C13.8771 22 12.0146 20.8723 10.9663 19.1768Z" fill="white"></path> </svg> <div class="hidden text-xs bg-gray-lighter text-gray-darker py-0.5 px-2 group-hover/social:block absolute -bottom-1 left-1/2 -translate-x-1/2 translate-y-full rounded-lg"> Letterboxd </div> </a> </div> </div> </div> </div> </li> <button data-burger-trigger="nav" data-burger-open="false" class="group/brg relative bg-gray-lightest rounded-xl p-2.5 h-12 flex-[0_0_var(--spacing-12)] active:bg-gray-lighter md:hidden shadow-sm min-w-16 overflow-hidden"> <div class="group-data-[burger-open=true]/brg:-translate-y-8 transition-all duration-300">Menü</div> <div class="svg size-6 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 group-data-[burger-open=false]/brg:translate-y-8 transition-all duration-300"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 13.8791L22.94 6.93945L25.0613 9.06077L18.1217 16.0004L25.0608 22.9395L22.9395 25.0608L16.0004 18.1217L9.06127 25.0608L6.93995 22.9395L13.8791 16.0004L6.93945 9.06077L9.06077 6.93945L16.0004 13.8791Z" fill="black"></path> </svg> </div> </button> <li data-burger-content="nav" data-burger-open="false" class="group/sub w-full -z-10 flex-3 max-md:data-[burger-open=false]:-translate-x-full fixed max-md:pt-[--header-height] inset-x-0 max-md:h-[100svh] top-0 p-1 md:p-0 md:static duration-0 transition-all data-[burger-open=false]:delay-500 max-md:overflow-hidden"> <ul class="flex flex-col md:flex-row h-full w-full gap-1"> <li data-active="false" data-num="1" data-mobile-content="true" style="--color: #FFC700; --delay: 50ms" class="z-0 text-lg flex max-md:flex-col min-w-fit group max-md:overflow-hidden relative w-full md:flex-auto text-3xl md:data-[num='0']:flex-1 md:data-[num='0']:max-w-fit md:data-[num='4']:w-min rounded-xl max-md:bg-gray-lightest max-md:group-data-[burger-open=false]/sub:opacity-0 transition-opacity duration-150 delay-[--delay] shadow-sm max-md:data-[mobile-content=false]:flex-1 "> <a href="https://jonasrebmann.de/concepts" class="group z-10 inset-x-2 bottom-2 md:static font-bold md:w-full justify-between bg-gray-lightest group-hover:bg-[--color] h-full md:rounded-xl flex items-center gap-4 min-h-12 px-4 lg:group-data-[num=&quot;0&quot;]:pl-11 lg:group-data-[num=&quot;4&quot;]:pr-11 md:group-data-[num=&quot;4&quot;]:group-hover:text-white max-md:group-data-[mobile-content=true]:border-b border-gray-lighter"> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='4']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="relative leading-[1] w-fit md:mx-auto"> <span class="block md:group-hover:opacity-0 md:group-data-[active=true]:opacity-0">Profil</span> <div aria-label="hidden" class="absolute display opacity-0 md:group-hover:opacity-100 md:group-data-[active=true]:opacity-100 left-1/2 -top-[0.2rem] -translate-x-1/2 mt-1 whitespace-nowrap"> Profil </div> </div> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='0']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="md:hidden group-data-[num='0']:hidden"> <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> <div id="subnav-container-1" class="md:absolute group-data-[mobile-content=false]:hidden md:block -z-10 -top-1 -inset-x-4 group-data-[num='0']:hidden md:hidden md:group-hover:block text-xs"> <div class="overflow-y-scroll scrollbar-none max-h-screen md:pt-[--header-height] md:pb-4 md:px-4 rounded-t-xl"> <ul class="flex w-full flex-col gap-1 h-full"> <li class="flex-1 h-full border-b border-gray-lighter md:border-none"> <a class="flex flex-row md:flex-col lg:flex-row items-center justify-between gap-2 md:bg-gray-lightest hover:bg-[--color] p-4 md:rounded-md md:rounded-xl" href="https://jonasrebmann.de/concepts/entwicklung-und-kirby"> <img src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer.png" alt="" class="w-8 md:w-6"> <div class="flex-1 w-full flex justify-between items-center"> <h3 class="font-bold text-sm md:mr-auto">Entwicklung &amp; Kirby</h3> <div class="size-[1lh] svg hidden md:block" "=""><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> </li> </ul> </div> </div> </li> <li data-active="false" data-num="2" data-mobile-content="false" style="--color: #8D47FC; --delay: 100ms" class="z-0 text-lg flex max-md:flex-col min-w-fit group max-md:overflow-hidden relative w-full md:flex-auto text-3xl md:data-[num='0']:flex-1 md:data-[num='0']:max-w-fit md:data-[num='4']:w-min rounded-xl max-md:bg-gray-lightest max-md:group-data-[burger-open=false]/sub:opacity-0 transition-opacity duration-150 delay-[--delay] shadow-sm max-md:data-[mobile-content=false]:flex-1 "> <a href="https://jonasrebmann.de/projects" class="group z-10 inset-x-2 bottom-2 md:static font-bold md:w-full justify-between bg-gray-lightest group-hover:bg-[--color] h-full md:rounded-xl flex items-center gap-4 min-h-12 px-4 lg:group-data-[num=&quot;0&quot;]:pl-11 lg:group-data-[num=&quot;4&quot;]:pr-11 md:group-data-[num=&quot;4&quot;]:group-hover:text-white max-md:group-data-[mobile-content=true]:border-b border-gray-lighter"> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='4']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="relative leading-[1] w-fit md:mx-auto"> <span class="block md:group-hover:opacity-0 md:group-data-[active=true]:opacity-0">Projekte</span> <div aria-label="hidden" class="absolute display opacity-0 md:group-hover:opacity-100 md:group-data-[active=true]:opacity-100 left-1/2 -top-[0.2rem] -translate-x-1/2 mt-1 whitespace-nowrap"> Projekte </div> </div> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='0']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="md:hidden group-data-[num='0']:hidden"> <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> <div id="subnav-container-2" class="md:absolute group-data-[mobile-content=false]:hidden md:block -z-10 -top-1 -inset-x-4 group-data-[num='0']:hidden md:hidden md:group-hover:block text-xs"> <div class="overflow-y-scroll scrollbar-none max-h-screen md:pt-[--header-height] md:pb-4 md:px-4 rounded-t-xl"> <ul class="grid grid-cols-2 md:grid-cols-1 gap-1 h-full"> <li> <a href="https://jonasrebmann.de/projects/michael-kara" class="group/item block p-2 bg-gray-lightest overflow-hidden rounded-xl"> <figure class="relative h-full mb-2 overflow-hidden rounded-md "> <img width="680" height="382" src="https://jonasrebmann.de/media/pages/projects/michael-kara/9e6cc48cf5-1721974606/nova-projects-kara-cover-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/michael-kara/9e6cc48cf5-1721974606/nova-projects-kara-cover-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/michael-kara/9e6cc48cf5-1721974606/nova-projects-kara-cover-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/michael-kara/9e6cc48cf5-1721974606/nova-projects-kara-cover-680x-q80.webp 800w" alt="" class="w-full object-cover rounded-lg group-hover/item:blur-md group-hover/item:scale-120 transition-all duration-500" loading="lazy" style="object-position: "> <div class="opacity-0 svg size-8 bg-black rounded-full p-1.5 text-white group-hover/item:opacity-100 absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 group-hover/item:-rotate-45 transition-all duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </figure> <header class="flex"> <h2 class=""> <strong>â„–01</strong> Michael Kara </h2> </header> </a> </li> <li> <a href="https://jonasrebmann.de/projects/marius-kunkis" class="group/item block p-2 bg-gray-lightest overflow-hidden rounded-xl"> <figure class="relative h-full mb-2 overflow-hidden rounded-md "> <img width="680" height="382" src="https://jonasrebmann.de/media/pages/projects/marius-kunkis/5eff524fe7-1721974608/kunkis-cover-big-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/marius-kunkis/5eff524fe7-1721974608/kunkis-cover-big-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/marius-kunkis/5eff524fe7-1721974608/kunkis-cover-big-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/marius-kunkis/5eff524fe7-1721974608/kunkis-cover-big-680x-q80.webp 800w" alt="" class="w-full object-cover rounded-lg group-hover/item:blur-md group-hover/item:scale-120 transition-all duration-500" loading="lazy" style="object-position: "> <div class="opacity-0 svg size-8 bg-black rounded-full p-1.5 text-white group-hover/item:opacity-100 absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 group-hover/item:-rotate-45 transition-all duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </figure> <header class="flex"> <h2 class=""> <strong>â„–02</strong> Marius Kunkis </h2> </header> </a> </li> <li> <a href="https://jonasrebmann.de/projects/drittel" class="group/item block p-2 bg-gray-lightest overflow-hidden rounded-xl"> <figure class="relative h-full mb-2 overflow-hidden rounded-md "> <img width="680" height="382" src="https://jonasrebmann.de/media/pages/projects/drittel/27d6fb0558-1721974613/drittel-cover-big-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/drittel/27d6fb0558-1721974613/drittel-cover-big-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/drittel/27d6fb0558-1721974613/drittel-cover-big-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/drittel/27d6fb0558-1721974613/drittel-cover-big-680x-q80.webp 800w" alt="" class="w-full object-cover rounded-lg group-hover/item:blur-md group-hover/item:scale-120 transition-all duration-500" loading="lazy" style="object-position: "> <div class="opacity-0 svg size-8 bg-black rounded-full p-1.5 text-white group-hover/item:opacity-100 absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 group-hover/item:-rotate-45 transition-all duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </figure> <header class="flex"> <h2 class=""> <strong>â„–03</strong> Das Drittel </h2> </header> </a> </li> <li> <a href="https://jonasrebmann.de/projects/holly-golightly" class="group/item block p-2 bg-gray-lightest overflow-hidden rounded-xl"> <figure class="relative h-full mb-2 overflow-hidden rounded-md "> <img width="680" height="382" src="https://jonasrebmann.de/media/pages/projects/holly-golightly/f27fc137da-1721974617/holly-new-05-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/holly-golightly/f27fc137da-1721974617/holly-new-05-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/holly-golightly/f27fc137da-1721974617/holly-new-05-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/holly-golightly/f27fc137da-1721974617/holly-new-05-680x-q80.webp 800w" alt="" class="w-full object-cover rounded-lg group-hover/item:blur-md group-hover/item:scale-120 transition-all duration-500" loading="lazy" style="object-position: "> <div class="opacity-0 svg size-8 bg-black rounded-full p-1.5 text-white group-hover/item:opacity-100 absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 group-hover/item:-rotate-45 transition-all duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </figure> <header class="flex"> <h2 class=""> <strong>â„–04</strong> Holly Golightly </h2> </header> </a> </li> <li> <a href="https://jonasrebmann.de/projects/defibrillator" class="group/item block p-2 bg-gray-lightest overflow-hidden rounded-xl"> <figure class="relative h-full mb-2 overflow-hidden rounded-md "> <img width="2260" height="1271" src="https://jonasrebmann.de/media/pages/projects/defibrillator/2cc19a6ccf-1721974619/defi-image-03-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/defibrillator/2cc19a6ccf-1721974619/defi-image-03-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/defibrillator/2cc19a6ccf-1721974619/defi-image-03-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/defibrillator/2cc19a6ccf-1721974619/defi-image-03-680x-q80.webp 800w" alt="" class="w-full object-cover rounded-lg group-hover/item:blur-md group-hover/item:scale-120 transition-all duration-500" loading="lazy" style="object-position: "> <div class="opacity-0 svg size-8 bg-black rounded-full p-1.5 text-white group-hover/item:opacity-100 absolute left-1/2 top-1/2 -translate-y-1/2 -translate-x-1/2 group-hover/item:-rotate-45 transition-all duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </figure> <header class="flex"> <h2 class=""> <strong>â„–05</strong> Defibrillator </h2> </header> </a> </li> </ul> </div> </div> </li> <li data-active="false" data-num="3" data-mobile-content="false" style="--color: #05BD38; --delay: 150ms" class="z-0 text-lg flex max-md:flex-col min-w-fit group max-md:overflow-hidden relative w-full md:flex-auto text-3xl md:data-[num='0']:flex-1 md:data-[num='0']:max-w-fit md:data-[num='4']:w-min rounded-xl max-md:bg-gray-lightest max-md:group-data-[burger-open=false]/sub:opacity-0 transition-opacity duration-150 delay-[--delay] shadow-sm max-md:data-[mobile-content=false]:flex-1 "> <a href="https://jonasrebmann.de/journal" class="group z-10 inset-x-2 bottom-2 md:static font-bold md:w-full justify-between bg-gray-lightest group-hover:bg-[--color] h-full md:rounded-xl flex items-center gap-4 min-h-12 px-4 lg:group-data-[num=&quot;0&quot;]:pl-11 lg:group-data-[num=&quot;4&quot;]:pr-11 md:group-data-[num=&quot;4&quot;]:group-hover:text-white max-md:group-data-[mobile-content=true]:border-b border-gray-lighter"> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='4']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="relative leading-[1] w-fit md:mx-auto"> <span class="block md:group-hover:opacity-0 md:group-data-[active=true]:opacity-0">Journal</span> <div aria-label="hidden" class="absolute display opacity-0 md:group-hover:opacity-100 md:group-data-[active=true]:opacity-100 left-1/2 -top-[0.2rem] -translate-x-1/2 mt-1 whitespace-nowrap"> Journal </div> </div> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='0']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="md:hidden group-data-[num='0']:hidden"> <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> <div id="subnav-container-3" class="md:absolute group-data-[mobile-content=false]:hidden md:block -z-10 -top-1 -inset-x-4 group-data-[num='0']:hidden md:hidden md:group-hover:block text-xs"> <div class="overflow-y-scroll scrollbar-none max-h-screen md:pt-[--header-height] md:pb-4 md:px-4 rounded-t-xl"> <a href="https://jonasrebmann.de/journal/chirp-0" class="group block hover:text-blackblock bg-gray-lightest hover:bg-gray-lighter text-gray-darker rounded-xl p-2 mb-1"> <div class="flex gap-2 md:flex-col lg:flex-row lg:items-center mb-2"> <figure class=""> <img width="120" height="120" src="https://jonasrebmann.de/media/pages/journal/1edbd11515-1721974596/bildschirmfoto-2024-07-08-um-14.38.50-120x120-crop-q80.webp" srcset="https://jonasrebmann.de/media/pages/journal/1edbd11515-1721974596/bildschirmfoto-2024-07-08-um-14.38.50-120x120-crop-q80.webp 40w" alt="" class="size-8 object-cover rounded-full" loading="lazy" style="object-position: "> </figure> <div class="text-xs"> <div class="font-bold text-black">Aktueller Post</div> <div class="">10. August 2024</div> </div> </div> <p>Das war DesignTreff â„–35 × Lonely Planet Girl! Ich fand die Räumlichkeiten direkt am Sielwall super cool und die Ausstattung ist für Workshops genauso perfekt wie für Partys. Wir haben viele neue Kontakte geknüpft und über coole Projekte gesprochen, es war wirklich klasse!</p> <figure class="mt-2"> <img width="680" height="475" src="https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp 800w" alt="" class="w-full h-auto rounded-md" loading="lazy" style="object-position: "> </figure> </a> <div class="flex md:flex-col lg:flex-row gap-1"> <a href="https://jonasrebmann.de/journal/category:article" class="bg-gray-lightest hover:bg-gray-lighter flex-1 text-gray-darker hover:text-black rounded-xl p-2 flex items-center justify-between"> Artikel <div class="size-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> <a href="https://jonasrebmann.de/journal/category:chirp" class="bg-gray-lightest hover:bg-gray-lighter flex-1 text-gray-darker hover:text-black rounded-xl p-2 flex items-center justify-between"> Chirps <div class="size-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> </div> </div> </div> </li> <li data-active="false" data-num="4" data-mobile-content="true" style="--color: #171616; --delay: 200ms" class="z-0 text-lg flex max-md:flex-col min-w-fit group max-md:overflow-hidden relative w-full md:flex-auto text-3xl md:data-[num='0']:flex-1 md:data-[num='0']:max-w-fit md:data-[num='4']:w-min rounded-xl max-md:bg-gray-lightest max-md:group-data-[burger-open=false]/sub:opacity-0 transition-opacity duration-150 delay-[--delay] shadow-sm max-md:data-[mobile-content=false]:flex-1 "> <a href="https://jonasrebmann.de/contact" class="group z-10 inset-x-2 bottom-2 md:static font-bold md:w-full justify-between bg-gray-lightest group-hover:bg-[--color] h-full md:rounded-xl flex items-center gap-4 min-h-12 px-4 lg:group-data-[num=&quot;0&quot;]:pl-11 lg:group-data-[num=&quot;4&quot;]:pr-11 md:group-data-[num=&quot;4&quot;]:group-hover:text-white max-md:group-data-[mobile-content=true]:border-b border-gray-lighter"> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='4']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="relative leading-[1] w-fit md:mx-auto"> <span class="block md:group-hover:opacity-0 md:group-data-[active=true]:opacity-0">Kontakt</span> <div aria-label="hidden" class="absolute display opacity-0 md:group-hover:opacity-100 md:group-data-[active=true]:opacity-100 left-1/2 -top-[0.2rem] -translate-x-1/2 mt-1 whitespace-nowrap"> Kontakt </div> </div> <!-- <div class="size-4 svg text-gray-lighter group-hover:text-black group-data-[num='0']:hidden"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"/> </svg> </div> --> <div class="md:hidden group-data-[num='0']:hidden"> <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> </a> <div id="subnav-container-4" class="md:absolute group-data-[mobile-content=false]:hidden md:block -z-10 -top-1 -inset-x-4 group-data-[num='0']:hidden md:hidden md:group-hover:block text-xs"> <div class="overflow-y-scroll scrollbar-none max-h-screen md:pt-[--header-height] md:pb-4 md:px-4 rounded-t-xl"> <div class="flex flex-col gap-1 p-4 md:p-0"> <a href="" class="flex justify-between gap-1 p-4 text-black rounded-md bg-yellow md:rounded-xl md:p-2"> Anfragen <div class="size-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> <div class="flex gap-1 md:flex-col"> <a href="mailto:[email protected]" class="flex items-center justify-between flex-1 p-4 rounded-md bg-gray-background md:bg-gray-lightest hover:bg-gray-lighter hover:text-black text-gray-darker md:rounded-xl md:p-2"> Mail <div class="size-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 8H26C27.1046 8 28 8.89543 28 10V22C28 23.1046 27.1046 24 26 24H6C4.89543 24 4 23.1046 4 22V10C4 8.89543 4.89543 8 6 8ZM7.59033 10.2103C7.15421 9.87148 6.52597 9.95035 6.18713 10.3865C5.8483 10.8226 5.92717 11.4508 6.3633 11.7897L14.1462 17.8364C15.229 18.6777 16.7445 18.6776 17.8273 17.8364L25.6102 11.7897C26.0463 11.4508 26.1252 10.8226 25.7863 10.3865C25.4475 9.95035 24.8193 9.87148 24.3831 10.2103L16.6003 16.257C16.2393 16.5374 15.7342 16.5374 15.3732 16.257L7.59033 10.2103ZM10.7071 17.2929C11.0976 17.6834 11.0976 18.3166 10.7071 18.7071L7.70711 21.7071C7.31658 22.0976 6.68342 22.0976 6.29289 21.7071C5.90237 21.3166 5.90237 20.6834 6.29289 20.2929L9.29289 17.2929C9.68342 16.9024 10.3166 16.9024 10.7071 17.2929ZM22.7071 17.2929C22.3166 16.9024 21.6834 16.9024 21.2929 17.2929C20.9024 17.6834 20.9024 18.3166 21.2929 18.7071L24.2929 21.7071C24.6834 22.0976 25.3166 22.0976 25.7071 21.7071C26.0976 21.3166 26.0976 20.6834 25.7071 20.2929L22.7071 17.2929Z" fill="black"></path> </svg> </div> </a> <a href="tel:‭0151 17892845‬" class="flex items-center justify-between flex-1 p-4 rounded-md bg-gray-background md:bg-gray-lightest hover:bg-gray-lighter hover:text-black text-gray-darker md:rounded-xl md:p-2"> Telefon <div class="size-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.5122 8.432C17.8357 5.18933 14.1643 5.18933 5.48779 8.432C4.61695 8.75746 4.09302 9.65116 4.2245 10.5715L4.55975 12.9182C4.72153 14.0507 5.79847 14.817 6.92139 14.5986L8.79573 14.2342C9.53461 14.0905 10.1302 13.5441 10.337 12.8204L10.6065 11.8771C10.7657 11.32 11.1581 10.8553 11.6892 10.6233C15.1185 9.12556 16.8815 9.12556 20.3108 10.6233C20.8419 10.8553 21.2343 11.32 21.3935 11.8771L21.663 12.8204C21.8698 13.5441 22.4654 14.0905 23.2043 14.2342L25.0786 14.5986C26.2015 14.817 27.2785 14.0507 27.4403 12.9182L27.7755 10.5715C27.907 9.65116 27.383 8.75746 26.5122 8.432Z" fill="black"></path> <circle cx="16" cy="16" r="4" fill="black"></circle> <path d="M26.0721 21.7586L24.4326 18.1517C24.0177 17.2388 22.3893 17.3852 21.9453 18.2842C20.9841 20.2305 19.2057 22.32 16 22.32C12.7943 22.32 11.0159 20.2305 10.0547 18.2842C9.61074 17.3852 7.98235 17.2388 7.56743 18.1517L5.92791 21.7586C5.02505 23.7449 6.47715 26 8.65901 26H23.341C25.5229 26 26.9749 23.7449 26.0721 21.7586Z" fill="black"></path> </svg> </div> </a> </div> </div> </div> </div> </li> </ul> <div class="fixed pointer-events-none inset-0 opacity-0 max-md:group-data-[burger-open=true]/sub:opacity-30 transition-opacity duration-300 bg-nothing-dark -z-10"></div> </li> </ul> <!-- <div class="absolute inset-0 -top-2 -z-40 backdrop-blur-3xl bg-white/0" style="-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(0.33, rgba(0,0,0,0.5)), color-stop(1.00, rgba(0,0,0,0)));"> </div> <div class="absolute inset-0 -top-2 -z-50 opacity-30 bg-nothing-semi" style="-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, rgba(0,0,0,1)), color-stop(0.33, rgba(0,0,0,0.5)), color-stop(1.00, rgba(0,0,0,0)));"> </div> --> </nav> <div class="fixed pointer-events-none inset-x-0 top-0 h-0 md:group-hover/header:h-screen bg-nothing-dark opacity-10 -z-10"> </div> </header> <noscript> <link href="https://jonasrebmann.de/assets/css/config/noscript.css" rel="stylesheet"> <div class="noscript"> <span>Achtung</span> <p>Diese Seite benötigt Javascript um richtig zu funktionieren. Bitte updaten sie ihren Browser oder aktivieren sie Javasccript in den Einstellungen. </p> </div> </noscript> <main class="relative z-10 pt-[--header-height]"> <section data-section-id="hero" class="relative min-h-[calc(100svh-var(--header-height))] w-full overflow-hidden z-10 flex flex-col"> <div style="--x: calc((var(--cursor-x-percentage,0.5) - 0.5)*1%); --y: calc((var(--cursor-y-percentage,0.5) - 0.5)*1%);" class="relative flex flex-col items-center justify-center flex-1 pt-10 pb-6 box-paddings bg-gray-lightest rounded-xl md:py-6"> <h3 style="--color: currentColor; --bg-color: " class="h-fit relative w-fit flex text-[var(--color)] text-sm mb-6"> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] ml-auto bg-current"></div> </div> <div class="border-y-[4px] px-2.5 py-0.5 border-current font-bold"> <div class="h-[1lh]"> Jonas Rebmann </div> </div> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </h3> <div class="relative z-10 text-[9.5vw] md:text-[6.5vw] leading-[1] md:leading-[0.95] tracking-tight font-bold max-w-3xl"> <div class="flex flex-col items-center"> <div class="relative w-fit whitespace-nowrap"> Lass uns das Internet </div> <div class="relative w-fit flex justify-center gap-0.5 md:gap-2 whitespace-nowrap"> zusammen <div class="relative size-[1lh]"> </div> wieder </div> <div class="relative w-fit whitespace-nowrap"> <span class="display">cool</span> machen! </div> </div> <div aria-label="hidden" class="absolute top-1/2 left-1/2 flex flex-col items-center text-transparent translate-x-[calc(var(--x)-50%)] translate-y-[calc(var(--y)-50%)]"> <div class="relative w-fit whitespace-nowrap"> <input type="checkbox" id="item_coin" class="hidden peer"> <div aria-hidden="true" id="item_coin" style="--left: 0%; --top: -50%; --translate-x: -100%; --translate-y: -50%; --rotate: -12deg;" class="group/item absolute cursor-pointer left-[var(--left)] top-[var(--top)] transform translate-x-[var(--translate-x)] translate-y-[var(--translate-y)] max-md:-translate-x-2"> <figure class="w-[1lh] rotate-[--rotate] [&amp;_img]:w-full"> <img src="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x.png" class="inline-block pixel"> </figure> <div class="text-xs text-center tracking-normal leading-2xs hidden group-hover/item:flex absolute top-full left-1/2 -translate-x-1/2 translate-y-2 text-black"> <div style="--color: currentColor; --bg-color: var(--color-white)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-1 px-1"> Nicht umsonst,<br>aber wertvoll </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div> </div> Lass uns das Internet <input type="checkbox" id="item_computer" class="hidden peer"> <div aria-hidden="true" id="item_computer" style="--left: 102%; --top: 50%; --translate-x: unset; --translate-y: -50%; --rotate: 7deg;" class="group/item absolute cursor-pointer left-[var(--left)] top-[var(--top)] transform translate-x-[var(--translate-x)] translate-y-[var(--translate-y)] max-md:-translate-y-[140%] max-md:-translate-x-[80%]"> <label for="item_computer" class="absolute inset-0 z-10 cursor-pointer group-peer-checked/item:hidden"></label> <figure class="w-[1lh] rotate-[--rotate] [&amp;_img]:w-full"> <div class="group-peer-checked/item:hidden"> <img src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x.png" class="inline-block pixel"></div> <div class="hidden group-peer-checked/item:block"> <img src="https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png" class="inline-block pixel"></div> </figure> <div class="text-xs text-center tracking-normal leading-2xs hidden group-hover/item:flex absolute top-full left-1/2 -translate-x-1/2 translate-y-2 text-black"> <div style="--color: currentColor; --bg-color: var(--color-white)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-1 px-1"> Digital First </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div> </div> </div> <div class="relative w-fit flex justify-center gap-0.5 md:gap-2 whitespace-nowrap"> zusammen <div class="relative size-[1lh] border"> <input type="checkbox" id="item_talking" class="hidden peer"> <div aria-hidden="true" id="item_talking" style="--left: 0%; --top: 50%; --translate-x: unset; --translate-y: -50%; --rotate: unset;" class="group/item absolute cursor-pointer left-[var(--left)] top-[var(--top)] transform translate-x-[var(--translate-x)] translate-y-[var(--translate-y)]"> <figure class="w-[1lh] rotate-[--rotate] [&amp;_img]:w-full"> <a href="https://jonasrebmann.de/contact"> <img src="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x.png" class="inline-block pixel"></a> </figure> <div class="text-xs text-center tracking-normal leading-2xs hidden group-hover/item:flex absolute top-full left-1/2 -translate-x-1/2 translate-y-2 text-black"> <div style="--color: currentColor; --bg-color: var(--color-white)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-1 px-1"> Kommunikativ </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div> </div> </div> wieder </div> <div class="relative w-fit whitespace-nowrap"> <input type="checkbox" id="item_lightning" class="hidden peer"> <div aria-hidden="true" id="item_lightning" style="--left: 0%; --top: 50%; --translate-x: -100%; --translate-y: -50%; --rotate: -6deg;" class="group/item absolute cursor-pointer left-[var(--left)] top-[var(--top)] transform translate-x-[var(--translate-x)] translate-y-[var(--translate-y)]"> <figure class="w-[1lh] rotate-[--rotate] [&amp;_img]:w-full"> <img src="https://jonasrebmann.de/media/site/9f40b05ed6-1721974626/lightning-red-80x.png" class="inline-block pixel"> </figure> <div class="text-xs text-center tracking-normal leading-2xs hidden group-hover/item:flex absolute top-full left-1/2 -translate-x-1/2 translate-y-2 text-black"> <div style="--color: currentColor; --bg-color: var(--color-white)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-1 px-1"> Kraftvolles <br> Design </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div> </div> <span class="display">cool</span> machen! <input type="checkbox" id="item_trophy" class="hidden peer"> <div aria-hidden="true" id="item_trophy" style="--left: 102%; --top: 50%; --translate-x: unset; --translate-y: -50%; --rotate: 8deg;" class="group/item absolute cursor-pointer left-[var(--left)] top-[var(--top)] transform translate-x-[var(--translate-x)] translate-y-[var(--translate-y)]"> <label for="item_trophy" class="absolute inset-0 z-10 cursor-pointer group-peer-checked/item:hidden"></label> <figure class="w-[1lh] rotate-[--rotate] [&amp;_img]:w-full"> <div class="group-peer-checked/item:-rotate-16"> <img src="https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy-80x.png" class="inline-block pixel"></div> </figure> <div class="text-xs text-center tracking-normal leading-2xs hidden group-hover/item:flex absolute top-full left-1/2 -translate-x-1/2 translate-y-2 text-black"> <div style="--color: currentColor; --bg-color: var(--color-white)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-1 px-1"> Preisverdächtig </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div> </div> </div> </div> </div> <a class="flex items-center block gap-2 pr-4 mx-auto mt-8 mb-12 button" href="https://jonasrebmann.de/contact"> Let's fetz <div class="svg size-[1lh]"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> <div class="absolute inset-x-0 flex justify-between gap-4 text-xs text-gray-darker bottom-4 page-paddings"> <div class="flex gap-0.5 items-center"> <div class="w-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1071 21.522C23.2159 19.0766 25 17.0078 25 13.4623C25 6.96026 20.5228 4 16 4C11.4772 4 7 6.96026 7 13.4623C7 17.0078 8.78406 19.0766 10.8929 21.522C12.2236 23.0651 13.6837 24.7582 14.9064 27.0668C15.3389 27.8834 16.6611 27.8834 17.0936 27.0668C18.3163 24.7582 19.7764 23.0651 21.1071 21.522ZM16 16C17.6569 16 19 14.6569 19 13C19 11.3431 17.6569 10 16 10C14.3431 10 13 11.3431 13 13C13 14.6569 14.3431 16 16 16Z" fill="black"></path> </svg> </div> Bremen Mitte </div> <a href="tel:‭0151 17892845‬" class="ml-auto flex gap-0.5 items-center"> <div class="w-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M26.5122 8.432C17.8357 5.18933 14.1643 5.18933 5.48779 8.432C4.61695 8.75746 4.09302 9.65116 4.2245 10.5715L4.55975 12.9182C4.72153 14.0507 5.79847 14.817 6.92139 14.5986L8.79573 14.2342C9.53461 14.0905 10.1302 13.5441 10.337 12.8204L10.6065 11.8771C10.7657 11.32 11.1581 10.8553 11.6892 10.6233C15.1185 9.12556 16.8815 9.12556 20.3108 10.6233C20.8419 10.8553 21.2343 11.32 21.3935 11.8771L21.663 12.8204C21.8698 13.5441 22.4654 14.0905 23.2043 14.2342L25.0786 14.5986C26.2015 14.817 27.2785 14.0507 27.4403 12.9182L27.7755 10.5715C27.907 9.65116 27.383 8.75746 26.5122 8.432Z" fill="black"></path> <circle cx="16" cy="16" r="4" fill="black"></circle> <path d="M26.0721 21.7586L24.4326 18.1517C24.0177 17.2388 22.3893 17.3852 21.9453 18.2842C20.9841 20.2305 19.2057 22.32 16 22.32C12.7943 22.32 11.0159 20.2305 10.0547 18.2842C9.61074 17.3852 7.98235 17.2388 7.56743 18.1517L5.92791 21.7586C5.02505 23.7449 6.47715 26 8.65901 26H23.341C25.5229 26 26.9749 23.7449 26.0721 21.7586Z" fill="black"></path> </svg> </div> Telefon </a> <a href="mailto:[email protected]" class="flex gap-0.5 items-center"> <div class="w-4 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6 8H26C27.1046 8 28 8.89543 28 10V22C28 23.1046 27.1046 24 26 24H6C4.89543 24 4 23.1046 4 22V10C4 8.89543 4.89543 8 6 8ZM7.59033 10.2103C7.15421 9.87148 6.52597 9.95035 6.18713 10.3865C5.8483 10.8226 5.92717 11.4508 6.3633 11.7897L14.1462 17.8364C15.229 18.6777 16.7445 18.6776 17.8273 17.8364L25.6102 11.7897C26.0463 11.4508 26.1252 10.8226 25.7863 10.3865C25.4475 9.95035 24.8193 9.87148 24.3831 10.2103L16.6003 16.257C16.2393 16.5374 15.7342 16.5374 15.3732 16.257L7.59033 10.2103ZM10.7071 17.2929C11.0976 17.6834 11.0976 18.3166 10.7071 18.7071L7.70711 21.7071C7.31658 22.0976 6.68342 22.0976 6.29289 21.7071C5.90237 21.3166 5.90237 20.6834 6.29289 20.2929L9.29289 17.2929C9.68342 16.9024 10.3166 16.9024 10.7071 17.2929ZM22.7071 17.2929C22.3166 16.9024 21.6834 16.9024 21.2929 17.2929C20.9024 17.6834 20.9024 18.3166 21.2929 18.7071L24.2929 21.7071C24.6834 22.0976 25.3166 22.0976 25.7071 21.7071C26.0976 21.3166 26.0976 20.6834 25.7071 20.2929L22.7071 17.2929Z" fill="black"></path> </svg> </div> Mail </a> </div> </div> <div class="flex flex-col items-start justify-center gap-8 pt-8 pb-12 text-base md:pt-12 md:pb-16 md:text-xl page-paddings md:flex-row md:gap-40"> <div class="relative max-w-md"> <div class="absolute font-bold -left-1 md:-left-2 -translate-x-full top-0 flex items-center h-[1lh]"> <div class="size-3 svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20 4H12V12H4V20H12V28H20V20H28V12H20V4ZM20 12V20H12V12H20Z" fill="black"></path> </svg> </div> </div> <p>Ich designe und entwickle digitale Produkte für coole Menschen, die sich im www von ihrer Konkurrenz absetzen und ihr Business auf ein neues Level heben&nbsp;wollen.</p> </div> </div> </section> <div class="marquee mb-4 overflow-hidden"> <div style=" --move-speed: 15s;" class="flex items-center min-w-fit marquee-inner justify-start gap-2 play-state-running"> <img width="140" height="140" src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-40x-q80.webp 40w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x-q80.webp 80w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-40x-q80.webp 40w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-80x-q80.webp 80w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-40x-q80.webp 40w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-80x-q80.webp 80w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-40x-q80.webp 40w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-80x-q80.webp 80w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-40x-q80.webp 40w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x-q80.webp 80w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-40x-q80.webp 40w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x-q80.webp 80w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-40x-q80.webp 40w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x-q80.webp 80w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-40x-q80.webp 40w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-80x-q80.webp 80w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-40x-q80.webp 40w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-80x-q80.webp 80w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-40x-q80.webp 40w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-80x-q80.webp 80w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-40x-q80.webp 40w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x-q80.webp 80w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-40x-q80.webp 40w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x-q80.webp 80w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-40x-q80.webp 40w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x-q80.webp 80w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-40x-q80.webp 40w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-80x-q80.webp 80w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-40x-q80.webp 40w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-80x-q80.webp 80w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-40x-q80.webp 40w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-80x-q80.webp 80w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-40x-q80.webp 40w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x-q80.webp 80w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-40x-q80.webp 40w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x-q80.webp 80w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-40x-q80.webp 40w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x-q80.webp 80w, https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-40x-q80.webp 40w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-80x-q80.webp 80w, https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-40x-q80.webp 40w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-80x-q80.webp 80w, https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-40x-q80.webp 40w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-80x-q80.webp 80w, https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-40x-q80.webp 40w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-80x-q80.webp 80w, https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-40x-q80.webp 40w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-80x-q80.webp 80w, https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-40x-q80.webp 40w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x-q80.webp 80w, https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> <img width="140" height="140" src="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp" srcset="https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-40x-q80.webp 40w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x-q80.webp 80w, https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp 120w" alt="" class="min-w-12" loading="lazy" style="object-position: "> </div> </div> <section class="relative z-10 flex justify-between items-end box-paddings bg-gray-lightest rounded-xl gap-4 mb-16 md:mb-32"> <div class="py-8 md:py-16 flex-1 md:text-xl my-auto"> <figure class="md:hidden flex bg-gray-lighter size-16 rounded-full mb-4"> <img width="625" height="1255" src="https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-300x-q80.webp 800w, https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp 1024w" alt="" class="size-16 h-20 rounded-full -mt-4 object-cover object-top" loading="lazy" style="object-position: "> </figure> <h2 class="h2 mb-8 xl:text-balance [&amp;_strong]:font-display [&amp;_strong]:text-yellow max-w-2xl"> <p>Echtes hochwertiges Design, mehr als nur <strong>irgendwelche</strong> Websites.</p> </h2> <div class="text-gray-dark max-w-lg [&amp;>p+p]:mt-[1lh] mb-[1lh]"><p>Ich bin Jonas und ich stehe darauf, Menschen mit innovativem Design zu überzeugen. Meine Websites fallen durch Storytelling, Design und Spaß auf – so bleiben sie deinen Kund<span class="genderstar" aria-hidden="true">*</span><span aria-hidden="true">in</span><span hidden="" class="hidden">In</span>nen länger im Gedächtnis als top-optimierte Text-Höllen, vermitteln deine Geschichte und Vision besser als jeder Website-Baukasten und bieten mehr Zugang zu deiner Community als Social Media.</p> <p>In Zeiten von KI stechen menschliche Kreativität und visuell erzählte Botschaften hervor. Lass uns gemeinsam dafür sorgen, dass du im Gedächtnis bleibst.</p></div> <a class="font-bold button-small" href="https://jonasrebmann.de/concepts"> Mehr über mich und meine Arbeit <span class="ml-2">→</span> </a> </div> <figure class="max-md:hidden h-[calc(100%+var(--spacing-16))] w-auto -mt-16"> <img width="625" height="1255" src="https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-300x-q80.webp 800w, https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp 1024w" alt="" class="h-full" loading="lazy" style="object-position: "> </figure> <!-- <div data-magiconscroll="1.4,0" class="text-[15vw] -z-10 display text-gray-background inset-x-0 absolute bottom-0 whitespace-nowrap overflow-hidden"> <div class="-translate-x-[calc(var(--percentage)*5rem)] translate-y-[8vw]">Jonas Rebmann</div> </div> --> </section> <section data-magiconscroll="0.8,0" class="mb-24 md:mb-32" style="--cursor-rotation: calc((0.5 - var(--cursor-x-percentage))*-50deg); --percentage--eased: 0; --percentage: 0;" data-scrolled="false" data-triggered="false" data-inprogress="false"> <h2 class="h0 page-paddings font-bold text-balance text-center mx-auto mb-4 md:mb-8">Meine Asse<br>im Ärmel</h2> <div data-cardchanger="" class="grid items-center justify-center relative z-10 pt-16 px-4 sm:px-0 [--aw:100%] sm:[--aw:70vw] lg:[--aw:50vw] xl:[--aw:30vw] overflow-hidden pb-4"> <h3 class="absolute top-0 left-1/2 -translate-x-1/2">Projekt â„–<span id="pos">3</span><span class="text-gray">/5</span></h3> <a class="cursor-none" href="https://jonasrebmann.de/projects/michael-kara"> </a><article data-card="0" aria-label="hidden" data-active="false" data-inrange="true" data-place="left" data-dragging="false" class="group project-card flex flex-col data-[inrange=false]:opacity-0 data-[inrange=false]:pointer-events-none data-[inrange=false]:-z-30 aspect-[5/7] bg-gray-lightest text-black rounded-3xl w-[--aw] p-3 " data-ismoving="false"><a class="cursor-none" href="https://jonasrebmann.de/projects/michael-kara"> <figure class="w-full mb-2"> <img width="680" height="680" src="https://jonasrebmann.de/media/pages/projects/michael-kara/2446038ecd-1721974603/kara-cover-small-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/michael-kara/2446038ecd-1721974603/kara-cover-small-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/michael-kara/2446038ecd-1721974603/kara-cover-small-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/michael-kara/2446038ecd-1721974603/kara-cover-small-680x-q80.webp 800w" alt="" class="w-full h-full object-fill rounded-xl" loading="lazy" style="object-position: "> </figure> <header class="flex justify-between text-sm"> <h3 class="font-bold text-4xl">Michael Kara</h3> <span class="text-sm">â„–01</span> </header> </a><a href="https://jonasrebmann.de/projects/michael-kara" class=""> </a> <footer class="flex justify-between text-xs mt-auto"> <div>Videoproduzent, Musikstudio</div> <div class="text-gray-dark">©2024</div> </footer> <div class="hidden z-50 fixed left-[--cursor-x] top-[--cursor-y] -translate-x-1/2 -translate-y-1/2 group-data-[active=true]:group-hover:block pointer-events-none size-16 p-4 bg-black text-white svg rounded-full rotate-[var(--cursor-rotation)]"> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91748 14.9258C1.91748 14.7065 2.09789 14.5317 2.30938 14.4737C2.70517 14.3652 3.18307 14.0831 3.81181 13.5132C4.41169 12.9695 4.98611 12.3241 5.6551 11.5724C5.96047 11.2294 6.2856 10.8641 6.64179 10.4763C8.7674 8.16198 11.6788 5.4358 16.212 5.39643C16.2121 5.39643 16.2122 5.39633 16.2122 5.39621C16.2122 5.39609 16.2123 5.396 16.2124 5.396C16.2289 5.396 16.2454 5.39603 16.2618 5.3961C16.2783 5.39603 16.2947 5.396 16.3112 5.396C16.3113 5.396 16.3114 5.39609 16.3114 5.39621C16.3114 5.39633 16.3115 5.39643 16.3117 5.39643C20.8448 5.4358 23.7562 8.16198 25.8818 10.4763C26.238 10.8641 26.5631 11.2293 26.8685 11.5724C27.5375 12.3241 28.1119 12.9695 28.7118 13.5132C29.3405 14.0831 29.8184 14.3652 30.2142 14.4737C30.4257 14.5317 30.6061 14.7065 30.6061 14.9258V17.3082C30.6061 17.5275 30.4256 17.7024 30.2145 17.7615C29.8224 17.8711 29.3462 18.1551 28.7181 18.7306C28.1179 19.2805 27.543 19.9335 26.8738 20.6935C26.5685 21.0403 26.2435 21.4094 25.8876 21.8011C23.7647 24.1376 20.8518 26.8971 16.3117 26.9369C16.3115 26.9369 16.3114 26.937 16.3114 26.9371C16.3114 26.9372 16.3113 26.9373 16.3112 26.9373C16.2947 26.9373 16.2783 26.9373 16.2618 26.9372C16.2454 26.9373 16.2289 26.9373 16.2124 26.9373C16.2123 26.9373 16.2122 26.9372 16.2122 26.9371C16.2122 26.937 16.2121 26.9369 16.212 26.9369C11.6718 26.8971 8.75895 24.1376 6.63603 21.8011C6.2801 21.4094 5.95515 21.0403 5.64982 20.6935C4.98063 19.9335 4.4057 19.2805 3.80549 18.7306C3.17737 18.1551 2.70123 17.8711 2.30915 17.7615C2.09796 17.7024 1.91748 17.5275 1.91748 17.3082V14.9258ZM5.94397 16.3816C5.79335 16.2438 5.7939 16.0039 5.94515 15.8668C6.67751 15.203 7.43311 14.3545 8.1578 13.5407C8.43797 13.2261 8.71352 12.9166 8.98132 12.6251C11.0235 10.4016 13.1362 8.59171 16.2618 8.57274C19.3874 8.59171 21.5001 10.4016 23.5423 12.6251C23.8101 12.9166 24.0856 13.2261 24.3658 13.5407C25.0905 14.3545 25.8461 15.203 26.5785 15.8668C26.7297 16.0039 26.7303 16.2438 26.5796 16.3816C26.5771 16.3839 26.5746 16.3862 26.5721 16.3885C25.8401 17.0592 25.0851 17.9163 24.3605 18.7388C24.0803 19.0569 23.8046 19.3699 23.5365 19.6649C21.4916 21.9155 19.3804 23.7414 16.2618 23.7606C13.1432 23.7414 11.032 21.9155 8.98709 19.6649C8.71907 19.3699 8.44339 19.057 8.16315 18.7389C7.43858 17.9163 6.68348 17.0592 5.95147 16.3885C5.94897 16.3862 5.94647 16.3839 5.94397 16.3816Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2122 18.3009C17.4183 18.3009 18.3961 17.3232 18.3961 16.117C18.3961 14.9109 17.4183 13.9331 16.2122 13.9331C15.006 13.9331 14.0283 14.9109 14.0283 16.117C14.0283 17.3232 15.006 18.3009 16.2122 18.3009ZM16.2122 21.4775C19.1727 21.4775 21.5727 19.0775 21.5727 16.117C21.5727 13.1565 19.1727 10.7565 16.2122 10.7565C13.2516 10.7565 10.8517 13.1565 10.8517 16.117C10.8517 19.0775 13.2516 21.4775 16.2122 21.4775Z" fill="black"></path> </svg> </div> </article> <a class="cursor-none" href="https://jonasrebmann.de/projects/marius-kunkis"> </a><article data-card="1" aria-label="visible" data-active="false" data-inrange="true" data-place="center-left" data-dragging="false" class="group project-card flex flex-col data-[inrange=false]:opacity-0 data-[inrange=false]:pointer-events-none data-[inrange=false]:-z-30 aspect-[5/7] bg-gray-lightest text-black rounded-3xl w-[--aw] p-3 " data-ismoving="false"><a class="cursor-none" href="https://jonasrebmann.de/projects/marius-kunkis"> <figure class="w-full mb-2"> <img width="680" height="680" src="https://jonasrebmann.de/media/pages/projects/marius-kunkis/e4c67066f6-1721974607/kunkis-cover-small-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/marius-kunkis/e4c67066f6-1721974607/kunkis-cover-small-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/marius-kunkis/e4c67066f6-1721974607/kunkis-cover-small-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/marius-kunkis/e4c67066f6-1721974607/kunkis-cover-small-680x-q80.webp 800w" alt="" class="w-full h-full object-fill rounded-xl" loading="lazy" style="object-position: "> </figure> <header class="flex justify-between text-sm"> <h3 class="font-bold text-4xl">Marius Kunkis</h3> <span class="text-sm">â„–02</span> </header> </a><a href="https://jonasrebmann.de/projects/marius-kunkis" class=""> </a> <footer class="flex justify-between text-xs mt-auto"> <div>Coaching</div> <div class="text-gray-dark">©2024</div> </footer> <div class="hidden z-50 fixed left-[--cursor-x] top-[--cursor-y] -translate-x-1/2 -translate-y-1/2 group-data-[active=true]:group-hover:block pointer-events-none size-16 p-4 bg-black text-white svg rounded-full rotate-[var(--cursor-rotation)]"> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91748 14.9258C1.91748 14.7065 2.09789 14.5317 2.30938 14.4737C2.70517 14.3652 3.18307 14.0831 3.81181 13.5132C4.41169 12.9695 4.98611 12.3241 5.6551 11.5724C5.96047 11.2294 6.2856 10.8641 6.64179 10.4763C8.7674 8.16198 11.6788 5.4358 16.212 5.39643C16.2121 5.39643 16.2122 5.39633 16.2122 5.39621C16.2122 5.39609 16.2123 5.396 16.2124 5.396C16.2289 5.396 16.2454 5.39603 16.2618 5.3961C16.2783 5.39603 16.2947 5.396 16.3112 5.396C16.3113 5.396 16.3114 5.39609 16.3114 5.39621C16.3114 5.39633 16.3115 5.39643 16.3117 5.39643C20.8448 5.4358 23.7562 8.16198 25.8818 10.4763C26.238 10.8641 26.5631 11.2293 26.8685 11.5724C27.5375 12.3241 28.1119 12.9695 28.7118 13.5132C29.3405 14.0831 29.8184 14.3652 30.2142 14.4737C30.4257 14.5317 30.6061 14.7065 30.6061 14.9258V17.3082C30.6061 17.5275 30.4256 17.7024 30.2145 17.7615C29.8224 17.8711 29.3462 18.1551 28.7181 18.7306C28.1179 19.2805 27.543 19.9335 26.8738 20.6935C26.5685 21.0403 26.2435 21.4094 25.8876 21.8011C23.7647 24.1376 20.8518 26.8971 16.3117 26.9369C16.3115 26.9369 16.3114 26.937 16.3114 26.9371C16.3114 26.9372 16.3113 26.9373 16.3112 26.9373C16.2947 26.9373 16.2783 26.9373 16.2618 26.9372C16.2454 26.9373 16.2289 26.9373 16.2124 26.9373C16.2123 26.9373 16.2122 26.9372 16.2122 26.9371C16.2122 26.937 16.2121 26.9369 16.212 26.9369C11.6718 26.8971 8.75895 24.1376 6.63603 21.8011C6.2801 21.4094 5.95515 21.0403 5.64982 20.6935C4.98063 19.9335 4.4057 19.2805 3.80549 18.7306C3.17737 18.1551 2.70123 17.8711 2.30915 17.7615C2.09796 17.7024 1.91748 17.5275 1.91748 17.3082V14.9258ZM5.94397 16.3816C5.79335 16.2438 5.7939 16.0039 5.94515 15.8668C6.67751 15.203 7.43311 14.3545 8.1578 13.5407C8.43797 13.2261 8.71352 12.9166 8.98132 12.6251C11.0235 10.4016 13.1362 8.59171 16.2618 8.57274C19.3874 8.59171 21.5001 10.4016 23.5423 12.6251C23.8101 12.9166 24.0856 13.2261 24.3658 13.5407C25.0905 14.3545 25.8461 15.203 26.5785 15.8668C26.7297 16.0039 26.7303 16.2438 26.5796 16.3816C26.5771 16.3839 26.5746 16.3862 26.5721 16.3885C25.8401 17.0592 25.0851 17.9163 24.3605 18.7388C24.0803 19.0569 23.8046 19.3699 23.5365 19.6649C21.4916 21.9155 19.3804 23.7414 16.2618 23.7606C13.1432 23.7414 11.032 21.9155 8.98709 19.6649C8.71907 19.3699 8.44339 19.057 8.16315 18.7389C7.43858 17.9163 6.68348 17.0592 5.95147 16.3885C5.94897 16.3862 5.94647 16.3839 5.94397 16.3816Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2122 18.3009C17.4183 18.3009 18.3961 17.3232 18.3961 16.117C18.3961 14.9109 17.4183 13.9331 16.2122 13.9331C15.006 13.9331 14.0283 14.9109 14.0283 16.117C14.0283 17.3232 15.006 18.3009 16.2122 18.3009ZM16.2122 21.4775C19.1727 21.4775 21.5727 19.0775 21.5727 16.117C21.5727 13.1565 19.1727 10.7565 16.2122 10.7565C13.2516 10.7565 10.8517 13.1565 10.8517 16.117C10.8517 19.0775 13.2516 21.4775 16.2122 21.4775Z" fill="black"></path> </svg> </div> </article> <a class="cursor-none" href="https://jonasrebmann.de/projects/drittel"> </a><article data-card="2" aria-label="hidden" data-active="true" data-inrange="true" data-place="center" data-dragging="false" class="group project-card flex flex-col data-[inrange=false]:opacity-0 data-[inrange=false]:pointer-events-none data-[inrange=false]:-z-30 aspect-[5/7] bg-gray-lightest text-black rounded-3xl w-[--aw] p-3 " data-ismoving="false"><a class="cursor-none" href="https://jonasrebmann.de/projects/drittel"> <figure class="w-full mb-2"> <img width="680" height="680" src="https://jonasrebmann.de/media/pages/projects/drittel/d9f12078db-1721974613/drittel-cover-small-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/drittel/d9f12078db-1721974613/drittel-cover-small-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/drittel/d9f12078db-1721974613/drittel-cover-small-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/drittel/d9f12078db-1721974613/drittel-cover-small-680x-q80.webp 800w" alt="" class="w-full h-full object-fill rounded-xl" loading="lazy" style="object-position: "> </figure> <header class="flex justify-between text-sm"> <h3 class="font-bold text-4xl">Das Drittel</h3> <span class="text-sm">â„–03</span> </header> </a><a href="https://jonasrebmann.de/projects/drittel" class=""> </a> <footer class="flex justify-between text-xs mt-auto"> <div>Bar, Café</div> <div class="text-gray-dark">©2024</div> </footer> <div class="hidden z-50 fixed left-[--cursor-x] top-[--cursor-y] -translate-x-1/2 -translate-y-1/2 group-data-[active=true]:group-hover:block pointer-events-none size-16 p-4 bg-black text-white svg rounded-full rotate-[var(--cursor-rotation)]"> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91748 14.9258C1.91748 14.7065 2.09789 14.5317 2.30938 14.4737C2.70517 14.3652 3.18307 14.0831 3.81181 13.5132C4.41169 12.9695 4.98611 12.3241 5.6551 11.5724C5.96047 11.2294 6.2856 10.8641 6.64179 10.4763C8.7674 8.16198 11.6788 5.4358 16.212 5.39643C16.2121 5.39643 16.2122 5.39633 16.2122 5.39621C16.2122 5.39609 16.2123 5.396 16.2124 5.396C16.2289 5.396 16.2454 5.39603 16.2618 5.3961C16.2783 5.39603 16.2947 5.396 16.3112 5.396C16.3113 5.396 16.3114 5.39609 16.3114 5.39621C16.3114 5.39633 16.3115 5.39643 16.3117 5.39643C20.8448 5.4358 23.7562 8.16198 25.8818 10.4763C26.238 10.8641 26.5631 11.2293 26.8685 11.5724C27.5375 12.3241 28.1119 12.9695 28.7118 13.5132C29.3405 14.0831 29.8184 14.3652 30.2142 14.4737C30.4257 14.5317 30.6061 14.7065 30.6061 14.9258V17.3082C30.6061 17.5275 30.4256 17.7024 30.2145 17.7615C29.8224 17.8711 29.3462 18.1551 28.7181 18.7306C28.1179 19.2805 27.543 19.9335 26.8738 20.6935C26.5685 21.0403 26.2435 21.4094 25.8876 21.8011C23.7647 24.1376 20.8518 26.8971 16.3117 26.9369C16.3115 26.9369 16.3114 26.937 16.3114 26.9371C16.3114 26.9372 16.3113 26.9373 16.3112 26.9373C16.2947 26.9373 16.2783 26.9373 16.2618 26.9372C16.2454 26.9373 16.2289 26.9373 16.2124 26.9373C16.2123 26.9373 16.2122 26.9372 16.2122 26.9371C16.2122 26.937 16.2121 26.9369 16.212 26.9369C11.6718 26.8971 8.75895 24.1376 6.63603 21.8011C6.2801 21.4094 5.95515 21.0403 5.64982 20.6935C4.98063 19.9335 4.4057 19.2805 3.80549 18.7306C3.17737 18.1551 2.70123 17.8711 2.30915 17.7615C2.09796 17.7024 1.91748 17.5275 1.91748 17.3082V14.9258ZM5.94397 16.3816C5.79335 16.2438 5.7939 16.0039 5.94515 15.8668C6.67751 15.203 7.43311 14.3545 8.1578 13.5407C8.43797 13.2261 8.71352 12.9166 8.98132 12.6251C11.0235 10.4016 13.1362 8.59171 16.2618 8.57274C19.3874 8.59171 21.5001 10.4016 23.5423 12.6251C23.8101 12.9166 24.0856 13.2261 24.3658 13.5407C25.0905 14.3545 25.8461 15.203 26.5785 15.8668C26.7297 16.0039 26.7303 16.2438 26.5796 16.3816C26.5771 16.3839 26.5746 16.3862 26.5721 16.3885C25.8401 17.0592 25.0851 17.9163 24.3605 18.7388C24.0803 19.0569 23.8046 19.3699 23.5365 19.6649C21.4916 21.9155 19.3804 23.7414 16.2618 23.7606C13.1432 23.7414 11.032 21.9155 8.98709 19.6649C8.71907 19.3699 8.44339 19.057 8.16315 18.7389C7.43858 17.9163 6.68348 17.0592 5.95147 16.3885C5.94897 16.3862 5.94647 16.3839 5.94397 16.3816Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2122 18.3009C17.4183 18.3009 18.3961 17.3232 18.3961 16.117C18.3961 14.9109 17.4183 13.9331 16.2122 13.9331C15.006 13.9331 14.0283 14.9109 14.0283 16.117C14.0283 17.3232 15.006 18.3009 16.2122 18.3009ZM16.2122 21.4775C19.1727 21.4775 21.5727 19.0775 21.5727 16.117C21.5727 13.1565 19.1727 10.7565 16.2122 10.7565C13.2516 10.7565 10.8517 13.1565 10.8517 16.117C10.8517 19.0775 13.2516 21.4775 16.2122 21.4775Z" fill="black"></path> </svg> </div> </article> <a class="cursor-none" href="https://jonasrebmann.de/projects/holly-golightly"> </a><article data-card="3" aria-label="hidden" data-active="false" data-inrange="true" data-place="center-right" data-dragging="false" class="group project-card flex flex-col data-[inrange=false]:opacity-0 data-[inrange=false]:pointer-events-none data-[inrange=false]:-z-30 aspect-[5/7] bg-gray-lightest text-black rounded-3xl w-[--aw] p-3 " data-ismoving="false"><a class="cursor-none" href="https://jonasrebmann.de/projects/holly-golightly"> <figure class="w-full mb-2"> <img width="680" height="680" src="https://jonasrebmann.de/media/pages/projects/holly-golightly/a5e89758df-1721974616/holly-new-01-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/holly-golightly/a5e89758df-1721974616/holly-new-01-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/holly-golightly/a5e89758df-1721974616/holly-new-01-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/holly-golightly/a5e89758df-1721974616/holly-new-01-680x-q80.webp 800w" alt="" class="w-full h-full object-fill rounded-xl" loading="lazy" style="object-position: "> </figure> <header class="flex justify-between text-sm"> <h3 class="font-bold text-4xl">Holly Golightly</h3> <span class="text-sm">â„–04</span> </header> </a><a href="https://jonasrebmann.de/projects/holly-golightly" class=""> </a> <footer class="flex justify-between text-xs mt-auto"> <div>Segelreise, Blog, Magazin</div> <div class="text-gray-dark">©2024</div> </footer> <div class="hidden z-50 fixed left-[--cursor-x] top-[--cursor-y] -translate-x-1/2 -translate-y-1/2 group-data-[active=true]:group-hover:block pointer-events-none size-16 p-4 bg-black text-white svg rounded-full rotate-[var(--cursor-rotation)]"> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91748 14.9258C1.91748 14.7065 2.09789 14.5317 2.30938 14.4737C2.70517 14.3652 3.18307 14.0831 3.81181 13.5132C4.41169 12.9695 4.98611 12.3241 5.6551 11.5724C5.96047 11.2294 6.2856 10.8641 6.64179 10.4763C8.7674 8.16198 11.6788 5.4358 16.212 5.39643C16.2121 5.39643 16.2122 5.39633 16.2122 5.39621C16.2122 5.39609 16.2123 5.396 16.2124 5.396C16.2289 5.396 16.2454 5.39603 16.2618 5.3961C16.2783 5.39603 16.2947 5.396 16.3112 5.396C16.3113 5.396 16.3114 5.39609 16.3114 5.39621C16.3114 5.39633 16.3115 5.39643 16.3117 5.39643C20.8448 5.4358 23.7562 8.16198 25.8818 10.4763C26.238 10.8641 26.5631 11.2293 26.8685 11.5724C27.5375 12.3241 28.1119 12.9695 28.7118 13.5132C29.3405 14.0831 29.8184 14.3652 30.2142 14.4737C30.4257 14.5317 30.6061 14.7065 30.6061 14.9258V17.3082C30.6061 17.5275 30.4256 17.7024 30.2145 17.7615C29.8224 17.8711 29.3462 18.1551 28.7181 18.7306C28.1179 19.2805 27.543 19.9335 26.8738 20.6935C26.5685 21.0403 26.2435 21.4094 25.8876 21.8011C23.7647 24.1376 20.8518 26.8971 16.3117 26.9369C16.3115 26.9369 16.3114 26.937 16.3114 26.9371C16.3114 26.9372 16.3113 26.9373 16.3112 26.9373C16.2947 26.9373 16.2783 26.9373 16.2618 26.9372C16.2454 26.9373 16.2289 26.9373 16.2124 26.9373C16.2123 26.9373 16.2122 26.9372 16.2122 26.9371C16.2122 26.937 16.2121 26.9369 16.212 26.9369C11.6718 26.8971 8.75895 24.1376 6.63603 21.8011C6.2801 21.4094 5.95515 21.0403 5.64982 20.6935C4.98063 19.9335 4.4057 19.2805 3.80549 18.7306C3.17737 18.1551 2.70123 17.8711 2.30915 17.7615C2.09796 17.7024 1.91748 17.5275 1.91748 17.3082V14.9258ZM5.94397 16.3816C5.79335 16.2438 5.7939 16.0039 5.94515 15.8668C6.67751 15.203 7.43311 14.3545 8.1578 13.5407C8.43797 13.2261 8.71352 12.9166 8.98132 12.6251C11.0235 10.4016 13.1362 8.59171 16.2618 8.57274C19.3874 8.59171 21.5001 10.4016 23.5423 12.6251C23.8101 12.9166 24.0856 13.2261 24.3658 13.5407C25.0905 14.3545 25.8461 15.203 26.5785 15.8668C26.7297 16.0039 26.7303 16.2438 26.5796 16.3816C26.5771 16.3839 26.5746 16.3862 26.5721 16.3885C25.8401 17.0592 25.0851 17.9163 24.3605 18.7388C24.0803 19.0569 23.8046 19.3699 23.5365 19.6649C21.4916 21.9155 19.3804 23.7414 16.2618 23.7606C13.1432 23.7414 11.032 21.9155 8.98709 19.6649C8.71907 19.3699 8.44339 19.057 8.16315 18.7389C7.43858 17.9163 6.68348 17.0592 5.95147 16.3885C5.94897 16.3862 5.94647 16.3839 5.94397 16.3816Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2122 18.3009C17.4183 18.3009 18.3961 17.3232 18.3961 16.117C18.3961 14.9109 17.4183 13.9331 16.2122 13.9331C15.006 13.9331 14.0283 14.9109 14.0283 16.117C14.0283 17.3232 15.006 18.3009 16.2122 18.3009ZM16.2122 21.4775C19.1727 21.4775 21.5727 19.0775 21.5727 16.117C21.5727 13.1565 19.1727 10.7565 16.2122 10.7565C13.2516 10.7565 10.8517 13.1565 10.8517 16.117C10.8517 19.0775 13.2516 21.4775 16.2122 21.4775Z" fill="black"></path> </svg> </div> </article> <a class="cursor-none" href="https://jonasrebmann.de/projects/defibrillator"> </a><article data-card="4" aria-label="hidden" data-active="false" data-inrange="true" data-place="right" data-dragging="false" class="group project-card flex flex-col data-[inrange=false]:opacity-0 data-[inrange=false]:pointer-events-none data-[inrange=false]:-z-30 aspect-[5/7] bg-gray-lightest text-black rounded-3xl w-[--aw] p-3 " data-ismoving="false"><a class="cursor-none" href="https://jonasrebmann.de/projects/defibrillator"> <figure class="w-full mb-2"> <img width="680" height="680" src="https://jonasrebmann.de/media/pages/projects/defibrillator/f5497cea2b-1722244066/defi-chapters-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/projects/defibrillator/f5497cea2b-1722244066/defi-chapters-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/projects/defibrillator/f5497cea2b-1722244066/defi-chapters-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/projects/defibrillator/f5497cea2b-1722244066/defi-chapters-680x-q80.webp 800w" alt="" class="w-full h-full object-fill rounded-xl" loading="lazy" style="object-position: "> </figure> <header class="flex justify-between text-sm"> <h3 class="font-bold text-4xl">Defibrillator</h3> <span class="text-sm">â„–05</span> </header> </a><a href="https://jonasrebmann.de/projects/defibrillator" class=""> </a> <footer class="flex justify-between text-xs mt-auto"> <div>Webdesign</div> <div class="text-gray-dark">©2024</div> </footer> <div class="hidden z-50 fixed left-[--cursor-x] top-[--cursor-y] -translate-x-1/2 -translate-y-1/2 group-data-[active=true]:group-hover:block pointer-events-none size-16 p-4 bg-black text-white svg rounded-full rotate-[var(--cursor-rotation)]"> <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91748 14.9258C1.91748 14.7065 2.09789 14.5317 2.30938 14.4737C2.70517 14.3652 3.18307 14.0831 3.81181 13.5132C4.41169 12.9695 4.98611 12.3241 5.6551 11.5724C5.96047 11.2294 6.2856 10.8641 6.64179 10.4763C8.7674 8.16198 11.6788 5.4358 16.212 5.39643C16.2121 5.39643 16.2122 5.39633 16.2122 5.39621C16.2122 5.39609 16.2123 5.396 16.2124 5.396C16.2289 5.396 16.2454 5.39603 16.2618 5.3961C16.2783 5.39603 16.2947 5.396 16.3112 5.396C16.3113 5.396 16.3114 5.39609 16.3114 5.39621C16.3114 5.39633 16.3115 5.39643 16.3117 5.39643C20.8448 5.4358 23.7562 8.16198 25.8818 10.4763C26.238 10.8641 26.5631 11.2293 26.8685 11.5724C27.5375 12.3241 28.1119 12.9695 28.7118 13.5132C29.3405 14.0831 29.8184 14.3652 30.2142 14.4737C30.4257 14.5317 30.6061 14.7065 30.6061 14.9258V17.3082C30.6061 17.5275 30.4256 17.7024 30.2145 17.7615C29.8224 17.8711 29.3462 18.1551 28.7181 18.7306C28.1179 19.2805 27.543 19.9335 26.8738 20.6935C26.5685 21.0403 26.2435 21.4094 25.8876 21.8011C23.7647 24.1376 20.8518 26.8971 16.3117 26.9369C16.3115 26.9369 16.3114 26.937 16.3114 26.9371C16.3114 26.9372 16.3113 26.9373 16.3112 26.9373C16.2947 26.9373 16.2783 26.9373 16.2618 26.9372C16.2454 26.9373 16.2289 26.9373 16.2124 26.9373C16.2123 26.9373 16.2122 26.9372 16.2122 26.9371C16.2122 26.937 16.2121 26.9369 16.212 26.9369C11.6718 26.8971 8.75895 24.1376 6.63603 21.8011C6.2801 21.4094 5.95515 21.0403 5.64982 20.6935C4.98063 19.9335 4.4057 19.2805 3.80549 18.7306C3.17737 18.1551 2.70123 17.8711 2.30915 17.7615C2.09796 17.7024 1.91748 17.5275 1.91748 17.3082V14.9258ZM5.94397 16.3816C5.79335 16.2438 5.7939 16.0039 5.94515 15.8668C6.67751 15.203 7.43311 14.3545 8.1578 13.5407C8.43797 13.2261 8.71352 12.9166 8.98132 12.6251C11.0235 10.4016 13.1362 8.59171 16.2618 8.57274C19.3874 8.59171 21.5001 10.4016 23.5423 12.6251C23.8101 12.9166 24.0856 13.2261 24.3658 13.5407C25.0905 14.3545 25.8461 15.203 26.5785 15.8668C26.7297 16.0039 26.7303 16.2438 26.5796 16.3816C26.5771 16.3839 26.5746 16.3862 26.5721 16.3885C25.8401 17.0592 25.0851 17.9163 24.3605 18.7388C24.0803 19.0569 23.8046 19.3699 23.5365 19.6649C21.4916 21.9155 19.3804 23.7414 16.2618 23.7606C13.1432 23.7414 11.032 21.9155 8.98709 19.6649C8.71907 19.3699 8.44339 19.057 8.16315 18.7389C7.43858 17.9163 6.68348 17.0592 5.95147 16.3885C5.94897 16.3862 5.94647 16.3839 5.94397 16.3816Z" fill="black"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.2122 18.3009C17.4183 18.3009 18.3961 17.3232 18.3961 16.117C18.3961 14.9109 17.4183 13.9331 16.2122 13.9331C15.006 13.9331 14.0283 14.9109 14.0283 16.117C14.0283 17.3232 15.006 18.3009 16.2122 18.3009ZM16.2122 21.4775C19.1727 21.4775 21.5727 19.0775 21.5727 16.117C21.5727 13.1565 19.1727 10.7565 16.2122 10.7565C13.2516 10.7565 10.8517 13.1565 10.8517 16.117C10.8517 19.0775 13.2516 21.4775 16.2122 21.4775Z" fill="black"></path> </svg> </div> </article> <div class="flex justify-center gap-4 mt-4 mb-12"> <button data-cardbutton="prev" class="z-50 group md:absolute md:left-0 md:w-[calc(50vw-(var(--aw)/2))] inset-y-40 cursor-none disabled:cursor-auto"> <div class="md:hidden md:fixed md:left-[--cursor-x] md:top-[--cursor-y] group-hover:block md:-translate-x-1/2 md:-translate-y-1/2 group-disabled:bg-gray-light md:group-disabled:group-hover:hidden pointer-events-none size-14 p-3 bg-black group-active:bg-gray-darker text-white group-disabled:text-gray-lighter svg rounded-full md:rotate-[var(--cursor-rotation)]"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 26L14 26L14 22L10 22L10 18L30 18L30 14L10 14L10 10L14 10L14 6L10 6L10 10L6 10L6 14L2 14L2 18L6 18L6 22L10 22L10 26Z" fill="black"></path> </svg> </div> </button> <button data-cardbutton="next" class="z-50 group md:absolute md:right-0 md:w-[calc(50vw-(var(--aw)/2))] inset-y-40 cursor-none disabled:cursor-auto"> <div class="md:hidden md:fixed md:left-[--cursor-x] md:top-[--cursor-y] group-hover:block md:-translate-x-1/2 md:-translate-y-1/2 group-disabled:bg-gray-light md:group-disabled:group-hover:hidden pointer-events-none size-14 p-3 bg-black group-active:bg-gray-darker text-white group-disabled:text-gray-lighter svg rounded-full md:rotate-[var(--cursor-rotation)]"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </button> </div> <a href="https://jonasrebmann.de/projects" class="button mx-auto flex pr-4 gap-2"> Alle Projekte <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> </div> </section> <section data-cardstack="" class="relative grid grid-cols-1 auto-rows-[1fr] gap-4 page-paddings mb-12"> <div style="--ofst-top: 0rem" data-cardstack-item="" class="sticky mx-auto bg-gray-background pb-8 top-[18vh] max-w-3xl flex flex-col gap-2 flex-1 text-base sm:text-xl md:text-2xl lg:text-3xl font-bold origin-top translate-y-[--ofst-top] scale-[--stack-item-scale]"> <div style="--color: currentColor; --bg-color: var(--color-gray-lightest)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current z-20 bg-[var(--bg-color,_transparent)] relative p-4 py-8 sm:p-8 md:p-12 lg:p-16"> <div class="absolute -top-4 left-3 display text-4xl md:text-7xl">„</div> <p>Ich bin äußerst zufrieden mit Jonas‘ Zusammenarbeit! Er kann sich sehr gut in branchenspezifische Themen reindenken und bringt hervorragende grafische Lösungen. Auch auf persönlicher Ebene verlief unsere Kooperation stets zielorientiert und mit Spaß an der Sache.</p> <div class="absolute -bottom-4 right-3 display text-4xl md:text-7xl">“</div> <img class="absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180" src="https://jonasrebmann.de/assets/visuals/hook-1.svg" alt=""> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> <header class="flex items-center gap-2 w-fit p-2 pr-4 mt-4 md:mt-2 rounded-lg"> <figure> <img width="120" height="120" src="https://jonasrebmann.de/media/pages/home/0c1e3e8038-1721974585/kara-sw-120x120-crop-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/0c1e3e8038-1721974585/kara-sw-120x120-crop-q80.webp 40w" alt="" class="size-12 md:size-16 object-cover rounded-full" loading="lazy" style="object-position: "> </figure> <div class="text-sm"> <h3 class="font-bold -mb-1">Michael Kara</h3> <div class="text-black/50 font-normal">Video- &amp; Musikproduzent</div> </div> </header> </div> <div style="--ofst-top: 1rem; --stack-item-scale: 0.9974235202412595;" data-cardstack-item="" class="sticky mx-auto bg-gray-background pb-8 top-[18vh] max-w-3xl flex flex-col gap-2 flex-1 text-base sm:text-xl md:text-2xl lg:text-3xl font-bold origin-top translate-y-[--ofst-top] scale-[--stack-item-scale]"> <div style="--color: currentColor; --bg-color: var(--color-gray-lightest)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current z-20 bg-[var(--bg-color,_transparent)] relative p-4 py-8 sm:p-8 md:p-12 lg:p-16"> <div class="absolute -top-4 left-3 display text-4xl md:text-7xl">„</div> <p>Mit meiner neuen und absolut einzigartigen Website hat Jonas mich wirklich umgehauen! Er hat es innerhalb kürzester Zeit geschafft, die Essenz meiner Person und meiner Arbeit zu erfassen und diese in ein wunderbares Design und eine klare Struktur umzusetzen. Seine technischen Skills sind top und mir hat die Arbeit mit Jonas zu jeder Zeit viel Spaß gemacht!</p> <div class="absolute -bottom-4 right-3 display text-4xl md:text-7xl">“</div> <img class="absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180" src="https://jonasrebmann.de/assets/visuals/hook-1.svg" alt=""> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> <header class="flex items-center gap-2 w-fit p-2 pr-4 mt-4 md:mt-2 rounded-lg"> <figure> <img width="120" height="120" src="https://jonasrebmann.de/media/pages/home/227bc034e8-1721974586/kunkis-portrait-2-120x120-crop-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/227bc034e8-1721974586/kunkis-portrait-2-120x120-crop-q80.webp 40w" alt="" class="size-12 md:size-16 object-cover rounded-full" loading="lazy" style="object-position: "> </figure> <div class="text-sm"> <h3 class="font-bold -mb-1">Marius Kunkis</h3> <div class="text-black/50 font-normal">Engineer-Coach</div> </div> </header> </div> <div style="--ofst-top: 2rem; --stack-item-scale: 0.9948470404825189;" data-cardstack-item="" class="sticky mx-auto bg-gray-background pb-8 top-[18vh] max-w-3xl flex flex-col gap-2 flex-1 text-base sm:text-xl md:text-2xl lg:text-3xl font-bold origin-top translate-y-[--ofst-top] scale-[--stack-item-scale]"> <div style="--color: currentColor; --bg-color: var(--color-gray-lightest)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current z-20 bg-[var(--bg-color,_transparent)] relative p-4 py-8 sm:p-8 md:p-12 lg:p-16"> <div class="absolute -top-4 left-3 display text-4xl md:text-7xl">„</div> <p>Ich arbeite schon seit mehreren Jahren mit Jonas zusammen und es ist immer wieder eine Freude! Seine Kirby-Websites haben immer eine einzigartige Gestaltung und coole Gimmicks, was die Seiten wirklich besonders macht. Hinter jeder Designentscheidung stecken Stunden an Arbeit und das merkt man am Ergebnis. Guter Prozess, toller Austausch, fantastisches Endprodukt.</p> <div class="absolute -bottom-4 right-3 display text-4xl md:text-7xl">“</div> <img class="absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180" src="https://jonasrebmann.de/assets/visuals/hook-1.svg" alt=""> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> <header class="flex items-center gap-2 w-fit p-2 pr-4 mt-4 md:mt-2 rounded-lg"> <figure> <img width="120" height="120" src="https://jonasrebmann.de/media/pages/home/bb03bf896a-1721974587/rene-foto-120x120-crop-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/bb03bf896a-1721974587/rene-foto-120x120-crop-q80.webp 40w" alt="" class="size-12 md:size-16 object-cover rounded-full" loading="lazy" style="object-position: "> </figure> <div class="text-sm"> <h3 class="font-bold -mb-1">René Henrich</h3> <div class="text-black/50 font-normal">Webentwickler</div> </div> </header> </div> <div style="--ofst-top: 3rem; --stack-item-scale: 0.992270585297957;" data-cardstack-item="" class="sticky mx-auto bg-gray-background pb-8 top-[18vh] max-w-3xl flex flex-col gap-2 flex-1 text-base sm:text-xl md:text-2xl lg:text-3xl font-bold origin-top translate-y-[--ofst-top] scale-[--stack-item-scale]"> <div style="--color: currentColor; --bg-color: var(--color-gray-lightest)" class="flex relative w-fit h-fit"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current z-20 bg-[var(--bg-color,_transparent)] relative p-4 py-8 sm:p-8 md:p-12 lg:p-16"> <div class="absolute -top-4 left-3 display text-4xl md:text-7xl">„</div> <p>Der erste Webauftritt und gar keinen Schimmer - doch zum Glück war Jonas zur Stelle. Er verstand unsere Bedürfnisse und führte uns durch den gesamten Prozess der Website-Erstellung. Mit unseren und seinen kreativen Ideen sowie seinem technischen Know-how konnten wir eine optisch ansprechende, funktionale und benutzerfreundliche Webseite releasen. Zeitlos und einfach perfekt für uns. Danke!</p> <div class="absolute -bottom-4 right-3 display text-4xl md:text-7xl">“</div> <img class="absolute top-[calc(100%-4px)] left-6 md:left-9 rotate-180" src="https://jonasrebmann.de/assets/visuals/hook-1.svg" alt=""> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> <header class="flex items-center gap-2 w-fit p-2 pr-4 mt-4 md:mt-2 rounded-lg"> <figure> <img width="120" height="120" src="https://jonasrebmann.de/media/pages/home/f5e876b4ed-1722939989/cajo-rund-120x120-crop-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/f5e876b4ed-1722939989/cajo-rund-120x120-crop-q80.webp 40w" alt="" class="size-12 md:size-16 object-cover rounded-full" loading="lazy" style="object-position: "> </figure> <div class="text-sm"> <h3 class="font-bold -mb-1">cajo Design</h3> <div class="text-black/50 font-normal">Studio für Objekt und Raum</div> </div> </header> </div> </section> <section class=""> <!-- <header class="page-paddings mb-16"> <h2 class="h0 text-balance">Auf einer Website hat man viel Platz. Also hier noch mehr über meine Arbeit:</h2> </header> --> <section class="box-paddings rounded-xl bg-black text-white py-6 md:py-16 flex flex-col mb-16"> <div class="flex justify-between items-end mb-8"> <div class=""> <h3 style="--color: currentColor; --bg-color: " class="h-fit relative w-fit flex text-[var(--color)] text-sm mb-6"> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] ml-auto bg-current"></div> </div> <div class="border-y-[4px] px-2.5 py-0.5 border-current font-bold"> <div class="h-[1lh]"> Kirby &amp; Entwicklung </div> </div> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </h3> <h2 class="h2 max-w-2xl text-balance"> Echte Webentwicklung, damit du eine echte Website hast </h2> </div> <!-- <div class="text-base max-w-md text-gray mb-[1lh]"> <p>Kennst du WordPress oder Elementor? Vergiss sie jetzt ganz schnell, denn meine Websites sind handgemacht. Kein Editor oder Theme, sondern individuell entwickelter Code auf Basis des flexiblen Content Management Systems Kirby CMS. Damit kannst du Inhalte ganz easy bearbeiten, während ich alles umsetze, was ich mir vorstellen kann.</p> </div> --> </div> <div class="flex flex-col xl:flex-row gap-8 mb-16 text-base md:text-lg xl:text-base 2xl:text-xl"> <figure class="rounded-md overflow-hidden flex-1 h-fit"> <img width="1024" height="653" src="https://jonasrebmann.de/media/pages/home/e37dc68204-1721974581/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/e37dc68204-1721974581/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/e37dc68204-1721974581/bildschirmfoto-2024-07-11-um-11.56.34-300x-q80.webp 800w, https://jonasrebmann.de/media/pages/home/e37dc68204-1721974581/bildschirmfoto-2024-07-11-um-11.56.34-1024x-q80.webp 1024w" alt="" class="object-cover h-full w-full" loading="lazy" style="object-position: "> </figure> <div class="flex-2 grid grid-cols-1 sm:grid-cols-2 gap-8"> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Content selbst bearbeiten </h3> <div class="text-gray">Durch die Entwicklung mit Kirby kannst du Bilder und Texte ganz einfach selbst&nbsp;anpassen.</div> </div> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Auf dich zugeschnitten </h3> <div class="text-gray">Meine Websites werden maßgeschneidert für dich entwickelt. Alles passt sich deinem Bedarf an und bietet nur die Optionen, die du wirklich&nbsp;brauchst.</div> </div> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Unabhängig beim Design </h3> <div class="text-gray">Mit selbst programmierten Websites sind der Kreativität keine Grenzen gesetzt! Es gibt keine Einschränkungen durch Themes oder&nbsp;Editoren.</div> </div> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Flexible SEO </h3> <div class="text-gray">Ich habe volle Kontrolle über alle wichtigen SEO-Aspekte, um deine Seite bei Google sichtbarer zu&nbsp;machen.</div> </div> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Spitzen Perfomance </h3> <div class="text-gray">Kirby verwendet keine Datenbank sondern eine Ordnerstruktur. Das macht deine Website&nbsp;pfeilschnell.</div> </div> <div class=""> <h3 class="font-bold flex gap-0.5 items-center"> <div class="svg w-5"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M26.0959 7.67261L13.0409 25.5606L5.90723 15.5945L8.34669 13.8483L13.0645 20.4393L23.6727 5.90405L26.0959 7.67261Z" fill="black"></path> </svg> </div> Kein Abo </h3> <div class="text-gray">Eine Kirby-Lizenz kostet einmalig 100 € und umfasst 3 Jahre Updates – ohne monatliche&nbsp;Kosten!</div> </div> </div> </div> <a href="https://jonasrebmann.de/concepts/entwicklung-und-kirby" class="ml-auto button-small"> Mehr zur Entwicklung und Kirby <span class="ml-2 inline-block">→</span> </a> </section> </section> <section data-section-id="faq" class="overflow-hidden"> <div class="relative z-0 page-margins flex flex-col sm:flex-row items-center justify-center sm:bg-gradient-to-b from-50% from-gray-background to-gray-lighter pt-8 sm:pt-32"> <div id="faq-filter" class="filter-container relative max-sm:order-3 text-lg sm:max-w-md md:max-w-sm sm:rotate-3 sm:-mr-8 -z-10"> <h2 class="absolute -top-4 left-1/2 -translate-y-full -translate-x-1/2 rotate-3 text-center flex gap-8 items-center"> <img class="w-16 md:w-24" src="https://jonasrebmann.de/assets/visuals/pixels/block.png" alt="FAQ"> </h2><h3 style="--color: currentColor; --bg-color: var(--color-gray-background)" class="mx-auto h-fit relative w-fit flex text-[var(--color)] text-sm mb-6"> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] ml-auto bg-current"></div> </div> <div class="border-y-[4px] px-2.5 py-0.5 border-current font-bold"> <div class="h-[1lh]"> FAQ </div> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-1]"></div> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </h3> <div class="relative z-10 flex mb-4 bg-gray-lighter w-fit mx-auto p-1 rounded-full"> <a data-fltr-selector="design" data-fltr-active="true" href="#design" class="flex items-center text-sm py-1 px-4 rounded-full text-center"> Design </a> <a data-fltr-selector="dev" data-fltr-active="false" href="#dev" class="flex items-center text-sm py-1 px-4 rounded-full text-center"> Entwicklung </a> <a data-fltr-selector="pricing" data-fltr-active="false" href="#pricing" class="flex items-center text-sm py-1 px-4 rounded-full text-center"> Preis &amp; Prozess </a> <div data-fltr-marker="" class="absolute top-1 left-[--marker-x] w-[--marker-w] inset-y-1 bg-yellow rounded-full transition-all duration-300 -z-10" style="--marker-w: 122px; --marker-x: 6px;"></div> </div> <div class="grid"> <ul data-fltr-value="design" data-fltr-visible="true" role="list" class="accordion data-[fltr-visible=false]:opacity-0 data-[fltr-visible=false]:pointer-events-none data-[fltr-visible=true]:translate-x-0 odd:translate-x-6 even:-translate-x-6 transition-all duration-500 row-start-1 col-start-1"> <li data-index="0" data-open="true" aria-expanded="true" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Was+genau+machst+du%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Was genau machst du? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Was+genau+machst+du%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Als Webdesigner nehme ich das Wort „Design“ ernst. Ich erstelle Websites, die durchdacht sind in ihrer Funktionalität und bei der Nutzung Spaß machen. Und wenn User Spaß an einer Website haben, beschäftigen sie sich auch intensiver mit den Inhalten – und das ist besonders vorteilhaft, wenn es sich um dein Website handelt.</p> </div> </div> </li> <li data-index="1" data-open="false" aria-expanded="false" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Was+bringt+mir+das%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Was bringt mir das? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Was+bringt+mir+das%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Websites, die im Gedächtnis bleiben, fördern nicht nur eine einmalige Interaktion, sondern hinterlassen einen bleibenden Eindruck. Und das sollte genau dein Ziel sein, denn ein einmaliger Besuch führt nicht immer sofort zum gewünschten Ergebnis. Wenn jedoch Besucher<span class="genderstar" aria-hidden="true">*</span><span aria-hidden="true">in</span><span hidden="" class="hidden">In</span>nen immer wieder zurückkehren, weil sie sich an dich und deinen Online-Auftritt erinnern, erreichst du die perfekte Kundenbindung.</p> </div> </div> </li> </ul> <ul data-fltr-value="dev" data-fltr-visible="false" role="list" class="accordion data-[fltr-visible=false]:opacity-0 data-[fltr-visible=false]:pointer-events-none data-[fltr-visible=true]:translate-x-0 odd:translate-x-6 even:-translate-x-6 transition-all duration-500 row-start-1 col-start-1"> <li data-index="0" data-open="true" aria-expanded="true" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Wie+setzt+du+deine+Seiten+um%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Wie setzt du deine Seiten um? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Wie+setzt+du+deine+Seiten+um%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Als Designer habe ich mir das Programmieren selbst beigebracht, um die vollständige Kontrolle über die Umsetzung meiner Ideen zu behalten und zu verstehen, welche Möglichkeiten es im Internet für Gestaltung gibt (Spoiler: Unzählige!). Statt einfach etwas in einem Editor zusammenzuschrauben oder ein vorgefertigtes WordPress-Theme zu verwenden, programmiere ich deine Website individuell. Richtig mit Programmiersprachen! Fancy, oder?</p> </div> </div> </li> <li data-index="1" data-open="false" aria-expanded="false" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Kann+ich+dann+hinterher+noch+was+anpassen%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Kann ich dann hinterher noch was anpassen? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Kann+ich+dann+hinterher+noch+was+anpassen%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Aber hallo! Wenn dir ein Text oder Bild nicht mehr gefällt, kannst du es ganz einfach im Panel austauschen. Dafür sorgt Kirby, ein flexibles CMS, das ich für (fast) alle meine Websites nutze. Mit Kirby baue ich dir ein maßgeschneidertes User-Panel, in dem du deine Seite super easy anpassen und verwalten kannst. Keine verwirrenden Optionen, die du nicht brauchst – nur du und dein Content.</p> </div> </div> </li> <li data-index="2" data-open="false" aria-expanded="false" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Ich+habe+schon+ein+Design%2C+setzt+du+es+um%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Ich habe schon ein Design, setzt du es um? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Ich+habe+schon+ein+Design%2C+setzt+du+es+um%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Ab und an übernehme ich auch reine Entwicklungsaufgaben, wobei ich ausschließlich mit Kirby arbeite. Wenn du jemanden suchst, der deine Website sauber und mit dem Blick eines Designers in einem modernen CMS umsetzt, könnte ich genau der Richtige für dich sein.</p> </div> </div> </li> </ul> <ul data-fltr-value="pricing" data-fltr-visible="false" role="list" class="accordion data-[fltr-visible=false]:opacity-0 data-[fltr-visible=false]:pointer-events-none data-[fltr-visible=true]:translate-x-0 odd:translate-x-6 even:-translate-x-6 transition-all duration-500 row-start-1 col-start-1"> <li data-index="0" data-open="true" aria-expanded="true" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Wie+l%C3%A4uft+das+dann+ab%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Wie läuft das dann ab? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Wie+l%C3%A4uft+das+dann+ab%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Du erzählst mir, was du brauchst, ich stelle viele Fragen und mache mir ein erstes Bild. Sobald wir bereit sind, starten wir mit einem persönlichen Workshop, in dem wir gemeinsam deine Anforderungen an die neue Website erarbeiten. Anschließend beginne ich mit der Recherche und den Entwürfen und eenn alles passt, geht es in die Umsetzung. Dabei wird das Konzept kontinuierlich verfeinert und ausgebaut, bis wir eine Website haben, die dich wirklich voranbringt und deine Kund<span class="genderstar" aria-hidden="true">*</span><span aria-hidden="true">in</span><span hidden="" class="hidden">In</span>nen aus den Socken hauen wird.</p> </div> </div> </li> <li data-index="1" data-open="false" aria-expanded="false" class="accordion-item group mb-2 p-4 md:p-6 rounded-xl bg-gray-lighter md:border border-gray-background data-[open=false]:cursor-pointer"> <h3 class="font-bold flex justify-between items-center group-data-[open=true]:mb-4 transition-all ease-linear duration-300"> <button id="button-Wie+viel+kostet+der+Spa%C3%9F%3F" class="text-left group-data-[open=true]:cursor-default text-lg sm:text-base"> Wie viel kostet der Spaß? </button> <div class="bg-gray-background flex-[0_0_theme(spacing.8)] aspect-square p-1.5 flex justify-center items-center group-data-[open=true]:scale-[0.25] group-data-[open=true]:bg-black transition-all duration-300 rounded-full"> <div class="svg w-full text-black group-data-[open=true]:scale-0 group-data-[open=true]:rotate-180 transition-transform duration-300"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.1192 29.5H13.0173V18.8137H2V13.3H13.0173V2.5H19.1192V13.3H30.08V18.8137H19.1192V29.5Z" fill="black"></path> </svg> </div> </div> </h3> <div aria-labelledby="button-Wie+viel+kostet+der+Spa%C3%9F%3F" class="grid overflow-hidden grid-rows-[0fr] group-data-[open=true]:grid-rows-[1fr] transition-[grid-template-rows] ease-linear duration-300 text-lg sm:text-base"> <div class="min-h-0"> <p>Die Kosten hängen stark von der Größe und Komplexität des Projekts ab. Mein Mindestpreis liegt derzeit bei 4.000&nbsp;€. Ein Projekt wie diese Website würde etwa 15.000&nbsp;€ kosten, aber hey, sie hat ein Moorhuhn-Spiel! Für kleinere Services berechne ich 580&nbsp;€ pro Tag.</p> </div> </div> </li> </ul> </div> </div> <figure class="max-sm:order-2 mt-auto sm:max-w-lg z-20 -mb-32 sm:mb-0 sm:-mr-16 md:-mr-40 lg:mr-0 max-sm:-z-30"> <img width="1024" height="1334" src="https://jonasrebmann.de/media/pages/home/f2fa0755e7-1721974585/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/f2fa0755e7-1721974585/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/f2fa0755e7-1721974585/jonas-fotor-hintergrundentferner-kopie-300x-q80.webp 800w, https://jonasrebmann.de/media/pages/home/f2fa0755e7-1721974585/jonas-fotor-hintergrundentferner-kopie-1024x-q80.webp 1024w" alt="" class="" loading="lazy" style="object-position: "> </figure> </div> </section> <section data-magiconscroll="1.2,-0.2" class="grid items-center justify-center relative py-8 md:py-32 page-paddings" data-scrolled="false" data-triggered="false" data-inprogress="false" style="--percentage: 0; --percentage--eased: 0;"> <div class="flex flex-col-reverse md:flex-row gap-6 items-center justify-center"> <div class="text-xl md:text-2xl xl:text-3xl 2xl:text-4xl md:max-w-[25rem] xl:max-w-[33rem] 2xl:max-w-[37rem] [&amp;_img]:size-[0.9lh] [&amp;_img]:-mt-[4%] [&amp;_img]:-mb-[1%] [&amp;_img]:ml-0.5 [&amp;_img]:mr-0.5 font-bold"> <h3 style="--color: currentColor; --bg-color: " class="h-fit relative w-fit flex text-[var(--color)] text-sm mb-6"> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] ml-auto bg-current"></div> </div> <div class="border-y-[4px] px-2.5 py-0.5 border-current font-bold"> <div class="h-[1lh]"> Einblicke </div> </div> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </h3> Schau dir meine kleinen Projekte <a target="_blank" href="https://bremen.design" class="group whitespace-nowrap inline-block"><img src="https://jonasrebmann.de/media/site/4601826f85-1721974623/bremen_design-80x.png" class="inline-block"><span class="inline-block relative underline [text-decoration-color:transparent] hover:[text-decoration-color:_currentColor] underline-offset-[0.2lh] hover:underline-offset-[0.1lh] transition-all after:duration-300">bremen.design</span></a>, <a target="_blank" href="https://atelierhund.de" class="group whitespace-nowrap inline-block"><img src="https://jonasrebmann.de/media/site/7030350a48-1721974623/atelier_hund-80x.png" class="inline-block"><span class="inline-block relative underline [text-decoration-color:transparent] hover:[text-decoration-color:_currentColor] underline-offset-[0.2lh] hover:underline-offset-[0.1lh] transition-all after:duration-300">Atelier Hund</span></a> und <a target="_blank" href="https://fontnote.com" class="group whitespace-nowrap inline-block"><img src="https://jonasrebmann.de/media/site/5ccdf5cb54-1721974625/fontnote-80x.png" class="inline-block"><span class="inline-block relative underline [text-decoration-color:transparent] hover:[text-decoration-color:_currentColor] underline-offset-[0.2lh] hover:underline-offset-[0.1lh] transition-all after:duration-300">FontNote</span></a> an, oder folge mir auf <a target="_blank" href="https://instagram.com/jonas_rebmann" class="group whitespace-nowrap inline-block"><img src="https://jonasrebmann.de/media/site/0be8ddef8d-1721974625/insta-80x.png" class="inline-block"><span class="inline-block relative underline [text-decoration-color:transparent] hover:[text-decoration-color:_currentColor] underline-offset-[0.2lh] hover:underline-offset-[0.1lh] transition-all after:duration-300">Instagram</span></a> und <a target="_blank" href="https://www.linkedin.com/in/jonas-rebmann-a389a31b7/" class="group whitespace-nowrap inline-block"><img src="https://jonasrebmann.de/media/site/2c200f38b9-1721974626/linkedin-80x.png" class="inline-block"><span class="inline-block relative underline [text-decoration-color:transparent] hover:[text-decoration-color:_currentColor] underline-offset-[0.2lh] hover:underline-offset-[0.1lh] transition-all after:duration-300">LinkedIn</span></a>. </div> <div data-card-autoplay="3000" data-cardchanger="" class="relative grid w-full grid-cols-1 md:rotate-[calc(var(--percentage--eased)*6deg)] md:translate-x-[calc((1-var(--percentage--eased))*(var(--spacing-16)*-1))]"> <div data-card="0" aria-label="hidden" data-active="false" data-inrange="false" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="true" data-place="left"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/d1346b555a-1721974587/unser-cooler-imac-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/d1346b555a-1721974587/unser-cooler-imac-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/d1346b555a-1721974587/unser-cooler-imac-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/d1346b555a-1721974587/unser-cooler-imac-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="1" aria-label="visible" data-active="false" data-inrange="false" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="true" data-place="left"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/93f5109354-1721974586/kirby-und-atelier-hund-sticker-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/93f5109354-1721974586/kirby-und-atelier-hund-sticker-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/93f5109354-1721974586/kirby-und-atelier-hund-sticker-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/93f5109354-1721974586/kirby-und-atelier-hund-sticker-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="2" aria-label="hidden" data-active="false" data-inrange="true" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="true" data-place="left"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/0a0b38a2b0-1721974582/fotoshhot-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/0a0b38a2b0-1721974582/fotoshhot-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/0a0b38a2b0-1721974582/fotoshhot-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/0a0b38a2b0-1721974582/fotoshhot-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="3" aria-label="hidden" data-active="false" data-inrange="true" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="false" data-place="center-left"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/b33b6c0e76-1721974582/designtreff-27-vorbereitungen-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/b33b6c0e76-1721974582/designtreff-27-vorbereitungen-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/b33b6c0e76-1721974582/designtreff-27-vorbereitungen-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/b33b6c0e76-1721974582/designtreff-27-vorbereitungen-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden" style="--timer-duration: 3000ms;"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="4" aria-label="hidden" data-active="true" data-inrange="true" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="false" data-place="center"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/fa9d03a831-1721974581/arbeiten_im_cafe-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/fa9d03a831-1721974581/arbeiten_im_cafe-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/fa9d03a831-1721974581/arbeiten_im_cafe-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/fa9d03a831-1721974581/arbeiten_im_cafe-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden active" style="--timer-duration: 3000ms;"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="5" aria-label="hidden" data-active="false" data-inrange="true" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="true" data-place="center-right"> <figure class="h-full"> <img width="680" height="1209" src="https://jonasrebmann.de/media/pages/home/0698644e3f-1721974583/img_6844-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/0698644e3f-1721974583/img_6844-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/0698644e3f-1721974583/img_6844-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/0698644e3f-1721974583/img_6844-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <div data-card="6" aria-label="hidden" data-active="false" data-inrange="true" data-side="left" class="relative col-[1_/_span_1] row-[1_/_span_1] transition-all duration-300 ease-in-out shadow-lg data-[active=false]:opacity-0 data-[active=false]:pointer-events-none aspect-[9/16] rounded-xl w-full md:max-w-64 overflow-hidden" data-ismoving="true" data-place="right"> <figure class="h-full"> <img width="680" height="907" src="https://jonasrebmann.de/media/pages/home/26da68e998-1721974583/img_0365-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/home/26da68e998-1721974583/img_0365-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/home/26da68e998-1721974583/img_0365-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/home/26da68e998-1721974583/img_0365-680x-q80.webp 800w" alt="" class="w-full h-full object-cover shadow-lg" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-x-0 top-0 p-3 pb-6 bg-gradient-to-b from-black/40 to-black/0 flex gap-1"> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="true" class=" relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> <div data-filled="false" class="card-timer relative w-32 h-1 bg-gray-darker data-[filled=true]:bg-white text-white rounded-full overflow-hidden"> </div> </div> </div> <button data-cardbutton="prev" class="group absolute left-0 w-16 inset-y-0 z-10 cursor-pointer disabled:cursor-default"> </button> <button data-cardbutton="next" class="group absolute right-0 w-16 inset-y-0 z-10 cursor-pointer disabled:cursor-default"> </button> </div> </div> </section> <section class="relative justify-between page-margins pt-16 mb-16"> <header class="page-paddings"> <h3 style="--color: currentColor; --bg-color: " class="md:mx-auto h-fit relative w-fit flex text-[var(--color)] text-sm mb-6"> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] ml-auto bg-current"></div> </div> <div class="border-y-[4px] px-2.5 py-0.5 border-current font-bold"> <div class="h-[1lh]"> Journal </div> </div> <div class="w-[8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </h3> </header> <div class="grid grid-cols-1 max-w-lg mx-auto"> <div data-fltr-value="chirp" data-fltr-visible="true" data-small="true" data-label="chirp" style="--cat-color: #00B2FF" id="chirp-nr-0" class="group relative overflow-hidden target:shadow-md target:bg-gray-lightest rounded-xl border border-gray-lighter text-gray-darker grid grid-rows-[1fr] data-[fltr-visible=false]:grid-rows-[0fr] data-[fltr-visible=false]:opacity-0 mb-1 data-[fltr-visible=false]:-mb-1 data-[fltr-visible=false]:pointer-events-none transition-all duration-300 "> <div class="min-h-0"> <div class="p-4 pb-4 group-data-[small=true]:px-6 group-data-[small=false]:pl-10 md:group-data-[small=false]:pl-16 text-sm md:text-xl"> <header class="flex gap-1 items-center mb-1"> <div class="text-xs text-black">Chirp</div> <div class="size-[4px] bg-gray-medium rounded-xl"></div> <time class="text-xs text-gray-medium"> 10.08.2024 </time> </header> <p>Das war DesignTreff â„–35 × Lonely Planet Girl! Ich fand die Räumlichkeiten direkt am Sielwall super cool und die Ausstattung ist für Workshops genauso perfekt wie für Partys. Wir haben viele neue Kontakte geknüpft und über coole Projekte gesprochen, es war wirklich klasse!</p> <figure class="mt-2"> <img width="680" height="475" src="https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/journal/4d4b2d9d07-1723207567/img_2666-680x-q80.webp 800w" alt="" class="w-full h-auto rounded-md" loading="lazy" style="object-position: "> </figure> <footer class="relative flex items-center justify-between mt-4 text-gray"> <a data-likes="3" href="https://jonasrebmann.de/like/chirp-nr-0" class="svg block w-4 hover:text-gray-dark active:text-black data-[liked=true]:text-red-dark after:content-[attr(data-likes)] after:text-xs after:absolute after:left-5 after:top-0 data-[likes='0']:after:hidden after:text-gray"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8711 6.20532C15.2903 7.11828 16 8.21668 16 8.21668C16 8.21668 16.7096 7.11822 18.1287 6.20514C19.1379 5.55575 20.5061 5.00014 22.233 5.00014C24.2205 5.00062 28 6.65024 28 11.1239C28 19.0143 18 27.0001 16 27.0001C14 27.0001 4 19.0143 4 11.1239C4 6.65073 7.77953 5.00062 9.76696 5.00062C11.4938 5.00062 12.8619 5.55609 13.8711 6.20532Z" fill="black"></path> </svg> </a> <a href="mailto:[email protected]?subject=RE Journal: chirp-nr-0" class="svg block w-4 hover:text-gray-dark active:text-black"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 5.5C12.8217 5.5 9.7107 6.07574 7.3574 7.73517C4.91241 9.45925 3.5 12.1997 3.5 16C3.5 18.9887 4.37261 21.3353 5.96062 23.0473C5.68144 23.5789 5.20397 24.1963 4.43585 24.8932C3.9042 25.3755 3.73985 26.0978 3.94055 26.7247C4.14874 27.3749 4.75061 27.9015 5.54038 27.9234C6.23612 27.9427 7.42188 27.9183 8.71342 27.6291C9.7769 27.391 10.9888 26.9562 12.0558 26.1527C13.314 26.3952 14.6436 26.5 16 26.5C19.1782 26.5 22.2893 25.9243 24.6426 24.2649C27.0876 22.5408 28.5 19.8003 28.5 16C28.5 12.1997 27.0876 9.45925 24.6426 7.73517C22.2893 6.07574 19.1782 5.5 16 5.5Z" fill="black"></path> </svg> </a> <button data-share-url="https://jonasrebmann.de/journal/chirp-0" data-share-title="" data-share-message="Der Link zum Beitrag wurde in die Zwischenablage kopiert" class="svg block w-4 hover:text-gray-dark active:text-black cursor-pointer"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.8631 14.5H22.4342C22.0348 14.5 21.7966 14.9451 22.0182 15.2774L25.0839 19.876C25.2818 20.1729 25.718 20.1729 25.916 19.876L28.9817 15.2774C29.2032 14.9451 28.965 14.5 28.5657 14.5H26.8972C26.7965 13.7681 26.6216 13.0438 26.3726 12.3383C25.5142 9.9067 23.8288 7.85394 21.6108 6.53861C19.3928 5.22328 16.7832 4.72899 14.2378 5.14208C12.1878 5.47478 10.2843 6.37903 8.73919 7.73672C8.1179 8.28264 8.19169 9.23758 8.81687 9.77903C9.44205 10.3205 10.3809 10.239 11.0291 9.7254C12.0933 8.88238 13.3614 8.31854 14.7176 8.09844C16.5699 7.79782 18.469 8.15753 20.0831 9.11473C21.6972 10.0719 22.9237 11.5658 23.5484 13.3353C23.6831 13.7171 23.788 14.1064 23.8631 14.5Z" fill="black"></path> <path d="M5.62728 19.6617C5.37824 18.9563 5.2034 18.2319 5.10267 17.5H3.43419C3.03484 17.5 2.79665 17.055 3.01817 16.7227L6.08391 12.1241C6.28182 11.8272 6.71805 11.8272 6.91596 12.1241L9.9817 16.7227C10.2032 17.055 9.96502 17.5 9.56567 17.5H8.13674C8.21182 17.8936 8.31673 18.283 8.4515 18.6647C9.07618 20.4343 10.3027 21.9281 11.9168 22.8853C13.5309 23.8425 15.4299 24.2022 17.2823 23.9016C18.6385 23.6815 19.9066 23.1177 20.9707 22.2746C21.619 21.7611 22.5578 21.6796 23.183 22.221C23.8082 22.7625 23.882 23.7174 23.2607 24.2633C21.7155 25.621 19.8121 26.5253 17.7621 26.858C15.2167 27.2711 12.6071 26.7768 10.3891 25.4614C8.17108 24.1461 6.48568 22.0933 5.62728 19.6617Z" fill="black"></path> </svg> </button> <div class="hidden md:block w-4"></div> </footer> </div> </div> </div> <div data-fltr-value="chirp" data-fltr-visible="true" data-small="true" data-label="chirp" style="--cat-color: #00B2FF" id="chirp-nr-1" class="group relative overflow-hidden target:shadow-md target:bg-gray-lightest rounded-xl border border-gray-lighter text-gray-darker grid grid-rows-[1fr] data-[fltr-visible=false]:grid-rows-[0fr] data-[fltr-visible=false]:opacity-0 mb-1 data-[fltr-visible=false]:-mb-1 data-[fltr-visible=false]:pointer-events-none transition-all duration-300 "> <div class="min-h-0"> <div class="p-4 pb-4 group-data-[small=true]:px-6 group-data-[small=false]:pl-10 md:group-data-[small=false]:pl-16 text-sm md:text-xl"> <header class="flex gap-1 items-center mb-1"> <div class="text-xs text-black">Chirp</div> <div class="size-[4px] bg-gray-medium rounded-xl"></div> <time class="text-xs text-gray-medium"> 07.08.2024 </time> </header> <p>Alle zwei Wochen veranstalte ich in Bremen den DesignTreff für alle kreativen Köpfe in der Stadt. Dieses mal treffen wir uns in den Räumen von Lonely Planet Girl, und ich freu mich schon sehr drauf! Mehr Infos immer auf bremen.design!</p> <a href="https://bremen.design/event/designtreff-35-lonely-planet-girl" class="block mt-4 bg-gray-lightest rounded-xl border border-gray-light overflow-hidden hover:border-gray hover:shadow-md transition-all"> <figure class="border-b border-gray-light"> <img width="680" height="405" src="https://jonasrebmann.de/media/pages/journal/0496af99f4-1722944919/designtreff-35-landscape-2-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/journal/0496af99f4-1722944919/designtreff-35-landscape-2-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/journal/0496af99f4-1722944919/designtreff-35-landscape-2-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/journal/0496af99f4-1722944919/designtreff-35-landscape-2-680x-q80.webp 800w" alt="" class="w-full h-auto" loading="lazy" style="object-position: "> </figure> <div class="p-4 pt-3"> <h3 class="font-bold">DesignTreff â„–35 × Lonely Planet Girl</h3> <div class="text-xs text-gray-medium">www.bremen.design/event/designtreff-35-lonely-planet-girl</div> </div> </a> <footer class="relative flex items-center justify-between mt-4 text-gray"> <a data-likes="13" href="https://jonasrebmann.de/like/chirp-nr-1" class="svg block w-4 hover:text-gray-dark active:text-black data-[liked=true]:text-red-dark after:content-[attr(data-likes)] after:text-xs after:absolute after:left-5 after:top-0 data-[likes='0']:after:hidden after:text-gray"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8711 6.20532C15.2903 7.11828 16 8.21668 16 8.21668C16 8.21668 16.7096 7.11822 18.1287 6.20514C19.1379 5.55575 20.5061 5.00014 22.233 5.00014C24.2205 5.00062 28 6.65024 28 11.1239C28 19.0143 18 27.0001 16 27.0001C14 27.0001 4 19.0143 4 11.1239C4 6.65073 7.77953 5.00062 9.76696 5.00062C11.4938 5.00062 12.8619 5.55609 13.8711 6.20532Z" fill="black"></path> </svg> </a> <a href="mailto:[email protected]?subject=RE Journal: chirp-nr-1" class="svg block w-4 hover:text-gray-dark active:text-black"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 5.5C12.8217 5.5 9.7107 6.07574 7.3574 7.73517C4.91241 9.45925 3.5 12.1997 3.5 16C3.5 18.9887 4.37261 21.3353 5.96062 23.0473C5.68144 23.5789 5.20397 24.1963 4.43585 24.8932C3.9042 25.3755 3.73985 26.0978 3.94055 26.7247C4.14874 27.3749 4.75061 27.9015 5.54038 27.9234C6.23612 27.9427 7.42188 27.9183 8.71342 27.6291C9.7769 27.391 10.9888 26.9562 12.0558 26.1527C13.314 26.3952 14.6436 26.5 16 26.5C19.1782 26.5 22.2893 25.9243 24.6426 24.2649C27.0876 22.5408 28.5 19.8003 28.5 16C28.5 12.1997 27.0876 9.45925 24.6426 7.73517C22.2893 6.07574 19.1782 5.5 16 5.5Z" fill="black"></path> </svg> </a> <button data-share-url="https://jonasrebmann.de/journal/chirp-1" data-share-title="" data-share-message="Der Link zum Beitrag wurde in die Zwischenablage kopiert" class="svg block w-4 hover:text-gray-dark active:text-black cursor-pointer"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.8631 14.5H22.4342C22.0348 14.5 21.7966 14.9451 22.0182 15.2774L25.0839 19.876C25.2818 20.1729 25.718 20.1729 25.916 19.876L28.9817 15.2774C29.2032 14.9451 28.965 14.5 28.5657 14.5H26.8972C26.7965 13.7681 26.6216 13.0438 26.3726 12.3383C25.5142 9.9067 23.8288 7.85394 21.6108 6.53861C19.3928 5.22328 16.7832 4.72899 14.2378 5.14208C12.1878 5.47478 10.2843 6.37903 8.73919 7.73672C8.1179 8.28264 8.19169 9.23758 8.81687 9.77903C9.44205 10.3205 10.3809 10.239 11.0291 9.7254C12.0933 8.88238 13.3614 8.31854 14.7176 8.09844C16.5699 7.79782 18.469 8.15753 20.0831 9.11473C21.6972 10.0719 22.9237 11.5658 23.5484 13.3353C23.6831 13.7171 23.788 14.1064 23.8631 14.5Z" fill="black"></path> <path d="M5.62728 19.6617C5.37824 18.9563 5.2034 18.2319 5.10267 17.5H3.43419C3.03484 17.5 2.79665 17.055 3.01817 16.7227L6.08391 12.1241C6.28182 11.8272 6.71805 11.8272 6.91596 12.1241L9.9817 16.7227C10.2032 17.055 9.96502 17.5 9.56567 17.5H8.13674C8.21182 17.8936 8.31673 18.283 8.4515 18.6647C9.07618 20.4343 10.3027 21.9281 11.9168 22.8853C13.5309 23.8425 15.4299 24.2022 17.2823 23.9016C18.6385 23.6815 19.9066 23.1177 20.9707 22.2746C21.619 21.7611 22.5578 21.6796 23.183 22.221C23.8082 22.7625 23.882 23.7174 23.2607 24.2633C21.7155 25.621 19.8121 26.5253 17.7621 26.858C15.2167 27.2711 12.6071 26.7768 10.3891 25.4614C8.17108 24.1461 6.48568 22.0933 5.62728 19.6617Z" fill="black"></path> </svg> </button> <div class="hidden md:block w-4"></div> </footer> </div> </div> </div> <div data-fltr-value="chirp" data-fltr-visible="true" data-small="true" data-label="chirp" style="--cat-color: #00B2FF" id="chirp-nr-2" class="group relative overflow-hidden target:shadow-md target:bg-gray-lightest rounded-xl border border-gray-lighter text-gray-darker grid grid-rows-[1fr] data-[fltr-visible=false]:grid-rows-[0fr] data-[fltr-visible=false]:opacity-0 mb-1 data-[fltr-visible=false]:-mb-1 data-[fltr-visible=false]:pointer-events-none transition-all duration-300 "> <div class="min-h-0"> <div class="p-4 pb-4 group-data-[small=true]:px-6 group-data-[small=false]:pl-10 md:group-data-[small=false]:pl-16 text-sm md:text-xl"> <header class="flex gap-1 items-center mb-1"> <div class="text-xs text-black">Chirp</div> <div class="size-[4px] bg-gray-medium rounded-xl"></div> <time class="text-xs text-gray-medium"> 26.07.2024 </time> </header> <p>Da ist das Ding! Meine neue Website ist online, und auch fast fertig. Es war ein ganz schöner Ritt, und hat natürlich länger gedauert als geplant. Aber dafür bin ich sehr glücklich mit dem Ergebnis und werde in den nächsten Wochen garantiert noch vieles ändern oder hinzufügen.</p> <figure class="mt-2"> <img width="680" height="408" src="https://jonasrebmann.de/media/pages/journal/7c1338a893-1721974601/og-home-680x-q80.webp" srcset="https://jonasrebmann.de/media/pages/journal/7c1338a893-1721974601/og-home-180x-q80.webp 180w, https://jonasrebmann.de/media/pages/journal/7c1338a893-1721974601/og-home-300x-q80.webp 300w, https://jonasrebmann.de/media/pages/journal/7c1338a893-1721974601/og-home-680x-q80.webp 800w" alt="" class="w-full h-auto rounded-md" loading="lazy" style="object-position: "> </figure> <footer class="relative flex items-center justify-between mt-4 text-gray"> <a data-likes="44" href="https://jonasrebmann.de/like/chirp-nr-2" class="svg block w-4 hover:text-gray-dark active:text-black data-[liked=true]:text-red-dark after:content-[attr(data-likes)] after:text-xs after:absolute after:left-5 after:top-0 data-[likes='0']:after:hidden after:text-gray"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.8711 6.20532C15.2903 7.11828 16 8.21668 16 8.21668C16 8.21668 16.7096 7.11822 18.1287 6.20514C19.1379 5.55575 20.5061 5.00014 22.233 5.00014C24.2205 5.00062 28 6.65024 28 11.1239C28 19.0143 18 27.0001 16 27.0001C14 27.0001 4 19.0143 4 11.1239C4 6.65073 7.77953 5.00062 9.76696 5.00062C11.4938 5.00062 12.8619 5.55609 13.8711 6.20532Z" fill="black"></path> </svg> </a> <a href="mailto:[email protected]?subject=RE Journal: chirp-nr-2" class="svg block w-4 hover:text-gray-dark active:text-black"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 5.5C12.8217 5.5 9.7107 6.07574 7.3574 7.73517C4.91241 9.45925 3.5 12.1997 3.5 16C3.5 18.9887 4.37261 21.3353 5.96062 23.0473C5.68144 23.5789 5.20397 24.1963 4.43585 24.8932C3.9042 25.3755 3.73985 26.0978 3.94055 26.7247C4.14874 27.3749 4.75061 27.9015 5.54038 27.9234C6.23612 27.9427 7.42188 27.9183 8.71342 27.6291C9.7769 27.391 10.9888 26.9562 12.0558 26.1527C13.314 26.3952 14.6436 26.5 16 26.5C19.1782 26.5 22.2893 25.9243 24.6426 24.2649C27.0876 22.5408 28.5 19.8003 28.5 16C28.5 12.1997 27.0876 9.45925 24.6426 7.73517C22.2893 6.07574 19.1782 5.5 16 5.5Z" fill="black"></path> </svg> </a> <button data-share-url="https://jonasrebmann.de/journal/chirp-2" data-share-title="" data-share-message="Der Link zum Beitrag wurde in die Zwischenablage kopiert" class="svg block w-4 hover:text-gray-dark active:text-black cursor-pointer"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23.8631 14.5H22.4342C22.0348 14.5 21.7966 14.9451 22.0182 15.2774L25.0839 19.876C25.2818 20.1729 25.718 20.1729 25.916 19.876L28.9817 15.2774C29.2032 14.9451 28.965 14.5 28.5657 14.5H26.8972C26.7965 13.7681 26.6216 13.0438 26.3726 12.3383C25.5142 9.9067 23.8288 7.85394 21.6108 6.53861C19.3928 5.22328 16.7832 4.72899 14.2378 5.14208C12.1878 5.47478 10.2843 6.37903 8.73919 7.73672C8.1179 8.28264 8.19169 9.23758 8.81687 9.77903C9.44205 10.3205 10.3809 10.239 11.0291 9.7254C12.0933 8.88238 13.3614 8.31854 14.7176 8.09844C16.5699 7.79782 18.469 8.15753 20.0831 9.11473C21.6972 10.0719 22.9237 11.5658 23.5484 13.3353C23.6831 13.7171 23.788 14.1064 23.8631 14.5Z" fill="black"></path> <path d="M5.62728 19.6617C5.37824 18.9563 5.2034 18.2319 5.10267 17.5H3.43419C3.03484 17.5 2.79665 17.055 3.01817 16.7227L6.08391 12.1241C6.28182 11.8272 6.71805 11.8272 6.91596 12.1241L9.9817 16.7227C10.2032 17.055 9.96502 17.5 9.56567 17.5H8.13674C8.21182 17.8936 8.31673 18.283 8.4515 18.6647C9.07618 20.4343 10.3027 21.9281 11.9168 22.8853C13.5309 23.8425 15.4299 24.2022 17.2823 23.9016C18.6385 23.6815 19.9066 23.1177 20.9707 22.2746C21.619 21.7611 22.5578 21.6796 23.183 22.221C23.8082 22.7625 23.882 23.7174 23.2607 24.2633C21.7155 25.621 19.8121 26.5253 17.7621 26.858C15.2167 27.2711 12.6071 26.7768 10.3891 25.4614C8.17108 24.1461 6.48568 22.0933 5.62728 19.6617Z" fill="black"></path> </svg> </button> <div class="hidden md:block w-4"></div> </footer> </div> </div> </div> </div> <a class="button mt-4 w-fit mx-auto flex pr-4 gap-2" href="https://jonasrebmann.de/journal"> Alle Posts <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </a> </section> </main> <div id="notification-center" class="fixed z-[9999] bottom-4 right-0 max-sm:left-4 pl-4 sm:w-80 max-w-screen flex flex-col items-end"> <div id="cookie_note" data-notify-id="cookie_note" data-visible="1" class="w-full overflow-hidden grid grid-rows-[0fr] data-[visible=true]:grid-rows-[1fr] data-[visible=true]:mt-2 -translate-x-4 data-[visible=false]:translate-x-full data-[visible=false]:opacity-0 data-[visible=false]:[transition:all_0.4s_ease_0s,_grid-template-rows_0.4s_ease_0.4s] data-[visible=true]:[transition:all_0.4s_ease_0.2s,_grid-template-rows_0.4s_ease_0s] drop-shadow-xl" style="display: block;"> <div style="--color: currentColor; --bg-color: var(--color-gray-lightest)" class="flex relative h-fit min-h-0 w-full min-w-full"> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> <div class="w-[4px] h-full flex-1 bg-current"></div> <div class="size-[4px] min-h-0 ml-auto bg-current"></div> </div> <div class="border-y-4 flex-1 border-current p-8 relative z-20 bg-[var(--bg-color,_transparent)] py-2 sm:py-4 px-3 sm:px-4"> <div class="relative text-xs -z-10 flex items-start flex-1 min-h-0"> <div class="size-6 min-w-6 mr-3 rounded-sm"> <img data-notify-icon="" src="https://jonasrebmann.de/assets/visuals/pixels/cookie.png" alt="Notification" class=""> </div> <div class="flex-1 leading-[0.9125rem]"> <p data-notify-title="" class="font-bold text-black">Herzlichen Glückwunsch!</p> <p data-notify-text="" class="text-gray-dark w-full"> Du bist der 1.000.000 Besucher auf meiner Website und hast einen rein funktionellen Cookie gewonnen. Er spioniert dich nicht aus, ist aber auch nicht essbar. </p> </div> <button data-notify-close="" class="absolute -right-2 top-0 text-gray-darker"> <div class="svg w-4"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.0004 13.8791L22.94 6.93945L25.0613 9.06077L18.1217 16.0004L25.0608 22.9395L22.9395 25.0608L16.0004 18.1217L9.06127 25.0608L6.93995 22.9395L13.8791 16.0004L6.93945 9.06077L9.06077 6.93945L16.0004 13.8791Z" fill="black"></path> </svg> </div> </button> </div> </div> <div class="absolute inset-x-[4px] inset-y-[4px] bg-[var(--bg-color)] z-[-20]"></div> <div class="min-w-[8px] flex-[0_0_8px] flex flex-col py-[4px]"> <div class="size-[4px] bg-current"></div> <div class="w-[4px] h-full ml-auto flex-1 bg-current"></div> <div class="size-[4px] bg-current"></div> </div> </div> </div></div> <footer id="footer" class="mb-1 text-xs flex flex-col justify-end rounded-xl footer min-h-[calc(100vh-var(--header-height)-var(--spacing-1))] text-black overflow-hidden"> <div class="bg-gray-lightest rounded-xl flex gap-4 flex-col sm:flex-row-reverse sm:justify-between flex-1 box-paddings py-8 font-bold"> <div class="size-[3lh] lg:size-[2lh] min-w-0"> <img src="https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png" class="inline-block"> </div> <div class="text-base md:text-lg lg:text-xl xl:text-2xl max-w-md md:max-w-lg lg:max-w-xl xl:max-w-2xl text-balance"> <p>Ich bin Jonas, Webdesigner und Creative Coder aus Bremen. Ich arbeite an fantastischen Projekten mit ambitionierten Kund<span class="genderstar" aria-hidden="true">*</span><span aria-hidden="true">in</span><span hidden="" class="hidden">In</span>nen für deren erfolgreichen und richtig coolen Auftritt im Internet.</p> </div> </div> <div class="grid grid-cols-1 max-w-full sm:grid-cols-2 lg:grid-cols-[var(--spacing-40)_auto_var(--spacing-40)] xl:grid-cols-[var(--spacing-64)_1fr_var(--spacing-64)] gap-1 lg:auto-rows-[1fr] sm:mx-1 my-1 text-xs xl:text-base"> <div class="grid grid-cols-2 gap-1 max-lg:row-start-2"> <a title="Instagram" target="_blank" href="https://www.instagram.com/jonas_rebmann" class="flex gap-1 items-center flex-1 w-full bg-gray-lightest hover:bg-yellow rounded-xl justify-center py-4"> <div class="svg w-8 xl:w-10"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.0301 4.08393C9.7533 4.14417 8.88138 4.34793 8.11914 4.64745C7.33026 4.95489 6.66162 5.36745 5.99634 6.03513C5.33106 6.70281 4.92138 7.37193 4.6161 8.16201C4.32066 8.92593 4.1205 9.79857 4.0641 11.0761C4.0077 12.3536 3.99522 12.7642 4.00146 16.023C4.0077 19.2817 4.0221 19.6902 4.08402 20.9703C4.14498 22.2469 4.34802 23.1186 4.64754 23.881C4.95546 24.6699 5.36754 25.3383 6.03546 26.0038C6.70338 26.6694 7.37202 27.0781 8.16402 27.3838C8.92722 27.6788 9.8001 27.8799 11.0774 27.9358C12.3547 27.9918 12.7658 28.0047 16.0235 27.9985C19.2813 27.9922 19.6915 27.9778 20.9714 27.9171C22.2513 27.8564 23.1184 27.6519 23.8811 27.3538C24.67 27.0452 25.3389 26.6338 26.0039 25.9657C26.669 25.2975 27.0784 24.6279 27.3835 23.8374C27.6791 23.0742 27.88 22.2013 27.9355 20.925C27.9914 19.6441 28.0046 19.2351 27.9983 15.9769C27.9921 12.7186 27.9775 12.3102 27.9167 11.0305C27.856 9.75081 27.6527 8.88177 27.3535 8.11881C27.0451 7.32993 26.6335 6.66201 25.9658 5.99601C25.2981 5.33001 24.628 4.92081 23.8377 4.61649C23.074 4.32105 22.2016 4.11969 20.9243 4.06449C19.6471 4.00929 19.2359 3.99513 15.977 4.00137C12.718 4.00761 12.31 4.02153 11.0301 4.08393ZM11.1703 25.777C10.0003 25.7262 9.36498 25.5318 8.94162 25.369C8.38098 25.153 7.98162 24.8919 7.5597 24.4741C7.13778 24.0562 6.87858 23.6554 6.6597 23.096C6.4953 22.6726 6.2973 22.0381 6.24258 20.8681C6.18306 19.6035 6.17058 19.2238 6.16362 16.0201C6.15666 12.8163 6.1689 12.4371 6.22434 11.1721C6.27426 10.003 6.46986 9.36705 6.63234 8.94393C6.84834 8.38257 7.1085 7.98393 7.5273 7.56225C7.9461 7.14057 8.3457 6.88089 8.90562 6.66201C9.3285 6.49689 9.96306 6.30057 11.1326 6.24489C12.3981 6.18489 12.7773 6.17289 15.9806 6.16593C19.1839 6.15897 19.564 6.17096 20.83 6.22664C21.9991 6.27752 22.6353 6.4712 23.0579 6.63464C23.6188 6.85064 24.0179 7.11009 24.4396 7.52961C24.8613 7.94913 25.1212 8.34729 25.3401 8.90841C25.5055 9.33009 25.7018 9.96441 25.757 11.1346C25.8172 12.4002 25.8309 12.7796 25.8367 15.9826C25.8424 19.1857 25.8311 19.5661 25.7757 20.8306C25.7246 22.0006 25.5307 22.6362 25.3677 23.06C25.1517 23.6204 24.8913 24.02 24.4723 24.4414C24.0532 24.8629 23.6541 25.1226 23.0939 25.3414C22.6715 25.5063 22.0363 25.7031 20.8677 25.7588C19.6022 25.8183 19.223 25.8308 16.0185 25.8378C12.814 25.8447 12.4358 25.8318 11.1703 25.777ZM20.9529 9.58641C20.9534 9.87123 21.0383 10.1495 21.197 10.3861C21.3556 10.6226 21.5808 10.8068 21.8442 10.9154C22.1075 11.0239 22.3971 11.0519 22.6764 10.9958C22.9556 10.9398 23.212 10.8021 23.413 10.6004C23.614 10.3986 23.7507 10.1417 23.8058 9.86228C23.8608 9.58283 23.8317 9.29333 23.7222 9.03039C23.6127 8.76746 23.4277 8.5429 23.1906 8.38512C22.9534 8.22735 22.6748 8.14344 22.39 8.14401C22.0082 8.14477 21.6423 8.29715 21.3728 8.56764C21.1033 8.83813 20.9523 9.20458 20.9529 9.58641ZM9.8385 16.0119C9.84522 19.4151 12.6091 22.1677 16.0115 22.1612C19.414 22.1547 22.1685 19.3911 22.162 15.9879C22.1555 12.5847 19.391 9.83145 15.988 9.83817C12.5851 9.84489 9.83202 12.6092 9.8385 16.0119ZM11.9999 16.0076C11.9984 15.2165 12.2314 14.4426 12.6697 13.784C13.1079 13.1253 13.7316 12.6113 14.4619 12.3071C15.1923 12.0029 15.9964 11.9221 16.7726 12.0749C17.5489 12.2277 18.2624 12.6073 18.8229 13.1656C19.3834 13.7239 19.7658 14.4359 19.9217 15.2115C20.0776 15.9872 19.9999 16.7916 19.6986 17.5231C19.3973 18.2547 18.8859 18.8804 18.2289 19.3212C17.572 19.7621 16.7991 19.9982 16.0079 19.9998C15.4826 20.0009 14.9622 19.8985 14.4765 19.6984C13.9908 19.4984 13.5492 19.2046 13.177 18.8339C12.8048 18.4632 12.5093 18.0228 12.3073 17.5378C12.1054 17.0529 12.0009 16.5329 11.9999 16.0076Z" fill="black"></path> </svg> </div> </a> <a title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/jonas-rebmann-a389a31b7/" class="flex gap-1 items-center flex-1 w-full bg-gray-lightest hover:bg-yellow rounded-xl justify-center py-4"> <div class="svg w-8 xl:w-10"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.3333 28H6.66667C5.19391 28 4 26.8061 4 25.3333V6.66667C4 5.19391 5.19391 4 6.66667 4H25.3333C26.8061 4 28 5.19391 28 6.66667V25.3333C28 26.8061 26.8061 28 25.3333 28ZM21.1049 24.6668H24.6663V17.3506C24.6663 14.255 22.9116 12.7582 20.4605 12.7582C18.0084 12.7582 16.9764 14.6678 16.9764 14.6678V13.1113H13.5441V24.6668H16.9764V18.6009C16.9764 16.9755 17.7245 16.0083 19.1566 16.0083C20.4729 16.0083 21.1049 16.9377 21.1049 18.6009V24.6668ZM7.33301 9.46584C7.33301 10.6434 8.28036 11.5982 9.44946 11.5982C10.6186 11.5982 11.5653 10.6434 11.5653 9.46584C11.5653 8.28829 10.6186 7.3335 9.44946 7.3335C8.28036 7.3335 7.33301 8.28829 7.33301 9.46584ZM11.2561 24.6668H7.67719V13.1113H11.2561V24.6668Z" fill="black"></path> </svg> </div> </a> <a title="Posts" target="_blank" href="https://posts.cv/hermes_harmony" class="flex gap-1 items-center flex-1 w-full bg-gray-lightest hover:bg-yellow rounded-xl justify-center py-4"> <div class="svg w-8 xl:w-10"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.43805 24.8498L18.9899 27.9438C19.8324 28.1695 20.73 28.0502 21.4854 27.6142C22.2408 27.1782 22.792 26.46 23.0179 25.6176L26.8881 11.1775C27.1139 10.335 26.9958 9.43737 26.5598 8.68199C26.1238 7.92661 25.4056 7.37534 24.5631 7.14944L13.0101 4.05546C12.1676 3.8297 11.27 3.94781 10.5146 4.38381C9.75921 4.81981 9.20795 5.53801 8.98204 6.38043L5.11308 20.8218C4.88731 21.6642 5.00542 22.5619 5.44143 23.3172C5.87743 24.0726 6.59563 24.6239 7.43805 24.8498ZM12.944 8.75109C13.0609 8.73574 13.1797 8.74356 13.2935 8.77411L13.2923 8.7765L21.956 11.0967C22.0738 11.1232 22.185 11.1733 22.283 11.2439C22.3811 11.3145 22.4638 11.4041 22.5263 11.5075C22.5888 11.6108 22.6298 11.7257 22.6469 11.8453C22.6639 11.9649 22.6566 12.0866 22.6254 12.2033C22.5942 12.32 22.5398 12.4292 22.4654 12.5243C22.391 12.6195 22.2981 12.6986 22.1924 12.757C22.0866 12.8154 21.9702 12.8518 21.85 12.8641C21.7299 12.8763 21.6085 12.8642 21.4931 12.8284L12.8283 10.5083C12.7144 10.4777 12.6077 10.425 12.5142 10.3532C12.4207 10.2814 12.3422 10.1919 12.2833 10.0898C12.2244 9.9877 12.1862 9.87498 12.1708 9.75809C12.1555 9.6412 12.1633 9.52243 12.1938 9.40857C12.2244 9.2947 12.2771 9.18797 12.3489 9.09446C12.4207 9.00095 12.5102 8.9225 12.6123 8.86358C12.7144 8.80467 12.8271 8.76644 12.944 8.75109ZM11.6213 12.6319C11.8217 12.5124 12.0607 12.4756 12.2877 12.5294L20.9513 14.8496C21.1813 14.9112 21.3774 15.0615 21.4965 15.2677C21.6156 15.4738 21.6479 15.7188 21.5864 15.9487C21.5249 16.1787 21.3745 16.3748 21.1684 16.4939C20.9623 16.613 20.7173 16.6453 20.4873 16.5838L11.8225 14.2612C11.5991 14.194 11.4106 14.0425 11.2971 13.8386C11.1836 13.6348 11.154 13.3948 11.2145 13.1695C11.275 12.9442 11.421 12.7513 11.6213 12.6319ZM10.6006 16.3733C10.3948 16.4922 10.2445 16.6879 10.1828 16.9175C10.1522 17.0313 10.1444 17.1499 10.1597 17.2668C10.175 17.3836 10.2132 17.4963 10.2721 17.5983C10.3309 17.7004 10.4093 17.7899 10.5028 17.8616C10.5962 17.9334 10.7029 17.986 10.8167 18.0166L16.5932 19.5641C16.707 19.5946 16.8257 19.6024 16.9425 19.587C17.0593 19.5716 17.1719 19.5333 17.2739 19.4744C17.3759 19.4155 17.4653 19.3371 17.537 19.2436C17.6087 19.1501 17.6613 19.0435 17.6917 18.9297C17.7222 18.8159 17.7299 18.6972 17.7146 18.5804C17.6992 18.4636 17.6609 18.351 17.602 18.249C17.5431 18.147 17.4647 18.0576 17.3712 17.9859C17.2777 17.9142 17.171 17.8617 17.0573 17.8312L11.2807 16.2836C11.0511 16.2222 10.8065 16.2545 10.6006 16.3733Z" fill="black"></path> </svg> </div> </a> <a title="Letterboxd" target="_blank" href="https://letterboxd.com/loveinindustry/" class="flex gap-1 items-center flex-1 w-full bg-gray-lightest hover:bg-yellow rounded-xl justify-center py-4"> <div class="svg w-8 xl:w-10"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.9663 19.1768C9.91798 20.8723 8.0555 22 5.93258 22C2.65611 22 0 19.3137 0 16C0 12.6863 2.65611 10 5.93258 10C8.05549 10 9.91797 11.1277 10.9663 12.8231C10.3967 13.7444 10.0674 14.8333 10.0674 16C10.0674 17.1666 10.3967 18.2556 10.9663 19.1768C11.5359 18.2556 11.8652 17.1666 11.8652 16C11.8652 14.8333 11.5359 13.7444 10.9663 12.8231C12.0146 11.1277 13.8771 10 16 10C18.1229 10 19.9854 11.1277 21.0337 12.8232C20.4641 13.7444 20.1348 14.8333 20.1348 16C20.1348 17.1666 20.4641 18.2555 21.0337 19.1768C21.6033 18.2555 21.9326 17.1666 21.9326 16C21.9326 14.8333 21.6033 13.7444 21.0337 12.8232C22.082 11.1277 23.9445 10 26.0674 10C29.3439 10 32 12.6863 32 16C32 19.3137 29.3439 22 26.0674 22C23.9445 22 22.082 20.8722 21.0337 19.1768C19.9854 20.8722 18.1229 22 16 22C13.8771 22 12.0146 20.8723 10.9663 19.1768Z" fill="white"></path> </svg> </div> </a> </div> <a href="https://jonasrebmann.de/contact" class="relative max-lg:col-span-2 z-10 group flex min-w-0 h-full min-h-0 items-center max-h-40 md:max-h-64 transition-colors pl-2 sm:pl-4 lg:pl-6 2xl:pl-12 justify-between"> <div class="text-balance max-w-3xl w-fit relative ml-4"> <div class="h2 mb-2 whitespace-nowrap flex gap-2 group-hover:gap-4 transition-all"> Kontakt <div class="size-[1lh] svg"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22 6H18V10H22V14H2V18H22V22H18V26H22V22H26V18H30V14H26V10H22V6Z" fill="black"></path> </svg> </div> </div> <div class="text-base ml-1">Schnapp dir deinen wilden Designer!</div> </div> <figure class="mr-0 w-fit ml-auto relative -mt-8 lg:-mt-16 h-[calc(100%+var(--spacing-8))] lg:h-[calc(100%+var(--spacing-16))] lg:group-hover:translate-x-8 lg:group-hover:h-[calc(100%+var(--spacing-40))] group-hover:-mr-4 transition-all duration-300 pr-4 rounded-br-[--spacing-0] group-hover:rounded-br-[--spacing-44] overflow-hidden"> <img width="1024" height="1547" src="https://jonasrebmann.de/media/site/7eeef80359-1721974627/jr-portrait-5-1024x-q80.webp" srcset="https://jonasrebmann.de/media/site/7eeef80359-1721974627/jr-portrait-5-300x-q80.webp 300w, https://jonasrebmann.de/media/site/7eeef80359-1721974627/jr-portrait-5-300x-q80.webp 800w, https://jonasrebmann.de/media/site/7eeef80359-1721974627/jr-portrait-5-1024x-q80.webp 1024w" alt="" class="h-full w-fit min-w-fit group-hover:translate-y-full ml-auto group-hover:-rotate-45 transition-transform duration-500 origin-top-right max-w-auto" loading="lazy" style="object-position: "> </figure> <div class="absolute inset-y-0 right-0 group-hover:-inset-y-12 group-hover:-right-12 transition-all duration-300 aspect-square overflow-hidden rounded-r-full"> <figure class="flex items-center h-full w-full justify-center origin-bottom-right -translate-y-full rotate-45 group-hover:rotate-0 group-hover:translate-y-0 transition-transform duration-500"> <img width="680" height="680" src="https://jonasrebmann.de/media/site/e3eb65b9be-1721974627/pokebal-680x-q80.webp" srcset="https://jonasrebmann.de/media/site/e3eb65b9be-1721974627/pokebal-180x-q80.webp 180w, https://jonasrebmann.de/media/site/e3eb65b9be-1721974627/pokebal-300x-q80.webp 300w, https://jonasrebmann.de/media/site/e3eb65b9be-1721974627/pokebal-680x-q80.webp 800w" alt="" class="block size-32 md:size-64 animate-poke-shake origin-[50%_70%]" loading="lazy" style="object-position: "> </figure> </div> <div class="absolute inset-0 -z-10 group-hover:-inset-12 rounded-xl bg-yellow group-hover:bg-red transition-all duration-300 group-hover:rounded-[--spacing-44]"></div> </a> <div class="flex gap-12 md:gap-4 bg-gray-lightest flex-wrap page-paddings-right text-xs pl-8 max-md:row-start-3 rounded-xl py-8"> <ul class="flex flex-col gap-1"> <div class="font-bold">Seiten</div> <li class="button-small font-normal"> <a href="https://jonasrebmann.de" class=""> Home </a> </li> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/concepts" class=""> Profil </a> </li> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/journal" class=""> Journal </a> </li> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/projects" class=""> Projekte </a> </li> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/contact" class=""> Kontakt </a> </li> </ul> <ul class="flex flex-col gap-1"> <div class="font-bold">Extras</div> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/concepts/entwicklung-und-kirby" class=""> Entwicklung &amp; Kirby </a> </li> <li class="button-small font-normal"> <a href="https://jonasrebmann.de/achievements" class=""> Erfolge </a> </li> </ul> <div class="flex flex-col w-full mt-auto text-gray-dark"> <a href="https://jonasrebmann.de/impressum" class="text-gray-dark button-small font-normal">Impressum</a> <a href="https://jonasrebmann.de/datenschutz" class="text-gray-dark button-small font-normal">Datenschutz</a> </div> </div> </div> <div class="flex flex-col md:flex-row justify-between flex-1 gap-8 py-8 sm:mx-1 bg-gray-lightest rounded-xl"> <div class="flex flex-col min-h-0 page-paddings-left justify-between"> <div class="font-bold text-2xl sm:text-3xl lg:text-4xl whitespace-nowrap w-fit"> ©2024 <span class="display">Jonas Rebmann</span> </div> <div class=" font-bold"> Version 1.0.6 </div> </div> <div class="text-gray-dark lg:w-40 xl:w-64 pl-4 md:pl-0 lg:pl-8 page-paddings-right mt-auto"> <p>Atelier Hund<br> Herdentorswallstraße 79<br> 28195 Bremen</p> </div> </div> </footer> <script src="https://jonasrebmann.de/assets/js/dist/home.min.js?1.0.6"></script> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.jonasrebmann.de\/","copyrightYear":"2024","description":"Als Webdesigner aus Bremen konzipiere und entwickle ich kreative und einzigartige Websites mit Top-Notch Responsive Design auf Basis von Kirby CMS.","name":"Cooles Responsive Webdesign aus Bremen","headline":"Home"}</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://jonasrebmann.de/ 2: https://jonasrebmann.de/assets/css/framework.css?1.0.6 3: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer.png 4: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x.png 5: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x.png 6: https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png 7: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x.png 8: https://jonasrebmann.de/assets/js/dist/home.min.js?1.0.6 9: https://jonasrebmann.de/media/site/9f40b05ed6-1721974626/lightning-red-80x.png 10: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy-80x.png 11: https://jonasrebmann.de/assets/visuals/hook-1.svg 12: https://jonasrebmann.de/assets/visuals/pixels/block.png 13: https://jonasrebmann.de/media/site/4601826f85-1721974623/bremen_design-80x.png 14: https://jonasrebmann.de/media/site/7030350a48-1721974623/atelier_hund-80x.png 15: https://jonasrebmann.de/media/site/5ccdf5cb54-1721974625/fontnote-80x.png 16: https://jonasrebmann.de/media/site/0be8ddef8d-1721974625/insta-80x.png 17: https://jonasrebmann.de/assets/visuals/pixels/trophy.png 18: https://jonasrebmann.de/media/site/2c200f38b9-1721974626/linkedin-80x.png 19: https://jonasrebmann.de/assets/visuals/pixels/cookie.png 20: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy.png 21: https://analytics.eu.umami.is/script.js 22: https://jonasrebmann.de/assets/fonts/PPMori-SemiBold.woff2 23: https://jonasrebmann.de/assets/fonts/Redaction50-Bold.woff2 24: https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp 25: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp 26: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp 27: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp 28: https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp 29: https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp 30: https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp 31: https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp 32: https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp 33: https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp 34: https://jonasrebmann.de/assets/fonts/PPMori-Regular.woff2 35: https://jonasrebmann.de/achievements.json 36: https://jonasrebmann.de/assets/visuals/favicon.png 37: https://api-gateway.umami.dev/api/send 38: https://api-gateway.umami.dev/api/send
customize waterfallView all ImagesView HTTP/2 Dependency GraphFilmstrip

Connection View

Step_1 jonasrebmann.de analytics.eu.umami.is api-gateway.umami.dev
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://jonasrebmann.de/ text/html Highest 0.2 s 50 ms 33 ms 114 ms 463 ms 28 ms 31.7 KB - 200 185.26.156.222
2 https://jonasrebmann.../framework.css?1.0.6 text/css Highest 0.721 s - - - 78 ms 14 ms 23.0 KB - 200 185.26.156.222
3 https://jonasrebmann...1974624/computer.png image/png Medium 0.724 s - - - 55 ms 2 ms 6.3 KB - 200 185.26.156.222
4 https://jonasrebmann...1974624/coin-80x.png image/png Medium 0.726 s - - - 55 ms 2 ms 0.6 KB - 200 185.26.156.222
5 https://jonasrebmann...624/computer-80x.png image/png Medium 0.766 s - - - 57 ms 1 ms 0.4 KB - 200 185.26.156.222
6 https://jonasrebmann...uter-smiling-80x.png image/png Medium 0.768 s - - - 57 ms 1 ms 0.5 KB - 200 185.26.156.222
7 https://jonasrebmann...4627/talking-80x.png image/png Medium 0.786 s - - - 41 ms 1 ms 0.4 KB - 200 185.26.156.222
8 https://jonasrebmann...st/home.min.js?1.0.6 application/javascript Medium 0.787 s - - - 48 ms 2 ms 5.0 KB 216 ms 200 185.26.156.222
9 https://jonasrebmann...ightning-red-80x.png image/png Low 0.788 s - - - 51 ms 2 ms 0.4 KB - 200 185.26.156.222
10 https://jonasrebmann...74628/trophy-80x.png image/png Low 0.789 s - - - 58 ms 1 ms 0.4 KB - 200 185.26.156.222
11 https://jonasrebmann...s/visuals/hook-1.svg image/svg+xml Low 0.789 s - - - 60 ms 2 ms 0.4 KB - 200 185.26.156.222
12 https://jonasrebmann...als/pixels/block.png image/png Low 0.79 s - - - 61 ms 2 ms 2.3 KB - 200 185.26.156.222
13 https://jonasrebmann...remen_design-80x.png image/png Low 0.79 s - - - 63 ms 5 ms 0.4 KB - 200 185.26.156.222
14 https://jonasrebmann...atelier_hund-80x.png image/png Low 0.791 s - - - 68 ms 6 ms 0.4 KB - 200 185.26.156.222
15 https://jonasrebmann...625/fontnote-80x.png image/png Low 0.791 s - - - 92 ms 4 ms 0.4 KB - 200 185.26.156.222
16 https://jonasrebmann...974625/insta-80x.png image/png Low 0.792 s - - - 76 ms 3 ms 0.6 KB - 200 185.26.156.222
17 https://jonasrebmann...ls/pixels/trophy.png text/html Low 0.793 s - - - 95 ms - - - 307 185.26.156.222
18 https://jonasrebmann...626/linkedin-80x.png image/png Low 0.793 s - - - 85 ms 4 ms 0.4 KB - 200 185.26.156.222
19 https://jonasrebmann...ls/pixels/cookie.png image/png Low 0.794 s - - - 79 ms 3 ms 2.2 KB - 200 185.26.156.222
20 https://jonasrebmann...721974628/trophy.png image/png Low 0.908 s - - - 45 ms 3 ms 6.3 KB - 200 185.26.156.222
21 https://analytics.eu.umami.is/script.js application/javascript Low 0.991 s 142 ms 32 ms 67 ms 44 ms 3 ms 1.5 KB 7 ms 200 76.76.21.241
22 https://jonasrebmann...PMori-SemiBold.woff2 - Highest 1.009 s - - - 65 ms 43 ms 38.4 KB - 200 185.26.156.222
23 https://jonasrebmann...daction50-Bold.woff2 - Highest 1.019 s - - - 122 ms 29 ms 32.6 KB - 200 185.26.156.222
24 https://jonasrebmann...yellow-140x-q80.webp image/webp Low 1.305 s - - - 55 ms 4 ms 0.9 KB - 200 185.26.156.222
25 https://jonasrebmann...alking-140x-q80.webp image/webp Low 1.314 s - - - 52 ms 3 ms 1.0 KB - 200 185.26.156.222
26 https://jonasrebmann...4/coin-140x-q80.webp image/webp Low 1.321 s - - - 49 ms 3 ms 1.2 KB - 200 185.26.156.222
27 https://jonasrebmann...mputer-140x-q80.webp image/webp Low 1.379 s - - - 115 ms 5 ms 0.9 KB - 200 185.26.156.222
28 https://jonasrebmann...yellow-140x-q80.webp image/webp Low 1.38 s - - - 120 ms 7 ms 1.5 KB - 200 185.26.156.222
29 https://jonasrebmann...d-blue-140x-q80.webp image/webp Low 1.381 s - - - 129 ms 3 ms 1.4 KB - 200 185.26.156.222
30 https://jonasrebmann...pencil-140x-q80.webp image/webp Low 1.384 s - - - 131 ms 4 ms 1.6 KB - 200 185.26.156.222
31 https://jonasrebmann...shroom-140x-q80.webp image/webp Low 1.384 s - - - 136 ms 3 ms 1.8 KB - 200 185.26.156.222
32 https://jonasrebmann...safari-140x-q80.webp image/webp Low 1.385 s - - - 140 ms 3 ms 1.7 KB - 200 185.26.156.222
33 https://jonasrebmann...jonas-1024x-q80.webp image/webp Low 1.388 s - - - 148 ms 172 ms 60.6 KB - 200 185.26.156.222
34 https://jonasrebmann...PPMori-Regular.woff2 - Highest 1.392 s - - - 70 ms 27 ms 36.1 KB - 200 185.26.156.222
35 https://jonasrebmann...de/achievements.json application/json High 1.733 s - - - 45 ms 1 ms 0.6 KB - 200 185.26.156.222
36 https://jonasrebmann.../visuals/favicon.png image/png High 1.922 s - - - 35 ms 1 ms 0.3 KB - 200 185.26.156.222
37 https://api-gateway.umami.dev/api/send - High 2.021 s 45 ms - - 162 ms - - - 200 104.21.29.107
38 https://api-gateway.umami.dev/api/send application/json High 2.191 s - - - 863 ms 4 ms 0.0 KB - 200 104.21.29.107

Request Headers

+ Expand All

Request 1: https://jonasrebmann.de/

URL: https://jonasrebmann.de/
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://analytics.eu.umami.is/script.js
Request Start: 0.200 s
DNS Lookup: 50 ms
Initial Connection: 33 ms
Time to First Byte: 463 ms
Content Download: 28 ms
Bytes In (downloaded): 31.7 KB
Uncompressed Size: 213.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: jonasrebmann.de
: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="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-length: 32493
content-type: text/html; charset=UTF-8
date: Sat, 10 Aug 2024 21:49:15 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 2: https://jonasrebmann.de/assets/css/framework.css?1.0.6

URL: https://jonasrebmann.de/assets/css/framework.css?1.0.6
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 32
Request Start: 0.721 s
Time to First Byte: 78 ms
Content Download: 14 ms
Bytes In (downloaded): 23.0 KB
Uncompressed Size: 163.1 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/css/framework.css?1.0.6
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 23580
content-type: text/css
date: Sat, 10 Aug 2024 21:49:15 GMT
etag: "28c95-61f14519cbe94-gzip"
last-modified: Wed, 07 Aug 2024 09:13:09 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 3: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer.png

URL: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 188
Request Start: 0.724 s
Time to First Byte: 55 ms
Content Download: 2 ms
Bytes In (downloaded): 6.3 KB
Uncompressed Size: 6.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/94fa365609-1721974624/computer.png
: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=2, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 6416
content-type: image/png
date: Sat, 10 Aug 2024 21:49:15 GMT
etag: "1910-61e207f843efc"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 4: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x.png

URL: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 659
Request Start: 0.726 s
Time to First Byte: 55 ms
Content Download: 2 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 0.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/aa69d65afe-1721974624/coin-80x.png
: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=2, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 631
content-type: image/png
date: Sat, 10 Aug 2024 21:49:15 GMT
etag: "277-61e207f851da5"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 5: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x.png

URL: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 695
Request Start: 0.766 s
Time to First Byte: 57 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/94fa365609-1721974624/computer-80x.png
: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=2, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 442
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "1ba-61e207f85600d"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 6: https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png

URL: https://jonasrebmann.de/media/site/55d65f4f77-1721974624/computer-smiling-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 697
Request Start: 0.768 s
Time to First Byte: 57 ms
Content Download: 1 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/55d65f4f77-1721974624/computer-smiling-80x.png
: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=2, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 461
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "1cd-61e207f850e05"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 7: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x.png

URL: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 183, depends on 11, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 735
Request Start: 0.786 s
Time to First Byte: 41 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/c80fe71d03-1721974627/talking-80x.png
: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=2, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 414
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "19e-61e207f86717e"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 8: https://jonasrebmann.de/assets/js/dist/home.min.js?1.0.6

URL: https://jonasrebmann.de/assets/js/dist/home.min.js?1.0.6
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 183, depends on 13, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 3145
Request Start: 0.787 s
Time to First Byte: 48 ms
Content Download: 2 ms
Bytes In (downloaded): 5.0 KB
Uncompressed Size: 18.4 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/js/dist/home.min.js?1.0.6
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-encoding: gzip
content-length: 5171
content-type: application/javascript
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "4989-61e137c89d903-gzip"
last-modified: Thu, 25 Jul 2024 14:48:22 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 9: https://jonasrebmann.de/media/site/9f40b05ed6-1721974626/lightning-red-80x.png

URL: https://jonasrebmann.de/media/site/9f40b05ed6-1721974626/lightning-red-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 773
Request Start: 0.788 s
Time to First Byte: 51 ms
Content Download: 2 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/9f40b05ed6-1721974626/lightning-red-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 389
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "185-61e207f86d70e"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 10: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy-80x.png

URL: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 809
Request Start: 0.789 s
Time to First Byte: 58 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/5faa30c1f6-1721974628/trophy-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 407
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "197-61e207f86a82e"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 11: https://jonasrebmann.de/assets/visuals/hook-1.svg

URL: https://jonasrebmann.de/assets/visuals/hook-1.svg
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1630
Request Start: 0.789 s
Time to First Byte: 60 ms
Content Download: 2 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/visuals/hook-1.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: i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 380
content-type: image/svg+xml
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "17c-61ccbb63f9704"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 12: https://jonasrebmann.de/assets/visuals/pixels/block.png

URL: https://jonasrebmann.de/assets/visuals/pixels/block.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 147, depends on 21, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1930
Request Start: 0.790 s
Time to First Byte: 61 ms
Content Download: 2 ms
Bytes In (downloaded): 2.3 KB
Uncompressed Size: 2.3 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/visuals/pixels/block.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 2313
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "909-61ccbb63faa8c"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 13: https://jonasrebmann.de/media/site/4601826f85-1721974623/bremen_design-80x.png

URL: https://jonasrebmann.de/media/site/4601826f85-1721974623/bremen_design-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 147, depends on 23, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2248
Request Start: 0.790 s
Time to First Byte: 63 ms
Content Download: 5 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/4601826f85-1721974623/bremen_design-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 391
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "187-61e207f8705ee"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 14: https://jonasrebmann.de/media/site/7030350a48-1721974623/atelier_hund-80x.png

URL: https://jonasrebmann.de/media/site/7030350a48-1721974623/atelier_hund-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 147, depends on 25, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2248
Request Start: 0.791 s
Time to First Byte: 68 ms
Content Download: 6 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/7030350a48-1721974623/atelier_hund-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 423
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "1a7-61e207f886d4f"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 15: https://jonasrebmann.de/media/site/5ccdf5cb54-1721974625/fontnote-80x.png

URL: https://jonasrebmann.de/media/site/5ccdf5cb54-1721974625/fontnote-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 147, depends on 27, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2248
Request Start: 0.791 s
Time to First Byte: 92 ms
Content Download: 4 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/5ccdf5cb54-1721974625/fontnote-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 406
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "196-61e207f883a87"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 16: https://jonasrebmann.de/media/site/0be8ddef8d-1721974625/insta-80x.png

URL: https://jonasrebmann.de/media/site/0be8ddef8d-1721974625/insta-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 147, depends on 29, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2248
Request Start: 0.792 s
Time to First Byte: 76 ms
Content Download: 3 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 0.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/0be8ddef8d-1721974625/insta-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 581
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "245-61e207f88175f"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 17: https://jonasrebmann.de/assets/visuals/pixels/trophy.png

URL: https://jonasrebmann.de/assets/visuals/pixels/trophy.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 307
Priority: Low
Protocol: HTTP/2
Initiated By: https://jonasrebmann.de/ line 2904
Request Start: 0.793 s
Time to First Byte: 95 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/5faa30c1f6-1721974628/trophy.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-length: 0
content-type: text/html; charset=UTF-8
date: Sat, 10 Aug 2024 21:49:16 GMT
location: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy.png
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block

Request 18: https://jonasrebmann.de/media/site/2c200f38b9-1721974626/linkedin-80x.png

URL: https://jonasrebmann.de/media/site/2c200f38b9-1721974626/linkedin-80x.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 147, depends on 31, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2248
Request Start: 0.793 s
Time to First Byte: 85 ms
Content Download: 4 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/2c200f38b9-1721974626/linkedin-80x.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 393
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "189-61e207f86cf3e"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 19: https://jonasrebmann.de/assets/visuals/pixels/cookie.png

URL: https://jonasrebmann.de/assets/visuals/pixels/cookie.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 147, depends on 35, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2958
Request Start: 0.794 s
Time to First Byte: 79 ms
Content Download: 3 ms
Bytes In (downloaded): 2.2 KB
Uncompressed Size: 2.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/visuals/pixels/cookie.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 2209
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "8a1-61ccbb63fae74"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 20: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy.png

URL: https://jonasrebmann.de/media/site/5faa30c1f6-1721974628/trophy.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 39, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 2904
Request Start: 0.908 s
Time to First Byte: 45 ms
Content Download: 3 ms
Bytes In (downloaded): 6.3 KB
Uncompressed Size: 6.3 KB
Bytes Out (uploaded): 0.5 KB

Request Headers:

Referer: https://jonasrebmann.de/
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
:method: GET
:authority: jonasrebmann.de
:scheme: https
:path: /media/site/5faa30c1f6-1721974628/trophy.png
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07
sec-ch-ua-platform: "Unknown"
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
sec-fetch-site: same-origin
sec-fetch-mode: no-cors
sec-fetch-dest: image
referer: https://jonasrebmann.de/
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i

Response Headers:

accept-ranges: bytes
content-length: 6405
content-type: image/png
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "1905-61e207f87fc07"
last-modified: Fri, 26 Jul 2024 06:19:47 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 21: https://analytics.eu.umami.is/script.js

URL: https://analytics.eu.umami.is/script.js
Host: analytics.eu.umami.is
IP: 76.76.21.241
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 29
Request Start: 0.991 s
DNS Lookup: 142 ms
Initial Connection: 32 ms
Time to First Byte: 44 ms
Content Download: 3 ms
Bytes In (downloaded): 1.5 KB
Uncompressed Size: 2.5 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: analytics.eu.umami.is
:method: GET
:path: /script.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

access-control-allow-origin: *
age: 682123
cache-control: public, max-age=0, must-revalidate
content-disposition: inline; filename="script.js"
content-encoding: br
content-security-policy: default-src 'self';img-src *;script-src 'self' 'unsafe-eval' 'unsafe-inline';style-src 'self' 'unsafe-inline';connect-src 'self' api.umami.is cloud.umami.is;frame-ancestors 'self' *
content-type: application/javascript; charset=utf-8
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: W/"a8b809821d04e40c5935471a8fe4be9a"
server: Vercel
strict-transport-security: max-age=63072000
x-dns-prefetch-control: on
x-matched-path: /script.js
x-vercel-cache: HIT
x-vercel-id: fra1::ckz68-1723326556245-675b596ca418
:status: 200

Request 22: https://jonasrebmann.de/assets/fonts/PPMori-SemiBold.woff2

URL: https://jonasrebmann.de/assets/fonts/PPMori-SemiBold.woff2
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 41, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/assets/css/framework.css?1.0.6
Request Start: 1.009 s
Time to First Byte: 65 ms
Content Download: 43 ms
Bytes In (downloaded): 38.4 KB
Uncompressed Size: 38.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/fonts/PPMori-SemiBold.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://jonasrebmann.de
priority: u=0
referer: https://jonasrebmann.de/assets/css/framework.css?1.0.6
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 39312
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "9990-61ccbb63f3173"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 23: https://jonasrebmann.de/assets/fonts/Redaction50-Bold.woff2

URL: https://jonasrebmann.de/assets/fonts/Redaction50-Bold.woff2
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 43, weight 256, depends on 41, EXCLUSIVE
Initiated By: https://jonasrebmann.de/assets/css/framework.css?1.0.6
Request Start: 1.019 s
Time to First Byte: 122 ms
Content Download: 29 ms
Bytes In (downloaded): 32.6 KB
Uncompressed Size: 32.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/fonts/Redaction50-Bold.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://jonasrebmann.de
priority: u=0
referer: https://jonasrebmann.de/assets/css/framework.css?1.0.6
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 33336
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "8238-61ccbb63f3173"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 24: https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp

URL: https://jonasrebmann.de/media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 45, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.305 s
Time to First Byte: 55 ms
Content Download: 4 ms
Bytes In (downloaded): 0.9 KB
Uncompressed Size: 0.9 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/e6271bdcff-1721974580/folder_yellow-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 946
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "3b2-61e207f30a46b"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 25: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp

URL: https://jonasrebmann.de/media/site/c80fe71d03-1721974627/talking-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 47, weight 147, depends on 45, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.314 s
Time to First Byte: 52 ms
Content Download: 3 ms
Bytes In (downloaded): 1.0 KB
Uncompressed Size: 1.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/c80fe71d03-1721974627/talking-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1056
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "420-61e207f318314"
last-modified: Fri, 26 Jul 2024 06:19:42 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 26: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp

URL: https://jonasrebmann.de/media/site/aa69d65afe-1721974624/coin-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 49, weight 147, depends on 47, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.321 s
Time to First Byte: 49 ms
Content Download: 3 ms
Bytes In (downloaded): 1.2 KB
Uncompressed Size: 1.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/aa69d65afe-1721974624/coin-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1232
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "4d0-61e207f325dd4"
last-modified: Fri, 26 Jul 2024 06:19:42 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 27: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp

URL: https://jonasrebmann.de/media/site/94fa365609-1721974624/computer-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 53, weight 147, depends on 51, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.379 s
Time to First Byte: 115 ms
Content Download: 5 ms
Bytes In (downloaded): 0.9 KB
Uncompressed Size: 0.9 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/94fa365609-1721974624/computer-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 942
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "3ae-61e207f2b83e8"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 28: https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp

URL: https://jonasrebmann.de/media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 55, weight 147, depends on 53, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.380 s
Time to First Byte: 120 ms
Content Download: 7 ms
Bytes In (downloaded): 1.5 KB
Uncompressed Size: 1.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/f3af950f20-1721974626/lightning-yellow-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1580
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "62c-61e207f2c7de8"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 29: https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp

URL: https://jonasrebmann.de/media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 57, weight 147, depends on 55, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.381 s
Time to First Byte: 129 ms
Content Download: 3 ms
Bytes In (downloaded): 1.4 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/ee67692d02-1721974624/diamond-blue-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1430
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "596-61e207f2d54c1"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 30: https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp

URL: https://jonasrebmann.de/media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 59, weight 147, depends on 57, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.384 s
Time to First Byte: 131 ms
Content Download: 4 ms
Bytes In (downloaded): 1.6 KB
Uncompressed Size: 1.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/0988cb7ea5-1721974627/pencil-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1588
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "634-61e207f2e2b9a"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 31: https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp

URL: https://jonasrebmann.de/media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 61, weight 147, depends on 59, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.384 s
Time to First Byte: 136 ms
Content Download: 3 ms
Bytes In (downloaded): 1.8 KB
Uncompressed Size: 1.8 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/4c734e9eee-1721974626/mushroom-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1876
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "754-61e207f2f0272"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 32: https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp

URL: https://jonasrebmann.de/media/site/f5c37dca87-1721974627/safari-140x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 63, weight 147, depends on 61, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.385 s
Time to First Byte: 140 ms
Content Download: 3 ms
Bytes In (downloaded): 1.7 KB
Uncompressed Size: 1.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/site/f5c37dca87-1721974627/safari-140x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 1738
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "6ca-61e207f2fd94b"
last-modified: Fri, 26 Jul 2024 06:19:41 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 33: https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp

URL: https://jonasrebmann.de/media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 65, weight 147, depends on 63, EXCLUSIVE
Initiated By: https://jonasrebmann.de/ line 1423
Request Start: 1.388 s
Time to First Byte: 148 ms
Content Download: 172 ms
Bytes In (downloaded): 60.6 KB
Uncompressed Size: 60.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /media/pages/home/89ac769f90-1721974585/jonas-1024x-q80.webp
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 62004
content-type: image/webp
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "f234-61e207f36ab67"
last-modified: Fri, 26 Jul 2024 06:19:42 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 34: https://jonasrebmann.de/assets/fonts/PPMori-Regular.woff2

URL: https://jonasrebmann.de/assets/fonts/PPMori-Regular.woff2
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 51, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/assets/css/framework.css?1.0.6
Request Start: 1.392 s
Time to First Byte: 70 ms
Content Download: 27 ms
Bytes In (downloaded): 36.1 KB
Uncompressed Size: 36.1 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/fonts/PPMori-Regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://jonasrebmann.de
priority: u=0
referer: https://jonasrebmann.de/assets/css/framework.css?1.0.6
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 36928
date: Sat, 10 Aug 2024 21:49:16 GMT
etag: "9040-61ccbb63f2d8b"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 35: https://jonasrebmann.de/achievements.json

URL: https://jonasrebmann.de/achievements.json
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 67, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://jonasrebmann.de/assets/js/dist/home.min.js?1.0.6 line 0 column 1711
Request Start: 1.733 s
Time to First Byte: 45 ms
Content Download: 1 ms
Bytes In (downloaded): 0.6 KB
Uncompressed Size: 1.5 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /achievements.json
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=1, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

content-encoding: gzip
content-length: 626
content-type: application/json; charset=UTF-8
date: Sat, 10 Aug 2024 21:49:16 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 36: https://jonasrebmann.de/assets/visuals/favicon.png

URL: https://jonasrebmann.de/assets/visuals/favicon.png
Host: jonasrebmann.de
IP: 185.26.156.222
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 69, weight 220, depends on 0, EXCLUSIVE
Request Start: 1.922 s
Time to First Byte: 35 ms
Content Download: 1 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.3 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: jonasrebmann.de
:method: GET
:path: /assets/visuals/favicon.png
: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://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
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/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
content-length: 336
content-type: image/png
date: Sat, 10 Aug 2024 21:49:17 GMT
etag: "150-61ccbb63f837b"
last-modified: Tue, 09 Jul 2024 07:45:21 GMT
referrer-policy: strict-origin-when-cross-origin
server: nginx
strict-transport-security: max-age=31536000
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block
:status: 200

Request 37: https://api-gateway.umami.dev/api/send

URL: https://api-gateway.umami.dev/api/send
Host: api-gateway.umami.dev
IP: 104.21.29.107
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://api-gateway.umami.dev/api/send
Request Start: 2.021 s
DNS Lookup: 45 ms
Time to First Byte: 162 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: api-gateway.umami.dev
:method: OPTIONS
:path: /api/send
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
access-control-request-headers: content-type
access-control-request-method: POST
origin: https://jonasrebmann.de
priority: u=1, i
referer: https://jonasrebmann.de/
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

access-control-allow-headers: *
access-control-allow-methods: POST, OPTIONS
access-control-allow-origin: *
access-control-max-age: 86400
alt-svc: h3=":443"; ma=86400
cf-placement: remote-EWR
cf-ray: 8b1331e71f591cc1-FRA
content-length: 0
date: Sat, 10 Aug 2024 21:49:17 GMT
expect-ct: max-age=86400, enforce
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
referrer-policy: same-origin
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=eQg0x2EbcYBIi1oQcznlqOcJuy1kNQNHjkj4AKnOKNDSwShIa2wnDfJsC0eTvZhKVTbmcthle2s3auZKlecSUgn5w9qTrZSktKB1j5nIXo5kjD%2Bi1SG5Sb%2FLSiSB0snqvFLBN%2BY3z2A%3D"}],"group":"cf-nel","max_age":604800}
server: cloudflare
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block

Request 38: https://api-gateway.umami.dev/api/send

URL: https://api-gateway.umami.dev/api/send
Host: api-gateway.umami.dev
IP: 104.21.29.107
Error/Status Code: 200
Priority: High
Protocol: h3
Initiated By: https://analytics.eu.umami.is/script.js line 0 column 1128
Request Start: 2.191 s
Time to First Byte: 863 ms
Content Download: 4 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: api-gateway.umami.dev
:method: POST
:path: /api/send
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 213
content-type: application/json
origin: https://jonasrebmann.de
priority: u=1, i
referer: https://jonasrebmann.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="127", "Google Chrome";v="127"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/127.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

access-control-allow-headers: *
access-control-allow-methods: POST, OPTIONS
access-control-allow-origin: *
access-control-max-age: 86400
alt-svc: h3=":443"; ma=86400
cf-cache-status: DYNAMIC
cf-placement: remote-EWR
cf-ray: 8b1331e808551cc1-FRA
content-length: 2
content-security-policy: default-src 'self';img-src *;script-src 'self' 'unsafe-eval' 'unsafe-inline';style-src 'self' 'unsafe-inline';connect-src 'self' api.umami.is cloud.umami.is;frame-ancestors 'self' undefined
content-type: application/json; charset=utf-8
date: Sat, 10 Aug 2024 21:49:18 GMT
etag: "bwc9mymkdm2"
expect-ct: max-age=86400, enforce
nel: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
referrer-policy: same-origin
report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=lynLy9qxMqcN2GjVMH6e%2FPhg3HKO06CWfzyrMSH%2BV0D5QheJA5f3hQlSxXsBzdVlI41AQFAQtKuu90TdTHcB%2BnbXIwjORrGAYQgRkpca7DDwonOaXQtUJpeCTjCDefUoE4kIl0xwmQo%3D"}],"group":"cf-nel","max_age":604800}
server: cloudflare
vary: Accept-Encoding
x-content-type-options: nosniff
x-dns-prefetch-control: on
x-frame-options: SAMEORIGIN
x-xss-protection: 1; mode=block