/*
Theme Name: zoomaliste
Theme URI: http://kompakt.zoomwerkstatt.de
Description: A clean and minimal theme original by <a href="http://www.vivathemes.com/minimaliste-free-minimal-wordpress-theme/" target="_blank">Viva Themes</a> that can be used for your blog, photography or portfolio website. Integrated social media icon fonts, 11 available. Easily upload your logo image. Includes a simple color customization panel and a text-layout-option for categories. --- Go to <a href="http://www.zoomwerk.de/">Themehomepage</a>
Author: zoomwerk
Author URI: http://zoomwerk.de
License: GNU GPL
License URI: http://www.gnu.org/licenses/gpl.html
Version: 3.0
Tags: light, white, four-columns, fluid-layout, responsive-layout, custom-background, custom-menu, featured-images, custom-colors 
zoomaliste Theme, (C) zoomwerk, Minmaliste Theme (C) 2014 Viva Themes
*/

@import url('reset.css');

body {
	background: #fff;
	color: #404040;
	line-height: 165%;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 12px;
	letter-spacing:.05em;
	overflow-y:scroll;
}

@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
	
h1 {
	font-size: 26px;
	color: #404040;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	line-height: 28px;
}

h2 {
	color: #404040;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 22px;
	line-height: 22px;
}

h3 {
	color: #404040;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 20px;
	line-height: 22px;
}

h4 {
	color: #404040;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}

h5 {
	color: #404040;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
}


p { margin-top: 6px; }

img { 
	border: none; padding:0; 
}

img a {
	border:none;
}

img.left { 
	float: left; border: none; padding: 6px 0 0 0; 
}

img.right { 
	float: right; border: none; padding: 0 0 0 6px; 
	}

blockquote {
	border-left:1px solid #ccc;
	margin:15px;
	padding:0 12px 0 12px;
	font-style: italic;
}

code{
	font-family:"Courier New", Courier, monospace;
}


/* links */

a {
	color: #666;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.nounder a,
a.nounder {
	text-decoration:none;
}
a:hover {
	color: #000;
}

/* container */

#container {
	width: 100%;
	overflow: hidden;
}
	
/* header */

#header {
	padding-top:40px;
  	width: 100%; 
}

#socialize {
	width: 100%;
	text-align: right;
}

a.socialicon {
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 10px;
	color: #666;
	display: inline-block;
	border: solid 1px #666;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-decoration:none;
}
a.socialicon.searchicon {
	display:none;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

a.socialicon:hover {
	-webkit-animation:spin .3s linear 1;
    -moz-animation:spin .3s linear 1;
	-o-animation:spin .3s linear 1;
    animation:spin .3s linear 1;
}

a.socialicon:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: top;
	line-height: 30px;
}

a.searchicon:before {
	content: '\f400';
}

a.twittericon:before {
	content: '\f202';
}

a.facebookicon:before {
	content: '\f204';
}

a.linkedinicon:before {
	content: '\f207';
}

a.dribbleicon:before {
	content: '\f201';
}

a.pinteresticon:before {
	content: '\f209';
}

a.flickricon:before {
	content: '\f211';
}

a.vimeoicon:before {
	content: '\f212';
}

a.youtubeicon:before {
	content: '\f213';
}

a.tumblricon:before {
	content: '\f214';
}

a.instagramicon:before {
	content: '\f215';
}

a.googleplusicon:before {
	content: '\f218';
}

#logo {	
	width: 30%;
	float: left;
	margin-top: 10px;
}

#logo h1 {
	margin-top: 0;
}

#logo a {
	text-decoration: none;
}

#logo a h1.site-title {
	color: #404040;
	font-family: arial, helvetica, sans-serif;
	font-size: 24px;
	text-decoration: none;
	display: block;
	line-height: 120%;
}
#logo img {
	max-height:60px;
	width:auto;
}
#site-description {
	margin-top: 0;
	font-size: 12px;
	color: #404040;
}

/* Main Menu */

#mainmenu {
	width: 70%;
	float: right;
	margin-top: 32px;
}
#mainmenu.nodesc {
	margin-top: 10px;
}
.btmenu,
.btmenuclear {
	display:none;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
	z-index: 999;
}

.sf-menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	display:block;
	visibility:hidden;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s ease;
}
.sf-menu .sfhover ul {
	visibility:visible;
	opacity: 1;
}

.sf-menu > li {
	float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** Menu Styling ***/
.sf-menu {
	float: right;
	margin-bottom: 0;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	display: block;
	position: relative;
	padding: 7px 15px;
	text-decoration: none;
	zoom: 1; /* IE7 */
	font-family: arial, helvetica, sans-serif;
	/*font-size: 12px;*/
	color: #404040;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

.sf-menu > li:last-child a {
	padding-right: 0;
}
.sf-menu li:last-child a.sf-with-ul {
	padding-right: 2.5em;
}

.sf-menu a:hover,
.sf-menu li.current-menu-item a,
.sf-menu li.current-post-ancestor > a,
.sf-menu li.current-menu-parent > a,
.sf-menu li.current-post-parent > a {
	color: #999;
}
.sf-menu li.current-menu-item li > a,
.sf-menu li.current-post-ancestor li > a,
.sf-menu li.current-menu-parent li > a,
.sf-menu li.current-post-parent li > a {
	color: #404040;
}
.sf-menu li.current-menu-item li a:hover,
.sf-menu li.current-post-ancestor li a:hover,
.sf-menu li.current-menu-parent li a:hover,
.sf-menu li.current-post-parent li a:hover,
.sf-menu li.current-menu-parent li.current-menu-item > a {
	color: #999;
}

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu ul li {
	background: #fff;
}

.sf-menu ul ul li {
	background: #fff;
}

.sf-menu ul li a,
.sf-menu ul ul li a {
	/*color: #999;
	font-size: 12px;
	text-transform: none;*/
	line-height: 160%;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(153,153,153,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #666; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(153,153,153,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: #666;
	border-top-color: transparent;
}


/* search */

.searcheader {
	text-align: right;
	display:inline-block;
}
#header #searchform {
}

#searchform input#s {
	width:120px;
	color:#ccc;
	line-height:24px;
}
.sf-menu #searchform input#s {
	line-height:inherit;
}
#searchform input#s:hover,
#searchform input#s:focus {
	color:#666;
}

#searchform input#searchsubmit {
	display: none;
}
.hero {padding:15px 0;}
.bgimage {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	min-height:400px;
}

/* content */

#wrapper {
	max-width: 1000px;
	margin: 0 auto;
}
.fullwith #wrapper {
	max-width: none;
}
.fullwith #header,
.fullwith .hero,
.fullwith #content,
.fullwith #footer {
	padding:0 10%;
}
.fullwith .hero {
	padding:15px 10%;
}
.fullwith #header {
	padding:40px 10% 0;
}
.fullwith.fwhero .hero {
	max-width: none;
	padding:15px 0;
}
.fullwith.fwhero .hero .description {
	padding:0 10%;
}
.fullwith.nofwcontent.fwhero .hero .description {
	max-width: 1000px;
	margin:30px auto 0;
	padding:0;
}
.fullwith.nofwheader #header {
	max-width: 1000px;
	margin: 0 auto;
	padding:40px 0 0;
}
.fullwith.nofwcontent #content,
.fullwith.nofwcontent.archive #content {
	max-width: 1000px;
	margin:50px auto 0;
	padding:0;
}
.fullwith.nofwfooter #footer {
	max-width: 1000px;
	margin: 10px auto 50px;
	padding:0;
}
.description {
	margin:30px 0 0;
}
.cont_sidebar {
	float:left;
	width:720px;
}
.sidebar {
	float:right;
	width:250px;
}
.leftsidebar .cont_sidebar {
	float:right;
}
.leftsidebar .sidebar {
	float:left;
}

/* Front Page Featured Posts*/

a.blogpost {
	width: 240px;
	height: 240px;
	float: left;
	clear: none;
	overflow: hidden;
	position: relative;
	margin:5px;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}
a.blogpost.quer {
	/*
	width: 490px;
	height: 270px;
	padding-bottom:0;
	*/
	width:49%; height:0; padding: 0 0 27% 0; margin:0.5%;
}
a.blogpost.nomarge {
	width: 250px;
	height: 250px;
	margin:0;
}
.one .gridsizer.nomarge { width:100%; }
.one a.blogpost.nomarge {
	width:100%; height:0; padding: 0 0 100% 0;
}
.two .gridsizer.nomarge { width:50%; }
.two a.blogpost.nomarge {
	width:50%; height:0; padding: 0 0 50% 0;
}
.three .gridsizer.nomarge { width:33.3333333333%; }
.three a.blogpost.nomarge {
	width:33.3333333333%; height:0; padding: 0 0 33.3333333333% 0;
}
.four .gridsizer.nomarge { width:25%; }
.four a.blogpost.nomarge {
	width:25%; height:0; padding: 0 0 25% 0;
}
.five .gridsizer.nomarge { width:20%; }
.five a.blogpost.nomarge {
	width:20%; height:0; padding: 0 0 20% 0;
}
.six .gridsizer.nomarge { width:16.6666666667%; }
.six a.blogpost.nomarge {
	width:16.6666666667%; height:0; padding: 0 0 16.6666666667% 0;
}
.seven .gridsizer.nomarge { width:14.2857142857%; }
.seven a.blogpost.nomarge {
	width:14.2857142857%; height:0; padding: 0 0 14.2857142857% 0;
}
.eight .gridsizer.nomarge { width:12.5%; }
.eight a.blogpost.nomarge {
	width:12.5%; height:0; padding: 0 0 12.5% 0;
}
.nine .gridsizer.nomarge { width:11.1111111111%; }
.nine a.blogpost.nomarge {
	width:11.1111111111%; height:0; padding: 0 0 11.1111111111% 0;
}
.ten .gridsizer.nomarge { width:10%; }
.ten a.blogpost.nomarge {
	width:10%; height:0; padding: 0 0 10% 0;
}

.one .gridsizer.marge { width:100%; }
.one a.blogpost.marge {
	width:99%; height:0; padding: 0 0 99% 0; margin:0.5%;
}
.two .gridsizer.marge { width:50%; }
.two a.blogpost.marge {
	width:49%; height:0; padding: 0 0 49% 0; margin:0.5%;
}
.three .gridsizer.marge { width:33.3333333333%; }
.three a.blogpost.marge {
	width:32.3333333333%; height:0; padding: 0 0 32.3333333333% 0; margin:0.5%;
}
.four .gridsizer.marge { width:25%; }
.four a.blogpost.marge {
	width:24%; height:0; padding: 0 0 24% 0; margin:0.5%;
}
.five .gridsizer.marge { width:20%; }
.five a.blogpost.marge {
	width:19%; height:0; padding: 0 0 19% 0; margin:0.5%;
}
.six .gridsizer.marge { width:16.6666666667%; }
.six a.blogpost.marge {
	width:15.6666666667%; height:0; padding: 0 0 15.6666666667% 0; margin:0.5%;
}
.seven .gridsizer.marge { width:14.2857142857%; }
.seven a.blogpost.marge {
	width:13.2857142857%; height:0; padding: 0 0 13.2857142857% 0; margin:0.5%;
}
.eight .gridsizer.marge { width:12.5%; }
.eight a.blogpost.marge {
	width:11.5%; height:0; padding: 0 0 11.5% 0; margin:0.5%;
}
.nine .gridsizer.marge { width:11.1111111111%; }
.nine a.blogpost.marge {
	width:10.1111111111%; height:0; padding: 0 0 10.1111111111% 0; margin:0.5%;
}
.ten .gridsizer.marge { width:10%; }
.ten a.blogpost.marge {
	width:9%; height:0; padding: 0 0 9% 0; margin:0.5%;
}

a.blogpost.quer.nomarge {
	/*
	width: 500px;
	height: 280px;
	margin:0;
	*/
	width:50%; height:0; padding: 0 0 28% 0; margin:0;
}
.mason a.blogpost.marge,
.mason a.blogpost.nomarge {
	height: auto;
	min-height:100px;
	padding:0;
}
.three.mason a.blogpost.nomarge.dbl { width:66,6666666667%; }
.four.mason a.blogpost.nomarge.dbl { width:50%; }
.five.mason a.blogpost.nomarge.dbl { width:40%; }
.six.mason a.blogpost.nomarge.dbl { width:33,3333333334%; }
.seven.mason a.blogpost.nomarge.dbl { width:28.5714285714%; }
.eight.mason a.blogpost.nomarge.dbl { width:25%; }
.nine.mason a.blogpost.nomarge.dbl { width:22.2222222222%; }
.ten.mason a.blogpost.nomarge.dbl { width:20%; }

.three.mason a.blogpost.marge.dbl { width:65,6666666666%; }
.four.mason a.blogpost.marge.dbl { width:49%; }
.five.mason a.blogpost.marge.dbl { width:39%; }
.six.mason a.blogpost.marge.dbl { width:32.3333333334%; }
.seven.mason a.blogpost.marge.dbl { width:27.5714285714%; }
.eight.mason a.blogpost.marge.dbl { width:24%; }
.nine.mason a.blogpost.marge.dbl { width:21.2222222222%; }
.ten.mason a.blogpost.marge.dbl { width:19%; }

.mainthumb {
	width:100%;
	height:100%;
	position: relative;
	z-index: 2;
	-webkit-transition: all 0.5s ease;
  	-moz-transition:    all 0.5s ease;
  	-ms-transition:     all 0.5s ease;
  	-o-transition:      all 0.5s ease;
	opacity:1;
}
.mainthumb img {
	display:block;
	margin:0 auto;
}

.mask {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding: 5%;
	padding-bottom:95%;
}

a.blogpost:hover .mainthumb {
	margin-top: 80px;
	opacity:0;
}
.archive .mask {
	opacity:0;
}
a.blogpost:hover .mask {
	opacity:1;
}

/* flip https://www.w3schools.com/howto/howto_css_flip_card.asp, https://davidwalsh.name/css-flip */
.flip_x a.blogpost,
.flip_y a.blogpost {
	overflow:visible;
	-webkit-transition: none;
  	-moz-transition:    none;
  	-ms-transition:     none;
  	-o-transition:      none;
}
.flip_x a.blogpost:hover .mainthumb,
.flip_y a.blogpost:hover .mainthumb {
	margin-top: 0;
	opacity:1;
}
.flip_x a.blogpost,
.flip_y a.blogpost {
  /*background-color: transparent;*/
  perspective: 1000px;
}

.flip_x .flipper,
.flip_y .flipper {
	position: relative;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.flip_y .flipper {
	height:0;
	padding-bottom:100%;
}
.mason.flip_y .flipper {
	height:auto;
	padding-bottom:0;
}
.flip_x a.blogpost:hover .mainthumb,
.flip_y a.blogpost:hover .mainthumb {
	opacity:1;
}
.flip_x a.blogpost:hover .flipper {
	transform: rotateY(180deg);
}
.flip_y a.blogpost:hover .flipper {
	transform: rotateX(180deg);
}
.flip_x .mainthumb, .flip_x .mask,
.flip_y .mainthumb, .flip_y .mask {
	position: absolute;
	z-index:0;
	backface-visibility: hidden;
	-webkit-transition: none;
  	-moz-transition:    none;
  	-ms-transition:     none;
  	-o-transition:      none;
}
.flip_x .mainthumb {
}
.mason.flip_x .mainthumb {
	height:auto;
}
.flip_x .mask {
	transform: rotateY(180deg);
}
.flip_y .mask {
	transform: rotateX(180deg);
}
.mason.flip_y .mask {
	padding-bottom:0;
}

a.blogpost h2.entry-title {
	color: #404040;
	text-transform: none;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 120%;
	word-wrap: break-word;
}

#content,
.archive #content {
	width: 100%;
	margin-top:50px;
	min-height:300px;
}

.post {
	margin:0;
	padding: 0;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}

.entry {
	width: 100%;
	clear: both;
	margin-top: 20px;
}
.entry:first-child {
	margin-top:0;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.3em;
}
h1 {
	margin-top:0;
}
h1.entry-title {
	color: #404040;
	padding:0;
	text-transform:none;
	font-weight: normal;
	font-size: 20px;
	text-decoration: none;
	margin-bottom: 25px;
	/*-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;*/
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
}
h1.entry-title.zent {
	text-align:center;
}
.page h1.entry-title,
.single h1.entry-title {
	display:none;
}
h2.pagetitle {
	display: none;
	margin-bottom:10px;
	margin-left:5px;
}
.search h2.pagetitle {
	margin-left:0;
}

.entry ul li,
.entry ol li {
	text-indent:-.95em;
	margin-left:2%;
}
.entry ol li {
	padding-left:2%;
}
.entry ul li:before {
	content:"\00bb\00a0";
}
.entry ul li li:before {
	content:"-\00a0";
}

.entry p {
	margin:8px 0;
	/*-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;*/
}
.entry p.kat,
.entry p.tag {
	clear:both;
}
hr {
	clear:both;
	border: 0;
	height: 1px;
	background: #ccc;
	margin:20px 0;
}

.postdata {
	width: 100%;
	float: left;
	color: #999;
	font-size: 16px;
}

/* Post Navigation */

.postnav {
	clear:both;
	margin:10px 0;	
}
.postnav a {
	display:block;
	text-decoration:none;	
}
.postnav a[rel=prev] {
	float:right;
}
.postnav a[rel=next] {
	float:left;
}

/* inputs */
input[type=text],
input[type=email],
input[type=tel],
textarea,
input[type=submit] {
	border:1px solid #ccc;
	border-radius:5px;
	padding:5px 5px;
	width:50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
input[type=text]:hover,
input[type=email]:hover,
input[type=tel]:hover,
textarea:hover {
	border:1px solid #000;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
	border:1px solid #000;
}
input[type=submit] {
	background:#ccc;
	width:100px;
}

/* Blog Page Navigation */

#blognav {
	float: left;
	clear: both;
	width: 100%;
	height: 50px;
	margin-top: 30px;
}

#blognav a.page-numbers {
    border: solid 1px #eaeaea;
	padding: 6px 10px; 
	margin-right: 5px;
	text-decoration: none;
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

#blognav a.page-numbers:hover,
#blognav span.current {
    border: solid 1px #eaeaea;
	background: #eaeaea;
	padding: 6px 10px; 
	margin-right: 5px;
	color: #999;
	font-size: 11px;
	text-transform: uppercase;
}

ol {
	margin: 10px;
}

ul {
	margin: 5px;
}

/* comments */


#commentform {
	margin:0;
	padding:0;
}
	
#commentform p {
	color: #666;
}
	
#commentform a { 
	color: #404040; 
	text-decoration: none; 
	line-height: 14pt;
}
	
#commentform h3 {
	font-size: 10pt;
	font-weight: normal;
	color: #404040;
	margin:0;
	padding:0;
}
	
#comment {
	width:80%;
	padding: 5px;
}

#comments textarea,
#comments input {
	float: left;
	clear: left;
	
}

#comments label {
	float: left;
	clear: left;
	margin-top: 15px;
}

p.form-allowed-tags {
	float: left;
	clear: left;
}

#author, #email, #url, #comment, #submit {
	font-size: 11px;
	border: none;
	border: 1px solid #eaeaea;
	color: #666;
	padding-left: 5px;
	background: #fff;
}

#author, #email, #url {
	height:16px;
	padding-top:5px;
	padding-bottom: 5px;
}
	
#submit {
	margin:5px 5px 0 0; 
	cursor:pointer;
	color: #666;
	padding: 4px 7px;
	margin-top: 10px;
}

#comments {
	margin:0; 
	padding:0;
}

#respond h3,
h3#comments {
	color: #404040;
	font-size: 16px;
	margin-bottom: 2px;
	clear: left;
	text-transform: none;
	font-weight: normal;
	margin-top: 15px;
}	


.reply a.comment-reply-link {
	background: #fff;
	font-size: 11px;
	border: none;
	padding:0;
	color: #666;
	padding: 4px 7px;
	border: solid 1px #eaeaea;
}

.reply a.comment-reply-link:hover,
#submit:hover {
	background: #eaeaea;
}

ol.commentlist { 
	list-style-type: none; 
	margin:0; 
	padding:0; 
	float:left;
	margin-top: 15px;
}

.avatar {
	float:left; 
	margin:0 12px 0 0;
}

ol.commentlist li {
	background: #fff;
	margin: 0;
	padding: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	width: 94%;
	padding: 3%;
	list-style-type:none;
	float: left;
	margin-bottom: 20px;
}

ol.commentlist ul li {
    border: none;
    padding: 20px;
	width: 350px;
	padding-bottom: 0;
	padding-right: 0;
}

ol.commentlist li.alt {
	
}

ol.commentlist li p {
	margin: 6px 0 6px 0; 
	padding: 0 12px 0 0; 
	line-height: 14pt;
}

ol.commentlist a {
	color:#000;
	text-decoration: none;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	}
	
cite a {
	color: #000; 
	text-decoration: none; 
	border-bottom: 1px solid #ccc;
}

/* misc */

/* --- show/hide next --- */
.hidenext,
.showhide h3.widget-title,.togglenext h3.widget-title {
	cursor:pointer;
}
.hidenext p:before,
.showhide h3.widget-title:before,
.togglenext h3.widget-title:before {
	font-family: 'Genericons';
	display:inline-block;
	content:'\f431 ';
	font-size:110%;
	vertical-align:middle;
	margin-bottom:4px;
	transition:transform .2s ease-in-out;
	-webkit-transition:transform .2s ease-in-out;
	-moz-transition:transform .2s ease-in-out;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
}
.hidenext > :first-child {
	display:inline-block;
}
.hidenext:hover, .hidenext:active {
}
.hidenext.aktiv {
}
.hidenext.aktiv p:before,
.showhide h3.widget-title.aktiv:before,
.togglenext.aktiv h3.widget-title:before {
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
}
.hidenext + .shownext,
.showhide h3.widget-title + .textwidget,
.togglediv > .panel-grid-cell {
	display:none;
}

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
	max-width: 100%;
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
}

/* Galerien */
.gallery {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap: wrap;
	flex-direction: row;
	align-items: stretch; /* flex-start, flex-end, center, stretch, baseline */
	-webkit-align-items:stretch;
	-ms-align-items:stretch; /* start, end, center, stretch, baseline */
	-ms-flex-align: stretch; /* start, end, center, stretch, baseline */
	justify-content: flex-start; /* flex-start, flex-end, center, space-between, space-around */
	-webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start; /* start, end, center, justify, distribute */
}
.gallery.slider img {
	max-height:500px;
	width:auto !important;
}
.gallery .gallery-item {
	flex: 0 1 auto; /* flex: 1 1 auto; */
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	padding:5px;
}
.gallery .gallery-item .toscaption {
	display:none;
}
.gallery-columns-1 .gallery-item {
    margin: 0 auto;
}
.gallery-columns-2 .gallery-item {
    width: calc(100% / 2);
}
.gallery-columns-3 .gallery-item {
    width: calc(100% / 3);
}
.gallery-columns-4 .gallery-item {
    width: calc(100% / 4);
}
.gallery-columns-5 .gallery-item {
    width: calc(100% / 5);
}
.gallery-columns-6 .gallery-item {
    width: calc(100% / 6);
}
.gallery-columns-7 .gallery-item {
    width: calc(100% / 7);
}
.gallery-columns-8 .gallery-item {
    width: calc(100% / 8);
}
.gallery-columns-9 .gallery-item {
    width: calc(100% / 9);
}
.gallery-item img {
    margin: 0 auto;
}
.gallery-caption {
	text-align:center;
	font-size:80%;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 0;
	text-align: center;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-size: 10px;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.gallery-item a,
.gallery-caption {
	width: 100%;
}
.gallery-caption,
.gallery .gallery-item .toscaption {
    display: none;
}
.slider .gallery-caption,
.slider .gallery .gallery-item .toscaption {
    display: block;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 100%;
	padding: 0;
	margin:0 auto;
	border:none !important;
}
.gallery-columns-1 .gallery-icon img {
	padding: 0;
}

/* owl */
.gallery.owl-theme .owl-dots {
	display: flex;
	justify-content: center;
}
.owl-carousel .owl-nav button.owl-play, .owl-carousel .owl-nav button.owl-stop {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
}
.owl-carousel .owl-nav button.owl-stop {
	display:none;
}
.gicon-play:before,
.gicon-pause:before,
.gicon-prev:before,
.gicon-next:before {
	content: "\f452";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 1;
	vertical-align: top;
	line-height: 20px;
}
.gicon-pause:before {
	content: "\f448";
}
.gicon-prev:before {
	content: "\f430";
}
.gicon-next:before {
	content: "\f429";
}
.owl-theme .owl-dots .owl-dot {
	width: 20px;
	height: 10px;
}
.gallery.owl-theme .owl-dots .owl-dot span {
	transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	width:5px;
	height:5px;
	margin:0 auto;
}
.gallery.owl-theme .owl-dots .owl-dot.active span, .gallery.owl-theme .owl-dots .owl-dot:hover span {
	width: 7px;
	height: 7px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.entry pre {
	border: 1px solid #ededed;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

p { margin-top: 6px; }

#archivelist {
	float:left;
	margin-right: 0;
	
}

#archivelist ul li {
	list-style: none;
	line-height: 35px;
}

#archivelist ul {
	height: auto;
	margin-bottom: 30px;
}

#archivelist ul li a {
	color: #666;
	text-transform: uppercase;
}

#archivelist ul li a:hover {
	text-decoration: none;
}

ol {
	list-style:decimal;
	margin: 10px;
}

ul {
	margin: 5px;
}

.sticky {
}

.bypostauthor {
}

p.form-allowed-tags {
	display: none;
}

/* sidebar */
.sidebar .widgets {
	margin-bottom:15px;
}
.sidebar #searchform,
.sidebar #searchform input#s {
	float:none;
	width:100%;
}
.sidebar ul {
	list-style:none;
}
.sidebar ul li {
	text-indent:-0.79em;
	margin-left:4%;
}
.sidebar ul li:before {
	content:"\00bb\00a0";
}
.sidebar a {
	text-decoration:none;
}
.sidebar a:hover,
.sidebar a:active {
	text-decoration:underline;
}

/* footer */

#footer {
	clear:both;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 50px;
}

#footer a {
	color: #999;
}

#footer a:hover {
	border-bottom: none;
}
#footer ul,
#footer li {
	display:inline;
}

.klar {
	clear:both;
}
.px20 {
	height:20px;
}
.selectnav { display: none; }

/* navi display screen resize */
@media only screen and (min-width: 1025px) {
.sf-menu {
	display:block !important;
}
}
@media only screen and (max-width: 1440px){
.fullwith #header,
.fullwith .hero,
.fullwith #content,
.fullwith #footer {
	padding:0 5%;
}
.fullwith .hero {
	padding:15px 5%;
}
.fullwith #header {
	padding:40px 5% 0;
}
.fullwith.fwhero .hero {
	max-width: none;
	padding:15px 0;
}
.fullwith.fwhero .hero .description {
	padding:0 5%;
}
.fullwith.nofwcontent.fwhero .hero .description {
	padding:0 5%;
}
.fullwith.nofwheader #header {
	padding:40px 5% 0;
}
.fullwith.nofwcontent #content,
.fullwith.nofwcontent.archive #content {
	padding:0 5%;
}
.fullwith.nofwfooter #footer {
	padding:0 5%;
}

}

@media only screen and (max-width: 1024px) {
.fullwith #header,
.fullwith .hero,
.fullwith #content,
.fullwith #footer {
	padding:0 2%;
}
.fullwith .hero {
	padding:15px 2%;
}
.fullwith #header {
	padding:40px 2% 0;
}
.fullwith.fwhero .hero {
	max-width: none;
	padding:15px 0;
}
.fullwith.fwhero .hero .description {
	padding:0 2%;
}
.fullwith.nofwcontent.fwhero .hero .description {
	padding:0 2%;
}
.fullwith.nofwheader #header {
	padding:40px 2% 0;
}
.fullwith.nofwcontent #content,
.fullwith.nofwcontent.archive #content {
	padding:0 2%;
}
.fullwith.nofwfooter #footer {
	padding:0 2%;
}
.btmenu {
	display:block;
	float:right;
	margin-top:15px;
	margin-right:24px;
}
.btmenu a { cursor: pointer; position: absolute; padding: 10px 35px 16px 0px; }
.btmenu a span { text-indent:-9999px;}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 20px;
  background: #999;
  position: absolute;
  display: block;
  content: '';
}
.btmenu a span:before {
  top: -8px; 
  width: 22px;
}
.btmenu a span:after {
  bottom: -8px;
  width: 24px;
}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
.btmenu a.menuon span, .btmenu a.menuon span:before, .btmenu a.menuon span:after {
  width: 24px;
}
.btmenu a.menuon span {
  background-color: transparent;
}
.btmenu a.menuon span:before, .btmenu a.menuon span:after {
  top: 0;
}
.btmenu a.menuon span:before {
  transform: rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}
.btmenu a.menuon span:after {
  transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
}
#mainmenu,
#mainmenu.nodesc {
	margin-top:0;
	width:100%;
	clear:both;
	float:none;
}
.sf-menu {
	float:none;
	display:none;
}
.sf-menu ul {
	display:block;
	visibility:inherit;
	opacity: 1;
	transition:none;
	box-shadow:none;
	min-width:inherit;
	position:static;
}
.sf-menu > li {
	float:none;
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}
.sf-menu .sub-menu > li {
	padding:5px 0;
}
.sf-arrows .sf-with-ul, .sf-menu a {
	padding:0;
	padding-left:2%;
}
.sf-menu ul li {
	background:none;
}
.sf-menu ul li a {
	padding-left:4%;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	border: none;
}
#logo img {
	max-height:40px;
	margin-top:-5px;
}
}
@media only screen and (max-width: 1024px) and (orientation:portrait), screen and (max-width: 767px)  {
#wrapper {
	padding:0 2%;
}
.fullwith #wrapper {
	padding:0;
}
.fullwith.fwhero #wrapper {
	padding:0;
}
.fullwith #header,
.fullwith .hero,
.fullwith #content,
.fullwith #footer {
	padding:0 2%;
}
.fullwith .hero {
	padding:15px 2%;
}
.fullwith #header {
	padding:5px 2% 0;
}
.fullwith.fwhero .hero {
	max-width: none;
	padding:15px 0;
}
.fullwith.fwhero .hero .description {
	margin: 10px 0 0;
	padding:0 2%;
}
.fullwith.nofwcontent.fwhero .hero .description {
	margin: 10px 0 0;
	padding:0 2%;
}
.fullwith.nofwheader #header {
	max-width: 1000px;
	margin: 0 auto;
	padding:5px 2% 0;
}
.fullwith.nofwcontent #content,
.fullwith.nofwcontent.archive #content {
	max-width: 1000px;
	margin:10px auto 0;
	padding:0 2%;
}
.fullwith.nofwfooter #footer {
	max-width: 1000px;
	margin: 10px auto 50px;
	padding:0 2%;
}
#header {
	padding-top:5px;
}
.searcheader {
	display:none;
}
.searcheader #searchform input#s {
	width:100%;
	margin-bottom:10px;
}
a.socialicon.searchicon {
	display:inline-block;
}
a.socialicon {
	width:20px;
	height:20px;
}
a.socialicon::before {
	font: normal 14px/1 'Genericons';
	line-height: 20px;
}
#logo {
	width:80%;
}
#logo img {
	max-height:40px;
	margin-top:-5px;
}
.btmenu {
	display:block;
	float:right;
	margin-top:15px;
	margin-right:24px;
}
.btmenu a { cursor: pointer; position: absolute; padding: 10px 35px 16px 0px; }
.btmenu a span { text-indent:-9999px;}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 20px;
  background: #999;
  position: absolute;
  display: block;
  content: '';
}
.btmenu a span:before {
  top: -8px; 
  width: 22px;
}
.btmenu a span:after {
  bottom: -8px;
  width: 24px;
}
.btmenu a span, .btmenu a span:before, .btmenu a span:after {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
}
.btmenu a.menuon span, .btmenu a.menuon span:before, .btmenu a.menuon span:after {
  width: 24px;
}
.btmenu a.menuon span {
  background-color: transparent;
}
.btmenu a.menuon span:before, .btmenu a.menuon span:after {
  top: 0;
}
.btmenu a.menuon span:before {
  transform: rotate(45deg);
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
}
.btmenu a.menuon span:after {
  transform: rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
}
#mainmenu,
#mainmenu.nodesc {
	margin-top:0;
	width:100%;
}
.sf-menu {
	float:none;
	display:none;
}
.sf-menu ul {
	display:block;
	visibility:inherit;
	opacity: 1;
	transition:none;
	box-shadow:none;
	min-width:inherit;
	position:static;
}
.sf-menu > li {
	float:none;
	padding:10px 0;
	border-bottom: 1px dotted #ccc;
}
.sf-menu .sub-menu > li {
	padding:5px 0;
}
.sf-arrows .sf-with-ul, .sf-menu a {
	padding:0;
	padding-left:2%;
}
.sf-menu ul li {
	background:none;
}
.sf-menu ul li a {
	padding-left:4%;
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	border: none;
}
.sf-menu #searchform input#s {
	width:100%;
}
.description {
	margin:10px 0 0;
}

#content,
.archive #content {
	margin-top:10px;
}

.gridsizer.nomarge { width:33.33333333% !important; }
.gridsizer.marge { width:33.33333333% !important; }
a.blogpost {
	width: 32% !important;
	height: 0 !important;
	margin:0.6666666667% !important;
	padding-bottom:32% !important;
}
a.blogpost.quer,
a.blogpost.quer:nth-child(even) {
	width: 48% !important;
	height: 0 !important;
	margin:1% !important;
	padding-bottom:27% !important;
}
a.blogpost.nomarge {
	width: 33.333333% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:33.333333% !important;
}
a.blogpost.quer.nomarge {
	width: 50% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:50% !important;
}
.mason a.blogpost.marge,
.mason a.blogpost.nomarge {
	height: auto !important;
	min-height:100px !important;
	padding:inherit !important;
}

a.blogpost h2.entry-title {
	text-align: center;
}
input[type=text],
input[type=email],
input[type=tel],
textarea,
input[type=submit] {
	width:94.5%;
	padding:5px 2.5%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
textarea:focus {
	border:1px solid #000;
}
input[type=submit] {
	width:100px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	/*padding-bottom: 75%;  4:3 */
	/*padding-bottom: 54.05%;  1.85:1 cinemascope */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cont_sidebar,
.sidebar,
.leftsidebar .cont_sidebar,
.leftsidebar .sidebar {
	clear:both;
	float:none;
	width:100%;
}
.sidebar {
	margin-top:20px;
	border-top:1px dotted #404040;
}
}


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

#mainmenu,
#mainmenu.nodesc {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
}

.mnav {
	width: 100%;
	margin-top: 0;
}
.bgimage {
	min-height:200px;
}

ol.commentlist ul li,
ol.commentlist li {
	width: 90%;
	margin-left:0;
	padding-left: 0;
}
.gridsizer.nomarge { width:50% !important; }
.gridsizer.marge { width:50% !important; }
a.blogpost {
	width: 48% !important;
	height: 0 !important;
	margin:1% !important;
	padding-bottom:48% !important;
}
a.blogpost.quer,
a.blogpost.quer:nth-child(even),
a.blogpost.quer.nomarge {
	width: 100% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:60% !important;
}
a.blogpost.nomarge {
	width: 50% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:50% !important;
}
.mason a.blogpost.marge,
.mason a.blogpost.nomarge {
	height: auto !important;
	min-height:100px !important;
	padding:inherit !important;
}

.alignright,
.alignleft {
	margin: 0 auto 20px;
	float:none;
	display:block;
}
}
@media only screen and (max-width: 767px) and (orientation:landscape) {
a.blogpost {
	width: 32% !important;
	height: 0 !important;
	margin:0.6666666667% !important;
	padding-bottom:32% !important;
}
a.blogpost.nomarge {
	width: 33.333333% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:33.333333% !important;
}
a.blogpost.quer,
a.blogpost.quer:nth-child(even) {
	width: 48% !important;
	height: 0 !important;
	margin:1% !important;
	padding-bottom:27% !important;
}
a.blogpost.quer.nomarge {
	width: 50% !important;
	height: 0 !important;
	margin:0 !important;
	padding-bottom:50% !important;
}
.mason a.blogpost.marge,
.mason a.blogpost.nomarge {
	height: auto !important;
	min-height:100px !important;
	padding:inherit !important;
}

}