<title>Patrick Marc Sommer</title>

<style>

@font-face { 
font-family: Arvo;
src:url(http://www.designmadeingermany.de/2011/wp-content/themes/sliide/harmonia.ttf) format("truetype");
font-weight: bold;
}

body {
margin: 0;
background: #222 url(patrick-marc-sommer-bgr.png) center no-repeat;
background-size: cover;
color: #fff;
font-family: Arvo, georgia;
font-size: 24px;
font-weight: 300;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.bgr {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(30,30,30,0.8) url(patrick-marc-sommer.jpg) center no-repeat;
background-size: cover;
}

.text {
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 32px 40px;
}

h1 {
margin: 0;
margin-bottom: 20px;
font-size: 28px;
font-weight: normal;
}

.deutsch {
color: rgba(255,255,255,1);
}

.englisch {
color: rgba(255,255,255,0.5);
margin-top: 0px;
}

.kontakt {
}

.pdf {
margin-top: 20px;
}

a, .deutsch a:hover {
text-decoration: none;
color: rgba(255,255,255,0.5);
}

a:hover, a span, .deutsch a {
color: rgba(255,255,255,1);
}

a span {
margin-right: 5px;
}

img {
width: 100%;
height: 100%;
opacity: 0;
}


.google {
position: fixed;
left: 0;
right: 0;
bottom: 0;
padding: 32px 40px;
}

.facebook {
position: fixed;
left: 250px;
right: 0;
bottom: 0;
padding: 20px 40px;
}

.impressum {
position: fixed;
right: 0;
bottom: 0;
padding: 32px 40px;
}


</style>


<div class="bgr">
<img src="http://www.patrickmarcsommer.com/patrick-marc-sommer.jpg">
</div>


<div class="text">

<div class="deutsch">Patrick Marc Sommer</div>

<div class="englisch">Berlin, Germany</div>

<br>
<div class="deutsch">Editorial & Typographic Design
<br>Print Production</div>

<br>

<div class="kontakt">
<a href="tel:+493022018621"><span>Tel</span> +49(0)30-22018621</a><br>
<a href="mailto:info@patrickmarcsommer.com"><span>Mail</span> info@patrickmarcsommer.com</a><br>
<a href="http://www.patrickmarcsommer.com/pdf/patrickmarcsommer.pdf"><span>Portfolio</span> .pdf <span>&larr;</span></a>
</div>

</div>


<div class="impressum">
<a href="/impressum/">Impressum</a>
</div>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-10521423-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>