@charset "utf-8";
/*
Theme Name: debleu 2022 Custom
Version: 1.0
Author: debleu.de
Author URI: https://debleu.de/
*/
/*  --------------------------------------------------------- Typography --- */
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local(''),
       url('fonts/heebo-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/heebo-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-italic - latin */
/*@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: local(''),
       url('fonts/open-sans-v18-latin-italic.woff2') format('woff2'),
       url('fonts/open-sans-v18-latin-italic.woff') format('woff');
}*/
/* open-sans-700 - latin */
@font-face {
    font-family: 'Heebo';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: local(''),
       url('fonts/heebo-v12-latin-700.woff2') format('woff2'),
       url('fonts/heebo-v12-latin-700.woff') format('woff');
}
/* open-sans-700italic - latin */
/*@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: local(''),
       url('fonts/open-sans-v18-latin-700italic.woff2') format('woff2'),
       url('fonts/open-sans-v18-latin-700italic.woff') format('woff');
}*/
/* saira-regular - latin */
/*@font-face {
    font-family: 'Saira';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: local(''),
       url('fonts/saira-v7-latin-regular.woff2') format('woff2'),
       url('fonts/saira-v7-latin-regular.woff') format('woff');
}*/
body, button, label, input, select, textarea, p {
	
	font-family: 'Heebo', sans-serif;

	font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.6;
	letter-spacing: 0.025rem;
}
/*.section-headline p {
    font-size: 2rem;
}*/
b, strong, .bold {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6, #page-title h1,
.company-name, .company-subline, .pb-teaser-text-wrap h2, #topnavi li a, #contact-head-block h2 {

    font-family: 'Heebo', sans-serif;
    
    font-weight: 400;
	font-style: normal;
	line-height: 1.3;
}
h4 {
    padding-bottom: 2px;
    font-weight: 700;
    font-size: 1.8rem;
}
/*h1, h2 {
    letter-spacing: -0.03rem;
}*/
/*  flexible font size: min font-size px + (max font size - min font-size) * ((100vw - min screen-size px) / (max screen-size - min screen-size))) */

h1 { font-size: calc(24px + (30 - 24) * ((100vw - 400px) / (1360 - 400))); }
h2 { font-size: calc(20px + (24 - 20) * ((100vw - 400px) / (1360 - 400))); }
h3 { font-size: calc(18px + (20 - 18) * ((100vw - 400px) / (1360 - 400))); }

#page-title h1 { font-size: calc(28px + (32 - 28) * ((100vw - 400px) / (1360 - 400))); }

.slider-content h1 { 
    font-size: calc(30px + (60 - 30) * ((100vw - 400px) / (1360 - 400)));
    line-height: 1.1;
}
@media only screen and (min-width: 1370px) { /* max font size over 1370 px */
    
	h1 { font-size: 3rem; }
    h2 { font-size: 2.4rem; }
    h3 { font-size: 2rem; }
    
    #page-title h1 { font-size: 3.2rem; }
    
    .slider-content h1 { font-size: 6rem; }
}
h4 { font-size: 1.8rem; }
h5 { font-size: 1.8rem; }
h6 { font-size: 1.8rem; }

.site-branding h1 {
    font-size: 2rem;
    padding: 0;
	line-height: 1;
}
.site-branding h2 {
	font-size: 1.4rem;
    letter-spacing: 0;
    padding: 0;
}
@media only screen and (min-width: 620px) {
	.site-branding h1 {
        font-size: 2rem;
    }
	.site-branding h2 {
		font-size: 2rem;
	}
}
.pb-teaser .topline {
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: 80%;
    font-weight: 700;
}
/*------------------------------------------------------------ List Points ---*/
.content ul {
    position: relative;
    padding: 0 0 10px 30px;
}
.content ul li {
    padding: 0 0 8px 0;
    list-style: none;
}
.content ul li:before {
    content: "»";
    font-size: 1.8rem;
    color: #1b1639;
    position: absolute;
    left: 15px;
    line-height: 1.2;
    text-rendering: auto;
}
/*----------------------------------------------------------------- Quota ---*/
.pb-quota h1 {
	/* flexible font size: min font-size px + (max font size - min font-size) * ((100vw - min screen-size px) / (max screen-size - min screen-size))) */   
    font-size: calc(32px + (40 - 32) * ((100vw - 400px) / (1360 - 400)));
    line-height: 1.2;
}
@media only screen and (min-width: 1370px) { /* max font size over 1370 px */
	.pb-quota h1 {
		font-size: 3rem;
	}
}
.pb-quota p {
    font-size: 1.8rem;
    color: #505050;
    padding-bottom: 0;
}
/* ------------------------------------------------------------- Colors  --- */
html {
    background-color: #f5f3f1;
}
#body-col-flex {
    background-color: #f6f6f6;
}
body, button, input, select, textarea, p, #content li a {
    color: #464646;
}
h1, h2, h3, h5, h6 {
    color: #464646;
}
h4 {
    color: #626262;
}
#header.site-header {
    /*background-color: rgba(255,255,255,0.90);*/
    background-color: #f6f6f6;
}
.scroll-up #header.site-header {
    border-bottom: 1px solid #dfdfdf;
}
#topimage {
    background-color: transparent;
}
.pb-teaser-text-wrap h2 {
    color: #555555;
	font-size: 2rem;
	padding-top: 16px;
}
.pb-teaser .topline {
    color: #000;
}
#footer {
    background-color: #464543;
}
#copyright {
	background-color: #000;
}
#copyright a {
    color: #767676;
}
#copyright a:hover {
    color: #B7B7B7;
}
a {
    color: #666666;
}
a:hover, a:active {
    color: #000;
    outline: none;
}
/* ------------------------------------------------------------- Buttons --- */
a.back {
    clear: both;
    display: inline-block;
    text-decoration: none;
    padding: 0 0 70px 0;
}
.read-more {
    padding-bottom: 0;
    margin-bottom: 10px;
    display: inline-block;
}
a.button {
    background-color: #d6d4dd;
    color: #000;
	transition: background-color 100ms, color 300ms;
}
a.button:hover, a.button:active {
	background-color: #1b1639;
    color: #fff;
    outline: 0;
}
input.wpcf7-submit {
    background-color: #d8d7d0;
    color: #271a31;
	transition: background-color 100ms, color 300ms;
}
input.wpcf7-submit:hover {
    background-color: #464543;
    color: #fff;
}
#custom-form input.wpcf7-submit {
    background-color: #7ab51d;
    color: #fff;
}
#custom-form input.wpcf7-submit:hover {
    background-color: #669718;
}
/*  ------------------------------------------ Header height + toggle menu --- */
:root {
    --hh-small:  80px; /* edit header height for small screens */
    --hh-wide:  80px; /* edit header height for wider screens */
    --lh-small:  50px; /* edit logo height for small screens */
    --lh-wide:   80px; /* edit logo height for wider screens */
}
@media only screen and (min-width: 960px) { /* edit min-width for toggle menu */
	#topnavi { display: flex; }	
	#topnavi-mobile, #menuIconShow, #menuIconHide { display: none; }
    .site-branding { max-width: 100%; }
}

/* No edits here! */
.site-branding figure img { height: var(--lh-small); transition: height 300ms; }
#topimage { padding-top: var(--hh-small); transition: padding-top 300ms; }
#menu-open.show, #menu-open.hide { top: var(--hh-small); transition: top 300ms; }
#header.site-header, #head, .site-branding { height: var(--hh-small); }
.site-branding { max-width: 80%; }

@media only screen and (min-width: 620px) {
    .site-branding figure img { height: var(--lh-wide); } 
    #topimage { padding-top: var(--hh-wide); }
    #menu-open.show, #menu-open.hide { top: var(--hh-wide); }
	#header.site-header, #head, .site-branding { height: var(--hh-wide); }
}
/* ------------------------------------------------------------- Header + Main --- */
#header + #main {
    margin-top: 90px;
}
/* ------------------------------------------------------------- Topnavi --- */
#topnavi li {
    margin-left: 25px;
}
#topnavi li::after {
    display: none;
}
#topnavi li a {
	text-transform: none;
    letter-spacing: 0.03rem;
    color: #767676;
}
/* ----------------------------------------------------- Topnavi Submenu --- */
#topnavi li ul.sub-menu {
    display: block;
    position: absolute;
	margin-left: -30px;
    margin-top: 0px;
	background-color: #fff;
	box-shadow: none;
}
#topnavi li:last-of-type ul.sub-menu {
    right: -25px;
    min-width: 210px;
}
#topnavi li::after ul.sub-menu {
    content: none;
}
#topnavi ul.sub-menu li {
    padding: 0 30px;
}
#topnavi .menu-item-has-children:hover ul.sub-menu li:last-of-type {
    margin-bottom: 20px;
}
#topnavi ul.sub-menu li a {
	text-transform: none;
	color: #767676;
}
#topnavi ul.sub-menu li a:hover {
	color: #000000;
}
#topnavi ul.sub-menu li::after {
    display: none;
}
/* ------------------------------------------------------- Navi Mobile --- */
#menu-open ul {
    background: #767676;
}
#menu-open li:hover .sub-menu-button {
    background-color: #606060;
}
#menu-open ul li {
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
#menu-open ul.sub-menu li.menu-item {
    border-top: 1px solid rgb(255 255 255 / 20%);
}
#menu-open ul li a:hover {
    color: #fff;
    background-color: #606060;
}
#menu-open ul li a {
    font-size: 16px; 
    font-size: 1.6rem;
	color: #ededed;
}
#menu-open .sub-menu-button {
    width: 42px;
    height: 42px;
    border-left: 1px solid rgb(255 255 255 / 20%);
}
#menu-open li:hover .sub-menu-button {
    border-left: 1px solid rgb(255 255 255 / 20%);
    background-color: #606060;
}
#menu-open ul li ul li a:hover {
    background-color: #606060;
}
/*------------------------------------------------------ Overlay ---*/
a#nav-overlay {
    display: none;
}
/* ------------------------------------------------------ Footer --- */
#footer {
    background-color: #f6f6f6;
}
#footer-content {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
/* ------------------------------------------------------ Footer Blocks --- */
@media only screen and (min-width: 580px) {
    #footer-content .company {
        margin-right: auto;
    }
    #footer-content .nav-wrap {
        margin-left: auto;
        margin-right: 50px;
	}
}
@media only screen and (min-width: 670px) {
    #footer-content .nav-wrap {
        order: 3;
        flex-direction: column;
    }
    #social-box {
        margin: 0;
        order: 3;
    }
    #social-box a {
		display: inline-block;
	}
}
@media only screen and (min-width: 768px) {
    #footer-content .footer-logo {
		display: block;
		width: 100px;
		margin-bottom: 20px;
        margin-right: 40px;
	}
    #social-box {
        order: 5;
	}
}
@media only screen and (min-width: 820px) {
    #social-box {
        order: 3;
        margin-right: 50px;
    }
    #social-box a {
		display: block;
        margin-bottom: 4px;
	}
}
@media only screen and (min-width: 992px) {
    #footer-content .nav-wrap {
		margin-left: auto;
        flex-direction: row;
        margin-right: 30px;
	}
    #footer-content .company-open-hours {
        margin-right: 40px;
    }
}
@media only screen and (min-width: 1040px) {
	#footer-content .company ul li a, #footer-content .company-fax {
        padding-top: 5px;
    }
}
@media only screen and (min-width: 1280px) {
    #footer-content .footer-navi {
		margin-left: auto;
        flex-direction: row;
	}
    #footer-content .footer-navi-1, #footer-content .company-open-hours {
        margin-right: 80px;
    }
    #footer-content .footer-navi-2 .nav-topline {
        display: block;
    }
}
@media only screen and (min-width: 1460px) {
    #social-box {
        margin-right: 0;
	}  
}
/* --------------------------------------------------------------- Footer Nav --- */
.footer-nav-center {
	text-align: center;
	width: 100%;
}
#footer-content .navi ul li a {
    color: #aaa;
}
#footer-content .navi ul li:hover a {
    color: #888;
}
#footer-content .navi ul li.current-menu-item a {
    color: #888;
    letter-spacing: 0.05rem;
}
#footer-content .navi ul li {
    border-bottom: none;
	display: inline-block;
    padding: 0 7px;
}
#footer-content .navi ul li a::before {
    display: none;
}
/* --------------------------------------------------------------- Icons --- */
svg.icon-back {
    height: 32px;
    stroke: #464543;
    stroke-width: 18px;
    fill: none;
}
svg.icon-back:hover { 
    stroke: #FF0000; 
}
svg.icon-phone { 
	fill: #4e4e4e; 
}
svg.icon-phone:hover { 
	fill: #000; 
}
#social-box a .social-icon .social-bg,
#social-box a:hover .social-icon  .social-fg  {
    fill: #252525;
    transition: fill 0.3s;
}
#social-box a .social-icon .social-fg,
#social-box a:hover .social-icon .social-bg  { 
	fill: #fff; 
}
.top-wrap {
    position: absolute;
    width: 80px;
    height: 50px;
    bottom: 80px;
    right: 0;
}
a.top {
    width: 50px;
    height: 50px;
    z-index: 100;
    bottom: 80px;
    padding: 4px 0 0 9px;
    border-radius: 25px;
    background-color: #e5e5e5;
}
/* ---------------------------------------------------------------- Home --- */
#home-werkgruppen p {
    display: none;
}
/* ------------------------------------------------------ Werk Teaser CB --- */
.werk-teaser.col2, 
.werk-teaser.col3, 
.werk-teaser.col4, 
.werk-teaser.col5, 
.werk-teaser.col7 {
    flex-shrink: 0;
    flex-grow: 0;
}
.werk-teaser h3 {
    font-size: 1.5rem;
}
.filter-decades {
    padding-bottom: 30px;
}
.filter-decades .filter-button {
    padding: 8px 0;
    margin-right: 8px;
    margin-bottom: 10px;
    cursor: pointer;
    background-color: #e5e5e5;
    text-align: center;
    width: 130px;
}
.filter-decades .filter-button.active {
    background-color: #cdcdcd;
}
.werk-teaser {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    border: 5px solid #f6f6f6;
    padding: 20px 20px 5px 20px;
}
.werk-teaser figure {
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 300px) {
    .werk-teaser.col7 {
        flex-basis: 50%;
    }
}
@media only screen and (min-width: 500px) {
    .werk-teaser.col7 {
        flex-basis: 33%;
    }
}
@media only screen and (min-width: 768px) {
    .werk-teaser.col7 {
        flex-basis: 25%;
    }
}
@media only screen and (min-width: 992px) {
    .werk-teaser.col7 {
        flex-basis: 20%;
    }
}
@media only screen and (min-width: 1150px) {
    .werk-teaser.col7 {
        flex-basis: calc(100% / 7 );
    }
}
/*---------------------------------------------------------- Werke Übersicht ---*/
.pb-teaser-with-text.pb-werk-teaser {
    padding-top: 0;
}
.section-headline.werke-overview h2 {
    padding-bottom: 5px;
}
.section-headline.werke-overview  {
    padding-bottom: 30px;
}
.werke-count {
    color: #7a7a7a;
}
.filter-decades .werke-count {
    padding-bottom: 30px;
}
/*---------------------------------------------------------- Nav Werk Single ---*/
#nav-post, #nav-post > .wrap {
    display: flex;
    gap: 5px;  
}
#nav-post {
    padding: 20px 0;
}
@media only screen and (max-width: 460px) {
    #nav-post {
        flex-direction: column;
    }
    .nav-nextpost, .nav-prevpost {
        flex-grow: 1;
    }
    .nav-nextpost a {
        text-align: right;
    }      
    .nav-prevpost a {
        text-align: left;
    } 
}
.nav-nextpost a, .nav-prevpost a {
    display: block;
    padding: 4px 14px 2px;
  	background-color: #fff;
    color: #666;
}  
   
.nav-nextpost a::after, .nav-prevpost a::before {
    content: '';
    background-repeat: no-repeat;
    border: 0;
    display: inline-block;
    width: 9px;
    height: 9px;
}
 .nav-prevpost a::before {
    padding-left: 20px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20566.9%20566.9%22%3E%3Cpath%20fill%3D%22%23777%22%20d=%22M8.6,298.6v-31.4l192.6-254l89.9,47.1l2.9,18.5L147,280.1l147,199.7l-2.9,18.5l-89.9,48.5L8.6,298.6z%20M272.6,298.6v-31.4%20%09%09l192.6-254l89.9,47.1l2.9,18.5L411,280.1l147,199.7l-2.9,18.5l-89.9,48.5L272.6,298.6z%22%3E%3C/path%3E%3C/svg%3E');
}   
.nav-nextpost a::after {
    padding-right: 20px; 
	-ms-transform: rotate(180deg);
    transform: rotate(180deg);
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox=%220%200%20566.9%20566.9%22%3E%3Cpath%20fill%3D%22%23777%22%20d=%22M8.6,298.6v-31.4l192.6-254l89.9,47.1l2.9,18.5L147,280.1l147,199.7l-2.9,18.5l-89.9,48.5L8.6,298.6z%20M272.6,298.6v-31.4%20%09%09l192.6-254l89.9,47.1l2.9,18.5L411,280.1l147,199.7l-2.9,18.5l-89.9,48.5L272.6,298.6z%22%3E%3C/path%3E%3C/svg%3E');
}
.nav-nextpost a:hover, .nav-prevpost a:hover {
    background-color: #e5e5e5;
    color: #666;
}
/* -------------------------------------------------------- Werk single --- */
#page-title h1.werkgruppe {
    font-size: 2.8rem;
}
.page-title-werk {
    display: flex;
    flex-direction: column;
}
.werk {
    overflow: hidden;
    padding-bottom: 60px;
}
.werk .col-1-3, .werk .col-2-3 {
    border: 10px solid transparent;
}
.werk p {
    padding-bottom: 0;
}
.werk-gallery.intern p {
    padding-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .werk .col-1-3 {
        float: left;
        width: calc(100% / 3);
    }
    .werk .col-2-3 {
        float: right;
        width: calc(100% / 3 * 2);
    }
}
@media only screen and (min-width: 800px) {
    .page-title-werk {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    #nav-post {
        padding: 0 0 30px 0;
    }
}  
@media only screen and (min-width: 1100px) {
    .werk .text {
        padding-right: 60px;
    }
}
.asterisk {
    color: red;
}
.werk .wrap.line {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 4px;
	padding-top: 5px;
}
.werk .wrap.topline {
	border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 4px;
	padding-top: 5px;
	margin-top: 20px;
}
.werk .box:last-of-type .wrap{
    border-bottom: 0 none;
}
.werk .box {
    margin-bottom: 0px;
}
.werk .box .label {
    display: inline-block;
    padding-bottom: 3px;
}
.werk .box.title {
    padding-bottom: 10px;
}
.werk .box.title span {
    font-size: 2rem;
	line-height: 1.2;
}
.werk-gallery {
    margin-top: 20px;
}
.werk-gallery .item {
    flex-basis: calc((100% - 40px) / 3);
    margin: 0 20px 20px 0;
}
.werk-gallery .item:nth-of-type(3) {
    margin-right: 0;
}
.werk .box.unclear {	
	padding-top: 15px;
    color: #b1b1b1;
}
/*-------------------------------------------------------------------------- CB Text + News ---*/
.pb-row.pb-row.pb-text.bg-color.home-newsgroup {
    padding-top: 60px;
	padding-bottom: 40px;
	margin: 20px 0 10px 0;
}
.pb-text-news figure  {
    max-width: 75%;
}
.pb-news-block .date {
    font-size: 100%;
    padding-top: 24px;
}
.pb-text .block-text.text-1 p + h2:first-of-type {
    padding-top: 0;
}
/*--------------------------------------------------------------------------------- Search ---*/
#topnavi {
    right: 80px;
}
.menu-search {
    position: absolute;
    right: 30px;
    top: 28px;
    cursor: pointer;
}
svg.icon-search {
    width: 26px;
    height: 26px;
}
svg.icon-search .search-1 {
    fill: none;
    stroke: #464646;
    stroke-width: 22;
    stroke-miterlimit: 10;
}
svg.icon-search .search-2 {
    fill:none;
    stroke: #464646;
    stroke-width: 30;
    stroke-linecap: round;
    stroke-miterlimit: 10;
}
.close svg.icon-close {
    stroke: #424242;
    stroke-width: 22;
}
.menu-search-box {
    background-color: #fff;
    padding: 25px 20px 20px 20px;
    position: absolute;
    right: 20px;
    top: 0px;
    box-shadow: 0 0 10px 5px rgb(0 0 0 / 20%);
    z-index: 5;
}
@media only screen and (min-width: 600px) {
    .menu-search-box {
        right: 30px;
    }
}
.menu-search-box .close {
    position: relative;
    width: 22px;
    height: 22px;
    margin-left: auto;
    margin-bottom: 15px;
}
.menu-search-box .screen-reader-text, h2.screen-reader-text {
    display: none;
}
.menu-search-box .headline {
    font-size: 2rem;
    position: absolute;
}
input#searchsubmit {
    padding: 2px 15px;
    background-color: #e5e5e5;
    border: 1px solid #cccccc;
    border-radius: 0;
}
input#s {
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 2px 5px;
}
.search-results {
    margin-bottom: 40px;
}
.search-result {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
.pagination {
    margin-bottom: 40px;
}
.search-result .text h2, .search-result .text p {
    padding: 0;
}
.search-result.col2 {
    flex-basis: 100%;
}
.search-result.col2 figure {
    padding-bottom: 15px;
}
.search-result figure {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    .search-result.col2 .wrap {
        display: flex;
    }
    .search-result.col2 figure {
        padding-bottom: 0;
    }
    .search-result figure {
        width: 180px;
        min-width: 180px;
        margin-right: 30px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
}
@media only screen and (min-width: 850px) {
    .search-result.col2 {
        flex-basis: calc(50% - 20px);
        margin-right: 20px;
        flex-grow: 0;
    }
    .search-result.col2:nth-of-type(2) {
        flex-basis: 50%;
        margin-right: 0;
    }
}
.postnavi {
    padding-bottom: 30px;
}
.postnavi a {
    padding: 5px 20px;
    border: 1px solid #ccc;
    display: inline-block;
}
/*--------------------------------------------------------------------------------- Lightbox ---*/
.mfp-bg {
    opacity: 1;
    filter: alpha(opacity=100);
	background: #ffffff;
}
.mfp-figure:after {
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #b3b3b3;
}/* ---------------------------------------------------------- Dates Vita / Ausstellungen --- */
#dates-wrap {
    width: 100%;
	padding: 0 30px 0 0;
}
#dates {
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    margin-bottom: 30px;
    padding: 0 0 20px 0;
}

/*article#post-2097 img {
    display: none;
}*/
#dates h2 {
    padding: 25px 0 20px 0;
    cursor: pointer;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
}
#dates h2:after {
    content: url(icons/down.svg);
    width: 30px;
    display: inline-block;
    padding-left: 15px;
}

/*.su-spoiler-title:before {
    content: "\f0d7";
    width: 25px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    font-size: 2rem;
    padding: 0 0 0 7px;
    color: #bbb;
}*/

#dates h2 span.text-small {
    font-size: 18px;
    font-size: 1.8rem;
}
#dates .dates-year {
    width: 90px;
    padding: 0 0 10px 0;
    display: inline-block;
    vertical-align: top;
}

#dates-wrap ul li:before {
    content: "»";
    font-size: 1.8rem;
    color: #1b1639;
    position: absolute;
    left: 15px;
    line-height: 1.2;
    text-rendering: auto;
	display: none;
}
#dates ul {
    display: inline-block;
        width: 75%;
    margin: 0 0 5px 0px;
    padding: 0 0 5px 0;
}
#dates li {
    display: block;
    padding-bottom: 5px;
}
#dates .listpoints {
    padding-right: 7px;
    margin-left: -12px;
}

#dates .dates-detail {
    width: 90%;
    padding: 0 0 10px 0;
}
/*--------------------------------ausstellungen*/
#dates-ausstellung {
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    margin-bottom: 30px;
    padding: 0 0 20px 0;
}
#dates-ausstellung h2 {
    padding: 25px 0 20px 0;
    cursor: pointer;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
}
#dates-ausstellung h2:after {
    content: url(icons/down.svg);
    width: 30px;
    display: inline-block;
    padding-left: 15px;
}
#dates-ausstellung h2 span.text-small {
    font-size: 18px;
    font-size: 1.8rem;
}
#dates-ausstellung .dates-year {
    width: 55px;
    padding: 0 0 10px 0;
    display: inline-block;
    vertical-align: top;
}
#dates-ausstellung ul {
    display: inline-block;
        width: 90%;
    margin: 0 0 5px 0px;
    padding: 0 0 5px 0;
}
#dates-ausstellung li {
    display: block;
    padding-bottom: 5px;
}
#dates-ausstellung .listpoints {
    padding-right: 7px;
    margin-left: -12px;
}

#dates-ausstellung .dates-detail {
    width: 90%;
    padding: 0 0 10px 0;
}
/*--------------------------------ausstellungen-g*/
#dates-ausstellung-g {
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
    margin-bottom: 30px;
    padding: 0 0 20px 0;
}
#dates-ausstellung-g h2 {
    padding: 25px 0 20px 0;
    cursor: pointer;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
}
#dates-ausstellung-g h2:after {
    content: url(icons/down.svg);
    width: 30px;
    display: inline-block;
    padding-left: 15px;
}
#dates-ausstellung-g h2 span.text-small {
    font-size: 18px;
    font-size: 1.8rem;
}
#dates-ausstellung-g .dates-year {
    width: 55px;
    padding: 0 0 10px 0;
    display: inline-block;
    vertical-align: top;
}
#dates-ausstellung-g ul {
    display: inline-block;
        width: 90%;
    margin: 0 0 5px 0px;
    padding: 0 0 5px 0;
}
#dates-ausstellung-g li {
    display: block;
    padding-bottom: 5px;
}
#dates-ausstellung-g .listpoints {
    padding-right: 7px;
    margin-left: -12px;
}

#dates-ausstellung-g .dates-detail {
    width: 90%;
    padding: 0 0 10px 0;
}
.dates-close {
    display: none;
}
.dates-open {
    display: block;
}
.panel {
    display: none;
    padding-left: 0px;
    padding-top: 10px;
}
/*--------------------------------Arbeitsnotizen*/
#post-14415 .page-arbeitsnotizen  { 
	width: 900px;
    margin: 0 auto;
}
.arbeitsnotizen {
	max-width: 900px;
	margin: 0 auto;
}
#post-14415 .pb-text.text-col2 .text-1 {
    max-width: 15%;
    max-height: 40px;
    font-size: 1.8rem;
    background-color: #fff;
    padding: 8px 40px 10px 40px;
    width: 100px;
    text-align: center;
    border: 1px solid #b7b7b7;
}