<!-- 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 | Branding</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="Branding" />
    <meta property="og:type" content="website" />
        <meta property="og:image" content="http://studiovonmonkiewitsch.com:80/content/2-works/22-cetotec/cetotec_bb.jpg"/>
            <meta property="og:description" content="CETOTEC ist ein deutsches und global führendes Unternehmen für Essigtechnologie. Seit 2014 begleitet Studio von Monkiewitsch die Firma in allen visuellen Aspekten, von Film, Fotografie, Editorial Design über die Website bis hin zu Messedesign. Eine klare, visuelle Sprache, welche sich durch jedes Medium zieht." />
    
    <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="http://studiovonmonkiewitsch.com:80/works">
               Works 
              </a>

              
            </li>
                        <li>
              <a href="http://studiovonmonkiewitsch.com:80/info">
               Info 
              </a>

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

        
    </header>

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

    <div class="mod_mobile-nav">
        <ul>
                    <li>
            <a href="http://studiovonmonkiewitsch.com:80/works">
              Works 
            </a>
          </li>
                    <li>
            <a href="http://studiovonmonkiewitsch.com:80/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('http://studiovonmonkiewitsch.com:80/thumbs/cetotec_bb-48656989456fdf87f3aa128664e922e3.jpg')">

                    
            <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">Branding</h3>

        <div class="mod_work__info">

            <div class="mod_work__info-elem">
                <h4>Client:</h4> CETOTEC            </div>

            <div class="mod_work__info-elem">
                <h4>Year:</h4> <time datetime="2014 – today">2014 – today</time>
            </div>

            <div class="mod_work__info-elem">
                <h4>Service:</h4> Creative Direction, Webdesign, Film, Postproduction, Architecture, Editorial Design, Photography            </div>
            
        </div>

        <div class="mod_work__text">
            <p>CETOTEC ist ein deutsches und global führendes Unternehmen für Essigtechnologie. Seit 2014 begleitet Studio von Monkiewitsch die Firma in allen visuellen Aspekten, von Film, Fotografie, Editorial Design über die Website bis hin zu Messedesign. Eine klare, visuelle Sprache, welche sich durch jedes Medium zieht.</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 class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/cetotec-fermenter-7413711027963b3edfe3bf5295b1f71b-ee068f7f3b269c525bb1c3b0b8094315.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                                    
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__two-images">
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/img_6555-316eb9fb024d62ab3deec25cb790b76b-dd17f4aae4ae8bee5cd70da15367f836.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/img_6480-d322c2bbed55f722bbc9b7edc4654978-6d0dfb043f6fa0476c33c8011e0d6714.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                
                    <div class="mod_container mod_container--full mod_container--mb">
                        <div class="mod_work__three-images">
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/160824_cetotec_magazin_falz10-4720f72b61e0172ec3a7a83738827c06-4fcd546225c5ba279091a3fa84db0a10.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/160824_cetotec_magazin_falz3-4cfa4e5ed259a9a89c32e0ce9beb0ae4-a948a67a1aecb0bdf698ee33af342c78.jpg"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__three-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/160824_cetotec_magazin_falz6-9765d3438d6f860fb8f2e4fa828d5f60-d15f10d469c5c3110f4bc6e969b1282d.jpg"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                                    
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__two-images">
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/cetotec1-3dfa12aa371165bc55cb5ebd6b1b8c2e-c361c2fd86059c3484c53263a2fd800e.png"></img>
                                                                    
                                                            </div>
                            <div class="mod_work__two-images__image ">

                                                                                                            <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/cetotec3-032d254cae893edc57cf9e9763281384-3ea35ecfd46d8eeadf6549ecbb5a5a12.png"></img>
                                                                    
                                                            </div>
                        </div>
                        
                        
                    </div>

                
                </div><div class='mod_work__stream__elem'>
                
                
                </div><div class='mod_work__stream__elem'>
                
                
                                    <div class="mod_container mod_container--mb">

                        <style>
                            .responsive-video {
                                position: relative;
                                padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
                                padding-top: 0px;
                                height: 0;
                                overflow: hidden;
                            }
                            
                            .responsive-video iframe {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                            }
                        </style>

                        <div class="mod_work__video">
                            <div class="responsive-video">
                                <iframe src="https://player.vimeo.com/video/232815848?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                            </div>
                        </div>

                        
                            <div class="mod_columns">
                                <div class="mod_columns__item">
                                    Im Juni 2017 wurde Studio von Monkiewitsch damit beauftragt den Essigfermenter F1400, den weltweit größten seiner Art, von der CETOTEC GmbH bei seiner Reise von Deutschland nach Holland zu dokumentieren.

Sound: Carlo Peters                                </div>

                                
                            </div>

                        
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/_dsc2465-c374feb6dca25683ed175aecae0aaf6c-54ba61ae7ba5e8720d49ec6d0afddc67.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/_dsc2563-c23d06e85c609b8ec1e2b3d655055dbc-680c4b040f75b1831d87fbf38257b9c5.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div><div class='mod_work__stream__elem'>
                
                    <div class="mod_container mod_container--mb">
                        <div class="mod_work__image ">

                                                                                                <img class="lazy-load" onload="imgLoaded(this)" src="http://studiovonmonkiewitsch.com:80/thumbs/_dsc1427-206a5eefb1a1d6e41c142f27ff35b852-02a3a4c98a8c96f9203dbbb4b4d70dc6.jpg"></img>
                                                            
                                                    </div>

                                                
                    </div>
                
                
                </div>
    </div>

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

            <a class="mod_nextprev__prev" href="http://studiovonmonkiewitsch.com:80/works/arte-das-sinnliche-buch">Previous</a>
      
      <div class="mod_nextprev__logo">
        <div class="mod_nextprev__logo-img">
            <img src="/img/page/logo-anim-black.gif" alt="">
        </div>
      </div>

            <a class="mod_nextprev__next" href="http://studiovonmonkiewitsch.com:80/works/dornbracht-sensory-sky">Next</a>
      
    </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>