/*!
Theme Name: TypeOff 2015 Theme
Theme URI: http://www.pixelot.de
Version: 1.0
Author: Paul Schneider, Dan Reynolds
Author URI: www.pixelot.de, www.typeoff.de
License: @ 2015 typeoff.de
*//*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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
	}

audio,canvas,progress,video{
	display:inline-block;vertical-align:baseline
	}

audio:not([controls]){
	display:none;height:0
	}

[hidden],template{
	display:none
	}

a{
	background-color:transparent;
	}

a:active,a:hover{
	outline:0
	}

abbr[title]{
	border-bottom:1px dotted
	}

b,strong{
	font-family:'Demos Next W04 Bold';
	font-weight: normal;
	font-variant-numeric: oldstyle-nums;
	}

dfn{
	font-style:italic;
	}

h1{
	font-family:'Demos Next W04 Bold';
	font-size:2em;
	margin:.67em 0;
	font-weight: normal;
	font-variant-numeric: oldstyle-nums;
	}

mark{
	background:#ff0;
	color:#000
	}

small{
	font-size:80%
	}

sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
	}

sup{
	top:-.5em
	}

sub{
	bottom:-.25em
	}

img{
	border:0
	}

svg:not(:root){
	overflow:hidden
	}

figure{
	margin:1em 40px
	}

hr{
	-moz-box-sizing:content-box;
	box-sizing:content-box;height:0
	}

pre{
	overflow:auto
	}

code,kbd,pre,samp{
	font-family:monospace,monospace;
	font-size:1em
	}

button,input,optgroup,select,textarea{
	color:inherit;font:inherit;margin:0
	}

button{
	overflow:visible
	}

button,select{
	text-transform:none
	}

button,html input[type=button],input[type=reset],input[type=submit]{
	-webkit-appearance:button;
	cursor:pointer
	}

button[disabled],html input[disabled]{
	cursor:default
	}

button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;padding:0
	}

input{
	line-height:normal
	}

input[type=checkbox],input[type=radio]{
	box-sizing:border-box;padding:0
	}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	height:auto
	}

input[type=search]{
	-webkit-appearance:textfield
	}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
	-webkit-appearance:none
	}

fieldset{
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
	}

legend{
	border:0;padding:0
	}

textarea{
	overflow:auto
	}

optgroup{
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	}

table{border-collapse:collapse;border-spacing:0}

td,th{
	padding:0
	}

@font-face{
	font-family:'Demos Next W04 Regular';
	font-variant-numeric: oldstyle-nums;
	}

@font-face{
	font-family:'Demos Next W04 Italic';
	font-variant-numeric: oldstyle-nums;
	}

@font-face{
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	}

@font-face{
	font-family:'Demos Next W04 Bold Italic';
	font-variant-numeric: oldstyle-nums;
	}

@font-face{
	font-family:'Demos Next W04 Heavy';
	font-variant-numeric: oldstyle-nums;
	}

@font-face{
	font-family:'Demos Next W04 HeavyItalic';
	font-variant-numeric: oldstyle-nums;
	}

.right{
	text-align:right
	}

.center{
	text-align:center
	}

.float-right{
	float:right
	}

.float-left{
	float:left
	}

.inline{
	display:inline
	}

.block{
	display:block
	}

.no-border{
	border:none
	}

.hidden{
	display:none;visibility:hidden
	}

.unhidden{
	display:inherit;visibility:visible
	}

.unvisible{
	visibility:hidden
	}

.visible{
	visibility:visible
	}

.hide-text{
	text-indent:100%;white-space:nowrap;overflow:hidden
	}

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	/*-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;*/
	text-rendering:optimizeLegibility
	}

@-ms-viewport{
	width:device-width
	}

.clearfix:after,.clearfix:before{
	display:table;
	content:"";
	line-height:0
	}

.clearfix:after{
	clear:both
	}

.reset{
	padding:0;
	margin:0
	}

.regular{
	font-family:'Demos Next W04 Regular';
	font-variant-numeric: oldstyle-nums;
	}

.bold{
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	}

.heavy{
	font-family:'Demos Next W04 Heavy';
	font-variant-numeric: oldstyle-nums;
	}

body{
	font-family:'Demos Next W04 Regular';
	font-variant-numeric: oldstyle-nums;
	font-size:100%;
	color:#111
	}

h1,h2,h3,h4{
	margin:0;
	padding:0;
	font-size:1.25em;
	font-weight:normal;
	font-variant-numeric: oldstyle-nums;
	}

a{
	outline:0;
	border-bottom:none;
	padding:0;
	margin:0;
	display:inline;
	text-decoration:none;
	color:#111;
	-webkit-transition:all .2s;
	-ms-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
	}

a:active,a:hover{
	color:#f60
	}

.arrow-button{
	position:relative;
	color:#111;
	text-transform:uppercase;
	letter-spacing: 0.07em;
	}

.arrow-button i{
	color:#f60
	}

.arrow-button:hover,.arrow-button:hover i{
	color:#f60!important
	}

.arrow-button i{
	margin-left:20px;
	vertical-align:bottom
	}

a.left-icon{
	text-align:left
	}

a.left-icon i{
	margin-left:0;
	margin-right:20px
	}

html.mobile a:hover,html.mobile:active{
	color:#111
	}

html.mobile .arrow-button:hover,html.mobile .arrow-button:hover i{
	color:#111!important
	}

strong{
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	}

.upper{
	text-transform:uppercase
	}

.lower{
	text-transform:none
	}

ul{
	list-style-type:none
	}

@font-face{
	font-family:icons;src:url(fonts/icons.eot?11087388);
	src:url(fonts/icons.eot?11087388#iefix)format('embedded-opentype'),url(fonts/icons.woff?11087388)format('woff'),url(fonts/icons.ttf?11087388)format('truetype'),url(fonts/icons.svg?11087388#icons)format('svg');font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-],[class^=icon-]:before{font-family:icons!important;font-style:normal;
	font-weight:400;
	speak:none;
	display:inline;
	text-decoration:inherit;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	xfont-size:105%;
	/*-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;*/
	xvertical-align:middle;
	-webkit-transition:all .2s;
	-ms-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
	}

.icon-twitter:before{
	content:"\e800"
	}

.icon-xing:before{
	content:"\e801"
	}

.icon-facebook:before{
	content:"\e802"
	}

.icon-gplus:before{
	content:"\e803"
	}

.icon-pinterest:before{
	content:"\e804"
	}

.icon-email:before{
	content:"\e805"
	}

.icon-github:before{
	content:"\e806"
	}

.icon-flickr:before{
	content:"\e807"
	}

.icon-tumblr:before{
	content:"\e808"
	}

.icon-instagramfilled:before{
	content:"\e809"
	}

.icon-instagram:before{
	content:"\e80a"
	}

.icon-alignleft:before{
	content:"\e80b"
	}

.icon-aligncenter:before{
	content:"\e80c"
	}

.icon-alignright:before{
	content:"\e80d"
	}

.icon-angleleft:before{
	content:"\e820"
	}

.icon-angleright:before{
	content:"\e821"
	}

.icon-angleup:before{
	content:"\e822"
	}

.icon-angledown:before{
	content:"\e823"
	}

.icon-background:before{
	content:"\e832"
	}

.icon-close:before{
	content:"\e831"
	}

.icon-menu:before{
	content:"\e830"
	}

.icon-rangehor:before{
	content:"\e833"
	}

.icon-rangever:before{
	content:"\e834"
	}

.icon-extern-url:before{
	content:"\e835"
	}

.icon-info:before{
	content:"\e836"
	}

.row{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px
	}

.row .row{
	margin:0;padding:0
	}

.small-row{
	width:66.6666666667%;
	margin:0 auto;
	padding:0;
	position:relative;
	display:block;
	overflow:hidden;
	clear:both
	}

.grid,.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px
	}

.grid-3:first-child{
	background:#00f;
	overflow:visible
	}

.no-grid{
	clear:both;
	position:relative;
	overflow:auto;
	width:auto
	}

.grid-1{
	width:16.66666667%
	}

.grid-2{
	width:33.33333333%
	}

.grid-3{
	width:50%
	}

.grid-4{
	width:66.66666667%
	}

.grid-5{
	width:83.33333333%
	}

.grid-6{
	width:100%
	}

.offset-left-1{
	margin-left:16.66666667%
	}

.offset-left-2{
	margin-left:33.33333333%
	}

.offset-left-3{
	margin-left:50%
	}

.offset-left-4{
	margin-left:66.66666667%
	}

.offset-left-5{
	margin-left:83.33333333%
	}

.offset-left-6{
	margin-left:100%
	}

.farbtastic{
	position:relative
	}

.farbtastic *{
	position:absolute;cursor:crosshair
	}

.farbtastic,.farbtastic .wheel{
	width:195px;
	height:195px
	}

.farbtastic .color,.farbtastic .overlay{
	top:47px;
	left:47px;
	width:101px;
	height:101px
	}

.farbtastic .wheel{
	background:url(images/editor/wheel.png)no-repeat;width:195px;
	height:195px
	}

.farbtastic .overlay{
	background:url(images/editor/mask.png)no-repeat
	}

.farbtastic .marker{
	width:17px;
	height:17px;
	margin:-8px 0 0 -8px;overflow:hidden;
	background:url(images/editor/marker.png)no-repeat
	}

body,html{
	width:100%;
	height:100%;
	-ms-overflow-style:scrollbar
	}

body{
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	padding-top:80px;
	line-height:normal
	}

body.is-loading{
	cursor:wait
	}

#preloader-bar{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:10000;
	background:#f60;
	height:5px;
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	opacity:0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:all .3 ease;-ms-transition:all .3 ease;
	-moz-transition:all .3 ease;-o-transition:all .3 ease;transition:all .3 ease
	}

#spinner{
	display:block;
	position:fixed;
	z-index:10000;
	top:20px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	-moz-opacity:0;
	-khtml-opacity:0;
	-webkit-opacity:0;
	opacity:0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	filter:alpha(opacity=0);
	-webkit-transition:all .3 ease;
	-ms-transition:all .3 ease;
	-moz-transition:all .3 ease;
	-o-transition:all .3 ease;
	transition:all .3 ease
	}

.spinner-icon{
	width:20px;
	height:20px;
	margin:10px 0 0 10px;
	border:solid 2px transparent;
	border-top-color:#f60;
	border-left-color:#f60;
	border-radius:50%;
	-webkit-animation:nprogress-spinner 400ms linear infinite;
	animation:nprogress-spinner 400ms linear infinite}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}html.ie9 #spinner{display:none}body.is-loading #preloader-bar,body.is-loading #spinner{
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100)
	}

html.ie9 #preloader-bar{
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100)
	}

#old-browser{
	position:relative;
	margin-top:-80px;
	left:0;
	width:100%;
	padding:80px 0 20px 0;
	background:#f60;
	color:#fff;
	z-index:7000;
	text-align:center
	}

#old-browser border:1px solid p{
	max-width:960px;
	text-align:center;
	margin:0 auto
	}

#old-browser a{
	display:inline-block;
	background:#111;
	color:#fff;
	padding:0 20px
	}

#old-browser a:hover{
	color:#111
	}

.orange{
	color:#f60
	}

.add-space{
	padding:60px 0;
	margin:0
	}

.more-stuff{
	margin:0;
	color:#111;
	font-size:1.5em;
	display:block;
	text-align:center;
	clear:both
	}

.left-col,.right-col{
	margin:0;
	padding:0 0 30px 0
	}

.left-col a,.right-col a{
	color:#f60
	}

.left-col a:hover,.right-col a:hover{
	text-decoration:underline
	}

.right-col ul{
	list-style:none;
	margin:0 0 0 60px;
	padding:0
	}

.right-col ul li{
	margin:0
	}

.right-col ul li:before{
	display:inline-block;
	width:20px;
	margin-left:-20px;
	font-family:icons;
	content:"•"
	}

.right-col ul a{
	color:#f60
	}

.right-col ul a:hover{
	text-decoration:underline
	}

input,select{
	padding:0;
	margin:0;
	width:100%;
	padding:10px 10px;
	border:1px solid #ccc;
	outline:0;
	color:#111;
	-webkit-transition:all .2s ease;
	-ms-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
	border-radius:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
	}

select{
	background:url(fonts/svg-icons/angledown.svg)no-repeat;
	background-position:right center;
	cursor:pointer;display:inline-block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
	}

html.internet-explorer select{
	background-image:none
	}

input{
	background:0 0;
	cursor:inherit;
	display:block
	}

#submit{
	display:block;
	position:absolute;
	top:0;
	height:100%;
	right:20px;
	width:60px;
	cursor:pointer;
	outline:0;
	text-shadow:none;
	border:1px solid transparent;
	padding:15px
	}

#submit:hover,input:hover,select:hover{
	border-color:#111
	}

html.mobile #submit:hover,html.mobile input:hover,html.mobile select:hover{
	border-color:#ccc
	}

html.mobile #submit:focus,html.mobile input:focus,html.mobile select:focus{
	border-color:#111
	}

.dark-bg{
	color:#fff
	}

.dark-bg input,.dark-bg select{
	border:1px solid grey;background-color:grey
	}

.dark-bg input:hover,.dark-bg select:hover{
	color:#111;
	background-color:#fff;
	border-color:#111
	}

.dark-bg i{
	color:#fff!important
	}

.dark-bg a,.dark-bg a.arrow-button{color:#fff}.dark-bg a i,.dark-bg a.arrow-button i{color:#f60!important}.dark-bg a.arrow-button:hover,.dark-bg a:hover{color:#f60!important}.dark-bg a.invert-color-button i{color:#fff!important}.dark-bg a.invert-color-button:hover i{color:#f60!important}html.mobile .dark-bg a.arrow-button:hover,html.mobile .dark-bg a:hover{color:#fff!important}html.mobile .dark-bg a.invert-color-button:hover i{color:#fff!important}.svg-thumbnail{max-width:100%;max-height:100%}.svg-thumbnail path{-webkit-transition:all .2s ease;-ms-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.meta-info{color:grey;margin-bottom:20px;text-align:center}.meta-info a:link,.meta-info a:visited{color:grey}.meta-info a:hover{color:#f60}

blockquote{
	color:#111;
	margin:0;
	padding:0;
	position:relative;
	overflow:visible;
	margin-left:80px;
	}

blockquote a{
	text-decoration:underline;
	}

blockquote:before{
	position:absolute;
	color:#111;
	content:"“";
	font-size:3em;
	line-height:1.3em;
	margin-left:-80px;
	overflow:visible
}

em{
	font-family:'Demos Next W04 Italic';
	font-style: normal;
	font-variant-numeric: oldstyle-nums;
	}

strong{
	font-family:'Demos Next W04 Bold';
	font-style:normal;
	font-variant-numeric: oldstyle-nums;
	padding:0;
	margin:0
	}

.video-wrapper{
	position:relative;
	padding-bottom:55%;
	height:0;
	overflow:hidden;
	margin-bottom:30px;
	overflow:visible;
	}

.video-wrapper embed,.video-wrapper iframe,.video-wrapper object{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	margin-left:-80px;
	}

embed,iframe,object{
	margin:0;
	padding:0;
	border:none;
	width:100%;
	background:#111;
	display:inline-block;
	border:0;
	}

.issuuembed{
	width:100%!important;
	padding:0;
	margin:0;
	margin:20px 0;
	margin-left:-80px;
	}

html.old-browser .issuuembed .pcover{
	background:#111;
	}

html.old-browser .issuuembed img{
	width:auto!important;height:auto!important;
	}

#big-header{
	position:relative;
	padding:80px 0 80px 0;
	color:#fff;
	background:#111;
	z-index:6000
	}

#big-header-title{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	max-width:1024px;
	font-size:1.8em;
	padding:0 40px
	}

#big-header-title .row{
	margin:0;
	padding:0
	}

#big-header-title img{
	width:50%
	}

.section-headline{width:66.6666666667%;margin:0 auto;padding:0;position:relative;display:block;overflow:hidden;clear:both;margin-bottom:20px}.section-title{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;overflow:visible}.section-title .arrow-button{display:inline-block;padding:10px 0}.section-title-meta{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;text-align:right;overflow:visible}.section-title-meta .arrow-button{display:inline-block;padding:5px 0}.section-headline-centered{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;text-align:center;margin-bottom:20px}.section-headline-centered .row{margin:0;padding:0}.section-title-centered{text-align:center;padding:0 20px}

#quick-nav{
	position:absolute;
	z-index:8000;
	left:0;
	width:100%;
	background:#fff;
	height:80px;
	line-height:80px;
	vertical-align:bottom;
	display:inline-block;
	text-align:center}#quick-nav.on-top
	{

position:fixed;top:80px;left:0;z-index:5000;border-bottom:1px solid #e6e6e6}#quick-nav-menu{list-style-type:none;padding:0;margin:0;text-align:center;display:inline}#quick-nav-menu li{display:inline;margin:0 20px}#quick-nav-menu li a{text-decoration:none;text-transform:uppercase}#quick-nav-menu li a:hover,#quick-nav-menu li.current-menu-item a{color:#f60!important}#quick-nav-menu li:first-child{margin-left:0}#quick-nav-menu li:last-child{margin-right:0}#pagination{background:#333}

#next-page,#prev-page{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:50%
	}

#next-title-default,#prev-title-default{
	display:none
	}

#next-page{
	text-align:right
	}

#prev-page i{
	margin-right:20px;
	margin-left:0!important
	}

.arrow-button.inactive-pagination{
	color:grey!important;
	text-transform:uppercase
	}

.arrow-button.inactive-pagination i{color:grey!important}#share-buttons{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;padding-bottom:40px}#share-buttons .row{margin:0;padding:0}#share{padding:0;margin:0;text-align:center;list-style-type:none}#share embed,#share iframe,#share object{background:0 0;padding:0;margin:0}

#share li{
	border-top:1px solid #ccc;
	height:20px;
	line-height:20px;
	vertical-align:middle!important;
	display:inline-block;
	text-align:center;
	padding:20px 20px
	}

#share li a,#share li div,#share li span{padding:0;marign:0;display:block;margin:0 auto}#top-bar{position:fixed;top:0;left:0;width:100%;z-index:9000;color:#fff;background:#111}html.mobile #top-bar{position:absolute}body.is-index #top-bar{border-bottom:none;background:#111;background:-moz-linear-gradient(top,#111 0,rgba(17,17,17,0) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#111),color-stop(100%,rgba(17,17,17,0)));background:-webkit-linear-gradient(top,#111 0,rgba(17,17,17,0) 100%);background:-o-linear-gradient(top,#111 0,rgba(17,17,17,0) 100%);background:-ms-linear-gradient(top,#111 0,rgba(17,17,17,0) 100%);background:linear-gradient(to bottom,#111 0,rgba(17,17,17,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)}body.is-index #top-bar.on-top,body.is-index #top-bar.open{background:#111}#menu-bar,

#nav-bar{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	height:80px;
	line-height:80px;
	vertical-align:bottom;
	color:#fff!important
	}

#menu-bar .row,#nav-bar .row{
	margin:0;
	padding:0
	}

#menu-bar{
	z-index:7000
	}

#logo{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:33.33333333%
	}

#logo a{
	font-family:'Demos Next W04 Bold';
	font-size:1.25em;
	text-decoration:none;
	font-variant-numeric: oldstyle-nums;
	}

#menu-btn{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;text-align:center;padding:0;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}#menu-btn a#show-nav{font-size:2em;display:block}#menu-btn a#show-nav i{color:#fff!important}#menu-btn a#show-nav:hover i{color:#f60!important}body.is-loading #menu-btn{-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0)}html.ie9 #menu-btn{-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}html.mobile #menu-btn a#show-nav i,html.mobile #menu-btn a#show-nav:hover i{color:#fff!important}#top-bar.open #menu-btn i{color:#f60!important}#top-bar.open #menu-btn:hover{background:#111}#top-bar.open #menu-btn i:before{content:"\e831"}#owner{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;text-align:right;float:right}

#logo,#owner{
	-webkit-transition:all .2s;
	-ms-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
	}

#nav-bar{position:relative;z-index:6000;margin-top:-80px;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);-webkit-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s;border-bottom:1px solid #191919;-webkit-box-shadow:0 2px 10px 0 rgba(17,17,17,.4);-moz-box-shadow:0 2px 10px 0 rgba(17,17,17,.4);box-shadow:0 2px 10px 0 rgba(17,17,17,.4)}#menu{list-style-type:none;padding:0;margin:0;text-align:center}#menu li{display:inline;margin:0 20px}

#menu li a{
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing: 0.07em;
	color:#fff!important;
}

#menu li a:hover,#menu li.current-menu-item a{
	color:#f60!important;
}

#top-bar.open #logo,#top-bar.open #owner{
	-moz-opacity:.2;
	-khtml-opacity:.2;
	-webkit-opacity:.2;
	opacity:.2;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	filter:alpha(opacity=20)
	}

#top-bar.open #nav-bar{margin-top:0;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100)}#big-header.frontpage-header{position:relative;margin-top:-80px;padding:400px 0 80px 0;background-color:#111;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center bottom;overflow:hidden}html.mobile #big-header.frontpage-header{-webkit-background-size:none;-moz-background-size:none;-o-background-size:none;background-size:none;background-attachment:scroll;background-repeat:no-repeat;background-position:center}html.opera #big-header.frontpage-header{background-attachment:scroll}#webfonts{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px}#webfonts .row{margin:0;padding:0}#webfont-list{display:block;padding:0;margin:0}#webfont-list li{position:relative;border-bottom:1px solid #e6e6e6;text-align:center}#webfont-list li:last-child{border:none}.webfont-link{display:inline-block;overflow:hidden;padding:60px 0 60px 0;text-align:center;color:#999}.webfont-link .webfont-thumbnail{display:block;margin:0 auto;max-height:100%;max-width:100%}.webfont-link .styles-counter{display:block;padding:0;margin:0}.webfont-link .designer{display:none;padding:0;margin:0;color:#f60}.webfont-link:hover{color:#999}.webfont-link:hover .styles-counter{display:none}.webfont-link:hover .designer{display:block}.webfont-link:hover .webfont-thumbnail path{-webkit-transition:fill .1s;-ms-transition:fill .1s;-moz-transition:fill .1s;-o-transition:fill .1s;transition:fill .1s;fill:#f60!important}html.mobile .styles-counter{display:inline!important}html.mobile .styles-counter:after{content:"– "}html.mobile .designer{display:inline!important;color:#999}#webfont-single{padding-top:0}#webfont-overview{padding-top:120px;width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px}#webfont-overview .row{margin:0;padding:0}

.font-styles{
	text-align:center;
	padding:0;
	margin:0;
	font-size:3em
	}

.font-styles li{
	padding:10px 0;
	margin:10px 0;
	line-height:60px
	}

#webfont-teaser{padding:0;position:relative;width:100%;height:720px;background-color:#191919;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center top}#webfont-img-teaser-content{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px}#webfont-img-teaser-content .row{margin:0;padding:0}#webfont-img-teaser{display:block;width:100%;height:auto}html.opera #webfont-teaser{background-attachment:scroll}#sample-glyphs{font-size:2.5em;text-align:center;letter-spacing:.2em;padding:20px 0 80px 0;margin:0;word-wrap:break-word}#sample-glyphs p{padding:0;margin:0}#webfont-waterfall{-webkit-transition:background-color .3s ease;-ms-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}#webfont-waterfall.dark-bg{background:#111;color:#fff}.invert-color-button *{color:#111!important}.sample-box{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;padding:0;margin:40px 0 0 0}.sample-box .row{margin:0;padding:0}.sample-box p{margin:0}.sample-text{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;margin-bottom:30px}

.sample-text:nth-child(odd){
	clear:both
	}

.sample-meta{
	display:block;
	font-size:15px!important;
	font-family:'Demos Next W04 Regular';
	font-variant-numeric: oldstyle-nums;
	color:grey;
	padding:0 0 0 40px
	}

#webfont-greyscale{
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	-webkit-transition:background-color .3s ease;
	-ms-transition:background-color .3s ease;
	-moz-transition:background-color .3s ease;
	-o-transition:background-color .3s ease;
	transition:background-color .3s ease
	}

#webfont-greyscale.dark-bg{
	background:#111;
	color:#fff;
	border-color:#111
	}

.greyscale .sample-text{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:50%;
	margin-bottom:20px;
	clear:both;
	margin-left:0
	}

.greyscale .sample-text:nth-child(2){
	margin-left:16.66666667%
	}

.greyscale .sample-text:nth-child(3){
	margin-left:33.33333333%
	}

.greyscale .sample-text:nth-child(4){
	margin-left:50%
	}

.transparency-20{
	-moz-opacity:.2;
	-khtml-opacity:.2;
	-webkit-opacity:.2;
	opacity:.2;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	filter:alpha(opacity=20)
	}

.transparency-40{
	-moz-opacity:.4;
	-khtml-opacity:.4;
	-webkit-opacity:.4;
	opacity:.4;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	filter:alpha(opacity=40)
	}

.transparency-60{
	-moz-opacity:.6;
	-khtml-opacity:.6;
	-webkit-opacity:.6;
	opacity:.6;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter:alpha(opacity=60)
	}

.transparency-80{
	-moz-opacity:.8;
	-khtml-opacity:.8;
	-webkit-opacity:.8;
	opacity:.8;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	filter:alpha(opacity=80)
	}

#webfont-try{
	text-align:center;
	padding-bottom:0
	}

#webfont-try .row{
	text-align:left;
	overflow:visible
	}

.typecast{
	border:none;
	float:right;
	cursor:inherit
	}

.typecast:hover{
	color:inherit
	}

#specimen-link{
	font-size:initial!important;
	letter-spacing:initial!important;
	margin-left:20px
	}

#editor-toolbar{
	overflow:visible;
	text-align:center;
	padding:0;
	clear:both
	}

#toolbar{
	display:inline-block;
	margin:0 auto;
	list-style-type:none;
	position:relative;
	padding:0;
	margin:0;
	text-align:center;
	outline:0;
	margin-top:40px;
	overflow:visible
	}

#toolbar:after,#toolbar:before{
	display:table;
	content:"";
	line-height:0
	}

#toolbar:after{
	clear:both
	}

.tool{
	position:relative;
	display:inline-block;
	border:1px solid #ccc;
	padding:0;
	margin:0;
	float:left;
	margin-right:-1px;
	overflow:visible;
	-webkit-transition:border .1s ease;
	-ms-transition:border .1s ease;
	-moz-transition:border .1s ease;
	-o-transition:border .1s ease;
	transition:border .1s ease;
	margin-top:-1px;
	height:60px;
	line-height:60px;
	cursor:pointer
	}

.tool .align-button,.tool span{
	display:inline-block;
	vertical-align:middle;
	padding:0 13.33px
	}

.tool .align-button{
	padding:0 20px
	}

.tool span i{
	padding-left:10px
	}

.tool select{
	padding-right:30px;
	line-height:none!important;
	padding-top:0;
	padding-bottom:0;
	border:none
	}

html.internet-explorer .tool select{
	padding-right:10px
	}

.tool:hover .tool-submenu{
	display:block;
	z-index:5000
	}

.tool:hover{
	border:1px solid #111;
	z-index:5000
	}

.tool-submenu{
	padding:0;
	margin:0;
	list-style-type:none;
	position:absolute;
	left:-1px;
	top:58px;
	width:240px;
	background:#fff;
	padding:20px;
	display:none;
	border:1px solid #111;
	background:#f0f0f0
	}

.slider{
	position:relative!important;
	border:none;
	width:100%;
	display:none!important
	}

.rangeslider,.rangeslider__fill{
	background:#ccc;
	display:block;
	height:4px;
	width:195px;
	margin:20px 0
	}

.rangeslider{
	position:relative
	}

.rangeslider__fill{
	background:#f60;
	position:absolute;
	top:-20px
	}

.rangeslider__handle{
	background:#111;
	cursor:pointer;
	display:inline-block;
	width:30px;
	height:30px;
	position:absolute;
	top:-13px;
	left:-10px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px
	}

.rangeslider__handle:hover{
	background:#f60
	}

output{
	display:block;
	text-align:left;
	padding:0;
	margin:0;
	line-height:initial;
	padding-top:10px
	}

.color-input{
	margin-top:10px;
	padding:0 5px
	}

#content-editor{
	position:relative;
	text-align:left;
	width:100%;
	padding:40px 20px;
	-webkit-transition:background-color .3s ease;
	-ms-transition:background-color .3s ease;
	-moz-transition:background-color .3s ease;
	-o-transition:background-color .3s ease;
	transition:background-color .3s ease;
	z-index:3000
	}

#content-editor .change-styles{
	width:66.66666667%;
	margin:0 auto;
	padding:20px;
	outline:0;
	line-height:inherit
	}

#content-editor .change-styles:focus{
	background:rgba(0,0,0,.03)
	}

#content-editor #try-out-info{
	position:absolute;
	text-align:center;
	width:90%;
	left:5%;
	display:block;
	bottom:0;
	font-family:'Demos Next W04 Regular'!important;
	font-variant-numeric: oldstyle-nums;
	font-size:16px!important;
	}

#content-editor.columns-2 p{-webkit-column-count:2;
	-webkit-column-gap:20px;
	-moz-column-count:2;
	-moz-column-gap:20px;
	column-count:2;
	column-gap:20px
	}

#content-editor.columns-3 p{
	-webkit-column-count:3;
	-webkit-column-gap:20px;
	-moz-column-count:3;
	-moz-column-gap:20px;
	column-count:3;
	column-gap:20px
	}

#content-editor.columns-4 p{
	-webkit-column-count:4;
	-webkit-column-gap:20px;
	-moz-column-count:4;
	-moz-column-gap:20px;
	column-count:4;
	column-gap:20px
}

#webfont-get{text-align:center}#webfont-get .section-title-centered{margin-bottom:20px}.webfont-get-link{text-transform:uppercase;display:inline-block;padding:20px 0;width:16.66666667%;margin:0 10px;color:#f60;background:#111;color:#fff}.webfont-get-link:hover{background:#f60;color:#fff}#webfont-related-list{text-align:center;padding:60px 0 20px 0;margin:0;overflow:hidden}#webfont-related-list *{outline:0}#webfont-related-list .webfont-related-item{display:inline;float:left;position:relative;overflow:hidden;width:50%;border:none;text-align:center;padding:0 20px;margin:0}#webfont-related-list .webfont-related-item .webfont-thumbnail{width:100%;max-height:60px}#webfont-related-list .webfont-related-item .webfont-thumbnail path{fill:#fff!important}#webfont-related-list .webfont-related-item a:hover path{fill:#f60!important}#webfont-related-list .webfont-related-item .styles-counter{color:grey}#webfont-related-list .webfont-related-item .styles-counter:after{display:none}.related-nav{position:relative;color:#111;text-transform:uppercase}.related-nav i{color:#f60}.related-nav:hover,.related-nav:hover i{color:#f60!important}

.related-nav i{
	margin-left:20px;
	vertical-align:bottom
	}

.prev-webfont{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:50%;
	text-align:left
	}

.next-webfont{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:50%;
	text-align:right
	}

.related-nav.slick-disabled,.related-nav.slick-disabled i,.related-nav.slick-disabled:hover i{
	color:grey!important;
	cursor:inherit
	}

.related-nav.slick-disabled i:hover,.related-nav.slick-disabled:hover,.related-nav.slick-disabled:hover i:hover{
	color:grey!important
	}

#blackletter{background:#111}#blackletter-item{
	text-align:center;
	padding:40px 0 40px 0
	}

#blackletter-item-link{
	display:block;
	text-align:center;
	margin:0 auto
	}

#blackletter-item-link:hover path{
	fill:#f60
	}

#blackletter-thumbnail{
	display:inline-block;
	width:auto;
	height:auto;
	text-align:center;
	margin:0 auto
	}

.page,.post{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px}.page .row,.post .row{margin:0;padding:0}

.page p,.post p{
	padding:0!important;
	margin:20px 0 20px 0
	}

.page #share,.post #share{margin-top:80px}.header-thumbnail{display:block;max-width:100%;height:auto;margin:0 auto}.right-col{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;margin-left:16.66666667%;overflow:visible}.right-col img{display:block;max-width:100%!important;height:auto!important;margin-left:-80px}.right-col img[class*=align],.right-col img[class*=wp-image-]{height:auto}.right-col img.size-full{max-width:100%;width:auto}.image-container,.wp-caption{padding:0;display:block;margin:20px 0 20px 0}.wp-caption{display:block;width:100%!important}.wp-caption-text{padding:0;margin:0;margin-left:-80px;color:grey;margin-top:10px}.left-col{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%}#infos-sidebar{padding-left:80px}

#infos-sidebar strong{
	display:inline-block;
	font-size:1.25em;
	padding-bottom:20px;
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	margin-left:-60px
}

#blog{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px;
}

#blog .row{
	margin:0;
	padding:0;}

#blog-items{
	overflow:hidden;
}

.blog-item{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:66.66666667%;
	margin-left:16.66666667%;
	padding:40px 0 40px 0;
	border-bottom:1px solid #e6e6e6;
}

.blog-item .meta-info,.blog-item h3{
	text-align:center;
}

.blog-item:last-child{
	border:none;
}

.post-title a{
	font-family:'Demos Next W04 Bold';
	font-variant-numeric: oldstyle-nums;
	font-weight: normal;
	font-size:1.4em;
	}

.post-thumbnail{display:block;margin:0 auto;padding:0;max-height:100%;max-width:100%}#article-finder{max-width:1440px;margin:0 auto;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;display:block;width:100%;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);filter:alpha(opacity=0);visibility:hidden;position:relative;margin-top:-120px;z-index:1000;padding:0}#article-finder .row{margin:0;padding:0}#article-finder.open{display:block;-moz-opacity:1;-khtml-opacity:1;-webkit-opacity:1;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity=100);visibility:visible;margin-top:0}#find-article.open i:before{content:"\e822"!important}#find-article-content{padding:0;margin:0;display:block}#search{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:66.66666667%;margin-left:16.66666667%;margin-bottom:20px}#categories,#date{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%}#category-list,#date-list{list-style-type:none;padding:0;margin:0}#date{margin-left:16.66666667%}.collapse{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;border-bottom:1px solid #e6e6e6;padding-left:0;padding-right:0;padding:40px 0}.collapse .row{margin:0;padding:0}.collapse:last-child{border:none}.collapse-headline{margin-bottom:0;width:100%}.collapse-headline-title{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;margin-left:50%;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.collapse-title-meta{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:16.66666667%;color:grey!important;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;text-align:left}.collapse.active .collapse-headline-title{display:block;margin-left:16.66666667%}.collapse.active .collapse-title-meta i:before{content:"•"!important;color:#f60}.collapse-headline-title:hover{cursor:pointer;color:#f60}.collapse-headline-title:hover i{color:#f60!important}html.mobile .collapse-headline-title:hover{color:#111}.collapse-content{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;margin-left:50%;display:none;padding-bottom:40px;background:#fff}#contact-collapse{display:none}#error-page{display:table;height:100%;width:100%;position:relative;background:#111;color:#fff}#error-page-inner{display:table-cell;vertical-align:middle;text-align:center}#footer{background:#111;width:100%;color:#fff}

#footer h3{
	font-size:inherit;
	padding:0;
	margin:0;
	margin-bottom:20px;
}

#footer .textwidget,#footer p{
	padding:0;
	margin:0
	}

#footer-social{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;margin-left:16.66666667%}#footer-social ul{list-style-type:none;padding:0;margin:0}#footer-social a:hover:before{content:"on "}#footer-contact{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%;float:right}#footer-contact .textwidget{padding:0;margin:0}@media only screen and (max-height:680px){#big-header.frontpage-header{padding-top:240px}}@media only screen and (max-height:480px){#big-header.frontpage-header{padding-top:160px}}@media only screen and (max-width:68.75em){.add-space{padding:40px 0;margin:0}.video-wrapper embed,.video-wrapper iframe,.video-wrapper object{margin-left:0}.issuuembed{margin-left:0}#big-header{padding:40px 0}

#big-header-title{
	font-size:1.5em
	}

.section-headline{width:100%;max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;padding:0}.section-headline .row{margin:0;padding:0}#next-title,#prev-title{display:none}#next-title-default,#prev-title-default{display:inline}

#nav-bar{
	margin-top:-200px;
	height:200px;
	line-height:60px
	}

#menu li{margin:0;display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%}#menu li a{display:block}#big-header.frontpage-header{padding:240px 0 80px 0}.webfont-link{padding:0;margin:40px 0}.sample-text{clear:both;position:relative;overflow:auto;width:auto;margin-bottom:30px}.greyscale .sample-text{position:relative;overflow:auto;width:auto;width:83.33333333%;clear:both}.greyscale .sample-text:nth-child(2){margin-left:16.66666667%}.greyscale .sample-text:nth-child(3){margin-left:0}.greyscale .sample-text:nth-child(4){margin-left:16.66666667%}#toolbar{margin-top:40px}.tool:nth-child(5){clear:both}#blackletter-item{padding:60px 0 40px 0}#blackletter-thumbnail{display:block;max-width:80%}.page,.post{max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;width:100%}.page .row,.post .row{margin:0;padding:0}.page #share,.post #share{margin-top:40px}.right-col{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:66.66666667%}.right-col img{margin-left:0}.wp-caption-text{padding:0;margin:0;margin-left:0}.left-col{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:66.66666667%}#infos-sidebar{padding-left:20px}

#infos-sidebar strong{
	margin-left:0
	}

#article-finder.open{margin-top:20px}#search{clear:both;position:relative;overflow:auto;width:auto;width:100%;margin:0;margin-bottom:20px}#categories,#date{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:50%}#date{margin:0}.collapse{padding:20px 0}.collapse-headline-title{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:66.66666667%;margin:0}.collapse-title-meta{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;text-align:right}.collapse.active .collapse-headline-title{margin:0}.collapse-content{clear:both;position:relative;overflow:auto;width:auto;margin:0;width:100%;padding:0 20px;padding-bottom:20px;display:none}.about-left-col{display:none}#contact-collapse{display:block}}@media only screen and (max-width:48em){#spinner{top:20px;left:inherit;right:20px;margin-left:0}.add-space{padding:30px 0}#big-header{padding:30px 0}

#big-header-title img{
	width:70%
	}

.section-headline{
	line-height:inherit!important;
	margin-bottom:0
	}

.section-title{clear:both;position:relative;overflow:auto;width:auto;overflow:visible}.section-title-meta{clear:both;position:relative;overflow:auto;width:auto;overflow:visible}#quick-nav-menu li{margin:0 13.33px}

#logo{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:66.66666667%
	}

#menu-btn{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:33.33333333%;text-align:right}#owner{display:none}#nav-bar{margin-top:-380px;height:380px}#menu li{margin:0;width:100%;clear:both}#menu li a{display:block}

#top-bar.open #logo,#top-bar.open #owner{
	-moz-opacity:1;
	-khtml-opacity:1;
	-webkit-opacity:1;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100)
	}

#big-header.frontpage-header{
	padding:240px 0 80px 0
	}

.webfont-link{
	display:block
	}

#webfont-single .section-title{
	margin-bottom:10px
	}

.font-styles{
	font-size:2.4em
	}

.font-styles li{
	padding:6.67px 0;
	margin:6.67px 0;
	line-height:50px
	}

#webfont-waterfall .section-title-meta{
	width:100%
	}

.sample-text{
	padding:10px 20px;
	margin:0
	}

#webfont-greyscale .section-title-meta{
	width:100%
	}

.sample-meta{
	padding:0 0 0 20px
	}

.greyscale .sample-text{
	width:100%
	}

.greyscale .sample-text:nth-child(2){
	margin-left:0
	}

.greyscale .sample-text:nth-child(3){
	margin-left:0
	}

.greyscale .sample-text:nth-child(4){
	margin-left:0
	}

#editor-toolbar{
	text-align:left;padding:0 20px
	}

.tool{width:50%;text-align:left
	}

.tool.align{
	width:33.33333333%;
	text-align:center
	}

.tool.align .align-button{
	display:block
	}

.tool:first-child{
	width:100%
	}

.tool:nth-child(5){
	clear:none
	}

.webfont-get-link{
	width:70%;
	margin:0 0 10px 0
	}

#blackletter-item{
	padding:60px 0 60px 0
	}

.page,.post{
	max-width:1440px;
	margin:0 auto;
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	width:100%
	}

.page .row,.post .row{
	margin:0;
	padding:0
	}

.right-col{
	clear:both;
	position:relative;
	overflow:auto;
	width:auto;
	width:100%;
	margin:0
	}

.left-col{
	clear:both;
	position:relative;
	overflow:auto;
	width:auto;
	width:100%;
	margin:0
	}

#infos-sidebar{
	padding:0 20px
	}

#infos-sidebar strong{
	margin-left:0
	}

.blog-item{
	clear:both;
	position:relative;
	overflow:auto;
	width:auto;
	width:100%;
	margin:0
	}

#search{
	clear:both;
	position:relative;
	overflow:auto;
	width:auto;
	width:100%;
	margin:0;
	margin-top:20px;
	margin-bottom:20px
	}

#categories,#date{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:50%
	}

#date{
	margin:0
	}

.collapse{
	padding:20px 0
	}

.collapse-headline-title{
	display:inline;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:66.66666667%;
	float:left;
	clear:none
	}

.collapse-title-meta{
	display:inline;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:33.33333333%;
	float:left;
	clear:none
	}

#footer-social{
	margin:0
	}

#footer-contact br.descr-br{
	display:none
	}
	}

@media only screen and (max-width:33.75em){
	body{padding-top:60px
		}

#spinner{
	top:10px;
	left:inherit;
	right:10px;
	margin-left:0
	}

.hide-phone{display:none}.show-phone{display:initial}.left-col,.right-col{padding:0 0 20px 0}.right-col ul{margin:0 0 0 20px}input,select{padding:10px 10px}#submit{display:none}blockquote{margin-left:40px}blockquote:before{margin-left:-40px}.webfont-related-item{text-align:center}.webfont-related-item .webfont-link{text-align:center}

#big-header{
	padding:40px 0
}

#big-header-title{
	text-align:left;
	font-size:1.4em;
	padding:0 20px;
	line-height:1.65em
	}

.section-title{padding:0}.section-title-meta{padding:0}#quick-nav{display:none}#pagination .row{padding:0}#share li{padding:20px 10px}

#menu-bar,#nav-bar{
	width:100%;
	max-width:1440px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	clear:both;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	height:60px;
	line-height:60px;
	vertical-align:bottom;
	color:#fff!important
	}

#menu-bar .row,#nav-bar .row{
	margin:0;padding:0
	}

#logo,#menu-btn{
	padding:0
	}

#nav-bar{
	margin-top:-380px;
	height:380px
	}

#menu li{
	margin:0;
	width:100%;
	clear:both
	}

#menu li a{
	display:block
	}

#big-header.frontpage-header{
	padding:120px 0 40px 0
	}

.webfont-link{padding:0;margin:30px 0;text-align:left}.webfont-link .webfont-thumbnail{margin:0}.webfont-link .styles-counter{display:inline!important}.webfont-link .styles-counter:after{content:"– "}.webfont-link .designer{display:inline!important;color:#999}#webfont-overview{padding-top:40px;padding-bottom:0}.font-styles{text-align:left;font-size:1.8em}

.font-styles li{
	padding:5px 0;
	margin:5px 0;
	line-height:40px
	}

#sample-glyphs br{display:none!important}.sample-text{padding:0 0 20px 0;margin:0}.sample-text p{margin:0}.sample-meta{margin-top:10px}.greyscale .sample-text{position:relative;overflow:auto;width:auto;width:100%;clear:both;padding:0}.greyscale .sample-text p{margin:0}.greyscale .sample-text:nth-child(2){margin-left:0}.greyscale .sample-text:nth-child(3){margin-left:0}.greyscale .sample-text:nth-child(4){margin-left:0}#editor-toolbar{padding:0}.tool{width:100%;text-align:left;marign-right:0}.tool.align{width:25%;text-align:center}.webfont-get-link{width:90%}#blackletter-item{padding:30px 0 20px 0}#blackletter-thumbnail{display:block;max-width:100%}.title-thumbnail{display:block;margin:0 auto;padding:0;height:auto!important;width:100%!important}.page,.post{max-width:1440px;margin:0 auto;position:relative;display:block;overflow:hidden;clear:both;padding-left:20px;padding-right:20px;width:100%}.page .row,.post .row{margin:0;padding:0}.page #share,.post #share{padding:0}

.right-col{
	padding:0;
	line-height:1.5em
	}

.left-col{
	padding:0;
	line-height:1.5em
	}

#infos-sidebar{
	padding:0
	}

#infos-sidebar strong{
	line-height:1.4em
	}

.blog-item .meta-info,.blog-item h3{
	text-align:left
	}

.post-title{
	line-height:1.6em
	}

.meta-info{
	line-height:1.4em
	}

#article-finder{margin-top:-210px}#categories,#date,#search{clear:both;position:relative;overflow:auto;width:auto;width:100%;margin:0;margin-top:10px;margin-bottom:10px;padding:0}.collapse{padding:10px 0}.collapse-headline-title{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:83.33333333%;padding:0}.collapse-title-meta{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:16.66666667%;padding:0}.collapse-content{padding:0;padding-bottom:40px}#footer-social{display:inline;float:left;position:relative;overflow:hidden;padding:0 20px;width:100%;padding:0;margin-top:30px;padding-top:30px;border-top:1px solid #333}#copy-year{display:none;padding:0}

#footer-contact{
	display:inline;
	float:left;
	position:relative;
	overflow:hidden;
	padding:0 20px;
	width:100%;
	padding:0;
	line-height:1.5em
	}
}