URL: https://acb.studio
Date: 09/02/24 09:41:43

Webpage Performance Test Result

Settings: Desktopv128CableFrankfurt, 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
.402S	1.500S	1.385S	1.507S	1.513S	.002	.121S	1.512S	20	357KB	1.761S	21	359KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
0.946s - 0.946s (0s)	1.423s - 1.423s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://acb.studio/media/pages/work/jacques-weindepot-relaunch/86e5f8ae0d-1721296167/jacques-teaser-16x9.avif","width":1905,"height":1072,"naturalWidth":1920,"naturalHeight":1080},{"url":"https://acb.studio/media/pages/work/beeline-group/7d3c09c9ba-1712208278/bl-teaser-16x9.avif","width":1905,"height":1072,"naturalWidth":3840,"naturalHeight":2160},{"url":"https://acb.studio/media/pages/work/mytischtennis/c117ba3ffa-1712208278/mytt-teaser-16x9.svg","width":1905,"height":1072,"naturalWidth":267,"naturalHeight":150},{"url":"https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg","width":1547,"height":238,"naturalWidth":300,"naturalHeight":46},{"url":"https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x.webp","width":550,"height":366,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/work/beeline-group/de24dee199-1712208278/bl-teaser-9x16-960x.webp","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/media/pages/studio/c9d794d5f8-1713174368/acbweb-studio-teaser-1x1.avif","width":550,"height":733,"naturalWidth":0,"naturalHeight":0},{"url":"https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg","width":1905,"height":993,"naturalWidth":1920,"naturalHeight":1080},{"url":"https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg","width":728,"height":350,"naturalWidth":1920,"naturalHeight":1080},{"url":"https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg","width":728,"height":350,"naturalWidth":225,"naturalHeight":150}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"IBM Plex Serif","display":"swap","status":"loaded","style":"italic","weight":"200"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"200"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"300"},{"family":"IBM Plex Sans","display":"swap","status":"loaded","style":"normal","weight":"600"}]
generated-content-percent: -2.19
generated-content-size: -2.37
imgs-in-viewport: [{"src":"\/assets\/images\/navigation\/acbweb-navigations-background-9x16.svg","html":"<img src=\"\/assets\/images\/navigation\/acbweb-navigations-background-9x16.svg\" class=\"absolute inset-0 z-0 object-cover w-full h-full\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/assets\/images\/navigation\/acbweb-navigations-background-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":1920,"naturalHeight":1080},{"src":"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg","html":"<img src=\"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/site\/3596d3edd6-1712208279\/rd-teaser-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1080},{"src":"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/services\/f3418e934d-1688548650\/acbweb-services-stage-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":225,"naturalHeight":150}]
imgs-no-alt: []
imgs-out-viewport: [{"src":"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif\" class=\"object-cover w-full h-full\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/86e5f8ae0d-1721296167\/jacques-teaser-16x9.avif","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":1920,"naturalHeight":1080},{"src":"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp\" class=\"object-cover w-full h-full\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/7d3c09c9ba-1712208278\/bl-teaser-16x9.avif","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":3840,"naturalHeight":2160},{"src":"https:\/\/acb.studio\/media\/pages\/work\/mytischtennis\/c571e71fa0-1712208278\/mytt-teaser-9x16.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/mytischtennis\/c571e71fa0-1712208278\/mytt-teaser-9x16.svg\" class=\"object-cover w-full h-full\" loading=\"lazy\" alt=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/work\/mytischtennis\/c117ba3ffa-1712208278\/mytt-teaser-16x9.svg","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":267,"naturalHeight":150},{"src":"https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg\" srcset=\"https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"1547\" height=\"238\" alt=\"acb.studio clients\" class=\"\">","currentSrc":"https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg","srcSet":"https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 320w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 640w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 960w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1280w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1600w, https:\/\/acb.studio\/media\/pages\/home\/60673f7380-1707077129\/acbweb-home-logo-collection-desktop-white.svg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":300,"naturalHeight":46},{"src":"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1280x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1280x.webp\" srcset=\"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w\" sizes=\"100vw\" loading=\"lazy\" width=\"600\" height=\"400\" alt=\"Sebastian Flock, Gr\u00fcnder & Stratege bei acb.studio\" class=\"w-full \">","currentSrc":"","srcSet":"https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https:\/\/acb.studio\/media\/pages\/contacts\/sebastian-flock\/a8ab6ce36f-1697574943\/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w","sizes":"100vw","priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/jacques-weindepot-relaunch\/c16efd03cf-1721296167\/jacques-teaser-3x4.avif\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/work\/beeline-group\/de24dee199-1712208278\/bl-teaser-9x16-960x.webp\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0},{"src":"https:\/\/acb.studio\/media\/pages\/studio\/c9d794d5f8-1713174368\/acbweb-studio-teaser-1x1.avif","html":"<img src=\"https:\/\/acb.studio\/media\/pages\/studio\/c9d794d5f8-1713174368\/acbweb-studio-teaser-1x1.avif\" class=\"object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out\" loading=\"lazy\" alt=\"\">","currentSrc":"","srcSet":null,"sizes":null,"priority":null,"loading":"lazy","naturalWidth":0,"naturalHeight":0}]
jsLibsVulns: []
meta-viewport: width=device-width, initial-scale=1
possibly-render-blocking-reqs: ["https:\/\/acb.studio\/dist\/js\/main.js?v=1714984940","https:\/\/acb.studio\/dist\/css\/styles.css?v=1712210625"]
rendered-html: <html lang="en" class="swup-enabled"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Welcome | acb.studio </title> <style>/* inner styles set by WPT to match CSSOM */@font-face { font-family: "IBM Plex Serif"; font-style: italic; font-weight: 200; font-display: swap; src: url("/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 200; font-display: swap; src: url("/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/IBMPlexSans-Regular-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("/assets/fonts/IBMPlexSans-Light-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }@font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2") format("woff2"); unicode-range: U+0, U+D, U+20-7E, U+A0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+20AC, U+2122, U+2212, U+FB01-FB02; }</style> <style id="dvh" type="text/css">/* inner styles set by WPT to match CSSOM */.min-h-screen, .min-h-screen-nav { min-height: 913px !important; }</style> <script> (function(document, window) { // 🐡 ✌️ let style = document.getElementById('dvh'); style.type = 'text/css'; style.textContent = ".min-h-screen, .min-h-screen-nav { min-height: " + (window.innerHeight - 80) + "px!important;}"; })(document, window); </script> <link href="https://acb.studio/dist/css/styles.css?v=1712210625" rel="stylesheet"> <link rel="canonical" href="https://acb.studio/en"> <meta name="robots" content="noindex"> <link rel="alternate" href="https://www.acb.studio/de" hreflang="de"> <link rel="alternate" href="https://www.acb.studio/en" hreflang="en"> <link rel="alternate" href="https://www.acb.studio/de" hreflang="x-default"> <meta name="theme-color" content="#000000"> <meta name="google-site-verification" content="SBZXN_5kktUlEr6d38v35ChNgLERx_27zxh1D9c6UJ4"> <meta name="description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> <meta name="keywords" content="Nachhaltige digitale Produkte"> <meta name="author" content=""> <meta property="og:title" content="Welcome / acb.studio"> <meta property="og:site_name" content="acb.studio"> <meta property="og:type" content="website"> <meta property="og:image" content="https://acb.studio/media/pages/home/d2a2e0fcbd-1688548650/acbweb-home-og-1200.jpg"> <meta property="og:image:secure_url" content="https://acb.studio/media/pages/home/d2a2e0fcbd-1688548650/acbweb-home-og-1200.jpg"> <meta property="og:image:type" content="image/jpeg"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Welcome"> <meta name="twitter:description" content="Nachhaltige Digitale Produkte ✓ analyse, create and build ✓ Digital Product Design ✓ Hier mehr erfahren ➥"> <meta name="twitter:image" content="https://acb.studio/media/pages/home/d2a2e0fcbd-1688548650/acbweb-home-og-1200.jpg"> </head> <body class="relative antialiased bg-black"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://acb.studio/", "logo": "https://acb.studio/assets/images/acb-studio.png" } </script> <div id="grid-overlay" class="h-full w-full absolute top-10 z-10 pointer-events-none hidden"> <div class="acb-grid h-full w-full"> <div class="bg-grid/40 border-dashed font-mono text-white"> 01</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 02</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 03</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 04</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 05</div> <div class="bg-grid/40 border-dashed font-mono text-white"> 06</div> </div> </div><main id="swup" class="transition-fade" data-swup="0"> <div id="home"> <section style=" "> <div id="5270de6d-c8ed-4bc7-ae46-9e8bff537661" class=" bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <style>/* inner styles set by WPT to match CSSOM */.bg-img-31c6d933-c0ed-40eb-9a63-b408d0cc6a8f { background-image: url("https://acb.studio/media/pages/home/943654151e-1688548650/acbweb-home-hero03-9x16-800x-q80.webp"); }@media (min-width: 768px) { .bg-img-md-31c6d933-c0ed-40eb-9a63-b408d0cc6a8f { background-image: url("https://acb.studio/media/pages/home/7d048bfad1-1688548650/acbweb-home-hero03-16x9-1600x-q80.webp"); } }</style> <div data-block="hero" class="relative"> <div class="acb-grid font-extralight relative min-h-screen-nav content-between pt-16 pb-fs md:pb-fm bg-img-31c6d933-c0ed-40eb-9a63-b408d0cc6a8f bg-cover bg-center bg-img-md-31c6d933-c0ed-40eb-9a63-b408d0cc6a8f"> <h1 class="fluid-heading-02 pb-4 border-b w-fit md:col-span-4 md:w-full row-start-1 leading-snug">Welcome</h1> <div class="fluid-heading-02 col-span-4 row-start-2 leading-snug"><p class="">We develop digital products & services – with a constant eye on <em>planetary boundaries</em> and our society.</p></div> </div> </div> </div> </div> </div> </section> <section style="color:#FFFFFF; background-color:#282423;"> <style>/* inner styles set by WPT to match CSSOM */.bg-img-5f87e0e9-f7b7-4d88-b189-3af1b6b1e3b1 { background-image: url("https://acb.studio/media/pages/home/bafa992ddc-1688548650/acb-services-teaser.svg"); }@media (min-width: 768px) { .bg-img-md-5f87e0e9-f7b7-4d88-b189-3af1b6b1e3b1 { background-image: url("https://acb.studio/media/pages/home/bafa992ddc-1688548650/acb-services-teaser.svg"); } }</style> <div id="5f87e0e9-f7b7-4d88-b189-3af1b6b1e3b1" class="acb-grid min-h-screen items-end fluid-pt-xl fluid-pb-xl bg-img-5f87e0e9-f7b7-4d88-b189-3af1b6b1e3b1 bg-cover bg-center bg-img-md-5f87e0e9-f7b7-4d88-b189-3af1b6b1e3b1 bg-cover"> <div class="md:col-span-4 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" color:#FFFFFF; background-color:#FFFFFF00; border-color:#ffffff; " class=" fluid-pb-m "> <div class="uppercase fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">SERVICES</p> </div> </div> </div> <div data-block="text" style=" color:#FFFFFF; background-color:#FFFFFF00; border-color:#ffffff; " class=" "> <div class="fluid-heading-03 opacity-0"> <div class=""> <p class="opacity-0">Whether <em>digital services</em>, <em>websites</em>, <em>apps</em>, <em>portals</em> or <em>platforms</em>, we tailor our approach to your specific needs as we guide you and your project from the <em>initial idea</em> to market launch. <br><br>Or, in other words: <em>to success</em>.</p> </div> </div> </div> <div data-snippet="buttonlinks" class="opacity-0"> <a href="https://acb.studio/en/services" class="border transition-all inline-block rounded-xl py-fxs px-fs fluid-copy-01 border-pampas text-pampas hover:bg-pampas hover:text-black mt-fm "> Services & Process </a> </div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> </div> </section> <section style=" "> <div id="117c44af-c8a8-4a16-8487-eae6738baf4e" class="acb-grid bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="teaser" class="relative text-center bg-black nogridmarginl nogridmarginr"> <picture class="block"> <source srcset="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/86e5f8ae0d-1721296167/jacques-teaser-16x9.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif" class="object-cover w-full h-full" loading="lazy" alt=""> </picture> <div class="w-full absolute top-[50%] -translate-y-[50%] "> <div class="fluid-heading-01 mb-fs opacity-0">Jacques’ Weindepot</div> <div class="fluid-copy-02 mb-fm opacity-0">Relaunch</div> <div class="fluid-utility-01 opacity-0"></div> </div> <a href="https://acb.studio/en/work/jacques-weindepot-relaunch" class="absolute top-0 bottom-0 left-0 right-0" aria-label="Jacques’ Weindepot - Relaunch"></a></div> <div data-block="teaser" class="relative text-center bg-black nogridmarginl nogridmarginr"> <picture class="block"> <source srcset="https://acb.studio/media/pages/work/beeline-group/7d3c09c9ba-1712208278/bl-teaser-16x9.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/beeline-group/de24dee199-1712208278/bl-teaser-9x16-960x.webp" class="object-cover w-full h-full" loading="lazy" alt=""> </picture> <div class="w-full absolute top-[50%] -translate-y-[50%] "> <div class="fluid-heading-01 mb-fs opacity-0">beeline group</div> <div class="fluid-copy-02 mb-fm opacity-0">Corporate Website</div> <div class="fluid-utility-01 opacity-0"></div> </div> <a href="https://acb.studio/en/work/beeline-group" class="absolute top-0 bottom-0 left-0 right-0" aria-label="beeline group - Corporate Website"></a></div> <div data-block="teaser" class="relative text-center bg-black nogridmarginl nogridmarginr"> <picture class="block"> <source srcset="https://acb.studio/media/pages/work/mytischtennis/c117ba3ffa-1712208278/mytt-teaser-16x9.svg" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/mytischtennis/c571e71fa0-1712208278/mytt-teaser-9x16.svg" class="object-cover w-full h-full" loading="lazy" alt=""> </picture> <div class="w-full absolute top-[50%] -translate-y-[50%] "> <div class="fluid-heading-01 mb-fs opacity-0">MyTischtennis</div> <div class="fluid-copy-02 mb-fm opacity-0">Digital Branding &<br>Portal Relaunch</div> <div class="fluid-utility-01 opacity-0">More to come</div> </div> </div> </div> </div> </div> </section> <section style=" background-color:#f1eee5;"> <div id="ed762fe0-8e28-4b33-80d8-acf815d65377" class="acb-grid bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class="text-center "> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 320w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 640w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 960w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1280w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1600w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 320w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 640w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 960w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1280w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1600w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 320w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 640w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 960w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1280w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1600w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 320w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 640w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 960w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1280w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1600w, https://acb.studio/media/pages/home/dd98fb6496-1707077129/acbweb-home-logo-collection-mobile.svg 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg" srcset="https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 320w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 640w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 960w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1280w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1600w, https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg 1920w" sizes="100vw" loading="lazy" width="1547" height="238" alt="acb.studio clients" class=""> </picture> </figure> </div> </div> </div> </section> <section style=" "> <div id="63a9abe0-d7c3-4b61-b84d-d09d237b8360" class="acb-grid bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class="nogridmarginl nogridmarginr "> <div data-block="contact"> <section style="color: #ffffff; background-color:#515E53"> <div class=" acb-grid fluid-pt-xl " id="a893c72c-7c67-4832-92d3-ce1c834823be"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">MEET OUR EXPERTS</p> </div> </div> </div> <div data-snippet="heading" style=" "> <div class="content-center fluid-pb-l"> <h2 id="talk-to-sebastian" class="fluid-heading-02 opacity-0"> <p class="opacity-0">Talk to <em>Sebastian</em></p> </h2> </div> </div> </div> </div> </div></section> <section style="color: ; background-color:#515E53"> <div class=" acb-grid items-start fluid-pb-xl" id="236f239d-7711-4669-9d5f-1b3d5aa5fae9"> <div class="md:col-span-1 font-extralight leading-snug hidden-mobile"> <div class=" "> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <figure class="flex flex-col"> <picture class="grow-0 flex justify-center"> <source type="image/avif" sizes="100vw" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-320x-q70.avif 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-640x-q70.avif 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-960x-q70.avif 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x-q70.avif 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1600x-q70.avif 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1920x-q70.avif 1920w" media="(min-width: 768px)"> <source type="image/avif" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-320x-q70.avif 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-640x-q70.avif 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-960x-q70.avif 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x-q70.avif 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1600x-q70.avif 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1920x-q70.avif 1920w" media="(max-width: 767px)"> <source type="image/webp" sizes="100vw" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-320x-q70.webp 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-640x-q70.webp 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-960x-q70.webp 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x-q70.webp 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1600x-q70.webp 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1920x-q70.webp 1920w" media="(min-width: 768px)"> <source type="image/webp" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-320x-q70.webp 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-640x-q70.webp 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-960x-q70.webp 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x-q70.webp 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1600x-q70.webp 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1920x-q70.webp 1920w" media="(max-width: 767px)"> <img src="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x.webp" srcset="https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-320x-q70.jpg 320w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-640x-q70.jpg 640w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-960x-q70.jpg 960w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1280x-q70.jpg 1280w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1600x-q70.jpg 1600w, https://acb.studio/media/pages/contacts/sebastian-flock/a8ab6ce36f-1697574943/acbweb-people-sebastian-3x2-1920x-q70.jpg 1920w" sizes="100vw" loading="lazy" width="600" height="400" alt="Sebastian Flock, Gründer & Stratege bei acb.studio" class="w-full "> </picture> </figure> </div> </div> <div class="md:col-span-3 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" color:#ffffff; border-color:#ffffff; " class=" "> <div class="fluid-copy-02 opacity-0"> <div class=""> <p class="opacity-0"><em>Sebastian Flock</em> is one of the founders and a strategist at acb.studio. He sees the potential and opportunities in your business model. And he loves to twist and turn challenges until he finds the optimal solution.</p> </div> </div> </div> <div data-snippet="buttonlinks" class="opacity-0"> <a href="https://calendar.google.com/calendar/u/0/appointments/schedules/AcZssZ1Z7TGyBBGo-Z5wE-KqDfzF8LRXN31n8yyBTvuOWfhRnLzAmbFgPhO_J_jf7dGCSO7sfoZhIKIz" target="_blank" rel="noopener noreferrer" class="border transition-all inline-block rounded-xl py-fxs px-fs fluid-copy-01 border-pampas text-pampas hover:bg-pampas hover:text-black mt-fm "> Book a Google slot </a> </div> </div> </div> </div></section> </div> </div> </div> </div> </section> <section style="color:#000000; background-color:#ffffff;"> <div id="16d6c5bf-20a1-4bca-85fd-baf21657ebf2" class="acb-grid fluid-pt-xl fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-6 font-extralight leading-snug "> <div class=" "> <div data-block="text" style=" color:#000000; background-color:#ffffff; border-color:#ffffff; " class=" fluid-pb-s "> <div class="fluid-utility-01 opacity-0"> <div class=""> <p class="opacity-0">WHAT’S NEXT?</p> </div> </div> </div> <div data-block="text" style=" color:#000000; background-color:#ffffff; border-color:#ffffff; " class=" "> <div class="fluid-heading-02 opacity-0"> <div class=""> <p class="opacity-0">Keep going. <br>There’s a lot more to come.</p> </div> </div> </div> </div> </div> </div> </section> <section style="color:#000000; background-color:#FFFFFF;"> <div id="2bca4aa9-eac4-4886-9622-1a32b5cd805d" class="acb-grid fluid-pb-l bg-cover bg-center bg-cover"> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/jacques-weindepot-relaunch/c16efd03cf-1721296167/jacques-teaser-3x4.avif" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">WORK</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">Jacques’ Weindepot<br><em>Relaunch</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/work/jacques-weindepot-relaunch" class="absolute top-0 bottom-0 left-0 right-0" aria-label="WORK - Jacques’ Weindepot<br><em>Relaunch</em>"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff;"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/work/beeline-group/f0a2ef6d92-1712208278/bl-teaser-3x4-1920x.webp" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/work/beeline-group/de24dee199-1712208278/bl-teaser-9x16-960x.webp" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">WORK</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">beeline group <em>Corporate Website</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/work/beeline-group" class="absolute top-0 bottom-0 left-0 right-0" aria-label="WORK - beeline group <em>Corporate Website</em>"></a></div> </div> </div> <div class="md:col-span-2 font-extralight leading-snug "> <div class=" "> <div data-block="cardteaser" class="group bg-black rounded-lg relative aspect-square md:aspect-[3/4] overflow-hidden hover:bg-bt hover:!text-black transition duration-300 hover:ease-out"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <source srcset="https://acb.studio/media/pages/studio/2dfa2fb2a2-1713174368/acbweb-studio-teaser-3x4.avif" media="(min-width: 768px)"> <img src="https://acb.studio/media/pages/studio/c9d794d5f8-1713174368/acbweb-studio-teaser-1x1.avif" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01 opacity-0">STUDIO</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser opacity-0">Get to know <em>acb.studio</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/studio" data-eventid="Ereignis - overall - teaser acb.studio page" class="absolute top-0 bottom-0 left-0 right-0" aria-label="STUDIO - Get to know <em>acb.studio</em>"></a></div> </div> </div> </div> </section> <div class="bg-black border-t border-bt pt-fxl"> <div class="acb-grid"> <div class="col-span-1 pb-[10px] md:pb-0"> <div id="pre-footer-icon" class="w-[40px] h-[40px]"> <svg cache-id="88316a95b6ed4acbab3ea872c1ee6d01" id="eILzV4ukqgw1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#eILzV4ukqgw2 { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw2__m; }@keyframes eILzV4ukqgw2__m { 0% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } 16.6667% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { d: path("M 16 8.66667 C 10 15.3333 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { d: path("M 0 8.66667 C 6 15.3333 8 32 8 32"); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { d: path("M 9.0333 3.82868 C 8.25832 4.68976 8 32 8 32"); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } 100% { d: path("M 8 3.11111 C 8 3.11111 8 32 8 32"); } }#eILzV4ukqgw3_to { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw3_to__to; }@keyframes eILzV4ukqgw3_to__to { 0% { transform: translate(20px, 33px); } 16.6667% { transform: translate(20px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { transform: translate(21px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { transform: translate(19px, 33px); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { transform: translate(20.1291px, 33px); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { transform: translate(20px, 33px); } 100% { transform: translate(20px, 33px); } }#eILzV4ukqgw3_tr { animation: 6000ms linear 0s infinite normal forwards running eILzV4ukqgw3_tr__tr; }@keyframes eILzV4ukqgw3_tr__tr { 0% { transform: rotate(0deg); } 16.6667% { transform: rotate(0deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 50% { transform: rotate(22deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 83.3333% { transform: rotate(-22deg); animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } 91.6667% { transform: rotate(2.84156deg); animation-timing-function: cubic-bezier(0.340255, 0.310404, 0.566037, 1); } 96.6667% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } }</style> <path id="eILzV4ukqgw2" d="M8,3.111111C8,3.111111,8,32,8,32" transform="matrix(1 0 0 0.9 12 11.2)" fill="none" stroke="#00ffc2" stroke-linecap="round"></path><g id="eILzV4ukqgw3_to" transform="translate(19.999961,33)"><g id="eILzV4ukqgw3_tr" transform="rotate(0)"><path d="M8,1c-9.33333,7.1797-9.33333,18.8203,0,26c9.3333-7.1797,9.3333-18.8203,0-26Z" transform="translate(-7.999949,-27)" fill="none" fill-rule="evenodd" stroke="#00ffc2"></path></g></g></svg> </div> </div> <div class="md:col-span-3 md:col-start-3 text-white"> <div class="text-xs fluid-utility-01 uppercase mb-fm md:mb-fl">MINIMAL FOOTPRINT</div> <p class="fluid-copy-01"> Your visit on this website produces according to the measurement on April 15, 2024 on <a href="https://www.websitecarbon.com/website/acb-studio-en/" target="_blank">websitecarbon.com</a> only <span class="text-bt" style="color:#00FFC2;">0,10 g of CO₂</span>. Want to know more about the environmental footprint of digital products? </p> </div> </div> </div><footer class="py-fxl"> <div class="acb-grid mb-[80px]"> <div class="font-light md:col-span-4 md:col-start-3 fluid-heading-01"> <a class="group relative border-b border-white/50 block pb-fs footer-link hover:text-bt before:content-[attr(data-hover)] before:absolute before:top-0 before:left-0 before:opacity-0 hover:before:opacity-100 before:transition before:duration-250" href="mailto:[email protected]" data-hover="[email protected]" data-eventid="Conversion - overall - Click Lets talk"> <span class="inline-block transition group-hover:opacity-0 duration-250"> Let’s talk </span> </a> </div> </div> <div class="relative acb-grid mb-[80px]"> <div class="md:col-span-2 md:col-start-5"> <ul class="pl-0"> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/imprint"> Imprint </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/data-privacy"> Data privacy </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/en/contact"> Contact </a> </li> <li class="fluid-copy-02 font-light list-none"> <a class="border-b border-white/50 block py-4 footer-link hover:text-bt" href="https://acb.studio/de" translate="no" data-no-swup="true"> Deutsch </a> </li> </ul> </div> </div> <div class="relative acb-grid grid-flow-row pb-fl md:pb-16"> <div class="col-span-1 md:col-span-2"> <div class="mb-fs fluid-utility-01 uppercase text-white">BASE</div> <div class="text-white/50 fluid-copy-03"> <a href="https://www.google.de/maps/place/acb.studio+%E2%80%93+Hub+D%C3%BCsseldorf/@51.2279817,6.8017262,17z/data=!3m1!4b1!4m6!3m5!1s0x47b8cb012981c141:0x566a38afd735cfcf!8m2!3d51.2279817!4d6.8043011!16s%2Fg%2F11sx4xt5wr?entry=ttu" target="_blank" rel="noopener noreferrer"> <p><strong>ACB Studio GmbH</strong><br>Lindenstraße 103<br>40233 Düsseldorf</p> </a> </div> </div> </div> <div class="relative acb-grid"> <div class="col-span-2 flex"> <a href="https://www.linkedin.com/company/acb-studio/" target="_blank" rel="noopener noreferrer" class="mr-4" title="linkedin"> <svg id="icon-linkedin" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#icon-linkedin:hover #eYhOA7BTGtI4_to, #icon-linkedin:focus #eYhOA7BTGtI4_to { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI4_to__to; }@keyframes eYhOA7BTGtI4_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(21px, 21px); } }#icon-linkedin:hover #eYhOA7BTGtI8_ts, #icon-linkedin:focus #eYhOA7BTGtI8_ts { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI8_ts__ts; }@keyframes eYhOA7BTGtI8_ts__ts { 0% { transform: translate(0px, 0px) scale(0, 1); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(0px, 0px) scale(1, 1); } }#icon-linkedin:hover #eYhOA7BTGtI9_to, #icon-linkedin:focus #eYhOA7BTGtI9_to { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI9_to__to; }@keyframes eYhOA7BTGtI9_to__to { 0% { transform: translate(19px, 19px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(20px, 20px); } }#icon-linkedin:hover #eYhOA7BTGtI9, #icon-linkedin:focus #eYhOA7BTGtI9 { animation: 200ms linear 0s 1 normal forwards running eYhOA7BTGtI9_c_o; }@keyframes eYhOA7BTGtI9_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { opacity: 1; } }</style> <g> <rect width="40" height="40" rx="0" ry="0" transform="translate(.000001 0)" stroke="#fff" stroke-opacity="0.5"></rect> <g id="eYhOA7BTGtI4_to" transform="translate(20,20)"> <g transform="translate(-20,-20)"> <g transform="translate(14.54705 14.7869)"> <path d="M3.406156,4.66105v9.66895h-3.216048v-9.66895h3.216048Zm.21151-2.99044c0,.927859-.698045,1.670322-1.819548,1.670322h-.020961C0.697893,3.340932,0,2.598469,0,1.67061C0,0.72186,0.71928,0,1.819396,0c1.100225,0,1.777364.72186,1.79827,1.67061ZM8.399045,14.33h-3.21602c0,0,.042293-8.76168.000096-9.66895h3.216021v1.368938c.427392-.658843,1.192322-1.595814,2.898316-1.595814C13.413363,4.434174,15,5.816087,15,8.785938L15,14.33h-3.215773v-5.172693c0-1.299804-.465519-2.186472-1.629247-2.186472-.888441,0-1.417627.597984-1.650111,1.175351-.084917.206576-.105824.495259-.105824.784245v5.399569ZM8.377658,6.063291h.021484v-.033303c-.007262.011188-.014414.022294-.021484.033303Z" transform="translate(-2.04705-1.9519)" fill="#fff"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> <g id="eYhOA7BTGtI8_ts" transform="translate(0,0) scale(0,1)"> <rect width="40" height="40" rx="0" ry="0" transform="translate(0,0)" fill="#fff" stroke="#fff"></rect> </g> <g id="eYhOA7BTGtI9_to" transform="translate(19,19)"> <g id="eYhOA7BTGtI9" transform="translate(-20,-20)" opacity="0"> <g transform="translate(13.547051 13.7869)"> <path d="M3.406156,4.66105v9.66895h-3.216048v-9.66895h3.216048Zm.21151-2.99044c0,.927859-.698045,1.670322-1.819548,1.670322h-.020961C0.697893,3.340932,0,2.598469,0,1.67061C0,0.72186,0.71928,0,1.819396,0c1.100225,0,1.777364.72186,1.79827,1.67061ZM8.399045,14.33h-3.21602c0,0,.042293-8.76168.000096-9.66895h3.216021v1.368938c.427392-.658843,1.192322-1.595814,2.898316-1.595814C13.413363,4.434174,15,5.816087,15,8.785938L15,14.33h-3.215773v-5.172693c0-1.299804-.465519-2.186472-1.629247-2.186472-.888441,0-1.417627.597984-1.650111,1.175351-.084917.206576-.105824.495259-.105824.784245v5.399569ZM8.377658,6.063291h.021484v-.033303c-.007262.011188-.014414.022294-.021484.033303Z" transform="translate(-1.047051-.9519)"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> </g> </svg> </a> <a href="https://www.instagram.com/analyse.create.build/" target="_blank" rel="noopener noreferrer" class="mr-4" title="Instagram"> <svg cache-id="9cb30ef252454bcbacd8342af8d3502b" width="40" height="40" viewBox="0 0 40 40" id="icon-instagram" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#icon-instagram:hover #eh0nxETfBzo4_to, #icon-instagram:focus #eh0nxETfBzo4_to { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo4_to__to; }@keyframes eh0nxETfBzo4_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(21px, 21px); } }#icon-instagram:hover #eh0nxETfBzo8_ts, #icon-instagram:focus #eh0nxETfBzo8_ts { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo8_ts__ts; }@keyframes eh0nxETfBzo8_ts__ts { 0% { transform: translate(0px, 0px) scale(0, 1); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(0px, 0px) scale(1, 1); } }#icon-instagram:hover #eh0nxETfBzo9_to, #icon-instagram:focus #eh0nxETfBzo9_to { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo9_to__to; }@keyframes eh0nxETfBzo9_to__to { 0% { transform: translate(19px, 19px); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { transform: translate(20px, 20px); } }#icon-instagram:hover #eh0nxETfBzo9, #icon-instagram:focus #eh0nxETfBzo9 { animation: 200ms linear 0s 1 normal forwards running eh0nxETfBzo9_c_o; }@keyframes eh0nxETfBzo9_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } 100% { opacity: 1; } }</style> <g> <rect width="40" height="40" rx="0" ry="0" transform="translate(.000001 0)" stroke="#fff" stroke-opacity="0.5"></rect> <g id="eh0nxETfBzo4_to" transform="translate(20,20)"> <g transform="translate(-20,-20)"> <g transform="translate(14.54705 14.7869)"> <path d="M11.4531,1.51313h-5.99998c-2.04345,0-3.7,1.65655-3.7,3.7v5.99997c0,2.0435,1.65655,3.7,3.7,3.7h5.99998c2.0435,0,3.7-1.6565,3.7-3.7v-5.99997c0-2.04345-1.6565-3.7-3.7-3.7ZM5.45312,0.213135c-2.76142,0-4.999995,2.238575-4.999995,4.999995v5.99997c0,2.7615,2.238575,5,4.999995,5h5.99998c2.7614,0,5-2.2385,5-5v-5.99997c0-2.76142-2.2386-4.999995-5-4.999995h-5.99998Zm3,10.699965c1.49117,0,2.69998-1.2088,2.69998-2.69997s-1.20881-2.7-2.69998-2.7-2.69999,1.20884-2.69999,2.7s1.20883,2.69997,2.69999,2.69997Zm0,1.3c2.20918,0,3.99998-1.7908,3.99998-3.99997s-1.7908-4-3.99998-4-4,1.79087-4,4s1.79087,3.99997,4,3.99997ZM12.4531,4.65881c.5523,0,1-.44771,1-1s-.4477-1-1-1-1,.44772-1,1s.4477,1,1,1Z" transform="translate(-3.000161-3.000018)" clip-rule="evenodd" fill="#fff" fill-rule="evenodd"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> <g id="eh0nxETfBzo8_ts" transform="translate(0,0) scale(0,1)"> <rect width="40" height="40" rx="0" ry="0" transform="translate(0,0)" fill="#fff" stroke="#fff"></rect> </g> <g id="eh0nxETfBzo9_to" transform="translate(19,19)"> <g id="eh0nxETfBzo9" transform="translate(-20,-20)" opacity="0"> <g transform="translate(13.547051 13.7869)"> <path d="M11.4531,1.51313h-5.99998c-2.04345,0-3.7,1.65655-3.7,3.7v5.99997c0,2.0435,1.65655,3.7,3.7,3.7h5.99998c2.0435,0,3.7-1.6565,3.7-3.7v-5.99997c0-2.04345-1.6565-3.7-3.7-3.7ZM5.45312,0.213135c-2.76142,0-4.999995,2.238575-4.999995,4.999995v5.99997c0,2.7615,2.238575,5,4.999995,5h5.99998c2.7614,0,5-2.2385,5-5v-5.99997c0-2.76142-2.2386-4.999995-5-4.999995h-5.99998Zm3,10.699965c1.49117,0,2.69998-1.2088,2.69998-2.69997s-1.20881-2.7-2.69998-2.7-2.69999,1.20884-2.69999,2.7s1.20883,2.69997,2.69999,2.69997Zm0,1.3c2.20918,0,3.99998-1.7908,3.99998-3.99997s-1.7908-4-3.99998-4-4,1.79087-4,4s1.79087,3.99997,4,3.99997ZM12.4531,4.65881c.5523,0,1-.44771,1-1s-.4477-1-1-1-1,.44772-1,1s.4477,1,1,1Z" transform="translate(-2.000163-2.000018)" clip-rule="evenodd" fill-rule="evenodd"></path> </g> <rect width="40" height="40" rx="0" ry="0" fill="#d2dbed" fill-opacity="0" stroke-width="0" stroke-opacity="0"></rect> </g> </g> </g> </svg> </a> </div> </div> </footer> </div> </main> <div class="fixed left-0 bottom-0 h-[80px] bg-black right-0"> <nav class="acb-grid js-navigation px-7.5 w-full overflow-hidden border-gray-700/50 text-white md:px-10 xl:px-13 2xl:px-16 flex justify-between items-center z-50"> <a href="https://acb.studio/en" class="z-20 float-left" aria-label="Homepage"> <svg id="eD1PRHylXVr1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 80" width="200" height="80" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */#eD1PRHylXVr6_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr6_to__to; }@keyframes eD1PRHylXVr6_to__to { 0% { transform: translate(37.9857px, 11.1039px); } 15% { transform: translate(37.9857px, 11.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { transform: translate(37.9857px, 7.10391px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(37.9857px, 15.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45.5% { transform: translate(37.9857px, 15.1039px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { transform: translate(37.9857px, 11.1039px); } 100% { transform: translate(37.9857px, 11.1039px); } }#eD1PRHylXVr6 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr6_c_o; }@keyframes eD1PRHylXVr6_c_o { 0% { opacity: 1; } 15% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr12_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr12_to__to; }@keyframes eD1PRHylXVr12_to__to { 0% { transform: translate(50.7497px, 13.1036px); } 15% { transform: translate(50.7497px, 13.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { transform: translate(50.7497px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(50.7497px, 15.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(50.7497px, 15.1036px); } 100% { transform: translate(50.7497px, 15.1036px); } }#eD1PRHylXVr12 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr12_c_o; }@keyframes eD1PRHylXVr12_c_o { 0% { opacity: 1; } 15% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr14_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr14_to__to; }@keyframes eD1PRHylXVr14_to__to { 0% { transform: translate(35.4571px, 10.7996px); } 17.5% { transform: translate(35.4571px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { transform: translate(35.4571px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(35.4571px, 8.79961px); } 100% { transform: translate(35.4571px, 8.79961px); } }#eD1PRHylXVr14 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr14_c_o; }@keyframes eD1PRHylXVr14_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr15_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr15_to__to; }@keyframes eD1PRHylXVr15_to__to { 0% { transform: translate(41.9066px, 9.66361px); } 17.5% { transform: translate(41.9066px, 9.66361px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48.5% { transform: translate(41.9066px, 9.66361px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { transform: translate(41.9066px, 7.66361px); } 100% { transform: translate(41.9066px, 7.66361px); } }#eD1PRHylXVr15 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr15_c_o; }@keyframes eD1PRHylXVr15_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 48.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr16_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr16_to__to; }@keyframes eD1PRHylXVr16_to__to { 0% { transform: translate(49.2956px, 10.8956px); } 17.5% { transform: translate(49.2956px, 10.8956px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49% { transform: translate(49.2956px, 10.8956px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51% { transform: translate(49.2956px, 8.89561px); } 100% { transform: translate(49.2956px, 8.89561px); } }#eD1PRHylXVr16 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr16_c_o; }@keyframes eD1PRHylXVr16_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr17_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr17_to__to; }@keyframes eD1PRHylXVr17_to__to { 0% { transform: translate(58.2829px, 9.17562px); } 17.5% { transform: translate(58.2829px, 9.17562px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49.5% { transform: translate(58.2829px, 9.17562px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 51.5% { transform: translate(58.2829px, 7.17561px); } 100% { transform: translate(58.2829px, 7.17561px); } }#eD1PRHylXVr17 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr17_c_o; }@keyframes eD1PRHylXVr17_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 49.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr18_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr18_to__to; }@keyframes eD1PRHylXVr18_to__to { 0% { transform: translate(65.1693px, 9.00761px); } 17.5% { transform: translate(65.1693px, 9.00761px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { transform: translate(65.1693px, 9.00761px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52% { transform: translate(65.1693px, 7.00761px); } 100% { transform: translate(65.1693px, 7.00761px); } }#eD1PRHylXVr18 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr18_c_o; }@keyframes eD1PRHylXVr18_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52.5% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr19_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr19_to__to; }@keyframes eD1PRHylXVr19_to__to { 0% { transform: translate(71.4914px, 10.7996px); } 17.5% { transform: translate(71.4914px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { transform: translate(71.4914px, 10.7996px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 52.5% { transform: translate(71.4914px, 8.79961px); } 100% { transform: translate(71.4914px, 8.79961px); } }#eD1PRHylXVr19 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr19_c_o; }@keyframes eD1PRHylXVr19_c_o { 0% { opacity: 1; } 17.5% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 50.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 53% { opacity: 1; } 100% { opacity: 1; } }#eD1PRHylXVr20_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr20_to__to; }@keyframes eD1PRHylXVr20_to__to { 0% { transform: translate(27.5243px, 16.6802px); } 15.5% { transform: translate(27.5243px, 16.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { transform: translate(27.5243px, 12.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 25% { transform: translate(27.5243px, 12.6802px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 27.5% { transform: translate(27.5243px, 8.68018px); } 100% { transform: translate(27.5243px, 8.68018px); } }#eD1PRHylXVr20 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr20_c_o; }@keyframes eD1PRHylXVr20_c_o { 0% { opacity: 0; } 15.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 18% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 25% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 27.5% { opacity: 0; } 100% { opacity: 0; } }#eD1PRHylXVr29_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr29_to__to; }@keyframes eD1PRHylXVr29_to__to { 0% { transform: translate(22.6553px, 15.7601px); } 25.5% { transform: translate(22.6553px, 15.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 28% { transform: translate(22.6553px, 11.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 35% { transform: translate(22.6553px, 11.7601px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 37.5% { transform: translate(22.6553px, 7.76011px); } 100% { transform: translate(22.6553px, 7.76011px); } }#eD1PRHylXVr29 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr29_c_o; }@keyframes eD1PRHylXVr29_c_o { 0% { opacity: 0; } 25.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 28% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 35% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 37.5% { opacity: 0; } 100% { opacity: 0; } }#eD1PRHylXVr37_to { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr37_to__to; }@keyframes eD1PRHylXVr37_to__to { 0% { transform: translate(18.2477px, 15.1036px); } 35.5% { transform: translate(18.2477px, 15.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 38% { transform: translate(18.2477px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45% { transform: translate(18.2477px, 11.1036px); animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 47.5% { transform: translate(18.2477px, 7.10361px); } 100% { transform: translate(18.2477px, 7.10361px); } }#eD1PRHylXVr37 { animation: 20000ms linear 0s infinite normal forwards running eD1PRHylXVr37_c_o; }@keyframes eD1PRHylXVr37_c_o { 0% { opacity: 0; } 35.5% { opacity: 0; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 38% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 45% { opacity: 1; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } 47.5% { opacity: 0; } 100% { opacity: 0; } }</style> <g transform="translate(0 29.5)" mask="url(#eD1PRHylXVr4)"> <rect width="200" height="80" rx="0" ry="0" transform="translate(0-29.5)" fill="#fff" stroke-width="0"></rect> <mask id="eD1PRHylXVr4" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"> <g> <g id="eD1PRHylXVr6_to" transform="translate(37.985671,11.10391)"> <g id="eD1PRHylXVr6" transform="translate(-37.985671,-11.10391)"> <g> <path d="M7.31195,17.0002c-.42667,0-.784-.1334-1.072-.4-.27734-.2667-.45334-.624-.528-1.072h-.096c-.128.544-.41067.96-.848,1.248-.43734.2773-.976.416-1.616.416-.84267,0-1.488-.224-1.936-.672s-.672005-1.04-.672005-1.776c0-.8854.32-1.5414.960005-1.968.65066-.4374,1.53066-.656,2.64-.656h1.328v-.528c0-.4054-.10667-.7254-.32-.96-.21334-.2454-.57067-.368-1.072-.368-.46934,0-.84267.1013-1.12.304s-.50667.432-.688.688l-1.408005-1.248c.341335-.50138.768005-.89071,1.280005-1.16804.52266-.288,1.22666-.432,2.112-.432c1.19466,0,2.09066.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.39466,0,.73066-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M13.1253,17.1922c-.6293,0-1.1893-.1014-1.68-.304-.4906-.2134-.9013-.5067-1.232-.88-.33065-.384-.58131-.848-.75198-1.392s-.256-1.152-.256-1.824.08533-1.2747.256-1.808c.17067-.544.42133-1.00804.75198-1.39204s.7414-.67734,1.232-.88c.4907-.20267,1.0507-.304,1.68-.304.8534,0,1.5627.192,2.128.576.576.384.9867.92266,1.232,1.61604l-1.92.832c-.0746-.32-.2293-.592-.464-.816s-.56-.336-.976-.336c-.48,0-.8426.16-1.088.48-.2453.3093-.368.7306-.368,1.264v1.568c0,.5333.1227.9546.368,1.264s.608.464,1.088.464c.4267,0,.7627-.112,1.008-.336.256-.2347.4427-.5387.56-.912l1.84.8c-.2773.8-.7093,1.3866-1.296,1.76-.576.3733-1.28.56-2.112.56Z" fill="#fff"></path> <path d="M17.5189,5.16016h2.368v4.84804h.08c.1174-.46938.384-.85338.8-1.15204.4267-.29867.912-.448,1.456-.448c1.0667,0,1.872.37333,2.416,1.12s.816,1.83464.816,3.26404-.272,2.5226-.816,3.28c-.544.7466-1.3493,1.12-2.416,1.12-.2773,0-.5386-.0427-.784-.128-.2453-.0747-.4693-.1814-.672-.32-.192-.1494-.3573-.32-.496-.512-.1386-.2027-.24-.416-.304-.64h-.08v1.408h-2.368v-11.84004Zm3.92,10.11204c.448,0,.816-.1547,1.104-.464.2987-.32.448-.7467.448-1.28v-1.456c0-.5334-.1493-.9547-.448-1.264-.288-.32-.656-.48-1.104-.48s-.8213.112-1.12.336c-.288.2133-.432.512-.432.896v2.48c0,.384.144.688.432.912.2987.2133.672.32,1.12.32Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(-1.18 0)" fill="#fff"></path> </g> <g id="eD1PRHylXVr12_to" transform="translate(50.749701,13.10361)"> <g id="eD1PRHylXVr12" transform="translate(-51.749701,-11.10361)"> <g id="eD1PRHylXVr14_to" transform="translate(35.4571,10.799615)"> <path id="eD1PRHylXVr14" d="M35.4251,17.1916c-.8106,0-1.4933-.128-2.048-.384-.5546-.2666-1.0506-.64-1.488-1.12l1.392-1.408c.2987.3307.6294.592.992.784.3627.192.7734.288,1.232.288.4694,0,.7947-.0693.976-.208.1814-.1493.272-.3466.272-.592c0-.3946-.2826-.6293-.848-.704l-.912-.112c-1.888-.2346-2.832-1.0986-2.832-2.592c0-.4053.0747-.7733.224-1.104.16-.34131.3787-.62931.656-.86398.288-.24533.6294-.432,1.024-.56.4054-.13866.8587-.20799,1.36-.20799.4374,0,.8214.032,1.152.09599.3414.05334.64.13867.896.256.2667.10667.5067.24534.72.416.224.16.4427.34134.656.544l-1.36,1.39198c-.2666-.2666-.5706-.4746-.912-.624-.3306-.16-.672-.24-1.024-.24-.4053,0-.6933.064-.864.192s-.256.2987-.256.512c0,.224.0587.4.176.528.128.1174.3627.2027.704.256l.944.128c1.8454.2454,2.768,1.088,2.768,2.528c0,.4054-.0853.7787-.256,1.12s-.416.64-.736.896c-.3093.2454-.688.4374-1.136.576-.4373.1387-.928.208-1.472.208Z" transform="translate(-35.4571,-12.799615)" fill="#fff"></path> </g> <g id="eD1PRHylXVr15_to" transform="translate(41.906599,9.66361)"> <path id="eD1PRHylXVr15" d="M42.9786,16.9996c-.8213,0-1.4453-.208-1.872-.624-.416-.416-.624-1.024-.624-1.824v-4.112h-1.184v-1.83998h.592c.32,0,.5387-.07466.656-.224.1174-.16.176-.384.176-.672v-1.376h2.128v2.272h1.664v1.83998h-1.664v4.72h1.536v1.84h-1.408Z" transform="translate(-41.906599,-11.66361)" fill="#fff"></path> </g> <g id="eD1PRHylXVr16_to" transform="translate(49.295599,10.89561)"> <path id="eD1PRHylXVr16" d="M50.6396,15.5916h-.08c-.0746.2134-.176.416-.304.608-.1173.192-.272.3627-.464.512s-.4213.2667-.688.352c-.256.0854-.5546.128-.896.128-.864,0-1.52-.2826-1.968-.848-.4373-.576-.656-1.3973-.656-2.464v-5.27998h2.368v5.07198c0,.512.0907.9067.272,1.184.1814.2774.4907.416.928.416.1814,0,.3627-.0266.544-.08.1814-.0533.3414-.128.48-.224.1387-.1066.2507-.2346.336-.384s.128-.3253.128-.528v-5.45598h2.368v8.39998h-2.368v-1.408Z" transform="translate(-49.295599,-12.89561)" fill="#fff"></path> </g> <g id="eD1PRHylXVr17_to" transform="translate(58.2829,9.175615)"> <path id="eD1PRHylXVr17" d="M59.8829,15.5916h-.08c-.064.224-.1653.4374-.304.64-.1387.192-.3093.3627-.512.512-.192.1387-.416.2454-.672.32-.2453.0854-.5013.128-.768.128-1.0667,0-1.872-.3733-2.416-1.12-.544-.7573-.816-1.8506-.816-3.28s.272-2.5173.816-3.26397s1.3493-1.12,2.416-1.12c.544,0,1.024.14933,1.44.448.4267.29866.6987.68266.816,1.15197h.08v-4.84797h2.368v11.83997h-2.368v-1.408Zm-1.552-.32c.448,0,.816-.1066,1.104-.32.2987-.224.448-.528.448-.912v-2.48c0-.384-.1493-.6826-.448-.896-.288-.224-.656-.336-1.104-.336s-.8213.16-1.12.48c-.288.3094-.432.7307-.432,1.264v1.456c0,.5334.144.96.432,1.28.2987.3094.672.464,1.12.464Z" transform="translate(-58.2829,-11.175615)" fill="#fff"></path> </g> <g id="eD1PRHylXVr18_to" transform="translate(65.169302,9.00761)"> <path id="eD1PRHylXVr18" d="M65.1693,7.70362c-.48,0-.832-.10666-1.056-.31999-.2134-.22401-.32-.50667-.32-.84801v-.352c0-.34133.1066-.61866.32-.832.224-.224.576-.336,1.056-.336s.8266.112,1.04.336c.224.21334.336.49067.336.832v.352c0,.34134-.112.624-.336.84801-.2134.21333-.56.31999-1.04.31999Zm-1.184.896h2.368v8.39998h-2.368v-8.39998Z" transform="translate(-65.169302,-11.00761)" fill="#fff"></path> </g> <g id="eD1PRHylXVr19_to" transform="translate(71.491398,10.799615)"> <path id="eD1PRHylXVr19" d="M71.4914,17.1916c-.6187,0-1.1733-.1013-1.664-.304-.48-.2026-.8907-.496-1.232-.88-.3307-.384-.5867-.848-.768-1.392s-.272-1.152-.272-1.824.0907-1.28.272-1.824.4373-1.00264.768-1.37598c.3413-.384.752-.67733,1.232-.87999.4907-.20267,1.0453-.304,1.664-.304s1.168.10133,1.648.304c.4907.20266.9013.49599,1.232.87999.3413.37334.6027.83198.784,1.37598s.272,1.152.272,1.824-.0907,1.28-.272,1.824-.4427,1.008-.784,1.392c-.3307.384-.7413.6774-1.232.88-.48.2027-1.0293.304-1.648.304Zm0-1.872c.4693,0,.832-.144,1.088-.432s.384-.6986.384-1.232v-1.712c0-.5333-.128-.944-.384-1.232s-.6187-.432-1.088-.432-.832.144-1.088.432-.384.6987-.384,1.232v1.712c0,.5334.128.944.384,1.232s.6187.432,1.088.432Z" transform="translate(-71.491398,-12.799615)" fill="#fff"></path> </g> </g> </g> </g> </g> <g id="eD1PRHylXVr20_to" transform="translate(27.524322,16.68018)"> <g id="eD1PRHylXVr20" transform="translate(-27.524322,-12.68018)" opacity="0"> <path d="M7.31195,17.0002c-.42667,0-.784-.1334-1.072-.4-.27734-.2667-.45334-.624-.528-1.072h-.096c-.128.544-.41067.96-.848,1.248-.43734.2773-.976.416-1.616.416-.84267,0-1.488-.224-1.936-.672s-.672005-1.04-.672005-1.776c0-.8854.32-1.5414.960005-1.968.65066-.4374,1.53066-.656,2.64-.656h1.328v-.528c0-.4054-.10667-.7254-.32-.96-.21334-.2454-.57067-.368-1.072-.368-.46934,0-.84267.1013-1.12.304s-.50667.432-.688.688l-1.408005-1.248c.341335-.50138.768005-.89071,1.280005-1.16804.52266-.288,1.22666-.432,2.112-.432c1.19466,0,2.09066.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.39466,0,.73066-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M9.73332,17.0002v-8.40004h2.36798v1.42404h.096c.1494-.43738.4107-.81604.784-1.13604.3734-.32.8907-.48,1.552-.48.864,0,1.5147.288,1.952.864.448.576.672,1.39734.672,2.46404v5.264h-2.368v-5.072c0-.544-.0853-.944-.256-1.2-.1706-.2667-.4746-.4-.912-.4-.192,0-.3786.0266-.56.08-.1813.0426-.3466.1173-.496.224-.1386.1066-.2506.24-.336.4-.0853.1493-.128.3253-.128.528v5.44h-2.36798Z" fill="#fff"></path> <path d="M24.9926,17.0002c-.4267,0-.784-.1334-1.072-.4-.2774-.2667-.4534-.624-.528-1.072h-.096c-.128.544-.4107.96-.848,1.248-.4374.2773-.976.416-1.616.416-.8427,0-1.488-.224-1.936-.672s-.672-1.04-.672-1.776c0-.8854.32-1.5414.96-1.968.6506-.4374,1.5306-.656,2.64-.656h1.328v-.528c0-.4054-.1067-.7254-.32-.96-.2134-.2454-.5707-.368-1.072-.368-.4694,0-.8427.1013-1.12.304s-.5067.432-.688.688l-1.408-1.248c.3413-.50138.768-.89071,1.28-1.16804.5226-.288,1.2266-.432,2.112-.432c1.1946,0,2.0906.26133,2.688.784s.896,1.28534.896,2.28804v3.68h.784v1.84h-1.312Zm-3.28-1.456c.3946,0,.7306-.0854,1.008-.256.288-.1707.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3146-1.392.944v.24c0,.3093.096.5386.288.688.192.1386.464.208.816.208Z" fill="#fff"></path> <path d="M29.7659,17.0002c-.8106,0-1.408-.1974-1.792-.592-.3733-.3947-.56-.9654-.56-1.712v-9.53604h2.368v10.00004h1.056v1.84h-1.072Z" fill="#fff"></path> <path d="M36.8199,8.60016h2.208l-3.232,9.69604c-.2133.6506-.5173,1.1306-.912,1.44-.384.3093-.9386.464-1.664.464h-1.472v-1.84h1.584l.288-.928-2.944-8.83204h2.352l1.232,3.92004.608,2.432h.096l.624-2.432l1.232-3.92004Z" fill="#fff"></path> <path d="M42.4582,17.1922c-.8107,0-1.4933-.128-2.048-.384-.5547-.2667-1.0507-.64-1.488-1.12l1.392-1.408c.2987.3306.6293.592.992.784s.7733.288,1.232.288c.4693,0,.7947-.0694.976-.208.1813-.1494.272-.3467.272-.592c0-.3947-.2827-.6294-.848-.704l-.912-.112c-1.888-.2347-2.832-1.0987-2.832-2.592c0-.4054.0747-.7734.224-1.104.16-.34138.3787-.62938.656-.86404.288-.24534.6293-.432,1.024-.56.4053-.13867.8587-.208,1.36-.208.4373,0,.8213.032,1.152.096.3413.05333.64.13866.896.256.2667.10666.5067.24533.72.416.224.16.4427.34133.656.544l-1.36,1.39204c-.2667-.2667-.5707-.4747-.912-.624-.3307-.16-.672-.24-1.024-.24-.4053,0-.6933.064-.864.192s-.256.2986-.256.512c0,.224.0587.4.176.528.128.1173.3627.2026.704.256l.944.128c1.8453.2453,2.768,1.088,2.768,2.528c0,.4053-.0853.7786-.256,1.12s-.416.64-.736.896c-.3093.2453-.688.4373-1.136.576-.4373.1386-.928.208-1.472.208Z" fill="#fff"></path> <path d="M50.6967,17.1922c-.64,0-1.2107-.1014-1.712-.304-.5013-.2134-.928-.5067-1.28-.88-.3413-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6614.0853-1.2587.256-1.792.1707-.544.4213-1.00804.752-1.39204.3413-.384.7573-.67734,1.248-.88.4907-.21334,1.0507-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9067.54933,1.216.944.32.39464.5493.85334.688,1.37604.1493.512.224,1.0506.224,1.616v.704h-5.392v.128c0,.5546.1493.9973.448,1.328.2987.32.768.48,1.408.48.4907,0,.8907-.096,1.2-.288.3093-.2027.5973-.4427.864-.72l1.184,1.472c-.3733.4373-.864.7786-1.472,1.024-.5973.2453-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3093-.4.7253-.4,1.248v.128h2.944v-.144c0-.512-.1173-.9227-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(27.82 0)" fill="#fff"></path> </g> </g> <g id="eD1PRHylXVr29_to" transform="translate(22.655314,15.760111)"> <g id="eD1PRHylXVr29" transform="translate(-22.655313,-11.76011)" opacity="0"> <path d="M4.49593,17.1921c-.62934,0-1.18934-.1013-1.68-.304-.49067-.2133-.90134-.5066-1.232-.88-.33067-.384-.58134-.848-.752002-1.392s-.256-1.152-.256-1.824.085333-1.2746.256-1.808c.170662-.544.421332-1.00797.752002-1.39198s.74133-.67733,1.232-.87999s1.05066-.304,1.68-.304c.85333,0,1.56266.192,2.128.576.576.384.98666.92266,1.232,1.61597l-1.92.832c-.07467-.32-.22934-.592-.464-.816s-.56-.336-.976-.336c-.48,0-.84267.16-1.088.48-.24534.3094-.368.7307-.368,1.264v1.568c0,.5334.12266.9547.368,1.264s.608.464,1.088.464c.42666,0,.76266-.112,1.008-.336.256-.2346.44266-.5386.56-.912l1.84.8c-.27734.8-.70934,1.3867-1.296,1.76-.576.3734-1.28.56-2.112.56Z" fill="#fff"></path> <path d="M8.88955,17.0001v-8.39997h2.36805v1.82397h.08c.0426-.2346.1173-.45864.224-.67197.1066-.224.2453-.42134.416-.592.1813-.17067.3946-.304.64-.4.2453-.10667.5333-.16.864-.16h.416v2.20797h-.592c-.6934,0-1.2107.0907-1.552.272-.3307.1814-.496.5174-.496,1.008v4.912h-2.36805Z" fill="#fff"></path> <path d="M18.3042,17.1921c-.64,0-1.2107-.1013-1.712-.304-.5014-.2133-.928-.5066-1.28-.88-.3414-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6613.0853-1.2586.256-1.792.1706-.544.4213-1.00797.752-1.39197.3413-.384.7573-.67734,1.248-.88.4906-.21334,1.0506-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9066.54933,1.216.944.32.39467.5493.85337.688,1.37597.1493.512.224,1.0507.224,1.616v.704h-5.392v.128c0,.5547.1493.9974.448,1.328.2986.32.768.48,1.408.48.4906,0,.8906-.096,1.2-.288.3093-.2026.5973-.4426.864-.72l1.184,1.472c-.3734.4374-.864.7787-1.472,1.024-.5974.2454-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3094-.4.7254-.4,1.248v.128h2.944v-.144c0-.512-.1174-.9226-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.5126,17.0001c-.4267,0-.784-.1333-1.072-.4-.2774-.2666-.4534-.624-.528-1.072h-.096c-.128.544-.4107.96-.848,1.248-.4374.2774-.976.416-1.616.416-.8427,0-1.488-.224-1.936-.672s-.672-1.04-.672-1.776c0-.8853.32-1.5413.96-1.968.6506-.4373,1.5306-.656,2.64-.656h1.328v-.528c0-.4053-.1067-.7253-.32-.96-.2134-.2453-.5707-.368-1.072-.368-.4694,0-.8427.1014-1.12.304-.2774.2027-.5067.432-.688.688l-1.408-1.248c.3413-.50131.768-.89064,1.28-1.16797.5226-.288,1.2266-.432,2.112-.432c1.1946,0,2.0906.26133,2.688.784s.896,1.28537.896,2.28797v3.68h.784v1.84h-1.312Zm-3.28-1.456c.3946,0,.7306-.0853,1.008-.256.288-.1706.432-.448.432-.832v-.992h-1.152c-.928,0-1.392.3147-1.392.944v.24c0,.3094.096.5387.288.688.192.1387.464.208.816.208Z" fill="#fff"></path> <path d="M34.7842,17.0001c-.8214,0-1.4454-.208-1.872-.624-.416-.416-.624-1.024-.624-1.824v-4.112h-1.184v-1.83997h.592c.32,0,.5386-.07467.656-.224.1173-.16.176-.384.176-.672v-1.37601h2.128v2.27201h1.664v1.83997h-1.664v4.72h1.536v1.84h-1.408Z" fill="#fff"></path> <path d="M40.9267,17.1921c-.64,0-1.2107-.1013-1.712-.304-.5014-.2133-.928-.5066-1.28-.88-.3414-.384-.6027-.848-.784-1.392-.1707-.544-.256-1.152-.256-1.824c0-.6613.0853-1.2586.256-1.792.1706-.544.4213-1.00797.752-1.39197.3413-.384.7573-.67734,1.248-.88.4906-.21334,1.0506-.32,1.68-.32.6933,0,1.2853.11733,1.776.352.5013.23466.9066.54933,1.216.944.32.39467.5493.85337.688,1.37597.1493.512.224,1.0507.224,1.616v.704h-5.392v.128c0,.5547.1493.9974.448,1.328.2986.32.768.48,1.408.48.4906,0,.8906-.096,1.2-.288.3093-.2026.5973-.4426.864-.72l1.184,1.472c-.3734.4374-.864.7787-1.472,1.024-.5974.2454-1.28.368-2.048.368Zm-.048-7.04c-.48,0-.8587.16-1.136.48-.2667.3094-.4.7254-.4,1.248v.128h2.944v-.144c0-.512-.1174-.9226-.352-1.232-.224-.32-.576-.48-1.056-.48Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(17.82 0)" fill="#fff"></path> </g> </g> <g id="eD1PRHylXVr37_to" transform="translate(18.247749,15.10361)"> <g id="eD1PRHylXVr37" transform="translate(-18.247749,-11.10361)" opacity="0"> <path d="M1.104,5.15963h2.368v4.84797h.08c.11734-.46931.384-.85331.8-1.15197.42667-.29867.912-.448,1.456-.448c1.06667,0,1.872.37333,2.416,1.12s.816,1.83467.816,3.26397-.272,2.5227-.816,3.28c-.544.7467-1.34933,1.12-2.416,1.12-.27733,0-.53866-.0426-.784-.128-.24533-.0746-.46933-.1813-.672-.32-.192-.1493-.35733-.32-.496-.512-.13866-.2026-.24-.416-.304-.64h-.08v1.408h-2.368v-11.83997ZM5.024,15.2716c.448,0,.816-.1546,1.104-.464.29867-.32.448-.7466.448-1.28v-1.456c0-.5333-.14933-.9546-.448-1.264-.288-.32-.656-.48-1.104-.48s-.82133.112-1.12.336c-.288.2134-.432.512-.432.896v2.48c0,.384.144.688.432.912.29867.2134.672.32,1.12.32Z" fill="#fff"></path> <path d="M15.3184,15.5916h-.08c-.0747.2134-.176.416-.304.608-.1174.192-.272.3627-.464.512s-.4214.2667-.688.352c-.256.0854-.5547.128-.896.128-.864,0-1.52-.2826-1.968-.848-.4374-.576-.656-1.3973-.656-2.464v-5.27998h2.368v5.07198c0,.512.0906.9067.272,1.184s.4906.416.928.416c.1813,0,.3626-.0266.544-.08s.3413-.128.48-.224c.1386-.1066.2506-.2346.336-.384s.128-.3253.128-.528v-5.45598h2.368v8.39998h-2.368v-1.408Z" fill="#fff"></path> <path d="M20.5936,7.70362c-.48,0-.832-.10666-1.056-.31999-.2133-.22401-.32-.50667-.32-.84801v-.352c0-.34133.1067-.61866.32-.832.224-.224.576-.336,1.056-.336s.8267.112,1.04.336c.224.21334.336.49067.336.832v.352c0,.34134-.112.624-.336.84801-.2133.21333-.56.31999-1.04.31999Zm-1.184.896h2.368v8.39998h-2.368v-8.39998Z" fill="#fff"></path> <path d="M25.8598,16.9996c-.8107,0-1.408-.1973-1.792-.592-.3734-.3946-.56-.9653-.56-1.712v-9.53597h2.368v9.99997h1.056v1.84h-1.072Z" fill="#fff"></path> <path d="M33.0235,15.5916h-.08c-.064.224-.1653.4374-.304.64-.1387.192-.3093.3627-.512.512-.192.1387-.416.2454-.672.32-.2453.0854-.5013.128-.768.128-1.0667,0-1.872-.3733-2.416-1.12-.544-.7573-.816-1.8506-.816-3.28s.272-2.5173.816-3.26397s1.3493-1.12,2.416-1.12c.544,0,1.024.14933,1.44.448.4267.29866.6987.68266.816,1.15197h.08v-4.84797h2.368v11.83997h-2.368v-1.408Zm-1.552-.32c.448,0,.816-.1066,1.104-.32.2987-.224.448-.528.448-.912v-2.48c0-.384-.1493-.6826-.448-.896-.288-.224-.656-.336-1.104-.336s-.8213.16-1.12.48c-.288.3094-.432.7307-.432,1.264v1.456c0,.5334.144.96.432,1.28.2987.3094.672.464,1.12.464Z" fill="#fff"></path> <path d="M29.48,17.1756c-.48,0-.8373-.1173-1.072-.352-.224-.2453-.336-.5546-.336-.928v-.32c0-.3733.112-.6773.336-.912.2347-.2453.592-.368,1.072-.368s.832.1227,1.056.368c.2347.2347.352.5387.352.912v.32c0,.3734-.1173.6827-.352.928-.224.2347-.576.352-1.056.352Z" transform="translate(8.82 0)" fill="#fff"></path> </g> </g> </g> </mask> </g> </svg> </a> <div class="js-menuContainer"> <div id="menu" class="fixed top-0 left-0 z-10 w-full h-full js-menu bg-white/70 backdrop-blur-md"> <picture class=""> <source srcset="/assets/images/navigation/acbweb-navigations-background-16x9.svg" media="(min-width: 768px)"> <img src="/assets/images/navigation/acbweb-navigations-background-9x16.svg" class="absolute inset-0 z-0 object-cover w-full h-full" alt=""> </picture> <div class="relative z-10 acb-grid min-h-screen-nav"> <div class="grid mt-[96px] md:mt-0 md:h-screen content-center md:col-span-2 md:col-start-1 lg:col-start-2"> <nav id="mainNavigation"> <ul class="p-0"> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 text-black/50" href="https://acb.studio/en"> <b>Welcome</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/work"> <b>Work</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/services"> <b>Services</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/studio"> <b>Studio</b> </a> </li> <li class="font-light leading-snug text-black list-none pb-fs hover:text-black/50"> <a class="fluid-heading-03 " href="https://acb.studio/en/contact"> <b>Contact</b> </a> </li> </ul> </nav> </div> <div class="menu__teaser -ml-7.5 pl-7.5 md:pl-0 md:ml-0 pr-7.5 md:pr-0 -mr-7.5 md:mr-0 md:col-span-3 md:col-start-4 flex md:justify-center items-end md:flex-col md:h-screen content-center overflow-x-auto snap-x snap-proximity"> <div data-block="teaser" class="group bg-black rounded-lg relative aspect-video md:aspect-auto overflow-hidden mr-1 md:mr-0 md:mb-1 md:h-[350px] md:w-full min-w-[85%] md:max-w-[620px] hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#fff"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <img src="https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">REINHÖREN</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser font-extralight"><em>Regenerativ</em> & Digital Podcast</div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://open.spotify.com/show/2tFBdBEX3rtSCnGaFfEkLG?si=92034de19a0345c9" class="absolute top-0 bottom-0 left-0 right-0" aria-label="REINHÖREN - <em>Regenerativ</em> & Digital Podcast" target="_blank" rel="noreferrer"></a> </div> <div data-block="teaser" class="group bg-black rounded-lg relative aspect-video md:aspect-auto overflow-hidden mr-1 md:mr-0 md:mb-1 md:h-[350px] md:w-full min-w-[85%] md:max-w-[620px] hover:bg-bt hover:!text-black transition duration-300 hover:ease-out" style="color:#ffffff"> <picture class="h-full duration-300 opacity-1 group-hover:opacity-0 hover:ease-out"> <img src="https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg" class="object-cover w-full h-full duration-300 group-hover:opacity-0 hover:ease-out" loading="lazy" alt=""> </picture> <div class="absolute top-0 bottom-0 flex flex-col justify-between w-full py-fm px-fs"> <div class="uppercase fluid-utility-01">SERVICES</div> <div class="flex items-end justify-between"> <div class="pr-1 fluid-heading-teaser font-extralight">Learn about our <em>Services</em></div> <svg id="e2DLAoi7zB01" xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" class="w-[40px] h-[40px] shrink-0 group-hover:animated"> <style>/* inner styles set by WPT to match CSSOM */.group:hover .group-hover\:animated #e2DLAoi7zB04_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_ts__ts; }@keyframes e2DLAoi7zB04_ts__ts { 0% { transform: translate(20px, 20px) scale(1, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1.1, 1.1); } }.group:hover .group-hover\:animated #e2DLAoi7zB04 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB04_c_o; }@keyframes e2DLAoi7zB04_c_o { 0% { opacity: 1; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 0; } }.group:hover .group-hover\:animated #e2DLAoi7zB08_ts { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_ts__ts; }@keyframes e2DLAoi7zB08_ts__ts { 0% { transform: translate(20px, 20px) scale(0.8, 0.8); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { transform: translate(20px, 20px) scale(1, 1); } }.group:hover .group-hover\:animated #e2DLAoi7zB08 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB08_c_o; }@keyframes e2DLAoi7zB08_c_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } 100% { opacity: 1; } }.group:hover .group-hover\:animated #e2DLAoi7zB09 { animation: 300ms linear 0s 1 normal forwards running e2DLAoi7zB09_c_o; }@keyframes e2DLAoi7zB09_c_o { 0% { opacity: 0; } 100% { opacity: 1; } }</style> <g transform="translate(4 4)"> <g id="e2DLAoi7zB04_ts" transform="translate(20,20) scale(1,1)"> <ellipse id="e2DLAoi7zB04" rx="20" ry="20" transform="translate(0,0)" fill="#fff" stroke-width="0"></ellipse> </g> <g> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#000"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#000"></path> </g> <g id="e2DLAoi7zB08_ts" transform="translate(20,20) scale(0.8,0.8)"> <ellipse id="e2DLAoi7zB08" rx="20" ry="20" transform="translate(0,0)" opacity="0" stroke-width="0"></ellipse> </g> <g id="e2DLAoi7zB09" opacity="0"> <path d="M20.000003,10.397121l2.999998,2.951132-3,3.048868" transform="translate(5.947897 6.602879)" fill="none" stroke="#fff"></path> <path d="M10.631567,19.837108h16.947884" transform="translate(1.368447 0.162892)" fill="none" stroke="#fff"></path> </g> </g> </svg> </div> </div> <a href="https://acb.studio/en/services" class="absolute top-0 bottom-0 left-0 right-0" aria-label="SERVICES - Learn about our <em>Services</em>" data-eventid="Ereignis - overall teaser - Click Button Services"></a> </div> </div> </div> </div> </div> <button id="menu-icon" class="relative z-20 float-right block h-[40px] w-[40px] cursor-pointer overflow-hidden" aria-label="Open menu"> <svg class="icon-close hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */.animated #eDdxZj2JEQ84_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ84_ts__ts; }@keyframes eDdxZj2JEQ84_ts__ts { 0% { transform: translate(20px, 22.5px) scale(1, 1); } 20% { transform: translate(20px, 22.5px) scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px) scale(0.1, 0.1); } }.animated #eDdxZj2JEQ84 { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ84_f_p; }@keyframes eDdxZj2JEQ84_f_p { 0% { fill: rgb(0, 0, 0); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { fill: rgb(255, 255, 255); } }.animated #eDdxZj2JEQ87_to { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_to__to; }@keyframes eDdxZj2JEQ87_to__to { 0% { transform: translate(20px, 22.5px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 20px); } }.animated #eDdxZj2JEQ87_tr { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_tr__tr; }@keyframes eDdxZj2JEQ87_tr__tr { 0% { transform: rotate(-135deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(0deg); } }.animated #eDdxZj2JEQ87_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ87_ts__ts; }@keyframes eDdxZj2JEQ87_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }.animated #eDdxZj2JEQ88_to { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_to__to; }@keyframes eDdxZj2JEQ88_to__to { 0% { transform: translate(20px, 22.5px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 25px); } }.animated #eDdxZj2JEQ88_tr { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_tr__tr; }@keyframes eDdxZj2JEQ88_tr__tr { 0% { transform: rotate(-45deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(0deg); } }.animated #eDdxZj2JEQ88_ts { animation: 500ms linear 0s 1 normal forwards running eDdxZj2JEQ88_ts__ts; }@keyframes eDdxZj2JEQ88_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }</style> <g transform="translate(0-2.5)"><g mask="url(#mask-icon-close)"><g id="eDdxZj2JEQ84_ts" transform="translate(20,22.5) scale(1,1)"><path id="eDdxZj2JEQ84" d="M-140,180v-320h320v320h-320ZM20,28c4.41828,0,8-3.58172,8-8s-3.58172-8-8-8-8,3.58172-8,8s3.58172,8,8,8Z" transform="translate(-20,-20)" stroke-width="0"></path></g><mask id="mask-icon-close" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"><g><g id="eDdxZj2JEQ87_to" transform="translate(20,22.5)"><g id="eDdxZj2JEQ87_tr" transform="rotate(-135)"><g id="eDdxZj2JEQ87_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g><g id="eDdxZj2JEQ88_to" transform="translate(20,22.5)"><g id="eDdxZj2JEQ88_tr" transform="rotate(-45)"><g id="eDdxZj2JEQ88_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g></g></mask></g></g></svg> <svg class="icon-open" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" shape-rendering="geometricPrecision" text-rendering="geometricPrecision"> <style>/* inner styles set by WPT to match CSSOM */.animated #ePxjCZibNf94_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf94_ts__ts; }@keyframes ePxjCZibNf94_ts__ts { 0% { transform: translate(20px, 22.5px) scale(0.1, 0.1); } 20% { transform: translate(20px, 22.5px) scale(0.1, 0.1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px) scale(1, 1); } }.animated #ePxjCZibNf94 { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf94_f_p; }@keyframes ePxjCZibNf94_f_p { 0% { fill: rgb(255, 255, 255); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { fill: rgb(0, 0, 0); } }.animated #ePxjCZibNf97_to { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_to__to; }@keyframes ePxjCZibNf97_to__to { 0% { transform: translate(20px, 20px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px); } }.animated #ePxjCZibNf97_tr { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_tr__tr; }@keyframes ePxjCZibNf97_tr__tr { 0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(-135deg); } }.animated #ePxjCZibNf97_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf97_ts__ts; }@keyframes ePxjCZibNf97_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }.animated #ePxjCZibNf98_to { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_to__to; }@keyframes ePxjCZibNf98_to__to { 0% { transform: translate(20px, 25px); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: translate(20px, 22.5px); } }.animated #ePxjCZibNf98_tr { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_tr__tr; }@keyframes ePxjCZibNf98_tr__tr { 0% { transform: rotate(0deg); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: rotate(-45deg); } }.animated #ePxjCZibNf98_ts { animation: 500ms linear 0s 1 normal forwards running ePxjCZibNf98_ts__ts; }@keyframes ePxjCZibNf98_ts__ts { 0% { transform: scale(1, 1); animation-timing-function: cubic-bezier(1, 0, 0, 1); } 100% { transform: scale(1, 1); } }</style> <g transform="translate(0-2.5)"><g mask="url(#mask-icon-open)"><g id="ePxjCZibNf94_ts" transform="translate(20,22.5) scale(0.1,0.1)"><path id="ePxjCZibNf94" d="M-140,180v-320h320v320h-320ZM20,28c4.41828,0,8-3.58172,8-8s-3.58172-8-8-8-8,3.58172-8,8s3.58172,8,8,8Z" transform="translate(-20,-20)" fill="#fff" stroke-width="0"></path></g><mask id="mask-icon-open" mask-type="luminance" x="-150%" y="-150%" height="400%" width="400%"><g><g id="ePxjCZibNf97_to" transform="translate(20,20)"><g id="ePxjCZibNf97_tr" transform="rotate(0)"><g id="ePxjCZibNf97_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g><g id="ePxjCZibNf98_to" transform="translate(20,25)"><g id="ePxjCZibNf98_tr" transform="rotate(0)"><g id="ePxjCZibNf98_ts" transform="scale(1,1)"><rect width="40" height="1" rx="0" ry="0" transform="translate(-20,-0.5)" fill="#fff" stroke-width="0"></rect></g></g></g></g></mask></g></g></svg> </button> </nav> </div> <script crossorigin="anonymous" integrity="sha384-VDFlVcV08Hiotctd98VWCOibTauCw3m4vVugA4VpSvnNcWvBgIm6tiUb1DjCU5wi" src="https://acb.studio/dist/js/main.js?v=1714984940"></script> <script src="https://cdn.usefathom.com/script.js" data-spa="auto" data-site="VJBPMKHM" defer=""></script> </body></html>
securityHeaders: {"securityHeadersList":["strict-transport-security"],"securityHeadersGrade":"E","securityHeadersScore":25}

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://acb.studio/	text/html	Highest	0.204 s	69 ms	53 ms	80 ms	86 ms	-	-	-	302	85.13.145.184
2	https://acb.studio/en	text/html	Highest	0.294 s	-	-	-	108 ms	45 ms	14.8 KB	3 ms	200	85.13.145.184
3	https://acb.studio/d...les.css?v=1712210625	text/css	Highest	0.424 s	-	-	-	66 ms	2 ms	4.8 KB	-	200	85.13.145.184
4	https://acb.studio/a...-background-16x9.svg	image/svg+xml	Medium	0.461 s	-	-	-	56 ms	2 ms	0.7 KB	-	200	85.13.145.184
5	https://acb.studio/d...main.js?v=1714984940	application/javascript	High	0.476 s	-	-	-	73 ms	3 ms	8.4 KB	19 ms	200	85.13.145.184
6	https://acb.studio/m...-16x9-1600x-q80.webp	image/webp	Low	0.601 s	-	-	-	83 ms	13 ms	24.0 KB	-	200	85.13.145.184
7	https://acb.studio/m...-services-teaser.svg	image/svg+xml	Low	0.606 s	-	-	-	101 ms	3 ms	3.0 KB	-	200	85.13.145.184
8	https://cdn.usefathom.com/script.js	application/javascript	Low	0.62 s	41 ms	33 ms	66 ms	78 ms	4 ms	2.0 KB	17 ms	200	169.150.247.38
9	https://acb.studio/m...ues-teaser-16x9.avif	image/avif	Low	0.848 s	-	-	-	83 ms	81 ms	62.1 KB	-	200	85.13.145.184
10	https://acb.studio/m.../bl-teaser-16x9.avif	image/avif	Low	0.852 s	-	-	-	188 ms	166 ms	111.2 KB	-	200	85.13.145.184
11	https://acb.studio/m...mytt-teaser-16x9.svg	image/svg+xml	Low	0.854 s	-	-	-	354 ms	6 ms	1.1 KB	-	200	85.13.145.184
12	https://acb.studio/m...on-desktop-white.svg	image/svg+xml	Low	0.857 s	-	-	-	566 ms	9 ms	15.6 KB	-	200	85.13.145.184
13	https://acb.studio/m...9/rd-teaser-16x9.svg	image/svg+xml	High	0.893 s	-	-	-	503 ms	9 ms	0.5 KB	-	200	85.13.145.184
14	https://acb.studio/m...vices-stage-16x9.svg	image/svg+xml	High	0.9 s	-	-	-	546 ms	6 ms	1.1 KB	-	200	85.13.145.184
15	https://acb.studio/a...raLight-Latin1.woff2	font/woff2	Highest	0.9 s	-	-	-	333 ms	13 ms	21.6 KB	-	200	85.13.145.184
16	https://acb.studio/a...tItalic-Latin1.woff2	font/woff2	Highest	0.9 s	-	-	-	443 ms	14 ms	23.9 KB	-	200	85.13.145.184
17	https://acb.studio/a...emiBold-Latin1.woff2	font/woff2	Highest	0.901 s	-	-	-	371 ms	41 ms	21.2 KB	-	200	85.13.145.184
18	https://acb.studio/a...s-Light-Latin1.woff2	font/woff2	Highest	0.901 s	-	-	-	372 ms	48 ms	21.3 KB	-	200	85.13.145.184
19	https://acb.studio/a...Regular-Latin1.woff2	font/woff2	Highest	0.901 s	-	-	-	484 ms	10 ms	20.1 KB	-	200	85.13.145.184
20	https://cdn.usefatho...=%7B%7D&cid=62340771	text/plain	Low	0.951 s	-	-	-	144 ms	1 ms	0.0 KB	-	200	169.150.247.38
21	https://acb.studio/favicon.ico	image/x-icon	High	1.704 s	-	-	-	55 ms	2 ms	1.3 KB	-	200	85.13.145.184

Request Headers

+ Expand All

Request 1: https://acb.studio/

URL: https://acb.studio/
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 302
Priority: Highest
Protocol: HTTP/2
Initiated By: https://acb.studio/dist/js/main.js?v=1714984940
Request Start: 0.204 s
DNS Lookup: 69 ms
Initial Connection: 53 ms
Time to First Byte: 86 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
: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="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

cache-control: max-age=172800
content-length: 0
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:40:41 GMT
expires: Wed, 04 Sep 2024 09:40:41 GMT
location: https://acb.studio/en
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent

Request 2: https://acb.studio/en

URL: https://acb.studio/en
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/dist/js/main.js?v=1714984940
Request Start: 0.294 s
Time to First Byte: 108 ms
Content Download: 45 ms
Bytes In (downloaded): 14.8 KB
Uncompressed Size: 110.6 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /en
: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="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

cache-control: max-age=172800
content-encoding: br
content-type: text/html; charset=UTF-8
date: Mon, 02 Sep 2024 09:40:41 GMT
expires: Wed, 04 Sep 2024 09:40:41 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 3: https://acb.studio/dist/css/styles.css?v=1712210625

URL: https://acb.studio/dist/css/styles.css?v=1712210625
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://acb.studio/en line 90
Request Start: 0.424 s
Time to First Byte: 66 ms
Content Download: 2 ms
Bytes In (downloaded): 4.8 KB
Uncompressed Size: 22.1 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /dist/css/styles.css?v=1712210625
: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://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 4916
content-type: text/css
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "588c-6153f1a1fd919-br"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Thu, 04 Apr 2024 06:03:45 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 4: https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg

URL: https://acb.studio/assets/images/navigation/acbweb-navigations-background-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 147, depends on 5, EXCLUSIVE
Initiated By: https://acb.studio/en line 2175
Request Start: 0.461 s
Time to First Byte: 56 ms
Content Download: 2 ms
Bytes In (downloaded): 0.7 KB
Uncompressed Size: 2.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/images/navigation/acbweb-navigations-background-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 683
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "afb-5ffbab64d764e-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Wed, 05 Jul 2023 10:17:51 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 5: https://acb.studio/dist/js/main.js?v=1714984940

URL: https://acb.studio/dist/js/main.js?v=1714984940
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://acb.studio/en line 2175
Request Start: 0.476 s
Time to First Byte: 73 ms
Content Download: 3 ms
Bytes In (downloaded): 8.4 KB
Uncompressed Size: 27.7 KB
Bytes Out (uploaded): 1.8 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /dist/js/main.js?v=1714984940
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=1
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 8609
content-type: application/javascript
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "6eb3-617c50c25b88b-br"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 06 May 2024 08:42:20 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 6: https://acb.studio/media/pages/home/7d048bfad1-1688548650/acbweb-home-hero03-16x9-1600x-q80.webp

URL: https://acb.studio/media/pages/home/7d048bfad1-1688548650/acbweb-home-hero03-16x9-1600x-q80.webp
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.601 s
Time to First Byte: 83 ms
Content Download: 13 ms
Bytes In (downloaded): 24.0 KB
Uncompressed Size: 24.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/7d048bfad1-1688548650/acbweb-home-hero03-16x9-1600x-q80.webp
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 24582
content-type: image/webp
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "6006-5ffb9dfa773db"
expires: Wed, 04 Sep 2024 09:40:41 GMT
last-modified: Wed, 05 Jul 2023 09:17:49 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 7: https://acb.studio/media/pages/home/bafa992ddc-1688548650/acb-services-teaser.svg

URL: https://acb.studio/media/pages/home/bafa992ddc-1688548650/acb-services-teaser.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 147, depends on 11, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.606 s
Time to First Byte: 101 ms
Content Download: 3 ms
Bytes In (downloaded): 3.0 KB
Uncompressed Size: 52.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/bafa992ddc-1688548650/acb-services-teaser.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 3086
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "d13a-5ffb9dfa57037-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Wed, 05 Jul 2023 09:17:49 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 8: https://cdn.usefathom.com/script.js

URL: https://cdn.usefathom.com/script.js
Host: cdn.usefathom.com
IP: 169.150.247.38
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2175
Request Start: 0.620 s
DNS Lookup: 41 ms
Initial Connection: 33 ms
Time to First Byte: 78 ms
Content Download: 4 ms
Bytes In (downloaded): 2.0 KB
Uncompressed Size: 5.9 KB
Bytes Out (uploaded): 1.6 KB

Request Headers:

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

Response Headers:

access-control-allow-origin: *
cache-control: public, max-age=0
cdn-cache: HIT
cdn-cachedat: 09/01/2024 11:56:41
cdn-edgestorageid: 1082
cdn-proxyver: 1.04
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: 096ddd5c9fa48c5ef11c66d9907ec90a
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-encoding: br
content-type: application/javascript
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: W/"d41d8cd98f00b204e9800998ecf8427e"
last-modified: Sat, 31 Aug 2024 21:48:45 GMT
server: BunnyCDN-DE1-1081
vary: Accept-Encoding
vary: Accept-Encoding
x-vapor-base64-encode: True
:status: 200

Request 9: https://acb.studio/media/pages/work/jacques-weindepot-relaunch/86e5f8ae0d-1721296167/jacques-teaser-16x9.avif

URL: https://acb.studio/media/pages/work/jacques-weindepot-relaunch/86e5f8ae0d-1721296167/jacques-teaser-16x9.avif
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.848 s
Time to First Byte: 83 ms
Content Download: 81 ms
Bytes In (downloaded): 62.1 KB
Uncompressed Size: 62.1 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/jacques-weindepot-relaunch/86e5f8ae0d-1721296167/jacques-teaser-16x9.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 63639
content-type: image/avif
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "f897-61d827eab4bb9"
expires: Wed, 04 Sep 2024 09:40:41 GMT
last-modified: Thu, 18 Jul 2024 09:49:28 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 10: https://acb.studio/media/pages/work/beeline-group/7d3c09c9ba-1712208278/bl-teaser-16x9.avif

URL: https://acb.studio/media/pages/work/beeline-group/7d3c09c9ba-1712208278/bl-teaser-16x9.avif
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 147, depends on 15, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.852 s
Time to First Byte: 188 ms
Content Download: 166 ms
Bytes In (downloaded): 111.2 KB
Uncompressed Size: 111.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/beeline-group/7d3c09c9ba-1712208278/bl-teaser-16x9.avif
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=172800
content-length: 113820
content-type: image/avif
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "1bc9c-6153e978a830d"
expires: Wed, 04 Sep 2024 09:40:41 GMT
last-modified: Thu, 04 Apr 2024 05:27:14 GMT
server: Apache
strict-transport-security: max-age=600000
vary: User-Agent
:status: 200

Request 11: https://acb.studio/media/pages/work/mytischtennis/c117ba3ffa-1712208278/mytt-teaser-16x9.svg

URL: https://acb.studio/media/pages/work/mytischtennis/c117ba3ffa-1712208278/mytt-teaser-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 147, depends on 17, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.854 s
Time to First Byte: 354 ms
Content Download: 6 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 5.7 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/work/mytischtennis/c117ba3ffa-1712208278/mytt-teaser-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 1090
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "16c8-6153e978a830d-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Thu, 04 Apr 2024 05:27:14 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 12: https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg

URL: https://acb.studio/media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 147, depends on 19, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.857 s
Time to First Byte: 566 ms
Content Download: 9 ms
Bytes In (downloaded): 15.6 KB
Uncompressed Size: 36.4 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/home/60673f7380-1707077129/acbweb-home-logo-collection-desktop-white.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 15998
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "918b-61093df31d1f4-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Sun, 04 Feb 2024 20:05:51 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 13: https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg

URL: https://acb.studio/media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 33, weight 220, depends on 31, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.893 s
Time to First Byte: 503 ms
Content Download: 9 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 1.3 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/site/3596d3edd6-1712208279/rd-teaser-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 503
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "55f-6153f1bda9cd6-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Thu, 04 Apr 2024 06:04:14 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 14: https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg

URL: https://acb.studio/media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 35, weight 220, depends on 33, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.900 s
Time to First Byte: 546 ms
Content Download: 6 ms
Bytes In (downloaded): 1.1 KB
Uncompressed Size: 10.5 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /media/pages/services/f3418e934d-1688548650/acbweb-services-stage-16x9.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: i
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: gzip
content-length: 1079
content-type: image/svg+xml
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "2a1f-5ffb9dfa5aeb7-gzip"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Wed, 05 Jul 2023 09:17:49 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200

Request 15: https://acb.studio/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.900 s
Time to First Byte: 333 ms
Content Download: 13 ms
Bytes In (downloaded): 21.6 KB
Uncompressed Size: 21.6 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-ExtraLight-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 22120
content-type: font/woff2
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "5668-5ff040e0ca6f7"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 26 Jun 2023 08:22:44 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 16: https://acb.studio/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 256, depends on 23, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.900 s
Time to First Byte: 443 ms
Content Download: 14 ms
Bytes In (downloaded): 23.9 KB
Uncompressed Size: 23.9 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSerif-ExtraLightItalic-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 24456
content-type: font/woff2
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "5f88-5ff040e4d1b87"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 26 Jun 2023 08:22:48 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 17: https://acb.studio/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 256, depends on 25, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.901 s
Time to First Byte: 371 ms
Content Download: 41 ms
Bytes In (downloaded): 21.2 KB
Uncompressed Size: 21.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-SemiBold-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 21752
content-type: font/woff2
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "54f8-5ff040e3ca0a2"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 26 Jun 2023 08:22:47 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 18: https://acb.studio/assets/fonts/IBMPlexSans-Light-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-Light-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 256, depends on 27, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.901 s
Time to First Byte: 372 ms
Content Download: 48 ms
Bytes In (downloaded): 21.3 KB
Uncompressed Size: 21.3 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-Light-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 21772
content-type: font/woff2
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "550c-5ff040e14c529"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 26 Jun 2023 08:22:44 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 19: https://acb.studio/assets/fonts/IBMPlexSans-Regular-Latin1.woff2

URL: https://acb.studio/assets/fonts/IBMPlexSans-Regular-Latin1.woff2
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 256, depends on 29, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.901 s
Time to First Byte: 484 ms
Content Download: 10 ms
Bytes In (downloaded): 20.1 KB
Uncompressed Size: 20.1 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
:method: GET
:path: /assets/fonts/IBMPlexSans-Regular-Latin1.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://acb.studio
priority: u=0
referer: https://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-length: 20588
content-type: font/woff2
date: Mon, 02 Sep 2024 09:40:41 GMT
etag: "506c-5ff040e346330"
expires: Tue, 02 Sep 2025 09:40:41 GMT
last-modified: Mon, 26 Jun 2023 08:22:46 GMT
server: Apache
strict-transport-security: max-age=600000
:status: 200

Request 20: https://cdn.usefathom.com/?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=62340771

URL: https://cdn.usefathom.com/?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=62340771
Host: cdn.usefathom.com
IP: 169.150.247.38
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://acb.studio/en line 2178
Request Start: 0.951 s
Time to First Byte: 144 ms
Content Download: 1 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: cdn.usefathom.com
:method: GET
:path: /?h=https%3A%2F%2Facb.studio&p=%2Fen&r=&sid=VJBPMKHM&qs=%7B%7D&cid=62340771
: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://acb.studio/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

cache-control: public, max-age=0
cdn-cache: MISS
cdn-cachedat: 09/02/2024 09:40:42
cdn-edgestorageid: 1081
cdn-proxyver: 1.04
cdn-pullzone: 506217
cdn-requestcountrycode: DE
cdn-requestid: a89bb843d18006a979fe0b29ea583fa8
cdn-requestpullcode: 200
cdn-requestpullsuccess: True
cdn-status: 200
cdn-uid: aa90c48b-f401-4fa1-aac1-c94c8f3ae560
content-length: 43
content-type: text/plain; charset=utf-8, image/gif
date: Mon, 02 Sep 2024 09:40:42 GMT
pragma: no-cache
server: BunnyCDN-DE1-1081
tk: N
:status: 200

Request 21: https://acb.studio/favicon.ico

URL: https://acb.studio/favicon.ico
Host: acb.studio
IP: 85.13.145.184
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 37, weight 220, depends on 0, EXCLUSIVE
Request Start: 1.704 s
Time to First Byte: 55 ms
Content Download: 2 ms
Bytes In (downloaded): 1.3 KB
Uncompressed Size: 7.2 KB
Bytes Out (uploaded): 1.9 KB

Request Headers:

:authority: acb.studio
: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://acb.studio/en
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="128", "Google Chrome";v="128"
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/128.0.0.0 Safari/537.36 PTST/24.07

Response Headers:

accept-ranges: bytes
cache-control: max-age=31536000
content-encoding: br
content-length: 1358
content-type: image/x-icon
date: Mon, 02 Sep 2024 09:40:42 GMT
etag: "1cee-5ff040f4cbb46-br"
expires: Tue, 02 Sep 2025 09:40:42 GMT
last-modified: Mon, 26 Jun 2023 08:23:05 GMT
server: Apache
strict-transport-security: max-age=600000
vary: Accept-Encoding,User-Agent
:status: 200