@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/opensans-regular.eot');
    src: url('../fonts/opensans-regular.eot?#iefix') format('eot'),
         url('../fonts/opensans-regular.woff') format('woff'),
         url('../fonts/opensans-regular.ttf') format('truetype'),
         url('../fonts/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/opensans-light.eot');
    src: url('../fonts/opensans-light.eot?#iefix') format('eot'),
         url('../fonts/opensans-light.woff') format('woff'),
         url('../fonts/opensans-light.ttf') format('truetype'),
         url('../fonts/opensans-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'TrajanPro Regular';
    src: url('../fonts/TrajanPro-Regular.eot');
    src: url('../fonts/TrajanPro-Regular.eot?#iefix') format('eot'),
         url('../fonts/TrajanPro-Regular.woff') format('woff'),
         url('../fonts/TrajanPro-Regular.ttf') format('truetype'),
         url('../fonts/TrajanPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'TrajanPro Bold';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('eot'),
         url('../fonts/TrajanPro-Bold.woff') format('woff'),
         url('../fonts/TrajanPro-Bold.ttf') format('truetype'),
         url('../fonts/TrajanPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}


:root {
	--cidemos-grid-gap: 3rem;
	--fullvw: 100vw;
	--onevw: 1vw;
	--body-font-size: 16px;
	--body-font-family: 'Open Sans Regular';
	--body-line-height: 1.5rem;
	--body-color: rgb(0,0,0);
	--body-background: rgb(255,255,255);
	--swiper-theme-color: rgb(0,0,0);
	/* Content Declarations */
	--content-width: 1920px;
	--content-padding: 0.5rem;
	/* Cookie Message */
	--cookie-primary-background-color: #FFFFFF;
	--cookie-secondary-background-color: #D7D7D7;
	--cookie-background-shadow: 0px 0px 10px #000;
	--cookie-primary-color: #666;
	--cookie-secondary-color: #666;
	--cookie-primary-header-color: rgb(0,0,0);
	--cookie-secondary-header-color: rgb(0,0,0);
	--cookie-link-color: rgb(0,0,0);
	/* Accept all Cookie Button */
	--cookie-button-all-background: rgb(0,0,0);
	--cookie-button-all-color: #FFF;
	--cookie-button-all-background-hover: #BBBBBB;
	--cookie-button-all-color-hover: #FFF;
	--cookie-button-all-info-background: rgb(0,0,0);
	--cookie-button-all-info-color: #FFF;
	--cookie-button-all-info-background-hover: #BBBBBB;
	--cookie-button-all-info-color-hover: #FFF;
	/* Accept required Cookie Button */
	--cookie-button-required-background: #AAA;
	--cookie-button-required-color: #FFF;
	--cookie-button-required-background-hover: #AAA;
	--cookie-button-required-color-hover: #FFF;
	--cookie-button-required-info-background: #AAA;
	--cookie-button-required-info-color: #FFF;
	--cookie-button-required-info-background-hover: #999999;
	--cookie-button-required-info-color-hover: #FFF;
	/* Cookie table declaration */
	--cookie-table-header-color: rgb(0,0,0);
	--cookie-table-primary-color: #000;
	--cookie-table-secondary-color: #777;
	--cookie-table-background-odd: #FFF;
	--cookie-table-background-even: #EEE;
	--cookie-table-legend-color: #666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
New Cookie Message
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.cookie_msg .cookie_messageV2 { transform: translate(0,0); }
body.cookie_infos .cookie_messageV2>div.cookie_info { max-height: 100vh; padding: 1rem 1rem; }
.cookie_messageV2 { position: fixed; z-index: 10000; max-height: 100%; overflow-y: auto; bottom: 0px; left: 0px; right: 0px; background: var(--cookie-primary-background-color); box-shadow: var(--cookie-background-shadow); transform: translate(0,110%); transition: all 0.5s; }
.cookie_messageV2>div { padding: 1rem 1rem; }
.cookie_messageV2>div>.title { color: var(--cookie-primary-header-color); font-size: 2rem; line-height: 1.2em; }
.cookie_messageV2>div>.msg { margin: 1em 0em; color: var(--cookie-primary-color); line-height: 1.2em; }
.cookie_messageV2>div>.msg a { color: var(--cookie-link-color); text-decoration: none; }
.cookie_messageV2>div>.buttons { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.cookie_messageV2>div>.buttons>a { width: 100%; justify-content: space-between; text-decoration: none; text-align: center; display: flex; position: relative; margin: 0em 0px 1em 0px; }
.cookie_messageV2>div>.buttons>a>.icon,
.cookie_messageV2>div>.buttons>a>.info { width: 48px; height: 48px; background-repeat: no-repeat; background-position: center center; }
.cookie_messageV2>div>.buttons>a.accept-all>.icon { background-image: url(../images/cookie/icon-check-FFFFFF.png); background-size: 65%; }
.cookie_messageV2>div>.buttons>a.accept-required>.icon { background-image: url(../images/cookie/icon-cancel-FFFFFF.png); background-size: 65%; }
.cookie_messageV2>div>.buttons>a>.info { background-image: url(../images/cookie/icon-inco-FFFFFF.png); background-size: 50%; }
.cookie_messageV2>div>.buttons>a>.label { padding: 5px; text-align: left; flex: 1; }
.cookie_messageV2>div>.buttons>a>.label>.title { text-transform: uppercase; font-size: 22px; line-height: 24px; }
.cookie_messageV2>div>.buttons>a>.label>.sub { text-transform: uppercase; font-size: 12px; line-height: 14px; }
.cookie_messageV2>div>.buttons>a.accept-required { background: #BBB; color: #FFF; }
.cookie_messageV2>div>.buttons>a.accept-all { background: var(--cookie-button-all-background); color: var(--cookie-button-all-color); }
.cookie_messageV2>div>.buttons>a.accept-all>.info { background-color: var(--cookie-button-all-info-background); color: var(--cookie-button-all-info-color); }
.cookie_messageV2>div>.buttons>a.accept-all>.info:hover { background-color: var(--cookie-button-all-info-background-hover); color: var(--cookie-button-all-info-color-hover); }
.cookie_messageV2>div>.buttons>a.accept-required { background: var(--cookie-button-required-background); color: var(--cookie-button-required-color); }
.cookie_messageV2>div>.buttons>a.accept-required>.info { background-color: var(--cookie-button-required-info-background); color: var(--cookie-button-required-info-color); }
.cookie_messageV2>div>.buttons>a.accept-required>.info:hover { background-color: var(--cookie-button-required-info-background-hover); color: var(--cookie-button-required-info-color-hover); }
.cookie_messageV2>div.cookie_info { background-color: var(--cookie-secondary-background-color); color: var(--cookie-secondary-color); overflow: hidden; max-height: 0px; padding-top: 0px; padding-bottom: 0px; transition: all 0.5s; }
.cookie_messageV2>div.cookie_info>.content { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1219px; margin: 0 auto; }
.cookie_messageV2>div.cookie_info>.content>.left { width: 100%; }
.cookie_messageV2>div.cookie_info>.content>.left>.title { color: var(--cookie-secondary-header-color); font-size: 2em; line-height: 1.2em; }
.cookie_messageV2>div.cookie_info>.content>.left>.msg { font-size: 0.8em; padding: 1em 0em; line-height: 1.2em; }
.cookie_messageV2>div.cookie_info>.content>.right { width: 100%; max-width: 480px; padding: 1em 0em 1em 0em; margin: 0 auto; box-sizing: border-box; }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list { font-size: 0.7em; line-height: 2.1em; color: var(--cookie-table-secondary-color); }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row { display: flex; justify-content: space-between; padding: 0px 3px; }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row:nth-child(odd) { background-color: var(--cookie-table-background-odd); }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row:nth-child(odd) { background-color: var(--cookie-table-background-even); }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row.title { font-weight: bold; color: var(--cookie-table-header-color); }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row.needed { color: var(--cookie-table-primary-color); }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row.legend { color: var(--cookie-table-legend-color); text-align: right; }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row>.col1 { width: 33%; }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row>.col2 { width: 27%; }
.cookie_messageV2>div.cookie_info>.content>.right>.cookie-list>.row>.col3 { width: 40%; }

#_toasterContainer { position: fixed; z-index: 1000000; width: 60%; left: 50%; min-width: 300px; max-width: 640px; top: 10px; transform: translate(-50%,0%); overflow: hidden; }
#_toasterContainer ._toasterMsg { font-family: 'Open Sans Regular'; margin: 0px 0px 5px 0px; padding: 5px 15px; display: none; font-size: 0.9rem; line-height: 1.4em; border-radius: 10px; box-shadow: 0px 0px 3px #666; }
#_toasterContainer ._toasterMsg.error { background: #DE0000; color: #FFF; }
#_toasterContainer ._toasterMsg.success { background: #00CA72; color: #333; }

html { scroll-behavior: smooth; }
html, body { font-family: var(--body-font-family); margin: 0; font-size: var(--body-font-size); font-weight: 400; line-height: var(--body-line-height); color: var(--body-color); text-align: left; min-height: 105vh; }
*,*:focus { outline: none !important; }

.flex { display: flex; }
.flex.wrap { flex-wrap: wrap; }
.flex.space-between { justify-content: space-between; }
.flex.center { justify-content: center; }
.flex.middle { align-items: center; }

body.no-touch-device .for-touch { display: none; }
body.no-touch-device .for-none-touch { display: block; }
body.is-touch-device .for-touch { display: block; }
body.is-touch-device .for-none-touch { display: none; }

.lazy-elem { opacity: 1; transition: all 0.8s; }
.lazy-elem.lazy-load { opacity: 0; }

blockquote { position: relative; border-left: 3px solid var(--body-color); padding: 10px 10px 10px 20px; font-style: italic; font-weight: bold; }
blockquote::before { content: '“'; font-size: 4em; position: absolute; top: -20px; left: 5px; color: var(--body-color); font-style: normal; font-weight: normal; }
blockquote::after { content: '”'; font-size: 4em; position: absolute; bottom: -45px; right: 5px; color: var(--body-color); font-style: normal; font-weight: normal; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Header Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5 { line-height: 1.2em; font-family: 'TrajanPro Bold'; }
.USERstylesheet.header.style1 { }
.USERstylesheet.header.style2 { }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Text Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rich-text a { text-decoration: none; }
.rich-text a:hover { text-decoration: underline; }
.rich-text a.ckButton { display: inline-block; padding: 5px 10px; font-size: 1.2em; font-weight: normal; }
.rich-text a.ckButton:hover { text-decoration: none; }

body.stiftung .rich-text a { color: #1C588A; }
body.hoefe .rich-text a { color: #6F7A2F; }
body.jugendkunstschule .rich-text a { color: #E06603; }
body.ausstellungen .rich-text a { color: #008C75; }
body.veranstaltungen .rich-text a { color: #D48E02; }
body.herberge .rich-text a { color: #6E001B; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Image & Lightbox Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#ciceroLightbox { box-shadow: none; border-radius: 0px; border: 0px solid #FFF; }
.gallery-item.col1 { text-align: center; }
.flex-gallery .gallery-item.col1 img { display: block; margin: 0 auto; }
.image-gallery { display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.image-gallery-full-width { text-align: center; }
.image-gallery-full-width.left { text-align: left; }
.image-gallery-full-width.right { text-align: right; }
.image-gallery-full-width img { max-width: 100%; margin: 1rem 0rem; }
.image-gallery.columns1 { justify-content: center; }
.image-gallery .media-image { margin: 1.3% 0; }
.image-gallery .media-image.bottom { align-self: flex-end; }
.image-gallery .media-image-container { width: 100%; padding-bottom: 56%; height: 0px; position: relative; background: #FFF; overflow: hidden; }
.image-gallery.columns1 .media-image { width: 100%; }
.image-gallery.columns2 .media-image { width: 100%; }
.image-gallery.columns3 .media-image { width: 100%; }
.image-gallery.columns4 .media-image { width: 100%; }
.image-gallery.columns2 .media-image-spacer { width: 100%; }
.image-gallery.columns3 .media-image-spacer { width: 100%; }
.image-gallery.columns4 .media-image-spacer { width: 100%; }
.image-gallery .media-image .image-elem { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; }
.image-gallery .media-image .image-elem:hover { transform: scale(1.2); }
.image-gallery .media-image-title { font-size: 0.7rem; line-height: 1.4em; padding: 4px 0px; }
.image-gallery .media-image-download-a { text-decoration: none; font-weight: bold; background-image: url(../images/icons/download.png); background-size: auto 100%; background-position: 3px center; background-repeat: no-repeat; padding: 0px 0px 0px 1.3rem; }
.image-gallery .media-image-download-a:hover { text-decoration: underline; color: #658D1B; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Teaser Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.USERstylesheet.teaser { position: relative; width: 100%; height: 0px; padding-bottom: 56%; }
.USERstylesheet.teaser .image { position: absolute; z-index: 1; top: 0px; right: 0px; bottom: 0px; left: 0px; background-size: cover; background-repeat: no-repeat; background-position: center; }
.USERstylesheet.teaser .content { position: absolute; z-index: 2; right: 0px; bottom: 0px; left: 0px; }
.USERstylesheet.teaser .content::after { content: ''; position: absolute; z-index: -1; right: 1rem; bottom: 1rem; height: 0; width: 4rem; padding-bottom: 4rem; background-size: 100%; background-repeat: no-repeat; background-position: center; }
.USERstylesheet.teaser .content .headline { color: #FFF; margin: 3rem 1rem 0.5rem 1rem; font-family: 'TrajanPro Bold'; text-shadow: 1px 1px 0px #000; font-size: 1.0rem; line-height: 1.1em; max-height: 2.2em; overflow: hidden; }
.USERstylesheet.teaser .content .text { color: #FFF; margin: 0.5rem 3rem 0.5rem 1rem; font-size: 0.8rem; line-height: 1.1em; max-height: 2.2em; overflow: hidden; }
.USERstylesheet.teaser .content .link-button { color: #FFF; margin: 0.5rem 1rem 1rem 1rem; }
.USERstylesheet.teaser .content .link-button a { color: #FFF; text-decoration: none; font-size: 1.0rem; line-height: 1.2em; padding-left: 1.6em; display: inline-block; background-image: url(../images/arrow_circle_right_white.svg); background-size: auto 100%; background-repeat: no-repeat; background-position: left center; }

.USERstylesheet.teaser.stiftung .content { background: rgb(88, 138, 1); background: linear-gradient(180deg, rgba(88, 138, 1, 0.05) 0%, rgba(28, 88, 138, 0.8) 50%, rgba(28, 88, 138,1) 100%); }
.USERstylesheet.teaser.stiftung .content::after { background-image: url(../images/logo_teaser_cranach_stiftung.svg); }
.USERstylesheet.teaser.hoefe .content { background: rgb(111, 122, 47); background: linear-gradient(180deg, rgba(111, 122, 47,0.05) 0%, rgba(111, 122, 47,0.8) 50%, rgba(111, 122, 47,1) 100%); }
.USERstylesheet.teaser.hoefe .content::after { background-image: url(../images/logo_teaser_cranach_hoefe.svg); }
.USERstylesheet.teaser.jugendkunstschule .content { background: rgb(224, 102, 3); background: linear-gradient(180deg, rgba(224, 102, 3,0.05) 0%, rgba(224, 102, 3,0.8) 50%, rgba(224, 102, 3,1) 100%); }
.USERstylesheet.teaser.jugendkunstschule .content::after { background-image: url(../images/logo_teaser_jugendkunstschule.svg); }
.USERstylesheet.teaser.ausstellungen .content { background: rgb(0, 140, 117); background: linear-gradient(180deg, rgba(0, 140, 117,0.05) 0%, rgba(0, 140, 117,0.8) 50%, rgba(0, 140, 117,1) 100%); }
.USERstylesheet.teaser.ausstellungen .content::after { background-image: url(../images/logo_teaser_ausstellungen.svg); }
.USERstylesheet.teaser.veranstaltungen .content { background: rgb(212, 142, 2); background: linear-gradient(180deg, rgba(212, 142, 2,0.05) 0%, rgba(212, 142, 2,0.8) 50%, rgba(212, 142, 2,1) 100%); }
.USERstylesheet.teaser.veranstaltungen .content::after { background-image: url(../images/logo_teaser_veranstaltungen.svg); }
.USERstylesheet.teaser.herberge .content { background: rgb(110, 0, 27); background: linear-gradient(180deg, rgba(110, 0, 27,0.05) 0%, rgba(110, 0, 27,0.8) 50%, rgba(110, 0, 27,1) 100%); }
.USERstylesheet.teaser.herberge .content::after { background-image: url(../images/logo_teaser_cranach_herberge.svg); }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Table Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
table { min-width: 50%; }
table td { white-space: nowrap; padding: 3px; margin: 2px; }
table tr:nth-child(even) td { background: #EEEEEE; }
table tr:nth-child(odd) td { background: #DDDDDD; }

/* body.ausstellungen table tr:nth-child(even) td { background: rgba(0, 140, 117, 1); color: #FFF; }
body.ausstellungen table tr:nth-child(odd) td { background: rgba(0, 140, 117, 0.7); color: #FFF; }
 */


.table-scrollable { width: 100%; overflow-x: auto; margin: 0 0 1em; }
.table-scrollable::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; }
.table-scrollable::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Table Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cidemos-timeline, .cidemos-timeline * { box-sizing: border-box; }
.cidemos-timeline { position: relative;  margin: 0 auto 2rem auto; }
.cidemos-timeline::after { content: ''; position: absolute; width: 6px; background-color: #EEE; top: 0; bottom: 0; left: 50%; margin-left: -3px; }
.cidemos-timeline-container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%; }
.cidemos-timeline-container::after { content: ''; position: absolute; width: 25px; height: 25px; right: -12px; background-color: white; border: 4px solid red; top: 15px; border-radius: 50%; z-index: 1; }
.cidemos-timeline-container.left { left: 0; }
.cidemos-timeline-container.right { left: 50%; }
.cidemos-timeline-container.left::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid red; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent red; }
.cidemos-timeline-container.right::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid red; border-width: 10px 10px 10px 0; border-color: transparent red transparent transparent; }
.cidemos-timeline-container.right::after { left: -16px; }
.cidemos-timeline-content { padding: 20px 30px; background-color: #EEE; position: relative; border-radius: 6px; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Timeline Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cranach-timeline .timeline-item:after, header:after, .cranach-timeline .timeline-item:before, header:before { content: ''; display: block; width: 100%; clear: both; }
.cranach-timeline { width: 100%; margin: 30px auto; position: relative; padding: 0 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.cranach-timeline:before { content: ''; width: 3px; height: 100%; background: #000000; left: 50%; top: 0; position: absolute; }
.cranach-timeline:after { content: ''; clear: both; display: table; width: 100%; }
.cranach-timeline .timeline-item { margin-bottom: 50px; position: relative; }
.cranach-timeline .timeline-item .timeline-icon { background-color: #000000; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; overflow: hidden; margin-left: -23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background-image: url(../images/logo_snake_white.svg); background-size: 32px 32px; background-position: center; background-repeat: no-repeat; }
.cranach-timeline .timeline-item .timeline-content { width: 45%; background: #EEE; padding: 20px 20px 10px 20px; -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.cranach-timeline .timeline-item .timeline-content h4 { padding: 15px; background: #000000; color: #fff; margin: -20px -20px 0 -20px; font-weight: 300; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.cranach-timeline .timeline-item .timeline-content:before { content: ''; position: absolute; left: 45%; top: 20px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #000000; }
.cranach-timeline .timeline-item .timeline-content.right { float: right; }
.cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #000000; }

body.stiftung .cranach-timeline:before { background: #1C588A; }
body.stiftung .cranach-timeline .timeline-item .timeline-icon { background-color: #1C588A; }
body.stiftung .cranach-timeline .timeline-item .timeline-content h4 { background: #1C588A; color: #fff; }
body.stiftung .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #1C588A; }
body.stiftung .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #1C588A; }

body.hoefe .cranach-timeline:before { background: #6F7A2F; }
body.hoefe .cranach-timeline .timeline-item .timeline-icon { background-color: #6F7A2F; }
body.hoefe .cranach-timeline .timeline-item .timeline-content h4 { background: #6F7A2F; color: #fff; }
body.hoefe .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #6F7A2F; }
body.hoefe .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #6F7A2F; }

body.jugendkunstschule .cranach-timeline:before { background: #E06603; }
body.jugendkunstschule .cranach-timeline .timeline-item .timeline-icon { background-color: #E06603; }
body.jugendkunstschule .cranach-timeline .timeline-item .timeline-content h4 { background: #E06603; color: #fff; }
body.jugendkunstschule .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #E06603; }
body.jugendkunstschule .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #E06603; }

body.ausstellungen .cranach-timeline:before { background: #008C75; }
body.ausstellungen .cranach-timeline .timeline-item .timeline-icon { background-color: #008C75; }
body.ausstellungen .cranach-timeline .timeline-item .timeline-content h4 { background: #008C75; color: #fff; }
body.ausstellungen .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #008C75; }
body.ausstellungen .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #008C75; }

body.veranstaltungen .cranach-timeline:before { background: #D48E02; }
body.veranstaltungen .cranach-timeline .timeline-item .timeline-icon { background-color: #D48E02; }
body.veranstaltungen .cranach-timeline .timeline-item .timeline-content h4 { background: #D48E02; color: #fff; }
body.veranstaltungen .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #D48E02; }
body.veranstaltungen .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #D48E02; }

body.herberge .cranach-timeline:before { background: #6e001b; }
body.herberge .cranach-timeline .timeline-item .timeline-icon { background-color: #6e001b; }
body.herberge .cranach-timeline .timeline-item .timeline-content h4 { background: #6e001b; color: #fff; }
body.herberge .cranach-timeline .timeline-item .timeline-content:before { border-left: 7px solid #6e001b; }
body.herberge .cranach-timeline .timeline-item .timeline-content.right:before { content: ''; right: 45%; left: inherit; border-left: 0; border-right: 7px solid #6e001b; }


@media screen and (max-width: 768px) {
	.cranach-timeline { margin: 30px; padding: 0px; width: 90%; }
	.cranach-timeline:before { left: 0; }
	.cranach-timeline .timeline-item .timeline-content { width: 90%; float: right; }
	.cranach-timeline .timeline-item .timeline-content:before, .cranach-timeline .timeline-item .timeline-content.right:before { left: 10%; margin-left: -6px; border-left: 0; border-right: 7px solid #6F7A2F; }
	.cranach-timeline .timeline-item .timeline-icon { left: 0; }
	body.stiftung .cranach-timeline .timeline-item .timeline-content:before, body.stiftung .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #1C588A; }
	body.hoefe .cranach-timeline .timeline-item .timeline-content:before, body.hoefe .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #6F7A2F; }
	body.jugendkunstschule .cranach-timeline .timeline-item .timeline-content:before, body.jugendkunstschule .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #E06603; }
	body.ausstellungen .cranach-timeline .timeline-item .timeline-content:before, body.ausstellungen .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #008C75; }
	body.veranstaltungen .cranach-timeline .timeline-item .timeline-content:before, body.veranstaltungen .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #D48E02; }
	body.herberge .cranach-timeline .timeline-item .timeline-content:before, body.herberge .cranach-timeline .timeline-item .timeline-content.right:before { border-right: 7px solid #6e001b; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Event-Listing Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.event-item,
.cranach-event-item { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem 0; margin-bottom: 0px; }
.event-item .image-c { width: 100%; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; position: relative; min-height: 260px; }
.event-item .image-c .image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.event-item .image-c .image.no-pic { background-image: url(../images/cranach-snake-grey.svg); background-size: auto 80%; }
.event-item .content-c  { width: 100%; border: 1px solid; padding: 1.2rem; min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; }
.cranach-event-item .content-c { width: 100%; border: 1px solid; padding: 1.2rem; display: flex; flex-direction: column; justify-content: space-between; }
.event-item .content-c .title,
.cranach-event-item .content-c .title { font-family: 'TrajanPro Bold'; font-size: 1.3rem; font-weight: bold; }
.event-item .content-c .subtitle { font-weight: bold; }
.event-item .content-c .date-from,
.cranach-event-item .content-c .date-from { color: #666; font-weight: bold; padding: 0.5em 0; }
.event-item .content-c .date-from-to,
.cranach-event-item .content-c .date-from-to { display: flex; flex-wrap: wrap; color: #666; font-weight: bold; padding: 0.5em 0; }
.event-item .content-c .date-from-to>div,
.cranach-event-item .content-c .date-from-to>div { width: 100%; }
/* .event-item .content-c .date-from-to>div:first-child,
.cranach-event-item .content-c .date-from-to>div:first-child { padding-right: 5px; }
.event-item .content-c .date-from-to>div:last-child,
.cranach-event-item .content-c .date-from-to>div:last-child { padding-left: 5px; border-left: 1px solid; } */
.event-item .content-c .description_long { line-height: 1.3em; height: 5.2em; overflow: hidden; }
.event-item .content-c .button { text-align: right; padding: 1.2rem 0 0 0; }
.cranach-event-item .content-c .button { text-align: right; padding: 0 0 0 0; }
.event-item .content-c .button a,
.cranach-event-item .content-c .button a { text-decoration: none; background-image: url(../images/arrow_right_white.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 1em; padding: 5px 40px 5px 20px; border-radius: 30px; }
body.ausstellungen .event-item .image-c,
body.ausstellungen .cranach-event-item .image-c { border-color: #008C75; }
body.ausstellungen .event-item .content-c,
body.ausstellungen .cranach-event-item .content-c { border-color: #008C75; }
body.ausstellungen .event-item .content-c .title, body.ausstellungen .event-item .content-c .subtitle,
body.ausstellungen .cranach-event-item .content-c .title, body.ausstellungen .cranach-event-item .content-c .subtitle { color: #008C75; }
body.ausstellungen .event-item .content-c .button a,
body.ausstellungen .cranach-event-item .content-c .button a { background-color: #008C75; color: #FFF; }
body.veranstaltungen .event-item .image-c { border-color: #D48E02; }
body.veranstaltungen .event-item .content-c { border-color: #D48E02; }
body.veranstaltungen .event-item .content-c .title, body.veranstaltungen .event-item .content-c .subtitle { color: #D48E02; }
body.veranstaltungen .event-item .content-c .button a { background-color: #D48E02; color: #FFF; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Event-Details Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.event-details { display: flex; flex-wrap: wrap; justify-content: space-between; }
.event-details .image-c { width: 100%; position: relative; }
.event-details .image-c .image { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.event-details .image-c .image.no-pic { background-image: url(../images/cranach-snake-grey.svg); background-size: auto 80%; }
.event-details .content-c { width: 100%; padding-bottom: 1.2rem; display: flex; flex-direction: column; justify-content: space-between; }
.event-details .content-c .title { font-weight: bold; text-transform: uppercase; }
.event-details .content-c .subtitle { font-weight: bold; }
.event-details .content-c .date-from { color: #666; font-weight: bold; padding: 1em 0; }
.event-details .content-c .date-from-to { display: flex; color: #666; font-weight: bold; padding: 1em 0; }
.event-details .content-c .date-from-to>div:first-child { padding-right: 5px; }
.event-details .content-c .date-from-to>div:last-child { padding-left: 5px; border-left: 1px solid; }
.event-details .content-c .description_long { line-height: 1.3em; }
.event-details .content-c .button { text-align: center; padding: 1.2rem 0 0 0; }
.event-details .content-c .button a { display: block; margin: 10px auto; text-decoration: none; background-image: url(../images/arrow_right_white.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 1em; padding: 5px 20px 5px 20px; border-radius: 30px; }
.event-details .content-c .button a.go-back { display: block; margin: 10px auto; background-image: url(../images/arrow_left_white.svg); background-position: 10px center; padding: 5px 20px 5px 20px; }
body.ausstellungen .event-details .content-c .title, body.ausstellungen .event-details .content-c .subtitle { color: #008C75; }
body.ausstellungen .event-details .content-c .button a { background-color: #008C75; color: #FFF; }
body.veranstaltungen .event-details .content-c .title, body.veranstaltungen .event-details .content-c .subtitle { color: #D48E02; }
body.veranstaltungen .event-details .content-c .button a { background-color: #D48E02; color: #FFF; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Event Booking Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.--event-booking-tpl { display: none; }
#--event-booking-dialog-overlay { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.5); z-index: 9999; opacity: 0; transform: translate(-200%, -200%); transition: opacity 0.5s; }
#--event-booking-dialog { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-100vh); z-index: 10000; opacity: 0; transition: all 0.5s; background: #FFF; box-shadow: rgba(0,0,0,0.7) 0 25px 50px -15px; }
#--event-booking-dialog .dialog-closer { position: absolute; top: 15px; right: 15px; width: 30px; height: 30px; z-index: 10; background-position: center; background-size: 70%; background-repeat: no-repeat; }
body.event-booking-dialog-active { overflow: hidden; }
body.event-booking-dialog-active #--event-booking-dialog-overlay { transform: translate(0,0); opacity: 1; }
body.event-booking-dialog-active #--event-booking-dialog { transform: translate(-50%,-50%); opacity: 1; }
#--event-booking-dialog h2 { margin: 0px 0px 15px 0px; }
#--event-booking-dialog h3 { margin: 15px 0px; }
#--event-booking-dialog .dialog-content { width: 100vw; max-width: 96vw; max-height: 80vh; overflow: auto; padding: 1rem; }
#--event-booking-dialog form { position: relative; }
#--event-booking-dialog form .loader { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(255,255,255,0.3); z-index: 9; display: none; }
#--event-booking-dialog form .loader>div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#--event-booking-dialog form.loading .loader { display: block; }
#--event-booking-dialog .step-success { margin: 0 -1rem -1rem -1rem; }
#--event-booking-dialog .step-success .icon { text-align: center; padding: 3rem 0 0 0; }
#--event-booking-dialog .step-success .icon img { width: 15%; min-width: 160px; }
#--event-booking-dialog .step-success .message { text-align: center; padding: 0 0 3rem 0; color: #FFF; }
#--event-booking-dialog .step-success .message h3 { text-align: center; color: #FFF; }
.--cidemos-event-booking-calendar { overflow: hidden; position: relative; width: 100%; max-width: 320px; margin: 0 auto; background: #EEE; transition: all 0.3s; }
.--cidemos-event-booking-calendar-wrapper { position: relative; display: flex; justify-content: flex-start; align-items: flex-start; transition: all 0.3s; }
.--cidemos-event-booking-calendar-wrapper .--month { width: 100%; }
.--cidemos-event-booking-calendar-wrapper .--month>.title { background: #CCC; text-align: center; line-height: 40px; }
.--cidemos-event-booking-calendar-wrapper .--month>.dows{ display: flex; }
.--cidemos-event-booking-calendar-wrapper .--month>.dows>.dow{ flex: 1; text-align: center; line-height: 35px; }
.--cidemos-event-booking-calendar-wrapper .--month>.days{ display: flex; flex-wrap: wrap; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day { width: 14.285714%; position: relative; height: 0px; padding-bottom: 14.285714%; color: #00705F; text-decoration: none; background: #DDD; border: 2px solid #EEE; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day>span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.spacer { background: none; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.disabled { color: #AAA; cursor: default; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.active { font-weight: bold; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable { background: #339933; color: #FFF; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.non-bookable { background: #DE0000; color: #FFF; }
.--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable.selected { border-color: #CC0000; }
.--cidemos-event-booking-calendar .btn-prev, .--cidemos-event-booking-calendar .btn-next { position: absolute; top: 0px; width: 40px; height: 40px; text-decoration: none; }
.--cidemos-event-booking-calendar .btn-prev { left: 0px; }
.--cidemos-event-booking-calendar .btn-prev::after { content: '<'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 24px; font-weight: bold; color: #00705F; }
.--cidemos-event-booking-calendar .btn-next { right: 0px; }
.--cidemos-event-booking-calendar .btn-next::after { content: '>'; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 24px; font-weight: bold; color: #00705F; }
.--cidemos-event-booking-timeslots { display: flex; flex-wrap: wrap; }
.--cidemos-event-booking-timeslots a.timeslot { padding: 4px 5px 4px 30px; white-space: nowrap; text-decoration: none; font-size: 15px; display: block; width: 100%; max-width: 200px; margin: 2px auto; border: 1px solid #FFF; background-repeat: no-repeat; background-position: 5px center; background-size: auto 60%; }
.--cidemos-event-booking-timeslots a.timeslot:hover { background-color: #EEE; }
.--cidemos-event-booking-timeslots a.timeslot.bookable { color: #333; background-image: url(../images/check_veranstaltungen.svg); }
.--cidemos-event-booking-timeslots a.timeslot.non-bookable { color: #AAA; background-image: url(../images/cancel_veranstaltungen.svg); }
.--cidemos-event-booking-timeslots a.timeslot.non-bookable:hover { background-color: transparent; cursor: not-allowed; }
.--cidemos-event-booking-timeslots a.timeslot.bookable.selected { background-color: #EEE; }

#--event-booking-dialog .dialog-content .calendar-timeslots { display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 380px; }
#--event-booking-dialog .dialog-content .calendar-timeslots .calendar { width: 100%; }
#--event-booking-dialog .dialog-content .calendar-timeslots .timeslots { width: 100%; visibility: hidden; }
#--event-booking-dialog .dialog-content .personal-data,
#--event-booking-dialog .dialog-content .summary { display: flex; flex-wrap: wrap; justify-content: space-between; }
#--event-booking-dialog .dialog-content .personal-data .title,
#--event-booking-dialog .dialog-content .summary .title { width: 100%; }
#--event-booking-dialog .dialog-content .personal-data .input-field,
#--event-booking-dialog .dialog-content .summary .field { width: 100%; }
#--event-booking-dialog .dialog-content .personal-data .input-field .label { font-size: 13px; padding-top: 5px; color: #888; }
#--event-booking-dialog .dialog-content .summary .field .label { padding-top: 5px; color: #000; font-weight: bold; }
#--event-booking-dialog .dialog-content .buttons { padding-top: 1rem; text-align: right; }
#--event-booking-dialog .dialog-content .buttons button { width: auto; }
#--event-booking-dialog .dialog-content .buttons a { display: inline-block; margin-left: 3rem; text-decoration: none; background-image: url(../images/arrow_right_white.svg); background-repeat: no-repeat; background-position: right 10px center; background-size: 1em; padding: 5px 40px 5px 20px; border-radius: 30px; }
#--event-booking-dialog .dialog-content .buttons a.go-back { float: left; margin-left: 0px; background-image: url(../images/arrow_left_white.svg); background-position: 10px center; padding: 5px 20px 5px 40px; }
body.ausstellungen #--event-booking-dialog .dialog-content .buttons a { background-color: #008C75; color: #FFF; }
body.veranstaltungen #--event-booking-dialog .dialog-content .buttons a { background-color: #D48E02; color: #FFF; }

body.ausstellungen #--event-booking-dialog .dialog-closer { background-image: url(../images/close_ausstellungen.svg); }
body.ausstellungen .--cidemos-event-booking-calendar-wrapper .--month>.title { background: #008C75; color: #FFF; }
body.ausstellungen .--cidemos-event-booking-calendar .btn-prev::after { color: #FFF; }
body.ausstellungen .--cidemos-event-booking-calendar .btn-next::after { color: #FFF; }
body.ausstellungen .--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable { background: #A6B83F; color: #FFF; }
body.ausstellungen .--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable.selected { border-color: #008C75; }
body.ausstellungen .--cidemos-event-booking-timeslots a.timeslot.bookable.selected { border-color: #008C75; }

body.veranstaltungen #--event-booking-dialog .dialog-closer { background-image: url(../images/close_veranstaltungen.svg); }
body.veranstaltungen .--cidemos-event-booking-calendar-wrapper .--month>.title { background: #D48E02; color: #FFF; }
body.veranstaltungen .--cidemos-event-booking-calendar .btn-prev::after { color: #FFF; }
body.veranstaltungen .--cidemos-event-booking-calendar .btn-next::after { color: #FFF; }
body.veranstaltungen .--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable { background: #A6B83F; color: #FFF; }
body.veranstaltungen .--cidemos-event-booking-calendar-wrapper .--month>.days>.day.bookable.selected { border-color: #D48E02; }
body.veranstaltungen .--cidemos-event-booking-timeslots a.timeslot.bookable.selected { border-color: #D48E02; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Hamburger Declarations
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.hamburger { display: block; cursor: pointer; position: relative; margin-left: auto; margin-right: auto; width: 44px; height: 44px; border-radius: 25px; transition: border-radius .5s; transition: 0.2s; transform-origin: center; }
.hamburger .line { position: absolute; left:7px; height: 2px; width: 30px; background: #FFF; border-radius: 2px; display: block; transition: 0.5s; transform-origin: center; }
.hamburger .line:nth-child(1) { top: 14px; }
.hamburger .line:nth-child(2) { top: 21px; }
.hamburger .line:nth-child(3) { top: 28px; }
body.nav-opened .hamburger .line:nth-child(1) { transform: translateY(7px) rotate(-45deg); width: 30px; }
body.nav-opened .hamburger .line:nth-child(2) { opacity: 0; }
body.nav-opened .hamburger .line:nth-child(3) { transform: translateY(-7px) rotate(45deg); width: 30px; }
body.nav-opened #cranach-nav-d { transform: translateY(0%); opacity: 1; }

.content-width { width: 100%; max-width: var(--content-width); margin-left: auto; margin-right: auto; }
.content-width-footer { width: 100%; max-width: calc(var(--content-width) * 0.8); margin-left: auto; margin-right: auto; }
.content-width-footer-imprint { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; }

#cranach-header { position: fixed; z-index: 10; top: 0px; left: 0px; right: 0px; background: rgba(255,255,255,1); box-shadow: 0px 0px 5px #000; transition: left 0.5s; }
#cranach-header>.content { width: 100%; max-width: var(--content-width); margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: space-between; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#cranach-header .logo { width: 160px; overflow: hidden; transition: width 0.5s; }
#cranach-header .logo a { display: block; width: 160px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; }
#cranach-header .logo a img { width: 100%; height: auto; max-height: 50px; }
#cranach-header .top-links { display: none; }
#cranach-header .top-links a { color: #333; text-decoration: none; }
#cranach-header .top-links a:hover { text-decoration: underline; }
#cranach-header .l18n { flex: 1 auto; display: flex; justify-content: flex-end; align-items: center; padding-right: 10px; height: 50px; }
#cranach-header .l18n a.language-select { display: block; width: 22px; height: 22px; background-size: contain; margin: 0 5px; }
#cranach-header .l18n a.language-select.de { background-image: url(../images/de.svg); }
#cranach-header .l18n a.language-select.en { background-image: url(../images/en.svg); }
#cranach-background { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; background: url(../images/logo_header_contour.svg); background-position: left center; background-size: auto 100%; opacity: 0; transition: opacity 0.5s; }
#cranach-background .gradient { display: none; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 30%; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
#cranach-wrapper { position: relative; z-index: 5; display: flex; width: 100%; max-width: var(--content-width); margin-top: 70px; margin-left: auto; margin-right: auto; }
#cranach-wrapper-column { position: relative; width: 20%; display: none; }
#cranach-wrapper-column .logo-c { position: relative; width: 100%; height: 0px; padding-bottom: 224%; }
#cranach-wrapper-column .logo-c .logo { position: absolute; top: 100px; left: 10%; right: 10%; }
#cranach-wrapper-column .logo-c .logo img { width: 100%; }
#cranach-wrapper-column .hamburger-c { position: absolute; z-index: 10; right: -22px; top: 45px; }
body.no-slider #cranach-wrapper-column .logo-c { padding-bottom: 85%; }
body.no-slider #cranach-wrapper-column .hamburger-c { display: none; }
#column-nav { display: none; margin-top: 11%; position: sticky; top: 80px; height: 200px; padding: 10px 25px 10px 25px; }
#column-nav .nav-box { border: 1px solid; }
#column-nav .nav-box .title { padding: 3px 5px; font-size: 0.9rem; }
#column-nav .nav-box .nav { padding: 10px 0px; }
#column-nav .nav-box .nav a { display: block; text-decoration: none; padding-left: 10px; font-size: 0.9rem; }
body.no-slider #column-nav { margin-top: 0px; }
#cranach-wrapper-main { width: 100%; position: relative; }
#cranach-slider { position: relative; z-index: 1; width: 100%; height: 0px; padding-bottom: 56%; }
#slider-images { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
#slider-images .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; }
#cranach-nav-d { position: fixed; z-index: 8; top: 70px; left: 0px; right: 0px; display: flex; flex-wrap: wrap; background: #FFF; transform: translateY(-110%); transition: all 0.5s; overflow: auto; max-height: calc(100vh - 70px); }
#cranach-nav-d .nav_level1 { width: 100%; text-align: center; transition: all 0.5s; }
#cranach-nav-d .nav_level1>a { display: block; position: relative; width: 100%; height: 70px; background-size: auto 45.5px; background-repeat: no-repeat; background-position: 20px 10px; }
#cranach-nav-d .nav_level2 { position: relative; bottom: 0px; left: 0px; right: 0px; overflow: hidden; max-height: 0px; transition: all 0.2s linear; }
#cranach-nav-d .nav_level2>a { display: block; font-family: 'Open Sans Light'; font-size: 20px; line-height: 32px; color: #FFF; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0px 5px; }
#cranach-nav-d .nav_level2.opened { padding: 10px 0px; max-height: 1000px; }

#slider-overlay { display: none; position: absolute; z-index: 7; top: calc(var(--onevw) * 46); left: 0px; width: 80%; height: calc(var(--onevw) * 20); max-height: 140px; transform: translateX(-150%); transition: transform 0.5s; }
#slider-overlay::after { content: ''; position: absolute; right: calc(0px - (var(--onevw) * 20)); width: 0; height: 0; border-left: calc(var(--onevw) * 20) solid #0000FF; border-top: calc(var(--onevw) * 20) solid transparent; }

#slider-overlay>.content { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }

#cranach-page { padding-top: 0px; background: rgba(255,255,255,1); padding-left: var(--content-padding); padding-right: var(--content-padding); min-height: 80vh; }

#page-bottom { display: flex; justify-content: center; padding: 2rem 0rem; z-index: 5; position: relative; background-color: #FFFFFF; }
#page-bottom .arrow { width: 44px; margin: 0 auto; }
#page-bottom>div { cursor: pointer; text-align: center; }
#page-bottom>div img { width: 100%; max-width: 44px; }

#cranach-footer { z-index: 5; position: relative; background: #F5F2F2; color: #666666; }
#cranach-footer .imprint { padding: 2rem 0; border-bottom: 3px solid #E6E6E6; font-size: 15px; }
#cranach-footer .imprint .logo { width: 100%; text-align: center; }
#cranach-footer .imprint .logo img { width: 90%; max-width: 200px; }
#cranach-footer .imprint .address { width: 320px; padding: 0px 20px; }
#cranach-footer .imprint .contact { width: 320px; padding: 0px 20px; }
#cranach-footer .imprint .label { width: 70px; font-weight: bold; }
#cranach-footer .imprint .value { width: calc(100% - 70px); }
#cranach-footer .sitemap { padding: 2rem 0; border-bottom: 3px solid #E6E6E6; }
#cranach-footer .sitemap .sitemap-point { width: 100%; text-align: center; }
#cranach-footer .sitemap .sitemap-point h3 { margin: 0px 0px 5px 0px; color: #666666; }
#cranach-footer .sitemap .sitemap-point .subpages a { display: block; font-size: 12px; }
#cranach-footer .links { padding: 1rem 0; }
#cranach-footer .links a { display: block; margin: 0 1rem; }
#cranach-footer .copyright { background: #E6E6E6; text-align: center; padding: 5px 0px; line-height: 22px; font-size: 14px; }
#cranach-footer .copyright img { height: 14px; vertical-align: middle; }
#cranach-footer a { color: #666666; text-decoration: none; }
#cranach-footer a:hover { text-decoration: underline; }

/* #E6E6E6 */

body.no-slider #cranach-page { padding-top: 80px; }
body.no-slider #cranach-background .gradient { display: block; }
body.with-slider #slider-overlay { display: block; }

.stiftung-show, .hoefe-show, .jugendkunstschule-show, .ausstellungen-show, .veranstaltungen-show, .herberge-show { display: none; }

#cranach-slider .slider-overlay { display: none; }
#slider-overlay { font-size: calc(100vw * 0.03); line-height: 1.3em; }
#slider-overlay .content { display: flex; flex-direction: column; height: 100%; justify-content: center; color: #FFF; padding-left: var(--content-padding); padding-top: 10px; padding-bottom: 5px; }
#slider-overlay .content .slider-title { font-family: 'TrajanPro Bold'; font-weight: bold; font-size: 1.3em; padding-bottom: 0.5rem; }
#slider-overlay .content .slider-subtitle { max-height: 1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#slider-overlay .content .slider-description { font-size: 0.8em; max-height: 1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#slider-overlay .content .slider-button { padding-left: 0rem; padding-top: 0.5rem; }
#slider-overlay .content .slider-button a { display: inline-block; padding-left: 2em; line-height: 2em; color: #FFF; text-decoration: none; background-image: url(../images/arrow_circle_right_white.svg); background-size: auto 80%; background-position: left center; background-repeat: no-repeat; }

body.stiftung .stiftung-show { display: block; }
body.stiftung .gradient-left-right, .stiftung-gradient-left-right { background: rgb(28,88,138); background: linear-gradient(90deg, rgba(28,88,138,1) 0%, rgba(61,150,224,1) 100%); }
body.stiftung #slider-overlay::after { border-left-color: rgba(61,150,224,1); }
body.stiftung #column-nav .nav-box { border-color: rgba(28,88,138,1); }
body.stiftung #column-nav .nav-box .title { background-color: rgba(28,88,138,1); color: #FFF; }
body.stiftung #column-nav .nav-box .nav a { color: rgba(28,88,138,1); }
body.stiftung h1, body.stiftung h2, body.stiftung h3, body.stiftung h4, body.stiftung h5 { color: rgba(28,88,138,1); }

body.hoefe .hoefe-show { display: block; }
body.hoefe .gradient-left-right, .hoefe-gradient-left-right { background: rgb(111,122,47); background: linear-gradient(90deg, rgba(111,122,47,1) 0%, rgba(166,184,63,1) 100%); }
body.hoefe #slider-overlay::after { border-left-color: rgb(166,184,63); }
body.hoefe #column-nav .nav-box { border-color: rgba(111,122,47,1); }
body.hoefe #column-nav .nav-box .title { background-color: rgba(111,122,47,1); color: #FFF; }
body.hoefe #column-nav .nav-box .nav a { color: rgba(111,122,47,1); }
body.hoefe h1, body.hoefe h2, body.hoefe h3, body.hoefe h4, body.hoefe h5 { color: rgba(111,122,47,1); }

body.jugendkunstschule .jugendkunstschule-show { display: block; }
body.jugendkunstschule .gradient-left-right, .jugendkunstschule-gradient-left-right { background: rgb(224,102,3); background: linear-gradient(90deg, rgba(224,102,3,1) 0%, rgba(255,153,69,1) 100%); }
body.jugendkunstschule #slider-overlay::after { border-left-color: rgb(255,153,69); }
body.jugendkunstschule #column-nav .nav-box { border-color: rgba(224,102,3,1); }
body.jugendkunstschule #column-nav .nav-box .title { background-color: rgba(224,102,3,1); color: #FFF; }
body.jugendkunstschule #column-nav .nav-box .nav a { color: rgba(224,102,3,1); }
body.jugendkunstschule h1, body.jugendkunstschule h2, body.jugendkunstschule h3, body.jugendkunstschule h4, body.jugendkunstschule h5 { color: rgba(224,102,3,1); }

body.ausstellungen .ausstellungen-show { display: block; }
body.ausstellungen .gradient-left-right, .ausstellungen-gradient-left-right { background: rgb(0,140,117); background: linear-gradient(90deg, rgba(0,140,117,1) 0%, rgba(0,204,170,1) 100%); }
body.ausstellungen #slider-overlay::after { border-left-color: rgb(0,204,170); }
body.ausstellungen #column-nav .nav-box { border-color: rgba(0,140,117,1); }
body.ausstellungen #column-nav .nav-box .title { background-color: rgba(0,140,117,1); color: #FFF; }
body.ausstellungen #column-nav .nav-box .nav a { color: rgba(0,140,117,1); }
body.ausstellungen h1, body.ausstellungen h2, body.ausstellungen h3, body.ausstellungen h4, body.ausstellungen h5 { color: rgba(0,140,117,1); }

body.veranstaltungen .veranstaltungen-show { display: block; }
body.veranstaltungen .gradient-left-right, .veranstaltungen-gradient-left-right { background: rgb(212,142,2); background: linear-gradient(90deg, rgba(212,142,2,1) 0%, rgba(255,195,74,1) 100%); }
body.veranstaltungen #slider-overlay::after { border-left-color: rgb(255,195,74); }
body.veranstaltungen #column-nav .nav-box { border-color: rgba(212,142,2,1); }
body.veranstaltungen #column-nav .nav-box .title { background-color: rgba(212,142,2,1); color: #FFF; }
body.veranstaltungen #column-nav .nav-box .nav a { color: rgba(212,142,2,1); }
body.veranstaltungen h1, body.veranstaltungen h2, body.veranstaltungen h3, body.veranstaltungen h4, body.veranstaltungen h5 { color: rgba(212,142,2,1); }

body.herberge .herberge-show { display: block; }
body.herberge .gradient-left-right, .herberge-gradient-left-right { background: rgb(110,0,27,0.9); background: linear-gradient(90deg, rgba(110,0,27,1) 0%, rgba(191,0,48,1) 100%); }
body.herberge #slider-overlay::after { border-left-color: rgb(191,0,48); }
body.herberge #column-nav .nav-box { border-color: rgba(110,0,27,1); }
body.herberge #column-nav .nav-box .title { background-color: rgba(110,0,27,1); color: #FFF; }
body.herberge #column-nav .nav-box .nav a { color: rgba(110,0,27,1); }
body.herberge h1, body.herberge h2, body.herberge h3, body.herberge h4, body.herberge h5 { color: rgba(110,0,27,1); }

.nav_level1.stiftung { background: rgb(28,88,138); background: linear-gradient(0deg, rgba(28,88,138,1) 0%, rgba(61,150,224,0.9) 100%); }
.nav_level1.stiftung>a { background-image: url(../images/logo_menu_cranach_stiftung.svg); }
.nav_level1.stiftung>a { background-image: url(../images/logo_menu_sticky_cranach_stiftung.svg); }
.nav_level1.stiftung .nav_level2 { background: rgb(28,88,138); }

.nav_level1.hoefe { background: rgb(111,122,47); background: linear-gradient(0deg, rgba(111,122,47,1) 0%, rgba(166,184,63,0.9) 100%); }
.nav_level1.hoefe>a { background-image: url(../images/logo_menu_cranach_hoefe.svg); }
.nav_level1.hoefe>a { background-image: url(../images/logo_menu_sticky_cranach_hoefe.svg); }
.nav_level1.hoefe .nav_level2 { background: rgb(111,122,47); }

.nav_level1.jugendkunstschule { background: rgb(224,102,3); background: linear-gradient(0deg, rgba(224,102,3,1) 0%, rgba(255,153,69,0.9) 100%); }
.nav_level1.jugendkunstschule>a { background-image: url(../images/logo_menu_jugendkunstschule.svg); }
.nav_level1.jugendkunstschule>a { background-image: url(../images/logo_menu_sticky_jugendkunstschule.svg); }
.nav_level1.jugendkunstschule .nav_level2 { background: rgb(224,102,3); }

.nav_level1.ausstellungen { background: rgb(0,140,117); background: linear-gradient(0deg, rgba(0,140,117,1) 0%, rgba(0,204,170,0.9) 100%); }
.nav_level1.ausstellungen>a { background-image: url(../images/logo_menu_ausstellungen.svg); }
.nav_level1.ausstellungen>a { background-image: url(../images/logo_menu_sticky_ausstellungen.svg); }
.nav_level1.ausstellungen .nav_level2 { background: rgb(0,140,117); }

.nav_level1.veranstaltungen { background: rgb(212,142,2); background: linear-gradient(0deg, rgba(212,142,2,1) 0%, rgba(255,195,74,0.9) 100%); }
.nav_level1.veranstaltungen>a { background-image: url(../images/logo_menu_veranstaltungen.svg); }
.nav_level1.veranstaltungen>a { background-image: url(../images/logo_menu_sticky_veranstaltungen.svg); }
.nav_level1.veranstaltungen .nav_level2 { background: rgb(212,142,2); }

.nav_level1.herberge { background: rgb(110,0,27,0.9); background: linear-gradient(0deg, rgba(110,0,27,1) 0%, rgba(191,0,48,0.9) 100%); }
.nav_level1.herberge>a { background-image: url(../images/logo_menu_cranach_herberge.svg); }
.nav_level1.herberge>a { background-image: url(../images/logo_menu_sticky_cranach_herberge.svg); }
.nav_level1.herberge .nav_level2 { background: rgb(110,0,27,0.9); }

/* #cranach-nav-d .nav_level1.stiftung { transition-delay: 0s; }
#cranach-nav-d .nav_level1.hoefe { transition-delay: 0.2s; }
#cranach-nav-d .nav_level1.jugendkunstschule { transition-delay: 0.4s; }
#cranach-nav-d .nav_level1.ausstellungen { transition-delay: 0.6s; }
#cranach-nav-d .nav_level1.veranstaltungen { transition-delay: 0.8s; }
#cranach-nav-d .nav_level1.herberge { transition-delay: 1s; } */

.ckMediaLink.application-pdf { background-image: url(../images/icons/pdf.svg); background-size: 2rem 2rem; display: inline-block; line-height: 2.4em; min-height: 2.4em; background-position: left center; background-repeat: no-repeat; padding-left: 2.3rem; }

body.with-slider #page { padding-top: 0px; }


.lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; }
.lds-ripple div { position: absolute; border: 4px solid #666; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.lds-ripple div:nth-child(2) { animation-delay: -0.5s; }
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}


@media only screen and (min-width: 370px) {
	#cranach-header .logo, #cranach-header .logo a { width: 210px; }
}

@media only screen and (min-width: 400px) {
	#cranach-header .logo, #cranach-header .logo a { width: 230px; }
}

@media only screen and (min-width: 450px) {
	:root { }
	.image-gallery.columns2 .media-image { width: 49%; }
	.image-gallery.columns3 .media-image { width: 49%; }
	.image-gallery.columns4 .media-image { width: 49%; }
	.image-gallery.columns2 .media-image-spacer { width: 49%; }
	.image-gallery.columns3 .media-image-spacer { width: 49%; }
	.image-gallery.columns4 .media-image-spacer { width: 49%; }
	#cranach-header .logo, #cranach-header .logo a { width: 270px; }
	#cranach-footer .sitemap .sitemap-point { width: 50%; }
}

@media only screen and (min-width: 576px) {
	.w75 .USERstylesheet.teaser { padding-bottom: 36%; }
	.w100 .USERstylesheet.teaser { padding-bottom: 33%; }
}

@media only screen and (min-width: 650px) {
	:root { }
	.image-gallery.columns3 .media-image { width: 31.333333%; }
	.image-gallery.columns4 .media-image { width: 31.333333%; }
	.image-gallery.columns3 .media-image-spacer { width: 31.333333%; }
	.image-gallery.columns4 .media-image-spacer { width: 31.333333%; }
	#slider-overlay::after { right: -140px; border-left: 140px solid #0000FF; border-top: 140px solid transparent; }
	#cranach-footer .sitemap .sitemap-point { width: 33.333333%; }
	#slider-overlay { font-size: 16px; }
	#--event-booking-dialog .dialog-content .personal-data .input-field,
	#--event-booking-dialog .dialog-content .summary .field,
	#--event-booking-dialog .dialog-content .calendar-timeslots .calendar,
	#--event-booking-dialog .dialog-content .calendar-timeslots .timeslots { width: 49%; }
	.event-item .image-c { width: 29%; border: 1px solid; }
	.event-item .content-c { width: 70%; border: 1px solid; }
	.event-details .content-c .button { text-align: right; }
	.event-details .content-c .button a { display: inline-block; margin-left: 3rem; padding: 5px 40px 5px 20px; }
	.event-details .content-c .button a.go-back { float: left; margin-left: 0px; padding: 5px 20px 5px 40px; }
}

@media only screen and (min-width: 750px) {
	#slider-overlay { top: calc(var(--onevw) * 47); }
	#cranach-footer .imprint .logo { width: 20%; text-align: center; }
	#cranach-footer .imprint .address { width: 40%; padding: 0px 20px; }
	#cranach-footer .imprint .contact { width: 40%; padding: 0px 20px; }
}


@media only screen and (min-width: 850px) {
	.cookie_messageV2 { height: auto; }
	.cookie_messageV2>div>.title { line-height: 1.5em; }
	.cookie_messageV2>div>.msg { line-height: 1.5em; }
	.cookie_messageV2>div>.buttons>a { width: auto; margin: 0em 1rem 1rem 1rem; }
	.cookie_messageV2>div.cookie_info>.content>.left>.title { line-height: 1.5em; }
	.cookie_messageV2>div.cookie_info>.content>.left>.msg { line-height: 1.5em; }
	#slider-overlay { top: calc(var(--onevw) * 48); }
}

@media only screen and (min-width: 950px) {
	:root {
	}
	.cookie_messageV2>div.cookie_info>.content>.left { width: 59%; }
	.cookie_messageV2>div.cookie_info>.content>.right { width: 40%; }
}

@media only screen and (min-width: 1024px) {

	.USERstylesheet.teaser .content .headline { font-size: 1.3rem; }

	#cranach-background { display: block; right: 0px; }
	#cranach-header { left: auto; right: 0px; box-shadow: none; background-color: rgba(255,255,255,0.8); }
	#cranach-header .logo { width: 0px; max-height: 0px; }
	#cranach-header .l18n { padding-left: 10px; height: 30px; flex: none; }
	#cranach-header .top-links { display: block; flex: 1 auto; display: flex; justify-content: flex-end; }
	#cranach-header .top-links a { display: block; margin-left: 10px; }
	#cranach-header .hamburger { opacity: 0; width: 0px; height: 0px; }
	body.header-fixed #cranach-header { left: 0px; right: 0px; box-shadow: 0px 0px 5px #000; background-color: rgba(255,255,255,1); }
	body.header-fixed #cranach-header .logo { width: 270px; max-height: 50px; }
	body.header-fixed #cranach-header .hamburger { opacity: 1; width: 44px; height: 44px; margin-top: 3px; margin-bottom: 3px; }
	body.no-slider #cranach-header { left: 0px; right: 0px; box-shadow: 0px 0px 5px #000; background-color: rgba(255,255,255,1); }
	body.no-slider #cranach-header .hamburger { opacity: 1; width: 44px; height: 44px; margin-top: 3px; margin-bottom: 3px; }
	#cranach-wrapper-main { width: calc(var(--fullvw) * 0.8); }
	body.with-slider  #cranach-wrapper { margin-top: 0px; }
	#cranach-wrapper-column { display: block; }
	#slider-overlay { top: calc(var(--onevw) * 39); width: 70%; }
	#slider-overlay { font-size: 18px; }
	#slider-overlay>.content { left: calc(var(--fullvw) * 0.2); padding-left: 0px; }

	#cranach-nav-d { background: none; overflow: visible; right: 20px; left: calc(var(--onevw) * 20 + 30px); transform: translateY(-180px); opacity: 0; }
	#cranach-nav-d .nav_level1 { width: 16.666666%; }
	#cranach-nav-d .nav_level1>a { height: 110px; background-size: auto 60%; background-position: center; }
	#cranach-nav-d .nav_level2 { position: absolute; z-index: 100; transform: translateY(100%); text-align: left; }
	#cranach-nav-d .nav_level1:nth-child(1) .nav_level2 { padding-left: calc(16.666666% * 0 + 10px); }
	#cranach-nav-d .nav_level1:nth-child(2) .nav_level2 { padding-left: calc(16.666666% * 1 + 10px); }
	#cranach-nav-d .nav_level1:nth-child(3) .nav_level2 { padding-left: calc(16.666666% * 2 + 10px); }
	#cranach-nav-d .nav_level1:nth-child(4) .nav_level2 { padding-left: calc(16.666666% * 3 + 10px); }
	#cranach-nav-d .nav_level1:nth-child(5) .nav_level2 { padding-left: calc(16.666666% * 4 + 10px); }
	#cranach-nav-d .nav_level1:nth-child(6) .nav_level2 { padding-left: calc(16.666666% * 5 + 10px); }
	#cranach-nav-d .nav_level2>a { font-size: 16px; line-height: 22px; }
	#cranach-nav-d .nav_level2.opened { padding: 10px 0px; max-height: 1000px; transform: translateY(100%); }
	#cranach-nav-d .nav_level2>a { font-size: 16px; line-height: 22px; }

	.nav_level1.stiftung>a { background-image: url(../images/logo_menu_cranach_stiftung.svg); }
	.nav_level1.hoefe>a { background-image: url(../images/logo_menu_cranach_hoefe.svg); }
	.nav_level1.jugendkunstschule>a { background-image: url(../images/logo_menu_jugendkunstschule.svg); }
	.nav_level1.ausstellungen>a { background-image: url(../images/logo_menu_ausstellungen.svg); }
	.nav_level1.veranstaltungen>a { background-image: url(../images/logo_menu_veranstaltungen.svg); }
	.nav_level1.herberge>a { background-image: url(../images/logo_menu_cranach_herberge.svg); }

	body.header-fixed.nav-opened #cranach-nav-d, body.no-slider.nav-opened #cranach-nav-d { transform: translateY(0%); opacity: 1; }
	body.header-fixed #cranach-nav-d, body.no-slider #cranach-nav-d { left: 0px; right: 0px; transform: translateY(-110%); opacity: 0; }

	#cranach-page { padding-left: 0px; padding-right: 4rem; }

	#cranach-footer .sitemap .sitemap-point { width: 16.666666%; }

}

@media only screen and (min-width: 1100px) {
	.image-gallery.columns4 .media-image { width: 23%; }
	.image-gallery.columns4 .media-image-spacer { width: 23%; }
	.image-gallery .media-image-title { font-size: 0.8rem; }
	#--event-booking-dialog .dialog-content { width: 1024px; }
}

@media only screen and (min-width: 1200px) {
	#column-nav { display: block; }
	#cranach-nav-d .nav_level2>a { font-size: 18px; line-height: 32px; }
	.event-details .image-c { width: 28%; }
	.event-details .content-c { width: 70%; }
}

@media only screen and (min-width: 1400px) {
	#cranach-nav-d .nav_level1>a { height: 110px; background-size: auto 80%; background-position: center; }
}

@media only screen and (min-width: 1940px) {
	#cranach-background { right: calc((var(--fullvw) - var(--content-width)) / 2); }
	#cranach-header { padding-right: calc((var(--fullvw) - var(--content-width)) / 2); }
	body.header-fixed #cranach-header, body.no-slider #cranach-header { padding-right: 0px; }
	#cranach-wrapper-main { width: calc(var(--content-width) * 0.8); }
	#slider-overlay { top: 560px; width: 70%; }
	#slider-overlay>.content { left: calc(((var(--fullvw) - var(--content-width)) / 2) + (var(--content-width) * 0.2)); }

	#cranach-nav-d { background: none; overflow: visible; right: calc((var(--fullvw) - var(--content-width)) / 2 + 30px); left: calc((var(--fullvw) - var(--content-width)) / 2 + (var(--content-width) * 0.2) + 30px); }

	body.header-fixed #cranach-nav-d, body.no-slider #cranach-nav-d { right: calc((var(--fullvw) - var(--content-width)) / 2); left: calc((var(--fullvw) - var(--content-width)) / 2); }

	#cranach-page { padding-left: 0px; padding-right: 0px; }

}

@media only screen and (min-width: 1340px) {
	:root {
		--content-padding: 0rem;
	}
}