<!--
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::::::::::::::::::::::::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 | Kontakt</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" />

    <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="Kontakt" />
    <meta property="og:type" content="website" />
            <meta property="og:image" content="http://wvonm.com/img/page/logo-fb.png"/>
    <meta property="og:description" content="Studio von Monkiewitsch entwickelt Strategien für interdisziplinä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ür den Dialog von Unternehmen und Organisationen."/>
    
    <link rel="apple-touch-icon" sizes="57x57" href="/img/page/icons/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/img/page/icons/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/img/page/icons/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/img/page/icons/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/img/page/icons/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/img/page/icons/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/img/page/icons/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/img/page/icons/apple-touch-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/img/page/icons/apple-touch-icon-180x180.png">
    <link rel="shortcut icon" href="/img/page/icons/favicon.ico">
    <link rel="icon" type="image/png" href="/img/page/icons/favicon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/img/page/icons/favicon-160x160.png" sizes="160x160">
    <link rel="icon" type="image/png" href="/img/page/icons/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="/img/page/icons/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/img/page/icons/favicon-32x32.png" sizes="32x32">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/img/page/icons/mstile-144x144.png">
    <meta name="msapplication-config" content="/img/page/icons/browserconfig.xml">

    <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>

    <style>
        @media all and (min-width: 1800px) {
            .mod_header__logo h1 {
                position: relative;
                top: 3px;
            }
        }
    </style>

</head>
<body class="-va-debug ">

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

        <div class="mod_header__logo has-logo">


            <!-- QUICK LOGO / HEADER ADJUSTMENT-->

            <!-- 

            Note: 

            The .mod_header__nav breakpoint in the compiled css was manuelly adjusted to 1000px. 
            So if you rebuild make sure to adjust the breakpoint within the sourcefile too

            -->

            <style>

            .is-info-page .mod_header__nav {
                background-color: #000;
            }

            @media all and (max-width: 1000px) {
                .mod_header__nav {
                    padding-left: 3rem;
                }   

                .mod_header__nav ul li {
                    margin-left: 1rem;
                }

                .mod_header__nav li:first-child {
                    margin-left: 0;
                }

                .mod_header__logo h1 {
                    font-size: 39px;
                    line-height: 39px;
                    padding-top: 0;
                    position: relative;
                }

                .mod_header__logo a {
                    display: block;
                    text-align: center;
                    width: 100%;
                }
            }

            @media all and (max-width: 720px) {
                .mod_header__logo h1 {
                    font-size: 25px;
                    line-height: 29px;

                    margin-top: 10px;
                }

                .mod_header__logo.has-logo {
                    padding-left: 3.4rem;
                }

                .mod_header__logo.has-logo:before {
                    width: 2rem;
                    height: 19px;
                    top: 2.1rem;
                }
            }

            @media all and (max-width: 560px) {
                .mod_header__nav {
                    padding-left: 0.75rem;
                }   

                .mod_header__logo.has-logo {
                    padding-left: 3.4rem;
                }

                .mod_header__logo.has-logo:before {
                    width: 1.75rem;
                    height: 1rem;
                    top: 1.8rem;
                }

                .mod_header__logo h1 {
                    font-size: 20px;
                    line-height: 20px;

                    margin-top: 15px;
                }

                .mod_header__logo a {
                    display: block;
                    padding-right: 1rem;
                    text-align: center;
                }
            }

            @media all and (min-width: 1001px) {
                .mod_header__logo h1 {
                    font-size: 39px;
                    line-height: 39px;
                    padding-top: 0;
                    position: relative;
                }

                .mod_header__logo a {
                    text-align: center;
                    width: calc(100% - 7rem);
                }

                .mod_header__nav {
                    bottom: 1.2rem;
                }
            }

           @media all and (min-width: 1281px) {
                .mod_header__logo h1 {
                    position: relative;

                    font-size: 46px;
                    line-height: 46px;
                }

                .mod_header__nav {
                    bottom: 1.2rem;
                }
           } 
            </style>

            <!-- QUICK LOGO / HEADER ADJUSTMENT - END -->

            <a href="/" style="text-transform: uppercase; font-weight: 400; " class="brand">
                <h1>Studio von Monkiewitsch</h1>
                <!-- <h2>Interdisciplinary Creative Strategies</h2> -->
            </a>
        </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>
                        <li class="nav__active">
              <a href="https://studiovonm.com:443/kontakt">
                Kontakt              </a>
            </li>
                      </ul>
        </nav>

        
    </header>

<main>

    <div class="mod_info">

        <h2>Kontakt</h2>

        <div class="mod_info__text-col">
            <p>VON MONKIEWITSCH GmbH</p>
<p>An der Schanz 1A<br />
50735 Cologne<br />
Germany</p>
<p><a href="https://www.google.de/maps/place/An+der+Schanz+1A,+50735+K%C3%B6ln/@50.96135,6.98145,17z/data=!3m1!4b1!4m2!3m1!1s0x47bf25f2119b7517:0x288c86cbc837fc04">Google Maps &ouml;ffnen</a></p>
<p>T. +49 (0)221.1688307-0<br />
F. +49 (0)221.1688307-3</p>
<p><a href="mailto:&#x69;&#x6e;&#102;&#111;&#x40;&#x77;&#118;&#111;&#x6e;&#109;&#x2e;&#99;&#x6f;&#109;">info@wvonm.com</a></p>
<p><a href="https://studiovonm.com:443/impressum">Impressum</a></p>        </div>

        <div class="mod_info__text-col">
                    </div>

    </div>

</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/custom.js"></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>