/*
-colours
gold: #d6a461
light gold: #f6dcbc
blue: #418fde
light blue:

*/

@font-face {
  font-family: 'fontello';
  src: url("fonts/fontello.eot");
  src: url("fonts/fontello.eot?#iefix") format('embedded-opentype'), url("fonts/fontello.woff") format('woff'), url("fonts/fontello.ttf") format('truetype'), url("fonts/fontello.svg#fontello") format('svg');
 src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}


::selection {
	background: #418fde;
}

::-moz-selection {
	background: #418fde;
}

body {
	font-family: 'Avenir Next', 'Montserrat', sans-serif;
	line-height: 1.3em;
	background-color: #fff;
}

header {
	//height: 140px;
	margin: 0 auto 70px auto;
	background-color: #aaa;
	background-image: url("https://static.tumblr.com/wrnq3ko/msApqrs3z/biketype_header_bg.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	box-shadow: 0 0 0 3px #d6a461, 0 0 0 6px #fff, 0 0 0 9px #d6a461;
}

@media screen and (max-width: 417px) {
	header {
		background-size: 100% 140px;
	}
}

header h1 {
	font-family: 'Ostrich Sans Inline';
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 0px;
}

header h1 a {
	display: block;
	margin: 20px auto;
	
	color: inherit;
	text-decoration: none;
}

h1 a image {
	vertical-align: middle;
	width: 100%;
	height: auto;
}

aside a {
	text-decoration: none;
	font-weight: 400;
	color: #111;
}

aside a:hover {
	border-bottom: 1px solid;
}

aside p {
	margin: 0 0 20px 0;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.4em;
	color: #111;
	text-transform: uppercase;
	letter-spacing: .1em;
}

.clear {clear:both;}

.wrapper {
	margin: 0 auto;
	padding: 0 60px;
	max-width: 1200px;
	width: 100%;
}

.wrapper div.post:nth-child(4n) {
	margin-right: 0px;
}

.post, .post-perma, aside {
	width: 250px;
	height: 250px;
	
	margin-right: 40px;
	margin-bottom: 40px;
	padding: 10px;
	
	float: left;
}

.post {
	background: #f6dcbc;
}

.post:hover{
	background-color: #418fde;
}

.post img {
	//border-radius: 50%;
}

aside {
	height: 100%;
}

.post-perma {
	width: 660px;
	height:	660px;
	padding: 0px;
}

.post-perma img {
	height: 100%;
	width: 100%;
}

.wrapper-perma {
	margin: 0 auto;
	max-width: 1070px;
	//padding: 0 60px;
	margin-bottom: 60px;
}

.wrapper-perma aside {
	margin-right: 0px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;

}

/* 3 Zeilen */
@media screen and (max-width: 1448px) {
	.wrapper {
		max-width: 890px;
	}
	.wrapper div.post:nth-child(4n){
		margin-right: 40px;
	}
	.wrapper div.post:nth-child(3n){
		margin-right: 0px;
	}
	.wrapper-perma {
		max-width: 890px;
	}
	.post-perma {
		max-width: 600px;
		height: auto;
		//margin-right: 0px;
		//box-sizing: border-box;
	}
	.wrapper-perma aside {
		//width: 100%;
		//margin-right: -40px;
		box-sizing: border-box;
	}
}

/* 2 Zeilen */
@media screen and (max-width: 1023px) {
	.wrapper {
		max-width: 580px;
		padding: 0;
	}
	.wrapper div.post:nth-child(4n){
		margin-right: 40px;
	}
	.wrapper div.post:nth-child(3n) {
		margin-right: 40px;
	}
	.wrapper div.post:nth-child(2n) {
		margin-right: 0px;
	}
	.wrapper-perma {
		width: auto;
		margin: 0 16.6%;
	}
	.post-perma {
		width: 100%;
		height: auto;
		padding: 5.4%;
		box-sizing: border-box;
	}
	.zierstreifen {
		display: none;
	}
	.logowrapper {
		width: 276px;
	}
}

@media screen and (max-width:  788px) {
	.wrapper {
		max-width: 298px;
	}
	.wrapper div.post {
		margin-right: 0px;
	}
	.wrapper-perma {
		margin: 0 10%;
	}
}

@media screen and (max-width: 320px) {
	.wrapper {
		padding: 0 10px;
		max-width: 320px;
	}
	header h1 {
		background-size: 100%;
	}
}

aside ol, aside ul {
	list-style: none;
	margin: 0 0 20px 0px;
	padding-left: 30px;
	text-indent: -1.6em;
	border-bottom: 1px solid #aaa;
}

aside ul:last-child {
	margin-bottom: 0;
}

ol.notes img.avatar {
	display: none;
}

aside li {
	margin: 0 0 7px 0px;
}

.tags a {

}

.tags li:before, li.note.reblog:before, li.note.like:before, .shorturl:before {
	width: 25px;
	display: inline-block;
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	speak: none;
	opacity: 0.7;
	text-align: center;
}

.tags li:before {
	content: '\e70c';
	text-indent: -1em;
}

li.note.reblog:before {
	content: '\e711';
	text-indent: -1em;
}

li.note.like:before {
  content: '\2665';
  text-indent: -1em;
}

.shorturl:before {
	content: '\1F517';
	opacity: 0.8;
	text-indent: -1em;
	padding-right: 4px;
}

.shorturl {
	padding-left: 4px;
	padding-bottom: 7px;
	margin: 0 0 20px 0;
	color: #111;
	font-weight: 400;
	font-size: small;
	display: block;
	border-bottom: 1px solid #aaa;
}

ul.social {
	//padding-top: 20px;
}

li.pin-it-button a:hover {
	border-bottom: 0px;
}

li.like-button {
	padding-left: 23px;
}


/*footer*/

footer {
	padding: 20px 0;
	margin: 20px auto;
	width: 100%;
	max-width: 620px;
	border-top: 6px double #d6a461;
	text-align: center;
}

footer nav {
	padding: 0 auto;
	margin-bottom: 30px;
	text-align: center;
}

footer nav a {
	margin-right: 10px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #111;
	display: inline-block;
}

footer nav a:hover {
	//border-bottom: 1px solid #333;
}

footer p {
	color: #666	;
	margin: 0 0 10px 0;
}

footer a {
	color: #aaa;
}

.current_page, .jump_page {
	margin-right: 10px;
	width: 30px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	background-color: #ccc;
	color: #111;
	border-radius: 50%;
}

.current_page {
	background-color: #4682e3;
	color: #fff;
	border-radius: 50%;
}

.jump_page:hover {
	box-shadow: 0 0 0 1px #666;
}

p.social {
	padding-bottom: 30px;
	text-align: center;
	margin: 0 auto;
}

p.social a {
	height: 50px;
	width: 50px;
	margin: 0 20px 0 0;
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	display: inline-block;
	font-weight: bold;
}

p.social a.tw:hover {
	background-color: #ccc;
	box-shadow: inset 0 0 0 2px #9AE4E8;
}

p.social a.fb:hover {
	background-color: #ccc;
	box-shadow: inset 0 0 0 2px #3b5998;
	color: #3b5998;
}

p.social a.ello:hover {
	background-color: #ccc;
	box-shadow: inset 0 0 0 2px #000000;
	color: #000000
}

a.tw {
	background-color: #9AE4E8;
}

a.fb {
	background-color: #3b5998;
}

a.ello {
	background-color: #000000;
	margin-right: -20px !important;
}

/* page */

.pagepost {
	background: url(img/groovepaper.png) repeat #fff;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.pagepost h1 {
	padding: 40px 0;
	font-size: 40px;
	font-style: italic;
	color: #d1c892;
	text-shadow: 1px 1px 0px #543300;
	letter-spacing: 3px;
}


.pagepost h2 {
	font-weight: 600;
}

.pagepost h3 {
	font-style: italic;
}

.pagepost a {
	text-decoration: none;
	font-style: italic;
	color: #a71800;
}

.pagepost p {
	margin-bottom: 10px;
}