@import url(../../bower_components/normalize-css/normalize.css);
@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700';

*,
*:before,
*:after {
	box-sizing: border-box
}

html,
body {
	margin: 0;
	padding: 0;
	position: relative
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}

img {
	image-rendering: optimizeQuality
}

.taz_errorLog {
	background-color: white;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 1rem 0;
	padding: 0.2rem 1rem 1rem 1rem;
	position: relative;
	text-align: left
}

.taz_errorLog.taz_errorLog-fixed {
	bottom: 0;
	left: 10px;
	max-height: 15rem;
	overflow: auto;
	padding: 0.5rem;
	position: fixed;
	right: 10px;
	text-align: center;
	z-index: 10000
}

.taz_errorLog .taz_errorLog-label {
	font-weight: bold
}

.taz_errorLog .taz_errorLog-pre {
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 0.8rem;
	line-height: 1;
	margin: 0;
	overflow: auto;
	padding: 0.5rem 1rem
}

::-moz-selection {
	background: #29b0ff;
	color: #fff
}

::selection {
	background: #29b0ff;
	color: #fff
}

::-moz-selection {
	background: #29b0ff;
	color: #fff
}

html {
	font-size: 16px;
	line-height: 1.5rem
}

body {
	font-family: 'Lato', sans-serif;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	line-height: 1.5rem;
	max-width: 960px
}

img {
	max-width: 100%
}

@font-face {
	font-family: "vgb-symbols";
	src: url("../../fonts/vgb-symbols.eot");
	src: url("../../fonts/vgb-symbols.eot?#iefix") format("embedded-opentype"), url("../../fonts/vgb-symbols.woff") format("woff"), url("../../fonts/vgb-symbols.ttf") format("truetype"), url("../../fonts/vgb-symbols.svg#vgb-symbols") format("svg");
	font-weight: normal;
	font-style: normal
}

.vgb-symbol-macintosh:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\61"
}

.vgb-symbol-iphone-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\62"
}

.vgb-symbol-ipad-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\63"
}

.vgb-symbol-happy-smiley-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\64"
}

.vgb-symbol-email-mail-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\65"
}

.vgb-symbol-design-pencil-rule-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\66"
}

.vgb-symbol-dashboard-speed-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\67"
}

.vgb-symbol-bubble-love-streamline-talk:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\68"
}

.vgb-symbol-edit-modify-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\69"
}

.vgb-symbol-magic-magic-wand-streamline:before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	content: "\6a"
}

.taz_button-centered {
	text-align: center
}

.taz_button {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	position: relative
}

.taz_button-classic {
	border-radius: 4px;
	font-size: 1rem;
	font-weight: 400;
	margin: 0.267em 0.533em 0.267em 0.533em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em
}

.taz_button-default {
	background: #29b0ff !important;
	color: #fff !important
}

.taz_button-default:hover {
	background-color: #009bf5 !important;
	color: #fff !important
}

body {
	padding: 10vh 2rem 0 2rem
}

.taz_mainHeader {
	position: relative
}

.taz_mainHeader .taz_mainLogo {
	background-image: url("../../images/logoVogelbuschCo.png");
	background-image: url("../../images/logoVogelbuschCo.svg");
	background-repeat: no-repeat;
	height: 100px;
	margin-bottom: 15vh;
	position: relative
}

.taz_mainContent {
	display: block;
	position: relative
}

.taz_mainContent>* {
	left: 0;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	max-width: 640px
}

.taz_mainContent h1:not([class]),
.taz_mainContent h2:not([class]),
.taz_mainContent h3:not([class]),
.taz_mainContent h4:not([class]),
.taz_mainContent h5:not([class]),
.taz_mainContent h6:not([class]) {
	line-height: 1;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 300
}

.taz_mainContent h1:not([class]) {
	font-size: 3rem;
	max-width: 960px;
	text-align: center;
	margin-bottom: 10rem
}

.taz_mainContent h2:not([class]) {
	font-size: 1.875rem;
	margin-bottom: 1rem;
	padding-left: 3.5rem
}

.taz_mainContent h2:not([class]):before {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	color: #29b0ff;
	display: inline-block;
	left: 0;
	line-height: 3.5rem;
	position: absolute;
	font-size: 2.5rem;
	top: 0;
	width: 2.5rem;
	word-break: break-all
}

.taz_mainContent h2:not([class])+p {
	padding-left: 3.5rem
}

.taz_mainContent ul {
	padding-left: 5rem
}

.taz_mainContent h3:not([class]) {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 1rem
}

.taz_mainContent h3:not([class]):after {
	font-family: "vgb-symbols";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: inherit;
	position: relative;
	speak: none;
	text-transform: none;
	color: #29b0ff;
	position: relative;
	margin-left: 1rem;
	font-size: 1.7857142857rem
}

.taz_mainContent p:not([class]) {
	color: gray;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify
}

.taz_mainContent hr:not([class]) {
	border: 0;
	border-bottom: 2px solid #29b0ff;
	margin-bottom: 5rem;
	margin-top: 5rem;
	width: 128px
}

.taz_mainContent .taz_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	max-width: 960px;
	margin-top: 5rem
}

@media screen and (max-width: 640px) {
	.taz_mainContent .taz_row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.taz_mainContent .taz_row .taz_oneThird {
	width: 33%
}

.taz_mainContent .taz_row .taz_twoThird {
	width: 66%
}

.taz_mainContent .taz_row .taz_half {
	width: 50%;
	padding-right: 1rem
}

.taz_mainContent .taz_row .taz_half:last-child {
	padding-left: 1rem;
	padding-right: 0
}

.taz_mainContent .taz_row .taz_oneThird.taz_half-alignRight,
.taz_mainContent .taz_row .taz_twoThird.taz_half-alignRight,
.taz_mainContent .taz_row .taz_half.taz_half-alignRight {
	text-align: right
}

@media screen and (max-width: 640px) {

	.taz_mainContent .taz_row .taz_oneThird,
	.taz_mainContent .taz_row .taz_twoThird,
	.taz_mainContent .taz_row .taz_half {
		width: 100%;
		padding: 0 !important;
		text-align: center !important
	}

	.taz_mainContent .taz_row .taz_oneThird:first-child,
	.taz_mainContent .taz_row .taz_twoThird:first-child,
	.taz_mainContent .taz_row .taz_half:first-child {
		margin-bottom: 2rem
	}
}

.taz_mainContent #appsmadeforiosandmore:before {
	content: '\62\63\61'
}

.taz_mainContent #passionatedevelopersfromtherealworld:before {
	content: '\64'
}

.taz_mainContent #theproblemwesolve:before {
	content: '\6a'
}

.taz_mainContent #bringingyourproducttolife:before {
	content: '\66 \68'
}

.taz_mainContent #consultingexistingprojectsandteams:before {
	content: '\69 \67'
}

.taz_mainContent #contactus:before {
	content: '\65'
}

.taz_mainContent #privacy:before {
	content: '\21'
}

.taz_mainContent .taz_figure {
	margin: 0;
	text-align: center;
	width: 320px;
	display: inline-block
}

.taz_mainContent .taz_figure img {
	border-radius: 50%;
	width: 160px;
	border: 2px solid #29b0ff
}

.taz_mainContent .taz_figure figcaption {
	margin-top: 1rem
}

.taz_mainContent .taz_figure figcaption .taz_quote {
	color: gray;
	font-style: italic
}

.taz_mainContent .taz_figure figcaption .taz_quote:before {
	content: '“'
}

.taz_mainContent .taz_figure figcaption .taz_quote:after {
	content: '”'
}

a:not([class]) {
	background-color: rgba(41, 176, 255, 0.1);
	color: #29b0ff;
	display: inline-block;
	position: relative;
	text-decoration: none
}

a:not([class]):hover {
	text-decoration: underline
}

.taz_mainFooter {
	font-size: .75rem;
	margin-bottom: 1rem;
	margin-top: 10rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center
}

.taz_mainFooter .taz_partners:hover {
	color: #29b0ff
}

.taz_mainFooter .taz_TazintoshWebsite {
	background-image: url("../../images/Logo-Tazintosh.png");
	background-image: url("../../images/Logo-Tazintosh.svg");
	display: inline-block;
	height: 23px;
	margin-left: 0.3rem;
	position: relative;
	vertical-align: middle;
	width: 101px
}