/*
Theme Name: Kunstverein Gera
Theme URI: http://underscores.me/
Author: Uwe Ahlgrimm
Author URI: http://www.uwe-ahlgrimm.de
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kv-gera
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Kunstverein Gera is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

@font-face {
	font-family: 'fontello';
	src: url('fonts/fontello.eot?96461027');
	src: url('fonts/fontello.eot?96461027#iefix') format('embedded-opentype'),
	url('fonts/fontello.woff?96461027') format('woff'),
	url('fonts/fontello.ttf?96461027') format('truetype'),
	url('fonts/fontello.svg?96461027#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Work Sans';
	src:
	url('fonts/WorkSans-Light.woff') format('woff'),
	url('fonts/WorkSans-Light.ttf') format('truetype'),
	url('fonts/WorkSans-Light.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'Work Sans Bold';
	src:
	url('fonts/WorkSans-SemiBold.woff') format('woff'),
	url('fonts/WorkSans-SemiBold.ttf') format('truetype'),
	url('fonts/WorkSans-SemiBold.woff2') format('woff2');
	font-style: normal;
	font-weight: normal;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	overflow-y: scroll;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

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

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	text-decoration: none;
}

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

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

b,
strong {
	font-weight: normal;
	font-family: 'Work Sans Bold', Arial, Helvetica, sans-serif;
}

dfn {
	font-style: italic;
}

/*h1 {
	font-size: 2em;
	margin: 0.67em 0;
}*/
mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.25em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 1em 40px;
}

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

pre {
	overflow: auto;
}

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

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

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

input {
	line-height: normal;
}

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

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

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
/*#page {
	position: relative;
}*/
.site-header #wrapper {
	width: 100%;
	margin:0 auto;
	text-align: left;
	position: relative;
	padding: 0 20px;
}
#page #wrapper {
	max-width: 1276px;
	margin:0 auto;
}
.parent-category-jahresgaben #page #wrapper {
	max-width: none;
	width: 100%;
}
.site-header {
	width: 100%;
	height: auto;
	position: relative;
}
.site-header #wrapper {
	padding: 55px 65px 0 65px;
}
.site-header a.homeLink {
	font-size: 34px;
	color: #ff5a4d;
	line-height: 0em;
	white-space: nowrap;
}
.site-branding {
	float: right;
	height: 99px;
	width: 223px;
	position: relative;
}
.site-branding .mobile {
	display:none;
}
.site-title {
	float: left;
	height: 24px;
	/*width: 319px;*/
	position: relative;
	margin-top: 5px;
}
.main-navigation {
	clear: left;
	/*display: block;*/
	float: left;
	/*width: 100%;*/
}
#content,
.search .content-area,
.error404 .content-area {
	hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	margin: 0px 63px 80px 63px;
}
.home #content {
	margin: 75px 63px 80px 63px;
}
#content #rechts {
	float:right;
	width:44.78%;
}
.parent-category-jahresgaben #content #rechts {
	float:left;
	/*width: 50.87%;*/
	width: 100%;
}
#content #main {
	float:left;
	width: 50.87%;
}
.page-template-fullwidth-page #content #main {
	float:none;
	width: 100%;
}
.parent-category-jahresgaben #content #main {
	display:none;
}

/* Archive */
.archive #content #main {
	float:left;
	width: 100%;
}
.archive article,
.archive .cat-description {
	border-top: 1px #000 solid;
	padding:20px 0 20px 0;
	position: relative;
}
.archive #main article:last-child {
	border-bottom: 1px #000 solid;
}
.archive .cat-description {
	padding:20px 0 10px 0;
}
.archive article.hentry {
	margin:0;
}
.archive article .wp-post-image {
	float:right;
}
.archive article .infobox {
	float:left;
	width: 50.87%;
}
.archive article .infobox p,
.archive article .infobox h4/*,
.home article .infobox p,
.home article .infobox h3*/ {
	display:none;
}
aside .infobox span,
aside .infobox span a {
	color:#ff5a4d;
}
/*.archive .mehr {
	position: absolute;
	left:0;
	bottom:15px;
	color: #ff5a4d;
}*/
.archive .mehr {
	position: relative;
	/*left:0;
	bottom:15px;*/
	color: #ff5a4d;
	margin-top: 1em;
}
.post-navigation {
	clear:both;
}
aside .infobox {
	border: 1px #000 solid;
	padding:15px;
}
.parent-category-jahresgaben aside .infobox {
	border: 0px #000 solid;
	padding:0;
}
aside .bilder {
	margin-top: 35px;
}
aside .bilder img {
	margin-bottom: 20px;
}
aside .bildergalerie img {
	margin-right: 55px;
}
aside#top {
	width:100%;
	margin-bottom: 50px;
}
/* Slick Slider */
button.slick-prev {
	/*visibility: hidden;*/
	position: absolute;
	left:0;
	top:50%;
	height:77px;
	width:77px;
	z-index: 1000;
	background: url(images/button-prev.png) top left no-repeat;
	border: none;
	text-indent: -9999px;
	margin-top: -38px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
button.slick-next{
	/*visibility: hidden;*/
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	right:0;
	top:50%;
	height:77px;
	width:77px;
	z-index: 1000;
	background: url(images/button-next.png) top left no-repeat;
	border: none;
	text-indent: -9999px;
	margin-top: -38px;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}
.slick-slider:hover button.slick-prev,
.slick-slider:hover button.slick-next {
	visibility: visible;
	filter: alpha(opacity=1);
	opacity: 1;
}

/* Startseite */
.home .infobox {
	float:left;
	width: 515px;
	height: 515px;
	border: 1px #000 solid;
	padding:15px 15px 5px 15px;
	overflow: hidden;
	position: relative;
}
.home .thumb {
	float:left;
	/*width: 50.87%;*/
	width:585px;
	height: 515px;
	overflow: hidden;
	position: relative;
	margin-right: 50px;
	z-index: 0;
	/*border: 1px #000 solid;*/
}
.home article .box,
.archive article .box {
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border: none;
	z-index: 10000;
}
/* Landscape */
.home .thumb img.attachment-9999x515 {
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100% !important;
	width: auto !important;
	max-width: none;
	z-index: 0;
}
/* Portrait */
.home .thumb img.attachment-585x9999{
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto !important;
	width: 100% !important;
	max-width: none;
	z-index: 0;
}
/*.home .bkgr {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	z-index: 1;
	background: url("images/bkgr_home.png") top left no-repeat ;
}*/
.home .ecke1 {
	position: absolute;
	top:0;
	left:0;
	height: 515px;
	width: 585px;
	z-index: 1;
	background: url("images/ecke1_home.png") top left no-repeat ;
}
.home .ecke2 {
	position: absolute;
	right:0;
	bottom:0;
	height: 515px;
	width: 585px;
	z-index: 1;
	background: url("images/ecke2_home.png") top left no-repeat ;
}
.home article {
	position: relative;
}
.home .mehr  {
	position: absolute;
	left:0px;
	bottom:0px;
	width:100%;
	color: #ff5a4d;
	height:100px;
	background: url("images/bkgr_mehr.png") bottom left repeat-x;
}
.home .mehr span {
	position: absolute;
	left:10px;
	bottom:10px;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?70960661#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-globe-alt:before { content: '\e800'; } /* '?' */
.icon-mail:before { content: '\e801'; } /* '?' */
.icon-phone-1:before { content: '\e802'; } /* '?' */
.icon-facebook:before { content: '\e803'; } /* '?' */
.icon-download-alt:before { content: '\e804'; } /* '?' */
.icon-calendar:before { content: '\e805'; } /* '?' */
.icon-right-open:before { content: '\e806'; } /* '?' */
.icon-left-open:before { content: '\e807'; } /* '?' */
.icon-down-open:before { content: '\e808'; } /* '?' */
.icon-up-open:before { content: '\e809'; } /* '?' */
.icon-search:before { content: '\e80a'; } /* '?' */
.icon-search-1:before { content: '\e80b'; } /* '?' */
.icon-search-2:before { content: '\e80c'; } /* '?' */

body,
button,
input,
select,
textarea {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Work Sans", Arial, Helvetica, sans-serif;
	margin:0 0 0.5em 0;
	color: #ff5a4d;
	line-height: 1em;
	font-weight: normal;
}
.entry-content h1,
.entry-content h2 {
	/*font-size: 2.125em;*/
	font-size: 2.0625em;
	line-height: 1.1em;
}
.entry-content h3,
.entry-content h4 ,
.entry-content h5,
.entry-content h6 {
	font-size: 1em;
	margin:0;
}
h1.entry-title,
h1.page-title {
	margin:42px 63px 15px 63px;
	font-size: 1em;
	color: #ff5a4d;
}
.search h1.entry-title,
.search h1.page-title {
	margin:42px 63px 15px 0px;
}
.infobox h1,
.cat-description h1 {
	margin: 0;
	line-height: 1.2em;
	/*font-size: 2.125em;*/
	font-size: 2.0625em;
	color: #000;
}
.cat-description h1 {
	margin-bottom: 0.5em;
	color: #ff5a4d;
}
.infobox h2 {
	color: #ff5a4d;
	margin: 0 0 0 0;
	line-height: 1.2em;
	/*font-size: 2.125em;*/
	font-size: 2.0625em;
	text-transform: uppercase ;
}
.infobox h3 {
	color: #ff5a4d;
	margin: 0 0 0 0;
	line-height: 1.2em;
	/*font-size: 2.125em;*/
	font-size: 2.0625em;
}
.infobox h4 {
	color: #ff5a4d;
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
}
header.entry-header,
header.page-header {
	display:none;
}
.search header.entry-header,
.search header.page-header {
	display:block;
}
.archive header.entry-header {
	display: block;
}
/*.home h1.entry-title {
	display: none;
}*/
p {
	/*margin-bottom: 1.5em;*/
	margin: 0 0 1em 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
/* TinyMCE Advanced Styles -> Format */
.Download:before {
	content: '\e804';
	padding-right:5px;
	font-family: fontello;
}
.E-Mail:before {
	content: '\e801';
	padding-right:5px;
	font-family: fontello;
}
.Telefon:before {
	content: '\e802';
	padding-right:5px;
	font-family: fontello;
}
.Oeffungszeiten:before {
	content: '\e805';
	padding-right:5px;
	font-family: fontello;
}
.Website:before {
	content: '\e800';
	padding-right:5px;
	font-family: fontello;
}
.Download,
.E-Mail,
.Telefon,
.Oeffungszeiten,
.Website,
.Download a,
.E-Mail a,
.Telefon a,
.Oeffungszeiten a,
.Website a {
	border-bottom: none;
	color: #ff5a4d !important;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #000;
	border: 0;
	height: 1px;
	margin: 20px 0;
	clear: both;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
	padding-left: 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	/*border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	/*border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);*/
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	/*	border-color: #aaa #bbb #bbb;
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);*/
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}
/*a:hover {
	border-bottom: 1px solid ;
}*/
a:hover,
a:focus,
a:active {
	/*color: midnightblue;*/
}

a:focus,
a:hover,
a:active {
	outline: 0;
}
article a {
	border-bottom: solid #ff5a4d 1px;
}
article a:hover {
	border-bottom: solid #000 1px;
}
.page-id-27 article a,
.page-id-27 article a:hover {
	border-bottom: none;
}



/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* Footer */
.site-footer {
	position: fixed;
	width:100%;
	left:0;
	bottom: 0;
	background-color: #ff5a4d;
	height:35px;
}
.site-footer #wrapper {
	margin:0 65px;
	position: relative;
}
.site-footer ul,
.site-footer .widget {
	margin:0;
	list-style: none;
	padding: 0;
}
.site-footer ul li {
	display: inline-block;
}
.site-footer #links {
	float:left;
}
/*.site-footer #links div,
.site-footer #links form {
	float:left;
}*/
.site-footer #rechts {
	float: right;
}
.site-footer a {
	color: #fff;
	text-decoration: none;
	font-size: 0.875em;
	padding: 6px 8px 8px 8px;
	margin:0;
	display: block;
}
.site-footer #links li:first-child a {
	padding: 6px 8px 8px 0;
}

.menu-search-form {
	padding:5px 0 0 8px;
	width:250px;
}
.menu-search-form #s {
	background:#fff;
	color:#000;
	border:0px solid #000;
	border-radius:0;
	font-size: 0.875em;
	margin:0;
	padding:2px 5px;
	width:180px;
}
.menu-search-form button#searchsubmit.my-wp-search {
	background:transparent;
	color:#fff;
	cursor:pointer;
	padding:1px 8px;
	border: none;
	font-size: 0.875em;
}
.site-footer #rechts li:last-child a {
	padding: 6px 0px 8px 8px;
}
.site-footer #rechts li.email a:before {
	content: '\e801';
	font-family: fontello;
	padding-right:0.5em;
}
.site-footer #rechts li.facebook a:before {
	content: '\e803';
	font-family: fontello;
	padding-right:0.5em;
}
.site-footer  a:hover {
	color: #000;
}
.site-footer .current-menu-item a {
	color: #000;
}

/* Subsubnavi */
#subnavi ul {
	list-style: none;
}
#subnavi ul,
#subnavi ul li {
	margin:0;
	padding:0;
}
#subnavi {
	margin: 42px 63px 15px 64px;
	font-size: 1em;
	line-height: 1em;
}
#subnavi a {
	color: #b2b2b2;
}
#subnavi ul li.current-post-ancestor > a,
#subnavi ul li.current-menu-ancestor > a,
#subnavi ul li.current-menu-item > a,
.parent-category-rueckblick #subnavi ul li.menu-item-has-children > a{
	color: #ff5a4d;
}
#subnavi ul li {
	display:none;
}
#subnavi ul li.current-menu-item,
#subnavi ul li.current-menu-item li,
#subnavi ul li.current-menu-parent,
#subnavi ul li.current-menu-parent li,
#subnavi ul li.current-post-ancestor,
#subnavi ul li.current-post-ancestor li,
.parent-category-rueckblick #subnavi ul li.menu-item-has-children,
.parent-category-rueckblick #subnavi ul li.menu-item-has-children li{
	display:inline-block;
}
#subnavi .sub-menu {
	margin:18px 0 0 0;
}
/* Aktuell */
/*.category-5 #subnavi li.current-menu-item,
.category-5 #subnavi li.current-menu-parent {
	display:inline-block;
}*/
/* Vorschau */
/*.category-6 #subnavi li.current-menu-item,
.category-6 #subnavi li.current-menu-parent {
	display:inline-block;
}*/
/* Rueckschau */
/*.category-10 #subnavi li.current-menu-item,
.category-10 #subnavi li.current-post-ancestor {
	display:inline-block;
}*/

/* Topbutton */
/*.topbutton {
	height:45px;
	width:50px;
	background: url("images/top.png") center top no-repeat;
	position: absolute;
	bottom:0;
	right:0;
}
a.topbutton {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding-top: 17px;
}*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 20px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 20px;
}
.page-template-fullwidth-page .alignright {
	margin-left: 20px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.links ul li {
	margin:0;
	padding: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*#auszeichnung {
	position: absolute;
	top:5px;
	left:-5px;
	height: 20px;
	color:#fff;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}
#auszeichnung span {
	padding:4px 10px 3px 10px;
}*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}
.single-post .hentry {
	margin:0;
}
.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/*-------------------------------
Image Mapper
-------------------------------*/
/*div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right {
	background: none;
	background-color: #fff;
}
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
	background: none;
	background-color: #fff;
}
div.pp_default .pp_content_container .pp_left {
	background: none;
	background-color: #fff;
}
div.pp_default .pp_content_container .pp_right {
	background: none;
	background-color: #fff;
	padding-right: 0px;
}*/

/*-------------------------------
POPUP
-------------------------------*/
a.popup:before {
	font-family: 'fontello';
	content:'\e807';
	padding-right:4px;
	/*color: #ff640a;*/
}
.popup_back {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
.popup_cont {
	position: fixed;
	z-index: 102;
}
.preloader {
	z-index: 101;
}
/*---------------------
	EDIT BELOW
*/
.popup_close {
	color: #888;
	cursor: pointer;
	position: absolute;
	padding: 5px;
	right: 5px;
	top: 0;
}
.popup_close:hover {
	color: #111;
}
.popup_back {
	cursor: pointer;
	background-color: #222;
}
div.popup {
	background: #fff;
	padding: 25px;
	box-shadow: 0 3px 10px #222;
}
.preloader {
	left: 50%;
	margin: -10px 0 0 -25px;
	position: fixed;
	top: 50%;
}
.menu-toggle {
	display: none;
}
/*Todo*/
/*--------------------------------------------------------------
## Mobile/Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1276px) {
	.home .infobox {
		float:left;
		width:44.78%;
		/*width: 515px;*/
		height: 515px;
		border: 1px #000 solid;
		padding:15px 15px 5px 15px;
		overflow: hidden;
		position: relative;
	}
	.home .thumb {
		float:left;
		width: 50.87%;
		/*width:585px;*/
		max-height: 515px;
		overflow: hidden;
		position: relative;
		margin-right: 4.35%;
	}

}




@media screen and (max-width: 900px) {
	.infobox h1,
	.infobox h2,
	.infobox h3 {
		-webkit-text-size-adjust: 70%;
		-ms-text-size-adjust: 70%;
		line-height: 1.5em !important;
	}
	h1.entry-title, h1.page-title {
		margin: 42px 15px 15px 15px;
	}

	.site-header #wrapper {
		padding: 15px 15px 0px 15px;
	}
	.site-header a.homeLink {
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height:25px;
		display: block;
	}
	.site-title {
		display: none;
	}
	.site-branding .desktop {
		display:none;
	}
	.site-branding .mobile {
		display:block;
	}
	.site-branding {
		float: none;
		height: auto;
		width: 100%;
	}
	.main-navigation {
		float: none;
		margin:0;
		width:100%;
	}
	.main-navigation ul {
		display: none;
		margin-top: -1px;
	}
	.main-navigation ul li {
		display: block;
	}
	.main-navigation ul li {
		border-top: 1px #ff5a4d solid;
	}
	.main-navigation ul {
		border-bottom: 1px #ff5a4d solid;
	}
	.main-navigation ul ul {
		border-bottom: none;
	}
	.main-navigation ul li {
		display: block;
		height: auto;
	}
	.main-navigation ul.sub-menu li:first-child,
	.main-navigation ul.children li:first-child {
		margin-top: 0px;
	}
	.main-navigation ul li ul {
		box-shadow: none;
		float: none;
		position: relative;
		visibility: visible;
		z-index: 99999;
		background-color: #FFF;
		opacity: 1;
		top:auto;
		left:auto;
		transition: none;
		padding: 0px 0px 6px 0;
	}
	.main-navigation ul ul ul {
		display:none !important;
	}
	/*.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		visibility: visible;
		top: auto;
		opacity: 1;
	}*/
	.main-navigation .menu-item-73, /* Kontakt ausblenden */
	.main-navigation .menu-item-72, /* Impressum ausblenden */
	.main-navigation .menu-item-71 /* Datenschutz ausblenden */ {
		display:block;
	}
	.parent-category-ausstellungen .main-navigation ul li.menu-item-70 > a,
	.main-navigation ul li.current-menu-item > a,
	.main-navigation ul li.current-menu-ancestor > a,
	.main-navigation ul li.current-menu-parent > a {
		border-bottom: 0px solid #ff5a4d;
		color:#ff5a4d;
	}
	.main-navigation ul li > a,
	.main-navigation ul li a:hover {
		border-bottom: 0px solid #ff5a4d !important;
		margin: 0px 0px;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;

	}
	.main-navigation ul ul.sub-menu,
	.main-navigation ul ul.children {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
	.main-navigation a {
		padding: 10px !important;
	}
	.main-navigation ul li ul a {
		padding: 10px 25px !important;
	}
	.menu-toggle {
		display: block;
		float:none;
		/*background-color: transparent;*/
		background-color:#ff5a4d;
		border: 0px #000 solid;
		border-radius: 0;
		display: block;
		margin-bottom: 0;
		margin-top: 30px;
		padding: 5px 10px;
		width:100%;
	}
	.menu-toggle .rechts {
		float:right;
	}
	.sr-only {
		border: 0 none;
		clip: auto;
		height: auto;
		margin: 0px;
		overflow: hidden;
		padding: 0;
		position: relative;
		float:left;
		color:#fff;
		text-transform: uppercase;
	}
	.icon-bar {
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
		background-color: #fff;
		margin:5px 0;
	}
	#subnavi {
		margin: 42px 15px 15px 15px;
	}
	.site-footer {
		position: relative;
		width: 100%;
		left: auto;
		bottom: auto;
		margin-top: 30px;
		height:auto;
		text-align: center;
	}
	.site-footer #wrapper {
		margin: 0px 15px;
	}
	.site-footer #links,
	.site-footer #rechts {
		float: none;
	}
	#content,
	.search .content-area,
	.error404 .content-area {
		margin: 0px 15px;
	}
	#content #main {
		float: none;
		width: 100%;
	}
	#content #rechts {
		float: none;
		width: 100%;
	}
	.home .entry-content {
		text-align: center;
	}
	.home #content {
		margin: 50px 15px 30px 15px;
	}
	.home .infobox {
		float:none;
		max-width: 585px;
		max-height: none;
		height: auto;
		width: auto;
		border: 1px #000 solid;
		padding:15px 15px 50px 15px;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		margin-top: 50px;
		text-align: left;
	}
	.home .mehr {
		background: none;
	}
	.home .thumb {
		float:none;
		max-width:585px;
		width: auto;
		max-height: 515px;
		overflow: hidden;
		position: relative;
		margin:0 auto;
	}
	.archive article .wp-post-image {
		float: none;
	}
	.archive article .infobox {
		float: none;
		width: 100%;
	}
	.archive .mehr {
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 10px;
	}
	.slick-slider button.slick-prev,
	.slick-slider button.slick-next {
		display: none;
	}
	.slick-slider:hover button.slick-prev,
	.slick-slider:hover button.slick-next {
		visibility: hidden;
	}
	aside .bildergalerie img {
		height:300px;
		width:auto;
	}
	.alignright {
		display:block;
	}
}
@media screen and (max-width: 750px) {
	.alignright {
		display: block;
		float: none;
		margin-left: 0em;
	}
	.page-template-fullwidth-page .alignright {
		margin-left: 0px;
	}
}