/* @override 
	https://matthiasmaier.com/wp-content/themes/mm2013/style.css?* */

/*
Theme Name: Matthias Maier
Theme URI: http://www.matthiasmaier.ch/
Description: Tumblog. Minimalistic and simple. 

Author: Matthias Maier
Version: 2.0
Tags: tumblog, minimalistisch, einfach, Widgets, Sidebar, elegant
*/






/* Übersicht
/////////////////////////////////////////////////////////////////////////////////////

STYLESHEET by Matthias Maier www.matthiasmaier.ch

PROJEKT: 				www.matthiasmaier.ch
ERSTELLT: 				07.07.2012
LETZTE ANPASSUNG: 		18.09.2015  

======================================================================================

FARBWERTE

Fliesstext:				#484848			-	Dunkelgrau
Titel:					#484848			-	Dunkelgrau
Links:					#CF1959			-	Weinrot

======================================================================================

SCHRIFTFAMILIEN

Serifschrift:			'Bitter', Georgia, Times, serif
SansSerifschrift:		'FunctionProBook', Helvetica, Arial, sans-serif
SansSerifschrift:		Arial, Helvetica, sans-serif

=====================================================================================

INHALT

01. EINGEBUNDENE SCHRIFTEN
02. CSS RESETS
03. GRUNDEINSTELLUNGEN
04. SEITENELEMENTE
05. BEREICH HEADER
06. BEREICH CONTENT
07. ALLGEMEINE EINSTELLUNGEN DER POST-FORMATE
08. POST-FORMAT FOTOS
09. POST-FORMAT ZITAT
10. POST-FORMAT VIDEO
11. POST-FORMAT STATUSMITTEILUNG
12. POST-FORMAT BILDGALERIE
13. POST-FORMAT ASIDE (Kurzmitteilung)
14. POST-FORMAT LINKS
15. BEREICH ADDITIONAL INFO
16. BEREICH FOOTER
17. SINGLE PINBOARD
18. ANPASSUNGEN FÜR IE 7 UND 8
19. MEDIA QUERIES

///////////////////////////////////////////////////////////////////////////////////*/


/* 01. EINGEBUNDENE SCHRIFTEN 
///////////////////////////////////////////////////////////////////////////////////*/

@font-face {
  font-family: 'DSariLight';
  src: url("fonts/latino-type/DSari-Family/Light/DSari_Light-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/Light/DSari_Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/Light/DSari_Light-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/Light/DSari_Light-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/Light/DSari_Light-webfont.svg#DSari_Light-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DSariLightItalic';
  src: url("fonts/latino-type/DSari-Family/LightItalic/DSari_Light_Italic-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/LightItalic/DSari_Light_Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/LightItalic/DSari_Light_Italic-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/LightItalic/DSari_Light_Italic-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/LightItalic/DSari_Light_Italic-webfont.svg#DSari_Light_Italic-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DSariSemibold';
  src: url("fonts/latino-type/DSari-Family/Semibold/DSari_SemiBold-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/Semibold/DSari_SemiBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/Semibold/DSari_SemiBold-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/Semibold/DSari_SemiBold-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/Semibold/DSari_SemiBold-webfont.svg#DSari_SemiBold-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DSariSemiboldItalic';
  src: url("fonts/latino-type/DSari-Family/SemiboldItalic/DSari_SemiBold_Italic-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/SemiboldItalic/DSari_SemiBold_Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/SemiboldItalic/DSari_SemiBold_Italic-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/SemiboldItalic/DSari_SemiBold_Italic-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/SemiboldItalic/DSari_SemiBold-webfont.svg#DSari_SemiBold_Italic-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DSariThin';
  src: url("fonts/latino-type/DSari-Family/Thin/DSari_Thin-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/Thin/DSari_Thin-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/Thin/DSari_Thin-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/Thin/DSari_Thin-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/Thin/DSari_Thin-webfont.svg#DSari_Thin-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'DSariRegular';
  src: url("fonts/latino-type/DSari-Family/Regular/DSari_Regular-webfont.eot");
  src: url("fonts/latino-type/DSari-Family/Regular/DSari_Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/latino-type/DSari-Family/Regular/DSari_Regular-webfont.woff") format("woff"), url("fonts/latino-type/DSari-Family/Regular/DSari_Regular-webfont.ttf") format("truetype"), url("fonts/latino-type/DSari-Family/Regular/DSari_Regular-webfont.svg#DSari_Regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }


/* 02. CSS RESETS 
///////////////////////////////////////////////////////////////////////////////////*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border: 0;
	margin: 0;
	padding: 0
}

article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {
	display: block;
}

a img {
	border: 0
}

figure {
	position: relative
}

figure img,
img {
	width: 100%;
	height: auto;
	display: block;
	.max-width:  768px;
}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust:none;
}


/* 03. GRUNDEINSTELLUNGEN 
///////////////////////////////////////////////////////////////////////////////////*/

html {	
	overflow-x: hidden;
	background: #FFFFFF /*url(images/karton.jpg) repeat*/;
	font-size: 62.5%;
}

body {
	font: normal 1.5em/1.5 'DSariLight', Helvetica, Arial, sans-serif;
	color: #484848;
}

h1, h2 {
	font-family: 'DSariSemibold', Helvetica, Arial, sans-serif;
	margin-bottom: .5em;
	font-weight: normal;
}

h1 {
	font-size: 3em;
	font-weight: bold;
	/*text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #484848;*/
}


h2 {
	font-size: 1.4em;
}

p {
	margin-bottom: 1.5em;
}

a {
	color: #484848;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

a:hover {
	color: #00a6cc;
	text-decoration: none;
}

hr {
	border: 0;
	height: 1px;
	background: #e9e9e9;
	margin: 4em 0;
}

.fotogalerie + hr {
	margin-top:  0;
}

hr.fotogalerie {
	margin-top: 1.7em;
	font-size: 14px
}

strong, b {
	font-family: 'DSariSemibold', Helvetica, Arial;
	font-weight:  normal;
}

em, i {
	font-family: 'DSariLightItalic', Helvetica, Arial;
	font-style: normal;
}

strong em, strong i,
b em, b i,
em strong, em b,
i strong, i b {
	font-family: 'DSariSemiboldItalic', Helvetica, Arial;
	font-style: normal;
	font-weight: normal;
}


/* 04. SEITENELEMENTE 
///////////////////////////////////////////////////////////////////////////////////*/

/* @group Untitled Group */

section.content {
	padding: 0;
	margin: 0 auto;
	max-width: 1980px;
	max-width: 1200px;
	background: transparent;
}

.blog section.content,
.search section.content,
.archive section.content,
.single-post section.content
 {
	padding: 0;
	margin: 0 auto;
	max-width: 1980px;
	max-width: 1200px;
	background: transparent;
	padding: 7em 1.51515152% 0; /*15/900*/
	.box-sizing: border-box;
	.-moz-box-sizing:border-box;
	position: relative;
}

.single-post section.content {
	margin-bottom:  5em;
}

/* @end */

section.content:after,
section.bottom-sidebar:after {
	content: "."; 
	visibility: hidden; 
	display: block; 
	height: 0; 
	clear: both;
}


section.additional-content {
	.background: #f5f5f5;
	clear: both;
	width:  100%;
	padding-top: 2em;
	/*margin-top:  5em;*/
	display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
section.additional-content {
	background-image: url(images/blackorchid@2x.png) repeat-x;
	background-size: 300px 300px;
	}
}

footer.pagefooter {
	background: #f5f5f5;
	background: rgba(0, 166, 204, .2);
	padding-bottom: 2em;	
	border-bottom:  20px solid #00a6cc;
	width: 100%;
	padding-top: 3em;
}

div.footerbox {
	overflow: hidden;
	max-width: 1980px;
	max-width: 1200px;
	padding: 0 1.51515152%; /*15/900*/
	.box-sizing: border-box;
	.-moz-box-sizing:border-box;
}

form#commentform {
	top: -35px;
	position: relative;
}

/* 05. BEREICH HEADER 
///////////////////////////////////////////////////////////////////////////////////*/

header.pageheader {
	width:  100%;
	background: #242424;
	background: rgba(255, 255, 255, .95);
	position: fixed;
	z-index: 1;
	padding:  .5em 0;
}

header.pageheader > div {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 1.51515152%; /*15/900*/
	.box-sizing: border-box;
	.-moz-box-sizing:border-box;
}

.identity {
	float: left;
	margin: .8em 2em 1em 0;
}

img.logo {
	width: 240px;
	height: 26px;
}


nav.main-navigation {
	margin-top: 1em;
}

nav.main-navigation > div {
	overflow: hidden;
	margin: 0 auto;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	float: right;
}

.nav-menu li {
	float: left;
	list-style-type: none;
	margin-right:  1.5em;
}

.nav-menu li:last-of-type {
	border-bottom: none;
	margin-right:  0;
}

.nav-menu li a {
	font: normal .7em 'DSariRegular', Helvetica, Arial, sans-serif;
	letter-spacing: .2em;
	color: #484848;
	text-transform: uppercase;
	display: block;
	padding: 0 0 1em;
}

.nav-menu li a span {
	font: normal .9em 'DSariRegular', Helvetica, Arial, sans-serif;
	display: block;
	color: #999;
}

.nav-menu li a:hover,
.nav-menu li a:hover span {
	color: #00a6cc;
}

.nav-menu li.current-menu-item a,
.nav-menu li.current-menu-item a span,
.nav-menu li.current-page-ancestor a,
.nav-menu li.current-page-ancestor a span,
.nav-menu li.current_page_parent a,
.nav-menu li.current_page_parent a span {
	color: #00a6cc;
}

.menu-toggle {
	display: none;
}

@media only screen and (max-width: 925px) {
	
	nav#site-navigation.main-navigation {
		margin-top: .55em;
	}

	.menu-toggle {
		display: block;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: .15em;
		font-size: .7em;
		color: #a0a0a0;
		font: normal .8em 'DSariRegular', Helvetica, Arial, sans-serif;
		cursor: pointer;
		vertical-align: baseline;
	}
	
	.menu-toggle:hover {
		color: #00a6cc;
	}
	
	.menu-toggle i {
	font-weight: 100;
	font-size: 1.8em;
	padding: .2em .4em .2em .5em;
	}
	
	#menu-hauptnavigation {
		display: none;
	}
	
	#menu-hauptnavigation.toggled-on {
		display: block;
	}

	div.menu-hauptnavigation-container {
		float: left;
		width:  100%;
	}

	.main-navigation > div {
		padding: 0 !important;
	}
	
	.nav-menu li {
		float: none;
		list-style-type: none;
		margin-right: 0;
		display:  block;
		border-bottom: 1px solid #e8e8e8;
		text-align: left;
	}
	
	.nav-menu li:last-of-type {
		border-bottom: none;
	}
	
	.nav-menu li a {
		text-align: left;
		padding-top: 1.2em;
		padding-left: .3em;
	}
	.nav-menu li:last-of-type a {
		margin-bottom: .5em;
	}
	
	.nav-menu {
		overflow: hidden;
	}
	
	.nav-menu li a span {
		font: normal .95em 'DSariRegular', Helvetica, Arial, sans-serif;
		display: inline;
		padding-left:  .5em;
	}

}


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

	.menu-toggle span {
		display:  none;
	}
	
	img.logo {
		width: 220px;
		height: auto;
	}
}

/* Breadcrumb */

.breadcrumb {
	font-size: .7em;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #484848;
}

.breadcrumb span {
	display: none;
}

.breadcrumb a {
	color: #a0a0a0;
	font-family: 'DSariLight', Helvetica, Arial, sans-serif;
}

.breadcrumb a:hover {
	color: #00a6cc;
}




/* Search Form */
.main #searchform {
	position: absolute;
	top: 148px;
	right: 1.51515152%; /*15/900*/
	text-align: right;
	overflow: hidden;
}

.main label.assistive-text {
	display: none;
}

.main #searchform div {
	margin: 0;
}
.main #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
	border: none;
	border-bottom: 1px solid #CCC;
	background: transparent;
	outline: 0;
	font: normal .7em 'DSariLight', Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
}
.main #s:focus {
	background-color: transparent;
	width: 196px;
}
.main #searchsubmit {
	display: none;
}
.main .only-search #searchform {
	top: 5px;
	z-index: 1;
}
.main .only-search #s {
	background-color: transparent;
	border-color: #484848;
	color: #484848;
}
.main .only-search #s,
.main .only-search #s:focus {
	width: 85%;
}
.main .only-search #s:focus {
	background-color: transparent;
}
.main .with-image #searchform {
	top: auto;
	bottom: -27px;
	max-width: 195px;
}
.main .only-search + #access div {
	padding-right: 205px;
}



/* 06. BEREICH CONTENT
///////////////////////////////////////////////////////////////////////////////////*/


/* Introtexte und Seiten-Überschriften */
section.content > .content {
	margin: 0;
}

section.content > .content h1 {
	/*border-bottom: 1px solid #CCC;
	padding-bottom: .5em;*/
	/*margin: 0 1.51515152%; /*15/900*/
}

section.content > .content h1 a {
	color: #484848;
}

section.content > .content h1 a:hover {
	color: #CF1959;
}

section.content > .content h1 span {
	font: .4em/1.5 'DSarilight', Helvetica, Arial, sans-serif;
	text-transform: none;
	display: block;
	color:  #484848;
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* Masonry */
#article-container {
	overflow: hidden;
	margin-top: 3em;
	padding:  0;
	width:  102%;
	position:  relative;
	left: -1%;
}

.home #article-container {
	overflow: hidden;
	margin-top: 3em;
	padding: 0 0 5em;
	width:  102%;
	position:  relative;
	left: -1%;
}

#article-container .grid-sizer {
	width: 23%; /*300/900*/
	padding: 0 1%; /*15/900*/
	height:  0;
}

#article-container .post,
#article-container .page {
    float:left;
	width: 23%; /*300/900*/
	padding: 1%; /*15/900*/
	margin-bottom: 2em;
	overflow: hidden;
}

#article-container .post.format-aside,
#article-container .page.format-aside {
	width: 96%; 
}

@media only screen and (min-width: 769px) and (max-width: 950px){
	#article-container .grid-sizer {
		width: 31%; /*300/900*/
	}

	#article-container .post,
	#article-container .page {
		width: 31%; /*300/900*/
	}
	
	#article-container .post.format-aside,
	#article-container .page.format-aside {
		width: 64%; 
	}
}

@media only screen and (min-width: 951px){

	#article-container .post.format-aside,
	#article-container .page.format-aside {
		width: 48%; 
	}
}

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: width, height;
     -moz-transition-property: width, height;
      -ms-transition-property: width, height;
       -o-transition-property: width, height;
          transition-property: width, height;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

/* Weiter / Zurück auf Archivseiten */
section.content > .morecontent
	 {
	padding: .2em 0 .5em; /*15/900*/
	overflow: hidden;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
	margin: 3em 0 0; /*15/900*/
	max-width: 1200px;
	height: 3.5em;
	border-top: 1px solid #ccc;
	text-align: center;
}



section.content > .morecontent #older-posts a,
a.prev.page-numbers {
	float: left;
	text-decoration: none;
	color: #a0a0a0;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*background:#FFFFFF;
	background:rgba(255, 255, 255, .9);
	border:  1px solid #CCC;
	padding: 8px 6px 6px;
	border-radius: 2px;*/

margin-right: 1em;
	padding-left: 0;
}


a.next.page-numbers {
	float: right;
	text-decoration: none;
	color: #a0a0a0;
	letter-spacing: 1px;
	text-transform: uppercase;
	/*background:#FFFFFF;
	background:rgba(255, 255, 255, .9);
	border:  1px solid #CCC;
	padding: 8px 6px 6px;
	border-radius: 2px;*/

margin-left: 1em;
	padding-right: 0;
}

.page-numbers span i {
	padding: 0;
}

.prev.page-numbers span {
	padding: 0 .5em 0 0;
	position: relative;
	top: -.9em;
	color: #a0a0a0;
}

.next.page-numbers span {
	padding: 0 0 0 .5em;
	position: relative;
	top: -.9em;
	color:  #a0a0a0;
}

a.prev.page-numbers:hover i, 
a.next.page-numbers:hover i {
	color: #00a6cc;
}

a.page-numbers,
span.page-numbers.current {
	text-decoration: none;
	color: #a0a0a0;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-family: 'DSarilight', Helvetica, Arial, sans-serif;
	/*background:#FFFFFF;
	background:rgba(255, 255, 255, .9);
	border:  1px solid #CCC;*/
	padding: 8px 6px 6px;
	border-radius: 2px;
	text-align: center;
	margin-top: .5em;
	margin-right: .3333em;
	display: inline;
	line-height: 4em;

}

span.page-numbers.dots {
	text-decoration: none;
	color: #a0a0a0;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 9px 6px 6px;
	text-align: center;
	margin-top: 1em;
	margin-right: .3333em;
	display: inline;
}

a:hover.page-numbers {
	color:  #00a6cc !important;
}

span.page-numbers.current {
	color:  #484848;
}

span.page-numbers.current {
	font-family: 'DSariSemiBold', Helvetica, Arial, sans-serif;
}

div#only-page {
	text-align: center;
	margin-top:  1em;
}

/* 07. ALLGEMEINE EINSTELLUNGEN DER POST-FORMATE
///////////////////////////////////////////////////////////////////////////////////*/              

/* Meta-Bereich */
.entry-meta {
	float: left;
	width: 100%;
}

.entry-meta a,
.entry-meta a span {
	font-family:  'DSariLight', Helvetica, Arial, sans-serif;
}

/* Datum und Titel */
.entry-meta h2, 
.entry-date {
	text-transform: uppercase;
	margin-bottom: .9em;
	float: left;
}

.entry-meta h2 {
	width: 100%;
	padding-top: .8em;
	padding-bottom: .8em;
	border-bottom:  1px solid #e9e9e9;
	font: 1em 'DSariSemibold', Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
}

.entry-meta h2 span {
	font: .9em 'DSariRegular', Helvetica, Arial, sans-serif;
	color:  #888888;
	padding-left:  .5em;
}

.entry-title a {
	color: #484848;
	display: block;
}

.entry-title a:hover {
	color:  #00a6cc;
}

.entry-date {
	font-size: .65em;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0.15em;
	color: #a0a0a0;
	padding: 0 5px 0 0;
	position: relative;
	top:  -.2em;
}


/* Anzeige Kommentar-Anzahl & Likes */
a.comments-number,
a.zilla-likes {
	display: block;
	color: #a0a0a0;
	font-size: .65em;
	line-height: 1.5em;
	font-weight: normal;	
	float: right;
}

a.comments-number:hover,
.zilla-likes:hover {
	color: #00a6cc !important;
}

.zilla-likes.active {
	color: #484848 !important;
}

.entry-likes {
	float: right;	
	margin-right: 10px;
	
}

.zilla-likes {
	border: 0 !important;
	display: inline-block;
	min-height: 14px;
	padding-left: 18px;
	text-decoration: none;
	position: relative;
}

.zilla-blog-widget .zilla-likes,
.tz_recentwork_widget .zilla-likes,
.tz_blog_widget .zilla-likes,
.home div#the_body #slider .excerpt .zilla-likes,
.archive div#the_body #slider .excerpt .zilla-likes,
/* .page .zilla-likes { display: none; } */ /* Hide Zilla Share in custom post widget and sliders in themes */



/* Tags */
.entry-tags {
	width: 100%;
	float: left;
	border-top:  1px solid #e9e9e9;
	border-bottom:  1px solid #e9e9e9;
	padding-top: .7em;
	position: relative;
}

.entry-tags ul {
	overflow: hidden;
	margin-bottom: .4em;
	margin-left: 20px;
}

.entry-tags ul li {
	float: left;
	list-style-type: none;
}

.entry-tags ul li a {
	text-decoration: none;
	display: block;
	font-size: .65em;
	color: #a0a0a0;
	letter-spacing: 1px;
	text-transform: uppercase;
    /*background:#FFFFFF;
    background:rgba(255, 255, 255, .9);
    border:  1px solid #CCC;
	padding: 3px 6px 1px 7px;*/
	margin-right:15px;
	/*border-radius: 2px;*/
line-height: 2;
}

.entry-tags ul:before {
	content: "\f02c";
	font-family:FontAwesome;
	font-size:  .85em;
	position: absolute;
	left: 0;
	color: #a0a0a0;
}

.entry-tags ul li a:hover {
	color:  #00a6cc;
	/*color:  #F4C2D6;
	background: #CF1959;
	border:  1px solid #CF1959;*/
}

/* In Suche für Page-Ergebnisse ausblenden */
.search .type-page .entry-tags {
	padding: 0;
	border-bottom: none;
}


/* Anzeige Kommentare */
.recent-comments {
	clear: both;
	padding-top: .8em;
	border-bottom:  1px solid #E8E8E8;
}

.commentpreviewlist {
	list-style-type: none;
	clear: right;
	
}

.commentpreviewlist li {
	overflow: hidden;
	margin-bottom: 1px;
	padding: 5px 0;
	font-size: .65em;
	line-height: 1.7em;
	letter-spacing: .15em;
}

.commentpreviewlist a {
	color: #555;
}

.commentpreviewlist a:hover {
	color: #CF1959;
}

.commentpreviewlist li:last-child {
	margin-top: 0px;
	margin-left: 42px;
}

.commentpreviewlist li:last-child a {
	font-family: 'DSariSemibold', Helvetica, Arial, sans-serif;
}

.comment-content {
	color: #484848;
	margin-left: 42px;
	font-size: 1.2em
}

.single .comment-content {
	margin-left: 0;
}

.comment-content span {
	font-weight: bold;
	color: #888;
}

img.avatar.avatar-64.photo {
	width: 32px;
	float: left;
	margin: 2px 8px 2px 0;
    border:  1px solid #ccc;
    border-radius: 2px;
}

.post-img-frame {
  /*border: 10px solid #FFF;
	border-radius: 2px;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 4px rgba(0, 0, 0, 0.3);*/
	margin-bottom: 1.5em;
	background: #00a6cc url(images/bg-images.png) 50% 50% no-repeat !important;
	background-size: 16px 16px !important;
	overflow: hidden;
}



.tag-gerahmt .post-img-frame,
.home.page .tag-gerahmt .post-img-frame {
	border: none;
	-webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
	        box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
	margin-bottom: 3em;
}

.single .tag-gerahmt .post-img-frame {
	-webkit-box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.5);
	        box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 8em;
}

.sliderbox .post-img-frame {
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: one;
	        box-shadow: none;
}

.single .post-img-frame { 
	background: none !important; 
}
.single .post-img-frame img { 
	max-height: 100vh;
	width: auto;
	height: auto;
	max-width: 100%;
}

.post-img-frame a img {
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear;
}

.post-img-frame a:hover img { opacity: .35; 
filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
filter: gray;
-webkit-filter: grayscale(1);}


/* 08. ADDITIONAL TEXT FOR POST-FORMAT FOTOS/VIDEOS/GALLERY UND ADDITIONAL INFO AUF SINGLE
///////////////////////////////////////////////////////////////////////////////////*/

.format-image .entry-content,
.format-video .entry-content,
.format-gallery .entry-content {
	font-size: 1em;
	line-height: 1.7em;
	margin-bottom: 1em;
	color:  #484848;
	.letter-spacing: .15em;
}

.format-image .entry-content span.english {
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
	color:  #888888;
	font-size: .9em;
}

.format-image .entry-content a,
.format-video .entry-content a,
.format-gallery .entry-content a {
	color:  #00a6cc;
	font-family: 'DSariLight', Helvetica, Arial, sans-serif;
}

.format-image .entry-content .english a,
.format-video .entry-content .english a,
.format-gallery .entry-content .english a {
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
}

.format-image .entry-content a:hover,
.format-video .entry-content a:hover,
.format-gallery .entry-content a:hover {
	color:  #000;
}

.format-image a.more-link,
.format-aside a.more-link {	
	text-decoration: none;
	margin-top: .8em;
	display: inline-block;
	text-transform: uppercase;
	color: #a0a0a0 !important;
	padding: .2em .8em;
	border-radius:  .2em;
	border: 1px solid #a0a0a0;
	font: .85em 'DSariLight', Helvetica, Arial, sans-serif;
	letter-spacing: .05em;
}

.format-aside a.more-link {
	font-size: .65em;
}


.format-image a.more-link:hover,
.format-aside a.more-link:hover {
	color:  #484848 !important;
	border: 1px solid #484848;
}

/* 09. POST-FORMAT ZITAT
///////////////////////////////////////////////////////////////////////////////////*/

.format-quote .entry-content blockquote {
	font: 2em/1.2em 'DSariSemibold', Helvetica, Arial, sans-serif;    
    color: #2588AB;
    color: #00A6CC;
    /*text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #2588AB;
    text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #00A6CC;*/
	text-align: left;
	margin-bottom: .5em;
}

.format-quote .entry-content.medium-font blockquote {
	font: 1.4em/1.4em 'DSariRegular', Helvetica, Arial, sans-serif;    
}

.format-quote .entry-content.small-font blockquote {
	font:  1em/1.5em 'DSariLight', Helvetica, Arial, sans-serif;
	/*text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #2588AB;
	text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #00A6CC;*/    
}

.format-quote .entry-content blockquote p:first-child:before {
	content: "„";
}

.format-quote .entry-content blockquote p:last-child:after {
	content: "“";
}

.format-quote .entry-content > p {    
    color: #2588AB;
    color: #00A6CC;	
	text-transform: uppercase;
	margin-top: 1em;
	font-family: 'DSariLightItalic', Helvetica, Arial, sans-serif;
	margin-bottom: 0;
}

.format-quote .entry-content > p:before {    
    content:  "— ";
}


/* 10. POST-FORMAT VIDEO
///////////////////////////////////////////////////////////////////////////////////*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	/*border: 10px solid white;
	border-radius: 2px;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 4px rgba(0, 0, 0, 0.3);*/
	margin-bottom: 1.5em;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* 11. POST-FORMAT STATUSMITTEILUNG
///////////////////////////////////////////////////////////////////////////////////*/

.format-status footer {
	padding-top: 1.8em;
}

.format-status .entry-content {
	color: #FFF;
	font: 1.2em/1.4em 'DSarithin', Helvetica, Arial, sans-serif;
	background-color: #2BA6CB;
	border: 7px solid #2BA6CB;
	padding: 0.5em;
	position:relative;
    box-sizing: border-box; 
    -moz-box-sizing: border-box;
}

.format-status .entry-content p:last-of-type {
	margin-bottom:  0;
}

.format-status .entry-content a {
	color: #FFF;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	padding:  0 .15em;
}

.format-status .entry-content a:hover {
	background: rgba(255, 255, 255, .5);
}

.format-status .entry-content:before {
	content:"";
	position:absolute;
	bottom:-27px; /* value = - border-top-width - border-bottom-width */
	right:40px; /* controls horizontal position */
    border-width:23px 23px 0;
	border-style:solid;
    border-color:#2BA6CB transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.format-status .entry-content:after {
	content:"";
	position:absolute;
	bottom:-17px; /* value = - border-top-width - border-bottom-width */
	right:45px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:18px 18px 0;
	border-style:solid;
	border-color:#2BA6CB transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


/* 12. POST-FORMAT BILDGALERIE
///////////////////////////////////////////////////////////////////////////////////*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.mm-control-nav,
.mm-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {
	overflow: display !important; 
}
a.mm-prev {
	float: left;
}

a.mm-next {
	float: right;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;
}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}








.format-gallery .picframe {
	position:  relative;
	border: none;
	border-radius: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
	margin-bottom: 0;
}

.sliderbox {
	/*border-radius: 2px;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
   	   -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 4px rgba(0, 0, 0, 0.3);*/
	overflow: hidden;
	margin-bottom: 1em;
}

.sliderbox .mm-direction-nav{
	padding-bottom:  3em;
}

/*.slider ul, 
.slider li {
	margin:0;
	padding:0;
	list-style:none; 
	overflow: hidden;
}
		
.slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	/*width:280px;*/
	/*height:210px;*/
/********	width:auto;
	height:100%!important;

}

.single-pinboard .slider li { 
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
/********	width:630px;
	height: 472px;
}

.next {
	float: right;
}

.next i {
	padding-left: 1em;
	line-height: 1.3;
}

.prev {
	float: left;
}

.prev i {
	padding-right: 1em;
	line-height: 1.3;
}

.next,
.prev {
    margin-top: 1em;
}

.next a {
	padding-left: 50px;
}

.prev a {
	padding-right: 50px;
}		
*/		

/* 13. POST-FORMAT ASIDE (Kurzmitteilung)
///////////////////////////////////////////////////////////////////////////////////*/
.format-aside .entry-content {
	border-top: 6px solid #484848;
	padding-top: 0.5em;
} 

.home .format-aside .entry-content,
.blog .format-aside .entry-content,
.tag .format-aside .entry-content {
	padding-bottom: .8em;
	.border-bottom: 1px solid #484848;
	background: #e3e3e3 url('../images/bg.jpg') no-repeat left top;
}

.home .format-aside .entry-content h2,
.blog .format-aside .entry-content h2,
.tag .format-aside .entry-content h2,
.home .format-aside .entry-content p,
.blog .format-aside .entry-content p,
.tag .format-aside .entry-content p {
	padding-left: 3%;
	padding-right: 3%;
}

.format-aside .entry-content h2 a,
.standard-content .entry-content h2 a {
	color: #484848;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .06em;
}

.format-aside .entry-content a.more-link {
	color: #484848 !important;
	border-color:  #484848;
}

.format-aside .entry-content a.more-link:hover {
	color: #ffffff !important;
	background:  #484848;
}

.format-aside .entry-content h2 a:hover,
.standard-content .entry-content h2 a:hover {
	color: #484848;
	text-decoration: none;
}

.format-aside footer,
.standard-content footer {
	margin-top: 1em;
}

img.wp-smiley {
	width: 14px;
	vertical-align: -2px;
	display: inline;
	margin:  0 .2em;
}

.format-aside p a:hover,
.standard-content p a:hover {
	color: #00a6cc;
}

.format-aside .entry-meta .entry-title,
.standard-content .entry-meta .entry-title {
	display: none;
}

/* 14. POST-FORMAT LINKS
///////////////////////////////////////////////////////////////////////////////////*/
.format-link .entry-content {

}

.format-link .entry-content a {
	color: #DC5800;
	line-height: 1.8;
	font-size: 1.5em;
	font-variant: normal;
	padding-left:20px;
	display:block;
}

.format-link .entry-content p {
	margin-bottom: 1em;
	float: left;
	clear: left;
}

.format-link .entry-content a:hover .lvl1,
.format-link .entry-content a:hover .lvl2 {
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

.lvl1,
.lvl2,
.lvl3 {
	position:relative;
}

.lvl1,
.lvl2 {
	padding:6px 0;
	background:#F7D4BE;
}

.lvl2 {
	padding:6px 0;
	background:#F7D4BE;
}

.format-link .entry-content a:hover .lvl1,
.format-link .entry-content a:hover .lvl2 {
	background:#DC5800;
	color:#F7D4BE;
}

.lvl2 {
	right:20px
}

.lvl3 {
	left:10px
}

@-moz-document url-prefix(){.lvl1,.lvl2{padding:6px 0 5px 0}}


/* 15. BEREICH ADDITIONAL INFO
///////////////////////////////////////////////////////////////////////////////////*/

div.infobox {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1980px;
	max-width: 1200px;
	padding: 3em 1.51515152%; /*15/900*/
	.box-sizing: border-box;
	.-moz-box-sizing:border-box;
	letter-spacing: 1px;
}

div.infobox h2 {
color:  #666;
border-top: 6px solid #666;
padding-top: 0.5em;
}

div.infobox p,
div.infobox {
color:  #666;
}

span.juiz_lt_content {
	color:  #666;
}

div.infobox a {
	color: #ccc;
}

div.infobox .textwidget {
	overflow: hidden;
}

div.infobox .textwidget p {
	margin-bottom: 1.5em;
}

div.infobox .textwidget a {
	text-align: center;
	display: block;
	padding: .5em 3em;
	border: 1px solid #ccc;
	border-radius: .2em;
	font-family: 'DSarithin', Helvetica, Arial, sans-serif;
	font-size: .9em;
	-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		    -o-transition: all .3s ease-in-out;
		       transition: all .3s ease-in-out;
	text-transform: uppercase;
}

div.infobox .textwidget a.no-border { 
	border: none;
	padding: 0;
	margin-right:  1em;
}

div.infobox a:hover {
	color: #CF1959;
	border-color: #CF1959;
}
 
div.widget-area-1 {
	overflow: hidden;
	float: left;
	width: 47%;
	margin-right: 6%;
	margin-top: 1.55em;
	margin-bottom: 4.8em;
}     

div.widget-area-2 {
	float: right;
	width: 47%;
	margin-top: 1.55em;
	margin-bottom: 4.8em;
}

div.footer-widget.footer-right {
	margin-bottom: 3em
}

div.footer-widget.footer-right .textwidget a {
	width:  auto;
	float: left;
}

ul.juiz_last_tweet_tweetlist {
	background: none !important;
	border: none !important;
	padding: 0 !important;	
}

ul.juiz_last_tweet_tweetlist:after {
	display: none;	
}

ul.juiz_last_tweet_tweetlist li {
	border: none !important;
	list-style-type: none;
	margin-bottom: 2em;
}

.juiz_last_tweet_metadata {
	font-weight: normal;
	font-style: normal;
	color: #666;
	display: block;
	font-size: .8em;
	line-height: 2;
}

p.juiz_last_tweet_follow_us {
	border-top:  1px solid #222;
	color: #666 !important;
	margin-top:  2em;
	padding-top: 1em;
	font-size: .8em;
}

/* Kontaktformular */
.som i {
	margin-right: .2em;
	font-size:  1.5em;
}

#formbox {
	.background: transparent url(images/bg-contact.png);
	.padding: 3%;
	/*-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;*/
	margin-top: 2em;
}

#contactbody {
	.background: #fff /*url(images/karton.jpg)*/;
	.overflow: hidden;
	.padding: 3%;
	.-moz-border-radius: 2px;
	.border-radius: 2px;
}

#contactbody ul {
	list-style-type: none;
}

#contactbody label {
	clear: left;
	display: block;
	font-size: 0.9em;
}

#contactbody .small {
	color: #999999;
	font-size: 0.9em;
	font-weight: normal;
	padding-left: 2%;
	display: none;
}

#contactbody input, #contactbody textarea {
	background-color: transparent;
	border: solid 1px #AAA;
	float: left;
	font-size: 0.8em;
	color: #484848;
	padding: 4px 2px;
	width: 98%;
	margin: 0 2em 1em 0;
	outline: 0;
}

textarea#nachricht {
	height: 10em;
}

#contactbody input:focus, #contactbody textarea:focus {
	background-color: #FFFFFFF;
	background-color: rgba(255,255,255,0.6);
	border: solid 1px #999;
}

.advise {
	clear: both;
}

.alert {
	color: #A31C4F !important;
	display: inline !important;
}

#contactbody p {
	/*float: left;*/
	margin-bottom: 1em;
}

#form ul li.buttons {
	clear: left;
}

li.nachname {
	display: none;
}

#form ul li.buttons button,
#form .iebutton,
#form button.resend {
	 	color: #a0a0a0 !important;
	 	padding: .4em 2em .3em;
	 	border-radius:  .2em;
	 	border: 1px solid #a0a0a0;
	 	font: .85em 'DSariLight', Helvetica, Arial, sans-serif;
	 	letter-spacing: .05em;
	 	background:  transparent;
	text-transform: uppercase;
}

#form button.resend {
	 	margin-left: 0;
}
	 
#form ul li.buttons button:hover,
#form .iebutton:hover,
#form button.resend:hover {
	 	border: 1px solid #00a6cc;
	 	color: #00a6cc !important;
}

/* Super Awesome buttons von www.zurb.com */
ul#keyvisualbuttons {
	clear: left;
	float: left;
	list-style-type: none;
}

#gallery ul li {
	float: left;
	margin-right: 10px;
}

.awesome, 
.awesome:visited,
#commentform input#submit {
	background: #666666 url(images/alert-overlay.png) repeat-x;
	color: #FFFFFF !important;
	border: 0;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 1px;	
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	margin: 0 10px 0 0;
}

.awesome:hover {
	background-color: #333333;
	color: #FFFFFF;
}

.awesome:active {
	top: 1px;
}

.small.awesome, .small.awesome:visited {
	font-size: 11px;
}

.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited {
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	white-space: nowrap;
}

.large.awesome, .large.awesome:visited {
	padding: 8px 14px 9px;
}

.blue.awesome, .blue.awesome:visited {
	background-color: #035589;
}

.blue.awesome:hover {
	background-color: #2588AB;
}

.red.awesome, 
.red.awesome:visited,
#commentform input#submit {
	background-color: #810A2D;
}

.red.awesome:hover,
#commentform input#submit:hover {
	background-color: #A31C4F;
}

.home div.intromessage a.awesome.red.large {
	background:  rgba(255, 255, 255, .2);
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: .2em;
	font-family: 'DSarithin', Helvetica, Arial, sans-serif;
	font-size: 1em;
	padding: .5em 2em;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	box-shadow: none;
	text-shadow: none;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: .05em;
}
/* Für Ausstellung NYC */
home div.intromessage a.awesome.red.large {
	color: #e14d43 !important;
	border: 5px solid #e14d43;
	background: rgba(225, 77, 67, 0);
	font-weight: bold;
}

.home div.intromessage a.awesome.red.large:hover {
	.color:  #CF1959 !important;
	border-color: rgba(255, 255, 255, .3);
	background-color: rgba(255, 255, 255, .35);
}
/* Für Ausstellung NYC */
home div.intromessage a.awesome.red.large:hover {
	border: 5px solid #e14d43;
	background: rgba(225, 77, 67, .3)!important;
}

#commentform input#submit {
	width: 170px;
	float:  l;
}

/* 16. BEREICH FOOTER
///////////////////////////////////////////////////////////////////////////////////*/

div.footerbox,
div.footerbox a,
div.footerbox a:visited {
	overflow: hidden;
	color: #484848;
	margin: 0 auto;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

div.footerbox a,
div.footerbox a:visited {
	text-decoration: none;
	
	margin: 0;
	color: #484848;
}



div.footerbox:hover a:hover {
	color: #00a6cc;
}

footer.pagefooter p {
	text-transform: uppercase;
	font: 0.7em/1.5em 'DSariLight', Helvetica, Arial, sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: .5em;
	text-align: center;
}

footer.pagefooter h3 {
	display: block;
	font: 0.7em/1.5em 'DSariRegular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	.float: left;
	padding: 1.em 0 0;
	margin: 0 5px 0 0;
	text-align: center;
}

footer.pagefooter p.colophone {
	margin: 0;
	text-align: center;
	text-transform: none;
	letter-spacing: 0.1em;
	padding-top: .5em;
}



footer.pagefooter p.colophone span.detail {
	font-style: italic;
	font:italic  1.0em/1.50em 'DSariLightItalic', Helvetica, Arial, sans-serif;
	text-transform: none;
	letter-spacing: none;
}

footer.pagefooter .textwidget {
	margin-bottom: 2em;
}

footer.pagefooter .textwidget a.no-border {
	margin:  .5em;
	color:  #484848;
}

footer.pagefooter .textwidget a.no-border.contact {
color: #484848;
font-family: 'DSariSemibold', Helvetica, Arial, sans-serif;
font-size: 1em;
text-transform: uppercase;
letter-spacing: .05em;
position: relative;
top:  -.2em;
}

footer.pagefooter .textwidget a.no-border:hover {
	color:  #00a6cc;
}

/* 17. SINGLE PINBOARD
///////////////////////////////////////////////////////////////////////////////////*/

.content.single-pinboard {
	max-width:  60em;
}

.content.single-pinboard:after {
 	content: "."; 
 	visibility: hidden; 
 	display: block; 
 	height: 0; 
 	clear: both;
}

.content.single-pinboard h1 {
	margin: 0 !important;
}

.content > .post {
	width: 100%; 
	float: left;
	margin-top: 3em;
}

.content > .comments {
	width: 100%;
	float: left;
	margin-top: 3em;
}

.single section.content {
	margin-bottom:  5em;
}

.single-pinboard .entry-content .english p {
	color:  #777;
	font-size: .9em;
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
}

.single-pinboard .entry-content h2 {
	text-transform: uppercase;
	letter-spacing: .06em;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
}

.single-pinboard .entry-content .english h2 {
	color:  #777;
	font-size: 1.2em;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	margin-top: 3em;
}

.single-pinboard .entry-content .english h3 {
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
	color:  #777;
	font-size: 1.1em;
}

.single-pinboard .entry-content small .english  {
	color:  #777;
	font-size: .95em;
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
	display: block;
}	

.single-pinboard .entry-content {
	float: left;
	width:  100%;
}

.single-pinboard .format-aside .entry-content {
	margin-bottom:  2em;
}

.single-pinboard .format-video .entry-content {
	float: none;
}

.single-pinboard div.navigation {
	clear: both;
	margin-top: .5em;
	float: left;
	width: 100%;
}

div.alignleft {
	float: left;
	width: 40%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}

div.alignleft span {
	padding: 0 .2em 0 0;
}

div.alignright {
	float: right;
	width: 40%;
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}

div.alignright span {
	padding: 0 0 0 .2em;
}

.single-pinboard .format-gallery .entry-content {
	width: 100%;
}


.single-pinboard span.rollover:hover {
	opacity: 0;
}

div.alignleft a,
div.alignright a {
	color: #a0a0a0;
}

div.alignleft a:hover,
div.alignright a:hover {
	color: #00a6cc;
}

/* =Comments
----------------------------------------------- */

#comments-title {
	color: #484848;
	font-size: 1em;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	line-height: 2.6em;
	padding: 0 0 1em;
	letter-spacing: 1px;
	.border-top: 1px solid #484848;
	padding-top: 0.5em;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin-bottom: 3em;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	margin: 0 0 1.625em 100px;
	position: relative;
	font-size: .7em;
	min-height: 86px;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	color: #484848;
	letter-spacing: .15em;
}
.comment-meta {
	color: #888;
}

.comment-meta time {
		font-weight: normal;
		font-style: normal;
		letter-spacing: 0.15em;
		text-transform: uppercase;
		color:  #a0a0a0;
}

.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
	
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	left: -100px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 68px;
}

.commentlist > li.bypostauthor .avatar {
	border-color: #eee;
}

.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {

}
.commentlist > li.bypostauthor .comment-meta {
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	margin: 0 0 1.625em;
	padding: 0;
	position: relative;
	max-width: 100%;
}
#respond input[type="text"],
#respond textarea {
	background: #fff /*url(images/karton.jpg)*/;
	border: 1px solid #ccc;
	outline: 0;
	position: relative;
	padding: 5px;
	text-indent: 95px;
	width: 98% !important;

}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
	color: #484848;
	display: inline-block;
	font-size: 13px;
	left: 0;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 28px;
	z-index: 1;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
	text-indent: 0;
	z-index: 1;
	border: solid 1px #484848;
}
#respond textarea {
	resize: vertical;
	width: 95%;
	padding-top: 7px;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
	display: none;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: .7em;
	margin-top: 20px;
	color: #a0a0a0;
}
#respond p {
	margin: 10px 0;
}

#respond input#submit {
	position: relative;
	top: 22px;
	font: .9em 'DSariLight', Helvetica, Arial, sans-serif;
	color: #a0a0a0 !important;
	padding: .3em .8em;
	border-radius:  .2em;
	border: 1px solid #a0a0a0;
	letter-spacing: .05em;
	text-transform: uppercase;
	background:  none;
	text-shadow: none;
	box-shadow: none
}
	
	#respond input#submit:hover {
		color: #00a6cc !important;
		border: 1px solid #00a6cc;
		background:  none;
}

#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}

#reply-title {
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	color: #484848;
	font-size: 1em;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 1em;
	letter-spacing: 1px;
	.border-top: 6px solid #484848;
	padding-top: 0.5em;
}

#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 1;
	font-size: 1em;
	letter-spacing: .15em;
}
#respond input[type=text] {
	display: block;
	height: 20px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}



/* 18. ANPASSUNGEN FÜR IE 7 UND 8
///////////////////////////////////////////////////////////////////////////////////*/

.ie7 div.footerbox {
	padding: 0 2% 0 3%;
}
 
.ie7 img.logo {
	padding-bottom: 1em;
}
 
.ie7 .content > .post {
	width: 50%;
}
 
.ie7 .format-link .entry-content p {
	width: 100%;
}
 
.ie7 .entry-tags ul li a,
.ie8 .entry-tags ul li a {
	border: 1px solid #DDD
}
 
.ie7 .drop-shadow,
.ie8 .drop-shadow {
	border: 1px solid #DDD
}
 
.ie textarea {
	overflow: auto;
}

.ie .single-format-image .entry-content {
    width: 100%;
}

/*Twitter*/

div.juiz_last_tweet_inside {
	width: 100% !important;
}


/* Page */

.page section.content,
.error404 section.content,
.search-no-results section.content {
	padding: 7em 1.51515152% 0;

 /*15/990*/
	max-width: 1980px;
	max-width: 1200px;
	.box-sizing:border-box;
	.-moz-box-sizing:border-box;
	background: transparent;
	margin-bottom:  5em;
}

.page article.page,
.error404 article.page,
.search-no-results article.page {
	width: 65.625%; /*630px*/
	float: left;
	margin-top: 3em;
	margin-right: 3.125%; /*30px*/
}

.page.page-template-page-no-sidebar-php article.page {
	width:  100%;
	margin-right:  0;
}

.page.page-template-page-no-sidebar-php article.page p {
	max-width:  850px;
}

.page .content .post-img-frame a:hover img { opacity: 1; }


.page .content .post-img-frame {
	border: none;
	border-radius: 0px;
	/*-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
            box-shadow:0 0 4px rgba(0, 0, 0, 0.3);*/
	margin-bottom: 1.5em;
	background: none;
}

.frame {
	/*border: 10px solid white;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.page-template-default div#secondary.widget-area {
	width: 31.25%;
	float: right;
	margin-top: .4em;
}

.page-sidebar {
	margin-top: 1.55em;
	margin-bottom: 4.8em;
}

.page-sidebar h2 {
	padding-top: 0.5em;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	margin-bottom: .8em;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.page-sidebar h2.english {
	font-size:  1.2em;
	font-family: 'DSariLight', Helvetica, Arial, sans-serif;
	color:  #999;
	padding:  0;
	margin-bottom: .8em;
}

.page-sidebar h3 {
	font-weight: normal;
	font-style: normal;
}

.page-sidebar p {
	margin-bottom: 1.5em
}

.page-sidebar p .english {
	font-size: .9em;
	color:  #999;
}

.page-sidebar img {
	float: left;
	margin: 1em 0;
	max-width: 100%;
	/*border: 10px solid white;
	border-radius: 2px;
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.3);
	        box-shadow:0 0 4px rgba(0, 0, 0, 0.3);*/
}

.page-sidebar article.format-image .entry-content p {
	display: none;
}

ul.linklist {
	list-style-type: none;
	margin-bottom:  1em;
}

ul.linklist li:before {
	font-family: "FontAwesome";
	content:  "\f0a9";
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: .5em;
	color: #CF1959;
}

.page section.content > .content h1,
.error404 section.content > .content h1,
.search-no-results section.content > .content h1 {
	/*border-bottom: 1px solid #CCC;
	padding-bottom: .5em;*/
	margin: 0;
}

/* Navigation für Unterseiten-Widget */

 div.photo-sidebar h2,
 div.painting-sidebar h2,
 div.geometrix-sidebar h2 {
 	float: left;
 	font-size: 1em;
 	padding-right: .5em;
 	position: relative;
 	top: .3em;
 	font-family: 'DSariLight', Helvetica, Arial, sans-serif;
 } 
 
 div.photo-sidebar h2
 div.photo-sidebar div.textwidget ul.linklist,
 div.photo-sidebar div.textwidget ul.linklist li,
 div.painting-sidebar h2
 div.painting-sidebar div.textwidget ul.linklist,
 div.painting-sidebar div.textwidget ul.linklist li,
 div.geometrix-sidebar h2
 div.geometrix-sidebar div.textwidget ul.linklist,
 div.geometrix-sidebar div.textwidget ul.linklist li {
 	display: inline-block;
 	line-height: 2;
 }
 
 div.photo-sidebar div.textwidget ul.linklist li a,
 div.painting-sidebar div.textwidget ul.linklist li a, 
 div.geometrix-sidebar div.textwidget ul.linklist li a {
 	color: #a0a0a0 !important;
 	padding: .2em .8em;
 	border-radius:  .2em;
 	border: 1px solid #a0a0a0;
 	font: .85em 'DSariLight', Helvetica, Arial, sans-serif;
 	letter-spacing: .05em;
 }
 
div.photo-sidebar div.textwidget ul.linklist li:before,
div.painting-sidebar div.textwidget ul.linklist li:before,
div.geometrix-sidebar div.textwidget ul.linklist li:before {
 	content: none !important;
 }
 
div.photo-sidebar div.textwidget ul.linklist li a:hover,
div.painting-sidebar div.textwidget ul.linklist li a:hover,
div.geometrix-sidebar div.textwidget ul.linklist li a:hover {
 	border: 1px solid #00a6cc;
 	color: #00a6cc !important;
 }
 
hr.photo-sidebar,
hr.painting-sidebar,
hr.geometrix-sidebar {
 	margin-top: 1em;
 	margin-bottom: 3em;
 }
 
 

/* Manuell erstellte Bildgalerien */
.fotogalerie {
	font-size: 0;
	clear: left;
}

.fotogalerie a,
.fotogalerie div {
	display:  inline-block;
	vertical-align: top;
	font-size: 14px;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
	
}

.fotogalerie div {
	margin-right:  0;
}


.fotogalerie a.fancybox {
	text-align: left;
	line-height: 0;
	vertical-align: bottom;
	background: #00a6cc url(images/bg-images.png) 50% 50% no-repeat;
	background-size: 16px 16px;
}

.fotogalerie a.fancybox:hover img {
	opacity: .35;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	        filter: grayscale(100%);
	        -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
	        -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
	        filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
	        filter: gray;
	        -webkit-filter: grayscale(1);
}

.fotogalerie.zweier a,
.fotogalerie.zweier div {
	width: 48.3%;
	margin: 0 3% 3% 0;
}

.fotogalerie.zweier div a
 {
	width: 100%;
	margin: 0;
}

.fotogalerie.zweier a:nth-of-type(2n+2),
.fotogalerie.zweier div:nth-of-type(2n+2) {
	margin-right: 0;
}

.fotogalerie.dreier a,
.fotogalerie.dreier div
 {
	width: 31.1%;
	margin: 0 3% 3% 0;
}

.fotogalerie.dreier div a
 {
	width: 100%;
	margin: 0;
}

.fotogalerie.dreier a:nth-of-type(3n+3),
.fotogalerie.dreier div:nth-of-type(3n+3) {
	margin-right: 0;
}

.fotogalerie.vierer a,
.fotogalerie.vierer div {
	width: 22.5%;
	margin: 0 3% 3% 0;
}


.fotogalerie.vierer div a
 {
	width: 100%;
	margin: 0;
}

.fotogalerie.vierer a:nth-of-type(4n+4),
.fotogalerie.vierer div:nth-of-type(4n+4) {
	margin-right: 0;
}

.fotogalerie.zweier div,
.fotogalerie.dreier div,
.fotogalerie.vierer div
 {
	margin-bottom: 5%;
}

.fotogalerie div small {
	margin-top:  2em;
	display: block;
}

.fotogalerie .english,
small .english {
	color: #888;
	font-size: .98em;
}

.fotogalerie .english strong,
small .english strong {
	.font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
}

blockquote.english p {
	font-size: .9em;
	color: #888;
}

.single-pinboard .format-aside .entry-content .english blockquote p {
	font-size: .9em;
	color: #888;
}

@media only screen and (max-width: 480px){
	.fotogalerie.zweier a,
	.fotogalerie.dreier a,
	.fotogalerie.vierer a,
	.fotogalerie.zweier div,
	.fotogalerie.dreier div,
	.fotogalerie.vierer div {
		width: 100%;
		margin: 0 0 5% 0;
		pointer-events: none;
		cursor: default;
	}
	
	.fotogalerie.zweier div a,
	.fotogalerie.dreier div a,
	.fotogalerie.vierer div a {
		width: 100%;
		margin: 0;
	}
}


.page blockquote,
.single-pinboard .format-aside .entry-content blockquote {
	font: 1.4em/1.4em 'DSariThin', Helvetica, Arial, sans-serif;   
    color: #2588AB;
    color: #00A6CC;
    .color: #a0a0a0;
    /*text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #2588AB;
    text-shadow: 0px 1px 0 #EEEEEE, 0px 2px 0 #00A6CC;*/
	text-align: left;
	margin-bottom: .5em;
	max-width:  42em;
}

.page blockquote p:first-child:before,
.single-pinboard .format-aside .entry-content blockquote p:first-child:before {
	content: "„";
}

.page blockquote p:last-child:after,
.single-pinboard .format-aside .entry-content blockquote p:last-child:after {
	content: "“";
}

/* Suche */

div.sucheform {
	margin-top: 2em;
}

/* 19. HOMEPAGE
///////////////////////////////////////////////////////////////////////////////////*/


.home section.intro {
	background: url('images/homepage/keyvisual001.jpg') center center / cover transparent;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
	box-shadow: 0 1px 3px 0 #999 inset;
}



.home section.intro h1 {
	line-height: 1em;
		
}

/* Introtexte und Seiten-Überschriften */
.home section.intro > .content {
	margin: 0 auto;
	max-width: 1200px;
	padding: 10em 1.51515152% 4em; /*15/990*/
}

.home section.intro > .content h1 {
	color:  rgba(255, 255, 255, 1);
	text-shadow:  none;
	padding: 1em 0 2em;
	text-align: center;
	font-family: 'DSariLight', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .02em;
}

.home section.intro > .content h1 a {
	color: #484848;
}

.home section.intro > .content h1 a:hover {
	color: #CF1959;
}

.home section.intro > .content h1 span {
	font: normal normal .5em/1.5 'DSarithin', Helvetica, Arial, sans-serif;
	text-transform: none;
	display: block;
	color:  rgba(255, 255, 255, 1);
	text-shadow: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top:  1.5em;
}

div.intromessage p {
	color:  rgba(255, 255, 255, 1);
	margin-bottom: 1.5em;
	text-align: center;
	font-size:  1.2em;
	letter-spacing: .02em;
}

div.intromessage p strong {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.home article {
	width: 100%;
}

.home article.page {
	width: 100% !important;
	float: left;
	margin-top: 3.5em;
	margin-right: 0;
}

.home section.content {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 1.51515152%; /*15/900*/
	.box-sizing: border-box;
	.-moz-box-sizing:border-box;
}

.home div#secondary.widget-area {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-top: 4em;
	box-sizing: border-box;
}

.home .frontpage-sidebar {
	float: left;
	width:  31.33%; /*217/990*/
	padding: 1.5%;
	margin: 0 1.5%;
	box-sizing: border-box;
	border-radius: .5em
}

home .frontpage-sidebar:hover {
	background:  #f9f9f9;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
}

.home .frontpage-sidebar:first-child {
	margin-left: 0%; /*15/990*/
}
.home .frontpage-sidebar:nth-of-type(3n+3) {
	margin-right: 0%; /*15/990*/
}

.home .frontpage-sidebar:nth-of-type(4n+4) {
	display:  none;
}



.home .frontpage-sidebar p {
	margin-bottom: 1em;
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.home .frontpage-sidebar i {
	text-align: center;
	display: block;
	color:  #a0a0a0;
}

.home .frontpage-sidebar a,
.page-sidebar a.ghost {
	text-align: center;
	display: block;
	padding: .2em;
	color:  #484848;
	border: 1px solid #484848;
	border-radius: .2em;
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
	font-size: .9em;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	     -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.page-sidebar a.ghost {
	width: auto;
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	font-size:  .9em;
}

.home .frontpage-sidebar a:hover,
.page-sidebar a.ghost:hover {
	color:  #00a6cc;
	border-color: #00a6cc;
}

.home .frontpage-sidebar img {
	.width: 50%;
	height: auto;
	margin:  0 auto;
	.border-radius: 100%;
	
background: #00a6cc url(images/bg-images.png) 50% 50% no-repeat;
background-size: 16px 16px;
}

.home .frontpage-sidebar .post-img-frame a.intro-teaser-image {
	padding:0;
	border: 0;
}

.home section.content > h2,
.home .entry-content h2 {
	margin: 0 auto 1em;
	max-width: 1200px;
	padding: 2.5em 1.51515152% 0; /*15/990*/
	clear: left;
	text-align: center;
	border-top:  1px solid #e9e9e9;
	font-family: 'DSariRegular', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .05em;

}

.home section.content > h2 span,
.home .entry-content h2 span {
	font: .7em/1.5 'DSariLight', Helvetica, Arial, sans-serif;
	display: block;
	margin-top: .8em;
	text-transform: none;
	letter-spacing: 0;
}

.home section.content > h2 span a {
	margin-right: 0 !important;
}


.home #article-container {
	margin-top: 0;
}

.home.page .post-img-frame a:hover img { 
	opacity: .35; }

.home.page .post-img-frame {
	/*border: 10px solid #FFF;*/
	background: #00a6cc url(images/bg-images.png) 50% 50% no-repeat;
	background-size: 16px 16px;
}

.home.page .sliderbox .post-img-frame {
	border: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: one;
	        box-shadow: none;
}

.home.page .zilla-likes {
	display:  block;
}


/* 19. MEDIA QUERIES
///////////////////////////////////////////////////////////////////////////////////*/




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

	#article-container .post,
	#article-container .page
	 {
		width: 45.959596%; /*455/990*/
		padding: 0 2.02020202%; /*20/990*/
	}
	
	.page section.content {
		padding: 7em 2.02020202% 0; /*20/990*/
	}
	
	.home.page section.content {
		padding: 0%;
		box-sizing: border-box;
	}
	
	header.pageheader > div {
		padding: 0 2.02020202%; /*20/990*/
	}
	
	.pageheader #searchform {
		right: 2.02020202%; /*20/990*/
	}
	
	
	section.content > .content h1 {
		/*margin: 0 2.02020202%; /*20/990*/
	}
	
	section.content > .morecontent
		 {
		/* margin: 3em 2.02020202% 0; /*20/990*/
	}
	
	
	div.infobox {
		padding: 3em 2.02020202%; /*20/990*/
	}
	
	div.footerbox {
		padding: 0 2.02020202%; /*20/990*/
	}
	
	div.footerbox {
		color: #555;
	}
	
	div.footerbox a,
	div.footerbox a:visited {
		color: #777;
	}
	
	.main #searchform {
		position: static;
		float: left;
		text-align: left;
		overflow: hidden;
		height: 30px;
		padding-top: 6px;
	}
	
	.page article.page,
	.error404 article.page,
	.search-no-results article.page {
		width: 100%; /*630px*/
	}
	
	div#secondary.widget-area {
		width: 100%;
		clear: left;
		float: left;
		margin-top: 3em;
	}
	
	.page-sidebar {
		float:  left;
		width:  47%;
		margin-right:6%;
		margin-bottom: 3em;
	}
	
	.page-sidebar:nth-child(even) {
		margin-right:0;
	}
	
	.home div#secondary.widget-area {
		margin-top: 0;
	}
	
	.home .frontpage-sidebar {
		width:  45.959596%; /*455/990*/
		margin: 2.02020202%; /*20/990*/
		margin-bottom: 2em;
	}
	
	.home .frontpage-sidebar:first-child {
		margin-left: 2.02020202%; /*15/990*/
	}
	
	.home .frontpage-sidebar:nth-of-type(3) {
		clear: left;
		margin-right: 1.5%;
	}
	
	.home .frontpage-sidebar:nth-of-type(4n+4) {
		display:  block;
		margin-right: 0;
	}
	
	.home section.intro > .content {
		padding: 4em 2.02020202% 4em; /*20/990*/
	}
	
	.home #article-container {
		overflow: hidden;
		margin-top: 3em;
		padding: 0 0 3em;
		width:  100%;
		left: 0;
	}
	
	.home section.intro .content > h1 {
		padding-bottom: 1em; /*15/990*/
	}
	
	.home section.content > h2 {
		padding: 2.5em 2.02020202% 0; /*15/990*/
	}
	
}



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

	#article-container .post {
		width: 91.9191919%; /*910/990*/
		padding: 4.04040404%; /*40/990*/
	}
	
	.page section.content {
		padding: 4.04040404%; /*40/990*/
	}
	
	header.pageheader > div {
		padding: 0 4.04040404%; /*20/990*/
	}
	
	.pageheader #searchform {
		right: 4.04040404%; /*20/990*/
	}
	
	section.content > .content h1 {
		/*margin: 0 4.04040404%; /*20/990*/
	}
	
	section.content > .morecontent
		 {
		margin: 3em 4.04040404% 0; /*20/990*/
	}
	
	div.infobox {
		padding: 3em 4.04040404%; /*20/990*/
	}
	
	div.footerbox {
		padding: 0 4.04040404%; /*20/990*/
	}
	
	div.widget-area-1 {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 4em;
	}    
	
	div.widget-area-2 {
		width: 100%;
		margin-bottom: 1em;
	} 
	
	
	
	.page article.page,
	.error404 article.page,
	.search-no-results article.page {
		width: 100%;
		margin-right: 0;
		margin-bottom: 3em;
	}
	
	.page-sidebar {
		width: 100%;
		margin: 0;
	}
	
	.home .frontpage-sidebar,
	.home .frontpage-sidebar:first-of-type {
		width: 91.9191919%; /*910/990*/
		margin: 0 4.04040404% 2em; /*40/990*/
	}
	
	.home .frontpage-sidebar:nth-of-type(4n+4) {
		display:  none;
	}
	
	.home section.intro > .content {
		padding: 2em 4.04040404% 4em; /*40/990*/
	}
	
	.home section.intro > .content > h1 {
		font-size:  2.2em;
		padding-top:  2em;
	}

	.home section.intro > .content > h1 span {
		font-size:  .5em;
	}
	
	a.prev.page-numbers,
	a.next.page-numbers {
		width: 10%;
	}
	
	.entry-meta h2 span {
		display: block;
		padding-left:  0;
	}
	
}


/* ANPASSUNGEN UEBERGANGSWEISE SEPTEMBER 2014 */


/* HOMEPAGE */
.home section.content > h2 span {
	padding: 0 20%;
}

.home section.content > h2 span a {
	display: inline-block;
	padding: .2em 3em;
	margin-top: 1em;
	border-radius:  .2em;
	border: 1px solid #484848;
	color: #484848;
	border-radius: .2em;
	font-family: 'DSariThin', Helvetica, Arial, sans-serif;
	font-size: .95em;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.home section.content > h2 span a:hover {
	border-color: #00a6cc;
	color: #00a6cc;
}




/* PINNWAND */
.blog footer.entry-meta,
.home footer.entry-meta,
.tag footer.entry-meta,
.search footer.entry-meta,
.date footer.entry-meta {
	display: none;
}


.blog #article-container .post,
.home #article-container .post,
.tag #article-container .post,
.search #article-container .post,
.date #article-container .post {
	margin-bottom: 0;
}

.blog .format-image div.post-img-frame,
.blog .format-gallery div.post-img-frame,
.home .format-image div.post-img-frame,
.home .format-gallery div.post-img-frame,
.tag .format-image div.post-img-frame,
.tag .format-gallery div.post-img-frame,
.search .format-image div.post-img-frame,
.search .format-gallery div.post-img-frame,
.date .format-image div.post-img-frame,
.date .format-gallery div.post-img-frame {
	margin-bottom: 0 !important;
}

.blog .format-gallery .sliderbox,
.home .format-gallery .sliderbox,
.tag .format-gallery .sliderbox,
.search .format-gallery .sliderbox,
.date .format-gallery .sliderbox {
	margin-bottom: 0;
}

.blog .format-gallery ul.mm-direction-nav,
.home .format-gallery ul.mm-direction-nav,
.tag .format-gallery ul.mm-direction-nav,
.search .format-gallery ul.mm-direction-nav,
.date .format-gallery ul.mm-direction-nav {
	padding: 1em;
	background-color: #484848;
	overflow: hidden;
}

.blog .format-gallery ul.mm-direction-nav li a,
.home .format-gallery ul.mm-direction-nav li a,
.tag .format-gallery ul.mm-direction-nav li a,
.search .format-gallery ul.mm-direction-nav li a,
.date .format-gallery ul.mm-direction-nav li a {
	color:  #ccc;
}

.blog .format-gallery div.entry-content p,
.blog .format-image div.entry-content p,
.home .format-gallery div.entry-content p,
.home .format-image div.entry-content p,
.tag .format-gallery div.entry-content p,
.tag .format-image div.entry-content p,
.search .format-gallery div.entry-content p,
.search .format-image div.entry-content p,
.date .format-gallery div.entry-content p,
.date .format-image div.entry-content p {
	display: none;
}

.blog .format-image div.entry-content,
.blog .format-gallery div.entry-content,
.home .format-image div.entry-content,
.home .format-gallery div.entry-content,
.tag .format-image div.entry-content,
.tag .format-gallery div.entry-content,
.search .format-image div.entry-content,
.search .format-gallery div.entry-content,
.date .format-image div.entry-content,
.date .format-gallery div.entry-content {
	margin-bottom: 0;
}

.blog #article-container .post.format-status,
.home #article-container .post.format-status,
.tag #article-container .post.format-status,
.search #article-container .post.format-status,
.date #article-container .post.format-status {
	padding-bottom:  1em;
}

.blog .format-status .entry-content,
.home .format-status .entry-content,
.tag .format-status .entry-content,
.search .format-status .entry-content,
.date .format-status .entry-content {
	margin-bottom: 5px;
}

.blog .format-video p,
.home .format-video p,
.tag .format-video p,
.search .format-video p,
.date .format-video p {
	padding: 1em;
	margin-top:  .2em;
	background-color: #000;
	overflow: hidden;
	display: none;
}

.blog .format-video div.video-container,
.blog .format-video div.entry-content,
.home .format-video div.video-container,
.home .format-video div.entry-content,
.tag .format-video div.video-container,
.tag .format-video div.entry-content,
.search .format-video div.video-container,
.search .format-video div.entry-content,
.date .format-video div.video-container,
.date .format-video div.entry-content {
	margin-bottom: 0;
}

.blog .format-link div.entry-content p:last-of-type,
.home .format-link div.entry-content p:last-of-type,
.tag .format-link div.entry-content p:last-of-type,
.search .format-link div.entry-content p:last-of-type,
.date .format-link div.entry-content p:last-of-type {
	margin-bottom: 0;
}


/* Pinnwand Post Widget */
.page-sidebar footer.entry-meta {
	display: none;
}

#secondary div.page-sidebar div.execphpwidget div.entry-content img {
	margin: 0;
}

.page-sidebar div.execphpwidget a.pinnwand {
	display: inline-block;
	.margin-top: 1.5em;
}

/* Hover entry-meta bei Bildern */
.blog .format-image  #article-container .post,
.home .format-image #article-container .post,
.tag .format-image #article-container .post,
.search .format-image #article-container .post,
.execphpwidget .format-image,
.date .format-image #article-container .post {
	position: relative;
}

.blog .format-image .post-img-frame a img,
.home .format-image .post-img-frame a img,
.tag .format-image .post-img-frame a img,
.search .format-image .post-img-frame a img,
.date .format-image .post-img-frame a img,
.execphpwidget .format-image a img {
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    -ms-transition: opacity .1s linear;
    -o-transition: opacity .1s linear;
    transition: opacity .1s linear;
}

.blog .format-image:hover .post-img-frame a img,
.home .format-image:hover .post-img-frame a img,
.tag .format-image:hover .post-img-frame a img,
.search .format-image:hover .post-img-frame a img,
.execphpwidget .format-image:hover .post-img-frame a img,
.date .format-image:hover .post-img-frame a img { 
opacity: .35; 
filter: grayscale(100%);
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); -o-filter: grayscale(100%);
filter: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale');
filter: gray;
-webkit-filter: grayscale(1);}

.blog .format-image:hover footer.entry-meta,
.home .format-image:hover footer.entry-meta,
.tag .format-image:hover footer.entry-meta,
.search .format-image:hover footer.entry-meta,
.execphpwidget .format-image:hover footer.entry-meta,
.date .format-image:hover footer.entry-meta {
	display: block;
	left:  0;
	bottom: 0;
	position:  absolute;
	width:  88%;
	background:  rgba(255, 255, 255, .9);
	margin: 6%;
	padding:  0 .5em;
	box-sizing: border-box;
}

.execphpwidget .format-image:hover footer.entry-meta {
	width:  96.8%;
	margin: 0 1.6% 2%;
}

.blog .format-image footer.entry-meta .entry-tags,
.home .format-image footer.entry-meta .entry-tags,
.tag .format-image footer.entry-meta .entry-tags,
.search .format-image footer.entry-meta .entry-tags,
.execphpwidget .format-image footer.entry-meta .entry-tags,
.date .format-image footer.entry-meta .entry-tags,
.blog .format-image footer.entry-meta .recent-comments,
.home .format-image footer.entry-meta .recent-comments,
.tag .format-image footer.entry-meta .recent-comments,
.search .format-image footer.entry-meta .recent-comments,
.execphpwidget .format-image footer.entry-meta .recent-comments,
.date .format-image footer.entry-meta .recent-comments {
display:  none;
}

.blog .format-image footer.entry-meta h2,
.home .format-image footer.entry-meta h2,
.tag .format-image footer.entry-meta h2,
.search .format-image footer.entry-meta h2,
.execphpwidget .format-image footer.entry-meta h2,
.date .format-image footer.entry-meta h2 {
	border-bottom:  1px solid #888;
}

.blog .format-image footer.entry-meta h2 a:hover,
.home .format-image footer.entry-meta h2 a:hover,
.tag .format-image footer.entry-meta h2 a:hover,
.search .format-image footer.entry-meta h2 a:hover,
.execphpwidget .format-image footer.entry-meta h2 a:hover,
.date .format-image footer.entry-meta h2 a:hover {
	color:  #484848;
}

.blog .format-image footer.entry-meta .entry-date,
.home .format-image footer.entry-meta .entry-date,
.tag .format-image footer.entry-meta .entry-date,
.search .format-image footer.entry-meta .entry-date,
.execphpwidget .format-image footer.entry-meta .entry-date,
.date .format-image footer.entry-meta .entry-date,
.blog .format-image footer.entry-meta .entry-likes a,
.home .format-image footer.entry-meta .entry-likes a,
.tag .format-image footer.entry-meta .entry-likes a,
.search .format-image footer.entry-meta .entry-likes a,
.execphpwidget .format-image footer.entry-meta .entry-likes a,
.date .format-image footer.entry-meta .entry-likes a,
.blog .format-image footer.entry-meta a.comments-number,
.home .format-image footer.entry-meta a.comments-number,
.tag .format-image footer.entry-meta a.comments-number,
.search .format-image footer.entry-meta a.comments-number,
.execphpwidget .format-image footer.entry-meta a.comments-number,
.date .format-image footer.entry-meta a.comments-number {
	color: #555;
}

.blog .format-image footer.entry-meta .entry-likes a.active,
.home .format-image footer.entry-meta .entry-likes a.active,
.tag .format-image footer.entry-meta .entry-likes a.active,
.search .format-image footer.entry-meta .entry-likes a.active,
.execphpwidget .format-image footer.entry-meta .entry-likes a.active,
.date .format-image footer.entry-meta .entry-likes a.active {
	color: #00a6cc !important;
}

/* Pages */

.page div.entry-content  a.ghost {
	display: inline-block;
	padding: .5em 2em;
	border:  1px solid #CF1959;
	margin-top: 1em;
}

.page div.entry-content  a.ghost:before {
	font-family: "FontAwesome";
	content:  "\f0a9";
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: inherit;
	padding-right: .5em;
}

.page div.entry-content  a.ghost:hover {
	border-color:  #424242;
}

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

	.blog #article-container .post,
	.blog #article-container .page,
	.home #article-container .post,
	.home #article-container .page,
	.tag #article-container .post,
	.tag #article-container .page,
	.date #article-container .post,
	.date #article-container .page {
		padding: 2.02020202%; /*20/990*/
	}
	
	.home section.content > h2 span {
		padding: 0;
	}
}

/* Links in Beiträgen als Button darstellen */



a.rsvp.button-page-link {
	display: inline-block;
	padding: .5em 2em;
	border:  5px solid #e14d43;
	margin-top: 1em;
	text-transform: uppercase;
	letter-spacing: .05em;
	color: #e14d43;
}

a.rsvp.button-page-link:hover {
	background: rgba(225, 77, 67, .4);
	color: #e14d43;
}




/* Sidebar unten */
.page-template-page-bottom-sidebar-php section.content article,
.page-template-page-bottom-sidebar-full-width-php section.content article {
	width:  100%;
	margin-right: 0;
}

.page-template-page-bottom-sidebar-php section.content article,
.page-template-page-bottom-sidebar-full-width-php section.content article p.limited-width {
	max-width:  60em;
}

.page-template-page-bottom-sidebar-full-width-php section.content article p.limited-width {
	margin-bottom:  1.5em;
}


.page-template-page-bottom-sidebar-php section.bottom-sidebar,
.page-template-page-bottom-sidebar-full-width-php section.bottom-sidebar {
	background: #F5F5F5;
	
	}
	
.page-template-page-bottom-sidebar-php section.bottom-sidebar div#secondary.widget-area,
.page-template-page-bottom-sidebar-full-width-php section.bottom-sidebar div#secondary.widget-area {
		padding: 5em 1.51515152% 3em;
		 /*15/990*/
		max-width: 1980px;
		max-width: 1200px;
		margin-bottom:  5em;
		margin: 0 auto;
	}


@media only screen and (min-width: 769px) {
	.page-template-page-bottom-sidebar-php #secondary div.page-sidebar,
	.page-template-page-bottom-sidebar-full-width-php #secondary div.page-sidebar {
		display: inline-block;
		vertical-align: top;
		width: 30.4%;
		margin: 0 4.3% 3.3% 0;
	}

	.page-template-page-bottom-sidebar-php #secondary div.page-sidebar:nth-of-type(3n+3),
	.page-template-page-bottom-sidebar-full-width-php #secondary div.page-sidebar:nth-of-type(3n+3) {
		margin-right: 0;
	}

}

@media only screen and (max-width: 768px) {
	.page-template-page-bottom-sidebar-php #secondary div.page-sidebar:nth-of-type(3n+3),
	.page-template-page-bottom-sidebar-full-width-php #secondary div.page-sidebar:nth-of-type(3n+3) {
		display: none;
	}
	.page-template-page-bottom-sidebar-php section.bottom-sidebar div#secondary.widget-area,
	.page-template-page-bottom-sidebar-full-width-php section.bottom-sidebar div#secondary.widget-area {
		padding: 5em 2.02020202% 0; /*20/990*/
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 480px){
	.page-template-page-bottom-sidebar-php section.bottom-sidebar div#secondary.widget-area
	.page-template-page-bottom-sidebar-full-width-php section.bottom-sidebar div#secondary.widget-area {
		padding: 5em 4.04040404% 1em;
	}

	.home div.intromessage a.awesome.red.large {
		padding: .5em 1em;
	}
}