1<!DOCTYPE HTML> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta name="keywords" content="animation,illustration,sound design,animation in Berlin,2D animation,film score,design,audiovisual storytelling,animation studio,explainer,erklärvideo,erklärfilm,motion design" /> 7 <meta name="description" content="monströös is a Berlin-based animation studio that brings together traditional techniques with digital cleverness and custom-made sound experiences. 8We make short films, music, explainer videos and how-to videos. We help documentaries tell what they cannot. We enhance live action movies. In short, everything that needs a good handcrafted, poetic and well⦠sometimes cheeky animation, we love to provide! " /> 9 <meta name="twitter:card" content="summary_large_image" /> 10 <meta name="twitter:site" content="@AdobePortfolio" /> 11 <meta property="og:title" content="monströös â Studio für 2D Animation und audiovisuelles Storytelling" /> 12 <meta property="og:description" content="monströös is a Berlin-based animation studio that brings together traditional techniques with digital cleverness and custom-made sound experiences. 13We make short films, music, explainer videos and how-to videos. We help documentaries tell what they cannot. We enhance live action movies. In short, everything that needs a good handcrafted, poetic and well⦠sometimes cheeky animation, we love to provide! " /> 14 <meta property="og:image" content="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/039e0e24-f012-48ed-9a95-df1e17f7f815_rwc_0x0x471x528x471.png?h=215b7606ccb686491ae4f2a24dfdfd0d" /> 15 <link rel="icon" href="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/78cf6783-181c-422f-8f9e-776f0075bcb1_carw_1x1x32.png?h=f4484b2b6fe7bdf52911431cc6155483" /> 16 <link rel="stylesheet" href="/dist/css/main.css" type="text/css" /> 17 <link rel="stylesheet" href="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/b7c00b573fe5ec9c22ec8e476aa71fcd1791227306.css?h=bebe1d7d7eb3452f801592793ba88dd7" type="text/css" /> 18 <link rel="canonical" href="https://monstroos.com/home-de" /> 19 <title>monströös â Studio für 2D Animation und audiovisuelles Storytelling</title> 20
20<script type="text/javascript" src="//use.typekit.net/ik/PjTgLLCKYRuwUkS0B6o_SnaaC8U44aI6mZ9oqi_2S2tfenjgfHYEBsJzwD9oFDIDWDjowcJhw26hFhFKFR9DFhJoZQ9twDShFhZcwD8cZ26UjhwtZ28ywe9-MfJIdY8adfJIicsldfGHfVE4MUMMeMb6MKGHfVPxMsMgeMX6MKGHfVhxMsMgeMI6MKGHfVpxMsMgeMJ6MKGHfV5xMsMgeMw6MKGHfV0xMsMgeMb6MKGHfV7xMsMgeM96MKGHfVexMsMgeMS6MKGHfFpxMsMgeMq6MTMgG-DrD6j.js?cb=37c32611197a654772ef671298063a188e40eea7" async onload=" 21 try { 22 window.Typekit.load(); 23 } catch (e) { 24 console.warn('Typekit not loaded.'); 25 } 26 "></script>
26 27</head> 28 <body class="transition-enabled"> <div class='page-background-video page-background-video-with-panel'> 29 </div> 30 <div class="js-responsive-nav"> 31 <div class="responsive-nav"> 32 <div class="close-responsive-click-area js-close-responsive-nav"> 33 <div class="close-responsive-button"></div> 34 </div> 35 <nav data-hover-hint="nav"> 36 <div class="pages"> 37 <div class="page-title"> 38 <a href="/home-de" class="active">home</a> 39 </div> 40 <div class="gallery-title"><a href="/work" >selected projects</a></div> 41 <div class="page-title"> 42 <a href="/in-development" >in development</a> 43 </div> 44 <div class="page-title"> 45 <a href="/about-us-de" >about us</a> 46 </div> 47 <div class="page-title"> 48 <a href="/contact-de" >contact</a> 49 </div> 50 </div> 51 </nav> 52 </div> 53 </div> 54 <div class="masthead" data-context="page.masthead" data-hover-hint="mastheadOptions"> 55 <div class='video-wrap'> 56 <img 57 class='mp4-image' 58 srcset="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=640&type=mp4&h=0948a64d7a4e0ae96331ea50b0384c00 640w, https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1280&type=mp4&h=a94c8abc8284ea9734c3a80f0affb118 1280w, https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1366&type=mp4&h=1bf52f91aab3c66bcd5eecbff8b6fc3a 1366w, https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1920&type=mp4&h=14f99c3f2f5436dd8a07250edbc79996 1920w, https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=2560&type=mp4&h=b86638d4c3b5530354d5736636780624 2560w, https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=5120&type=mp4&h=250b1f4ff7b7771be4107eb2db3a382d 5120w, " 59 /> 60 <video class='renditions-video' autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline" data-responsive-video> 61 <source src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=5120&type=m2ts&h=907a0308cea7b8b1257e97854a311bce" type="application/x-mpegURL"> 62 <source media="(max-width: 640px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=640&type=mp4&h=0948a64d7a4e0ae96331ea50b0384c00" type="video/mp4"> 63 <source media="(min-width: 641px) and (max-width: 1280px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1280&type=mp4&h=a94c8abc8284ea9734c3a80f0affb118" type="video/mp4"> 64 <source media="(min-width: 1281px) and (max-width: 1355px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1366&type=mp4&h=1bf52f91aab3c66bcd5eecbff8b6fc3a" type="video/mp4"> 65 <source media="(min-width: 1355px) and (max-width: 1920px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=1920&type=mp4&h=14f99c3f2f5436dd8a07250edbc79996" type="video/mp4"> 66 <source media="(min-width: 1921px) and (max-width: 2560px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=2560&type=mp4&h=b86638d4c3b5530354d5736636780624" type="video/mp4"> 67 <source media="(min-width: 2561px)" data-src="https://cdn.myportfolio.com/v1/ccvproxy/KJoUc_nKEzN?width=5120&type=mp4&h=250b1f4ff7b7771be4107eb2db3a382d" type="video/mp4"> 68 </video> 69 </div> 70 <div class="masthead-contents"> 71 <div class="masthead-text js-masthead-text"> 72 73 74 <div class="masthead-buttons"> 75 76 </div> 77 <div class="masthead-arrow-container js-masthead-arrow" data-context="page.masthead" data-hover-hint="scrollDownArrow"> 78 <div class="masthead-arrow"></div> 79 </div> 80 </div> 81 </div> 82 </div> 83 <div class="site-wrap cfix js-site-wrap"> 84 <header class="site-header" data-context="theme.topcontainer" data-hover-hint="header"> 85 <div class="logo-wrap" data-hover-hint="logo"> 86 <div class="logo e2e-site-logo-text logo-text "> 87 <a href="/work" class="preserve-whitespace"></a> 88 89</div> 90 </div> 91 <div class="hamburger-click-area js-hamburger"> 92 <div class="hamburger"> 93 <i></i> 94 <i></i> 95 <i></i> 96 </div> 97 </div> 98 <nav data-hover-hint="nav"> 99 <div class="pages"> 100 <div class="page-title"> 101 <a href="/home-de" class="active">home</a> 102 </div> 103 <div class="gallery-title"><a href="/work" >selected projects</a></div> 104 <div class="page-title"> 105 <a href="/in-development" >in development</a> 106 </div> 107 <div class="page-title"> 108 <a href="/about-us-de" >about us</a> 109 </div> 110 <div class="page-title"> 111 <a href="/contact-de" >contact</a> 112 </div> 113 </div> 114 </nav> 115 </header> 116 <div class="site-container"> 117 <div class="site-content e2e-site-content"> 118 <main> 119 <div class="page-container" data-context="page.page.container" data-hover-hint="pageContainer"> 120 <section class="page standard-modules"> 121 <div class="page-content js-page-content" data-context="pages" data-identity="id:p5f4cfba899d46f150626372a949b3527908c5925bfa5ba7ccec5b"> 122 <div id="project-canvas" class="js-project-modules modules content"> 123 <div id="project-modules"> 124 125 126 127 128 129 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 10px; 130padding-bottom: 0px; 131 width: 100%; 132 max-width: 1920px; 133 float: center; 134 clear: both; 135"> 136 <div class="rich-text js-text-editable module-text"><div style="text-align:right;"><a href="/about" target="_self" data-selected-page-id="p5e7239c1d69b3bbe2af942bade5eb41be6b45f7ca4aefb90cc9a1">EN</a><br></div></div> 137</div> 138 139 140 141 142 143 144 <div class="project-module module image project-module-image js-js-project-module" style="padding-top: px; 145padding-bottom: 0px; 146 width: 65%; 147"> 148 149 150 151 152 <div class="js-lightbox" data-src="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/847303a7-a61d-4dcb-b956-b16a79afe2f0.jpg?h=2a89d34289ec25951398174549c23fef"> 153 <img 154 class="js-lazy e2e-site-project-module-image" 155 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 156 data-src="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/847303a7-a61d-4dcb-b956-b16a79afe2f0_rw_1200.jpg?h=defc28d4453b3d21c296d94db0e9a3e1" 157 data-srcset="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/847303a7-a61d-4dcb-b956-b16a79afe2f0_rw_600.jpg?h=67c1619feff5af500179015adbbce733 600w,https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/847303a7-a61d-4dcb-b956-b16a79afe2f0_rw_1200.jpg?h=defc28d4453b3d21c296d94db0e9a3e1 1200w,"
158 data-sizes="(max-width: 1200px) 100vw, 1200px" 159 width="1200" 160 height="0" 161 style="padding-bottom: 86.83%; background: rgba(0, 0, 0, 0.03)" 162 163 > 164 </div> 165 166 167</div> 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 51px; 183padding-bottom: 0px; 184 width: 97%; 185 max-width: 720px; 186"> 187 <div class="rich-text js-text-editable module-text"><div style="line-height:30px; text-align:center;" class="texteditor-inline-lineheight"><span class="texteditor-inline-fontsize" style="font-size:34px;"><span style="font-family:vdml; font-weight:700;">Wir sind monströös. Ein Studio für 2D Animation und audiovisuelles Storytelling.</span></span></div></div> 188</div> 189 190 191 192 193 194 195 196 197 198 199 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: px; 200padding-bottom: 56px; 201 max-width: 700px; 202"> 203 <div class="rich-text js-text-editable module-text"><div style="line-height:24px; text-align:center;" class="texteditor-inline-lineheight"><span style="font-family:vdml; font-weight:300;"><span style="font-size:18px;" class="texteditor-inline-fontsize">Wir brennen fuÌr aktuelle, politische, soziale und wissenschaftliche Themen. Themen, die uns alle angehen. Deswegen setzen wir uns gerne mit komplexen Inhalten auseinander. Bilder transportieren Ideen - wir möchten diese BruÌcke zwischen Wissensvermittlung und Ãffentlichkeit bauen. Eine informierte und aufgeklärte Gesellschaft trifft gute Entscheidungen.</span></span></div></div> 204</div> 205 206 207 208 209 210 211 212 <div class="project-module module video project-module-video js-js-project-module"> 213 <div class="embed-dimensions" style="max-width: 1920px; max-height: 1080px; margin: 0 auto;"> 214 <div class="embed-aspect-ratio" style="padding-bottom: 56.25%; position: relative; height: 0px;"> 215 <iframe title="Video Player" class="embed-content" src="https://www-ccv.adobe.io/v1/player/ccv/6Rzv8tQCP6F/embed?bgcolor=%23191919&lazyLoading=true&api_key=BehancePro2View" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe> 216 </div> 217 </div> 218 219</div> 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 <div class="project-module module tree project-module-tree js-js-project-module e2e-site-project-module-tree" > 238 <div class="tree-wrapper valign-top"> 239 <div class="tree-child-wrapper" style="flex: 89"> 240 241 242 243 244 245 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 10px; 246padding-bottom: 0px; 247 width: 100%; 248 max-width: 800px; 249 float: center; 250 clear: both; 251"> 252 <div class="rich-text js-text-editable module-text"><div style="line-height:20px;" class="texteditor-inline-lineheight"><span style="color:#ff0080;" class="texteditor-inline-color"><span style="font-size:24px;" class="texteditor-inline-fontsize">Wir machen</span></span></div><div style="line-height:20px;" class="texteditor-inline-lineheight"><br></div><div style="line-height:20px;" class="texteditor-inline-lineheight"><span style="font-size:26px;" class="texteditor-inline-fontsize"><span style="font-family:vdml; font-weight:700;"><span style="color:#1d2d36;" class="texteditor-inline-color">Erklärvideos</span></span></span><br>Visualisierung von Prozessen in der Forschung, Politik & Geschichte. Wissensvermittlung in Form von Ausstellungsvideos, online oder als Einführung für Vorträge.<br><br></div><div style="line-height:18px;" class="texteditor-inline-lineheight"><span style="font-size:26px;" class="texteditor-inline-fontsize"><span style="font-family:vdml; font-weight:700;">Social Media Clips</span></span><br>Entwicklung kurzer Clips für Instagram, Facebook & Co.<br><br><br></div></div> 253</div> 254 255 256 257 258 </div> 259 <div class="tree-child-wrapper" style="flex: 111"> 260 261 262 263 264 265 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 16px; 266padding-bottom: 0px; 267 width: 74%; 268 max-width: 600px; 269"> 270 <div class="rich-text js-text-editable module-text"><div style="line-height:20px; text-align:left;" class="texteditor-inline-lineheight"><br></div><div style="line-height:20px; text-align:left;" class="texteditor-inline-lineheight"><br></div><div style="text-align:left;" class="main-text"><div style="line-height:20px; text-align:left;" class="texteditor-inline-lineheight"><span style="font-size:26px;" class="texteditor-inline-fontsize"><span style="font-family:vdml; font-weight:700;">Werbekampagnen</span></span><br><span style="font-family:vdml; font-weight:300;">Bewerbung auf mehreren Kanälen, wie z.B. Social Media Clips, Plakataktionen, Werbefilm, organisierte Aktionen im öffentlichen und digitalen Raum</span><br><br></div><div style="line-height:18px;" class="texteditor-inline-lineheight"><span style="font-size:26px;" class="texteditor-inline-fontsize"><span style="font-family:vdml; font-weight:700;">Illustration</span></span><br><span style="font-family:vdml; font-weight:300;">Gestaltung von Print- und digitalen Medien</span><br></div></div></div> 271</div> 272 273 274 275 276 </div> 277 </div> 278</div> 279 280 281 282 283 284 285 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: px; 286padding-bottom: px; 287 max-width: 1920px; 288"> 289 <div class="rich-text js-text-editable module-text"><div style="text-align:left;" class="sub-title">Wie wir es machen</div><div style="text-align:left;" class="main-text">Wir produzieren Werke mit <span style="font-family:vdml; font-weight:700;">künstlerischem Wert</span><span style="font-family:vdml; font-weight:500;">.</span></div><div style="text-align:left;" class="main-text">Wir entwickeln unsere Filme in <span style="font-family:vdml; font-weight:700;">enger Zusammenarbeit</span> mit unseren Kund*innen und Partner*innen.<br></div><div style="text-align:left;" class="main-text">Wir arbeiten nach <span style="font-family:vdml; font-weight:700;">verbindlichen Zeitplänen.</span><br></div></div> 290</div> 291 292 293 294 295 296 297 298 299 300 301 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 29px; 302padding-bottom: 25px; 303 width: 100%; 304 max-width: 1400px; 305 float: center; 306 clear: both; 307"> 308 <div class="rich-text js-text-editable module-text"><div style="text-align:left;" class="sub-title">Unsere Kunden<br></div></div> 309</div> 310 311 312 313 314 315 316 <div class="project-module module image project-module-image js-js-project-module" style="padding-top: px; 317padding-bottom: px; 318"> 319 320 321 322 323 <div class="js-lightbox" data-src="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/6eae0955-4155-40e4-84cb-9154e1e76d57.png?h=bef9790fd0d77544eb05cadb19087a52"> 324 <img 325 class="js-lazy e2e-site-project-module-image" 326 src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" 327 data-src="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/6eae0955-4155-40e4-84cb-9154e1e76d57_rw_1920.png?h=b469eab7cecd89e49af11f57f6e20dd6" 328 data-srcset="https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/6eae0955-4155-40e4-84cb-9154e1e76d57_rw_600.png?h=cb66c7efd5f1ad4b559f4c50a4c2c7b5 600w,https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/6eae0955-4155-40e4-84cb-9154e1e76d57_rw_1200.png?h=dc92f50ddb20775f680d56748e24e142 12
32800w,https://cdn.myportfolio.com/3e45d9f5-da47-4d9c-9b1e-d097d91e16df/6eae0955-4155-40e4-84cb-9154e1e76d57_rw_1920.png?h=b469eab7cecd89e49af11f57f6e20dd6 1920w," 329 data-sizes="(max-width: 1920px) 100vw, 1920px" 330 width="1920" 331 height="0" 332 style="padding-bottom: 20.83%; background: rgba(0, 0, 0, 0.03)" 333 334 > 335 </div> 336 337 338</div> 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 <div class="project-module module text project-module-text align- js-project-module e2e-site-project-module-text" style="padding-top: 55px; 354padding-bottom: 40px; 355 width: 100%; 356 max-width: 1000px; 357 float: left; 358 clear: both; 359"> 360 <div class="rich-text js-text-editable module-text"><div style="text-align:left;" class="sub-title"><a href="/ein-animationsausflug" target="_self" data-selected-page-id="p5f3ce843dd52fedcba30b23f9e23a4e56e61bf809241d4ede5675">Hier</a> kannst du sehen, wie der Arbeits<span style="color:#ff0080;" class="texteditor-inline-color">p</span>rozess bei monströös funktioniert!</div></div> 361</div> 362 363 364 365 366 367 <div class="js-project-module project-module module button project-module-button" data-id="m6065d9c4cfc1bac9f9efe074f7f645efab9721d0345408483f816" style=" padding-top: px; 368padding-bottom: px; 369"> 370 <div class="button-container" style=""> 371 <a href="/contact-de" class="button-module preserve-whitespace--nowrap">Kontakt</a> 372 373 </div> 374</div> 375 376 377 378 379 380 381 382 383 384 385 <div class="js-project-module project-module module button project-module-button" data-id="m63e2ede0c2c1f4045cec9680d3f2086afa40d4009ffa55db6afda" style=" padding-top: px; 386padding-bottom: px; 387"> 388 <div class="button-container" style=" text-align: center; 389"> 390 391 <a href="https://mailchi.mp/e00efc7e43fd/newsletter" target="_blank" class="button-module preserve-whitespace--nowrap">monströös Newsletter bestellen!</a> 392 </div> 393</div> 394 395 396 397 398 399 400 401 402 403 404 </div> 405 </div> 406 </div> 407 </section> 408 <section class="back-to-top" data-hover-hint="backToTop"> 409 <a href="#"><span class="arrow">↑</span><span class="preserve-whitespace">Back to Top</span></a> 410 </section> 411 <a class="back-to-top-fixed js-back-to-top back-to-top-fixed-with-panel" data-hover-hint="backToTop" data-hover-hint-placement="top-start" href="#"> 412 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
413 viewBox="0 0 26 26" style="enable-background:new 0 0 26 26;" xml:space="preserve" class="icon icon-back-to-top"> 414 <g> 415 <path d="M13.8,1.3L21.6,9c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.1,0.4s0,0.3-0.1,0.4c-0.1,0.1-0.1,0.3-0.3,0.4 416 c-0.1,0.1-0.2,0.2-0.4,0.3c-0.2,0.1-0.3,0.1-0.4,0.1c-0.1,0-0.3,0-0.4-0.1c-0.2-0.1-0.3-0.2-0.4-0.3L14.2,5l0,19.1 417 c0,0.2-0.1,0.3-0.1,0.5c0,0.1-0.1,0.3-0.3,0.4c-0.1,0.1-0.2,0.2-0.4,0.3c-0.1,0.1-0.3,0.1-0.5,0.1c-0.1,0-0.3,0-0.4-0.1 418 c-0.1-0.1-0.3-0.1-0.4-0.3c-0.1-0.1-0.2-0.2-0.3-0.4c-0.1-0.1-0.1-0.3-0.1-0.5l0-19.1l-5.7,5.7C6,10.8,5.8,10.9,5.7,11 419 c-0.1,0.1-0.3,0.1-0.4,0.1c-0.2,0-0.3,0-0.4-0.1c-0.1-0.1-0.3-0.2-0.4-0.3c-0.1-0.1-0.1-0.2-0.2-0.4C4.1,10.2,4,10.1,4.1,9.9 420 c0-0.1,0-0.3,0.1-0.4c0-0.1,0.1-0.3,0.3-0.4l7.7-7.8c0.1,0,0.2-0.1,0.2-0.1c0,0,0.1-0.1,0.2-0.1c0.1,0,0.2,0,0.2-0.1 421 c0.1,0,0.1,0,0.2,0c0,0,0.1,0,0.2,0c0.1,0,0.2,0,0.2,0.1c0.1,0,0.1,0.1,0.2,0.1C13.7,1.2,13.8,1.2,13.8,1.3z"/> 422 </g> 423 </svg> 424 </a> 425 </div> 426 <footer class="site-footer" data-hover-hint="footer"> 427 <div class="social pf-footer-social" data-context="theme.footer" data-hover-hint="footerSocialIcons"> 428 <ul> 429 <li> 430 <a href="https://www.behance.net/monstroos" target="_blank"> 431 <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 24" class="icon"><path id="path-1" d="M18.83,14.38a2.78,2.78,0,0,0,.65,1.9,2.31,2.31,0,0,0,1.7.59,2.31,2.31,0,0,0,1.38-.41,1.79,1.79,0,0,0,.71-0.87h2.31a4.48,4.48,0,0,1-1.71,2.53,5,5,0,0,1-2.78.76,5.53,5.53,0,0,1-2-.37,4.34,4.34,0,0,1-1.55-1,4.77,4.77,0,0,1-1-1.63,6.29,6.29,0,0,1,0-4.13,4.83,4.83,0,0,1,1-1.64A4.64,4.64,0,0,1,19.09,9a4.86,4.86,0,0,1,2-.4A4.5,4.5,0,0,1,23.21,9a4.36,4.36,0,0,1,1.5,1.3,5.39,5.39,0,0,1,.84,1.86,7,7,0,0,1,.18,2.18h-6.9Zm3.67-3.24A1.94,1.94,0,0,0,21,10.6a2.26,2.26,0,0,0-1,.22,2,2,0,0,0-.66.54,1.94,1.94,0,0,0-.35.69,3.47,3.47,0,0,0-.12.65h4.29A2.75,2.75,0,0,0,22.5,11.14ZM18.29,6h5.36V7.35H18.29V6ZM13.89,17.7a4.4,4.4,0,0,1-1.51.7,6.44,6.44,0,0,1-1.73.22H4.24V5.12h6.24a7.7,7.7,0,0,1,1.73.17,3.67,3.67,0,0,1,1.33.56,2.6,2.6,0,0,1,.86,1,3.74,3.74,0,0,1,.3,1.58,3,3,0,0,1-.46,1.7,3.33,3.33,0,0,1-1.35,1.12,3.19,3.19,0,0,1,1.82,1.26,3.79,3.79,0,0,1,.59,2.17,3.79,3.79,0,0,1-.39,1.77A3.24,3.24,0,0,1,13.89,17.7ZM11.72,8.19a1.25,1.25,0,0,0-.45-0.47,1.88,1.88,0,0,0-.64-0.24,5.5,5.5,0,0,0-.76-0.05H7.16v3.16h3a2,2,0,0,0,1.28-.38A1.43,1.43,0,0,0,11.89,9,1.73,1.73,0,0,0,11.72,8.19ZM11.84,13a2.39,2.39,0,0,0-1.52-.45H7.16v3.73h3.11a3.61,3.61,0,0,0,.82-0.09A2,2,0,0,0,11.77,16a1.39,1.39,0,0,0,.47-0.54,1.85,1.85,0,0,0,.17-0.88A1.77,1.77,0,0,0,11.84,13Z"/></svg> 432 </a> 433 </li> 434 <li> 435 <a href="https://www.linkedin.com/company/monstr%C3%B6%C3%B6s/" target="_blank"> 436 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon"> 437 <path id="path-1_24_" d="M19.6,19v-5.8c0-1.4-0.5-2.4-1.7-2.4c-1,0-1.5,0.7-1.8,1.3C16,12.3,16,12.6,16,13v6h-3.4 438 c0,0,0.1-9.8,0-10.8H16v1.5c0,0,0,0,0,0h0v0C16.4,9,17.2,7.9,19,7.9c2.3,0,4,1.5,4,4.9V19H19.6z M8.9,6.7L8.9,6.7 439 C7.7,6.7,7,5.9,7,4.9C7,3.8,7.8,3,8.9,3s1.9,0.8,1.9,1.9C10.9,5.9,10.1,6.7,8.9,6.7z M10.6,19H7.2V8.2h3.4V19z"/> 440 </svg> 441 </a> 442 </li> 443 <li> 444 <a href="https://www.instagram.com/studio_monstroos/" target="_blank"> 445 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB
445ox="0 0 30 24" style="enable-background:new 0 0 30 24;" xml:space="preserve" class="icon"> 446 <g> 447 <path d="M15,5.4c2.1,0,2.4,0,3.2,0c0.8,0,1.2,0.2,1.5,0.3c0.4,0.1,0.6,0.3,0.9,0.6c0.3,0.3,0.5,0.5,0.6,0.9 448 c0.1,0.3,0.2,0.7,0.3,1.5c0,0.8,0,1.1,0,3.2s0,2.4,0,3.2c0,0.8-0.2,1.2-0.3,1.5c-0.1,0.4-0.3,0.6-0.6,0.9c-0.3,0.3-0.5,0.5-0.9,0.6 449 c-0.3,0.1-0.7,0.2-1.5,0.3c-0.8,0-1.1,0-3.2,0s-2.4,0-3.2,0c-0.8,0-1.2-0.2-1.5-0.3c-0.4-0.1-0.6-0.3-0.9-0.6 450 c-0.3-0.3-0.5-0.5-0.6-0.9c-0.1-0.3-0.2-0.7-0.3-1.5c0-0.8,0-1.1,0-3.2s0-2.4,0-3.2c0-0.8,0.2-1.2,0.3-1.5c0.1-0.4,0.3-0.6,0.6-0.9 451 c0.3-0.3,0.5-0.5,0.9-0.6c0.3-0.1,0.7-0.2,1.5-0.3C12.6,5.4,12.9,5.4,15,5.4 M15,4c-2.2,0-2.4,0-3.3,0c-0.9,0-1.4,0.2-1.9,0.4 452 c-0.5,0.2-1,0.5-1.4,0.9C7.9,5.8,7.6,6.2,7.4,6.8C7.2,7.3,7.1,7.9,7,8.7C7,9.6,7,9.8,7,12s0,2.4,0,3.3c0,0.9,0.2,1.4,0.4,1.9 453 c0.2,0.5,0.5,1,0.9,1.4c0.4,0.4,0.9,0.7,1.4,0.9c0.5,0.2,1.1,0.3,1.9,0.4c0.9,0,1.1,0,3.3,0s2.4,0,3.3,0c0.9,0,1.4-0.2,1.9-0.4 454 c0.5-0.2,1-0.5,1.4-0.9c0.4-0.4,0.7-0.9,0.9-1.4c0.2-0.5,0.3-1.1,0.4-1.9c0-0.9,0-1.1,0-3.3s0-2.4,0-3.3c0-0.9-0.2-1.4-0.4-1.9 455 c-0.2-0.5-0.5-1-0.9-1.4c-0.4-0.4-0.9-0.7-1.4-0.9c-0.5-0.2-1.1-0.3-1.9-0.4C17.4,4,17.2,4,15,4L15,4L15,4z"/> 456 <path d="M15,7.9c-2.3,0-4.1,1.8-4.1,4.1s1.8,4.1,4.1,4.1s4.1-1.8,4.1-4.1S17.3,7.9,15,7.9L15,7.9z M15,14.7c-1.5,0-2.7-1.2-2.7-2.7 457 c0-1.5,1.2-2.7,2.7-2.7s2.7,1.2,2.7,2.7C17.7,13.5,16.5,14.7,15,14.7L15,14.7z"/> 458 <path d="M20.2,7.7c0,0.5-0.4,1-1,1s-1-0.4-1-1s0.4-1,1-1S20.2,7.2,20.2,7.7L20.2,7.7z"/> 459 </g> 460 </svg> 461 </a> 462 </li> 463 <li> 464 <a href="https://vimeo.com/monstroos" target="_blank"> 465 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" viewBox="0 0 30 24" xml:space="preserve" class="icon"><path d="M23.99 7.7c-0.08 1.8-1.3 4.27-3.67 7.4c-2.45 3.27-4.52 4.9-6.21 4.9c-1.05 0-1.94-0.99-2.66-2.99 c-0.48-1.82-0.97-3.65-1.45-5.48C9.46 9.6 8.9 8.6 8.3 8.55c-0.13 0-0.61 0.29-1.41 0.87L6 8.3C6.89 7.5 7.8 6.7 8.6 5.9 c1.18-1.05 2.07-1.61 2.67-1.66c1.4-0.14 2.3 0.8 2.6 2.95c0.35 2.3 0.6 3.7 0.7 4.24c0.4 1.9 0.8 2.8 1.3 2.8 c0.38 0 0.94-0.61 1.7-1.84c0.75-1.22 1.16-2.16 1.21-2.79c0.11-1.06-0.3-1.59-1.21-1.59c-0.43 0-0.88 0.1-1.33 0.3 c0.88-2.98 2.58-4.43 5.07-4.34C23.23 4.1 24.1 5.3 24 7.7z"/></svg> 466 </a> 467 </li> 468 </ul> 469 </div> 470 <div class="footer-text"> 471 monströös GbR, Köpenicker Chaussee 32, 10317, Berlin | © 2025. All Rights Reserved | <a href="https://monstroos.com/impressum-disclaimer">Impressum</a> | <a href="https://monstroos.com/agb">AGB</a> 472 </div> 473 </footer> 474 </main> 475 </div> 476 </div> 477 </div> 478 <div class="cookie-banner js-cookie-banner"> 479 <p>We have cookies! Want some? 480 <a class="consent-link" href="#">Oh Yes!</a> 481 <a class="decline-link" href="#">No Thanks!</a> 482 </p> 483 <svg xmlns="http://www.w3.org/2000/svg" viewBox="-6458 -2604 16 16" class='close-btn'> 484 <g id="Group_1479" data-name="Group 1479" transform="translate(-8281.367 -3556.368)"> 485 <rect id="Rectangle_6401" data-name="Rectangle 6401" class="stroke" width="1.968" height="20.66" transform="translate(1823.367 953.759) rotate(-45)"/> 486 <rect id="Rectangle_6402" data-name="Rectangle 6402" class="stroke" width="1.968" height="20.66" transform="translate(1824.758 968.368) rotate(-135)"/> 487 </g> 488 </svg> 489 </div> 490</body>
491<script type="text/javascript"> 492 // fix for Safari's back/forward cache 493 window.onpageshow = function(e) { 494 if (e.persisted) { window.location.reload(); } 495 }; 496</script>
496 497
497<script type="text/javascript">var __config__ = {"page_id":"p5f4cfba899d46f150626372a949b3527908c5925bfa5ba7ccec5b","theme":{"name":"mell"},"pageTransition":true,"linkTransition":true,"disableDownload":true,"localizedValidationMessages":{"required":"This field is required","Email":"This field must be a valid email address"},"lightbox":{"enabled":true,"color":{"opacity":0.94,"hex":"#fff"}},"cookie_banner":{"enabled":true,"color":{"text":"#212121","bg":"#EDEEEE"}}};</script>
497 498
498<script type="text/javascript" src="/site/translations?cb=37c32611197a654772ef671298063a188e40eea7"></script>
498 499
499<script type="text/javascript" src="/dist/js/main.js?cb=37c32611197a654772ef671298063a188e40eea7"></script>
499 500</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.