/*!
Theme Name: wbamdd_hff
Theme URI: https://herrfraufirma.de/
Author: Herr/Frau/Firma
Author URI: https://herrfraufirma.de/
Description: wbamdd_hff is a custom theme developed by Herr/Frau/Forma for Werkbundarchiv – Museum der Dinge.
Version: 1.1.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wbamdd_hff
Tags: custom-background, custom-logo, custom-menu, featured-images, calendar, translation-ready

wbamdd_hff is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/


/* Fonts
--------------------------------------------- */




/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Font size adjust
	 ========================================================================== */

html { font-size: 16px; }

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

    html {
        font-size: 15px;
    }
}

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

    html {
        font-size: 14px;
    }
}

@media screen and (min-width: 1600px) {
	
	html {
		font-size: 18px;
	}
}

@media screen and (min-width: 2000px) {
	
	html {
		font-size: 20px;
	}
}

@media screen and (min-width: 2400px) {
	
	html {
		font-size: 24px;
	}
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 64%;
    font-weight: 400;
    font-variation-settings: "wght" 400;
    padding-left: 0.1em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 2px solid #000000;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #121212;
	font-family: 'RobotoFlex', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1.125rem;
	line-height: 1.4;
    letter-spacing: 0.01em;
    word-spacing: 0.02em;
    font-variation-settings: "wght" 320;
}

strong, b {
    font-variation-settings: "wght" 460;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin: 0 0 0.62em 0;
    letter-spacing: 0.02em;
    font-weight: normal;
}

h1 {
	line-height: 1.1;
    font-size: 2.25rem;
    font-variation-settings: "wdth" 75;
    font-weight: 420;
}

h2 {
	line-height: 1.2;
    font-size: 1.8rem;
    font-variation-settings: "wdth" 75;
    font-weight: 420;
}

h3 {
	line-height: 1.25;
    font-size: 1.5rem;
    letter-spacing: 0.025em;
    font-variation-settings: "wdth" 68;
	margin: 2.5rem 0 1rem 0;
}

hr + h3 {
	margin: -0.4rem 0 1rem 0;
}

hr + h4 {
	margin: 0 0 1rem 0;
}

h4 {
	line-height: 1.3;
    font-size: 1.3rem;
    letter-spacing: 0.025em;
    font-variation-settings: "wdth" 68;
	margin: 1.75rem 0 1rem 0;
}

p {
	margin: 0 0 1rem 0;
}

.content_column > p:last-of-type,
.entry-content > p:last-of-type {
	/* margin: 0 0 0 0; */    
}

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

blockquote {
	margin: 0 1.8rem;
    font-style: normal;
}

blockquote em {
	/* font-style: normal; */
}

blockquote p:first-of-type {
    margin-top: 1.2rem;
}

blockquote p:last-of-type {
    margin-bottom: 1.2rem;
}

blockquote p:first-of-type::before {
    display: block;
    position: relative;
    height: 0;
    content: "„";
    color: rgba(0,0,0,0.15);
    font-size: 4rem;
    font-style: normal;
    top: -3.4rem;
    left: -1.8rem;
}

blockquote p:last-of-type {
    line-height: 1.05;
    margin-bottom: 2rem;
}

blockquote p:first-of-type {
    line-height: 1.4;
    margin-bottom: 0.5rem;
}

/* blockquote p:first-of-type::after {
    display: inline-block;
    content: "“";
    color: rgba(0,0,0,0.3);
    font-style: normal;
    margin-left: 0.1em;
} */

blockquote p strong {
    font-size: 0.7rem;
    color: #121212;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-style: normal;
    font-variation-settings: "wght" 460;
}

/* blockquote strong::before {
    content: "—";
    color: rgba(0,0,0,0.3);
    margin-right: 0.25em;
} */

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	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;
}

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

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

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 0 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

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

.site-main ul,
.site-main ol {
    padding: 0;
    margin-left: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.site-main .entry-content hr + ul,
.site-main .entry-content hr + ol {
    margin-top: 0;
}

.site-main ul li {
    text-indent: -1.2rem;
}

.site-main ul li::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg width="24" height="24" fill="rgba(168,168,168,1.00)" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" fill-rule="evenodd" clip-rule="evenodd"><path serif:id="shape 1" d="M0 0h24v24h-24z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 0.25em center;
    background-size: 0.35rem;
    width: 1.2rem;
    height: 0.8rem;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

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

img {
	height: auto;
	max-width: 100%;
    display: block;
}

.image img {
	width: 100%;
	max-width: none;
}

figure {
	margin: 1em 0;
}

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

/* Links
--------------------------------------------- */
a {
	color: #121212;
	text-decoration: none;
    transition: 0.2s ease-out all;
}

.site-main p a,
.technical_details.list a {
	border-bottom: 2px solid #E4E4E4;
}

.site-main p.intro a,
.site-main h3 a {
	border-bottom: 3px solid #E4E4E4;
}

a,
a:visited,
a:visited div.more {
	color: #121212;
    transition: 0.2s ease-out all;
}

a:hover,
a:hover div.more {
	color: #808080;
}

a h2.title,
.teaser-container:not(.calendar) a h3.title,
a .date,
a div.teaser_text,
a:hover h2.title,
.teaser-container:not(.calendar) a:hover h3.title,
a:hover .date,
a:hover div.teaser_text,
a:visited h2.title,
.teaser-container:not(.calendar) a:visited h3.title,
a:visited .date,
a:visited div.teaser_text
{
	color: #121212;
}

p a:focus::after {
	outline: thin dotted;
	outline: 3px solid;
/*	outline: none; */
}

a:focus * {
outline: none !important;
}

.meta-navigation ul li a:focus-visible,
.meta-navigation ul li a:visited:focus-visible {
	background-color: #333333;
	color: #ffffff;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/* Fade in */
/* animate entries */

@keyframes FadeIn { 
    
  0% {
    opacity: 0;
    transform: scale(1);
	}

  85% {
    transform: scale(1);
  }
    
  100% {
    opacity: 1;
    transform: scale(1);
  }
    
}

.exh_teaser,
.grid .grid-item > *,
.grid_txt_img .grid-item > *,
.sidebar-content-section.full-width {
  animation: FadeIn 0.35s ease-in-out;
  animation-fill-mode: both;
}

/* Suche | Newsletter */

.search-form {
    display: inline-flex;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 2rem;
    width: 50%;
}


.grid .grid-item:nth-child(1) > * { animation-delay: .0s }
.grid .grid-item:nth-child(2) > * { animation-delay: .1s }
.grid .grid-item:nth-child(3) > * { animation-delay: .2s }
.grid .grid-item:nth-child(4) > * { animation-delay: .3s }
.grid .grid-item:nth-child(5) > * { animation-delay: .4s }
.grid .grid-item:nth-child(6) > * { animation-delay: .5s }
.grid .grid-item:nth-child(7) > * { animation-delay: .6s }
.grid .grid-item:nth-child(8) > * { animation-delay: .7s }
.grid .grid-item:nth-child(9) > * { animation-delay: .8s }
.grid .grid-item:nth-child(10) > * { animation-delay: .9s }
.grid .grid-item:nth-child(11) > * { animation-delay: .10s }
.grid .grid-item:nth-child(12) > * { animation-delay: .11s }
.grid .grid-item:nth-child(13) > * { animation-delay: .12s }
.grid .grid-item:nth-child(14) > * { animation-delay: .13s }
.grid .grid-item:nth-child(15) > * { animation-delay: .14s }
	
.grid_txt_img .grid-item:nth-child(1) > * { animation-delay: .1s }
.grid_txt_img .grid-item:nth-child(2) > * { animation-delay: .2s }
.grid_txt_img .grid-item:nth-child(3) > * { animation-delay: .3s }
.grid_txt_img .grid-item:nth-child(4) > * { animation-delay: .4s }
.grid_txt_img .grid-item:nth-child(5) > * { animation-delay: .5s }
.grid_txt_img .grid-item:nth-child(6) > * { animation-delay: .5s }
.grid_txt_img .grid-item:nth-child(7) > * { animation-delay: .5s }
.grid_txt_img .grid-item:nth-child(8) > * { animation-delay: .5s }
	
.sidebar-content-section.full-width { animation-delay: .4s }



/* ++ */

@media screen and (max-width: 1024px) {
	
	.search-form {
        width: 100%;
    }
}

.search-form .search-field,
.mailpoet_form input {
    color: #121212;
    font-weight: 400;
    font-size: 1.6rem;
    background: 0 0;
    border: none;
    border: 3px solid #CCCCCC;
    border-right: none;
    width: 100%;
    padding: 0 0 0 0.5em!important;
    transition: all 0.2s ease;
    border-radius: 0;
    height: 3.4rem;
}

.mailpoet_form input {
    border-right: 3px solid #CCCCCC;
}

.search-form .search-field:focus-visible,
.mailpoet_form input:focus-visible {
    border: 3px solid #121212;
    border-right: none;
    outline: none;
}

.mailpoet_form input:focus-visible {
    border-right: 3px solid #121212;
}

.search-form input,
.mailpoet_form input {
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}

.search-form .search-submit,
.mailpoet_form .mailpoet_submit {
    background-color: #121212;
    text-transform: uppercase;
    font-size: 0.9rem;
    font-variation-settings: "wght" 600, "wdth" 120;
    letter-spacing: 0.24em;
    color: #FFF;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    border: none;
    line-height: 1;
    border-radius: 0;
    display: inline-block;
    height: 3.4rem;
    transition: all 0.2s ease;
    align-content: center;
}

.search-form .search-submit:hover,
.mailpoet_form .mailpoet_submit:hover {
    background-color: #CCCCCC;
    color: #121212;
    transition: all 0.2s ease;
    cursor: pointer;
}

/* Newsletter */

#mailpoet_form_1 form.mailpoet_form,
#mailpoet_form_2 form.mailpoet_form {
    padding: 0!important;
    margin-top: 2.4rem;
}

#mailpoet_form_2 form.mailpoet_form.mailpoet_form_successfully_send,
#mailpoet_form_1 form.mailpoet_form.mailpoet_form_successfully_send {
    border: 3px solid #CCCCCC;
}

#mailpoet_form_1 input[type="checkbox"],
#mailpoet_form_2 input[type="checkbox"] {
    font-size: 0.9rem;
    appearance: none;
    background-color: #CCCCCC;
    margin: 0 0.2em 0 0;
    width: 1.15em;
    height: 1.15em;
    border: 4px solid #CCCCCC;
    border-radius: 0;
    transform: translateY(0.1em);
    transition: all 0.2s ease;
}
 
#mailpoet_form_1 input[type="checkbox"]:checked,
#mailpoet_form_2 input[type="checkbox"]:checked {
    background: #121212;
    transition: all 0.2s ease;
}

#mailpoet_form_1 .parsley-required, .parsley-custom-error-message,
#mailpoet_form_1 .mailpoet_text.parsley-error,
#mailpoet_form_1 .parsley-type,
#mailpoet_form_1 .mailpoet_message .mailpoet_validate_error,
#mailpoet_form_2 .parsley-required, .parsley-custom-error-message,
#mailpoet_form_2 .mailpoet_text.parsley-error,
#mailpoet_form_2 .parsley-type,
#mailpoet_form_2 .mailpoet_message .mailpoet_validate_error {
    color: #C70F48;
}

#mailpoet_form_1 .mailpoet_message,
#mailpoet_form_2 .mailpoet_message {
    padding: 0!important;
}

#mailpoet_form_1 input.parsley-error, 
#mailpoet_form_1 select.parsley-error, 
#mailpoet_form_1 textarea.parsley-error,
#mailpoet_form_2 input.parsley-error, 
#mailpoet_form_2 select.parsley-error, 
#mailpoet_form_2 textarea.parsley-error {
  background-color: #FFF;
  border-color: #C70F48;
  color: #C70F48;
}

#mailpoet_form_1 input.parsley-success, 
#mailpoet_form_1 select.parsley-success, 
#mailpoet_form_1 textarea.parsley-success,
#mailpoet_form_2 input.parsley-success, 
#mailpoet_form_2 select.parsley-success, 
#mailpoet_form_2 textarea.parsley-success {
  background-color: #FFF;
  border-color: #121212;
  color: #121212;
}

#mailpoet_form_1 li,
#mailpoet_form_2 li {
    font-size: 1rem;
}

#mailpoet_form_1 li::before,
#mailpoet_form_2 li::before {
    display: none;
}

.mailpoet_checkbox_label a {
	text-decoration: underline;
}


/* hyphens */

@media screen and (max-width: 1200px) {
	
	.teaser-container {
	  word-wrap: break-word;
	  overflow-wrap: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
	}

}

@media screen and (max-width: 768px) {
	
	.text,
	.caption,
	h3,
	h2,
	h1,
	p {
	  word-wrap: break-word;
	  overflow-wrap: break-word;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;
	}

}



/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.site-header > .container,
.site-footer > .container,
.section > .container {
	max-width: 100%;
	margin: 0 auto;
    padding: 0 calc( 4rem + 2.25% );
}

.layout-section {
	margin: 0 4rem 3rem 4rem;
}

.layout-section.grid_layout {
	margin: 0 4rem 0 4rem;
}

@media screen and (max-width: 1200px) {
    
    .layout-section {
        margin: 0 2rem 3rem 2rem;
    }

    .layout-section.grid_layout {
        margin: 0 2rem 0 2rem;
    }
    
}

.section > .container > .flex {
	display: flex;
	flex-wrap: wrap;
}

.section > .container > .flex .grid-sizer,
.section > .container > .flex .gutter-sizer {
	display: none;
}

.section > .container > .flex .grid-item {
	margin: 0 5% 5% 0;
}

.section > .container > .flex .grid-item:nth-of-type(3n+2) {
	margin: 0 0 5% 0;
}

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

	.section > .container > .flex .grid-item:nth-of-type(3n+2) {
		margin: 0 5% 5% 0;
	}
	
	.section > .container > .flex .grid-item:nth-of-type(2n+2) {
		margin: 0 0 5% 0;
	}
}

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

	.section > .container > .flex .grid-item {
		margin: 0 0 5% 0;
	}
}

@media screen and (max-width: 1200px) {
    
    .site-header > .container,
	.site-footer > .container,
	.section > .container {
		padding: 0 calc( 1rem + 2.25% );
	}
	
	.layout-section {
		margin: 0 2rem;
	}
	
	.layout-section.layout_7525 {
		margin: 0 2rem 3rem;
	}
}

@media screen and (max-width: 768px) {
    
    .layout-section {
		margin: 0 calc( 1rem + 2.25% );
	}

    .layout-section.grid_layout {
        margin: 0 calc( 1rem + 2.25% );
    }
}

.sidebar-content-section.section > .container {
    padding: 0;
}

.home .site-main .exh_teaser > .container
{
    padding: 0;
}

/*
.home .site-main > .container {
    padding: 0 4rem;
}
*/

.site-main {
	margin-top: 2.75rem;
}

@media screen and (max-width: 768px) {
    
    .site-main {
        margin-top: 0.3rem;
    }
}


.site-main .exh_teaser .container {
	max-width: 100%;
    min-height: 400px;
}

.site-main .exh_teaser .image {
    height: 100%;
    width: 100%;
}

.site-main .exh_teaser .image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: right bottom;
}

.site-main .exh_teaser,
.site-main .exh_teaser a,
.site-main .exh_teaser a:visited,
.site-main .exh_teaser .sticker,
.site-main .exh_teaser .sticker a,
.site-main .exh_teaser .sticker a:visited {
    color: #FFF;
    transition: 0.2s ease all;
}

.site-main .exh_teaser .sticker a {
    width: 100%;
}

.site-main .exh_teaser.dark,
.site-main .exh_teaser.dark a,
.site-main .exh_teaser.dark a:visited {
    color: rgba(18,18,18,1.00);
    transition: 0.2s ease all;
	width: 100%;
}

.site-main .exh_teaser.bronze,
.site-main .exh_teaser.bronze a,
.site-main .exh_teaser.bronze a:visited {
    color: #7d5435;
    transition: 0.2s ease all;
	width: 100%;
}

.exh_teaser.bronze label.meta_title::before, 
.exh_teaser.bronze .add_column label.meta_title::before {
  background-color: #7d5435;
}

 .exh_teaser.bronze div.more {
  border: 2px solid #7d5435;
	color: #7d5435!important;
	padding: 0.4rem 0.6rem;
}

.site-main .exh_teaser .sticker.dark,
.site-main .exh_teaser .sticker.dark a,
.site-main .exh_teaser .sticker.dark a:visited {
    color: rgba(18,18,18,1.00);
    transition: 0.2s ease all;
}

.site-main .exh_teaser a:hover,
.site-main .exh_teaser a:active {
    transition: 0.2s ease all;
	opacity: 0.65;
	cursor: pointer;
}

.site-main .exh_teaser.dark .sticker a:hover,
.site-main .exh_teaser.dark .sticker a:active {
    transition: 0.2s ease all;
	opacity: 1;
}

.site-header .container,
.site-footer .container {
	display: flex;
	align-items: center;
}

.site-footer .container {
	align-items: flex-start;
}

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

	.site-footer .container {
		display: block;
	}

}

/*
.single .site-main .container {
	display: flex;
	justify-content: space-between;
}

.single .site-main .container .sidebar_column {
	flex: 0 0 45%;
}

.single .site-main .container .content_column {
	flex: 0 0 50%;
}
*/


/* .single-event .single-exhibition layout */ 

.page.page-template-default .site-main > .container,
.single-ding_des_monats .site-main > .container,
.single-event .site-main > .container,
.single-event_series .site-main > .container,
.single-exhibition .site-main > .container,
.site-main > .container {
	max-width: 150rem;
	padding: 0;
}


.dnd-widget-wrapper {
	width: 100%;
	float: none;
	margin: 2rem 0 2.4rem 0;
}

.dnd-widget-wrapper.context-inline_full_size,
.dnd-widget-wrapper.context-inline_intro {
	width: 100%;
	float: none;
	margin: 2rem 0 2.4rem 0;
}

.dnd-widget-wrapper img {
	width: 100%;
}


.dnd-widget-wrapper.context-inline_full_size {
/*	padding: 0 5% 0 3.6rem; */
}

.dnd-caption-wrapper p {
	padding: 0;
	margin: 0.8075em 0;
	width: 100%;
    font-size: 0.6rem;
    color: #AAA;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.dnd-widget-wrapper .dnd-atom-rendered img {	
	margin: 0 auto 0.6rem auto;
}

.entry-footer {
	clear: both;
}


/* teaser-container grid
--------------------------------------------- */

.grid-sizer,
.grid-item {
    width: 30%;
}

.grid-item {
    margin: 0 0 5% 0;
}

.layout-section .grid-item {
    margin: 0 0 3rem 0;
}

.layout-section .grid-item.empty-space {
    margin: 0 0 0.01rem 0;
}

.layout-section .credits.sidebar.grid-item {
    margin: 0 0 0 0;
}

.grid-sizer {
	margin: 0;
}

.grid-item.featured {
    width: 66%;
}

.grid-item.full-size {
    width: 100%;
}

.teaser-section {
    margin-top: 4rem;
}

.page-template-page-overview .teaser-section {
    margin-top: 2rem;
}

.images .grid-sizer, 
.images .grid-item, 
.teaser-section .grid-item,
.single-event .teaser-section .grid-sizer,
.single-event_series .teaser-section .grid-sizer,
.single-exhibition .teaser-section .grid-sizer,
.page.page-template-default .default .teaser_block .grid-item,
.page.page-template-default .default .teaser_block .grid-sizer,
.teaser-section > .container .grid-item,
.teaser-section > .container .grid-sizer {
    width: 30%;
}

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

	.images .grid-sizer, 
	.images .grid-item, 
	.teaser-section .grid-item,
	.single-event .teaser-section .grid-sizer,
	.single-event_series .teaser-section .grid-sizer,
	.single-exhibition .teaser-section .grid-sizer,
	.page.page-template-default .default .teaser_block .grid-item,
	.page.page-template-default .default .teaser_block .grid-sizer,
	.teaser-section > .container .grid-item,
	.teaser-section > .container .grid-sizer
	{
		width: 47.5%;
	}
	
}

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

	.images .grid-sizer, 
	.images .grid-item, 
	.teaser-section .grid-item,
	.single-event .teaser-section .grid-sizer,
	.single-event_series .teaser-section .grid-sizer,
	.single-exhibition .teaser-section .grid-sizer,
	.page.page-template-default .default .teaser_block .grid-item,
	.page.page-template-default .default .teaser_block .grid-sizer,
	.teaser-section > .container .grid-item,
	.teaser-section > .container .grid-sizer
	{
		width: 100%;
	}
	
}


.images .grid-item, 
.teaser-section .grid-item,
.page.page-template-default .default .teaser_block .grid-item,
.teaser-section > .container .grid-item
{
    margin: 0 0 5% 0;
}


.images .grid-item.featured {
    width: 66%;
}

.gutter-sizer,
.page.page-template-default .teaser_block .gutter-sizer,
.teaser-section > .container .gutter-sizer {
    width: 5%;
}

.single-exhibition .gutter-sizer, 
.single-event .gutter-sizer,  
.single-event_series .gutter-sizer, 
.layout-section .gutter-sizer {
    width: 0;
}

.single-exhibition .teaser-section .gutter-sizer,
.single-event .teaser-section .gutter-size,
.single-event_series .teaser-section .gutter-sizer {
    width: 5%;
}

.layout.grid {
	width: 96%;
	margin: 0 auto;
	padding: 0 0;
}

.layout-txt-img .layout.grid {
	flex-direction: row-reverse;
}

.layout .grid-item > .image img {
	width: 100%;
	max-width: auto;
	height: auto;
}

.layout .grid-item > .image > a { /* image galleries*/
	font-size: 0;
	line-height: 0;
}

.layout-section .grid-sizer, 
.layout-section .grid-item,
.grid-item.half {
    width: 50%;
}

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

    .layout-section .grid-sizer, 
    .layout-section .grid-item,
    .grid-item.half {
        width: 100%;
    }
}

.header_image .caption.image {
	width: calc(100% + 4rem);
	max-width:  calc(100% + 4rem);
	margin-left: -4rem;
}

@media screen and (max-width: 1200px) {
    
    .header_image .caption.image {
        width: calc(100% + 2rem);
        max-width:  calc(100% + 2rem);
        margin-left: -2rem;
    }
    
}

@media screen and (max-width: 768px) {
    
    aside.img_info.grid-item.half {
        width: 100%;
    }
    
    .header_image .caption.image {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    
}

.grid_txt_img .header_image .caption.image {
	width: calc(100% + 4rem);
	max-width:  calc(100% + 4rem);
	margin-left: 0;
	margin-right: calc(-4rem - 2.25%);
}

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

	.single-ding_des_monats .grid_txt_img .header_image .caption.image {
		width: calc(100% + 3rem);
		max-width:  calc(100% + 3rem);
		margin-left: 0;
		margin-right: -3rem;
	}

}

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

	.single-ding_des_monats .grid_txt_img .header_image .caption.image {
		width: 100%;
		max-width:  100%;
		margin-left: 0;
		margin-right: 0;
	}

}

.layout-section .grid-item.full-width {
	width: 100%;
}

.sidebar_column .image.full_size {
    width: 100%;
	flex: 0 0 100%;
	display: inline-block;
    margin: 0 auto 3rem auto;
}

.sidebar_column .image.half_size {
    width: 46%;
	flex: 0 0 46%;
	display: inline-block;
    margin: 0 0 3rem 0;
}

@media screen and (max-width: 768px) {
    
    .sidebar_column .image.half_size {
        width: 47.9%;
        flex: 0 0 47.9%;
        margin: 0 0 2rem 0;
    }
}

.sidebar_column .image.third_size {
    width: 30.666%;
	display: inline-block;
    margin: 0 0 3rem 0;
}

.sidebar_column .image.half_size_one {
    width: 100%;
	flex: 0 0 100%;
	display: block;
    margin: 0 auto 3rem auto;
}

.sidebar_column .image.half_size_one figure,
.layout_5050 .sidebar_column .image.half_size_one figure {
	width: 50%;
	margin: 0 0 0 auto;
	padding: 0 0 0 1.8rem;
}


@media screen and (max-width: 768px) {
	
	.sidebar_column .image.half_size_one figure, 
	.layout_5050 .sidebar_column .image.half_size_one figure {
		width: 50%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
}

@media screen and (max-width: 480px) {
	
	.sidebar_column .image.half_size_one figure, 
	.layout_5050 .sidebar_column .image.half_size_one figure {
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
}


section.layout_7525 .sidebar_column .image {
    margin: 0.35rem auto 1rem auto;
}

section.layout_7525 .content_column p:last-of-type {
    margin-bottom: 0;
}

.layout_5050.layout-txt-img .sidebar_column .image.half_size_one figure {
	padding: 0 0 0 0;
}

.sidebar_column .image .container {
	margin: 0 auto 0 auto;
}

.sidebar_column .image.half_size_one .container {
	margin: 0 0 0 auto;
}

.layout-txt-img .sidebar_column .image.half_size_one .container {
	margin: 0 auto 0 0 ;
}

.sidebar_column .image.img_90 .container {
	width: 90%;
}

.sidebar_column .image.img_80 .container {
	width: 80%;
}

.sidebar_column .image.img_70 .container {
	width: 70%;
}

.sidebar_column .image.img_60 .container {
	width: 60%;
}

.sidebar_column .image.img_50 .container {
	width: 50%;
}

.sidebar_column {
    padding-left: 4.5%;
	padding: 0 2.25%;
}

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

    .sidebar_column {
        padding: 0 2.25% 0 calc( -1rem + 2.25% );
    }
}

@media screen and (max-width: 768px) {
    
    .sidebar_column {
        padding: 0;
    }
}

.sidebar_column > .container {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}

.grid_txt_img .sidebar_column {
	padding: 0 2.25%;
}

.layout-txt-img .sidebar_column {
	padding: 0 2.25%;
}

.sidebar_column .images {
	display: flex;
	justify-content: space-between;
}

/* --- */

.entry-content .bild_text {
	display: flex;
    margin: 0.55rem 0 2.4rem 0;
}

.entry-content .bild_text:last-of-type {
	margin: 0.55rem 0 0 0;
}

.entry-content .bild_text .image {
	flex: 0 0 35%;
	margin: 0.2rem 1.5rem 0 0;
    max-width: 200px;
}

.entry-content .bild_text figure.image {
	margin: 0;
}

.entry-content .bild_text .text {
    font-size: 1rem;
    line-height: 1.4;
}

.entry-content .bild_text figcaption .text {
    font-size: inherit;
}


/* entry-content content-blocks
--------------------------------------------- */

.section.column3_layout {
	padding: 0 2.25%;
}

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

    .section.column3_layout {
        padding: 0 calc( -1rem + 2.05% );
    }
}

.section.column3_layout h2,
.page-id-207 .column h2 {
    font-size: 2.3rem;
    margin-bottom: 3.5rem;
}

.section.column3_layout h2::before,
.page-id-207 .column h2::before {
    display: block;
    content: '';
    height: 2px;
    width: 4.2rem;
    background-color: #CCC;
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.section:first-of-type.column3_layout h2::before {
    display: none;
}

.section.column3_layout h3 {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.section.column3_layout h3::before {
    display: block;
    content: '';
    height: 2px;
    width: 1.6rem;
    background-color: #121212;
    margin-top: 0;
    margin-bottom: 0.8rem;
}
	
.section.column3_layout > .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.section.column3_layout .column {
	width: 30%;
}

.page-id-207 .intro_text {
    margin: -0.2rem 0 4rem;
}

.page-id-207 .intro_text p:first-of-type {
    font-size: 1.3rem;
}

.page-id-207 .column .type-image img {
    border-radius: 4px;
}

div#twebshop-experience-widget {
    margin-top: 12.75rem;
}

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

    .section.column3_layout .column {
	    width: 100%;
        margin-bottom: 1.6rem;
    }

    div#twebshop-experience-widget {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }
}

/* entry-content content-blocks
--------------------------------------------- */

.entry-content .image {
	/*
	padding: 0.7rem 0;
	*/
}

.entry-content .image.full_size {
	padding: 0.7rem 0;
}

.entry-content .image.half_size > .container {
	width: 50%;
	margin: 0 auto;
}

.entry-content .image.half_size_float {
	width: 50%;
	margin: 0 2rem 0 0;
	float: left;
}

/* section sidebar-content-section
--------------------------------------------- */

.sidebar-content-section > .container {
	display: flex;
	flex-wrap: wrap;
}

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

	.sidebar-content-section > .container {
		display: block;
	}
}


.sidebar-content-section .sidebar,
.sidebar-content-section .entry-content{
	flex: 0 0 50%;
}

.sidebar-content-section .content_column {
	flex: 0 0 50%;
}

.layout-section .layout_7525 .grid-item.sidebar,
.sidebar-content-section.layout_7525 .sidebar {
	width: 25%;
	flex: 0 0 25%;
}

@media screen and (max-width: 768px) {
    
    .layout-section .layout_7525 .grid-item.sidebar,
    .sidebar-content-section.layout_7525 .sidebar {
        width: 100%;
        flex: 0 0 100%;
}
}

.sidebar-content-section.layout_7525 .content_column {
	flex: 0 0 75%;
}

.sidebar-content-section .grid-item {
	margin: 0;
}

.sidebar-content-section.layout-txt-img .sidebar {
	order: 2;
}

.sidebar-content-section.layout-txt-img .entry-content{
	order: 1;
}


.layout-txt-img .sidebar_column .image.half_size_one figure {
  width: 50%;
  margin: 0 auto 0 0;
}

.layout_7525 .sidebar_column .image.half_size_one figure,
.layout_7525 .layout-txt-img .sidebar_column .image.half_size_one figure {
	width: 100%;
}

/* tinline easer-container
--------------------------------------------- */

.teaser-list {
	margin: 0 0 2.5rem 0;
}

.teaser-list .entry {
	padding: 1.5rem 1.7rem 1.6rem;
	margin: 0 0 2rem 0;
	box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.075);
}

.teaser-list .entry h3 {
	margin: 0;
}


/* search-results | Suche
--------------------------------------------- */

.search article {
	max-width: 75%;
	margin: 0 0 5% 0;
}

.search article .post-thumbnail {
    max-width: 10rem;
    display: block;
    padding-bottom: 1.2rem;
}

.page-numbers.current {	
    border-bottom: 1px solid #121212;
}

.search-results .search-form {
    width: 50%;
}

.search-results .pagination {
    margin-bottom: 3rem;
}

.search-results .pagination a.page-numbers,
.search-results .pagination .page-numbers.current {
    font-size: 1.1rem;
    font-variation-settings: "wght" 500, "wdth" 28;
    text-transform: uppercase;
}

.search-results .pagination .page-numbers {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.search-results .pagination .prev.page-numbers {
    padding-right: 3rem;
    margin: 0;
}

.search-results .pagination .next.page-numbers {
    padding-left: 3rem;
    margin: 0;
}

.search-results .pagination .prev.page-numbers:hover,
.search-results .pagination .next.page-numbers:hover {
    fill: rgba(128,128,128,1.00);
}


/* teaser-container
--------------------------------------------- */

.teaser-container {
	padding: 0;
	box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.075);
    font-size: 1.0625rem;
}

.calendar.teaser-container {
	margin: 0 0 5% 0;
}

p a:focus-visible,
.site-header a:focus-visible,
.site-footer a:focus-visible,
.teaser-container a:focus-visible, 
.teaser-container a:focus-visible::after {
  outline: 2px solid #000000 !important; /* for non-webkit browsers */
}

.teaser-container a:focus-visible::after h3,
.teaser-container a:focus-visible::after h2 {
	outline: none !important;
}


.teaser-container .meta,
label.meta_title,
label.meta_title h3,
.calendar label,
.exh_teaser .date,
.entry-header .date,
a.more,
div.more,
.teaser-container .date {
	padding: 1.7rem 1.7rem 1.4rem 1.7rem;
	display: block;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.08em;
    font-variation-settings: "wght" 600, "wdth" 25;
}

.teaser-container .date {
	padding: 0.2rem 0 0 0;
    margin-top: 0.8rem;
}

.calendar.teaser-container .date {
	margin: 0.03rem 2rem 0 auto;
}

.calendar.teaser-container .content_row .date_column {
	min-height: 2.3rem
}

.teaser-container h2 {
    margin-bottom: 0;
}

.teaser-container h3 {
  margin: 0.5rem 0 0 0;
}

.teaser-container .teaser_text {
    margin-top: 1rem;
}

.teaser-container .note {
    margin: 0;
    border: none;
    padding: 0;
}

/* --- */

.teaser-container {
	position:relative;
}


.teaser-container:not(.calendar) a::after {
	position:absolute;
	inset:0;
	content:"";
}


.more {
}

/* --- */

.calendar label {
	padding: 0;
}

label.meta_title,
label.meta_title h3,
.exh_teaser .date,
.exh_teaser a.more,
.exh_teaser div.more,
.entry-header .date {
	padding: 0;
    font-size: 0.9rem;
    font-variation-settings: "wght" 500, "wdth" 28;
}

.single-post label.meta_title,
.single-ding_des_monats label.meta_title,
.single-event label.meta_title,
.single-event_series label.meta_title,
.single-exhibition label.meta_title,
.page label.meta_title,
.single-exh_teaser label.meta_title,
.search label.meta_title,
.error-404 label.meta_title,
.single-intern label.meta_title {
	font-variation-settings: "wght" 550, "wdth" 25;
    margin-bottom: 2rem;
}

.exh_teaser .add_column label.meta_title {
	margin-bottom: 1.5rem;    
}

.entry-header .date {
    margin-top: 2rem;
}

.exh_teaser label.meta_title::before {
    display: block;
    content: '';
    height: 2px;
    width: 2.2rem;
    background-color: #FFF;
    margin-top: 0;
    margin-bottom: 0.8rem;
}

.exh_teaser .add_column label.meta_title::before {
    display: block;
    content: '';
    height: 2px;
    width: 1.4rem;
    background-color: #FFF;
    margin-top: 0;
    margin-bottom: 0.6rem;
} 

.exh_teaser.dark label.meta_title::before,
.exh_teaser.dark .add_column label.meta_title::before {
    background-color: #121212;
}

.exh_teaser .add_column label.meta_title h3 {
    margin-bottom: 0;
    margin-top: 0.8rem;
}

@media screen and (max-width: 840px) {
	
    .exh_teaser .add_column label.meta_title h3 {
        padding-right: 8.5rem;
    }
}

.exh_teaser .add_column .text {
    font-size: 0.95rem;
    line-height: 1.35;
}

.exh_teaser .sticker {
    display: flex;
    width: 10.5rem;
    height: 10.5rem;
    border-radius: 50%;
    background-color: #C70F48;
    position: absolute;
    top: -3.6rem;
    right: 20%;
    align-items: center;
}

.exh_teaser .sticker a {
    filter: saturate(1);
    transform: rotate(0deg);
    /* filter: drop-shadow(0); */
    transition: 0.2s ease all;
}

.exh_teaser .sticker a:hover {
    filter: saturate(1.15);
    transform: rotate(-10deg);
    /* filter: drop-shadow(0.5rem 0.5rem 0.8rem rgb(0 0 0 / 0.2)); */
    transition: 0.2s ease all;
}

.exh_teaser .sticker .text {
    text-align: center;
    text-transform: uppercase;
    /* font-size: 1.125rem; */
    font-size: 1rem;
    /* letter-spacing: 0.08em; */
    letter-spacing: 0.06em;
    font-variation-settings: "wght" 540, "wdth" 35;
    transform: rotate(10deg);
	margin: 0 auto;
}

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

	.exh_teaser .sticker {
        right: calc(1rem + 2.25%);
		width: 9rem;
		height: 9rem;
	}
    
	.exh_teaser .sticker .text {
        /* font-size: 1rem; */
        font-size: 0.9rem;
	}
}

@media screen and (max-width: 1230px) and (min-width: 1081px) {
	
    .exh_teaser .sticker {
        top: -4.2rem;
		right: calc(1rem + 1.25%);
		width: 7.75rem;
		height: 7.75rem;
	}
    
	.exh_teaser .sticker .text {
        /* font-size: 0.8rem; */
        font-size: 0.7rem;
	}
}

@media screen and (max-width: 840px) {
	
    .exh_teaser .sticker {
		right: calc(1rem + 1.25%);
		width: 8.5rem;
		height: 8.5rem;
	}
    
	.exh_teaser .sticker .text {
        font-size: 0.9rem;
	}
}

a.more,
div.more {
	display: inline-block;
	border: 2px solid #121212;
	padding: 0.4rem 0.6rem;
	margin: 1.75rem 0 0 0;
    transition: 0.2s ease all;
}

a:hover.more,
a:hover .more
{
	border: 2px solid #A4A4A4;
}

.light .color_light a.more,
.light .color_light div.more {
    color: #FFFFFF;
	border: 2px solid #FFFFFF;
	padding: 0.4rem 0.6rem;
    transition: 0.2s ease-out all;
}

.dark .color_light div.more {
    color: #121212;
    border: 2px solid rgba(0,0,0,1);
	padding: 0.4rem 0.6rem;
    transition: 0.2s ease-out all;
}

.dark  a:hover .color_light div.more {
    border: 2px solid rgba(0,0,0,0.65);
}


.light .color_light a.more:hover {
	opacity: 0.75;
}

.dark .color_light a:hover div.more {
    color: rgba(255,255,255,0.75);
    border: 2px solid rgba(0,0,0,0.75);
	opacity: 0.75;
}

.teaser-container .meta::before {
    display: block;
    content: '';
    height: 2px;
    width: 2rem;
    background-color: #121212;
    margin-bottom: 0.8rem;
}

.teaser-container .image img {
	width: 100%;
	height: auto;
}

.teaser-container .info {
	padding: 1.5rem 1.7rem 1.6rem;
}


/* calendar_block */

.cal-grid {
    padding-bottom: 2.4rem;
}

.calendar_block .entry {
	width: 100%;
}

.calendar_block h2 {
	margin: 0;
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 540, "wdth" 35;
}

.calendar_block .calendar_header {
	background-color: #C70F48;
	color: #ffffff;
	padding: 1.8rem 2.08rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calendar_block .calendar_header a.more,
.calendar_block .calendar_header div.more {
    margin: 0;
}
    

@media screen and (max-width: 520px) {
	
    .calendar_block .calendar_header {
        display: block;
    }
    
    .calendar_block .calendar_header .more_link {
        margin-top: 1rem;
    }
    
}

.calendar_block .filter {
	margin: 2rem 1.2rem 2rem 2rem;
    font-size: 0;
}


@media screen and (max-width: 768px) {
	
    .calendar_block .calendar_header {
        padding: 1.5rem 1.7rem 1.6rem;
    }
    
    .calendar_block .filter {
        margin: 1.5rem 1.7rem 1.6rem;
    }
}

.calendar_block .filter button.button {
    display: inline-block;
	background-color: transparent;
	background-color: rgba(0,0,0,0.05);
	border: none;
    text-transform: uppercase;
    font-size: 0.8rem;
	letter-spacing: 0.08em;
    font-variation-settings: "wght" 600, "wdth" 35;
    transition: 0.2s ease all;
    padding: 0.55rem 0.8rem;
    margin: 0 0.8rem 0.8rem 0;
}

.calendar_block .filter button.button:hover {
	cursor: pointer;
}

.calendar_block .filter button.button.is-checked,
.calendar_block .filter button.button.is-checked:hover,
.calendar_block .filter button.button:hover {
	background-color: #121212;
	color: #FFF;
    transition: 0.2s ease all;
}

.calendar_block .calendar .entry {
    padding: 0 0 1.8rem 0;
    margin-top: 0.8rem;
}

.calendar_block .calendar .row {
	display: flex;
	padding: 0 2rem;
    align-items: baseline;
}

.calendar_block .calendar .date_column {
	flex: 0 0 11.5rem;
    display: flex;
    padding-left: 1.4rem;
}

.calendar_block .calendar .details_column {
	flex: 1 1 70%;
	display: flex;
    padding-right: 2rem;
}

.calendar_block .calendar .info_column {
	flex: 1 1 30%;
	display: flex;
    text-transform: uppercase;
	letter-spacing: 0.04em;
    font-size: 0.8rem;
    font-variation-settings: "wght" 550, "wdth" 35;
}

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

	.calendar_block .calendar .info_column {
        /* margin-left: calc(3.75rem + 24px); */
        margin-left: 0;
        margin-top: 1.6rem;
    }

	.home .calendar_block .calendar .info_column {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    
    .calendar_block .calendar .info_column {
        /* margin-left: calc(2.5rem + 16px); */
    }
}

.calendar .date {
	font-size: 0;
	text-align: right;
}

.calendar .date .weekday {
	display: inline-block;
	text-transform: uppercase;
    font-size: 1.125rem;
	letter-spacing: 0.08em;
    font-variation-settings: "wght" 550, "wdth" 35;
    padding-right: 0.5rem;
}

.calendar .date .day {
	display: inline-block;
    line-height: 1;
	font-size: 2.25rem;
    font-variation-settings: "wght" 550, "wdth" 80;
 /*   min-width: 2.6rem; */
    text-align: right;
}

.calendar .date .month {
	display: inline-block;
	text-transform: uppercase;
    font-size: 1.125rem;
	letter-spacing: 0.08em;
    font-variation-settings: "wght" 550, "wdth" 35;
    padding-left: 0.5rem;
}

.calendar .date_column .time {
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0 0 0;
    margin: 0 2rem 0.7rem auto;
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 600, "wdth" 25;
}

/* nu */

.calendar .entry > .container {
	display: flex;
	padding: 0 2rem;
}

@media screen and (max-width: 768px) {
	
    .calendar .entry > .container {
        padding: 0 1.7rem;
    }
}

.calendar .entry .container .image_column {
	flex: 0 0 50px;
	margin: 0 24px 0 0;
}

.calendar .entry .container .image_column .image {
	padding: 0;
	margin: -0.1rem 0 0 0;
	height: 3.75rem;
	width: 3.75rem;
}

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

}

@media screen and (max-width: 480px) {
    
    .calendar .entry .container .image_column {
        flex: 0 0 auto;
        margin: 0 16px 0 0;
    }

	.calendar .entry .container .image_column .image {
        margin: 0.1rem 0 0 0;
        height: 2.5rem;
        width: 2.5rem;
    }

}

.calendar_block .calendar .entry .container .details label {
	height: 1.75rem;
}

.calendar_block .calendar .entry .container .info_column {
	display: flex;
	flex-direction: column;
}

.calendar_block .calendar .entry .container .info_column .time {
	height: 2.575rem;
}

.calendar_block .calendar .entry .container .date_column .date .container {
	height: 3.55rem;
	display: flex;
	align-items: flex-end;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    
    .calendar_block .calendar .date_column {
        flex: 0 0 9.5rem;
        padding-left: 0;
    }

    .calendar_block .calendar .entry .container .info_column .time {
        height: 2.725rem;
    }
}


/* ----- */

article .date_column .date {
	display: none;
}

article.default_on .date_column .date,
article.selected .date_column .date {
	display: block;
}

article.selected.day_1 ~ article.selected.day_1 .date_column .date,
article.selected.day_2 ~ article.selected.day_2 .date_column .date {
	display: none;
}

.calendar .details h3.title {
    font-size: 1.8rem;
    line-height: 1.15;
    font-variation-settings: "wght" 420, "wdth" 75;
    margin: 0 0 0.2em 0;
}


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


	.calendar .entry > .container {
		display: block;
	}
	
	.calendar.teaser-container .date {
        margin: 0.2rem auto 3rem 0;
	}
    
    .calendar_block .calendar .details_column {
        padding-right: 0;
    }
	
	.calendar_block .calendar .date_column {
        padding-left: 0;
	}
    
    .calendar .details h3.title {
        margin: 0 0 0.7rem 0;
    }

}

.calendar .info_details {
 /*   font-size: 0; */
}

.calendar .info_details .detail {
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0.8rem 0 0;
    margin: 0 0.8rem 0.7rem 0;
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 600, "wdth" 25;
    border-right: 2px solid rgba(0,0,0,0.15);
}

.calendar .info_details .detail.format_cat {
	display: none;
}

.calendar .info_details .detail:last-of-type {
	border-right: none;
	padding: 0;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    
    .calendar .info_details .detail {
        display: block;
    	padding: 0 0 0 0;
        margin: 0 0 0.7rem 0;
        border-right: none;
    }
}
	

	
/* Header
--------------------------------------------- */


.site-header .container .site-branding {
	margin-top: 0;
}

.site-header .container .site-branding .logo {
	font-size: 0;
}

.site-header .container .site-branding .logo a {
	display: inline-block;
    height: 8.2rem;
}

.site-header .container .site-branding .logo svg {
    max-width: auto;
    height: 8.2rem;
    filter: opacity(1);
    transition: 0.2s ease all;
}

.site-header .container .site-branding .logo:hover svg {
    filter: opacity(0.7);
    transition: 0.2s ease all;
}

.site-header .container .site-branding .logo svg .cls-1 {
    fill: #121212;
}

/* .site-header .container .site-branding .logo svg .cls-1:nth-of-type(1),
.site-header .container .site-branding .logo svg .cls-1:nth-of-type(2),
.site-header .container .site-branding .logo svg .cls-1:nth-of-type(3){
    fill: rgba(custom);
} */

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

    .site-header .container .site-branding .logo {
        display: none;
    }
}

.main-navigation {
	text-align: right;
}

.site-header .container .main-navigation .menu {
    margin: 0 0 0 auto;
}

/* meta-navigation
--------------------------------------------- */

.meta-navigation {
    margin: 1.4rem 0 0 auto!important;
}

.meta-navigation ul {
    list-style: none;
    padding: 0;
    font-size: 0;
}

.meta-navigation ul li {
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 600, "wdth" 25;
    margin-left: 1.4rem;
}

.meta-navigation ul li:first-of-type {
    margin-left: 0;
}

.meta-navigation ul li a,
.meta-navigation ul li a:visited {
    color: #121212;
    display: inline-block;
    border-bottom: 1px solid #FFF;
    transition: 0.2s ease all;
}

.meta-navigation ul li a:hover,
.meta-navigation ul li a:active {
    color: #121212;
    border-bottom: 1px solid #121212;
    transition: 0.2s ease all;
}

/* TEMP
------- */

.meta-navigation ul li:first-of-type::after,
.meta-navigation ul li:nth-of-type(2)::after,
.meta-navigation ul li:nth-of-type(3)::after {
    content: "·";
    margin: 0 0.25rem;
}

.meta-navigation ul#menu-meta-navigation-en li:nth-of-type(2)::after {
    content: "";
    margin: 0 0 0 0.25rem;
    margin-left: 1.4rem;
}

.meta-navigation ul#menu-meta-navigation-en li:nth-of-type(2)::after {
    content: "";
    margin: 0 0.25rem;
    margin-left: 1.4rem;
}

.meta-navigation ul li:nth-of-type(2),
.meta-navigation ul li:nth-of-type(3),
.meta-navigation ul li:nth-of-type(4) {
    margin-left: 0;
}

.meta-navigation ul li.wpml-ls-current-language a,
.meta-navigation ul li.current_page_item a,
.meta-navigation ul li.current-page-ancestor a,
.search .meta-navigation ul li.search a {
    border-bottom: 1px solid #121212;
}



/* exh_teaser
--------------------------------------------- */

.exh_teaser .container {
	display: flex;
    flex-wrap: wrap;
    margin-bottom: 4.25%;
}

.exh_teaser .container .image_column {
	flex: 0 0 50%;
	border-bottom: 2rem solid #FFFFFF;
}

.exh_teaser .container .info_column {
	flex: 0 0 50%;
	padding: 2rem;
	border-bottom: 2rem solid #FFFFFF;
}

.exh_teaser .container .image_column.message {
	flex: 0 0 47%;
}

.exh_teaser .container .image_column.message.full_width {
	flex: 0 0 80%;
}

.exh_teaser .container .info_column.message {
	flex: 0 0 33%;
	padding: 2rem;
	display: flex;
	align-items: center;
    justify-content: center;
}

.exh_teaser .container .info_column.message h2,
.single-post .entry-header h1,
.single-ding_des_monats .entry-header h1,
.single-event .entry-header h1,
.single-event_series .entry-header h1,
.single-exhibition .entry-header h1,
.page .entry-header h1,
.error-404 .page-header h1 {
	font-size: 2.875rem;
    margin-bottom: 0.5rem;
}

.page-template-page-exhibition_start .layout-section .grid-item:first-of-type,
.page-template-page-event_start .layout-section .grid-item:first-of-type,
.page-template-page-program_start .layout-section .grid-item:first-of-type,
.page-template-page-overview .layout-section .grid-item:first-of-type,
.page-template-page-event_archive .layout-section .grid-item:first-of-type,
.page-template-page-exhibition_archive .layout-section .grid-item:first-of-type,
.page-template-page-ding_des_monats_archive .layout-section .grid-item:first-of-type,
.page-template-page-overview-ticket_skript .layout-section .grid-item:first-of-type {
    width: 100%;
}

.page-template-page-exhibition_start .entry-header,
.page-template-page-event_start .entry-header,
.page-template-page-program_start .entry-header,
.page-template-page-overview .entry-header,
.page-template-page-event_archive .entry-header,
.page-template-page-exhibition_archive .entry-header,
.page-template-page-ding_des_monats_archive .entry-header,
.page-template-page-overview-ticket_skript .entry-header {
    text-align: left;
	margin: -1rem 0 5rem 0;
}

.page-template-page-exhibition_start .entry-header h1,
.page-template-page-event_start .entry-header h1,
.page-template-page-program_start .entry-header h1,
.page-template-page-overview .entry-header h1,
.page-template-page-exhibition_archive .entry-header h1,
.page-template-page-event_archive .entry-header h1,
.page-template-page-ding_des_monats_archive .entry-header h1,
.page-template-page-overview-ticket_skript .entry-header h1,
.single-intern .entry-header h1 {
    font-size: 2.2rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-variation-settings: "wght" 450, "wdth" 64;
	padding: 0;
    color: rgba(138,138,138,1.00);
    color: #121212;
}

.page-template-page-overview-ticket_skript .entry-header h1 {
    text-transform: none;
}

.single-event .entry-header h2,
.single-exhibition .entry-header h2 {
	font-size: 2rem;
    margin-bottom: 0.5rem;
}

.exh_teaser .container .info_column .info {
	margin: 0 auto 0 0;
}

.exh_teaser .container .info_column.message h3 {
	font-size: 1.75rem;
    line-height: 1.2;
    margin-top: 0;
}

.exh_teaser .container .info_column.message .date {
    margin-top: 2.4rem;
}

.exh_teaser .container .add_column {
	flex: 0 0 20%;
    border-top: 2rem solid #FFF;
	position: relative;
	top: 0;
}

.exh_teaser .container .add_column .content {
	background: linear-gradient(115deg, rgba(0,0,0,.2) 1%, rgba(0,0,0,0.05) 20%, transparent 79%);
    padding: 2rem;
    height: 100%;
	display: flex;
	flex-direction: column;
}

.exh_teaser.bronze .container .add_column .content,
.exh_teaser.dark .container .add_column .content {
	background: linear-gradient(115deg, rgba(0,0,0,.1) 1%, rgba(0,0,0,0.025) 20%, transparent 79%);
}

@media screen and (max-width: 1080px) {
	
    .exh_teaser .container .image_column.message {
        flex: 0 0 56%;
		border-bottom: none;
    }

    .exh_teaser .container .info_column.message {
        flex: 0 0 44%;
		border-bottom: none;
    }
    
    .exh_teaser .container .add_column {
        flex: 0 0 100%;
        border-top: none;
	}

    .exh_teaser .container .add_column .content {
        background: linear-gradient(150deg, rgba(0,0,0,.125) 1%, rgba(0,0,0,0.05) 20%, transparent 79%);
        padding: calc(1rem + 2.25%);
        padding-top: calc(1rem + 3%);
        background: none;
    }

    .exh_teaser.bronze .container .add_column .content,
    .exh_teaser.dark .container .add_column .content {
        background: linear-gradient(150deg, rgba(0,0,0,.05) 1%, rgba(0,0,0,0.025) 20%, transparent 79%);
        background: linear-gradient(180deg, rgba(0,0,0,.05) 1%, rgba(0,0,0,0.025) 16%, transparent 83%);
        background: none;
    }

    .exh_teaser .container .add_column {
        filter: brightness(0.91);
    }

    .exh_teaser.bronze .container .add_column,
    .exh_teaser.dark .container .add_column {
        filter: brightness(0.96);
    }

    .exh_teaser.bronze .container .add_column .sticker,
    .exh_teaser.dark .container .add_column .sticker {
        filter: none;
    }

    .exh_teaser .container .add_column::before {
        /* content: "";
        display: block;
        width: 100%;
        height: 4px;
        background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 24 24" fill="rgba(255,255,255,0.5)"><circle cx="9" cy="9" r="9"/></svg>');
        background-repeat: round; */
    }

    .exh_teaser.dark .container .add_column::before {
        /* background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="8" height="4" viewBox="0 0 24 24" fill="rgba(255,255,255,0.75)"><circle cx="9" cy="9" r="9"/></svg>'); */
    }
}

@media screen and (max-width: 680px) {
	
    .exh_teaser .container {
		display: block;
	}

	.exh_teaser .container .image_column {
		border-bottom: none;
	}

    .exh_teaser .container .info_column.message {
        border-bottom: none;
        padding: calc(1rem + 2.25%);
        padding-bottom: 3rem;
    }

    .exh_teaser .container .info_column.message .info {
        width: 100%;
    }
}

.exh_teaser .container .add_column .content .bumper {
	height: 100%;
}
	
.single-post article .entry-header,
.single-event article .entry-header,
.single-event_series article .entry-header,
.single-exhibition article .entry-header,
.page article .entry-header,
.single-event .grid_txt_img article .entry-header,
.single-event_series .grid_txt_img article .entry-header,
.single-exhibition .grid_txt_img article .entry-header,
.page .grid_txt_img article .entry-header,
.grid_txt_img article .entry-header,
.search .page-header,
.error-404 .page-header {
	margin: 0 0 3.6rem 0;
    padding: 3.2rem 0 0 0;
}

.page-template-page-ding_des_monats_archive article .entry-header {
	margin: 0 0 5rem 0;
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
	
	.single-post article .entry-header,
	.single-event article .entry-header,
    .single-event_series article .entry-header,
    .single-exhibition article .entry-header,
    .page article .entry-header,
    .single-event .grid_txt_img article .entry-header,
    .single-event_series .grid_txt_img article .entry-header,
    .single-exhibition .grid_txt_img article .entry-header,
    .page .grid_txt_img article .entry-header,
    .grid_txt_img article .entry-header,
    .search .page-header {
        margin: 0 0 2.6rem 0;
        padding: 2.2rem 0 0 0;
    }
}

.page .grid_txt_img article.nocontent .entry-header {
	margin: 0 0 1rem 0;
}

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

    .page-template-page-ding_des_monats_archive article .entry-header {
        margin: 0 0 0 0;
    }

    .page .grid_txt_img article.nocontent {
        left: 0%!important;
        margin-bottom: 2rem;
    }
}

.single-exhibition .grid_txt_img .img_info {
	padding: 0 0 0 4.5%;
}

.single-post article .entry-header .meta_title::before,
.single-ding_des_monats article .entry-header .meta_title::before, 
.single-event article .entry-header .meta_title::before, 
.single-event_series article .entry-header .meta_title::before, 
.single-exhibition article .entry-header .meta_title::before, 
.page article .entry-header .meta_title::before, 
.search .page-header .meta_title::before,  
.error-404 .page-header .meta_title::before, 
.single-intern .entry-header .meta_title::before {
    display: block;
    content: '';
    height: 2px;
    width: 2.2rem;
    background-color: #121212;
    margin-top: 0;
    margin-bottom: 0.8rem;
}
	
.single-event article .entry-header .meta_title .detail,
.single-event article .entry-header .meta_title .date,
.single-event_series article .entry-header .meta_title .detail,
.single-event_series article .entry-header .meta_title .date { 
	display: inline;
	
}

.single-event article .entry-header .meta_title .detail
.single-event_series article .entry-header .meta_title .detail { 
	border-right: 2px solid rgba(0,0,0,0.15);
	margin: 0 0.55rem 0 0;
	padding: 0 0.75rem 0 0;
}

.intro {
    font-size: 1.3rem;
    font-variation-settings: "wght" 300, "wdth" 100;
    line-height: 1.35;
}

/* img gallery */

.img_gallery {
    margin-top: 2.4rem;
    margin-bottom: 0.8rem;
}

.sidebar_column .img_gallery {
    margin-top: 0;
    margin-bottom: 3rem;
}

.img_gallery h3.title {
    display: flex;
	justify-content: space-between;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 550, "wdth" 25;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
	margin: 0;
}

.img_gallery h3.title span.text::before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgba(18,18,18,1.00)" viewBox="0 0 24 24"><path d="M24 8h-16v16h16v-16zm-4-4v2h-14v14h-2v-16h16zm-4-4v2h-14v14h-2v-16h16z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 0.2em center;
    background-size: 1rem;
    width: 1.2rem;
    height: 1rem;
    margin-right: 0.6rem;
    margin-left: -0.15rem;
}

.img_gallery .image {
	padding-top: 0;
}


/* section video
--------------------------------------------- */

.video_block {
	margin: 2.2rem 0 1.8rem;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
	margin: 1.8rem 0;
}

.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}


.BorlabsCookie ._brlbs-caption {
    display: flex;
    flex-direction: column;
}

.BorlabsCookie .bumper {
    flex-grow: 1;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p {
  max-width: 500px;
  margin: 0 auto 1rem auto;
}



/* Technical details
--------------------------------------------- */

.technical_details.list {
    margin: 1.8rem 0;
    padding: 1.4rem 1.7rem 1.55rem;
    /* box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.075); */
    border: 3px solid #DDDDDD;
}

.technical_details.list .entry {
    margin-bottom: 0.6rem;
}

.technical_details.list .entry:last-of-type {
    margin-bottom: 0;
}

.technical_details.list .label {
    display: inline;
    font-size: 0.825rem;
    font-variation-settings: "wght" 550, "wdth" 25;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    word-spacing: 0.02em;
    padding-right: 0.1rem;
}

.technical_details.list .label::after {
    content: ":";
}

.technical_details.list .text {
    display: inline;
    font-size: 1.05rem;
}

/* Logo block
--------------------------------------------- */

.logo_block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.logo_block .image {
	width: 8rem;
	margin: 0 2.5rem 2rem 0;
}

.logo_block .image.size_xs {
	width: 4rem;
}

.logo_block .image.size_s {
	width: 6rem;
}

.logo_block .image.size_m {
	width: 8rem;
}

.logo_block .image.size_l {
	width: 10rem;
}

.logo_block .image.size_xl {
	width: 12rem;
}

/* 404
--------------------------------------------- */

section.error-404,
.layout-section.credits {
	margin: 0 4rem 3rem 4rem;
	padding: 0;
}

section.error-404,
.layout .no-grid-item.credits {
	padding: 0 2.5% 0 2.5%;
}

/* CREDITS
--------------------------------------------- */

.layout-section.credits {
	margin: 0 4rem 3rem 4rem;
	padding: 0;
}

.layout .no-grid-item.credits {
	padding: 0 2.5% 0 2.5%;
}

.layout .credits.sidebar.sidebar_column.no-grid-item {
	padding: 0;
}

.credits.sidebar_column {
    padding-left: 0;
}

@media screen and (max-width: 1200px) {
    
    .layout-section.credits {
        margin: 0 0 3rem;
        padding: 0 calc( 1rem + 2.25% );
    }

    .layout .no-grid-item.credits {
        padding: 0 0 0 2.25%;
    }

    .layout.credits.default .no-grid-item.credits {
        padding: 0 0 0 0;
    }
    
    .layout .credits.sidebar.sidebar_column.no-grid-item {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    
    .layout-section.credits {
        padding: 0;
    }
}

@media screen and (max-width: 1200px) {
    /*
    .layout-section.credits {
        margin: 0 calc( 1rem + 2.25% ) 3rem;
    }

    .layout .no-grid-item.credits {
        padding: 0 calc( -1rem + 2.25% );
    }
	*/
}


.grid-item.credits.fin {
	padding: 0 2.25% 0 2.25% ;	
}

.single-exhibition .credits,
.credits ul {
    font-size: 1rem;
}

.credits.full-width > .container {
	display: flex;
}

.credits.full-width.layout-txt-img .sidebar_column {
	width: 50%;
	order: 2;
}

.credits.full-width.layout-txt-img .container > .credits.text {
	width: 50%;
	order: 1;
}

.credits.full-width.layout-img-txt .sidebar_column {
	width: 50%;
	order: 1;
}

.credits.full-width.layout-img-txt .container > .credits.text {
	width: 50%;
	order: 2;
}

.credits.full-size > .container {
	display: flex;
}


@media screen and (max-width: 768px) {
    
    .layout-section.credits {
        margin: 0 calc( 1rem + 2.25% ) 3rem;
    }

    .layout .no-grid-item.credits {
        padding: 0 calc( -1rem + 2.25% );
    }
	

	.credits.full-width > .container,
	.credits.full-size > .container {
		display: block;
	}
	
	.credits.full-width.layout-img-txt .container > .credits.text,
	credits.full-width.layout-img-txt .sidebar_column,
	.credits.full-width.layout-img-txt .container > .credits.text {
	  width: 100%;
	}

}

.credits h3 {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    font-variation-settings: "wght" 600, "wdth" 100;
    margin-top: 0;
}

.credits ul {
    list-style: none;
    padding: 0;
    font-size: 0;
    margin-bottom: 2rem;
    margin-left: 0;
}

.credits li {
    font-size: 1rem;
    display: inline;
}

.credits ul li::before {
    display: none;
}

.credits li::after {
    content: '|';
    font-variation-settings: "wght" 200;
    color: #B4B4B4;
    padding: 0 0.5rem;
}

.credits li:last-of-type::after {
    content: '';
}

.credits p {
    font-size: 1rem;
}

.credits p:last-of-type {
    margin-bottom: 2rem;
}

section.credits .logo_block {
	margin: 2rem 0 0;
}

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

	.credits.full-width.layout-txt-img .sidebar_column {
		display: none;
	}

	.credits.full-width.layout-txt-img .container > .credits.text {
		width: 100%;
	}

	.credits.full-width.layout-img-txt .sidebar_column {
		display: none;
	}

	.credits.full-width.layout-img-txt .container > .credits.text {
		width: 100%;
	}
	
	.grid-item.credits, 
	.no-grid-item.credits, 
	.layout.credits {
	  padding: 0;
	}

	.grid-item.credits.fin {
		padding: 0 2.25% 0 2.25%;	
	}
	
}

/* -- */

hr {
    display: inline-block;
    content: '';
    height: 2px;
    width: 3rem;
    background-color: #CCC;
    margin: 1.9rem auto 2.4rem 0;
}

hr.credits {
    margin: 0 auto 2.4rem 0;
}

hr.credits hr {
    margin: 0 auto 2.4rem 0;
}

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

    hr.credits {
        margin: 2.4rem auto 2.4rem 0;
    }
    
}

/* Partner-Logos
--------------------------------------------- */

img.partner {
    max-width: 110px;
    margin: 2rem 2rem 0 0;
    display: inline;
}

/* Files/Downloads PDF/ZIP
--------------------------------------------- */

div > a .file > .container {
    flex: 0 0 100%;
    padding: 0 0 0 0;
    align-items: center;
    display: inline-flex;
    align-items: stretch;
    margin: 1.7rem 0 0 0;
}

div > a:first-of-type .file > .container {
    margin-top: 1.7rem;
}

div > a:last-of-type .file > .container {
    margin-top: 1.7rem;
    margin-bottom: 1.6rem;
}

.file > .container .label {
    display: inline-flex;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.1em;
    color: #121212;
    flex: 0 0 4rem;
    padding: 0 1rem;
    background: #DDDDDD;
    justify-content: center;
    align-items: center;
    font-variation-settings: "wght" 680, "wdth" 120;
    transition: 0.2s ease all;
}

.file > .container:hover .label {
    color: #FFF;
    background: #121212;
    transition: 0.2s ease all;
}

.file > .container .text {
    flex: 1 1 auto;
    border: 3px solid #DDDDDD;
    border-left: none;
    padding: 0.8rem 1rem;
    color: #121212;
}

.file > .container:hover .text {
    border: 3px solid #121212;
    border-left: none;
    transition: 0.2s ease all;
    color: #121212;
}

.file > a .text,
.file > a:visited .text,
.file > a:hover .text,
.file > .container:hover a .text {
    color: #121212;
}

/* Accordion
--------------------------------------------- */

.accordion .entry {
    border-bottom: 3px solid #DDDDDD;
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.accordion .text {
    margin-bottom: 2rem;
}

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

    .accordion .text {
        margin-top: 2.6rem;
    }
    
}

.accordion div.acc_body::after {
    content: "";
    display: block;
    height: 0.5rem;
    width: auto;
    background-color: transparent;
}

.accordion div.acc_body p:first-of-type {
    margin-top: 1.8rem;
}

.accordion .entry:first-of-type {
    margin-top: 0;
}

.acc_title h3::before,
.acc_title.active h3::before {
    content: "";
    display: flex;
    flex: 0 0 auto;
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgba(190,190,190,1.00)" viewBox="0 0 24 24"><path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"/></svg>');
    background-repeat: no-repeat;
    background-position: left 0.1rem top 0.5rem;
    background-size: 1rem;
    width: 1.3rem;
    height: 1.5rem;
    margin-right: 0.6rem;
}

.acc_title.active h3::before {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgba(190,190,190,1.00)" viewBox="0 0 24 24"><path d="M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z"/></svg>');  
}

.acc_title h3:hover::before {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgba(18,18,18,1.00)" viewBox="0 0 24 24"><path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"/></svg>');
}

.acc_title.active h3:hover::before {
    background-image: url('data:image/svg+xml;charset=UTF-8, <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="rgba(18,18,18,1.00)" viewBox="0 0 24 24"><path d="M0 16.67l2.829 2.83 9.175-9.339 9.167 9.339 2.829-2.83-11.996-12.17z"/></svg>');  
}

.accordion h3 {
    margin-bottom: 0;
    display: flex;
}

.accordion h4 {
    font-size: 1.3rem;
    margin-top: 2.3rem;
}

.accordion hr {
    margin-top: 1.2rem;
    margin-bottom: 1.8rem;
    width: 2rem;
}


/* Body
--------------------------------------------- */


/* Footer
--------------------------------------------- */

.site-footer {
    padding: 8rem 0 3rem 0;
}

.site-footer .column {
    margin-bottom: 3rem;
}

.site-footer .column.first_column,
.site-footer .column.second_column {
    flex: 0 0 35%;
    padding-right: 3rem;
}

.site-footer .column.third_column {
    flex: 0 0 30%;
}

.site-footer .column h3 {
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.06em;
    font-variation-settings: "wght" 540, "wdth" 35;
    margin-bottom: 1rem;
}

.site-footer .column h3::before {
    display: block;
    content: '';
    height: 2px;
    width: 1.4rem;
    background-color: #121212;
    margin-top: 0;
    margin-bottom: 0.6rem;
}

.site-footer .column h3:not(:first-of-type)::before {
    margin-top: 3rem;
}

.site-footer .column,
.site-footer .site-info {
    font-size: 1.125rem;
    font-variation-settings: "wght" 340, "wdth" 50;
}

.footer-navigation ul {
    list-style: none;
    margin: 4rem 0 0 0;
    padding: 0;
}

.site-footer a,
.site-footer a:visited {
    color: #C70F48;
    transition: 0.2s ease all;
}

.site-footer a:hover,
.site-footer a:active {
    color: #121212;
    transition: 0.2s ease all;
}

.footer-navigation ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
    font-variation-settings: "wght" 540, "wdth" 35;
    transition: 0.2s ease all;
    margin-bottom: 0.4rem;
}

.site-footer .image {
    opacity: 1;
    transition: 0.2s ease all;
	max-width: 20rem;
}

.site-footer .image:hover {
    opacity: 0.6;
    transition: 0.2s ease all;
}

.site-footer .social_media {
    display: flex;
    font-size: 0;
    margin-top: 4rem;
    margin-bottom: 2rem;
    align-items: center;
}

.site-footer .social_media .entry {
    margin-right: 6%;
    opacity: 1;
    transition: 0.2s ease all;
}

.site-footer .social_media .entry:hover {
    opacity: 0.6;
    transition: 0.2s ease all;
}

.site-footer .social_media .entry .ig,
.site-footer .social_media .entry .fb,
.site-footer .social_media .entry .tw,
.site-footer .social_media .entry .nl {
    width: 2rem;
}

.site-footer .social_media .entry .tw {
    width: 2.3rem;
}

.site-footer .social_media .entry:last-of-type {
    margin-right: 0;
}

/* NOTE
--------------------------------------------- */

p.note {
    display: inline-flex;
    margin: 1.8rem 0;
    padding: 1.2rem 1.5rem 1.35rem;
    border: 3px solid #DB3065; /* rot, heller */
    width: auto;
    color: #C70F48; /* rot */
    font-variation-settings: "wght" 540, "wdth" 100;
    letter-spacing: 0.02em;
    word-spacing: 0.06em;
}

p.note + h3 {
    margin-top: 0;
}

p:first-of-type.note {
    margin-top: 0;
}

.page-id-223 .teaser-container p.note {
	font-size: 1rem;
    padding: 0.3rem 0.7rem 0.4rem;
    padding: 0;
    border: none;
}

.calendar p.note {
	font-size: 1rem;
    padding: 0.3rem 0.7rem 0.4rem;
    padding: 0;
    border: none;
}

.page-id-223 .teaser_text {
    margin-top: 0;
}

.page-id-223 .teaser-container p.note {
	display: flex;
    position: absolute;
    z-index: 9999999999999;
    top: 4rem;
    left: -1.5rem;
    width: 10.5rem;
    height: 10.5rem;
    border-radius: 50%;
    background-color: #C70F48;
    position: absolute;
    right: 20%;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.08em;
    font-variation-settings: "wght" 540, "wdth" 35;
    transform: rotate(10deg);
    padding: 0.8rem;
}

@media screen and (max-width: 1200px) {
	
    .page-id-223 .teaser-container p.note {
        width: 8.5rem;
        height: 8.5rem;
        font-size: 0.7rem;
        padding: 0.5rem;
    }
}


/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */

.site-header .container {
	position: relative;
}

.main-navigation {
	display: block;
	width: 100%;	
}

/*
.main-navigation .mega-menu-toggle {
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
*/

.main-navigation button {
	display: none;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

@media only screen and (max-width: 768px) {
    #mega-menu-wrap-menu-1::after {
        content: "";
        display: table;
        clear: both;
        margin-bottom: 0.2rem;
    }
    
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo {
        margin-top: -1.1rem;
    }
}

.main-navigation ul.mega-menu .mega-indicator {
    display: none!important;
}

.main-navigation ul.mega-menu li a {
	display: block;
	text-decoration: none;
	margin: 0 0 0 2rem!important;
    text-transform: uppercase!important;
    font-size: 1.125rem!important;
    letter-spacing: 0.06em;
    font-variation-settings: "wght" 540, "wdth" 35;
    border-bottom: 2px solid rgba(18,18,18,0.00)!important;
    transition: 0.2s ease all!important;
}

.main-navigation ul.mega-menu li a:hover,
.main-navigation ul.mega-menu li a:active,
.main-navigation ul.mega-menu > li.mega-current_page_item > a,
.main-navigation ul.mega-menu > li:hover > a {
    border-bottom: 2px solid #121212!important;
    transition: 0.2s ease all!important;
}

.single-event .main-navigation ul.mega-menu li.program > a,
.single-exhibition .main-navigation ul.mega-menu li.program > a,
.main-navigation ul.mega-menu > li.mega-current_page_parent > a,
.main-navigation ul.mega-menu > li.mega-current-page-ancestor > a,
.page-id-188 .main-navigation ul.mega-menu li.program > a, /* dauerausstellung Geschichte des Deutschen Werkbund und Offenes Depot */
.page-id-664 .main-navigation ul.mega-menu li.program > a, /* wanderausstellungen */
.parent-pageid-664 .main-navigation ul.mega-menu li.program > a /* wanderausstellungen */ {
    border-bottom: 2px solid #121212!important;
    transition: 0.2s ease all!important;
}

.main-navigation ul.mega-sub-menu {
    box-shadow: 0px 40px 60px rgba(0, 0, 0, 0.05)!important;
    padding: 0.8rem 1.2rem!important;
	margin: 0!important;
    margin-left: 0.8rem!important;
}



@media screen and (max-width: 768px) {
	
    .main-navigation ul.mega-menu li a {
        margin: 0 0 0 0 !important;
	}
    
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        padding: 0;
	}
	
	.main-navigation ul.mega-sub-menu {
		margin-left: 0 !important;
	}

    .main-navigation ul.mega-menu li a {
        border-bottom: none!important;
    }

	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		display: inline-block;
	}

	.main-navigation ul.mega-menu li a:hover,
    .main-navigation ul.mega-menu li a:active,
    .main-navigation ul.mega-menu > li.mega-current_page_item > a,
    .main-navigation ul.mega-menu > li:hover > a {
        /*border-bottom: none!important;*/
    }

    .single-event .main-navigation ul.mega-menu li.program > a,
    .single-exhibition .main-navigation ul.mega-menu li.program > a,
    .main-navigation ul.mega-menu > li.mega-current_page_parent > a,
    .main-navigation ul.mega-menu > li.mega-current-page-ancestor > a {
        /*border-bottom: none!important;*/
    }

    .main-navigation ul.mega-sub-menu {
        box-shadow: none!important;
        padding: 0!important;
        margin-top: 0.2rem!important;
        margin-left: 1.2rem!important;
        margin-bottom: 1.5rem!important;
    }
}


.main-navigation ul.mega-sub-menu li a {
    margin: 0!important;
    font-size: 1rem!important;
}

.main-navigation ul.mega-sub-menu li a,
.main-navigation ul.mega-sub-menu li a:hover {
    border-bottom: none!important;
}

.main-navigation ul.mega-sub-menu li a:hover {
    color: #808080!important;
}

.main-navigation ul.mega-sub-menu li.mega-current_page_item a,
.main-navigation ul.mega-sub-menu li.mega-current-page-ancestor > a,
.single-exhibition .main-navigation ul.mega-sub-menu li.exhibitions > a,
.page-id-188 .main-navigation ul.mega-sub-menu li.exhibitions > a,
.page-id-664 .main-navigation ul.mega-sub-menu li.exhibitions > a,
.parent-pageid-664 .main-navigation ul.mega-sub-menu li.exhibitions > a,
.single-event .main-navigation ul.mega-sub-menu li.events > a {
    color: #808080!important;
}

.main-navigation ul.mega-sub-menu li.mega-current-page-ancestor.mobile > a {
	color: #121212!important;
}


/* mobile logo */

.mega-menu-logo img {
	display: none;
}

.mega-menu-logo {
	width: 72px;
	height: 72px;
}

.mega-menu-logo svg {
	width: 100%;
	height: auto;
}

a.mega-menu-logo {
	display: flex;
	align-items: flex-end;
}


/* Mobile Navi */

#mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
/*    padding: 3rem 0 0 0!important; */
    padding: 3rem 0 2rem 0!important;
}

/*
.home #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
    padding-bottom: 2rem!important;
}
*/

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout:nth-of-type(4) ul.mega-sub-menu {
	right: 0;
    padding: 0.8rem 1.2rem 0.8rem 1.2rem!important;
    margin-right: -1.2rem!important;
}

@media screen and (max-width: 768px) {
    
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout:nth-of-type(4) ul.mega-sub-menu {
        padding: 0!important;
    }
}


#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 3px;
    border-radius: 0;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
  margin-left: 0;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-right: 0;
}

@media screen and (max-width: 480px) {
    
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
        width: 34px;
        height: 3px;
    }
    
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
        margin-right: -6px;
    }
}

.mega-menu-toggle {
	margin: 0.85rem 0 0 0;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
    margin-left: 0!important;
    margin-right: 0!important;
}

#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-box {
    width: 38px!important;
    height: auto!important;
    margin-bottom: 0.25rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    width: auto!important;
    margin-bottom: 1rem;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    line-height: 2rem!important;
    height: 2rem!important;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		justify-content: flex-end;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: none;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}




/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

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

.entry-content > .text_container {
    width: 64%;
    margin: 0 auto 6rem;
}

.grid_layout .content_column,
.sidebar-content-section .content_column {
	padding: 0 2.25% 0 2.25%;
	padding: 0 2.5% 0 2.5%;
}

@media screen and (max-width: 1200px) {
    
    .grid_layout .content_column,
    .sidebar-content-section .content_column {
        padding: 0 calc( -1rem + 2.25% ) 0 2.25%;
    }
	
	.grid_txt_img.grid_layout .content_column {
        padding: 0 calc( -1rem + 2.25% ) 0 calc( -1rem + 2.25% );
	}
}

@media screen and (max-width: 768px) {
    
    .grid_layout .content_column,
    .sidebar-content-section .content_column {
        padding: 0;
    }
    
    .grid_layout .content_column {
        padding-bottom: 3.6rem;
    }
    
    .page-template-page-exhibition_start .grid_layout .content_column:first-of-type,
    .page-template-page-event_start .grid_layout .content_column:first-of-type,
    .page-template-page-program_start .grid_layout .content_column:first-of-type,
    .page-template-page-overview .grid_layout .content_column:first-of-type,
    .page-template-page-event_archive .grid_layout .content_column:first-of-type,
    .page-template-page-exhibition_archive .grid_layout .content_column:first-of-type,
    .page-template-page-ding_des_monats_archive .grid_layout .content_column:first-of-type {
        padding-bottom: 0;
    }
}

.grid_layout.grid_txt_img .content_column {
	/*
	padding: 0 2.5% 0 3.6rem;
	padding: 0 4.5% 0 4.5%;
	*/
}

.grid_layout.grid_txt_img .entry-content {
	/*
	padding: 0 4.5%;
	*/
}


/*
.grid_layout .content_column,
.sidebar-content-section .content_column {
	padding: 0 4rem 0 4rem;
}
*/

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

.sidebar-content-section.layout-txt-img .content_column {
  padding: 0 2.25% 0 2.25%;
  padding: 0 2.5% 0 2.5%;
}

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

    .sidebar-content-section.layout-txt-img .content_column {
      padding: 0 calc( -1rem + 2.25% ) 0 calc( -1rem + 2.25% );
    }
    
}

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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */

.wp-caption,
.caption,
.caption-text .text,
.pswp__caption__text,
.dnd-caption-wrapper {
	font-size: 0.875rem;
	color: #121212;
	margin-bottom: 0.175rem;
	max-width: 100%;
    letter-spacing: 0.03em;
}

.pswp__caption__text {
	font-size: 0;
}

.pswp__caption__text .text {
	font-size: 0.875rem;
}

.caption-text .copyright,
.caption-text .photographer,
.pswp__caption__text .copyright,
.pswp__caption__text .photographer {
	font-size: 0.6rem;
    color: #AAA;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 600;
    margin-bottom: 0.05rem;
    line-height: 1.7;
}

.pswp__caption__text .copyright,
.pswp__caption__text .photographer {
    display: inline;
}

.pswp__caption__text .credits div + div::before {
    content: "/";
    padding: 0 0.5em;
}

.caption-text .label {
	font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 600;
}

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

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

aside .wp-caption .wp-caption-text,
aside .caption .caption-text,
.sidebar .wp-caption .wp-caption-text {
	padding: 0 2rem 0 calc(4rem + 4.5%);
}

@media screen and (max-width: 1200px) {
	
    aside .wp-caption .wp-caption-text,
    aside .caption .caption-text,
    .sidebar .wp-caption .wp-caption-text {
        padding: 0 0 0 calc(1rem + 4.5%);
    }
}


.grid_txt_img aside .wp-caption .wp-caption-text,
.grid_txt_img aside .caption .caption-text,
.grid_txt_img .sidebar .wp-caption .wp-caption-text {
	padding: 0 2rem 0 0;
}

.single-ding_des_monats .grid_txt_img aside .caption .caption-text {
	padding: 0 18% 0;
}

@media screen and (max-width: 768px) {
	aside .wp-caption .wp-caption-text,
	aside .caption .caption-text,
	.sidebar .wp-caption .wp-caption-text,
	.single-ding_des_monats .grid_txt_img aside .caption .caption-text {
		padding: 0 0 0 0;
  }
}

.wp-caption-text,
.caption-text {
	text-align: left;
}


/* Header-Image
--------------------------------------------- */

.header_image {
    margin-bottom: 3rem;
	padding: 0 2.25% 0 0;
}


@media screen and (max-width: 768px) {
	    
    .header_image {
        margin-bottom: 3rem;
        padding: 0 0 0 0;
    }
    
    .header_image img {
        width: calc( 104.95% + 2rem ); /* calc( 1rem + 2.25% ) */
        margin-left: calc( -1rem - 2.475% );
		/*width: 100%; 
		margin: 0; */
    }
	
	.grid_txt_img .header_image .caption.image {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.layout-section .grid-item {
		margin: 0 0 0 0;
	}
    
}


/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

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

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}



/*--------------------------------------------------------------
# Custom Content Types
--------------------------------------------------------------*/


/* Page
--------------------------------------------- */


.page.page-template-default article .entry-header {
	width: 50%;
}

.page.page-template-default article .entry-header .container {
	margin: 0 0 3.2rem auto;
	padding: 3.2rem 4rem 0 0;
	max-width: 42rem;
}

.page.page-template-default .site-main .columns {
	display: flex;
	margin: 0 0 0 0;
}

.page.page-template-default .site-main .columns .image_column {
	flex: 1 1 50%;
	order: 1;
	margin: -0.5rem 0 0 0;
}

.page.page-template-default .site-main .entry-header {
	width: 50%;
}

.page.page-template-default .site-main .grid .entry-header {
	width: 100%;
}

.page.page-template-default .site-main .columns .content_column {
	flex: 1 1 50%;
	order: 2;
}

.page.page-template-default .site-main .columns .content_column .container {
	padding: 0 4rem 0 0;
	margin: 0 0 0 auto;
}

.page.page-template-default .site-main .columns .image_column .image {
	max-width: 800px;
	margin: 0 auto;
}

/*
.page.page-template-default .image figcaption {
    display: block;
    max-width: 65%;
    margin: 0 auto;
}
*/

/*
.page.page-template-default .image figcaption::before {
    display: block;
    content: '';
    height: 2px;
    width: 1.2rem;
    background-color: #C4C4C4;
    margin-top: 0;
    margin-bottom: 0.6rem;
}

*/


/* Ding des Monats
--------------------------------------------- */
/*
.single-ding_des_monats article .entry-header {
	width: 50%;
	margin: 0 auto 0 0;
}
*/
.single-ding_des_monats article .entry-header .container {
	margin: 0 0 3.2rem auto;
	padding: 3.2rem 0 0 4rem;
	max-width: 42rem;
}

.single-ding_des_monats .site-main .columns {
	display: flex;
	margin: 0 0 0 0;
}

.single-ding_des_monats .site-main .columns .image_column {
	flex: 1 1 50%;
	order: 2;
	margin: -14rem 0 0 0;
    padding: 0 4rem;
}


.single-ding_des_monats .site-main .columns .content_column .container {
	max-width: 42rem;
	padding: 0 0 0 4rem;
	margin: 0 0 0 auto;
}

.single-ding_des_monats .site-main .columns .image_column .image {
	max-width: 800px;
	margin: 0 auto;
}

/*
.single-ding_des_monats .image figcaption {
    display: block;
    max-width: 65%;
    margin: 1.5rem auto 2.4rem;
}
*/

.home .grid-item.ding_des_monats .month {
	display: none;
}

/*
.single-ding_des_monats .image figcaption::before {
    display: block;
    content: '';
    height: 2px;
    width: 1.2rem;
    background-color: #C4C4C4;
    margin-top: 0;
    margin-bottom: 0.6rem;
}
*/



/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.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;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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


/* video local player */

/* 
.video {
    clip-path: inset(-1px -1px);
} */

.vjs-poster {
  background-size: cover !important;
}

.video-js {
	background-color: #FFFFFF;
}



/* videojs */

.video-js .vjs-big-play-button {
  font-size: 10em;
  line-height: 1.5em;
  height: 1.4em;
  width: 1.4em;
  display: block;
  position: absolute;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  text-shadow: 0.4rem 0 0.8rem rgba(0, 0, 0, 0.1);
  border: none;
  background-color: #2b333f;
  background-color: rgba(43,51,63,.0);
  border-radius: 50%;
  transition: all ease .4s;
}

.video-js:hover .vjs-big-play-button {
  background-color: rgba(43,51,63,.0)!important;
  opacity: 1;
  text-shadow: 0.4rem 0 0.8rem rgba(0, 0, 0, 0);
  transition: all ease .4s;
}

.vjs-has-started .vjs-big-play-button {
	display: none;
}

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-left: 0;
	transform: translate(-50%,-50%);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder::before {
	margin-top: -0.1em;
}

.vjs-error .vjs-error-display { display: none; }



/*--------------------------------------------------------------
# Photoswipe
--------------------------------------------------------------*/


.slideshow .image .details {
	display: none;
}

figure {
    margin: 0;
}

button {
    border-radius: 0;
} 

.pswp__bg {
    background: rgb(255, 255, 255, 1)!important;
}

.pswp__caption {
    background-color: rgba(255, 255, 255, 0)!important;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption {
        padding-left: 0;
    }
	
}

.pswp__caption .pswp__caption__center {
    display: table;
    margin-left: 0;
    margin-right: 0;
	padding: 0.4rem 2rem 0.3rem;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.925);
	text-align: center;
    /* min-height: 3.2rem; */
    color: #121212;
    position: absolute;
    bottom: 0;
    line-height: 1.1!important;
}

.pswp__counter {
    display: none;
}

.pswp__caption .pswp__caption__center .title,
.pswp__caption .pswp__caption__center .year,
.pswp__caption .pswp__caption__center .media,
.pswp__caption .pswp__caption__center .dimension {
    display: inline-block;
    padding-right: 0.3em;
}

.pswp__caption .pswp__caption__center .dimension {
    padding-right: 0;
}

@media screen and (max-width: 840px) {
	
    .pswp__caption .pswp__caption__center {
        text-align:center;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        border-left: none;
    }
	
}

.pswp__caption .pswp__caption__center div {
	margin: 0 0 0 0;
}

.pswp__caption .pswp__caption__center div:last-of-type {
	margin: 0 0 0 0;
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(255,255,255,0);
}

.pswp--svg .pswp__top-bar .pswp__button,
.pswp--svg .pswp__button--arrow--left::before, .pswp--svg .pswp__button--arrow--right::before {
    background-image: url(/wp-content/themes/wbamdd_hff/js/photoswipe/hws-skin/skin.svg);
		
}
.pswp__button, 
.pswp__button--arrow--left::before, 
.pswp__button--arrow--right::before,
.pswp--svg button.pswp__button--arrow--left::before,
.pswp--svg button.pswp__button--arrow--right::before
{
    background: url(/wp-content/themes/wbamdd_hff/js/photoswipe/hws-skin/skin.svg) 0 0 no-repeat;
        background-color: rgba(0, 0, 0, 0);
        background-position-x: 0px;
        background-position-y: 0px;
    background-image: url(/wp-content/themes/wbamdd_hff/js/photoswipe/hws-skin/skin.svg);
        background-size: auto;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

.pswp--svg button.pswp__button--arrow--right::before {
	right: 0;
}

.pswp__button--close,
.pswp__button--fs {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
    content: '';
    top: 35px;
    background-color: rgba(255, 255, 255, 0.3);
    height: 44px;
    width: 44px;
    position: absolute;
	overflow: hidden;
}

.pswp__button.pswp__button--fs {
    float: left;
}

button.pswp__button--arrow--left::before {
    left: 0px;
    background-position: -134px -36px !important;
}

button.pswp__button--arrow--right::before {
    right: 0px;
    background-position: -88px -36px !important;
}

/* debugging */
.pswp__caption.pswp__ui--idle, .pswp__ui--idle .pswp__top-bar,
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
    opacity: 1;
}

.pswp__caption {
    background-color: rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.3);
}

.pswp__top-bar {
    background-color: rgba(0,0,0,0);
}

.pswp__caption .img_container .caption {
	height: auto;
}

.pswp__caption .tecrec div {
/*	white-space: nowrap; */
}

.img_container figcaption {
	display: none;
}

.pswp__caption__center {
    display: table;
    max-width: none;
    width: auto;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__button--close,
.pswp__ui--idle .pswp__button--fs,
.pswp__ui--idle .pswp__button {
    opacity: 0;
}

#wpadminbar {
    z-index: 999999;
}

/* BorlabsCookie */

.BorlabsCookie ._brlbs-content-blocker {
  line-height: 0!important;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
    margin-bottom: 0!important;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed p {
    padding: 0 1rem;
    letter-spacing: 0.03em;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a.external span,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label small,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a._brlbs-btn {
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a.external span,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a._brlbs-btn {
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a.external span {
    color: #B5A889;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover.external span {
    color: #FFF;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption label small {
    font-size: 0.6rem;
    letter-spacing: 0.1em;
    padding-left: 0.2rem;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p:first-of-type a {
    color: #BAC389!important;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption p:first-of-type a:hover {
    color: #FFFFFF!important;
}

.BorlabsCookie p a {
    border-bottom: none;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a {
    color: #D8D8D8!important;
    text-transform: uppercase;
    font-size: 0.6rem;
    letter-spacing: 0.1em;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-caption a:hover {
    color: #FFF!important;
}

.BorlabsCookie ._brlbs-video-youtube a._brlbs-btn,
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn {
    background: #8D8D8D!important;
    color: #FFF!important;
    transition: all 0.2s ease;
}

.BorlabsCookie ._brlbs-video-youtube a._brlbs-btn:hover,
.BorlabsCookie ._brlbs-video-vimeo a._brlbs-btn:hover {
    background: #FFF!important;
    color: #121212!important;
    transition: all 0.2s ease;
}

.BorlabsCookie ._brlbs-video-youtube,
.BorlabsCookie ._brlbs-video-vimeo {
    filter: saturate(0) sepia(0);
}

.BorlabsCookie ._brlbs-caption {
    display: flex;
    flex-direction: column;
}

.BorlabsCookie .bumper {
    flex-grow: 1;
}

#BorlabsCookieBox ._brlbs-bar {
    padding: 2rem 0!important;
}

@media screen and (max-width: 640px) {
	
	.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed p {
  		padding: 0 2rem;
	}
}

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

	.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
		padding: 0 0.5rem;
	}
}

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

	.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-caption {
		padding: 0 0;
		hyphens: auto;
	}
}

/* BorlabsCookie custom settings */

#BorlabsCookieBox ._brlbs-bar,
#BorlabsCookieBox ._brlbs-box {
    border-radius: 0!important;
    color: #121212!important;
    font-size: 0.9rem!important;
    padding: 1.4rem!important;
    box-shadow: 0 1rem 2rem rgba(0,0,0,.1)!important;
    filter: saturate(0.7);
}

#BorlabsCookieBox ._brlbs-block-content._brlbs-bg-dark {
    background: rgba(0,0,0,.1)!important;
}

#BorlabsCookieBox .bcac-item {
    padding: 0.8rem 1rem!important;
}

#BorlabsCookieBox p.text-center a._brlbs-cursor.d-block span {
    text-transform: uppercase!important;
    font-family: "PlusJakartaSans-Medium", sans-serif;
    font-size: 0.65rem!important;
    letter-spacing: 0.08em;
}

#BorlabsCookieBox span._brlbs-paragraph,
#BorlabsCookieBox .d-block p {
    letter-spacing: 0.02em!important;
    word-spacing: 0.1em!important;
}

#BorlabsCookieBox h3, 
#BorlabsCookieBox ._brlbs-h3 {
    margin: 0.3rem 0!important;
}

#BorlabsCookieBox .bcac-item ._brlbs-h4 {
    font-family: "PlusJakartaSans-Medium", sans-serif;
    font-size: 1rem!important;
    letter-spacing: 0.03em;
}

#BorlabsCookieBox .cookie-preference ._brlbs-btn,
#mc_embed_signup input[type="submit"] {
    border-radius: 0!important;
    margin-right: 0.3rem!important;
    text-transform: uppercase!important;
    font-family: "PlusJakartaSans-SemiBold", sans-serif;
    font-size: 0.75rem!important;
    letter-spacing: 0.07em;
}