<!DOCTYPE html>
<html lang="de">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

	<title>Home | Thomas Aull – Design + Code</title>


	<!-- Meta Tags -->
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="author" content="Thomas Aull - http://www.thomas-aull.de" />
	<meta name="language" content="de" />
	<meta name="content-language" content="de" />
	<meta name="robots" content="index,follow" />

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

	<!-- Favicon -->
	<link rel="shortcut icon" href="favicon.ico" />

	<!-- CSS -->
    <link rel="stylesheet" href="/site/templates/css/screen.css" type="text/css" media="screen" />

</head>

	<body class="no-js home">

<!-- icons svg -->
<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-instagram" viewBox="0 0 32 32">
<title>instagram</title>
<path class="path1" d="M31.904 9.403c-0.029-1.402-0.299-2.733-0.771-3.964-0.397-1.029-1.025-1.974-1.817-2.752-0.781-0.795-1.726-1.422-2.781-1.828-1.204-0.463-2.535-0.733-3.925-0.762-1.719-0.078-2.264-0.096-6.609-0.096s-4.89 0.018-6.597 0.096c-1.402 0.029-2.733 0.299-3.964 0.771-1.029 0.397-1.974 1.025-2.752 1.817-0.795 0.781-1.422 1.726-1.828 2.781-0.463 1.204-0.733 2.535-0.762 3.925-0.078 1.719-0.096 2.264-0.096 6.609s0.018 4.89 0.096 6.597c0.029 1.402 0.299 2.733 0.771 3.964 0.397 1.029 1.025 1.974 1.817 2.752 0.781 0.795 1.726 1.422 2.782 1.828 1.204 0.463 2.535 0.733 3.925 0.762 1.719 0.078 2.264 0.096 6.609 0.096s4.89-0.018 6.597-0.096c1.402-0.029 2.733-0.299 3.964-0.771 2.075-0.823 3.749-2.497 4.58-4.597 0.464-1.206 0.734-2.537 0.763-3.927 0.078-1.719 0.096-2.264 0.096-6.609s-0.018-4.89-0.096-6.597zM29.024 22.465c-0.013 1.070-0.214 2.089-0.571 3.032-0.53 1.339-1.617 2.426-2.98 2.963-0.917 0.349-1.937 0.55-3.001 0.563-1.693 0.077-2.198 0.093-6.471 0.093s-4.778-0.016-6.465-0.093c-1.070-0.013-2.089-0.214-3.032-0.571-0.661-0.25-1.275-0.658-1.778-1.175-0.519-0.505-0.927-1.119-1.187-1.807-0.348-0.916-0.549-1.935-0.562-2.999-0.077-1.693-0.093-2.199-0.093-6.471s0.016-4.778 0.093-6.465c0.013-1.070 0.214-2.089 0.571-3.032 0.25-0.661 0.658-1.275 1.175-1.778 0.505-0.519 1.119-0.927 1.807-1.187 0.916-0.348 1.935-0.549 2.999-0.562 1.693-0.077 2.199-0.093 6.471-0.093s4.778 0.016 6.465 0.093c1.070 0.013 2.089 0.214 3.032 0.571 0.661 0.25 1.275 0.658 1.778 1.175 0.519 0.505 0.927 1.119 1.187 1.807 0.348 0.916 0.549 1.935 0.562 2.999 0.077 1.693 0.093 2.199 0.093 6.471s-0.016 4.778-0.093 6.465zM16 7.784c-4.538 0-8.216 3.679-8.216 8.216s3.679 8.216 8.216 8.216c4.538 0 8.216-3.679 8.216-8.216s-3.679-8.216-8.216-8.216zM16 21.333c-2.946 0-5.333-2.388-5.333-5.333s2.388-5.333 5.333-5.333c2.946 0 5.333 2.388 5.333 5.333s-2.388 5.333-5.333 5.333zM26.461 7.459c0 1.060-0.86 1.92-1.92 1.92s-1.92-0.86-1.92-1.92c0-1.060 0.86-1.92 1.92-1.92s1.92 0.86 1.92 1.92c0 1.060-0.86 1.92-1.92 1.92s-1.92-0.86-1.92-1.92c0-1.060 0.86-1.92 1.92-1.92s1.92 0.86 1.92 1.92z"></path>
</symbol>
<symbol id="icon-github" viewBox="0 0 32 32">
<title>github</title>
<path class="path1" d="M21.53 18.276c-1.249 0-2.261 1.403-2.261 3.129 0 1.729 1.012 3.132 2.261 3.132s2.261-1.403 2.261-3.132c-0.002-1.725-1.012-3.129-2.261-3.129zM29.401 10.132c0.259-0.635 0.27-4.242-1.104-7.697 0 0-3.149 0.346-7.914 3.617-1-0.278-2.692-0.414-4.381-0.414-1.692 0-3.382 0.136-4.382 0.414-4.767-3.271-7.916-3.617-7.916-3.617-1.372 3.456-1.358 7.062-1.103 7.697-1.614 1.753-2.6 3.859-2.6 6.732 0 12.497 10.37 12.697 12.986 12.697 0.595 0 1.77 0.003 3.016 0.003 1.243 0 2.421-0.003 3.012-0.003 2.619 0 12.986-0.2 12.986-12.697 0-2.873-0.984-4.979-2.598-6.732zM16.049 28.026h-0.097c-6.558 0-11.667-0.781-11.667-7.156 0-1.529 0.539-2.944 1.821-4.12 2.134-1.96 5.748-0.923 9.847-0.923 0.017 0 0.035 0 0.050 0 0.017 0 0.031 0 0.047 0 4.099 0 7.714-1.036 9.85 0.923 1.278 1.176 1.817 2.591 1.817 4.12 0 6.375-5.108 7.156-11.667 7.156zM10.472 18.276c-1.249 0-2.261 1.403-2.261 3.129 0 1.729 1.012 3.132 2.261 3.132 1.25 0 2.262-1.403 2.262-3.132 0-1.725-1.012-3.129-2.262-3.129z"></path>
</symbol>
<symbol id="icon-facebook" viewBox="0 0 32 32">
<title>facebook</title>
<path class="path1" d="M28.444 0h-24.888c-1.956 0-3.555 1.6-3.555 3.555v24.888c0 1.957 1.6 3.555 3.555 3.555h12.444v-12.444h-3.556v-4.4h3.556v-3.644c0-3.847 2.155-6.549 6.695-6.549l3.205 0.004v4.631h-2.128c-1.767 0-2.439 1.326-2.439 2.556v3.004h4.565l-1.010 4.398h-3.555v12.444h7.111c1.956 0 3.555-1.598 3.555-3.555v-24.888c0-1.956-1.6-3.555-3.555-3.555z"></path>
</symbol>
<symbol id="icon-arrowDown" viewBox="0 0 28 32">
<title>arrowDown</title>
<path class="path1" d="M25.904 8.962q0.834-0.834 1.54 0 0.834 0.834 0 1.54l-12.642 12.578q-0.77 0.77-1.604 0l-12.642-12.578q-0.834-0.706 0-1.54 0.706-0.834 1.54 0l11.936 11.487z"></path>
</symbol>
<symbol id="icon-arrowLeft" viewBox="0 0 15 32">
<title>arrowLeft</title>
<path class="path1" d="M14.338 27.627q0.817 0.817 0 1.508-0.817 0.817-1.508 0l-12.319-12.382q-0.754-0.754 0-1.571l12.319-12.382q0.691-0.817 1.508 0 0.817 0.691 0 1.508l-11.25 11.69z"></path>
</symbol>
<symbol id="icon-arrowRight" viewBox="0 0 15 32">
<title>arrowRight</title>
<path class="path1" d="M0.542 27.627l11.25-11.627-11.25-11.69q-0.817-0.817 0-1.508 0.817-0.817 1.508 0l12.318 12.381q0.754 0.817 0 1.571l-12.318 12.381q-0.691 0.817-1.508 0-0.817-0.691 0-1.508z"></path>
</symbol>
<symbol id="icon-cancel" viewBox="0 0 26 32">
<title>cancel</title>
<path class="path1" d="M25.568 23.488l-4.992 5.024-7.488-7.52-7.52 7.52-4.992-5.024 7.488-7.488-7.488-7.488 4.992-5.024 7.52 7.52 7.488-7.52 4.992 5.024-7.488 7.488z"></path>
</symbol>
<symbol id="icon-check" viewBox="0 0 30 32">
<title>check</title>
<path class="path1" d="M11.264 27.52l-10.688-10.656 5.056-5.12 5.632 5.568 12.8-12.832 5.088 5.12z"></path>
</symbol>
<symbol id="icon-circleCancel" viewBox="0 0 27 32">
<title>circleCancel</title>
<path class="path1" d="M20.512 20.032q0-0.448-0.32-0.8l-3.232-3.232 3.232-3.232q0.32-0.352 0.32-0.8 0-0.48-0.32-0.832l-1.632-1.6q-0.32-0.352-0.8-0.352t-0.8 0.352l-3.232 3.232-3.232-3.232q-0.352-0.352-0.832-0.352t-0.8 0.352l-1.6 1.6q-0.352 0.352-0.352 0.832 0 0.448 0.352 0.8l3.232 3.232-3.232 3.232q-0.352 0.352-0.352 0.8 0 0.48 0.352 0.832l1.6 1.6q0.32 0.352 0.8 0.352t0.832-0.352l3.232-3.232 3.232 3.232q0.32 0.352 0.8 0.352t0.8-0.352l1.632-1.6q0.32-0.352 0.32-0.832zM27.424 16q0 3.744-1.824 6.88t-4.992 4.992-6.88 1.856-6.912-1.856-4.96-4.992-1.856-6.88 1.856-6.88 4.96-4.992 6.912-1.856 6.88 1.856 4.992 4.992 1.824 6.88z"></path>
</symbol>
<symbol id="icon-clock" viewBox="0 0 30 32">
<title>clock</title>
<path class="path1" d="M14.848 5.28q-4.416 0-7.552 3.136t-3.136 7.584 3.136 7.584 7.552 3.104 7.584-3.104 3.136-7.584-3.136-7.584-7.584-3.136zM14.88 1.696q5.888 0 10.080 4.192t4.192 10.112-4.192 10.080-10.080 4.224-10.112-4.224-4.192-10.080 4.192-10.112 10.112-4.192zM19.712 18.272l-2.56 2.56-3.488-3.552q-0.608-0.544-0.608-1.312v-7.136h3.616v6.368z"></path>
</symbol>
<symbol id="icon-coffee" viewBox="0 0 34 32">
<title>coffee</title>
<path class="path1" d="M29.728 11.424q0-1.44-1.024-2.432t-2.432-0.992h-1.12v6.848h1.12q1.44 0 2.432-0.992t1.024-2.432zM0 25.152h32q0 1.888-1.344 3.232t-3.232 1.344h-22.848q-1.888 0-3.232-1.344t-1.344-3.232zM33.152 11.424q0 2.848-2.016 4.864t-4.864 1.984h-1.12v0.576q0 1.664-1.184 2.816t-2.816 1.184h-12.576q-1.632 0-2.816-1.184t-1.184-2.816v-13.12q0-0.48 0.352-0.832t0.8-0.32h20.544q2.848 0 4.864 2.016t2.016 4.832z"></path>
</symbol>
<symbol id="icon-dribbble" viewBox="0 0 32 32">
<title>dribbble</title>
<path class="path1" d="M16 32c-8.822 0-16-7.178-16-16s7.178-16 16-16c8.823 0 16 7.178 16 16s-7.177 16-16 16zM29.494 18.19c-0.468-0.148-4.23-1.27-8.513-0.584 1.788 4.912 2.515 8.913 2.655 9.744 3.066-2.073 5.249-5.357 5.858-9.16zM21.338 28.601c-0.203-1.199-0.997-5.378-2.916-10.364-0.030 0.010-0.060 0.020-0.090 0.030-7.708 2.686-10.476 8.032-10.721 8.534 2.317 1.807 5.229 2.885 8.389 2.885 1.893 0 3.697-0.387 5.338-1.086zM5.847 25.159c0.31-0.53 4.060-6.74 11.109-9.019 0.178-0.058 0.358-0.112 0.539-0.162-0.343-0.776-0.717-1.554-1.108-2.319-6.825 2.043-13.448 1.957-14.046 1.945-0.004 0.139-0.007 0.278-0.007 0.418 0 3.51 1.331 6.715 3.513 9.138zM2.622 13.222c0.611 0.008 6.242 0.033 12.634-1.665-2.264-4.025-4.707-7.41-5.067-7.904-3.823 1.803-6.681 5.328-7.567 9.569zM12.797 2.734c0.378 0.506 2.86 3.886 5.099 8 4.86-1.821 6.917-4.587 7.163-4.937-2.413-2.141-5.587-3.444-9.059-3.444-1.103 0-2.175 0.132-3.203 0.38zM26.579 7.378c-0.288 0.39-2.578 3.326-7.631 5.389 0.318 0.651 0.623 1.313 0.907 1.979 0.101 0.236 0.199 0.471 0.294 0.705 4.547-0.572 9.066 0.345 9.516 0.44-0.030-3.226-1.183-6.188-3.086-8.513z"></path>
</symbol>
<symbol id="icon-location" viewBox="0 0 22 32">
<title>location</title>
<path class="path1" d="M0 12.064q0-2.24 0.864-4.288 0.8-1.952 2.368-3.552 1.504-1.504 3.52-2.336 2.016-0.864 4.288-0.864 2.304 0 4.32 0.864 1.984 0.832 3.52 2.336 1.536 1.568 2.368 3.552 0.864 2.048 0.864 4.288t-0.864 4.288q-0.576 1.28-1.152 2.080l-7.328 11.104q-0.704 1.12-1.696 1.12t-1.76-1.12l-7.296-11.104q-0.704-0.992-1.152-2.080-0.864-2.048-0.864-4.288zM6.944 12.064q0 1.696 1.184 2.912 1.216 1.216 2.912 1.216 1.728 0 2.912-1.216 1.216-1.184 1.216-2.912 0-1.696-1.216-2.912-1.184-1.216-2.912-1.216-1.696 0-2.912 1.216-1.184 1.216-1.184 2.912z"></path>
</symbol>
<symbol id="icon-mail" viewBox="0 0 28 32">
<title>mail</title>
<path class="path1" d="M18.56 17.408l8.256 8.544h-25.248l8.288-8.448 4.32 4.064zM2.016 6.048h24.32l-12.16 11.584zM20.128 15.936l8.224-7.744v16.256zM0 24.448v-16.256l8.288 7.776z"></path>
</symbol>
<symbol id="icon-mouse" viewBox="0 0 18 32">
<title>mouse</title>
<path class="path1" d="M17.632 23.040q0.896 2.56-0.544 5.024t-4.448 3.552q-3.008 0.896-5.6-0.288t-3.296-3.744l-3.392-12.288q-0.64-2.176 0.192-4.288t2.688-3.392l-3.072-5.952q-0.448-1.088 0.448-1.536 0.96-0.576 1.536 0.448l3.136 6.144q2.56-0.704 4.928 0.512t3.264 3.712zM7.264 14.272q0.896-0.32 1.28-1.152t0.128-1.728q-0.32-0.896-1.12-1.312t-1.696-0.16q-0.896 0.32-1.28 1.152t-0.128 1.728q0.32 0.896 1.12 1.312t1.696 0.16z"></path>
</symbol>
<symbol id="icon-plus" viewBox="0 0 30 32">
<title>plus</title>
<path class="path1" d="M14.88 1.696q5.888 0 10.080 4.192t4.192 10.112-4.192 10.080-10.080 4.224-10.112-4.224-4.192-10.080 4.192-10.112 10.112-4.192zM22.016 17.76v-3.584h-5.344v-5.344h-3.584v5.344h-5.376v3.584h5.376v5.376h3.584v-5.376h5.344z"></path>
</symbol>
<symbol id="icon-reply" viewBox="0 0 29 32">
<title>reply</title>
<path class="path1" d="M28.8 26.88q-2.752-4.864-6.656-6.304t-10.56-1.44v6.976l-11.584-10.688 11.584-10.304v6.144q2.88 0 5.376 0.864t4.192 2.24 3.072 3.040 2.208 3.328 1.408 3.040 0.768 2.208z"></path>
</symbol>
<symbol id="icon-replyAll" viewBox="0 0 32 32">
<title>replyAll</title>
<path class="path1" d="M11.584 9.408l-6.784 6.016 6.784 6.272v4.416l-11.584-10.688 11.584-10.304v4.288zM19.584 11.264q3.328 0 5.824 1.6t3.68 3.904 1.92 4.608 0.864 3.904l0.128 1.6q-2.752-4.928-5.376-6.336t-7.040-1.408v6.976l-11.584-10.688 11.584-10.304v6.144z"></path>
</symbol>
<symbol id="icon-retweet" viewBox="0 0 32 32">
<title>retweet</title>
<path class="path1" d="M8 21.12h8.704l4.096 4.48h-14.336q-1.344 0-2.272-0.96t-0.928-2.24v-9.664h-3.264l5.632-6.336 5.568 6.336h-3.2v8.384zM28.8 19.2h3.2l-5.568 6.4-5.632-6.4h3.264v-8.32h-8.768l-4.096-4.48h14.4q1.28 0 2.24 0.928t0.96 2.272v9.6z"></path>
</symbol>
<symbol id="icon-search" viewBox="0 0 25 32">
<title>search</title>
<path class="path1" d="M24.704 24.704q0.96 1.088 0.192 1.984l-1.472 1.472q-1.152 1.024-2.176 0l-6.080-6.080q-2.368 1.344-4.992 1.344-4.096 0-7.136-3.040t-3.040-7.136 2.88-7.008 6.976-2.912 7.168 3.040 3.072 7.136q0 2.816-1.472 5.184zM3.008 13.248q0 2.816 2.176 4.992t4.992 2.176 4.832-2.016 2.016-4.896q0-2.816-2.176-4.96t-4.992-2.144-4.832 2.016-2.016 4.832z"></path>
</symbol>
<symbol id="icon-skype" viewBox="0 0 30 32">
<title>skype</title>
<path class="path1" d="M29.44 18.208q0.576 1.664 0.576 3.296 0 4.128-2.848 7.072-2.88 2.944-6.912 2.944-1.856 0-3.616-0.704-0.608 0.064-1.472 0.064-6.016 0-10.272-4.32-4.256-4.352-4.256-10.432 0-0.928 0.128-1.824-0.768-1.76-0.768-3.904 0-4.096 2.816-6.976 2.88-2.944 6.944-2.944 2.176 0 4.032 0.864 0.448-0.032 1.376-0.032 5.984 0 10.24 4.352 4.192 4.416 4.192 10.464 0 0.64-0.16 2.080zM15.136 23.968q2.816 0 4.64-1.28t1.824-3.648q0-2.208-1.664-3.392-1.024-0.608-1.92-0.928-0.224-0.032-3.328-0.832-1.696-0.416-2.208-1.088-0.288-0.288-0.288-0.64 0-0.736 0.832-1.152t1.824-0.448q2.112 0 2.848 1.728 0.32 0.512 0.416 0.672t0.416 0.352 0.8 0.192q0.64 0 1.12-0.48t0.48-1.152q0-1.28-1.408-2.528-1.664-1.312-4.48-1.312-2.624 0-4.384 1.12t-1.76 3.296q0 1.344 0.736 2.304t1.856 1.408q1.28 0.544 2.944 0.928 0.96 0.192 2.048 0.48 1.6 0.576 1.6 1.792 0 0.96-0.928 1.472t-2.144 0.512q-1.792 0-2.528-0.992-0.512-0.992-0.672-1.152-0.448-1.376-1.632-1.376-0.704 0-1.152 0.448t-0.448 1.088q0 1.12 0.736 2.144t1.76 1.568q1.696 0.896 4.064 0.896z"></path>
</symbol>
<symbol id="icon-speechBubble" viewBox="0 0 26 32">
<title>speechBubble</title>
<path class="path1" d="M13.088 1.696q5.184 0 8.832 3.648t3.648 8.832-3.648 8.864-8.832 3.648q-1.344 0-2.944-0.384l-5.984 4 0.032-7.328q-3.616-3.68-3.616-8.8 0-5.184 3.68-8.832t8.832-3.648z"></path>
</symbol>
<symbol id="icon-tag" viewBox="0 0 27 32">
<title>tag</title>
<path class="path1" d="M8 8q0-0.96-0.672-1.632t-1.6-0.64-1.632 0.64-0.672 1.632 0.672 1.6 1.632 0.672 1.6-0.672 0.672-1.6zM27.040 18.272q0 0.96-0.64 1.632l-8.768 8.768q-0.704 0.672-1.632 0.672-0.96 0-1.6-0.672l-12.768-12.768q-0.672-0.672-1.152-1.824t-0.48-2.080v-7.424q0-0.928 0.672-1.6t1.6-0.704h7.456q0.928 0 2.080 0.48t1.824 1.152l12.768 12.768q0.64 0.672 0.64 1.6z"></path>
</symbol>
<symbol id="icon-twitter" viewBox="0 0 32 32">
<title>twitter</title>
<path class="path1" d="M32 6.076c-1.177 0.522-2.443 0.875-3.771 1.034 1.355-0.813 2.396-2.099 2.887-3.632-1.269 0.752-2.674 1.299-4.169 1.593-1.198-1.276-2.904-2.073-4.792-2.073-3.626 0-6.565 2.939-6.565 6.565 0 0.515 0.058 1.016 0.17 1.496-5.456-0.274-10.294-2.888-13.532-6.86-0.565 0.97-0.889 2.097-0.889 3.301 0 2.278 1.159 4.287 2.921 5.465-1.076-0.034-2.088-0.329-2.974-0.821-0.001 0.027-0.001 0.055-0.001 0.083 0 3.181 2.263 5.834 5.266 6.437-0.551 0.15-1.131 0.23-1.73 0.23-0.423 0-0.834-0.041-1.235-0.118 0.835 2.608 3.26 4.506 6.133 4.559-2.247 1.761-5.078 2.81-8.154 2.81-0.53 0-1.052-0.031-1.566-0.092 2.905 1.863 6.356 2.95 10.064 2.95 12.076 0 18.679-10.004 18.679-18.68 0-0.285-0.006-0.568-0.019-0.849 1.283-0.926 2.396-2.082 3.276-3.398z"></path>
</symbol>
<symbol id="icon-user" viewBox="0 0 32 32">
<title>user</title>
<path class="path1" d="M30.176 28c-0.064-0.832-0.224-2.848-0.544-3.776-0.448-1.216-0.96-1.76-1.632-2.208-0.352-0.224-1.568-0.672-3.36-1.376-1.664-0.608-3.52-1.312-4.192-1.696-0.608-0.352-1.088-1.92-1.088-2.432 0.032 0 0.064-0.128 0.416-0.512 0.736-0.768 1.664-2.272 2.048-3.712 0.544-1.984 0.928-5.984-0.896-8.48-1.024-1.376-2.656-2.144-4.832-2.208h-0.192c-2.176 0.064-3.776 0.832-4.832 2.208-1.824 2.496-1.44 6.496-0.896 8.48 0.384 1.44 1.312 2.944 2.048 3.712 0 0 0 0 0 0s0 0 0 0.032c0.128 0.096 0.352 0.352 0.416 0.512 0.192 0.544-0.512 2.080-1.056 2.4-0.672 0.384-2.56 1.088-4.224 1.728-1.824 0.672-3.008 1.12-3.36 1.344-0.64 0.448-1.184 0.992-1.632 2.176-0.32 0.96-0.48 3.008-0.544 3.84v0.224l0.16 0.16c0.48 0.48 2.944 1.984 14.016 1.984 10.976 0 13.504-1.536 14.016-2.016l0.192-0.16-0.032-0.224z"></path>
</symbol>
<symbol id="icon-vimeo" viewBox="0 0 37 32">
<title>vimeo</title>
<path class="path1" d="M0 8.704q1.76-2.080 3.52-3.712t3.072-2.496 2.304-1.376 1.536-0.672l0.544-0.128q0.384-0.064 0.768-0.064 0.608 0 1.12 0.192 0.832 0.32 1.376 1.088t0.928 1.76 0.672 2.304 0.48 2.496 0.448 2.528 0.448 2.272q1.024 4 1.664 5.664t1.312 1.696q0.768 0 2.144-1.792t2.976-4.832q0.832-1.536 0.832-2.912 0-0.416-0.064-0.736-0.288-1.664-1.632-2.080-0.352-0.128-0.768-0.128-1.12 0-2.656 0.832 0.704-4.16 4.288-6.688 2.72-1.92 5.568-1.92 0.384 0 0.768 0.032 3.264 0.256 4.448 2.88 0.576 1.216 0.576 2.816 0 0.928-0.192 1.952-0.576 3.264-2.208 6.656t-3.616 5.984-4.256 4.96-3.936 3.776-2.912 2.176q-1.344 0.768-2.496 0.768t-2.24-0.672-1.792-1.536-1.216-1.824q-0.576-1.216-3.104-9.568t-3.104-8.96q-0.032-0.064-0.128-0.128t-0.416-0.16-0.768 0-1.184 0.448-1.6 1.056z"></path>
</symbol>
<symbol id="icon-vimeo2" viewBox="0 0 32 32">
<title>vimeo2</title>
<path class="path1" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM24.228 12.447c-0.080 1.698-1.265 4.019-3.561 6.966-2.372 3.078-4.384 4.618-6.028 4.618-1.016 0-1.879-0.94-2.58-2.818-0.471-1.721-0.942-3.443-1.411-5.166-0.521-1.877-1.083-2.816-1.684-2.816-0.127 0-0.586 0.273-1.369 0.821l-0.821-1.056c0.862-0.756 1.709-1.514 2.546-2.271 1.148-0.99 2.007-1.512 2.58-1.566 1.356-0.13 2.19 0.797 2.506 2.78 0.336 2.14 0.572 3.469 0.703 3.992 0.393 1.773 0.821 2.66 1.294 2.66 0.363 0 0.911-0.574 1.643-1.723 0.729-1.148 1.121-2.021 1.172-2.622 0.104-0.992-0.287-1.487-1.172-1.487-0.42 0-0.851 0.092-1.293 0.274 0.86-2.792 2.503-4.148 4.931-4.070 1.801 0.053 2.649 1.214 2.544 3.482z"></path>
</symbol>
<symbol id="icon-vsco" viewBox="0 0 32 32">
<title>vsco</title>
<path class="path1" d="M19.813 14.863c-1.951-0.020-3.253 1.292-3.251 3.274 0.003 1.973 1.302 3.387 3.152 3.43 1.856 0.043 3.36-1.516 3.321-3.444-0.035-1.767-1.494-3.243-3.223-3.26zM16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM24.867 20.743c-1.069 2.059-2.887 2.956-4.916 3.025-2.683-0.017-4.808-1.35-5.538-3.594-0.352-1.083-0.916-0.91-1.703-0.811-2.813 0.353-5.266-1.306-6.014-4.011-0.745-2.692 0.516-5.513 3.050-6.573 2.068-0.865 4.104-0.734 5.985 0.602 0.337 0.239 0.675 0.542 0.415 0.88-0.040 0.052-0.537 0.691-0.736 0.942-0.216 0.271-0.495 0.417-1.010 0.065-1.115-0.764-2.3-1.025-3.55-0.487-1.583 0.681-2.296 2.807-1.572 4.484 0.697 1.614 2.468 2.338 4.148 1.722 0.655-0.24 0.911-0.767 1.208-1.339 1.464-2.819 5.069-3.836 8.007-2.298 2.641 1.382 3.655 4.643 2.225 7.395z"></path>
</symbol>
</defs>
</svg>

<div class="pageRow">
	<div class="navigation ">
		<div class="center navigation-center">
			<a class="navigation-logo" href="/" style="color:;">
				<svg width="96px" height="96px" viewBox="0 0 96 96" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
    <title>logo_both</title>
    <desc>Created with Sketch.</desc>
    <defs></defs>
    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="logo_both" sketch:type="MSLayerGroup" transform="translate(3.000000, 3.000000)" stroke="currentColor" stroke-linejoin="round">
            <path d="M0,69 L45,90 L90,69 L90,17 L45,0 L0,16.9999997 L0,69 Z" id="Stroke-1" stroke-width="5" sketch:type="MSShapeGroup"></path>
            <path d="M45,69 L90,17 L45,0 L0,16.9999997 L45,69 Z" id="Stroke-3" stroke-width="5" sketch:type="MSShapeGroup"></path>
            <path d="M90,17 L45,36.9999999 L0,17" id="Path-3" stroke-width="3" sketch:type="MSShapeGroup"></path>
            <path d="M45,37 L45,90" id="Path-9" stroke-width="3" sketch:type="MSShapeGroup"></path>
            <path d="M57.0422534,55.0845072 L90,69.000001 L45,90 L0,69.000001 L32.9577467,55.0845072 L45,69 L57.0422534,55.0845072 Z" id="Path-2" stroke-width="3" sketch:type="MSShapeGroup"></path>
        </g>
    </g>
</svg>				<!--<span>Thomas Aull :: Design + Code</span>-->
			</a>

			<ul class="navigation-links" style="color:;">
									<li class="navigation-link ">
						<a href="/work/">Work</a>
					</li>
									<li class="navigation-link ">
						<a href="/about/">About</a>
					</li>
									<li class="navigation-link ">
						<a href="/contact/">Contact</a>
					</li>
							</ul>
		</div>
	</div>
</div>

<div class="pageRow -extended">
	<div class="content">
		<div class="header -fullWidth ">
	<ul class="slider js-flickity">
					<!-- <li class="slider-element"
				style="background-image: url(16.jpg);
				background-position: 29% 50%;
			"> -->

			<li class="slider-element lazyload"
				data-bgset="/site/assets/files/1886/16.500x0.jpg 500w, /site/assets/files/1886/16.1000x0.jpg 1000w, /site/assets/files/1886/16.2000x0.jpg 2000w, /site/assets/files/1886/16.3000x0.jpg 3000w"
				style="background-position: 29% 50%;
					background-image: url(/site/assets/files/1886/16.20x0.jpg);
			">

				<div class="header-textblock -light ">
					<h1 class="header-title">
						Autolog						<span class="header-trenner" style="background-color: #FF554C;"></span>
					</h1>
					<div class="header-text">
						<p>A 3D produced road-short-movie</p>					</div>
					<a class="header-link button" href="/work/works/autolog/" style="background-color: #FF554C;">Watch it</a>
				</div>

			</li>
					<!-- <li class="slider-element"
				style="background-image: url(teaser.jpg);
				background-position: 5% 42%;
			"> -->

			<li class="slider-element lazyload"
				data-bgset="/site/assets/files/1891/teaser.500x0.jpg 500w, /site/assets/files/1891/teaser.1000x0.jpg 1000w, /site/assets/files/1891/teaser.2000x0.jpg 2000w, /site/assets/files/1891/teaser.3000x0.jpg 3000w"
				style="background-position: 5% 42%;
					background-image: url(/site/assets/files/1891/teaser.20x0.jpg);
			">

				<div class="header-textblock -light ">
					<h1 class="header-title">
						Reflow						<span class="header-trenner" style="background-color: #EA9568;"></span>
					</h1>
					<div class="header-text">
						<p>Metering your social acceleration</p>					</div>
					<a class="header-link button" href="/work/works/reflow/" style="background-color: #EA9568;">Discover the App</a>
				</div>

			</li>
					<!-- <li class="slider-element"
				style="background-image: url(teaser_herbert.jpg);
				background-position: 50% 50%;
			"> -->

			<li class="slider-element lazyload"
				data-bgset="/site/assets/files/1885/teaser_herbert.500x0.jpg 500w, /site/assets/files/1885/teaser_herbert.1000x0.jpg 1000w, /site/assets/files/1885/teaser_herbert.2000x0.jpg 2000w, /site/assets/files/1885/teaser_herbert.3000x0.jpg 3000w"
				style="background-position: 50% 50%;
					background-image: url(/site/assets/files/1885/teaser_herbert.20x0.jpg);
			">

				<div class="header-textblock -light ">
					<h1 class="header-title">
						Herbert						<span class="header-trenner" style="background-color: #90C4F9;"></span>
					</h1>
					<div class="header-text">
						<p>A humanoid avatar</p>					</div>
					<a class="header-link button" href="/work/works/herbert/" style="background-color: #90C4F9;">Meet Herbert</a>
				</div>

			</li>
			</ul>
</div>


<!-- <ul class="header">
	<li class="header-element"
		style="
			background-image: url();
			background-color: ;
		">

		<div class="header-textblock ">
			<h1 class="header-title">
								<span class="header-trenner" style="background-color: ;"></span>
			</h1>
			<div class="header-text">
							</div>
					</div>
	</li>
</ul> -->	</div>
</div>


<div id="pageRow">
	<div class="footer" style="">
		<div class="footer-center">

			<div class="footer-socialMedia">
				<a class="footer-socialMediaLink" href="http://www.twitter.com/thomasaull">
					<svg><use xlink:href="#icon-twitter"></use></svg>
				</a>
				<a class="footer-socialMediaLink" href="http://www.dribbble.com/thomasaull">
					<svg><use xlink:href="#icon-dribbble"></use></svg>
				</a>
				<a class="footer-socialMediaLink" href="http://www.vimeo.com/thomasaull">
					<svg><use xlink:href="#icon-vimeo"></use></svg>
				</a>
				<a class="footer-socialMediaLink" href="http://www.instagram.com/thomasaull/">
					<svg><use xlink:href="#icon-instagram"></use></svg>
				</a>
				<a class="footer-socialMediaLink" href="http://github.com/thomasaull">
					<svg><use xlink:href="#icon-github"></use></svg>
				</a>
				<a class="footer-socialMediaLink" href="http://facebook.com/thomasaull">
					<svg><use xlink:href="#icon-facebook"></use></svg>
				</a>
				<a class="footer-legal" href="/legal">Legal</a>
        <a class="footer-legal" href="/privacy-policy">Privacy policy</a>
			</div>

			<div class="footer-contact" style="color:;">
				<div class="footer-contactText">Want to work with me?</div>
				<a class="button -outline -light" href="/contact">Get in touch</a>
			</div>

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


<!-- JS-VARIABLEN -->

<script type="text/javascript">
	var config = {"path":{"templates":"\/site\/templates\/","root":"\/"},"colorOverride":null};
</script>

<!-- Javascript -->
<script type="text/javascript" src="/site/templates/js/min/all.min.js"></script>



</body>
</html>