/* Adminbar */
#wp-admin-bar-site-name > a::after {
	content: " Malerei";
}
#wp-admin-bar-blog-1 > a::after {
    content: " Grafik";
}
#wp-admin-bar-blog-2 > a::after {
    content: " Malerei";
}

/* Header */
.header-goto-button-wrapper {
  margin-top: 0px;
}

/* Home */
body.home article.preview {
	display: none;
}
body.home article.preview.sticky {
	display: block;
}
body.home .ausstellung-promo a {
	text-decoration: none !important;
}
.ausstellung-promo-link:hover div {
	opacity: 0.7;
}
body.home .pagination-wrapper {
	display: none;
}
/* background-color: #59233e */


/* Malerei Extras */

@media screen and (max-width: 699px) {
    body.post-template-template-single-gallery-item {
        margin-top: -50px !important;
    }
    body.post-template-template-single-gallery-item .single-gallery-item-nav-wrap {
        /*top: -50px !important;*/
    }
		body.post-template-template-single-gallery-item .single-gallery-item-nav-wrap a {
			position: absolute;
			bottom: 30px;
	}
}

body.post-template-template-single-gallery-item h1.entry-title {
    display: inline-block;
    border-top: 0px solid transparent !important;
}

body.post-template-template-single-gallery-item .footer-credits {
		position: relative;
		padding-top: 50px;
	}

@media screen and (min-width: 700px) {
	body.post-template-template-single-gallery-item .footer-credits {
		position: absolute;
		bottom: 30px;
		padding-left: 20px;
	}
}

/* Elements */
html, body, #body-wrap {
    height: 100%;
    min-height: 100%; 
}

h1, h2, h3, h4, h5, h6, .faux-heading {
	font-feature-settings: "lnum";
	font-variant-numeric: lining-nums;
	font-weight: 300;
	line-height: 1.25;
	margin: 4rem 0 2.5rem;
}

h1, .heading-size-1 { font-size: 2.2rem; }
h2, .heading-size-2 { font-size: 2.2rem; }
h3, .heading-size-3 { font-size: 2.2rem; }
h4, .heading-size-4 { font-size: 2.2rem; }
h5, .heading-size-5 { font-size: 2.2rem; }
h6, .heading-size-6 { font-size: 1em; }

.footer-credits,
.footer-copyright, 
.theme-credits {
    font-weight: 300;
}

.post-inner {
		/* sqpp */
	padding-top: 0rem;
}

figcaption,
.wp-caption-text {
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.3;
	margin-top: 1.3rem;
}

figure.featured-media {
	margin-bottom: 2em;
}

.alignnone, .aligncenter, .alignwide, .alignfull {
    margin-bottom: 2rem;
    margin-top: 0rem;
}
.wp-block-image {
   margin-bottom: 2rem;
   margin-top: 0rem;
}

.bild-rahmen img {
	border: 1px solid rgb(225,220,215);
}

/** Pagination */
.pagination-single a {
	font-weight: 300;
}

.pagination-single .arrow {
	display: none;
}
a.previous-post,
a.next-post {
    position: relative;
}
a.previous-post:before,
a.next-post:after {
    display: inline-block;
    position: absolute;
    /* font-weight: bold; */
}
a.previous-post:before {
    content: "‹";
    left: 0px;
}
a.next-post:after {
    content: "›";
    right: 0px;
}

a.previous-post {
    padding-left: 15px;
}
a.next-post {
    padding-right: 15px;
}
a.previous-post:before {
    padding-right: 5px;
}
a.next-post:after {
    padding-left: 5px;
}
a.previous-post:before,
a.next-post:after {
    font-size: 200%;
    top: -15px;
    /* font-weight: bold; */
}

/** sqpp page nav hack */
a.previous-post {
	margin-right: auto;
}
a.next-post {
	margin-left: auto;
}

nav.projektlink-wrap {
    margin-top: 0px;
    border-top: none;
}
a.projektlink {
    display: block;
    text-align: center;
    width: 100%;
}

/* Layout */

/** Grid */
.grid .grid-item {
	margin-bottom: 3rem;
}

/** Wings */
body:not(.home) #body-wrap, 
#site-header, 
#site-content,
#site-footer {
	position: relative;
}
.wings {
	position: absolute;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: #ffffff;
	z-index: -10;
}
body.single .wings,
body.page .wings {
	background: #eeeeee;
}
.inner-wing {
	max-width: 120rem;
	height: 100%;
	min-height: 100%;
	background: #ffffff;
	margin-right: auto;
	margin-left: auto;
}

/*.section-inner {
	margin: 0 auto;
	max-width: 87rem;
	width: calc( 100% - 5rem );
}*/

/* Entry Content ---- */

/* ALIGNMENTS */
/*
.alignwide,
.alignfull {
	margin-bottom: 10rem;
	margin-top: 10rem;
}

.alignwide {
	max-width: 87rem;
	width: 87rem;
}

.alignfull {
	margin-left: calc( ( 100vw - 87rem ) / -2 );
}
*/

/* Header */

#site-pre-header {
    position: absolute;
    top: 0px;
    width: 100%;
    border-bottom: 1px solid #204333;
  height: 70px;
	height: 7rem;
    background: #eeeeee;
}
#site-pre-header {
	display: none;
}
body.home #site-pre-header {
	display: block;
}

#site-header {
	background: transparent;
	margin-bottom: 0rem;
	padding-top: 0rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid #59233e;
}
body.home #site-header {
	margin-top: 5rem;
	border-top: none;
}
#site-header .header-inner {
	padding-top: 1.2rem;
}

.site-title.faux-heading {
    padding-left: 25px;
}

.site-title {
    font-family: Georgia, serif !important;
	font-weight: bold !important;
    color: #59233e;
}

.site-description {
	display: block;
	margin: 0 0 0 1rem;
	margin-left: 1rem;
	font-size: 2.2rem;
	font-weight: 300 !important;
}
@media ( min-width: 700px ) {
	
	#site-pre-header {
  	height: 90px;
		height: 9rem;
	}
	
	body.home #site-header {
		margin-top: 7rem;
	}
	#site-header .header-inner {
		padding-top: 1.2rem;
	}
	
	.site-description {
		font-size: 32px;
		font-size: 3.2rem;
	}
}
.site-description a {
    text-decoration: none;
}

@media ( max-width: 699px ) {
	.menu-modal {
		padding-top: 14rem;
	}
	.main-menu a {
		padding-left: 3rem;
	}
}

.toggle-text {
	display: none !important;
}
.nav-toggle .bars {
  height: 1.4rem;
  position: relative;
  width: 2.5rem;
}
.nav-toggle .bar { 
    height: .3rem;
}
.bars .bar {
	background-color: #59233e;
}

body:not(.home) .nav-toggle .bars {
    margin-top: 14px;
}

.menu-bottom {
	padding-bottom: 3rem;
}

/* Preview */
.preview {
	position: relative;
}

.preview-background-color {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(89, 32, 65, 0.7);
}
article.preview:hover .preview-background-color {
	background-color: rgba(89, 32, 65, 0.4);
}

.preview-header.mosaik {
	position: absolute;
	top: 2em;
	margin-right: 2em;
	margin-left: 2em;
}
.preview-header.mosaik h2.preview-title-top {
	display: inline-block;
	padding-top: 0.5em;
	border-top: 1px solid #ffffff;
}
.preview-header.mosaik h2.heading-size-3 {
	font-size: 1.9rem;
	line-height: 1.5;
}
.preview-header.mosaik h2.heading-size-3 a {
	text-decoration: none;
	color: #ffffff;
}

/* Media */

/** Featured image */

body.single #body-wrap.thumb-preview .featured-media, 
body.page #body-wrap.thumb-preview .featured-media {
	display: none;
}

body.single .thumb-border .featured-media img,
body.page .thumb-border .featured-media img {
    border: 1px solid #000000;
}

/** Content images and videos */
.bildrand img,
figure.bildrand video {
	border: 1px solid #000000;
}

/* Footer */
#site-footer {
    margin-top: 0rem;
}
@media (min-width: 700px) {
	#site-footer {
    margin-top: 0rem;
	}
}
.footer-inner {
	padding-top: 5rem;
}
.footer-inner {
    padding-bottom: 3rem;
}

/* Blocks */

/* Media queries */

@media ( min-width: 350px ) {
	
}

@media ( min-width: 700px ) { 
		h1, h2, h3, h4, h5, h6, .faux-heading {
		font-feature-settings: "lnum";
		font-variant-numeric: lining-nums;
		font-weight: 300;
		line-height: 1.25;
		margin: 4rem 0 2.5rem;
	}

	h1, .heading-size-1 { font-size: 3.2rem; }
	h2, .heading-size-2 { font-size: 3.2rem; }
	h3, .heading-size-3 { font-size: 3.2rem; }
	h4, .heading-size-4 { font-size: 3.2rem; }
	h5, .heading-size-5 { font-size: 3.2rem; }
	h6, .heading-size-6 { font-size: 1em; }
	
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.9rem;
    line-height: 1.5;
	}
	
	#site-header {
		margin-bottom: 0rem;
		padding-top: 0rem;
		padding-bottom: 2.5rem;
	}
	#site-header .header-inner {
	padding-top: 2rem;
	}
	.preview-header.mosaik h2.heading-size-3 {
		font-size: 1.5rem;
		line-height: 1.5;
	}
	
	body:not(.home) .nav-toggle .bars {
    margin-top: 10px;
	}
	
	.post-inner {
		/* sqpp */
		padding-top: 0rem;
	}
	
	figcaption,
.wp-caption-text {
		display: block;
		font-size: 1.5rem;
		font-weight: 400;
		line-height: 1.3;
		margin-top: 1.5rem;
	}
	
	figure.featured-media {
		margin-bottom: 2em;
	}
	
		.alignnone, .aligncenter, .alignwide, .alignfull {
			margin-bottom: 2rem;
			margin-top: 0rem;
	}
	.wp-block-image {
    	margin-bottom: 2rem;
    	margin-top: 0rem;
	}
	
	/** Pagination */
	a.previous-post {
    padding-left: 20px;
	}
	a.next-post {
    padding-right: 20px;
	}
	a.previous-post:before {
    padding-right: 10px;
	}
	a.next-post:after {
    padding-left: 10px;
	}
	a.previous-post:before,
	a.next-post:after {
    font-size: 200%;
    top: -20px;
    /* font-weight: bold; */
	}
	
}

@media ( min-width: 800px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.6rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1000px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.7rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1220px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.8rem;
    line-height: 1.5;
	}
}

@media ( min-width: 1300px ) { 
	.preview-header.mosaik h2.heading-size-3 {
    font-size: 1.9rem;
    line-height: 1.5;
	}
}

@media ( max-width: 500px ) {
	
	.entry-content p, li { 
    font-size: 15px;
	}
	
}

/* Dev styles */
/* TR Malerei Farbe */
/** RGB > 89 32 65 > rgb(89, 32, 65), rgba(89, 32, 65, 1) */
/** HEX > 89 32 65 > #59233e */

/* Color and background color */
#site-pre-header {
    border-bottom: 1px solid #59233e;
    background: #eeeeee;
}
#site-header {
    background: transparent;
    border-top: 1px solid #59233e;
}
title, 
body.page h1.entry-title {
    border-top: 2px solid #59233e;
}

/* Color only */
body.home header.entry-header {
    display: none;
}
body.home .wings {
    background: #ffffff;
}
h1.site-title,
.site-description a,
h1, h2, h3, h4, h5, h6, 
.faux-heading,
a, 
.wp-block-button.is-style-outline
{
    color: #59233e;
}

/* Background color only */
.preview-background-color {
    background-color: rgba(89, 32, 65, 0.7);
}

/* extra responsive style for small devices < 420px width */

@media screen and (max-width: 419px) {
    h1, .heading-size-1 { font-size: 2.4rem; }
		h2, .heading-size-2 { font-size: 2.2rem; }
		h3, .heading-size-3 { font-size: 2.0rem; }
		h4, .heading-size-4 { font-size: 1.8rem; }
		h5, .heading-size-5 { font-size: 1.5rem; }
		h6, .heading-size-6 { font-size: 1em; 	}

	.site-title, 
	.site-description {
		font-size: 2.2rem !important; }
	.header-goto-button-wrapper {
		font-size: 1.4rem !important; }
}

@media screen and (max-width: 399px) {
    h1, .heading-size-1 { font-size: 1.6rem; }
		h2, .heading-size-2 { font-size: 1.6rem; }
		h3, .heading-size-3 { font-size: 1.4rem; }
		h4, .heading-size-4 { font-size: 1.2rem; }
		h5, .heading-size-5 { font-size: 1.2rem; }
		h6, .heading-size-6 { font-size: 1em; 	}

	.site-title, 
	.site-description {
		font-size: 1.5rem !important; }
	.header-goto-button-wrapper {
		font-size: 1.2rem !important; }
}

/* Mailpoet */
.mailpoet-form-iframe-onpage iframe,
iframe.mailpoet-form-iframe-onpage {
	margin-right: -20px;
	margin-left: -20px;
}
body.single-mailpoet_page .featured-media {
	display: none;
}