<!DOCTYPE html>
<html>
<head>
	<title>Tobias Wollender - Internetdienstleistungen // TYPO3 - Webdesign</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="Tobias Wollender konzeptioniert und entwickelt Webseiten mit sauberer, leicht verständlicher Struktur, mit frischem, ansprechendem Design und sinnvollen Funktionen." />
	<style>
		html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:bold}h1{font-size:2em;margin:0.67em 0}small{font-size:80%}img{border:0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}html{font-size:93.75%;line-height:1.53333em}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}h1{margin-bottom:3.83333em}h1 span{border-bottom:5px solid #e8432e;padding-bottom:0.1em}h1 a{color:#fff}h1 a:hover{border-bottom:5px solid #e8432e;color:#fff;padding-bottom:0.1em}h2{font-weight:bold;line-height:1.4;margin-bottom:1.53333em;font-size:1.53333em;line-height:2em}h2 strong{font-size:26px}h2 span{border-bottom:3px solid #e8432e;padding-bottom:0.1em}h3,h4{margin-bottom:0.76667em}.work h2 span{border-bottom:3px solid #fff}p{margin-bottom:1.53333em;line-height:1.4}header h1{text-shadow:#000 0px 1px 3px}header h2{text-shadow:#000 0px 1px 3px;max-width:700px;margin-bottom:2.3em}header h2 strong{border-bottom:3px solid #e8432e;padding-bottom:0.1em}header p{text-shadow:#000 0px 1px 3px;margin-bottom:6.13333em}ul{list-style-type:square;margin-left:1.25em;margin-bottom:1.53333em}ul ul{margin-bottom:0}ol{margin-bottom:1.53333em;margin-left:1.4em}table{margin-bottom:1.53333em}a{color:#e8432e;text-decoration:none}a:hover{color:#ab2d1e}.work a{color:#fff}hr{background:#9f9f9f;border:none;height:1px;margin-top:2.3em;margin-bottom:2.3em}.work hr{background:#fff;border:none;height:1px;margin-top:1.07333em;margin-bottom:2.3em}.row{*zoom:1;max-width:70em;margin-left:auto;margin-right:auto}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row .row{margin-left:-1em;margin-right:-1em;max-width:none}@media only screen and (min-width: 450px){.row{padding:0 15px}.row .row{padding:0}}.columns{padding-left:1em;padding-right:1em;min-height:1px;position:relative;width:100%}@media only screen and (min-width: 450px){[class*="column"]+[class*="column"]:last-child{float:right}}@media only screen and (min-width: 450px){.medium-6{width:50%;float:left}}@media only screen and (min-width: 768px){.large-4{width:33.33333%;float:left}.large-12{width:100%;float:left}}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}img,object,embed{max-width:100%;height:auto}object,embed{height:100%}img{-ms-interpolation-mode:bicubic}img{display:inline-block;vertical-align:middle}html,body{color:#333;-webkit-font-smoothing:antialiased}body{font-family:arial;font-weight:400}header{background:url("/Images/bg-header.jpg") center no-repeat;background-size:cover;border-bottom:5px solid #e8432e;color:#fff;padding-top:90px}section{padding:3em 0 2.5em 0}section.work{background:#e8432e;color:#fff}section.work a:before{content:"»";font-weight:normal;padding-right:0.5em}footer{border-top:2px solid #e8432e;padding:2em 0 1em 0}footer p{font-size:0.86667em}footer a{color:#333}footer a:hover{color:#333;text-decoration:underline}.reference{margin-bottom:1em}
	</style>
</head>
<body>

	<header>
		<div class="row">
			<div class="large-12 columns">
				<h1><a href="/"><span>to</span>bias.wollender</a></h1>
				<h2>Ich konzeptioniere und entwickle Webseiten – mit <strong>sauberer, leicht verständlicher Struktur</strong>, mit <strong>frischem, ansprechendem Design</strong> und <strong>sinnvollen Funktionen</strong>.</h2>
				<p>Was kann ich für Sie tun?</p>
			</div>
		</div>
	</header>

	<section>
		<div class="row">
			<div class="large-12 columns">
				<h2><span>Gu</span>ten Tag!</h2>
				<div class="row">
					<div class="large-4 columns">
						<h3>Konzeption</h3>
						<p>Komplexe Anforderungen einfach aufbereitet. Logische Navigationen und strukturierter Inhalt.</p>
					</div>
					<div class="large-4 columns">
						<h3>Design</h3>
						<p>Ansprechendes Design, das nicht nur schön aussieht, sondern auch seinen Zweck erfüllt.</p>
					</div>
					<div class="large-4 columns">
						<h3>Umsetzung</h3>
						<p>Templates mit HTML / CSS / JS, Webseiten mit TYPO3 oder maßgeschneiderte Lösungen.</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="work">
		<div class="row">
			<div class="large-12 columns">
				<h2><span>Re</span>ferenzen</h2>
				<div class="row">
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/goldsteig.jpg" width="310" height="200" alt="GOLDSTEIG Käsereien" /></p>
						<h3>GOLDSTEIG Käsereien</h3>
						<p><a href="http://www.goldsteig.de" target="_blank">www.goldsteig.de</a></p>
					</div>
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/water-more.jpg" width="310" height="200" alt="water & more" /></p>
						<h3>water & more</h3>
						<p><a href="http://www.water-more.com" target="_blank">www.water-more.com</a></p>
					</div>
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/eulenkamp.jpg" width="310" height="200" alt="Eulenkamp Führungstraining" /></p>
						<h3>Eulenkamp Führungstraining</h3>
						<p><a href="http://www.eulenkamp-fuehrungstraining.de" target="_blank">www.eulenkamp-fuehrungstraining.de</a></p>
					</div>
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/wildwakeski.jpg" width="310" height="200" alt="Wild Wake & Ski" /></p>
						<h3>Wild Wake & Ski</h3>
						<p><a href="http://www.wildwakeski.de" target="_blank">www.wildwakeski.de</a></p>
					</div>
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/pack-esel.jpg" width="310" height="200" alt="Pack.Esel. - Eseltouren im Laabertal" /></p>
						<h3>Pack.Esel.</h3>
						<p><a href="http://www.pack-esel.com" target="_blank">www.pack-esel.com</a></p>
					</div>
					<div class="medium-6 large-4 columns reference">
						<p><img src="/Images/references/schwarzer-adler-fladungen.jpg" width="310" height="200" alt="Schwarzer Adler Fladungen" /></p>
						<h3>Schwarzer Adler Fladungen</h3>
						<p><a href="http://schwarzer-adler-fladungen.de/" target="_blank">www.schwarzer-adler-fladungen.de</a></p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section>
		<div class="row">
			<div class="large-12 columns">
				<h2><span>Ko</span>ntakt</h2>
				<p><strong>Tobias Wollender</strong><br />Internetdienstleistungen</p>
				<p>Ulmenstraße 31<br />93138 Lappersdorf<br />E-Mail: <a href="mailto:tobi@wollender.com">tobi@wollender.com</a></p>
			</div>
		</div>
	</section>

	<footer>
		<div class="row">
			<div class="large-12 columns">
				<p><a href="/impressum.html">Impressum</a></p>
			</div>
		</div>
	</footer>

</body>
</html>