<!-- prod
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::C@@8i:::::::::8@@8i:::::::::::::::::::::::::::::::::::::::t@@G::::::::::::::
:::::::::::::::::::::::;@@G8@G::::::;8@G:8@G:::::::::::::::::::::::::::::::::::::f@@@1::::::::::::::
:::::::::::::::::::::::L@@i:f@@1:::;@@C:::f@@t::::::::::::::::::::::::::::::::::L@@@0:::::::::::::::
:::::::::::::::::::::::8@G,:::0@0:i@@L,:::::0@0:::::::::::::::::::::::::::::::,C@@@@t:::::::::::::::
::::::::::::::::::::::f@@1:::::t@@@@f::::::::1@@f:::::::::::::::::::::::::::::G@88@8::::::::::::::::
::::::::::::::::::::::8@0:::::::t@@8:::::::::::G@8;::::::::::::::::::::::::::0@81@@f::::::::::::::::
:::::::::::::::::::::t@@t::::::f@@f@@f::::::::::i8@L::::::::::::::::::::::::8@0,G@8:::::::::::::::::
::::::::::::::::::::,8@8::::::C@@;::C@8;::::::::::L@8;::::::::::::::::::::;8@G:i@@L:::::::::::::::::
::::::::::::::::::::1@@f:::::G@8;::::i8@C::::::::::;8@C::::::::::::::::::;@@C::G@@;:::::::::::::::::
:::::::::::::::::::,0@8:::::0@8::::::::L@8i::::::::::f@@1:::::::::::::::i@@L::;@@C::::::::::::::::::
:::::::::::::::::::i@@L::::0@0::::::::::;8@G:::::::::::0@0:::::::::::::1@@f:::C@@i::::::::::::::::::
:::::::::::::::::::G@@;:::8@G:::::::::::::f@@1::::::::::t@@t::::::::::f@@1:::;@@G:::::::::::::::::::
::::::::::::::::::;@@C::;8@C::::::::::::::::0@0:::::::::::G@8:::::::,L@@i::::L@@i:::::::::::::::::::
:::::::::::::::::,C@@;:i@@L::::::::::::::::::1@@t::::::::::1@@f::::,C@@i:::::8@0::::::::::::::::::::
:::::::::::::::::;@@G,1@@f:::::::::::::::::::::0@8:::::::::::C@8;::G@8;:::::f@@1::::::::::::::::::::
:::::::::::::::::L@@it@@t:::::::::::::::::::::::i@@L::::::::::;8@C0@8:::::::8@8:::::::::::::::::::::
:::::::::::::::::8@Gf@@1::::::::::::::::::::::::::C@8;::::::::::L@@0:::::::t@@t:::::::::::::::::::::
::::::::::::::::f@@0@@i::::::::::::::::::::::::::::;8@C:::::::::8@@@G::::::0@8::::::::::::::::::::::
::::::::::::::::8@@@8;:::::::::::::::::::::::::::::::L@@i:::::;@@C,f@@1:::1@@f::::::::::::::::::::::
:::::::::::::::t@@@8:::::::::::::::::::::::::::::::::::8@G:::i@@L::::0@0:,G@@;::::::::::::::::::::::
:::::::::::::::0@@8:::::::::::::::::::::::::::::::::::::f@@11@@f::::::1@@L@@L:::::::::::::::::::::::
::::::::::::::1@@0::::::::::::::::::::::::::::::::::::::::0@@@1:::::::::G@@@;:::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Studio von Monkiewitsch | BMW IAA 2015 Show Draft</title>
    <meta name="description" content="Studio von Monkiewitsch entwickelt Strategien f&uuml;r interdisziplin&auml;re Kommunikation in den Bereichen Branding, Corporate Design, Editorial Design, digitale Medien, Fotografie und Film. Wir verbinden Botschaften mit progressiver Gestaltung und schaffen damit Substanz f&uuml;r den Dialog von Unternehmen und Organisationen.">
    <meta name="keywords" content="">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="/css/main.css?v=q2312jsaw" />

    <script src="/js/modernizr-custom.js"></script>

    <script>document.cookie='resolution='+Math.max(screen.width,screen.height)+("devicePixelRatio" in window ? ","+devicePixelRatio : ",1")+'; path=/';</script>

    <meta property="og:title" content="BMW IAA 2015 Show Draft" />
    <meta property="og:type" content="website" />
        <meta property="og:image" content="https://studiovonm.com:443/content/2-works/bmw-iaa-2015-show-draft/bmw_7series_draft_1.jpg"/>
            <meta property="og:description" content="FROM THE ARCHIVE: Entwurf für die Show des neuen BMW 7er auf der IAA 2015. Eine bewegte Kollage aus Material, Architektur und Automobil zitiert die moderne Haltung des 7er und die neue BMW Messekommunikation.
In Kooperation mit Meiré und Meiré verantwortete Studio von Monkiewitsch die Creative Direktion der Kommunikation in Synergie mit Architektur und Inszenierung für den Auftritt von BMW auf der IAA 2015." />
    
    <link rel="apple-touch-icon" sizes="180x180" href="/img/app-icon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/img/app-icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/img/app-icon/favicon-16x16.png">
    <link rel="manifest" href="/img/app-icon/site.webmanifest">
    <link rel="mask-icon" href="/img/app-icon/safari-pinned-tab.svg" color="#000000">
    <link rel="shortcut icon" href="/img/app-icon/favicon.ico">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-config" content="/img/app-icon/browserconfig.xml">
    <meta name="theme-color" content="#ffffff">

    <script>
        function imgLoaded(img){
            var imgWrapper = img;
            var imgHeight = img.clientHeight;

            imgWrapper.className += imgWrapper.className ? ' loaded' : 'loaded';

            // show/hiding of the addressbar in mobile browsers when scrolling will recalculate the height
            // of images using vh. Setting a fixed max-height prevents this behaviour.
            img.style.maxHeight= imgHeight + "px";
        };
    </script>
</head>
<body class="-va-debug  ">

    <div id="wrapper">
    <header class="mod_header" id="top">

        <div class="mod_header__logo js-toggle-nav">
            <h1><a href="/">Studio von Monkiewitsch</a></h1>
        </div>

        <nav class="mod_header__nav" role="navigation">
          <ul>
                        <li>
              <a href="https://studiovonm.com:443/works">
               Works 
              </a>

              
            </li>
                        <li>
              <a href="https://studiovonm.com:443/info">
               Info 
              </a>

              
            </li>
                      </ul>
        </nav>

        
    </header>

    <div class="m-header__blender"></div>

    <div class="mod_mobile-nav">
        <ul>
                    <li>
            <a href="https://studiovonm.com:443/works">
              Works 
            </a>
          </li>
                    <li>
            <a href="https://studiovonm.com:443/info">
              Info 
            </a>
          </li>
                  </ul>

        <div class="mod_mobile-nav__footer">
            <a href="https://www.instagram.com/studiovonmonkiewitsch">Instagram</a><br>
            <a href="https://de-de.facebook.com/wvonm/">Facebook</a><br>
            <br>
            <a href="/impressum">Impressum</a><br>
            <a href="/impressum">Datenschutz</a>
        </div>
    </div>

<main role="main">

    <div class="mod_hero" style="background-image: url('')">

                    
            <video src="" class="mod_home__video" autoplay muted playsinline loop></video>

        
    </div>

    <div class="mod_container mod_container--full mod_container--mb">
        <h3 class="mod_work__headline">BMW IAA 2015 Show Draft</h3>

        <div class="mod_work__info">

            <div class="mod_work__info-elem">
                <h4>Client:</h4> Meiré und Meiré            </div>

            <div class="mod_work__info-elem">
                <h4>Year:</h4> <time datetime="2015">2015</time>
            </div>

            <div class="mod_work__info-elem">
                <h4>Service:</h4> 2D und 3D Animation, Compositing            </div>
            
        </div>

        <div class="mod_work__text">
            <p>FROM THE ARCHIVE: Entwurf für die Show des neuen BMW 7er auf der IAA 2015. Eine bewegte Kollage aus Material, Architektur und Automobil zitiert die moderne Haltung des 7er und die neue BMW Messekommunikation.<br />
In Kooperation mit Meiré und Meiré verantwortete Studio von Monkiewitsch die Creative Direktion der Kommunikation in Synergie mit Architektur und Inszenierung für den Auftritt von BMW auf der IAA 2015.</p>        </div>
    </div>

    <div class="mod_work__stream">

        <style>
            
            .video-on-hover {
                position: relative;
            }

            .video-on-hover:hover .video {
                opacity:  1;
                z-index: 1;
            }

            .video-on-hover .video {
                position: absolute;

                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                z-index: -1;
                opacity:  0;
            }

            .video-on-hover .video video {
                position: absolute;

                top: 0;
                right: 0;
                bottom: 0;
                left: 0;

                width:  100%;
                height:  100%;

                object-fit: cover;
            }

            video {
                width: 100%;
            }

        </style>

        <div class='mod_work__stream__elem'>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                </div>
    </div>

    <nav class="mod_nextprev" role="navigation">

            <a class="mod_nextprev__prev" href="https://studiovonm.com:443/works/ucon-silhouette">Previous</a>
      
      <div class="mod_nextprev__logo">
        <div class="mod_nextprev__logo-img">
            <img src="/img/page/logo-anim-black.gif" alt="">
        </div>
      </div>

      
    </nav>

</main>


</div>

<div class="js-breakpoints">
    <div class="breakpoint--tablet-l"></div>
    <div class="breakpoint--tablet-p"></div>
    <div class="breakpoint--mobile-early"></div>
    <div class="breakpoint--mobile"></div>
</div>

<script src="/js/bower.js"></script>
<script src="/js/can-autoplay.js"></script>
<script src="/js/custom.js?v=1"></script>

<script>
  
if ($(window).width() < 1080) {

  $('.js-toggle-nav').on('click', function (event) {

    // Only use logo for trigger if it's closed. If mobile nav is open, navigate to homepage on click
    if (!$('.mod_mobile-nav').hasClass('is-in')) {
        event.preventDefault();

        $('.mod_mobile-nav').addClass('is-in');
    }

  });
}

$(document).ready(function() {
$('.video-on-hover .video').hover(function() {
  $(this).find('video')[0].currentTime = 0;
  $(this).find('video')[0].play();
}, function() {
  $(this).find('video')[0].pause();
  $(this).find('video')[0].currentTime = 0;
});

});
  
</script>


<script>

  /*

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-39835495-1', 'wvonm.com');
  ga('set', 'anonymizeIp', true);
  ga('send', 'pageview');

  */

</script>

</body>
</html>