URL: https://tan3.de/
Date: 01/05/25 10:00:20

Webpage Performance Test Result

Settings: Desktopv131CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

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

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	LCP	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.398S	1.300S	.734S	1.301S	.819S	.002	.000S	1.499S	17	521KB	1.499S	17	521KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.723s - 0.725s (0.002s)	1.399s - 1.402s (0.003s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://tan3.de/assets/img/tan3_logo.png","width":160,"height":160,"naturalWidth":512,"naturalHeight":512},{"url":"https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1920x-q70.webp","width":1905,"height":1344,"naturalWidth":1920,"naturalHeight":1497},{"url":"https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x-q50.webp","width":432,"height":432,"naturalWidth":1920,"naturalHeight":1920},{"url":"https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x-q50.webp","width":432,"height":432,"naturalWidth":1920,"naturalHeight":1920},{"url":"https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x-q50.webp","width":432,"height":432,"naturalWidth":1920,"naturalHeight":1920},{"url":"https://tan3.de/media/pages/projekte/structure/1b76c46fac-1707852270/structure-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/proesler-kommunikation/eb15a458e0-1704044854/proesler-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/lighting-pad-lounge/717f3f14a4-1704044854/6-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/warfthof-wollatz/bde3c80296-1704044854/warfthof-wollatz-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/wissensstiftung/6adc78125d-1704044854/wissensstiftung-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/ostrop-interim-management/b5468ba1da-1704044854/ostrop-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/disc-n-dots/936c3dca46-1704044854/dnd-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/malgorzata-neubart/bb7de02220-1704044854/malgorzata-neubart-v1-800x.jpg","width":414,"height":414,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/100-jahre-guenter-behnisch/dfda00a87a-1704044854/1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/institut-fuer-die-geschichte-der-deutschen-juden/ef71ed6eeb-1704150218/igdj-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/drehmoment-marketing/3140b62113-1732191352/drehmoment-marketing-800x.jpg","width":389,"height":389,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/bio-plastics-europe/f65746ffe3-1704151786/bio-plastics-europe-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/media/pages/projekte/transplan-technik-bauplanung/8116597399-1704044854/transplan-v1-800x.jpg","width":432,"height":432,"naturalWidth":0,"naturalHeight":0},{"url":"https://tan3.de/assets/img/stefan.jpg","width":261,"height":261,"naturalWidth":310,"naturalHeight":310},{"url":"https://tan3.de/assets/img/oliver.jpg","width":261,"height":261,"naturalWidth":310,"naturalHeight":310}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Roboto","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Roboto Condensed","display":"swap","status":"loaded","style":"normal","weight":"500"},{"family":"Roboto Condensed","display":"swap","status":"loaded","style":"normal","weight":"600"}]
generated-content-percent: -0.33
generated-content-size: -0.23
imgs-in-viewport: [{"src":"https:\/\/tan3.de\/assets\/img\/tan3_logo.png","html":"<img class=\"logo opacity-60 hover:opacity-100 duration-300\" src=\"https:\/\/tan3.de\/assets\/img\/tan3_logo.png\" alt=\"tan3 logo\">","currentSrc":"https:\/\/tan3.de\/assets\/img\/tan3_logo.png","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":512,"naturalHeight":512},{"src":"https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-800x.jpg","html":"<img class=\"object-cover w-full h-[70vw] sm:40vw\" srcset=\"https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-640x.jpg 640w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-750x.jpg 750w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-828x.jpg 828w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1080x.jpg 1080w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1200x.jpg 1200w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1920x.jpg 1920w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-3000x.jpg 3000w\" src=\"https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-800x.jpg\" width=\"2960\" height=\"2308\" loading=\"lazy\" sizes=\"\" alt=\"\">","currentSrc":"https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1920x-q70.webp","srcSet":"https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-640x.jpg 640w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-750x.jpg 750w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-828x.jpg 828w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1080x.jpg 1080w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1200x.jpg 1200w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-1920x.jpg 1920w, https:\/\/tan3.de\/media\/pages\/home\/0f0f094d7f-1673358662\/rost-3000x.jpg 3000w","sizes":"","priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1497}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/a-frame-surf-yoga-camp\/a3df8b7bd4-1724762335\/aframe-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/a-frame-surf-yoga-camp\/a3df8b7bd4-1724762335\/aframe-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/a-frame-surf-yoga-camp\/a3df8b7bd4-1724762335\/aframe-v1-800x.jpg\" width=\"1200\" height=\"1200\" loading=\"lazy\" sizes=\"\" alt=\"A-Frame Surf-Yoga-Camp\u2028\">","currentSrc":"https:\/\/tan3.de\/media\/pages\/projekte\/a-frame-surf-yoga-camp\/a3df8b7bd4-1724762335\/aframe-v1-800x-q50.webp","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/a-frame-surf-yoga-camp\/a3df8b7bd4-1724762335\/aframe-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1920},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/architekturbuero-betzundredlitz\/b393ee9b8b-1717151923\/betzundredlitz-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/architekturbuero-betzundredlitz\/b393ee9b8b-1717151923\/betzundredlitz-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/architekturbuero-betzundredlitz\/b393ee9b8b-1717151923\/betzundredlitz-v1-800x.jpg\" width=\"1032\" height=\"1032\" loading=\"lazy\" sizes=\"\" alt=\"Architekturb\u00fcro betzundredlitz\">","currentSrc":"https:\/\/tan3.de\/media\/pages\/projekte\/architekturbuero-betzundredlitz\/b393ee9b8b-1717151923\/betzundredlitz-v1-800x-q50.webp","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/architekturbuero-betzundredlitz\/b393ee9b8b-1717151923\/betzundredlitz-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1920},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/german-brazilian-science-and-technology-network\/bdf3d78ca6-1711029949\/gerbras-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/german-brazilian-science-and-technology-network\/bdf3d78ca6-1711029949\/gerbras-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/german-brazilian-science-and-technology-network\/bdf3d78ca6-1711029949\/gerbras-v1-800x.jpg\" width=\"971\" height=\"971\" loading=\"lazy\" sizes=\"\" alt=\"German-Brazilian Science and Technology Network\">","currentSrc":"https:\/\/tan3.de\/media\/pages\/projekte\/german-brazilian-science-and-technology-network\/bdf3d78ca6-1711029949\/gerbras-v1-800x-q50.webp","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/german-brazilian-science-and-technology-network\/bdf3d78ca6-1711029949\/gerbras-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1920},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/structure\/1b76c46fac-1707852270\/structure-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/structure\/1b76c46fac-1707852270\/structure-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/structure\/1b76c46fac-1707852270\/structure-v1-800x.jpg\" width=\"960\" height=\"960\" loading=\"lazy\" sizes=\"\" alt=\"str.ucture\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/structure\/1b76c46fac-1707852270\/structure-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/proesler-kommunikation\/eb15a458e0-1704044854\/proesler-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/proesler-kommunikation\/eb15a458e0-1704044854\/proesler-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/proesler-kommunikation\/eb15a458e0-1704044854\/proesler-v1-800x.jpg\" width=\"960\" height=\"960\" loading=\"lazy\" sizes=\"\" alt=\"Proesler Kommunikation\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/proesler-kommunikation\/eb15a458e0-1704044854\/proesler-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/lighting-pad-lounge\/717f3f14a4-1704044854\/6-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/lighting-pad-lounge\/717f3f14a4-1704044854\/6-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/lighting-pad-lounge\/717f3f14a4-1704044854\/6-800x.jpg\" width=\"2000\" height=\"2000\" loading=\"lazy\" sizes=\"\" alt=\"Lighting Pad Lounge\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/lighting-pad-lounge\/717f3f14a4-1704044854\/6-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/warfthof-wollatz\/bde3c80296-1704044854\/warfthof-wollatz-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/warfthof-wollatz\/bde3c80296-1704044854\/warfthof-wollatz-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/warfthof-wollatz\/bde3c80296-1704044854\/warfthof-wollatz-v1-800x.jpg\" width=\"969\" height=\"969\" loading=\"lazy\" sizes=\"\" alt=\"Warfthof Wollatz\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/warfthof-wollatz\/bde3c80296-1704044854\/warfthof-wollatz-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/wissensstiftung\/6adc78125d-1704044854\/wissensstiftung-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/wissensstiftung\/6adc78125d-1704044854\/wissensstiftung-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/wissensstiftung\/6adc78125d-1704044854\/wissensstiftung-v1-800x.jpg\" width=\"960\" height=\"960\" loading=\"lazy\" sizes=\"\" alt=\"Wissensstiftung\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/wissensstiftung\/6adc78125d-1704044854\/wissensstiftung-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/ostrop-interim-management\/b5468ba1da-1704044854\/ostrop-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/ostrop-interim-management\/b5468ba1da-1704044854\/ostrop-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/ostrop-interim-management\/b5468ba1da-1704044854\/ostrop-v1-800x.jpg\" width=\"976\" height=\"976\" loading=\"lazy\" sizes=\"\" alt=\"Ostrop Interim Management\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/ostrop-interim-management\/b5468ba1da-1704044854\/ostrop-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/disc-n-dots\/936c3dca46-1704044854\/dnd-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/disc-n-dots\/936c3dca46-1704044854\/dnd-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/disc-n-dots\/936c3dca46-1704044854\/dnd-v1-800x.jpg\" width=\"1000\" height=\"1000\" loading=\"lazy\" sizes=\"\" alt=\"Disc'n Dots\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/disc-n-dots\/936c3dca46-1704044854\/dnd-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/malgorzata-neubart\/bb7de02220-1704044854\/malgorzata-neubart-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/malgorzata-neubart\/bb7de02220-1704044854\/malgorzata-neubart-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/malgorzata-neubart\/bb7de02220-1704044854\/malgorzata-neubart-v1-800x.jpg\" width=\"900\" height=\"900\" loading=\"lazy\" sizes=\"\" alt=\"Ma\u0142gorzata Neubart\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/malgorzata-neubart\/bb7de02220-1704044854\/malgorzata-neubart-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/100-jahre-guenter-behnisch\/dfda00a87a-1704044854\/1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/100-jahre-guenter-behnisch\/dfda00a87a-1704044854\/1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/100-jahre-guenter-behnisch\/dfda00a87a-1704044854\/1-800x.jpg\" width=\"1000\" height=\"999\" loading=\"lazy\" sizes=\"\" alt=\"100 Jahre G\u00fcnter Behnisch\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/100-jahre-guenter-behnisch\/dfda00a87a-1704044854\/1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/institut-fuer-die-geschichte-der-deutschen-juden\/ef71ed6eeb-1704150218\/igdj-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/institut-fuer-die-geschichte-der-deutschen-juden\/ef71ed6eeb-1704150218\/igdj-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/institut-fuer-die-geschichte-der-deutschen-juden\/ef71ed6eeb-1704150218\/igdj-v1-800x.jpg\" width=\"1308\" height=\"1308\" loading=\"lazy\" sizes=\"\" alt=\"Institut f\u00fcr die Geschichte der deutschen Juden\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/institut-fuer-die-geschichte-der-deutschen-juden\/ef71ed6eeb-1704150218\/igdj-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/drehmoment-marketing\/3140b62113-1732191352\/drehmoment-marketing-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/drehmoment-marketing\/3140b62113-1732191352\/drehmoment-marketing-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/drehmoment-marketing\/3140b62113-1732191352\/drehmoment-marketing-800x.jpg\" width=\"1068\" height=\"1068\" loading=\"lazy\" sizes=\"\" alt=\"Drehmoment Marketing\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/drehmoment-marketing\/3140b62113-1732191352\/drehmoment-marketing-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/bio-plastics-europe\/f65746ffe3-1704151786\/bio-plastics-europe-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/bio-plastics-europe\/f65746ffe3-1704151786\/bio-plastics-europe-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/bio-plastics-europe\/f65746ffe3-1704151786\/bio-plastics-europe-v1-800x.jpg\" width=\"930\" height=\"930\" loading=\"lazy\" sizes=\"\" alt=\"Bio-Plastics Europe\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/bio-plastics-europe\/f65746ffe3-1704151786\/bio-plastics-europe-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/media\/pages\/projekte\/transplan-technik-bauplanung\/8116597399-1704044854\/transplan-v1-800x.jpg","html":"<img class=\"w-full object-cover object-top pr-sidebar sm:pr-0\" srcset=\"https:\/\/tan3.de\/media\/pages\/projekte\/transplan-technik-bauplanung\/8116597399-1704044854\/transplan-v1-800x.jpg 800w\" src=\"https:\/\/tan3.de\/media\/pages\/projekte\/transplan-technik-bauplanung\/8116597399-1704044854\/transplan-v1-800x.jpg\" width=\"1076\" height=\"1076\" loading=\"lazy\" sizes=\"\" alt=\"Transplan Technik-Bauplanung\">","currentSrc":"","srcSet":"https:\/\/tan3.de\/media\/pages\/projekte\/transplan-technik-bauplanung\/8116597399-1704044854\/transplan-v1-800x.jpg 800w","sizes":"","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/tan3.de\/assets\/img\/stefan.jpg","html":"<img class=\"mx-auto w-2\/3 rounded-full\" src=\"https:\/\/tan3.de\/assets\/img\/stefan.jpg\" alt=\"\">","currentSrc":"https:\/\/tan3.de\/assets\/img\/stefan.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":310,"naturalHeight":310},{"src":"https:\/\/tan3.de\/assets\/img\/oliver.jpg","html":"<img class=\"mx-auto w-2\/3 rounded-full\" src=\"https:\/\/tan3.de\/assets\/img\/oliver.jpg\" alt=\"\">","currentSrc":"https:\/\/tan3.de\/assets\/img\/oliver.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":310,"naturalHeight":310}]
jsLibsVulns: []
meta-viewport: width=device-width,initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/tan3.de\/assets\/css\/site.min.3f49fe558417eed389f7b64b339e6e66.css"]
rendered-html: <html lang="de" class="scroll-smooth no-touch:snap-y no-touch" style="scroll-behavior: smooth;"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="description" content="tan3 sind Stefan Mielke und Oliver Tan. Konzeption, Gestaltung, Realisierung von Websites. Unaufgeregt. Professionell. Norddeutsch."> <title>tan3 | Webdesign -und programmierung aus Hamburg</title> <script async="" src="https://stats.tan3.de/matomo.js"></script><script> document.documentElement.className += (("ontouchstart" in document.documentElement) ? ' touch' : ' no-touch'); </script> <link href="https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css" rel="stylesheet"> <script defer="" src="https://tan3.de/assets/js/site.min.ccc5dad79cfbae037897ccb5418b2ef1.js"></script>  <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://stats.tan3.de/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '21']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>  </head> <body class="text-white/60 text-base font-roboto" style=""> <div class="fixed z-50 w-sidebar"> <div class="p-container text-white/50"> <ul class="space-y-1 sm:space-y-3 text-xs sm:text-sm md:text-base xl:text-lg font-display font-medium" data-scrollspy=""> <li class="mb-6 active"> <a href="#top"> <img class="logo opacity-60 hover:opacity-100 duration-300" src="https://tan3.de/assets/img/tan3_logo.png" alt="tan3 logo"> </a> </li> <li class=""> <a href="#projects" class="inline-block hover:text-white duration-300 py-2 sm:py-0">Projekte</a> </li> <li class=""> <a href="#about" class="inline-block hover:text-white duration-300 py-2 sm:py-0">Über uns</a> </li> <li class=""> <a href="#contact" class="inline-block hover:text-white duration-300 py-2 sm:py-0">Kontakt</a> </li> </ul> </div> </div> <section class="relative overflow-hidden active" id="top" x-data="welcomeSlant"> <div class="relative"> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-640x-q70.webp 640w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-750x-q70.webp 750w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-828x-q70.webp 828w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1080x-q70.webp 1080w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1200x-q70.webp 1200w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1920x-q70.webp 1920w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-3000x-q70.webp 3000w" sizes=""> <img class="object-cover w-full h-[70vw] sm:40vw" srcset="https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-640x.jpg 640w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-750x.jpg 750w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-828x.jpg 828w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1080x.jpg 1080w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1200x.jpg 1200w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1920x.jpg 1920w, https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-3000x.jpg 3000w" src="https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-800x.jpg" width="2960" height="2308" loading="lazy" sizes="" alt=""> </picture> <div class="w-full relative"> <div x-ref="slant" class="absolute box bg-stone-100 -translate-y-1/2 h-[30vw] sm:h-[25vw] rotate-[-10deg] origin-center" style="width: calc(100vw + 200px)"></div> <div class="bg-stone-100 px-container pb-[8vw] relative pl-sidebar 2xl:pr-sidebar"> <div class="max-w-text lg:ml-auto"> <div class="text-gray-800 text-5xl mb-[.5em] font-display "> Unaufgeregt.<br class="sm:hidden"> <span class="text-gray-700 sm:text-inherit">Professionell.</span><br class="sm:hidden"> <span class="text-gray-600 sm:text-inherit">Norddeutsch.</span> </div> <p class="text-gray-700 max-w-text leading-relaxed"> <strong>Hamburg 2007</strong> - Wir machen unsere Leidenschaft für alles Digitale zum Beruf. Auch ungefähr 18,025 Jahre später lässt uns diese Faszination nicht los. </p> </div> </div> </div> </div> </section> <div x-data="slant" class="bg-stone-100 absolute w-full z-10 -translate-y-1/2"> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px fill-tan3-blue-800 h-[10vw]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg></div> <section class="relative pt-container pb-[12vw] sm:pb-[9vw] bg-tan3-blue-800 no-touch:snap-start" id="projects"> <div class="relative px-container pl-sidebar 2xl:pr-sidebar"> <header class="pb-2.5 sm:pb-0 pt-[1.4em] sm:pt-0 h-auto sm:h-20 md:h-24 xl:h-40 flex mb-[1em] flex"> <h2 class="text-3xl font-display font-semibold text-white self-end mb-[-.2em] w-full">Projekte</h2> </header> <div class="mb-[2em] max-w-text"> Nachfolgend eine Auswahl unserer realisierten Websites.<br>Häufig kommt dabei das Content Management System Kirby CMS zum Einsatz. </div> <div class="grid sm:grid-cols-2 lg:grid-cols-3 min-[2048px]:grid-cols-4 gap-[12vw] sm:gap-x-6 sm:gap-y-[3em] md:gap-x-8 xl:gap-x-12 mt-[3em] group/projects pointer-events-none"> <div id="a-frame-surf-yoga-camp" class="sm:mx-auto relative pointer-events-auto"> <a href="https://aframe.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x.jpg" width="1200" height="1200" loading="lazy" sizes="" alt="A-Frame Surf-Yoga-Camp "> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">A-Frame Surf-Yoga-Camp </h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">aframe.de</span> <p class="text-sm mt-[.75em]">A-Frame ist ein Surf- und Yogacamp in Südspanien, bietet Surf- und Yogareisen an, mit Kursen für alle Level, inkl. Unterkunft und Verpflegung.<br></p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="architekturbuero-betzundredlitz" class="sm:mx-auto relative pointer-events-auto"> <a href="https://betzundredlitz.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x.jpg" width="1032" height="1032" loading="lazy" sizes="" alt="Architekturbüro betzundredlitz"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Architekturbüro betzundredlitz</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">betzundredlitz.de</span> <p class="text-sm mt-[.75em]">beetzundrelitz ist ein Hamburger Architekturbüro für alle Leistungsphasen von der Ideenentwicklung über Planung bis Bauüberwachung.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="german-brazilian-science-and-technology-network" class="sm:mx-auto relative pointer-events-auto"> <a href="https://gerbras-science.net/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x.jpg" width="971" height="971" loading="lazy" sizes="" alt="German-Brazilian Science and Technology Network"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">German-Brazilian Science and Technology Network</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">gerbras-science.net</span> <p class="text-sm mt-[.75em]">Website für ein Netzwerk, dass eine engere Verbindungen zwischen Brasilien und Deutschland im Bereich Wissenschaft und Technologie fördern soll.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="structure" class="sm:mx-auto relative pointer-events-auto"> <a href="https://www.str-ucture.com/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/structure/1b76c46fac-1707852270/structure-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/structure/1b76c46fac-1707852270/structure-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/structure/1b76c46fac-1707852270/structure-v1-800x.jpg" width="960" height="960" loading="lazy" sizes="" alt="str.ucture"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">str.ucture</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">str-ucture.com</span> <p class="text-sm mt-[.75em]">Das stuttgarter Ingenieurbüro hat experimentelle und forschungsorientierten Ansätze in der Tragwerksplanung, mit dem Ziel der Minimierung des Ressourcenverbrauchs.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="proesler-kommunikation" class="sm:mx-auto relative pointer-events-auto"> <a href="https://www.proesler.com/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/proesler-kommunikation/eb15a458e0-1704044854/proesler-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/proesler-kommunikation/eb15a458e0-1704044854/proesler-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/proesler-kommunikation/eb15a458e0-1704044854/proesler-v1-800x.jpg" width="960" height="960" loading="lazy" sizes="" alt="Proesler Kommunikation"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Proesler Kommunikation</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">proesler.com</span> <p class="text-sm mt-[.75em]">Website für eine tübinger Content-Agentur mit Schwerpunkt in den Bereichen Bauwirtschaft, Zukunftstechnologien und nachhaltiges Wirtschaften.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="lighting-pad-lounge" class="sm:mx-auto relative pointer-events-auto"> <a href="https://lightingpadlounge.com/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/lighting-pad-lounge/717f3f14a4-1704044854/6-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/lighting-pad-lounge/717f3f14a4-1704044854/6-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/lighting-pad-lounge/717f3f14a4-1704044854/6-800x.jpg" width="2000" height="2000" loading="lazy" sizes="" alt="Lighting Pad Lounge"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Lighting Pad Lounge</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">lightingpadlounge.com</span> <p class="text-sm mt-[.75em]">Website für eine besondere Leuchte mit stufenloser Verstellmöglichkeit der Höhe und Farbtemperatur, sowie einer schallabsobierenden Unterseite.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="warfthof-wollatz" class="sm:mx-auto relative pointer-events-auto"> <a href="https://www.warfthof-wollatz.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/warfthof-wollatz/bde3c80296-1704044854/warfthof-wollatz-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/warfthof-wollatz/bde3c80296-1704044854/warfthof-wollatz-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/warfthof-wollatz/bde3c80296-1704044854/warfthof-wollatz-v1-800x.jpg" width="969" height="969" loading="lazy" sizes="" alt="Warfthof Wollatz"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Warfthof Wollatz</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">warfthof-wollatz.de</span> <p class="text-sm mt-[.75em]">Einblicke in den Ferienurlaub-Bioland-Hof der Familie Wollatz, gelegen an der Nordsee.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="wissensstiftung" class="sm:mx-auto relative pointer-events-auto"> <a href="https://wissensstiftung.eu/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/wissensstiftung/6adc78125d-1704044854/wissensstiftung-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/wissensstiftung/6adc78125d-1704044854/wissensstiftung-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/wissensstiftung/6adc78125d-1704044854/wissensstiftung-v1-800x.jpg" width="960" height="960" loading="lazy" sizes="" alt="Wissensstiftung"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Wissensstiftung</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">wissensstiftung.eu</span> <p class="text-sm mt-[.75em]">Die Wissensstiftung stellt praxisorientiertes, qualitätsgesichertes und kuratiertes Wissen zu aktuell relevanten Themen kostenfrei zur Verfügung.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="ostrop-interim-management" class="sm:mx-auto relative pointer-events-auto"> <a href="https://ostrop.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/ostrop-interim-management/b5468ba1da-1704044854/ostrop-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/ostrop-interim-management/b5468ba1da-1704044854/ostrop-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/ostrop-interim-management/b5468ba1da-1704044854/ostrop-v1-800x.jpg" width="976" height="976" loading="lazy" sizes="" alt="Ostrop Interim Management"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Ostrop Interim Management</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">ostrop.de</span> <p class="text-sm mt-[.75em]">Der hamburger Unternehmensberater Peter Ostrop bietet unter anderem Management auf Zeit an.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="disc-n-dots" class="sm:mx-auto relative pointer-events-auto"> <a href="https://discanddots.rosso-acoustic.com" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/disc-n-dots/936c3dca46-1704044854/dnd-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/disc-n-dots/936c3dca46-1704044854/dnd-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/disc-n-dots/936c3dca46-1704044854/dnd-v1-800x.jpg" width="1000" height="1000" loading="lazy" sizes="" alt="Disc'n Dots"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Disc'n Dots</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">discanddots.rosso-acoustic.com</span> <p class="text-sm mt-[.75em]">Rossoacoustic Disc’n Dots ist ein modulares Akustiksystem, das Räume in angenehme Klangzonen verwandelt.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="malgorzata-neubart" class="sm:mx-auto relative pointer-events-auto"> <a href="https://malgorzataneubart.com/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/malgorzata-neubart/bb7de02220-1704044854/malgorzata-neubart-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/malgorzata-neubart/bb7de02220-1704044854/malgorzata-neubart-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/malgorzata-neubart/bb7de02220-1704044854/malgorzata-neubart-v1-800x.jpg" width="900" height="900" loading="lazy" sizes="" alt="Małgorzata Neubart"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Małgorzata Neubart</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">malgorzataneubart.com</span> <p class="text-sm mt-[.75em]">Portfolio der Hamburger Künstlerin Małgorzata Neubart.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="100-jahre-guenter-behnisch" class="sm:mx-auto relative pointer-events-auto"> <a href="https://guenterbehnisch.com/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/100-jahre-guenter-behnisch/dfda00a87a-1704044854/1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/100-jahre-guenter-behnisch/dfda00a87a-1704044854/1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/100-jahre-guenter-behnisch/dfda00a87a-1704044854/1-800x.jpg" width="1000" height="999" loading="lazy" sizes="" alt="100 Jahre Günter Behnisch"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">100 Jahre Günter Behnisch</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">guenterbehnisch.com</span> <p class="text-sm mt-[.75em]">Anlässlich des 100. Geburtstags von Günter Behnisch zeigt die Ausstellung das Leben und Werk des Architekten.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="institut-fuer-die-geschichte-der-deutschen-juden" class="sm:mx-auto relative pointer-events-auto"> <a href="https://igdj-hh.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/institut-fuer-die-geschichte-der-deutschen-juden/ef71ed6eeb-1704150218/igdj-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/institut-fuer-die-geschichte-der-deutschen-juden/ef71ed6eeb-1704150218/igdj-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/institut-fuer-die-geschichte-der-deutschen-juden/ef71ed6eeb-1704150218/igdj-v1-800x.jpg" width="1308" height="1308" loading="lazy" sizes="" alt="Institut für die Geschichte der deutschen Juden"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Institut für die Geschichte der deutschen Juden</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">igdj-hh.de</span> <p class="text-sm mt-[.75em]">Hamburger Forschungseinrichtung, die sich der deutsch-jüdischen Geschichte widmet.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <?xml version="1.0" encoding="UTF-8" standalone="no"?>  <svg version="1.1" id="Ebene_1" x="0px" y="0px" viewBox="0 0 83.100002 84.180002" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs27"> </defs> <style type="text/css" id="style2"> .st0{fill:#ff8700;} </style> <g id="g20"> <path class="st0" d="m 32.94,8.72 c 0,-4.58 1.08,-6.1 2.61,-7.42 C 22.46,2.83 6.76,7.63 1.74,13.74 0.66,15.27 0,17.66 0,20.72 c 0,19.41 20.72,63.46 35.33,63.46 6.76,0 18.16,-11.11 27.54,-26.17 -1.25,0.37 -2.24,0.51 -3.55,0.51 C 48.63,58.51 32.94,21.15 32.94,8.72 Z" id="path16" /> <path class="st0" d="m 56.05,0 c -5.67,0 -7.85,1.09 -7.85,6.76 0,12.43 11.12,37.3 20.07,37.3 C 73.28,44.06 83.1,25.3 83.1,9.81 83.1,2.18 69.57,0 56.05,0 Z" id="path18" /> </g> </svg> </div> <p><strong>TYPO3</strong> ist ein Open-Source-Content-Management-System (CMS), Es ist in PHP geschrieben und verwendet eine MySQL-Datenbank. </p> <p>TYPO3 ist in hohem Maße anpassbar und kann für die Erstellung von Websites jeder Größe und Komplexität verwendet werden. Außerdem ist es sehr erweiterbar, so dass eigene Erweiterungen und Plugins erstellen werden können. </p> <p>TYPO3 wird von vielen Organisationen eingesetzt, darunter Universitäten, Behörden und große Unternehmen.</p> <p>Mehr Infos: <a href="http://typo3.org/" rel="noreferrer" target="_blank">typo3.org</a></p> </div> </div> " aria-expanded="false"> TYPO3 </button> </div> </div> <div id="drehmoment-marketing" class="sm:mx-auto relative pointer-events-auto"> <a href="https://www.drehmoment-marketing.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/drehmoment-marketing/3140b62113-1732191352/drehmoment-marketing-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/drehmoment-marketing/3140b62113-1732191352/drehmoment-marketing-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/drehmoment-marketing/3140b62113-1732191352/drehmoment-marketing-800x.jpg" width="1068" height="1068" loading="lazy" sizes="" alt="Drehmoment Marketing"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Drehmoment Marketing</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">drehmoment-marketing.de</span> <p class="text-sm mt-[.75em]">Kreativ-Marketing-Agentur für Marken im Mittelstand</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="bio-plastics-europe" class="sm:mx-auto relative pointer-events-auto"> <a href="https://bioplasticseurope.eu/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/bio-plastics-europe/f65746ffe3-1704151786/bio-plastics-europe-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/bio-plastics-europe/f65746ffe3-1704151786/bio-plastics-europe-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/bio-plastics-europe/f65746ffe3-1704151786/bio-plastics-europe-v1-800x.jpg" width="930" height="930" loading="lazy" sizes="" alt="Bio-Plastics Europe"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Bio-Plastics Europe</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">bioplasticseurope.eu</span> <p class="text-sm mt-[.75em]">Entwicklung und Umsetzung nachhaltiger Lösungen für die Herstellung und Verwendung biobasierter Kunststoffe.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> <div id="transplan-technik-bauplanung" class="sm:mx-auto relative pointer-events-auto"> <a href="https://transplan-technik.de/" class="group/project inline-block -mr-container sm:mr-0" target="_blank"> <div class="absolute inset-0 no-touch:group-hover/projects:bg-tan3-blue-800/50 no-touch:group-hover/project:bg-transparent z-10 duration-500 ease-in-out pointer-events-none"></div> <picture> <source type="image/webp" srcset="https://tan3.de/media/pages/projekte/transplan-technik-bauplanung/8116597399-1704044854/transplan-v1-800x-q50.webp 800w" sizes=""> <img class="w-full object-cover object-top pr-sidebar sm:pr-0" srcset="https://tan3.de/media/pages/projekte/transplan-technik-bauplanung/8116597399-1704044854/transplan-v1-800x.jpg 800w" src="https://tan3.de/media/pages/projekte/transplan-technik-bauplanung/8116597399-1704044854/transplan-v1-800x.jpg" width="1076" height="1076" loading="lazy" sizes="" alt="Transplan Technik-Bauplanung"> </picture> <div class="pr-container sm:pr-0"> <h3 class="h4 mt-[0.5em] mb-0 text-white leading-tight">Transplan Technik-Bauplanung</h3> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">transplan-technik.de</span> <p class="text-sm mt-[.75em]">Generalplaner für Energie- und Klimakonzeption, technische Gebäudeplanung und Bauphysik.</p> </div> </a> <div class="mt-[.5em] text-xs font-bold"> <button type="button" class="inline-block border border-tan3-blue rounded-full mt-[.5em] mr-[.5em] px-2 py-1 hover:bg-tan3-blue text-tan3-blue hover:text-tan3-blue-800" data-tippy-content="<div> <div class="kirbytext tippy-content"> <div class="w-16 float-right"> <svg viewBox="0 0 36 42" fill="#000"> <path d="M18,0 L36,10.4981014 L36,31.5018986 L18,42 L0,31.5018986 L0,10.4981014 L18,0 Z M2,11.6926791 L2,30.3073209 L18,39.6389666 L34,30.3073209 L34,11.6926791 L18,2.36103344 L2,11.6926791 Z"></path> <polyline points="26 21 21 23.59 21 24 26 24 26 28 10 28 10 24 15 24 15 23.563 10 21 10 16 18 20.297 26 16"></polyline> </svg> </div> <p><strong>Kirby CMS </strong>ist ein leistungsstarkes und flexibles Content Management System (CMS), das die Erstellung und Verwaltung von Websites vereinfacht. </p> <p>Es basiert auf PHP und verwendet eine Ordner/Textdatei-Architektur, so dass keine Datenbank erforderlich ist. Kirby ist in hohem Maße erweiterbar und ermöglicht es benutzerdefinierte Plugins und Layouts zu erstellen, um ihre Websites anzupassen. </p> <p>Außerdem bietet es eine Vielzahl von Funktionen, darunter ein leistungsstarkes Templating-System, ein intuitives Admin-Panel und einen einfach zu bedienenden Content-Editor.</p> <p>Mehr Infos: <a href="https://getkirby.com/" rel="noreferrer" target="_blank">getkirby.com</a></p> </div> </div> " aria-expanded="false"> Kirby </button> </div> </div> </div> <h3 class="mt-[3em] h4">Weitere realisierte Projekte der letzten Jahre:</h3> <div class="space-y-[1em] md:space-y-[.5em]"> <div> <a class="group leading-none inline-block" href="https://ffps-service.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">FFPS Service</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">ffps-service.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://blackbox.nimbus-lighting.com/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Blackbox</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">blackbox.nimbus-lighting.com</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://syspro.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Syspro</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">syspro.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://rosspartner.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Rosspartner</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">rosspartner.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://sep-ds.net/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Scientific Events and Publications Dissemination Service</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">sep-ds.net</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://walterleal.info/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Professor Walter Leal</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">walterleal.info</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://ams-die-akademie.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">AMS - Die Akademie</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">ams-die-akademie.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://www.harderstumpflschramm.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">H III S Architekten</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">harderstumpflschramm.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://flonks.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">Flonks</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">flonks.de</span> </a> </div> <div> <a class="group leading-none inline-block" href="https://apb-architekten.de/" target="_blank"> <div class="font-display font-semibold text-white md:inline-block">APB Architekten</div> <span class="inline-block underline underline-offset-4 group-hover:text-white duration-300 text-sm">apb-architekten.de</span> </a> </div> </div> </div> </section> <div x-data="slant" class="bg-tan3-blue-800 absolute w-full z-10 -translate-y-1/2"> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px fill-tan3-blue-700 h-[15vw]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg></div> <section class="relative bg-tan3-blue-700 pt-container pb-[12vw] sm:pb-[9vw] no-touch:snap-start" id="about"> <div class="relative sm:text-center pl-sidebar sm:pr-container lg:pr-sidebar"> <header class="pb-2.5 sm:pb-0 pt-[1.4em] sm:pt-0 h-auto sm:h-20 md:h-24 xl:h-40 flex mb-[1em] flex"> <h2 class="text-3xl font-display font-semibold text-white self-end mb-[-.2em] w-full">Das sind wir</h2> </header> <p class="mb-[2em] max-w-text mx-auto pr-container sm:pr-0"> Wir sind ein gutes Team und leisten gute Arbeit.<br> Nicht mehr und nicht weniger. </p> <ul role="list" class="grid sm:grid-cols-2 sm:space-y-0 max-w-5xl gap-y-[1em] sm:gap-x-6 md:gap-x-8 xl:gap-x-12 mx-auto pr-sidebar sm:pr-0"> <li class="p-[5vw] sm:p-container text-center bg-tan3-blue-750 rounded-3xl"> <div class="space-y-[1em]"> <img class="mx-auto w-2/3 rounded-full" src="https://tan3.de/assets/img/stefan.jpg" alt=""> <div class=""> <h3 class="font-bold text-lg text-white">Stefan Mielke</h3> <a class="inline-block hover:text-white duration-300" href="mailto:[email protected]">[email protected]</a> <div class="mt-[.5em] text-tan3-blue-400 text-xs"> <span class="whitespace-nowrap">Web/WaterSurfer</span>, <span class="whitespace-nowrap">Keyboard Maniac</span> </div> </div> </div> </li> <li class="p-[5vw] sm:p-container text-center bg-tan3-blue-750 rounded-3xl"> <div class="space-y-[1em]"> <img class="mx-auto w-2/3 rounded-full" src="https://tan3.de/assets/img/oliver.jpg" alt=""> <div class=""> <h3 class="font-bold text-lg text-white">Oliver Tan</h3> <a class="inline-block hover:text-white duration-300" href="mailto:[email protected]">[email protected]</a> <div class="mt-[.5em] text-tan3-blue-400 text-xs"> <span class="whitespace-nowrap">Pixelschubser</span>, <span class="whitespace-nowrap">Guitar Hero</span> </div> </div> </div> </li> </ul> </div> </section> <div x-data="slant" class="bg-tan3-blue-700 absolute w-full z-10 -translate-y-1/2"> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px fill-tan3-blue h-[10vw]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg></div> <section class="relative flex min-h-screen flex-col bg-tan3-blue pt-container no-touch:snap-start" id="contact"> <div class="relative pr-container pl-sidebar grow"> <div class="relative z-10"> <header class="pb-2.5 sm:pb-0 pt-[1.4em] sm:pt-0 h-auto sm:h-20 md:h-24 xl:h-40 flex mb-[1em] flex"> <h2 class="text-3xl font-display font-semibold text-white self-end mb-[-.2em] w-full">Schnacken oder Texten?</h2> </header> <p class="mb-[2em] max-w-text"> Nehmen Sie gerne jederzeit Kontakt auf. Wir freuen uns auf Ihre Anfrage. </p> <div class="relative my-[1em] space-y-[.5em] text-xl "> <div class=""> <a href="tel:+494027860045" class="inline-flex items-center font-bold duration-200 text-white/60 hover:text-white underline-offset-8"> <div class="h-10 w-10 sm:h-[1.5em] sm:w-[1.5em] mr-[0.5em]"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path> </svg> </div> <div>+49 40 27 86 00 45</div> </a> </div> <div class=""> <a href="mailto:[email protected]" class="inline-flex items-center space-x-1 font-bold duration-200 text-white/60 hover:text-white underline-offset-8"> <div class="h-10 w-10 sm:h-[1.5em] sm:w-[1.5em] mr-[0.5em]"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path> </svg> </div> [email protected] </a> </div> </div> </div> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-550 h-[80vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-600 h-[70vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-650 h-[60vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-700 h-[50vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-750 h-[40vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-800 h-[30vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-850 h-[20vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> <svg x-ref="svg" viewBox="0 0 100 100" class="w-full stroke-none block -mb-px absolute bottom-0 left-0 fill-tan3-blue-900 h-[10vh]" preserveAspectRatio="none"> <polygon points="100, 100, 0 100 100 0"></polygon> </svg> </div> <div class="text-tan3-blue text-sm bg-tan3-blue-900 pl-sidebar pr-container sm:px-container sm:pl-sidebar py-[1em] pb-[3em]"> <div class="space-x-[1em]"> <a class="hover:text-white" href="https://tan3.de/impressum">Impressum</a> <a class="hover:text-white" href="https://tan3.de/datenschutz">Datenschutz</a> </div> </div> </section> </body></html>
securityHeaders: {"securityHeadersList":["x-content-type-options","x-frame-options"],"securityHeadersGrade":"D","securityHeadersScore":40}

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 response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

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://tan3.de/	text/html	Highest	0.284 s	46 ms	61 ms	175 ms	114 ms	3 ms	7.5 KB	2 ms	200	135.181.126.217
2	https://tan3.de/asse...89f7b64b339e6e66.css	text/css	Highest	0.416 s	-	-	-	73 ms	1 ms	4.4 KB	-	200	135.181.126.217
3	https://tan3.de/asse...37897ccb5418b2ef1.js	text/javascript	Low	0.417 s	-	-	-	183 ms	86 ms	65.2 KB	39 ms	200	135.181.126.217
4	https://tan3.de/assets/img/tan3_logo.png	image/png	Medium	0.417 s	-	-	-	83 ms	1 ms	3.7 KB	-	200	135.181.126.217
5	https://tan3.de/assets/img/stefan.jpg	image/jpeg	Medium	0.417 s	-	-	-	106 ms	48 ms	30.7 KB	-	200	135.181.126.217
6	https://tan3.de/assets/img/oliver.jpg	image/jpeg	Medium	0.501 s	-	-	-	212 ms	19 ms	28.4 KB	-	200	135.181.126.217
7	https://tan3.de/medi.../rost-1920x-q70.webp	image/webp	High	0.597 s	-	-	-	166 ms	310 ms	193.6 KB	-	200	135.181.126.217
8	https://tan3.de/medi...ame-v1-800x-q50.webp	image/webp	Low	0.597 s	-	-	-	517 ms	7 ms	19.8 KB	-	200	135.181.126.217
9	https://tan3.de/medi...itz-v1-800x-q50.webp	image/webp	Low	0.597 s	-	-	-	517 ms	57 ms	27.3 KB	-	200	135.181.126.217
10	https://tan3.de/medi...ras-v1-800x-q50.webp	image/webp	Low	0.612 s	-	-	-	709 ms	74 ms	47.2 KB	-	200	135.181.126.217
11	https://tan3.de/asse...-latin-regular.woff2	font/woff2	Highest	0.612 s	-	-	-	582 ms	1 ms	15.4 KB	-	200	135.181.126.217
12	https://tan3.de/asse...-v27-latin-500.woff2	font/woff2	Highest	0.612 s	-	-	-	612 ms	8 ms	20.6 KB	-	200	135.181.126.217
13	https://tan3.de/asse...-v30-latin-700.woff2	font/woff2	Highest	0.612 s	-	-	-	646 ms	1 ms	15.5 KB	-	200	135.181.126.217
14	https://tan3.de/asse...-v27-latin-600.woff2	font/woff2	Highest	0.612 s	-	-	-	672 ms	9 ms	20.7 KB	-	200	135.181.126.217
15	https://stats.tan3.de/matomo.js	text/javascript	Low	0.86 s	59 ms	99 ms	202 ms	490 ms	18 ms	20.7 KB	16 ms	200	135.181.126.217
16	https://stats.tan3.d...okie=1&res=1920x1200	-	Lowest	1.39 s	-	-	-	100 ms	-	-	-	204	135.181.126.217
17	https://tan3.de/favicon.ico	image/x-icon	High	1.406 s	-	-	-	63 ms	-	0.1 KB	-	200	135.181.126.217

Request Headers

+ Expand All

Request 1: https://tan3.de/

URL: https://tan3.de/
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://tan3.de/
Request Start: 0.284 s
DNS Lookup: 46 ms
Initial Connection: 61 ms
Time to First Byte: 114 ms
Content Download: 3 ms
Bytes In (downloaded): 7.5 KB
Uncompressed Size: 69.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.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="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

content-encoding: br
content-length: 7700
content-type: text/html; charset=UTF-8
date: Sun, 05 Jan 2025 09:59:39 GMT
server: Apache
vary: Cookie,Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 2: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css

URL: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://tan3.de/ line 15
Request Start: 0.416 s
Time to First Byte: 73 ms
Content Download: 1 ms
Bytes In (downloaded): 4.4 KB
Uncompressed Size: 18.9 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-encoding: br
content-length: 4523
content-type: text/css
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "4b67-620f912864980-br"
last-modified: Sat, 31 Aug 2024 11:33:10 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 3: https://tan3.de/assets/js/site.min.ccc5dad79cfbae037897ccb5418b2ef1.js

URL: https://tan3.de/assets/js/site.min.ccc5dad79cfbae037897ccb5418b2ef1.js
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 147, depends on 7, EXCLUSIVE
Initiated By: https://tan3.de/ line 15
Request Start: 0.417 s
Time to First Byte: 183 ms
Content Download: 86 ms
Bytes In (downloaded): 65.2 KB
Uncompressed Size: 181.8 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/js/site.min.ccc5dad79cfbae037897ccb5418b2ef1.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-encoding: br
content-length: 66737
content-type: text/javascript
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "2d707-60d7cb16bc600-br"
last-modified: Wed, 27 Dec 2023 12:11:04 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 4: https://tan3.de/assets/img/tan3_logo.png

URL: https://tan3.de/assets/img/tan3_logo.png
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 183, depends on 3, EXCLUSIVE
Initiated By: https://tan3.de/ line 43
Request Start: 0.417 s
Time to First Byte: 83 ms
Content Download: 1 ms
Bytes In (downloaded): 3.7 KB
Uncompressed Size: 3.7 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/img/tan3_logo.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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 3814
content-type: image/png
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "ee6-5f0d25c7c4640"
last-modified: Tue, 27 Dec 2022 17:12:49 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 5: https://tan3.de/assets/img/stefan.jpg

URL: https://tan3.de/assets/img/stefan.jpg
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 183, depends on 5, EXCLUSIVE
Initiated By: https://tan3.de/ line 1013
Request Start: 0.417 s
Time to First Byte: 106 ms
Content Download: 48 ms
Bytes In (downloaded): 30.7 KB
Uncompressed Size: 30.7 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/img/stefan.jpg
: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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 31469
content-type: image/jpeg
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "7aed-627bb61d54b80"
last-modified: Mon, 25 Nov 2024 11:53:34 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 6: https://tan3.de/assets/img/oliver.jpg

URL: https://tan3.de/assets/img/oliver.jpg
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 7, EXCLUSIVE
Initiated By: https://tan3.de/ line 1031
Request Start: 0.501 s
Time to First Byte: 212 ms
Content Download: 19 ms
Bytes In (downloaded): 28.4 KB
Uncompressed Size: 28.4 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/img/oliver.jpg
: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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 29047
content-type: image/jpeg
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "7177-627bb61d54b80"
last-modified: Mon, 25 Nov 2024 11:53:34 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 7: https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1920x-q70.webp

URL: https://tan3.de/media/pages/home/0f0f094d7f-1673358662/rost-1920x-q70.webp
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://tan3.de/ line 1192
Request Start: 0.597 s
Time to First Byte: 166 ms
Content Download: 310 ms
Bytes In (downloaded): 193.6 KB
Uncompressed Size: 193.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /media/pages/home/0f0f094d7f-1673358662/rost-1920x-q70.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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 198272
content-type: image/webp
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "30680-62427d77af507"
last-modified: Thu, 10 Oct 2024 23:36:37 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 8: https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x-q50.webp

URL: https://tan3.de/media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x-q50.webp
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 9, EXCLUSIVE
Initiated By: https://tan3.de/ line 1192
Request Start: 0.597 s
Time to First Byte: 517 ms
Content Download: 7 ms
Bytes In (downloaded): 19.8 KB
Uncompressed Size: 19.8 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /media/pages/projekte/a-frame-surf-yoga-camp/a3df8b7bd4-1724762335/aframe-v1-800x-q50.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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 20228
content-type: image/webp
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "4f04-6241e960bad6e"
last-modified: Thu, 10 Oct 2024 12:34:05 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 9: https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x-q50.webp

URL: https://tan3.de/media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x-q50.webp
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://tan3.de/ line 1192
Request Start: 0.597 s
Time to First Byte: 517 ms
Content Download: 57 ms
Bytes In (downloaded): 27.3 KB
Uncompressed Size: 27.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /media/pages/projekte/architekturbuero-betzundredlitz/b393ee9b8b-1717151923/betzundredlitz-v1-800x-q50.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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 27938
content-type: image/webp
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "6d22-6241e960b5f4e"
last-modified: Thu, 10 Oct 2024 12:34:05 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 10: https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x-q50.webp

URL: https://tan3.de/media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x-q50.webp
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://tan3.de/ line 1192
Request Start: 0.612 s
Time to First Byte: 709 ms
Content Download: 74 ms
Bytes In (downloaded): 47.2 KB
Uncompressed Size: 47.2 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /media/pages/projekte/german-brazilian-science-and-technology-network/bdf3d78ca6-1711029949/gerbras-v1-800x-q50.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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 48338
content-type: image/webp
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "bcd2-6241e960b400e"
last-modified: Thu, 10 Oct 2024 12:34:05 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 11: https://tan3.de/assets/fonts/roboto-v30-latin-regular.woff2

URL: https://tan3.de/assets/fonts/roboto-v30-latin-regular.woff2
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
Request Start: 0.612 s
Time to First Byte: 582 ms
Content Download: 1 ms
Bytes In (downloaded): 15.4 KB
Uncompressed Size: 15.4 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/fonts/roboto-v30-latin-regular.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://tan3.de
priority: u=0
referer: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 15744
content-type: font/woff2
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "3d80-60dd1dc343980"
last-modified: Sun, 31 Dec 2023 17:47:34 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 12: https://tan3.de/assets/fonts/roboto-condensed-v27-latin-500.woff2

URL: https://tan3.de/assets/fonts/roboto-condensed-v27-latin-500.woff2
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 256, depends on 19, EXCLUSIVE
Initiated By: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
Request Start: 0.612 s
Time to First Byte: 612 ms
Content Download: 8 ms
Bytes In (downloaded): 20.6 KB
Uncompressed Size: 20.6 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/fonts/roboto-condensed-v27-latin-500.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://tan3.de
priority: u=0
referer: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 21132
content-type: font/woff2
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "528c-60dd1dc343980"
last-modified: Sun, 31 Dec 2023 17:47:34 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 13: https://tan3.de/assets/fonts/roboto-v30-latin-700.woff2

URL: https://tan3.de/assets/fonts/roboto-v30-latin-700.woff2
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 256, depends on 21, EXCLUSIVE
Initiated By: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
Request Start: 0.612 s
Time to First Byte: 646 ms
Content Download: 1 ms
Bytes In (downloaded): 15.5 KB
Uncompressed Size: 15.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/fonts/roboto-v30-latin-700.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://tan3.de
priority: u=0
referer: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 15860
content-type: font/woff2
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "3df4-614780291bb00"
last-modified: Mon, 25 Mar 2024 08:32:12 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 14: https://tan3.de/assets/fonts/roboto-condensed-v27-latin-600.woff2

URL: https://tan3.de/assets/fonts/roboto-condensed-v27-latin-600.woff2
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 256, depends on 23, EXCLUSIVE
Initiated By: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
Request Start: 0.612 s
Time to First Byte: 672 ms
Content Download: 9 ms
Bytes In (downloaded): 20.7 KB
Uncompressed Size: 20.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /assets/fonts/roboto-condensed-v27-latin-600.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://tan3.de
priority: u=0
referer: https://tan3.de/assets/css/site.min.3f49fe558417eed389f7b64b339e6e66.css
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-length: 21180
content-type: font/woff2
date: Sun, 05 Jan 2025 09:59:39 GMT
etag: "52bc-60dd1dc343980"
last-modified: Sun, 31 Dec 2023 17:47:34 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 15: https://stats.tan3.de/matomo.js

URL: https://stats.tan3.de/matomo.js
Host: stats.tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://tan3.de/ line 28 column 52
Request Start: 0.860 s
DNS Lookup: 59 ms
Initial Connection: 99 ms
Time to First Byte: 490 ms
Content Download: 18 ms
Bytes In (downloaded): 20.7 KB
Uncompressed Size: 66.3 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

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

Response Headers:

accept-ranges: bytes
content-encoding: br
content-length: 21185
content-type: text/javascript
date: Sun, 05 Jan 2025 09:59:40 GMT
etag: "10952-626b51a74e9d2-br"
last-modified: Tue, 12 Nov 2024 10:58:55 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200

Request 16: https://stats.tan3.de/matomo.php?action_name=tan3%20%7C%20Webdesign%20-und%20programmierung%20aus%20Hamburg&idsite=21&rec=1&r=108433&h=9&m=59&s=40&url=https%3A%2F%2Ftan3.de%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=cbPe8V&pf_net=280&pf_srv=114&pf_tfr=4&pf_dm1=194&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22131.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22131.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200

URL: https://stats.tan3.de/matomo.php?action_name=tan3%20%7C%20Webdesign%20-und%20programmierung%20aus%20Hamburg&idsite=21&rec=1&r=108433&h=9&m=59&s=40&url=https%3A%2F%2Ftan3.de%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=cbPe8V&pf_net=280&pf_srv=114&pf_tfr=4&pf_dm1=194&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22131.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22131.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
Host: stats.tan3.de
IP: 135.181.126.217
Error/Status Code: 204
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://stats.tan3.de/matomo.js line 35 column 597
Request Start: 1.390 s
Time to First Byte: 100 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.0 KB

Request Headers:

:authority: stats.tan3.de
:method: POST
:path: /matomo.php?action_name=tan3%20%7C%20Webdesign%20-und%20programmierung%20aus%20Hamburg&idsite=21&rec=1&r=108433&h=9&m=59&s=40&url=https%3A%2F%2Ftan3.de%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=cbPe8V&pf_net=280&pf_srv=114&pf_tfr=4&pf_dm1=194&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22131.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22131.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
origin: https://tan3.de
priority: u=4, i
referer: https://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

access-control-allow-credentials: true
access-control-allow-origin: https://tan3.de
date: Sun, 05 Jan 2025 09:59:40 GMT
server: Apache
x-content-type-options: nosniff
x-frame-options: sameorigin

Request 17: https://tan3.de/favicon.ico

URL: https://tan3.de/favicon.ico
Host: tan3.de
IP: 135.181.126.217
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 220, depends on 0, EXCLUSIVE
Request Start: 1.406 s
Time to First Byte: 63 ms
Bytes In (downloaded): 0.1 KB
Uncompressed Size: 0.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: tan3.de
:method: GET
:path: /favicon.ico
: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://tan3.de/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="131", "Google Chrome";v="131"
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/131.0.0.0 Safari/537.36 PTST/24.12

Response Headers:

accept-ranges: bytes
content-encoding: br
content-length: 72
content-type: image/x-icon
date: Sun, 05 Jan 2025 09:59:40 GMT
etag: "44-5f0f7091c6f00-br"
last-modified: Thu, 29 Dec 2022 12:58:04 GMT
server: Apache
vary: Accept-Encoding
x-content-type-options: nosniff
x-frame-options: sameorigin
:status: 200