CINXE.COM

LOOP — The fully charged digital powerhouse.

<!DOCTYPE html> <html lang="en"> <head> <link rel="preload" href="/assets/fonts/iconfont/LOOP_icons.woff?v=9" as="font" type="font/woff" crossorigin="anonymous"> <script> var gtmDone = false; function includeGTM(){ if(gtmDone === false){ gtmDone = true; var c = Cookies.get('accepted-cookies'); if(typeof c !== 'undefined' && (c.indexOf('performance') >= 0 || c.indexOf('marketing') >= 0)) { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W4QBRVH'); } else { gtmDone = false; } } } </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>LOOP — The fully charged digital powerhouse.</title> <meta name="description" content="We&#039;re a digital agency exploring the intersections between design, technology and content marketing for leading brands. LOOP is based in Salzburg, with satellite offices in New York City, Copenhagen, Sydney and Berlin." /> <meta name="keywords" content="." /> <meta property="og:title" content="LOOP — The fully charged digital powerhouse." /> <meta property="og:type" content="website" /> <meta property="og:description" content="We&#039;re a digital agency exploring the intersections between design, technology and content marketing for leading brands. LOOP is based in Salzburg, with satellite offices in New York City, Copenhagen, Sydney and Berlin." /> <meta property="og:url" content="https://www.agentur-loop.com/" /> <meta property="og:image" content="https://www.agentur-loop.com/assets/img/loop_share2.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/jpeg" /> <!-- FAVICON --> <link type="image/ico" rel="shortcut icon" href="/assets/img/favicon/favicon.ico?v=1.3.8x"> <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicon/apple-icon-60x60.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicon/apple-icon-72x72.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicon/apple-icon-76x76.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicon/apple-icon-114x114.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicon/apple-icon-120x120.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicon/apple-icon-144x144.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/apple-icon-152x152.png?v=1.3.8x"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png?v=1.3.8x"> <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-icon-192x192.png?v=1.3.8x"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png?v=1.3.8x"> <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png?v=1.3.8x"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png?v=1.3.8x"> <link rel="mask-icon" href="/assets/img/favicon/safari-pinned-tab.svg" color="#000000"> <link rel="manifest" href="/assets/img/favicon/manifest.json?v=1.3.8x"> <meta name="msapplication-config" content="/assets/img/favicon/browserconfig.xml?v=1.3.8x"> <meta name="msapplication-TileColor" content="#000000"> <link rel="mask-icon" href="/assets/img/favicon/safari-pinned-tab.svg" color="#000000"> <meta name="msapplication-TileImage" content="/assets/img/favicon/ms-icon-144x144.png?v=1.3.8x"> <meta name="theme-color" content="#ffffff"> <script type="text/javascript"> window.csrfTokenName = "CRAFT_CSRF_TOKEN"; window.csrfTokenValue = "7xGS5tJcofS_cyif_RoO4Ior8Y26I1E3pEk705Cx"; </script> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style> @charset "UTF-8";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}nav{display:block}a{background-color:transparent}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}svg:not(:root){overflow:hidden}@font-face{font-family:ak;src:url(/assets/fonts/Akkurat-Regular.eot);src:url(/assets/fonts/Akkurat-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Akkurat-Regular.woff) format("woff"),url(/assets/fonts/Akkurat-Regular.ttf) format("truetype"),url(/assets/fonts/Akkurat-Regular.svg#Akkurat-Regular) format("svg");font-weight:400;font-style:normal;font-stretch:normal;unicode-range:U+0020-FB02}@font-face{font-family:ak;src:url(/assets/fonts/Akkurat-Bold.eot);src:url(/assets/fonts/Akkurat-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Akkurat-Bold.woff) format("woff"),url(/assets/fonts/Akkurat-Bold.ttf) format("truetype"),url(/assets/fonts/Akkurat-Bold.svg#Akkurat-Bold) format("svg");font-weight:700;font-style:normal;font-stretch:normal;unicode-range:U+0020-FB02}@font-face{font-family:LOOP_icons;src:url(/assets/fonts/iconfont/LOOP_icons.eot?v=3);src:url(/assets/fonts/iconfont/LOOP_icons.eot?v=3#iefix) format("eot"),url(/assets/fonts/iconfont/LOOP_icons.woff?v=3) format("woff"),url(/assets/fonts/iconfont/LOOP_icons.ttf?v=3) format("truetype"),url(/assets/fonts/iconfont/LOOP_icons.svg?v=3#LOOP_icons) format("svg")}.button-full .h6:after,.icon--arr_small_right:before{font-family:LOOP_icons;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none}.icon--arr_small_right:before{content:""}body{font-family:ak;font-weight:400;font-size:19px;line-height:1.5;color:#1f1f1f}p{margin-top:0;margin-bottom:2em;padding:0;color:#5c5c5c}p{line-height:1.7em}@media screen and (min-width:740px){p{line-height:1.9}}@media screen and (min-width:1025px){p{line-height:1.9}}p{font-size:16px}@media screen and (min-width:740px){p{font-size:16px}}@media screen and (min-width:1025px){p{font-size:18px}}ul{padding:0}.h6,h1{font-weight:400;font-weight:400;margin:0;padding:0;color:#1f1f1f}.h6{font-size:20px;line-height:1.5em}@media screen and (min-width:480px){.h6{font-size:20px}}@media screen and (min-width:740px){.h6{font-size:22px;line-height:1.35em}}@media screen and (min-width:980px){.h6{font-size:24px}}a.subheadline{-webkit-transition:.3s cubic-bezier(.215,.61,.355,1);transition:.3s cubic-bezier(.215,.61,.355,1)}.subheadline{text-transform:uppercase;font-size:10px;line-height:1em;letter-spacing:8px;font-weight:700;margin:0;padding:0}@media screen and (min-width:1025px){.subheadline{font-size:12px}}@media screen and (min-width:1456px){.subheadline{letter-spacing:10px}}.subheadline{color:currentColor}.subheadline--small{font-size:10px;line-height:2em;margin:0;color:#bababa}@media screen and (min-width:740px){.subheadline--small{font-size:12px}}.space.space--padding{padding-top:50px;padding-bottom:50px}@media screen and (min-width:740px){.space.space--padding{padding-top:90px}}@media screen and (min-width:810px){.space.space--padding{padding-top:90px}}@media screen and (min-width:906px){.space.space--padding{padding-top:100px}}@media screen and (min-width:980px){.space.space--padding{padding-top:120px}}@media screen and (min-width:1025px){.space.space--padding{padding-top:130px}}@media screen and (min-width:1200px){.space.space--padding{padding-top:140px}}@media screen and (min-width:1300px){.space.space--padding{padding-top:140px}}@media screen and (min-width:1456px){.space.space--padding{padding-top:150px}}@media screen and (min-width:1600px){.space.space--padding{padding-top:160px}}@media screen and (min-width:740px){.space.space--padding{padding-bottom:90px}}@media screen and (min-width:810px){.space.space--padding{padding-bottom:90px}}@media screen and (min-width:906px){.space.space--padding{padding-bottom:100px}}@media screen and (min-width:980px){.space.space--padding{padding-bottom:120px}}@media screen and (min-width:1025px){.space.space--padding{padding-bottom:130px}}@media screen and (min-width:1200px){.space.space--padding{padding-bottom:140px}}@media screen and (min-width:1300px){.space.space--padding{padding-bottom:140px}}@media screen and (min-width:1456px){.space.space--padding{padding-bottom:150px}}@media screen and (min-width:1600px){.space.space--padding{padding-bottom:160px}}.space--padding.space--padding{padding-top:50px;padding-bottom:50px}@media screen and (min-width:740px){.space--padding.space--padding{padding-top:90px}}@media screen and (min-width:810px){.space--padding.space--padding{padding-top:90px}}@media screen and (min-width:906px){.space--padding.space--padding{padding-top:100px}}@media screen and (min-width:980px){.space--padding.space--padding{padding-top:120px}}@media screen and (min-width:1025px){.space--padding.space--padding{padding-top:130px}}@media screen and (min-width:1200px){.space--padding.space--padding{padding-top:140px}}@media screen and (min-width:1300px){.space--padding.space--padding{padding-top:140px}}@media screen and (min-width:1456px){.space--padding.space--padding{padding-top:150px}}@media screen and (min-width:1600px){.space--padding.space--padding{padding-top:160px}}@media screen and (min-width:740px){.space--padding.space--padding{padding-bottom:90px}}@media screen and (min-width:810px){.space--padding.space--padding{padding-bottom:90px}}@media screen and (min-width:906px){.space--padding.space--padding{padding-bottom:100px}}@media screen and (min-width:980px){.space--padding.space--padding{padding-bottom:120px}}@media screen and (min-width:1025px){.space--padding.space--padding{padding-bottom:130px}}@media screen and (min-width:1200px){.space--padding.space--padding{padding-bottom:140px}}@media screen and (min-width:1300px){.space--padding.space--padding{padding-bottom:140px}}@media screen and (min-width:1456px){.space--padding.space--padding{padding-bottom:150px}}@media screen and (min-width:1600px){.space--padding.space--padding{padding-bottom:160px}}.block.space--none,.space--none{margin-top:0;margin-bottom:0}@media screen and (min-width:740px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:810px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:906px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:980px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:1025px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:1200px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:1300px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:1456px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:1600px){.block.space--none,.space--none{margin-top:0}}@media screen and (min-width:740px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:810px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:906px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:980px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:1025px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:1200px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:1300px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:1456px){.block.space--none,.space--none{margin-bottom:0}}@media screen and (min-width:1600px){.block.space--none,.space--none{margin-bottom:0}}html{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;min-height:100%;width:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}*,a{outline:0}a{text-decoration:none}*{-webkit-tap-highlight-color:transparent}::-moz-selection{color:#fff;background-color:#5c5c5c}::selection{color:#fff;background-color:#5c5c5c}::-moz-selection{color:#fff;background-color:#5c5c5c}.block{-webkit-transform:translate3d(0,0,0)}body{position:relative;min-height:100%;text-align:left;font-family:ak;font-size:19px;font-weight:400;line-height:1.5;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::after{content:'';position:fixed;left:0;top:0;right:0;bottom:0;background-color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:103;visibility:hidden;display:none}body::before{display:none!important}.bodywrap{overflow:hidden;position:relative;width:100%;padding-top:50px;background:#f9f9f9}@media screen and (min-width:740px){.bodywrap{padding-top:70px}}@media screen and (min-width:980px){.bodywrap{padding-top:80px}}@media screen and (min-width:1300px){.bodywrap{padding-top:90px}}.bodywrap::before{-webkit-transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s,z-index 0s .5s;transition:opacity .5s cubic-bezier(.215,.61,.355,1),visibility 0s .5s,z-index 0s .5s;position:absolute;top:0;left:0;right:0;bottom:0;position:fixed;content:'';background-color:#000;opacity:0;z-index:-1;visibility:hidden}.bodywrap::after{-webkit-transition:visibility 0s,z-index 0s;transition:visibility 0s,z-index 0s}@media screen and (max-width:979px){.bodywrap::after{position:absolute;top:0;left:0;right:0;bottom:0;position:absolute;content:'';min-height:100vh;background:#1f1f1f;z-index:-1;visibility:hidden;pointer-events:none}}a{text-decoration:none}::-webkit-input-placeholder{color:#1f1f1f!important}:-moz-placeholder{color:#1f1f1f!important;opacity:1}::-moz-placeholder{color:#1f1f1f!important;opacity:1}:-ms-input-placeholder{color:#1f1f1f!important}::-ms-clear{display:none}.landing__text__inner{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}@media screen and (min-width:740px){.landing__text__inner{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}}@media screen and (min-width:1200px){.landing__text__inner{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}}@media screen and (min-width:1700px){.landing__text__inner{display:inline-block;min-height:1px;float:left;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;padding-right:10px;padding-left:10px}}.block{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:50px;margin-bottom:50px}.block:after{content:"";display:table;clear:both}@media screen and (max-width:739px){.block{padding-left:30px;padding-right:30px}}@media screen and (min-width:740px){.block{margin-top:90px}}@media screen and (min-width:810px){.block{margin-top:90px}}@media screen and (min-width:906px){.block{margin-top:100px}}@media screen and (min-width:980px){.block{margin-top:120px}}@media screen and (min-width:1025px){.block{margin-top:130px}}@media screen and (min-width:1200px){.block{margin-top:140px}}@media screen and (min-width:1300px){.block{margin-top:140px}}@media screen and (min-width:1456px){.block{margin-top:150px}}@media screen and (min-width:1600px){.block{margin-top:160px}}@media screen and (min-width:740px){.block{margin-bottom:90px}}@media screen and (min-width:810px){.block{margin-bottom:90px}}@media screen and (min-width:906px){.block{margin-bottom:100px}}@media screen and (min-width:980px){.block{margin-bottom:120px}}@media screen and (min-width:1025px){.block{margin-bottom:130px}}@media screen and (min-width:1200px){.block{margin-bottom:140px}}@media screen and (min-width:1300px){.block{margin-bottom:140px}}@media screen and (min-width:1456px){.block{margin-bottom:150px}}@media screen and (min-width:1600px){.block{margin-bottom:160px}}@media screen and (max-width:739px){.block--fullwidth-mobile{padding-left:0!important;padding-right:0!important}}@media screen and (max-width:979px){.content>.block:last-child{margin-bottom:0!important}}.block--landing{margin-top:0!important}@media screen and (max-width:739px){.block--landing{margin-top:65px;margin-bottom:65px}}@media screen and (max-width:739px) and (min-width:740px){.block--landing{margin-top:117px}}@media screen and (max-width:739px) and (min-width:810px){.block--landing{margin-top:117px}}@media screen and (max-width:739px) and (min-width:906px){.block--landing{margin-top:130px}}@media screen and (max-width:739px) and (min-width:980px){.block--landing{margin-top:156px}}@media screen and (max-width:739px) and (min-width:1025px){.block--landing{margin-top:169px}}@media screen and (max-width:739px) and (min-width:1200px){.block--landing{margin-top:182px}}@media screen and (max-width:739px) and (min-width:1300px){.block--landing{margin-top:182px}}@media screen and (max-width:739px) and (min-width:1456px){.block--landing{margin-top:195px}}@media screen and (max-width:739px) and (min-width:1600px){.block--landing{margin-top:208px}}@media screen and (max-width:739px) and (min-width:740px){.block--landing{margin-bottom:117px}}@media screen and (max-width:739px) and (min-width:810px){.block--landing{margin-bottom:117px}}@media screen and (max-width:739px) and (min-width:906px){.block--landing{margin-bottom:130px}}@media screen and (max-width:739px) and (min-width:980px){.block--landing{margin-bottom:156px}}@media screen and (max-width:739px) and (min-width:1025px){.block--landing{margin-bottom:169px}}@media screen and (max-width:739px) and (min-width:1200px){.block--landing{margin-bottom:182px}}@media screen and (max-width:739px) and (min-width:1300px){.block--landing{margin-bottom:182px}}@media screen and (max-width:739px) and (min-width:1456px){.block--landing{margin-bottom:195px}}@media screen and (max-width:739px) and (min-width:1600px){.block--landing{margin-bottom:208px}}@media screen and (min-width:740px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:740px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:810px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:906px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:980px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:1025px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:1200px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:1300px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:1456px){.block--landing{margin-top:0}}@media screen and (min-width:740px) and (min-width:1600px){.block--landing{margin-top:0}}.block__bg{position:absolute;left:0;top:0;right:0;bottom:0;background-size:cover;background-position:center;z-index:-1}.block--button-full{z-index:2;clear:both}.button-full{-webkit-transition:background .5s cubic-bezier(.19,1,.22,1);transition:background .5s cubic-bezier(.19,1,.22,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;padding-left:10%;padding-right:10%;text-align:center;z-index:2}@media screen and (min-width:740px){.button-full{padding-left:5%;padding-right:5%}}@media screen and (min-width:740px){.button-full__outer{display:-webkit-box;display:-ms-flexbox;display:flex}}.button-full>*{position:relative}.button-full::before{-webkit-transition:.3s cubic-bezier(.215,.61,.355,1);transition:.3s cubic-bezier(.215,.61,.355,1);content:'';position:absolute;left:0;top:0;right:0;bottom:0;background-color:#1f1f1f;opacity:0}.button-full .h6,.button-full .subheadline{-webkit-transition:.4s cubic-bezier(.165,.84,.44,1);transition:.4s cubic-bezier(.165,.84,.44,1)}.button-full .h6{display:inline-block;color:#1f1f1f;position:relative}.button-full .h6:after{content:""}@media screen and (max-width:739px){.button-full .h6{font-size:22px}}@media screen and (max-width:739px){.button-full .h6::after{display:none}}@media screen and (min-width:740px){.button-full .h6{padding-right:3em}.button-full .h6::after{-webkit-transition:-webkit-transform .4s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform .4s cubic-bezier(.165,.84,.44,1);transition:transform .4s cubic-bezier(.165,.84,.44,1);transition:transform .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .4s cubic-bezier(.165,.84,.44,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:0;top:0;bottom:0;font-size:1.3em}}.button-full *+.h6{margin-top:.5em}@media screen and (min-width:1025px){.button-full *+.h6{margin-top:20px}}@media screen and (min-width:1300px){.button-full *+.h6{margin-top:1.15em}}@media screen and (min-width:1600px){.button-full *+.h6{margin-top:1.3em}}.contents{position:relative;z-index:99;visibility:hidden;overflow:hidden;width:100%}.contents::after,.contents::before{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1);content:'';position:fixed;left:0;top:0;right:0;bottom:0;background-color:#fff;z-index:101;opacity:0;visibility:hidden;display:none}.contents::before{mix-blend-mode:overlay;mix-blend-mode:multiply;mix-blend-mode:color-burn;mix-blend-mode:hue}.contents::after{z-index:102}.content_wrap{-webkit-transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .6s cubic-bezier(.645,.045,.355,1);transition:transform .6s cubic-bezier(.645,.045,.355,1);transition:transform .6s cubic-bezier(.645,.045,.355,1),-webkit-transform .6s cubic-bezier(.645,.045,.355,1);position:relative;left:0;top:0;width:100%;height:100%;overflow:hidden}.content_wrap.content_wrap--current{z-index:5}.content{-webkit-transition:background-color .7s cubic-bezier(.645,.045,.355,1),-webkit-transform .7s cubic-bezier(.645,.045,.355,1);transition:background-color .7s cubic-bezier(.645,.045,.355,1),-webkit-transform .7s cubic-bezier(.645,.045,.355,1);transition:transform .7s cubic-bezier(.645,.045,.355,1),background-color .7s cubic-bezier(.645,.045,.355,1);transition:transform .7s cubic-bezier(.645,.045,.355,1),background-color .7s cubic-bezier(.645,.045,.355,1),-webkit-transform .7s cubic-bezier(.645,.045,.355,1);position:relative;-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateX(0) translateY(0) translateZ(0);transform:translateX(0) translateY(0) translateZ(0);-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;z-index:100;opacity:1;background-color:#f9f9f9}.form--validate input:not(:valid),.form--validate select:not(:valid),.form--validate textarea:not(:valid){color:#d0021b;color:#d0021b!important;border-color:#d0021b!important}.form--validate input:not(:valid)::-webkit-input-placeholder,.form--validate select:not(:valid)::-webkit-input-placeholder,.form--validate textarea:not(:valid)::-webkit-input-placeholder{color:#d0021b!important}.form--validate input:not(:valid):-moz-placeholder,.form--validate select:not(:valid):-moz-placeholder,.form--validate textarea:not(:valid):-moz-placeholder{color:#d0021b!important;opacity:1}.form--validate input:not(:valid)::-moz-placeholder,.form--validate select:not(:valid)::-moz-placeholder,.form--validate textarea:not(:valid)::-moz-placeholder{color:#d0021b!important;opacity:1}.form--validate input:not(:valid):-ms-input-placeholder,.form--validate select:not(:valid):-ms-input-placeholder,.form--validate textarea:not(:valid):-ms-input-placeholder{color:#d0021b!important}.gallery__zoom__close{-webkit-transition:.3s cubic-bezier(.23,1,.32,1);transition:.3s cubic-bezier(.23,1,.32,1);-webkit-transform:rotate(45deg) scale(.8);transform:rotate(45deg) scale(.8);cursor:pointer;opacity:0}.gallery__zoom__close,.gallery__zoom__close *{position:absolute;top:0;right:0;width:100px;height:100px}.gallery__zoom__close ::after,.gallery__zoom__close ::before,.gallery__zoom__close::after,.gallery__zoom__close::before{-webkit-transition:.3s cubic-bezier(.215,.61,.355,1);transition:.3s cubic-bezier(.215,.61,.355,1);content:'';position:absolute;top:50%;width:12px;height:2px;margin-top:-1px;background-color:#fff}.gallery__zoom__close ::before,.gallery__zoom__close::before{right:50%}.gallery__zoom__close ::after,.gallery__zoom__close::after{left:50%}.gallery__zoom__close *{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.gallery__zoom__close--small{opacity:1}.gallery__zoom__close--small ::after,.gallery__zoom__close--small ::before,.gallery__zoom__close--small::after,.gallery__zoom__close--small::before{width:10px}.gallery__zoom__close--black{opacity:1}.gallery__zoom__close--black ::after,.gallery__zoom__close--black ::before,.gallery__zoom__close--black::after,.gallery__zoom__close--black::before{background-color:#1f1f1f;width:10px}.infobar{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1);position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0;left:0;width:100%;text-align:center;overflow:hidden;z-index:99999}@media screen and (min-width:980px){.infobar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;bottom:auto;left:auto;height:0;background:#1f1f1f}}@media screen and (min-width:980px){.infobar+.infobar{height:0!important}}@media screen and (max-width:979px){.infobar+.infobar{-webkit-transform:translateY(100%) translateZ(0)!important;transform:translateY(100%) translateZ(0)!important}}.infobar__wrapper{width:100%;padding:10px;background:#1f1f1f}@media screen and (min-width:480px){.infobar__wrapper{padding:15px}}@media screen and (min-width:740px){.infobar__wrapper{padding:0}}@media screen and (max-width:979px){.infobar__wrapper{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);-webkit-animation:infobar-wrapper 1s 1s cubic-bezier(.86,0,.07,1) forwards;animation:infobar-wrapper 1s 1s cubic-bezier(.86,0,.07,1) forwards}}.infobar__inner{-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1) .5s;transition:opacity .5s cubic-bezier(.165,.84,.44,1) .5s;opacity:0}.infobar__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 7px 10px 70px}.infobar__text,.infobar__text p{font-size:13px;text-align:left;color:#fff}.infobar__text p{margin:0;line-height:1.5}@media screen and (min-width:480px){.infobar__text{padding:5px}}@media screen and (min-width:740px){.infobar__text{padding:20px}}@media screen and (min-width:980px){.infobar__text{padding:0 30px 0 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:479px){.infobar__text{min-height:4em}}.infobar__text a{color:#efefef}.infobar__text__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:left}.infobar__text__button{-webkit-transition:.2s cubic-bezier(.165,.84,.44,1);transition:.2s cubic-bezier(.165,.84,.44,1);display:block;margin-left:30px;padding:.5em 2em;color:#fff;border:2px solid #5c5c5c;cursor:pointer}@media screen and (max-width:479px){.infobar__text__button{margin:13px 13px 13px 30px;}}.infobar span{display:block;font-size:10px;letter-spacing:8px;color:#fff;line-height:1.65;text-transform:uppercase;font-weight:700}@media screen and (min-width:740px){.infobar span{display:inline-block;line-height:60px}}.infobar__close{position:absolute;top:-31px;right:-30px;z-index:10}@media screen and (min-width:480px){.infobar__close{right:-17px;top:50%;margin-top:-50px}}@-webkit-keyframes infobar-wrapper{from{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}to{-webkit-transform:none;transform:none}}@keyframes infobar-wrapper{from{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}to{-webkit-transform:none;transform:none}}.landing{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.landing__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;height:100%;overflow:hidden;margin-top:-50px;height:calc(100vh + 50px)}@media screen and (min-width:740px){.landing__inner{margin-top:-70px;height:calc(100vh + 70px)}}@media screen and (min-width:980px){.landing__inner{margin-top:-80px;height:calc(100vh + 80px)}}@media screen and (min-width:1300px){.landing__inner{margin-top:-90px;height:calc(100vh + 90px)}}.landing__imgs{-webkit-transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);transition:-webkit-transform 1s cubic-bezier(.165,.84,.44,1);transition:transform 1s cubic-bezier(.165,.84,.44,1);transition:transform 1s cubic-bezier(.165,.84,.44,1),-webkit-transform 1s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0;visibility:hidden}.landing__text{-webkit-transition:opacity .6s cubic-bezier(.39,.575,.565,1);transition:opacity .6s cubic-bezier(.39,.575,.565,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:1600px;margin:0 auto;-webkit-box-flex:1;-ms-flex:1;flex:1;opacity:0;visibility:hidden;z-index:5}@media screen and (max-width:739px){.landing__text br{display:none}}.landing__text__outer{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (max-width:739px){.landing__text__outer{position:relative;top:-60px;} .page--infobar .landing__text__outer {top: -100px;} }@media screen and (min-width:740px){.landing__text__outer{margin-left:-10px;margin-right:-10px}}@media screen and (min-width:740px) and (max-width:1699px){.landing__text__outer{padding-left:30px;padding-right:30px}}.landing__text__inner{width:100%}@media screen and (max-width:739px){.landing__text__inner{padding-left:0;padding-right:0}}@media screen and (min-width:740px){.landing__text__inner{width:83.33333%;margin-left:6.25%;padding-right:10px;padding-left:10px}}@media screen and (min-width:1200px){.landing__text__inner{width:83.33333%;margin-left:8.33333%;padding-right:10px;padding-left:10px}}@media screen and (min-width:1700px){.landing__text__inner{width:100%;margin-left:0;padding-right:10px;padding-left:10px}}.landing__text__inner h1{font-size:13vw;line-height:1.2em}@media screen and (min-width:480px){.landing__text__inner h1{font-size:8vw}}@media screen and (min-width:740px){.landing__text__inner h1{font-size:8.2vw;line-height:1.1em;margin-top:-.4em}}@media only screen and (min-width:740px) and (orientation:portrait){.landing__text__inner h1{font-size:14vw}}@media screen and (min-width:906px){.landing__text__inner h1{font-size:8.4vw}}@media only screen and (min-width:906px) and (orientation:portrait){.landing__text__inner h1{font-size:14.4vw}}@media screen and (min-width:1700px){.landing__text__inner h1{font-size:170px}}.landing__text__hover{display:inline-block;position:relative;vertical-align:bottom}@media screen and (max-width:739px){.landing__text__hover{display:block}}.landing__text__hover i{display:none;position:absolute;left:0;right:0;top:100%;height:.09em}.landing__text__hover i>span{display:block;position:absolute;-webkit-transition:background-color .4s cubic-bezier(.165,.84,.44,1),width .5s cubic-bezier(.77,0,.175,1);transition:background-color .4s cubic-bezier(.165,.84,.44,1),width .5s cubic-bezier(.77,0,.175,1);position:relative;height:100%;width:0;background-color:#1f1f1f}@media screen and (max-width:739px){.landing__text__hover i>span{margin:auto}}.landing__text__hover>span{display:inline-block;position:absolute;pointer-events:none}.landing__text__hover>span>span{display:block;position:relative;-webkit-transform:translateY(-110%) translateZ(0);transform:translateY(-110%) translateZ(0);visibility:hidden}@media screen and (max-width:739px){.landing__text__hover>span>span{display:inline-block}}.landing__text__hover>span>span::after{-webkit-transition:background-color .4s cubic-bezier(.165,.84,.44,1),width .5s 0s cubic-bezier(.77,0,.175,1);transition:background-color .4s cubic-bezier(.165,.84,.44,1),width .5s 0s cubic-bezier(.77,0,.175,1);content:'';position:absolute;left:0;top:100%;width:0%;height:.09em;background-color:#1f1f1f}.landing__text__hover>span.is-active{visibility:visible;pointer-events:auto}.landing__text__hover>span.is-active>span{-webkit-transform:none;transform:none;visibility:visible}.landing__text__hover>span.is-active+span>span{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}.link-underline{position:relative;display:inline-block;color:#1f1f1f}.link-underline::after,.link-underline::before{-webkit-transition:all .2s cubic-bezier(.19,1,.22,1);transition:all .2s cubic-bezier(.19,1,.22,1);content:'';width:100%;bottom:0;left:0;height:2px;position:absolute}.link-underline::before{background:#1f1f1f}.link-underline::after{-webkit-transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1);transition:transform .3s cubic-bezier(.215,.61,.355,1),-webkit-transform .3s cubic-bezier(.215,.61,.355,1);background-color:#bababa;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center}.link-underline--white::before{background:#5c5c5c}.link-underline--white::after{background:#fff}.loopoffices{position:fixed;top:0;right:0;bottom:0;width:40vw;max-width:680px;z-index:99999;background:#fff;left:100%;overflow:hidden;-webkit-transition:.7s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1)}@media screen and (max-width:979px){.loopoffices{display:none}}.loopoffices>.loopoffices__trigger,.loopoffices__inner ul li,.loopoffices__inner ul li .hover{padding-left:20%}.loopoffices__inner ul li .hover a:first-child,.loopoffices__inner ul li .time{width:32%;max-width:140px}.loopoffices>.loopoffices__trigger,.loopoffices>.loopoffices__trigger+.loopoffices__close{-webkit-transition:.3s cubic-bezier(.23,1,.32,1),margin-top .5s cubic-bezier(.77,0,.175,1);transition:.3s cubic-bezier(.23,1,.32,1),margin-top .5s cubic-bezier(.77,0,.175,1)}.infobar:not(.is-hidden)+.bodywrap>.navigation:not(.fixed)~.loopoffices>.loopoffices__trigger,.infobar:not(.is-hidden)+.bodywrap>.navigation:not(.fixed)~.loopoffices>.loopoffices__trigger+.loopoffices__close{margin-top:60px}.loopoffices__close{top:-10px;right:40px;z-index:30;cursor:pointer}@media screen and (min-width:740px){.loopoffices__close{right:-17px}}@media screen and (min-width:1025px){.loopoffices__close{right:20px}}@media screen and (min-width:1300px){.loopoffices__close{top:-5px}}.loopoffices__trigger{-webkit-transition:.5s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.215,.61,.355,1);transition:.5s cubic-bezier(.645,.045,.355,1),color .3s cubic-bezier(.215,.61,.355,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;color:#bababa;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;z-index:10;cursor:pointer}@media screen and (max-width:979px){.loopoffices__trigger{display:none}}@media screen and (min-width:980px){.loopoffices__trigger{height:80px}}@media screen and (min-width:1300px){.loopoffices__trigger{height:90px}}@media screen and (min-width:1025px){.loopoffices__trigger{font-size:13px}}.loopoffices__trigger>span{-ms-flex-negative:0;flex-shrink:0;position:relative;opacity:0}.loopoffices__trigger>span:first-child{-webkit-animation:loopoffices-trigger .5s .3s cubic-bezier(.215,.61,.355,1) forwards;animation:loopoffices-trigger .5s .3s cubic-bezier(.215,.61,.355,1) forwards}.loopoffices__trigger>span:last-child{-webkit-animation:loopoffices-trigger-arrow .5s .3s cubic-bezier(.215,.61,.355,1) forwards;animation:loopoffices-trigger-arrow .5s .3s cubic-bezier(.215,.61,.355,1) forwards}.loopoffices__trigger .icon{color:#1f1f1f;font-size:17px;margin-left:40px;display:inline-block;-webkit-transition:all .5s cubic-bezier(.645,.045,.355,1);transition:all .5s cubic-bezier(.645,.045,.355,1)}@media screen and (min-width:980px){.loopoffices__trigger .icon{margin-left:5px}}@media screen and (min-width:1025px){.loopoffices__trigger .icon{margin-left:20px}}@media screen and (min-width:1300px){.loopoffices__trigger .icon{margin-left:25px}}@media screen and (min-width:1456px){.loopoffices__trigger .icon{margin-left:35px}}@media screen and (min-width:1920px){.loopoffices__trigger .icon{margin-left:40px}}.loopoffices__trigger .hide{display:none}@media screen and (min-width:1200px){.loopoffices__trigger .hide{display:inline}}.loopoffices__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff}.loopoffices__inner{-webkit-transition:.5s cubic-bezier(.645,.045,.355,1),padding .5s cubic-bezier(.77,0,.175,1);transition:.5s cubic-bezier(.645,.045,.355,1),padding .5s cubic-bezier(.77,0,.175,1);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;height:100vh;width:100%;z-index:20;-webkit-transform:translateX(-10%) translateZ(0);transform:translateX(-10%) translateZ(0)}@media screen and (min-width:980px){.loopoffices__inner{padding-top:80px}.infobar:not(.is-hidden)+.bodywrap .loopoffices__inner{padding-top:140px}}@media screen and (min-width:1300px){.loopoffices__inner{padding-top:90px}.infobar:not(.is-hidden)+.bodywrap .loopoffices__inner{padding-top:150px}}.loopoffices__inner ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0;list-style-type:none;max-height:calc(100% - 200px)}@media only screen and (orientation:portrait){.loopoffices__inner ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.loopoffices__inner ul li{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;position:relative;overflow:hidden}@media screen and (min-width:1300px){.loopoffices__inner ul li{font-size:24px}}.loopoffices__inner ul li,.loopoffices__inner ul li .hover,.loopoffices__inner ul li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:10vh;max-height:100px}.loopoffices__inner ul li .time{display:-webkit-box;display:-ms-flexbox;display:flex}.loopoffices__inner ul li .time span{display:inline-block;margin:.5em 0 0 1em;font-size:8px;color:#bababa;letter-spacing:5px}.loopoffices__inner ul li .hover{position:absolute;top:0;left:100%;background:#1f1f1f;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:0;-webkit-transition:.15s cubic-bezier(.215,.61,.355,1),left 0s .15s;transition:.15s cubic-bezier(.215,.61,.355,1),left 0s .15s}.loopoffices__inner ul li .hover a{-webkit-transition:.25s cubic-bezier(.215,.61,.355,1);transition:.25s cubic-bezier(.215,.61,.355,1);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:8px;-webkit-transform:translateY(15px) translateZ(0);transform:translateY(15px) translateZ(0);opacity:0}@media screen and (min-width:1300px){.loopoffices__inner ul li .hover a{font-size:12px;letter-spacing:10px}}.loopoffices__inner .block{-ms-flex-negative:0;flex-shrink:0;position:fixed;bottom:0}.loopoffices .button-full{padding:0!important;height:20vh;max-height:200px;border-top:solid 1px #efefef}.loopoffices .button-full .subheadline{padding:0;font-size:10px}@media screen and (min-width:1300px){.loopoffices .button-full .subheadline{font-size:12px}}.loopoffices .button-full .h6{margin-top:.8em;font-size:18px}@media screen and (min-width:1300px){.loopoffices .button-full .h6{font-size:24px}}@-webkit-keyframes loopoffices-trigger{from{-webkit-transform:translateX(10px) translateZ(0);transform:translateX(10px) translateZ(0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes loopoffices-trigger{from{-webkit-transform:translateX(10px) translateZ(0);transform:translateX(10px) translateZ(0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes loopoffices-trigger-arrow{from{-webkit-transform:translateX(-10px) translateZ(0);transform:translateX(-10px) translateZ(0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes loopoffices-trigger-arrow{from{-webkit-transform:translateX(-10px) translateZ(0);transform:translateX(-10px) translateZ(0);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}.navigation{position:fixed;top:0;left:0;width:100%;height:50px;z-index:110000;-webkit-transition:height 0s .5s;transition:height 0s .5s;overflow:hidden}@media screen and (min-width:740px){.navigation{height:70px}}@media screen and (min-width:980px){.navigation{position:absolute;height:80px;z-index:100}}@media screen and (min-width:1300px){.navigation{position:absolute;height:90px}}.navigation__wrapper{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1)}@media screen and (max-width:979px){html:not(.page--navigation-sub):not(.page--show) .navigation__wrapper{background-color:#fff}}.navigation__logo{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1);float:left;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:2;-webkit-box-sizing:initial;box-sizing:initial;position:relative;z-index:10;opacity:0;-webkit-animation:logo .5s .3s cubic-bezier(.215,.61,.355,1) forwards;animation:logo .5s .3s cubic-bezier(.215,.61,.355,1) forwards}.navigation__logo,.navigation__logo__bg{width:70px;height:30px}@media screen and (min-width:980px){.navigation__logo,.navigation__logo__bg{width:32px;height:30px}}.navigation__container{-webkit-transition:.4s cubic-bezier(.215,.61,.355,1),left 0s .5s;transition:.4s cubic-bezier(.215,.61,.355,1),left 0s .5s;z-index:200}@media screen and (max-width:979px){.navigation__container{position:absolute;top:0;left:100%;width:100%;min-height:100vh;background:#1f1f1f;opacity:0}}@media screen and (min-width:980px){.navigation__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:initial}}.navigation__container__inner{width:100%;height:100%;overflow:auto}@media screen and (max-width:479px){.navigation__container__inner{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh}}@media screen and (min-width:980px){.navigation__container__inner{height:auto;opacity:0;-webkit-animation:navigation .5s .5s cubic-bezier(.645,.045,.355,1) forwards;animation:navigation .5s .5s cubic-bezier(.645,.045,.355,1) forwards}.js-infobar+.bodywrap .navigation__container__inner{-webkit-animation:navigation_infobar .5s .5s cubic-bezier(.645,.045,.355,1) forwards;animation:navigation_infobar .5s .5s cubic-bezier(.645,.045,.355,1) forwards}}.navigation__bar,.navigation__container,.navigation__main{height:50px}@media screen and (min-width:740px){.navigation__bar,.navigation__container,.navigation__main{height:70px}}@media screen and (min-width:980px){.navigation__bar,.navigation__container,.navigation__main{height:80px}}@media screen and (min-width:1300px){.navigation__bar,.navigation__container,.navigation__main{height:90px}}.navigation__main{width:100%}@media screen and (min-width:980px){.navigation__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;margin:auto;padding:0 30px}}@media screen and (min-width:1200px){.navigation__main{padding:0 60px}}@media screen and (min-width:1300px){.navigation__main{padding:0 60px}}@media screen and (min-width:1456px){.navigation__main{padding:0 80px}}@media screen and (min-width:1760px){.navigation__main{max-width:1600px;padding:0}}.navigation__main ul{list-style-type:none}@media screen and (max-width:479px){.navigation__main ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (max-width:979px){.navigation__main ul{-webkit-transition:.5s cubic-bezier(.165,.84,.44,1);transition:.5s cubic-bezier(.165,.84,.44,1);margin:70px 60px;padding:70px 0;-webkit-transform:translateX(10px) translateZ(0);transform:translateX(10px) translateZ(0);opacity:0}}@media screen and (max-width:979px) and (min-width:480px){.navigation__main ul{margin-top:35px}.navigation__main ul li{position:relative;display:inline-block;width:100%}}@media screen and (max-width:979px) and (min-width:740px){.navigation__main ul{margin-top:70px}}@media only screen and (max-width:979px) and (orientation:landscape){.navigation__main ul{padding:40px 0}}@media screen and (max-width:739px){.navigation__main ul{margin:50px 60px;padding:50px 0}}@media screen and (min-width:980px){.navigation__main ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;margin:0}}.navigation__main ul li{text-align:left}@media screen and (min-width:980px){.navigation__main ul li:not(:last-child){margin-right:30px}}@media screen and (min-width:1025px){.navigation__main ul li:not(:last-child){margin-right:35px}}@media screen and (min-width:1200px){.navigation__main ul li:not(:last-child){margin-right:35px}}@media screen and (min-width:1300px){.navigation__main ul li:not(:last-child){margin-right:50px}}@media screen and (min-width:1456px){.navigation__main ul li:not(:last-child){margin-right:55px}}@media screen and (min-width:1920px){.navigation__main ul li:not(:last-child){margin-right:65px}}.navigation__main ul li a{font-family:ak;font-size:18px;line-height:1.35em;letter-spacing:4px;cursor:pointer;color:#fff;font-weight:700;text-transform:uppercase}@media screen and (max-width:979px){.navigation__main ul li a{display:block}}@media screen and (max-width:979px) and (min-width:480px){.navigation__main ul li a{margin-bottom:20px}}@media screen and (max-width:979px) and (min-width:740px){.navigation__main ul li a{font-size:30px}}@media screen and (min-width:980px){.navigation__main ul li a{-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;color:#bababa;font-size:12px;font-weight:700;line-height:60px;letter-spacing:2px}}@media screen and (min-width:1025px){.navigation__main ul li a{font-size:13px}}@media screen and (min-width:980px){.navigation__main ul li a{display:block}.navigation__main ul li a::after,.navigation__main ul li a::before{-webkit-transition:all .2s cubic-bezier(.19,1,.22,1);transition:all .2s cubic-bezier(.19,1,.22,1);content:'';position:absolute;left:0;top:50%;width:100%;height:2px;margin:auto;margin-top:14px;pointer-events:none}.navigation__main ul li a::before{background:0 0}.navigation__main ul li a::after{-webkit-transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:-webkit-transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1);transition:transform .2s cubic-bezier(.215,.61,.355,1),-webkit-transform .2s cubic-bezier(.215,.61,.355,1);background-color:#1f1f1f;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right center;transform-origin:right center}}.navigation__bar{-webkit-transition:.4s cubic-bezier(.215,.61,.355,1);transition:.4s cubic-bezier(.215,.61,.355,1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:201}.navigation__mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navigation__mobile .subheadline{-webkit-transition:.4s cubic-bezier(.215,.61,.355,1);transition:.4s cubic-bezier(.215,.61,.355,1);color:#1f1f1f}.navigation__mobile__opener{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:70px;height:100%;cursor:pointer}.navigation__mobile__opener:after,.navigation__mobile__opener:before{-webkit-transition:.3s cubic-bezier(.645,.045,.355,1);transition:.3s cubic-bezier(.645,.045,.355,1);content:'';display:block;width:30px;height:2px;background:#1f1f1f;margin:0 20px;-webkit-transform:translateY(-4px) translateZ(0);transform:translateY(-4px) translateZ(0);-webkit-transform-origin:57% 50%;transform-origin:57% 50%}.navigation__mobile__opener:after{-webkit-transform:translateY(4px) translateZ(0);transform:translateY(4px) translateZ(0)}@media screen and (min-width:980px){.navigation__mobile{display:none}.navigation__mobile__opener{display:none}}.navigation__scroll{-webkit-transition:.4s cubic-bezier(.165,.84,.44,1);transition:.4s cubic-bezier(.165,.84,.44,1);position:fixed;z-index:1001;background-color:#fff}.navigation__scroll,.navigation__scroll__bar{left:0;top:0;width:100%;height:3px}.navigation__scroll__bar{position:absolute;-webkit-transition:.3s cubic-bezier(.19,1,.22,1);transition:.3s cubic-bezier(.19,1,.22,1);background-color:#1f1f1f;-webkit-transform-origin:0;transform-origin:0;-webkit-transform:scaleX(0) translateZ(0);transform:scaleX(0) translateZ(0)}@-webkit-keyframes logo{from{opacity:0}to{opacity:1}}@keyframes logo{from{opacity:0}to{opacity:1}}@-webkit-keyframes navigation{from{opacity:0}to{opacity:1}}@keyframes navigation{from{opacity:0}to{opacity:1}}@-webkit-keyframes navigation_infobar{from{opacity:0}to{opacity:1}}@keyframes navigation_infobar{from{opacity:0}to{opacity:1}}.navigation__logo>a,.navigation__logo__icon{display:block;position:relative;width:100%;height:100%}.navigation__logo__icon{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-33deg);transform:rotate(-33deg)}.navigation__logo__bg{-webkit-transition:.5s cubic-bezier(.645,.045,.355,1);transition:.5s cubic-bezier(.645,.045,.355,1);position:absolute;top:0;left:0;width:100%;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(33deg);transform:rotate(33deg);opacity:.1;display:none}.navigation__logo__circular{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.165);transform:scale(1.165);position:absolute;top:0;left:0;width:100%;height:100%;margin:auto} .infobar{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1);position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;bottom:0;left:0;width:100%;text-align:center;overflow:hidden;z-index:99999}.infobar br{display:none!important}@media screen and (min-width:980px){.infobar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;bottom:auto;left:auto;height:0;background:#1f1f1f}.page--show:not(.page--prepare) .infobar:not(.is-hidden){height:60px}.infobar.is-hidden{-webkit-transition:.5s cubic-bezier(.77,0,.175,1);transition:.5s cubic-bezier(.77,0,.175,1);-webkit-box-pack:top;-ms-flex-pack:top;justify-content:top}}@media screen and (max-width:979px){.infobar.is-hidden{-webkit-transition:.5s cubic-bezier(.86,0,.07,1);transition:.5s cubic-bezier(.86,0,.07,1);-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}}@media screen and (min-width:980px){.infobar+.infobar{height:0!important}}@media screen and (max-width:979px){.infobar+.infobar{-webkit-transform:translateY(100%) translateZ(0)!important;transform:translateY(100%) translateZ(0)!important}}@media (max-width:61.24em){.page--mobile-flyout-trigger .infobar{display:none}}.infobar__wrapper{width:100%;padding:10px;background:#1f1f1f}@media screen and (min-width:480px){.infobar__wrapper{padding:15px}}@media screen and (min-width:740px){.infobar__wrapper{padding:0}}@media screen and (max-width:979px){.infobar__wrapper{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);-webkit-animation:infobar-wrapper 1s 1s cubic-bezier(.86,0,.07,1) forwards;animation:infobar-wrapper 1s 1s cubic-bezier(.86,0,.07,1) forwards}}.infobar__inner{-webkit-transition:opacity .5s cubic-bezier(.165,.84,.44,1) .5s;transition:opacity .5s cubic-bezier(.165,.84,.44,1) .5s;opacity:0}.page--show:not(.page--prepare) .infobar__inner{opacity:1}.infobar__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 7px 10px 7px}.infobar__text,.infobar__text p{font-size:13px;text-align:left;color:#fff}.infobar__text p{margin:0;line-height:1.5}@media screen and (max-width:739px){.infobar__text p{font-size:11px}}.infobar__text a{cursor:pointer}@media screen and (min-width:480px){.infobar__text{padding:5px}}@media screen and (min-width:740px){.infobar__text{padding:20px}}@media screen and (min-width:980px){.infobar__text{padding:0 30px 0 30px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media screen and (max-width:479px){.infobar__text{min-height:4em}}.infobar__text a{color:#efefef}.infobar__text__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;text-align:left}.infobar__text__inner .link-underline--white{font-weight:700;color:#bababa;-webkit-transition:all .25s ease;transition:all .25s ease}.infobar__text__inner .link-underline--white:hover{color:#fff}.infobar__text__button{-webkit-transition:.2s cubic-bezier(.165,.84,.44,1);transition:.2s cubic-bezier(.165,.84,.44,1);font-weight:700;display:block;margin-left:30px;padding:.5em 2em;color:#fff;border:2px solid #5c5c5c;cursor:pointer}@media screen and (max-width:479px){.infobar__text__button{margin:13px 13px 13px 26px}}.no-touch .infobar__text__button:hover{color:#1f1f1f;border-color:#fff;background-color:#fff}.infobar__text__button--white{padding:.5em 3em;color:#fff;background-color:#5c5c5c;border-color:#5c5c5c}.no-touch .infobar__text__button--white:hover{color:#1f1f1f;border-color:#fff;background-color:#fff}.no-touch .infobar__text__button--grey:hover{color:#fff;background-color:#5c5c5c;border-color:#5c5c5c}@media screen and (max-width:600px){.infobar--cookies .infobar__text__button{margin:0 0 0 20px;padding:.5em 1.5em}}.infobar--cookies .infobar__text__button:last-child{margin-left:10px;padding:.5em 3em}@media screen and (max-width:600px){.infobar--cookies .infobar__text__button:last-child{padding:.5em 1.5em;margin:0 0 0 10px}}.infobar span{display:block;font-size:10px;letter-spacing:8px;color:#fff;line-height:1.65;text-transform:uppercase;font-weight:700}@media screen and (min-width:740px){.infobar span{display:inline-block;line-height:60px}}.infobar span.date{color:#bababa;margin-bottom:5px}@media screen and (min-width:740px){.infobar span.date{margin:0}}.infobar span.dash{background:#bababa;margin:0 15px 0 8px;width:12px;height:1px;-webkit-transform:translateY(-3px);transform:translateY(-3px);display:none}@media screen and (min-width:740px){.infobar span.dash{display:inline-block}}.infobar__close{position:absolute;top:-31px;right:-30px;z-index:10}@media screen and (min-width:480px){.infobar__close{right:-17px;top:50%;margin-top:-50px}}.no-touch .infobar__close:hover{opacity:.5}.no-touch .infobar__close:hover ::before,.no-touch .infobar__close:hover::before{-webkit-transform:translateX(-8px) scale(.5,1);transform:translateX(-8px) scale(.5,1)}.no-touch .infobar__close:hover ::after,.no-touch .infobar__close:hover::after{-webkit-transform:translateX(8px) scale(.5,1);transform:translateX(8px) scale(.5,1)}.infobar__alternative .text{letter-spacing:5px}@media screen and (max-width:739px){.infobar__alternative .infobar__wrapper{padding:20px 15px}.infobar__alternative br{display:block!important}}.infobar__overlay{position:fixed;background:rgba(0,0,0,.35);width:100vw;height:100vh;top:0;left:0;z-index:999999;display:none}@-webkit-keyframes infobar-wrapper{from{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}to{-webkit-transform:none;transform:none}}@keyframes infobar-wrapper{from{-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}to{-webkit-transform:none;transform:none}} .cookies{-webkit-transition:.7s cubic-bezier(.645,.045,.355,1);transition:.7s cubic-bezier(.645,.045,.355,1);position:fixed;bottom:0;right:0;z-index:1003;-webkit-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0)}@media screen and (max-width:739px){.cookies{width:100%}}@media screen and (min-width:740px){.cookies{max-width:66.66666%}}@media screen and (min-width:1025px){.cookies{max-width:50%}}@media screen and (min-width:1920px){.cookies{max-width:33.33333%}}.page--show:not(.page--prepare) .cookies:not(.is-hidden){-webkit-transition:.7s cubic-bezier(.645,.045,.355,1) 1s;transition:.7s cubic-bezier(.645,.045,.355,1) 1s;-webkit-transform:none;transform:none}.cookies.is-hidden{-webkit-transition:.5s cubic-bezier(.77,0,.175,1);transition:.5s cubic-bezier(.77,0,.175,1)}.cookies__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:relative;background-color:#1f1f1f;color:#fff;font-size:11px}@media screen and (min-width:740px){.cookies__wrapper{font-size:13px}}.cookies__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1em 70px 1em 1em}@media screen and (min-width:740px){.cookies__inner{padding:1em 70px 1em 1.5em}}.cookies__inner a{color:#bababa}.no-touch .cookies__inner a:hover{color:#fff}.cookies__text{line-height:2}.cookies__icon{display:none}@media screen and (min-width:740px){.cookies__icon{display:block;-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;margin:.2em 20px 0 0;background:transparent url(../img/cookies/cookies.png) no-repeat center;background-size:contain}}.cookies__close.gallery__zoom__close{top:-27px;right:-27px;z-index:10}@media screen and (min-width:740px){.cookies__close.gallery__zoom__close{right:-17px;top:-19px}}.no-touch .cookies__close.gallery__zoom__close:hover{opacity:.5}.no-touch .cookies__close.gallery__zoom__close:hover ::before,.no-touch .cookies__close.gallery__zoom__close:hover::before{-webkit-transform:translateX(-8px) scale(.5,1);transform:translateX(-8px) scale(.5,1)}.no-touch .cookies__close.gallery__zoom__close:hover ::after,.no-touch .cookies__close.gallery__zoom__close:hover::after{-webkit-transform:translateX(8px) scale(.5,1);transform:translateX(8px) scale(.5,1)}.cookiesettings{background:#1f1f1f;position:fixed;z-index:9999999;top:50%;left:-10000px;width:96%;max-width:700px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:80px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;-webkit-transition:all .25s ease,left 0s ease .3s;transition:all .25s ease,left 0s ease .3s}@media screen and (max-width:739px){.cookiesettings{padding:20px}}@media screen and (min-width:768px) and (max-height:840px){.cookiesettings{position:absolute;top:2vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cookiesettings:after{content:'';position:absolute;height:2vw;top:100%;width:10px;background:0 0;left:0}}@media screen and (max-width:767px){.cookiesettings{position:absolute;top:2vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.cookiesettings:after{content:'';position:absolute;height:2vw;top:100%;width:10px;background:0 0;left:0}}.cookiesettings.open{left:50%;opacity:1;-webkit-transition:all .25s ease,left 0s ease 0s;transition:all .25s ease,left 0s ease 0s}.cookiesettings__inner{color:#fff;overflow:hidden}.cookiesettings__inner h2{color:#fff;margin-bottom:40px;font-size:14px;font-weight:700}@media screen and (max-width:739px){.cookiesettings__inner h2{margin-bottom:10px}}.cookiesettings__item{border-bottom:solid 1px #5c5c5c;padding:15px 0}@media screen and (max-width:739px){.cookiesettings__item{padding:5px 0}}.cookiesettings__item__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cookiesettings__item__header.open .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:-7px}.cookiesettings__item__title{margin-left:20px;position:relative;width:calc(100% - 75px);cursor:pointer;padding:10px 0;font-size:32px}@media screen and (max-width:739px){.cookiesettings__item__title{width:calc(100% - 70px);font-size:19px}}.cookiesettings__item__title .text{font-family:ak;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cookiesettings__item__title .icon{font-size:35px;position:absolute;right:2px;top:-1px;-webkit-transition:.2s cubic-bezier(.165,.84,.44,1);transition:.2s cubic-bezier(.165,.84,.44,1)}.cookiesettings__item__content{font-size:14px;line-height:1.8;color:#bababa;padding:10px 0;display:none}@media screen and (max-width:739px){.cookiesettings__item__content{padding-top:2px;font-size:12px}}.cookiesettings__accept{clear:both;margin-top:10px;float:right;color:#fff;padding:.5em 2.5em;font-size:13px;line-height:1.7;border:solid 2px #5c5c5c;background-color:#5c5c5c;-webkit-transition:.2s cubic-bezier(.165,.84,.44,1);transition:.2s cubic-bezier(.165,.84,.44,1);font-weight:700;cursor:pointer}.cookiesettings__accept:hover{background:#fff;border-color:#fff;color:#1f1f1f}.cookiesettings__accept--save{background:0 0}.cookiesettings__accept--save:hover{background:#5c5c5c;border:solid 2px #5c5c5c;color:#fff}.cookiesettings__buttons{margin-top:50px}.cookiesettings__buttons>div{display:inline-block;clear:initial;margin-left:8px}.switch{position:relative;display:inline-block;width:64px;height:36px}@media screen and (max-width:739px){.switch{width:45px;height:22px}}.switch input{opacity:0;width:0;height:0}.switch input:checked+.slider{background-color:#fff}.switch input:checked+.slider:before{-webkit-transform:translateX(27px);transform:translateX(27px);background:#1f1f1f}@media screen and (max-width:739px){.switch input:checked+.slider:before{-webkit-transform:translateX(23px);transform:translateX(23px)}}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#5c5c5c;-webkit-transition:.4s;transition:.4s;border-radius:26px}@media screen and (max-width:739px){.slider{border-radius:22px}}.slider:before{position:absolute;content:"";height:24px;width:24px;left:6px;bottom:6px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}@media screen and (max-width:739px){.slider:before{height:14px;width:14px;left:4px;bottom:4px}} @media (min-width: 61.25em){ .mobile-flyout-trigger { display: none; } } </style> <!--[if lt IE 9]> <link rel="stylesheet" href="/assets/css/ie8andlower.min.css"> <![endif]--> <!--[if (gte IE 6)&(lte IE 9)]> <script src="/assets/js/ie8andlower.min.js"></script> <![endif]--> <script> window.Modernizr=function(r,d,i){var e,o,a,c={},f=d.documentElement,m="modernizr",t=d.createElement(m),s=t.style,u=d.createElement("input"),l=":)",n={}.toString,p=" -webkit- -moz- -o- -ms- ".split(" "),h="Webkit Moz O ms",g=h.split(" "),v=h.toLowerCase().split(" "),y="http://www.w3.org/2000/svg",b={},E={},x={},w=[],S=w.slice,C=function(e,t,n,r){var o,a,i,c,s=d.createElement("div"),u=d.body,l=u||d.createElement("body");if(parseInt(n,10))for(;n--;)(i=d.createElement("div")).id=r?r[n]:m+(n+1),s.appendChild(i);return o=["&#173;",'<style id="s',m,'">',e,"</style>"].join(""),s.id=m,(u?s:l).innerHTML+=o,l.appendChild(s),u||(l.style.background="",l.style.overflow="hidden",c=f.style.overflow,f.style.overflow="hidden",f.appendChild(l)),a=t(s,e),u?s.parentNode.removeChild(s):(l.parentNode.removeChild(l),f.style.overflow=c),!!a},k=(a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"},function(e,t){t=t||d.createElement(a[e]||"div");var n=(e="on"+e)in t;return n||(t.setAttribute||(t=d.createElement("div")),t.setAttribute&&t.removeAttribute&&(t.setAttribute(e,""),n=M(t[e],"function"),M(t[e],"undefined")||(t[e]=i),t.removeAttribute(e))),t=null,n}),T={}.hasOwnProperty;function N(e){s.cssText=e}function M(e,t){return typeof e===t}function P(e,t){return!!~(""+e).indexOf(t)}function j(e,t){for(var n in e){var r=e[n];if(!P(r,"-")&&s[r]!==i)return"pfx"!=t||r}return!1}function $(e,t,n){var r=e.charAt(0).toUpperCase()+e.slice(1),o=(e+" "+g.join(r+" ")+r).split(" ");return M(t,"string")||M(t,"undefined")?j(o,t):function(e,t,n){for(var r in e){var o=t[e[r]];if(o!==i)return!1===n?e[r]:M(o,"function")?o.bind(n||t):o}return!1}(o=(e+" "+v.join(r+" ")+r).split(" "),t,n)}for(var D in o=M(T,"undefined")||M(T.call,"undefined")?function(e,t){return t in e&&M(e.constructor.prototype[t],"undefined")}:function(e,t){return T.call(e,t)},Function.prototype.bind||(Function.prototype.bind=function(r){var o=this;if("function"!=typeof o)throw new TypeError;var a=S.call(arguments,1),i=function(){if(this instanceof i){var e=function(){};e.prototype=o.prototype;var t=new e,n=o.apply(t,a.concat(S.call(arguments)));return Object(n)===n?n:t}return o.apply(r,a.concat(S.call(arguments)))};return i}),b.flexbox=function(){return $("flexWrap")},b.flexboxlegacy=function(){return $("boxDirection")},b.canvas=function(){var e=d.createElement("canvas");return!(!e.getContext||!e.getContext("2d"))},b.canvastext=function(){return!(!c.canvas||!M(d.createElement("canvas").getContext("2d").fillText,"function"))},b.webgl=function(){return!!r.WebGLRenderingContext},b.touch=function(){var t;return"ontouchstart"in r||r.DocumentTouch&&d instanceof DocumentTouch?t=!0:C(["@media (",p.join("touch-enabled),("),m,")","{ #modernizr{top:9px;position:absolute}}"].join(""),function(e){t=9===e.offsetTop}),t},b.geolocation=function(){return"geolocation"in navigator},b.postmessage=function(){return!!r.postMessage},b.websqldatabase=function(){return!!r.openDatabase},b.indexedDB=function(){return!!$("indexedDB",r)},b.hashchange=function(){return k("hashchange",r)&&(d.documentMode===i||7<d.documentMode)},b.history=function(){return!(!r.history||!history.pushState)},b.draganddrop=function(){var e=d.createElement("div");return"draggable"in e||"ondragstart"in e&&"ondrop"in e},b.websockets=function(){return"WebSocket"in r||"MozWebSocket"in r},b.rgba=function(){return N("background-color:rgba(150,255,150,.5)"),P(s.backgroundColor,"rgba")},b.hsla=function(){return N("background-color:hsla(120,40%,100%,.5)"),P(s.backgroundColor,"rgba")||P(s.backgroundColor,"hsla")},b.multiplebgs=function(){return N("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(s.background)},b.backgroundsize=function(){return $("backgroundSize")},b.borderimage=function(){return $("borderImage")},b.borderradius=function(){return $("borderRadius")},b.boxshadow=function(){return $("boxShadow")},b.textshadow=function(){return""===d.createElement("div").style.textShadow},b.opacity=function(){var e,t;return e="opacity:.55",N(p.join(e+";")+(t||"")),/^0.55$/.test(s.opacity)},b.cssanimations=function(){return $("animationName")},b.csscolumns=function(){return $("columnCount")},b.cssgradients=function(){var e="background-image:";return N((e+"-webkit- ".split(" ").join("gradient(linear,left top,right bottom,from(#9f9),to(white));"+e)+p.join("linear-gradient(left top,#9f9, white);"+e)).slice(0,-e.length)),P(s.backgroundImage,"gradient")},b.cssreflections=function(){return $("boxReflect")},b.csstransforms=function(){return!!$("transform")},b.csstransforms3d=function(){var n=!!$("perspective");return n&&"webkitPerspective"in f.style&&C("@media (transform-3d),(-webkit-transform-3d){ #modernizr{left:9px;position:absolute;height:3px;}}",function(e,t){n=9===e.offsetLeft&&3===e.offsetHeight}),n},b.csstransitions=function(){return $("transition")},b.fontface=function(){var a;return C('@font-face {font-family:"font";src:url("https://")}',function(e,t){var n=d.getElementById("smodernizr"),r=n.sheet||n.styleSheet,o=r?r.cssRules&&r.cssRules[0]?r.cssRules[0].cssText:r.cssText||"":"";a=/src/i.test(o)&&0===o.indexOf(t.split(" ")[0])}),a},b.generatedcontent=function(){var t;return C(["#",m,"{font:0/0 a}#",m,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(e){t=3<=e.offsetHeight}),t},b.video=function(){var e=d.createElement("video"),t=!1;try{(t=!!e.canPlayType)&&((t=new Boolean(t)).ogg=e.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),t.h264=e.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),t.webm=e.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,""))}catch(e){}return t},b.audio=function(){var e=d.createElement("audio"),t=!1;try{(t=!!e.canPlayType)&&((t=new Boolean(t)).ogg=e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),t.mp3=e.canPlayType("audio/mpeg;").replace(/^no$/,""),t.wav=e.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),t.m4a=(e.canPlayType("audio/x-m4a;")||e.canPlayType("audio/aac;")).replace(/^no$/,""))}catch(e){}return t},b.localstorage=function(){try{return localStorage.setItem(m,m),localStorage.removeItem(m),!0}catch(e){return!1}},b.sessionstorage=function(){try{return sessionStorage.setItem(m,m),sessionStorage.removeItem(m),!0}catch(e){return!1}},b.webworkers=function(){return!!r.Worker},b.applicationcache=function(){return!!r.applicationCache},b.svg=function(){return!!d.createElementNS&&!!d.createElementNS(y,"svg").createSVGRect},b.inlinesvg=function(){var e=d.createElement("div");return e.innerHTML="<svg/>",(e.firstChild&&e.firstChild.namespaceURI)==y},b.smil=function(){return!!d.createElementNS&&/SVGAnimate/.test(n.call(d.createElementNS(y,"animate")))},b.svgclippaths=function(){return!!d.createElementNS&&/SVGClipPath/.test(n.call(d.createElementNS(y,"clipPath")))},b)o(b,D)&&(e=D.toLowerCase(),c[e]=b[D](),w.push((c[e]?"":"no-")+e));return c.input||(c.input=function(e){for(var t=0,n=e.length;t<n;t++)x[e[t]]=!!(e[t]in u);return x.list&&(x.list=!(!d.createElement("datalist")||!r.HTMLDataListElement)),x}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),c.inputtypes=function(e){for(var t,n,r,o=0,a=e.length;o<a;o++)u.setAttribute("type",n=e[o]),(t="text"!==u.type)&&(u.value=l,u.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(n)&&u.style.WebkitAppearance!==i?(f.appendChild(u),t=(r=d.defaultView).getComputedStyle&&"textfield"!==r.getComputedStyle(u,null).WebkitAppearance&&0!==u.offsetHeight,f.removeChild(u)):/^(search|tel)$/.test(n)||(t=/^(url|email)$/.test(n)?u.checkValidity&&!1===u.checkValidity():u.value!=l)),E[e[o]]=!!t;return E}("search tel url email datetime date month week time datetime-local number range color".split(" "))),c.addTest=function(e,t){if("object"==typeof e)for(var n in e)o(e,n)&&c.addTest(n,e[n]);else{if(e=e.toLowerCase(),c[e]!==i)return c;t="function"==typeof t?t():t,f.className+=" "+(t?"":"no-")+e,c[e]=t}return c},N(""),t=u=null,function(e,s){var u,l,t=e.html5||{},o=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,a=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,n="_html5shiv",r=0,i={};function d(){var e=p.elements;return"string"==typeof e?e.split(" "):e}function f(e){var t=i[e[n]];return t||(t={},r++,e[n]=r,i[r]=t),t}function m(e,t,n){return t||(t=s),l?t.createElement(e):(n||(n=f(t)),!(r=n.cache[e]?n.cache[e].cloneNode():a.test(e)?(n.cache[e]=n.createElem(e)).cloneNode():n.createElem(e)).canHaveChildren||o.test(e)||r.tagUrn?r:n.frag.appendChild(r));var r}function c(e){e||(e=s);var t,n,r,o,a,i,c=f(e);return!p.shivCSS||u||c.hasCSS||(c.hasCSS=(n="article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}",r=(t=e).createElement("p"),o=t.getElementsByTagName("head")[0]||t.documentElement,r.innerHTML="x<style>"+n+"</style>",!!o.insertBefore(r.lastChild,o.firstChild))),l||(a=e,(i=c).cache||(i.cache={},i.createElem=a.createElement,i.createFrag=a.createDocumentFragment,i.frag=i.createFrag()),a.createElement=function(e){return p.shivMethods?m(e,a,i):i.createElem(e)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+d().join().replace(/[\w\-]+/g,function(e){return i.createElem(e),i.frag.createElement(e),'c("'+e+'")'})+");return n}")(p,i.frag)),e}!function(){try{var e=s.createElement("a");e.innerHTML="<xyz></xyz>",u="hidden"in e,l=1==e.childNodes.length||function(){s.createElement("a");var e=s.createDocumentFragment();return void 0===e.cloneNode||void 0===e.createDocumentFragment||void 0===e.createElement}()}catch(e){l=u=!0}}();var p={elements:t.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:"3.7.0",shivCSS:!1!==t.shivCSS,supportsUnknownElements:l,shivMethods:!1!==t.shivMethods,type:"default",shivDocument:c,createElement:m,createDocumentFragment:function(e,t){if(e||(e=s),l)return e.createDocumentFragment();for(var n=(t=t||f(e)).frag.cloneNode(),r=0,o=d(),a=o.length;r<a;r++)n.createElement(o[r]);return n}};e.html5=p,c(s)}(this,d),c._version="2.8.3",c._prefixes=p,c._domPrefixes=v,c._cssomPrefixes=g,c.mq=function(e){var t,n=r.matchMedia||r.msMatchMedia;return n?n(e)&&n(e).matches||!1:(C("@media "+e+" { #"+m+" { position: absolute; } }",function(e){t="absolute"==(r.getComputedStyle?getComputedStyle(e,null):e.currentStyle).position}),t)},c.hasEvent=k,c.testProp=function(e){return j([e])},c.testAllProps=$,c.testStyles=C,c.prefixed=function(e,t,n){return t?$(e,t,n):$(e,"pfx")},f.className=f.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+" js "+w.join(" "),c}(this,this.document); </script> </head> <body> <div class="infobar infobar--cookies js-infobar js-cookies"> <div class="infobar__wrapper"> <div class="infobar__inner"> <div class="infobar__text"> <div class="infobar__text__inner"> <p>We’re using cookies and third-party cookies to provide you with the best possible service. Click <a class="js-cookies-decline link-underline link-underline--white">here</a>, to decline. By continuing to use this website, you consent with our <a href="/privacy-policy" class="link-underline link-underline--white">privacy statement</a>.</p> </div> <div class="infobar__text__button infobar__text__button--grey js-cookies-settings">Settings</div> <div class="infobar__text__button infobar__text__button--white js-cookies-accept">Accept</div> </div> </div> </div> </div> <div class="cookiesettings js-cookiesettings"> <div class="cookiesettings__inner"> <div class="cookiesettings__inner__content"> <h2>Cookie Settings</h2> <div class="cookiesettings__item"> <div class="cookiesettings__item__header open js-cookie-item-head"> <label class="switch"> <input type="checkbox" name="cookies__functional" checked disabled> <span class="slider round"></span> </label> <div class="cookiesettings__item__title js-cookie-item"> <span class="text">Functional</span> <span class="icon icon--arrow-down-small"></span> </div> </div> <div class="cookiesettings__item__content js-cookie-item-content" style="display:block;">These cookies are necessary for our website to function and cannot be disabled in our systems. Generally, these cookies are set only in response to actions you take that correspond to a service request, such as setting your privacy preferences, logging in, or filling out forms. They enable the shopping cart function and payment process to be handled, and help address security issues and legal compliance. You can set your browser to block these cookies or to notify you about these cookies. However, some areas of the website may not work if you do so.</div> </div> <div class="cookiesettings__item"> <div class="cookiesettings__item__header js-cookie-item-head"> <label class="switch"> <input type="checkbox" name="cookies__performance"> <span class="slider round"></span> </label> <div class="cookiesettings__item__title js-cookie-item"> <span class="text">Performance</span> <span class="icon icon--arrow-down-small"></span> </div> </div> <div class="cookiesettings__item__content js-cookie-item-content">These cookies allow us to analyze website usage so that we can measure and improve its performance. In some cases, these cookies can improve the speed at which we process your requests and help remember the page settings you select. If you refuse these cookies, you may find that recommendations are poorly tailored to you or that the site is slow to respond overall.</div> </div> <div class="cookiesettings__item"> <div class="cookiesettings__item__header js-cookie-item-head"> <label class="switch"> <input type="checkbox" name="cookies__marketing"> <span class="slider round"></span> </label> <div class="cookiesettings__item__title js-cookie-item"> <span class="text">Marketing</span> <span class="icon icon--arrow-down-small"></span> </div> </div> <div class="cookiesettings__item__content js-cookie-item-content">These cookies may be set by our advertising partners through our website. They can be used by these companies to profile your interests and show you relevant ads on other websites. They work by uniquely identifying your browser and device. If you refuse these cookies, you may be shown ads that are not relevant to you or you may not be able to connect to Facebook, X or other social networks or share content on social networks. If you allow the marketing cookies, then the performance-related cookies will also be enabled, as they are used for this purpose. By activating the switch, you also agree to this change.</div> </div> </div> <div class="cookiesettings__buttons"> <div class="cookiesettings__accept js-cookies-acceptsettings">Accept all</div> <div class="cookiesettings__accept cookiesettings__accept--save js-cookies-save">Save Settings</div> </div> </div> </div> <!-- TEMP COVID BANNER MOBILE --> <!-- <div class="mobile-flyout-trigger js-mobile-flyout-trigger js-offices-trigger"> <div class="mobile-flyout-trigger__title h6"> Global Reset — <br /> Marketing Services<br /> for a New Reality. </div> <div class="mobile-flyout-trigger__icon icon--arrow-down-small"></div> </div> --> <div class="bodywrap "> <div class="navigation "> <div class="navigation__wrapper"> <nav class="navigation__main"> <div class="navigation__bar"> <div class="navigation__logo"> <a onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'Logo'}); }" href="/"> <span class="navigation__logo__icon"> <svg class="navigation__logo__bg" viewBox="0 0 496.1 500"> <path d="M452.5,108.8L426,135.5c21.1,33.2,33.4,72.3,33.4,114.5c0,117.5-94.8,213.2-211.4,213.2c-116.6,0-211.4-95.6-211.4-213.2 c0-117.5,94.8-213.1,211.4-213.1c42,0,81.1,12.6,114,33.9l26.4-26.6C348.5,16.4,300.1,0,248,0C111.3,0,0,112.1,0,250 c0,137.9,111.3,250,248,250c136.7,0,248-112.1,248-250C496.1,197.7,479.9,149,452.5,108.8"/> </svg> <svg class="navigation__logo__circular" viewBox="25 25 50 50" height_="100px"> <g class="navigation__logo__path-group"> <circle class="navigation__logo__path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke="#1f1f1f" stroke-miterlimit="10"/> </g> </svg> </span> </a> </div> <div class="navigation__mobile"> <a href="/" class="subheadline">LOOP</a> </div> <div class="navigation__mobile__opener navigation__toggle"></div> </div> <div class="navigation__container"> <div class="navigation__container__inner"> <ul> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'About'}); }" href="/about">About</a></li> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'Services'}); }" href="/services">Services</a></li> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'Work'}); }" href="/cases">Work</a></li> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'LOOP.Labs'}); }" href="/loop-labs">LOOP.Labs</a></li> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'Careers'}); }" href="/careers">Careers</a><div class="bubble">11</div></li> <li><a class="" onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'Contact'}); }" href="/contact">Contact</a></li> <!--<li><a class="" href="/followloop">@followloop</a></li>--> </ul> </div> </div> <div onclick="if (window.dataLayer && window.dataLayer.find(element => element['gtm.start'])) { dataLayer.push({'event': 'event','event_id': 'A01','event_name': 'navigation','event_parameter_name_1': 'link_to','event_parameter_value_1': 'LOOP offices'}); }" class="loopoffices__trigger js-offices-trigger"> <span class="loopoffices__trigger__title"><span class="hide">LOOP</span> offices</span> <span class="loopoffices__trigger__close"><i class="icon icon--arr_small_right"></i></span> </div> </nav> <!-- NAVIGATION SUB // HERE // --> </div> </div> <div class="navigation__scroll "> <div class="navigation__scroll__bar"></div> </div> <div class="loopoffices loopoffices--infobar js-offices"> <div class="loopoffices__trigger js-offices-trigger"> <span class="loopoffices__trigger__title"><span class="hide">LOOP</span> offices</span> <span class="loopoffices__trigger__close"><i class="icon icon--arr_small_right"></i></span> </div> <div class="js-offices-trigger loopoffices__close gallery__zoom__close gallery__zoom__close--black"><i></i></div> <div class="loopoffices__inner"> <div class="loopoffices__content"> <ul> <li> <span class="time">02:43 <span>AM</span></span> <span class="city">Salzburg</span> <div class="hover"> <a href="mailto:office@agentur-loop.com">Email</a> <a href="https://goo.gl/maps/oWb1b7ENT9aCLbhA7" target="_blank">Get directions</a> </div> </li> <li> <span class="time" data-timediff="-6">02:43 <span>AM</span></span> <span class="city">New York City</span> <div class="hover"> <a href="mailto:nyc@agentur-loop.com">Email</a> <a href="https://goo.gl/maps/g5hVxqsypaCNrN196" target="_blank">Get directions</a> </div> </li> <li> <span class="time">02:43 <span>AM</span></span> <span class="city">Vienna</span> <div class="hover"> <a href="mailto:vienna@agentur-loop.com">Email</a> <a href="https://maps.app.goo.gl/sGhxRVi92em5sUt68" target="_blank">Get directions</a> </div> </li> <li> <span class="time">02:43 <span>AM</span></span> <span class="city">Copenhagen</span> <div class="hover"> <a href="mailto:cph@agentur-loop.com">Email</a> <a href="https://www.google.at/maps/place/Fl%C3%A6sketorvet+68,+1711+K%C3%B8benhavn+V,+Denmark/@55.666656,12.5418615,14z/data=!4m5!3m4!1s0x46525373da1d5b59:0xb028ed7f1429e1c8!8m2!3d55.666653!4d12.559371" target="_blank">Get directions</a> </div> </li> <li> <span class="time">02:43 <span>AM</span></span> <span class="city">Berlin</span> <div class="hover"> <a href="mailto:berlin@agentur-loop.com">Email</a> <a href="https://goo.gl/maps/8PeabrSi5EmPAQgJA" target="_blank">Get directions</a> </div> </li> <li> <span class="time" data-timediff="8">02:43 <span>AM</span></span> <span class="city">Sydney</span> <div class="hover"> <a href="mailto:sydney@agentur-loop.com">Email</a> <a href="https://www.google.com/maps/place/Hub+Hyde+Park/@-33.8774723,151.2113753,17z/data=!3m2!4b1!5s0x6b12ae142869c193:0x75a1581fdc0666f4!4m6!3m5!1s0x6b12ae16e33dfb8f:0x71bb6b3b44ed5c16!8m2!3d-33.8774723!4d151.2139502!16s%2Fg%2F11hd23xkq5?entry=ttu" target="_blank">Get directions</a> </div> </li> <li> <span class="time" data-timediff="5.5">02:43 <span>AM</span></span> <span class="city">Bangalore</span> <div class="hover"> <a href="mailto:bangalore@agentur-loop.com">Email</a> <a href="https://www.google.com/maps/dir//Halasuru,+Cambridge+Layout,+Bangalore,+Karnataka+560008,+Indien/@12.9698382,77.6300536,18.49z/data=!4m9!4m8!1m0!1m5!1m1!1s0x3bae169fee680769:0x930e8ce70d6590f4!2m2!1d77.6298512!2d12.9698692!3e2" target="_blank">Get directions</a> </div> </li> </ul> <div class="block block--button-full block--fullwidth-mobile space--none"> <div class="block__bg" style=""></div> <div class="button-full__wrapper"> <div class="button-full__outer"> <a class="button-full space space--padding" href="/contact"> <p class="subheadline subheadline--small js-on-screen">Work with us</p> <p class="h6 js-on-screen">Don't wait and get in touch.</p> </a> </div> </div> </div> </div> </div> </div> <!-- <div class="loopoffices loopoffices--services js-offices js-open-onload"> <div class="loopoffices__trigger loopoffices__trigger"> <span class="loopoffices__trigger__title h5"> Global Reset —<br> Marketing Services <br> for a New Reality. </span> <span class="loopoffices__trigger__close"><i class="icon icon--arr_small_right"></i></span> </div> <div class="js-offices-trigger loopoffices__close gallery__zoom__close gallery__zoom__close--black"><i></i></div> <div class="loopoffices__inner"> <div class="loopoffices__content"> <div class="loopoffices__services"> <div class="loopoffices__services__inner js-offices-services-inner"> <a href="https://drive.google.com/file/d/1zFK-CnvpZ3LlLuWdKT-wJ5fJ29iknpAq/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'COVID-19 Social Media Strategy');"> <div class="loopoffices__services__item__title h6">COVID-19 Social Media Strategy</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> <a href="https://drive.google.com/file/d/1hOz5zhE4v-ykx0IRdFyv7RiyZzW99ISo/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'Home-Produced Video Productions');"> <div class="loopoffices__services__item__title h6">Home-Produced Video Productions</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> <a href="https://drive.google.com/file/d/1vZzaKNdVn-8SvfQFgzK-qFBr5V8bV3oz/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'TikTok Channel Implementation');"> <div class="loopoffices__services__item__title h6">TikTok Channel Implementation</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> <a href="https://drive.google.com/file/d/1ZosCH0Yv7p5iM6DbSbpb_oBsJHwQ4vtW/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'COVID-19 Brand Impact Data Analysis');"> <div class="loopoffices__services__item__title h6">COVID-19 Brand Impact Data Analysis</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> <a href="https://drive.google.com/file/d/1pJ9DvWIQ_L_vW9RXJpQDWOa7jhwCGkSk/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'Social Commerce Workshop');"> <div class="loopoffices__services__item__title h6">Social Commerce Workshop</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> <a href="https://drive.google.com/file/d/1Z3XhmZn5NVNobQ4fYAuSZZy8l7FQn_Av/view" target="_blank" class="loopoffices__services__item" onclick="ga('send', 'event', 'download', 'sidebar', 'Esports Introduction Session');"> <div class="loopoffices__services__item__title h6">Esports Introduction Session</div> <div class="loopoffices__services__item__icon"> <span class="hold left"></span> <span class="hold right"></span> <span class="icon icon--arrow-down-small"></span> </div> </a> </div> <div class="loopoffices__services__loadmore js-offices-services-loadmore"> <div class="loopoffices__services__loadmore__button js-offices-services-loadmore-button">Load more</div> </div> </div> <div class="block block--button-full block--fullwidth-mobile space--none"> <div class="block__bg" style=""></div> <div class="button-full__wrapper"> <div class="button-full__outer"> <a class="button-full space space--padding" href="https://www.agentur-loop.com/covid19" download target="_blank" onclick="ga('send', 'event', 'download', 'sidebar', 'COVID-19 Marketing Guidance');"> <p class="subheadline subheadline--small js-on-screen">Download PDF</p> <p class="h6 js-on-screen">COVID-19 Marketing Guidance</p> </a> </div> </div> </div> </div> </div> </div> --> <!-- --> <div class="contents"> <div data-country="NONUS" class="content_wrap content_wrap--current"> <div class="content content--current"> <div class="block block--landing block--fullwidth-mobile"> <div class="landing js-landing" data-config='{&quot;path&quot;:&quot;assets\/images\/landingpageintro\/&quot;,&quot;total&quot;:78,&quot;imgs&quot;:[&quot;landing_00000.jpg&quot;,&quot;landing_00001.jpg&quot;,&quot;landing_00002.jpg&quot;,&quot;landing_00003.jpg&quot;,&quot;landing_00004.jpg&quot;,&quot;landing_00005.jpg&quot;,&quot;landing_00006.jpg&quot;,&quot;landing_00007.jpg&quot;,&quot;landing_00008.jpg&quot;,&quot;landing_00009.jpg&quot;,&quot;landing_00010.jpg&quot;,&quot;landing_00011.jpg&quot;,&quot;landing_00012.jpg&quot;,&quot;landing_00013.jpg&quot;,&quot;landing_00014.jpg&quot;,&quot;landing_00015.jpg&quot;,&quot;landing_00016.jpg&quot;,&quot;landing_00017.jpg&quot;,&quot;landing_00018.jpg&quot;,&quot;landing_00019.jpg&quot;,&quot;landing_00020.jpg&quot;,&quot;landing_00021.jpg&quot;,&quot;landing_00022.jpg&quot;,&quot;landing_00023.jpg&quot;,&quot;landing_00024.jpg&quot;,&quot;landing_00025.jpg&quot;,&quot;landing_00026.jpg&quot;,&quot;landing_00027.jpg&quot;,&quot;landing_00028.jpg&quot;,&quot;landing_00029.jpg&quot;,&quot;landing_00030.jpg&quot;,&quot;landing_00031.jpg&quot;,&quot;landing_00032.jpg&quot;,&quot;landing_00033.jpg&quot;,&quot;landing_00034.jpg&quot;,&quot;landing_00035.jpg&quot;,&quot;landing_00036.jpg&quot;,&quot;landing_00037.jpg&quot;,&quot;landing_00038.jpg&quot;,&quot;landing_00039.jpg&quot;,&quot;landing_00040.jpg&quot;,&quot;landing_00041.jpg&quot;,&quot;landing_00042.jpg&quot;,&quot;landing_00043.jpg&quot;,&quot;landing_00044.jpg&quot;,&quot;landing_00045.jpg&quot;,&quot;landing_00046.jpg&quot;,&quot;landing_00047.jpg&quot;,&quot;landing_00048.jpg&quot;,&quot;landing_00049.jpg&quot;,&quot;landing_00050.jpg&quot;,&quot;landing_00051.jpg&quot;,&quot;landing_00052.jpg&quot;,&quot;landing_00053.jpg&quot;,&quot;landing_00054.jpg&quot;,&quot;landing_00055.jpg&quot;,&quot;landing_00056.jpg&quot;,&quot;landing_00057.jpg&quot;,&quot;landing_00058.jpg&quot;,&quot;landing_00059.jpg&quot;,&quot;landing_00060.jpg&quot;,&quot;landing_00061.jpg&quot;,&quot;landing_00062.jpg&quot;,&quot;landing_00063.jpg&quot;,&quot;landing_00064.jpg&quot;,&quot;landing_00065.jpg&quot;,&quot;landing_00066.jpg&quot;,&quot;landing_00067.jpg&quot;,&quot;landing_00068.jpg&quot;,&quot;landing_00069.jpg&quot;,&quot;landing_00070.jpg&quot;,&quot;landing_00071.jpg&quot;,&quot;landing_00072.jpg&quot;,&quot;landing_00073.jpg&quot;,&quot;landing_00074.jpg&quot;,&quot;landing_00075.jpg&quot;,&quot;landing_00076.jpg&quot;,&quot;landing_00077.jpg&quot;]}'> <div class="landing__inner"> <div class="landing__imgs"></div> <div class="landing__text"> <div class="landing__text__outer"> <div class="landing__text__inner"> <h1> The fully <br>charged <span class="landing__text__hover"> <span class="is-active"><span>digital</span></span> <span><span>social</span></span> <span><span>technology</span></span> <span><span>design</span></span> <span><span>video</span></span> <span><span>content</span></span> <span><span>strategy</span></span> <i><span></span></i> </span> <br> powerhouse. </h1> </div> </div> </div> </div> </div> </div> <div class="block block--teaser block--inner space--none-bottom"> <h2 class="subheadline">Selected Work</h2> <div class="block__bg "></div> <div class="teaser teaser--big"> <div class="teaser__wrapper js-swiper js-swiper--mobile"> <div class="teaser__items"> <a href="https://www.agentur-loop.com/cases/gmund-paper-craft-in-the-digital-age" class="teaser__item js-teaser" data-filter='["|class2491|","|class936|"]'> <div class="teaser__item__inner" style="color:#222222;"> <div class="teaser__img" data-bg="/assets/images/cases/gmund-paper-craft-in-the-digital-age/_size1600x900/gmund_case_header.jpg"></div> <div class="teaser__vid" data-video=""></div> <div class="teaser__logo"> <span class="teaser__logo__img" data-bg="/assets/images/teaserlogos/logo-gmund-w_small.svg"><img src="/assets/images/teaserlogos/logo-gmund-w_small.svg"></span> </div> <div class="teaser__content"> <h3 class="teaser__headline h5">Gmund — Paper Craft in the Digital Age​</h3> <p class="subheadline subheadline--small" style="color:#000000;">View case study</p> </div> </div> </a> <a href="https://www.agentur-loop.com/cases/alpine-f1-team-social-media" class="teaser__item js-teaser" data-filter='["|class943|","|class3029|"]'> <div class="teaser__item__inner" style="color:#01124d;"> <div class="teaser__img" data-bg="/assets/images/cases/alpine-f1-team-social-media/_size1600x900/alpinef1_case_header.jpg"></div> <div class="teaser__vid" data-video="/assets/videos/alpineF1_teaser.mp4"></div> <div class="teaser__logo"> <span class="teaser__logo__img" data-bg="/assets/images/teaserlogos/logo-alpinef1-w_small.svg"><img src="/assets/images/teaserlogos/logo-alpinef1-w_small.svg"></span> </div> <div class="teaser__content"> <h3 class="teaser__headline h5">Alpine F1 Team — Social Media</h3> <p class="subheadline subheadline--small" style="color:#ffffff;">Explore</p> </div> </div> </a> <a href="https://www.agentur-loop.com/cases/puma-davido-btl-production" class="teaser__item js-teaser" data-filter='["|class942|","|class937|"]'> <div class="teaser__item__inner" style="color:#ffffff;"> <div class="teaser__img" data-bg="/assets/images/cases/puma-davido-btl-production/_size1600x900/puma-davidobtl_case_header.jpg"></div> <div class="teaser__vid" data-video="/assets/videos/puma-davido_btl_teaser.mp4"></div> <div class="teaser__logo"> <span class="teaser__logo__img" data-bg="/assets/images/teaserlogos/puma-small.svg"><img src="/assets/images/teaserlogos/puma-small.svg"></span> </div> <div class="teaser__content"> <h3 class="teaser__headline h5">PUMA x Davido — Between the Lines</h3> <p class="subheadline subheadline--small" style="color:#ffffff;">Explore</p> </div> </div> </a> </div> </div> </div> </div> <div class="block block--button-full block--fullwidth-mobile space--none"> <div class="block__bg "></div> <div class="button-full__wrapper"> <div class="button-full__outer"> <a class="button-full space space--padding" target="" href="/cases"> <p class="subheadline subheadline--small js-on-screen">We&#039;ve got more</p> <p class="h6 js-on-screen">Take a look at our case studies</p> </a> </div> </div> </div> <div class="block block--bigtext space--padding space--bigger"> <div class="block__bg block__bg--bg-white"></div> <div class="block--inner"> <div class="bigtext "> <div class="bigtext__inner js-on-screen"> <?php if($subtitle){ ?><span class="subheadline subheadline--small js-on-screen">LOOP in a nutshell</span> <h2 class="h1 js-on-screen">Exploring the intersections between design, digital technology and content marketing for leading brands.</h2> </div> </div> </div> </div> <div class="block__wrapper block--bg-white"> <div class="block block--video block--inner block--fullwidth block--fullwidth-mobile space--padding space--none-top space--none-bottom-mobile"> <h2 class="subheadline">showreel</h2> <div class="block__bg block__bg--bg-white"></div> <div class="video"> <div class="video__items video__items--1"> <div class="video__item"> <div class="video__inner ui-show-up js-on-screen"> <div class="block__bg" data-bg="/assets/videos/caseStudies/posters/_size1600x900/loop-reel-2017_180625_155100.jpg"></div> <div class="video-inline video-inline--autoplay video-inline--muted video-inline--audio js-video-inline" data-video="/assets/videos/caseStudies/videos/LOOP_Showreel.mp4"></div> <div class="video-inline__button ui-show-up js-on-screen" title="Play"></div> <div class="video-inline__mute"><i></i></div> </div> </div> </div> </div> </div> </div> <div class="block block--clients block--inner space--bigger"> <h2 class="subheadline">Some of our clients</h2> <div class="block__bg "></div> <div class="clients__wrap"> <div class="clients__item"> <img class="clients__item__content clients__item__content--h" data-src="/assets/img/logos/landing/puma.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--v" data-src="/assets/img/logos/landing/redbull.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--h" data-src="/assets/img/logos/landing/audi.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--h" data-src="/assets/img/logos/marcopolo.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--h-big" data-src="/assets/img/logos/landing/nespresso.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--v" data-src="/assets/img/logos/landing/porsche.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--v-small" data-src="/assets/img/logos/tupperware.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--h" data-src="/assets/img/logos/breitling.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--v-small" data-src="/assets/img/logos/landing/durex.svg" /> </div> <div class="clients__item"> <img class="clients__item__content clients__item__content--v" data-src="/assets/img/logos/atomic.svg" /> </div> </div> </div> <div class="block block--button-full block--fullwidth-mobile space--none"> <div class="block__bg block__bg--bg-white"></div> <div class="button-full__wrapper"> <div class="button-full__outer"> <a class="button-full space space--padding" target="" href="/contact"> <p class="subheadline subheadline--small js-on-screen">Get in Touch</p> <p class="h6 js-on-screen">Contact us for potential projects</p> </a> <a class="button-full space space--padding" target="" href="/careers"> <p class="subheadline subheadline--small js-on-screen">Want to work at LOOP?</p> <p class="h6 js-on-screen">We currently have 11 open positions</p> </a> </div> </div> </div> </div> </div> <div class="footer__wrapper"> <footer class="block--footer block space--padding footer"> <div class="footer__inner"> <div class="footer__header"> <div class="svg_logo"> <span class="navigation__logo__icon"> <svg class="navigation__logo__bg" viewBox="0 0 496.1 500"> <path d="M452.5,108.8L426,135.5c21.1,33.2,33.4,72.3,33.4,114.5c0,117.5-94.8,213.2-211.4,213.2c-116.6,0-211.4-95.6-211.4-213.2 c0-117.5,94.8-213.1,211.4-213.1c42,0,81.1,12.6,114,33.9l26.4-26.6C348.5,16.4,300.1,0,248,0C111.3,0,0,112.1,0,250 c0,137.9,111.3,250,248,250c136.7,0,248-112.1,248-250C496.1,197.7,479.9,149,452.5,108.8"/> </svg> <svg class="navigation__logo__circular" viewBox="25 25 50 50" height_="100px"> <g class="navigation__logo__path-group"> <circle class="navigation__logo__path" cx="50" cy="50" r="20" fill="none" stroke-width="3" stroke="#70c542" stroke-miterlimit="10"/> </g> </svg> </span> </div> <p> Wonderful digital<br /> things and a pinch<br /> of rock n’ roll. </p> </div> <div class="footer__addr"> <div class="footer__headline">Offices</div> <ul> <li> <a href="/contact"> Salzburg <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/get-in-touch"> New York City <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/contact"> Vienna <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/contact"> Copenhagen <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/contact"> Berlin <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/contact"> Sydney <div class="hover"><span>Get in touch</span></div> </a> </li> <li> <a href="/contact"> Bangalore <div class="hover"><span>Get in touch</span></div> </a> </li> </ul> </div> <div class="footer__followloop"> <div class="footer__headline">@followloop</div> <ul> <li><a target="_blank" href="https://www.instagram.com/followloop" class="link-underline">Instagram</a></li> <li><a target="_blank" href="https://www.tiktok.com/@followloop" class="link-underline">TikTok</a></li> <li><a target="_blank" href="http://www.linkedin.com/company/loop-new-media-gmbh" class="link-underline">Linkedin</a></li> <li><a target="_blank" href="https://x.com/followloop" class="link-underline">X</a></li> </ul> </div> <div class="footer__work"> <div class="footer__headline">Let's work together</div> <ul> <li><a href="mailto:office@agentur-loop.com" class="link-underline">office@agentur-loop.com</a></li> </ul> </div> <div class="footer__bottom footer__bottom--left"> <span>&copy; 2025 by LOOP New Media GmbH.</span> All rights reserved. </div> <div class="footer__bottom footer__bottom--right"> <ul> <li><a href="/code-of-conduct">Code of Conduct</a></li> <li><a href="/whistleblower-system">Whistleblower System</a></li> <li><a href="/impact2023" class="button--force" target="_blank">Impact Report</a></li> <li><a href="/imprint">Imprint</a></li> <li><a href="/conditions">T & C</a></li> <li><a href="/privacy-policy">Privacy Policy</a></li> </ul> </div> </div> </footer> <div class="footer__background"> <div class="footer__video"> <div class="video-inline video-inline--autoplay video-inline--muted js-video-inline" data-video="/assets/img/vid/footer/footer.mp4"></div> </div> </div> </div> </div> <div class="chatbutton js-chatbutton" data-url="/api/chatbutton"></div> <!-- <script> var APP_ID = "oftil8n7"; window.intercomSettings = { app_id: APP_ID, custom_launcher_selector: '#js-intercom-button', hide_default_launcher: true }; </script> <script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/oftil8n7';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script> --> </div> <link rel="stylesheet" href="/assets/css/styles.min.css?v=1.3.8x"> <script type="text/javascript" src='/assets/js/jquery.min.js'></script> <script type='text/javascript' src='/assets/js/vendor.min.js?v=1.3.8x'></script> <script type='text/javascript' src='/assets/js/scripts.min.js?v=1.3.8x'></script> <script>includeGTM();</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10