body {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

body.home {
    background: #FFF8EF;
}

.map-holder {
    width: 100%;
    height: 600px;
    margin-top: 100px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.row {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

header.header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #FFF8EF;
    box-shadow: 0 0 0 rgb(0 0 0 / 20%);
    transition: box-shadow 0s;
    transition-delay: 0s;
}

.fixed header.header {
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    transition: box-shadow 300ms;
    transition-delay: 300ms;
}

.open header.header {
    background: #87282E;
}

/*.home header.header {
    position: absolute;
    background: none;
}*/

.home.HomePage.open header.header {
    position: fixed;
}

.home.background header.header {
    position: fixed;
}

.home.background header.header {
    background: #FFF8EF;
}

.home.open header.header,
.home.open.background header.header {
    background: #87282E;
}

header.header .inner {
    position: relative;
    overflow: hidden;
}

.open header.header .inner {
    width: 100%;
    height: 100vh;

}

header.header .row,
footer.footer .row {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    width: 100%;
}

header.header .row .left-space,
header.header .row .right-space,
footer.footer .row .left-space,
footer.footer .row .right-space {
    flex-grow: 0;
    flex-shrink: 0;
    height: 100%;
}

header.header .row .left-space,
footer.footer .row .left-space {
    align-self: flex-start;
}

header.header .row .right-space,
footer.footer .row .right-space {
    align-self: flex-end;
}

header.header .logo,
header.header .button {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
    align-content: stretch;
}

header.header .logo a.brand,
header.header .button a#navi-button {
    flex: 0 0 auto;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

header.header .logo {
    flex: 1 1 auto;
    align-self: flex-start;
    justify-content: flex-start;
}

header.header .logo a.brand {
    height: 100%;
}

header.header .logo a.brand img {
    max-height: 100%;
    width: auto;
}

header.header .button {
    flex: 1 1 auto;
    align-self: flex-end;

    display: flex;
    justify-content: flex-end;
    flex-flow: row nowrap;
    align-items: center;
}

header.header .button a#navi-button {
    flex: 0 0 auto;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

header.header .button a#navi-button img {
    max-height: 100%;
    width: auto;
}

header.header img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

header.header img,
.home.collapsed header.header .logo img.collapsed,
.home.open header.header .logo img.collapsed,
.open header.header .logo img.collapsed,
.home.fixed header.header .logo img.home,
.home.open header.header img.home {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


.home.fixed header.header img.collapsed,
.collapsed header.header img.collapsed {
    opacity: 1;
}

.open.collapsed header.header img.collapsed {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 0;
}

.home header.header img {
    margin-left: 0;
}

.home header.header img.home {
    opacity: 1;
}

.open header.header img.open {
    opacity: 1;
}

.home header.header .logo img.open,
.home header.header .logo img.home {
    margin-left: 5vw;
}

.open header.header .logo img.open {
    margin-left: 5vw;
}

@media (min-width: 933px) AND (max-width: 1800px) {
    .open header.header .logo img.open {
        margin-left: 5vw;
    }
}

@media (max-width: 767px){
    .open header.header .logo img.open {
        margin-left: 0;
    }

    .home header.header .logo img.home {
        margin-left: 0;
    }
}

header.header .inner nav {
    display: none;
    max-width: 100vw;
    /*overflow: hidden;*/
}

.open header.header .inner nav {
    display: flex;
}


#paralax-holder {
    position: relative;
    background: #FFF8EF;
    margin-top: 0px;
    width: 100%;
    /*max-height: 100vh;*/
    max-width: 100%;
    overflow: hidden;
    /*max-height: 110vh;*/
    min-height: 800px;
}

#paralax-holder svg.shadow-svg {
    display: block;
    position: absolute;
    left: -100000px;
    visibility: hidden;
}

#paralax-holder svg {
    display: block;
    margin: 0 auto 0 3%;
    min-height: 100vh;
}

#paralax-holder .inline-intro {
    display: none;
    position: absolute;
    top: 7%;
    /*top: 150px;*/
    left: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    line-height: 1.4em;
    font-size: 1.2em;
}

.relative-intro {
    position: absolute;
    top: 36vh;
    left: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    line-height: 1.3em;
    font-size: 1.6em;
    z-index: 2;
}

#paralax-holder .inline-intro p,
#paralax-holder .inline-intro a {
    display: inline-block;
}

.relative-intro .large,
#paralax-holder .inline-intro .large {
    display: inline-block;
    font-size: 1.8em;
    line-height: 1.1em;
    margin-bottom: 10px;
}

.relative-intro #scrollDown {
    display: block;
    max-width: 1.5em;
    margin: 1.5em auto 0;
}

#paralax-holder .inline-intro #scrollDown {
    display: block;
    max-width: 60px;
    margin: 15px auto 0;
}

.relative-intro #scrollDown img,
#paralax-holder .inline-intro #scrollDown img {
    display: block;
    max-width: 100%;
    height: auto !important;
}


@media (min-width: 2001px) {
    .relative-intro {
        top: 46vh;
        line-height: 1.3em;
        font-size: 1.4em;
    }
}

@media (max-width: 2000px) {
    .relative-intro {
        line-height: 1.3em;
        font-size: 1.0em;
    }
}

@media (max-width: 1600px) {
    .relative-intro {
        top: 28vh;
        line-height: 1.3em;
        font-size: 1.0em;
    }
}

@media (max-width: 1440px) {
    .relative-intro {
        line-height: 1.0em;
        font-size: 1.0em;
    }

    .relative-intro #scrollDown {
        display: block;
        max-width: 1.5em;
        margin: 1.5em auto 0;
    }
}

@media (max-width: 1200px) {
    .relative-intro {
        line-height: 1.3em;
        font-size: 1.0em;
    }
}

@media (max-width: 991px) {
    /*.relative-intro {
        line-height: 1.3em;
        font-size: 1.2em;
    }*/


}

@media (max-width: 991px) {

    .relative-intro {
        display: none !important;
    }

    #paralax-holder .inline-intro {
        position: fixed;
        display: block;
        top: 400px;
    }

    #paralax-holder .inline-intro a {
        display: inline-block;
        vertical-align: middle;
        height: 60px;
        width: 60px;
        max-width: 60px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255,255,255,0.6);
        overflow: hidden;
    }

    #paralax-holder .inline-intro a:before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        margin: 15px auto;
        background: url('../images/cursor-down-mobile.svg') center center no-repeat;
        background-size: contain;
    }

    #paralax-holder .inline-intro a img {
        display: none;
    }

    #paralax-holder .inline-intro p {
        display: none !important;
    }
}















footer.footer {
    background: #4B4B4B;
    color: #FFFFFF;
}

.home.fixed header.header .row,
header.header .row .left-space,
header.header .row .right-space {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

header.header .row .button a#navi-button img {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.home.fixed header.header .row .logo a.brand img.collapsed {
    -webkit-transition: opacity 0.5s 0.4s;
    -moz-transition: opacity 0.5s 0.4s;
    -ms-transition: opacity 0.5s 0.4s;
    -o-transition: opacity 0.5s 0.4s;
    transition: opacity 0.5s 0.4s;
}


.home.fixed.open header.header .row .logo a.brand img.collapsed {
    -webkit-transition: opacity 0s 0s;
    -moz-transition: opacity 0s 0s;
    -ms-transition: opacity 0s 0s;
    -o-transition: opacity 0s 0s;
    transition: opacity 0s 0s;
}

.home header.header .row .logo a.brand img.collapsed {
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -ms-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
}

header.header nav {
    flex-flow: row nowrap;
    margin: 10% 5% 0;
    align-items: stretch;
    align-content: space-between;
    font-size: 1.2em;
}

header.header nav ul {
    margin: 0 0 40px 0;
    padding: 0;
}

header.header nav li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

header.header nav a {
    text-decoration: none;
    color: #FFFFFF;
}



header.header nav li {
    margin-bottom: 1em;
    padding: 0 25px;
}

header.header ul {
    flex-base: auto;
    flex-shrink: 1;
    flex-grow: 1;
}

header.header ul.event-nav {
    min-width: 300px;
    margin-bottom: 40px;
}

header.header ul.group-nav {
    min-width: 300px;
    margin-bottom: 40px;
}

header.header ul.sitetree-nav {
    flex-base: 20%;
    min-width: 300px;
    max-width: 100%;
}

header.header ul.event-nav li {}

header.header ul.event-nav li:last-child {
    padding-top: 20px;
}

header.header ul.event-nav li .date {
    display: block;
    font-size: 0.8em;
    line-height: 1em;
    font-family: 'Ciutadella Rounded W01 Light';
}

header.header ul.group-nav li {
}

header.header ul.event-nav li:first-child,
header.header ul.group-nav li:first-child {
    font-size: 1.4em;
    margin-bottom: 1.2em;
}

header.header ul.sitetree-nav li {
    font-size: 1.4em;
}

header.header ul.mobile li {
    font-size: 1em;
    margin-bottom: 0.5em;
}

header.header ul.mobile li {
    text-align: center;
    font-family: 'Ciutadella Rounded W01 Light';
}

header.header ul.sitetree-nav li.meta {
    font-size: 1.0em;
}

header.header ul.mobile {
    display: none;
    margin-top: -30px;
}

@media (max-width: 767px){
    header.header ul.event-nav,
    header.header ul.group-nav,
    header.header ul.sitetree-nav
    {
        display: none;
    }

    header.header ul.mobile {
        display: block;
    }
}



/* FOOTER */
footer.footer {
    padding-top: 5%;
    padding-bottom: 2%;
    font-size: 0.67em;
    line-height: 1.4em;
}

@media (max-width: 768px){
    /*footer.footer {
        font-size: 0.9em;
        line-height: 1.4em;
    }*/
}

footer.footer a {
    color: #FFFFFF;
    text-decoration: none;
}

footer.footer .row .middle {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    padding-bottom: 5em;
    margin-bottom: 2em;
}

footer.footer .row:first-child .middle {
    border-bottom: 1px solid #FFFFFF;
}

footer.footer .row .middle .logo {
    flex: 1 0 25vw;
    max-width: 220px;
    width: 220px;
    margin-bottom: 20px;
}

footer.footer .row .middle .logo a {
    padding: 0 3.5em 0 3.5em;
    display: block;
}

footer.footer .row .middle .logo img {
    display: block;
    height: auto;
    max-width: 100%;
}

footer.footer .row .middle .address {
    flex: 1 0 30vw;
    max-width: 100%;
    line-height: 1.87em;
    margin-top: -1.4em;
    margin-bottom: 40px;
}

footer.footer .row .middle .address p {
    margin-right: 10px;
    margin-top: 1.4em;
}

footer.footer .row .middle .address span.larger {
    font-size: 1.2em;
}

footer.footer .row .middle .address span,
footer.footer .row .middle .address a {
    white-space: nowrap;
}

footer.footer .row .middle .navigation {
    flex: 1 0 auto;
}

footer.footer .row .middle .navigation nav {
    display: flex;
    flex-flow: row wrap;

}

footer.footer .row .middle .navigation ul {
    display: block;
    flex: 1 0 auto;
    max-width: 250px;
    margin: 0;
    padding: 0;
    align-self: flex-start;
}

footer.footer .row .middle .navigation ul:last-child {
    align-self: flex-end;
}

footer.footer .row .middle .navigation ul li {
    list-style: none;
    display: block;
    padding: 0 30px;
}

footer.footer .row .middle .navigation ul li a {
    line-height: 1.6em;
}


footer.footer .row:last-child .middle {
    padding-bottom: 0;
    margin-bottom: 0;
}

footer.footer .row .middle .copyright {
    flex: 1 0 auto;
    margin-bottom: 20px;
}

footer.footer .row .middle .copyright span {
    white-space: nowrap;
}

footer.footer .row .middle .social {
    flex: 1 0 auto;
}

footer.footer .row .middle .social ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
}

footer.footer .row .middle .social ul li {
    list-style: none;
    display: inline-block;
    margin-right: 20px;
}

footer.footer .row .middle .social ul li:last-child {
    margin-right: 0px;
}

footer.footer .row .middle .social ul li a {
    text-decoration: none;
    display: inline-block;
    max-width: 30px;
}

footer.footer .row .middle .social ul li a img {
    display: block;
    height: auto;
    max-width: 100%;
}



@media (max-width: 1200px) {
    footer.footer .row .middle .navigation ul li
    {
        padding-left: 0;
    }
    footer.footer .row .middle .logo a
    {
        padding-left: 0;
        padding-right: 7em;
    }
}

@media (max-width: 768px) {
    footer.footer .row .middle .copyright,
    footer.footer .row .middle .social
    {
        flex: 0 0 100%;
        min-width: 100%;
        width: 100%;
    }

    footer.footer .row .middle .social ul {
        text-align: left;
    }

}


/* -------- Main Content -------- */

.main {
    max-width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    min-height: 800px;
}

.main > .inner {

}

.open .main {
    margin-top: 100vh;
}

.home.collapsed .main,
.home.open .main {
    margin-top: 0px;
}

/* -------- Content -------- */


#Breadcrumbs {
    display: block;
    margin-bottom: 3em;
    font-size: 0.67em;
    margin-top: -2em;
}

#Breadcrumbs .separator {
    font-size: 1.0em;
    margin: 0 5px;
}

.content figure {
    margin-bottom: 1.6em;
    width: 300px;
    max-width: 70%;
}

.content figure:hover > img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.content h1 > span {
    display: block;
    font-size: 0.6em;
    margin-bottom: -0.8em;
}

.content h2 {

}

.typography .content .location {
    margin-bottom: 1em;
    text-align: center;
}

.typography .content .group {
    margin-bottom: 1em;
    text-align: center;
}

.typography .content .description {
    text-align: center;
    margin-bottom: 4em;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.typography .content .description > p:last-child {
    margin-bottom: 0px;
}


.typography .content .video-wrapper {

}

.typography .content .video-wrapper {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.typography .content .video-wrapper .video {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    height: 0;
}

.typography .content .video-wrapper .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
}


/* Gallery */
.typography .content .gallery {
    margin-bottom: 4em;
}

.content .gallery a {
    display: block;
    position: relative;
    width: 200px;
    padding: 0 0 0 0;
    margin-right: 15px;
    margin-left: 15px;
}
.content .gallery a:focus,
.content .gallery a:active {
    outline: none;
}

.content .gallery a:hover:after {
    display: block;
}

.content .gallery a:after {
    display: none;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('../images/search-icon.svg') center center no-repeat rgba(135,40,46,0.7);
    background-size: contain;
}


.content .gallery a > img {
    display: block;
    height: auto !important;
    max-width: 100%;
}

.RecordingPage h3.title {
    margin-bottom: 0.8em;
}

.RecordingPage h3 .artist {
    display: block;
    font-family: 'Ciutadella W01 Regular';
}

.RecordingPage .description .credits {
    display: block;
    margin-bottom: 0.5em;
}

.content .video {
    margin-bottom: 4em;
}

.content .spotify {
    max-width: 800px;
    margin: 0 auto 6em;
}

.newsletter-holder {
    background: #FFF8EF;
    overflow: hidden;
    text-align: center;
}

.newsletter-holder .content-container > .inner {
    padding-top: 2em;
}

.newsletter-holder h2,
.newsletter-holder h3 {
    color: #86272B;
    margin-bottom: 1.4em;
}

.newsletter-holder h2:after,
.newsletter-holder h3:after {
    border-color: #86272B;
}

.newsletter-holder form {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    max-width: 700px;
    margin: 50px auto 0;
    clear: both;
    text-align: center;
    align-items: flex-start;
    max-width: none;
}

.newsletter-holder form .fieldwrap:first-child {
    flex: 1 1 59%;
    width: 400px;
    max-width: 100%;
    margin-bottom: 20px;
}

.newsletter-holder form .fieldwrap:last-child {
    flex: 1 0 40%;
    min-width: 300px;
    max-width: 100%;
}

.newsletter-holder form label,
.newsletter-holder form button
{
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border-width: 0px;
    font-size: 0.8em;
    text-transform: none;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.newsletter-holder form label {
    display: block;
    background: #FFFFFF;
    color: #4D4D4D;
    padding: 18px 20px;
    border: 2px solid #DCDCDC;
}

.newsletter-holder form label input {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    border-width: 0px;
    font-size: 1em;
    width: 100%;
    text-transform: none;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    outline: 0px;
    color: #333333;
    font-family: 'Ciutadella Rounded W01 Light';
}

.newsletter-holder ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #5A5A5A;
}

.newsletter-holder ::-moz-placeholder { /* Firefox 19+ */
    color: #5A5A5A;
}

.newsletter-holder :-ms-input-placeholder { /* IE 10+ */
    color: #5A5A5A;
}

.newsletter-holder :-moz-placeholder { /* Firefox 18- */
    color: #5A5A5A;
}



.newsletter-holder form button {
    background: #86272B;
    cursor: pointer;
    padding: 20px 44px;
    font-family: 'Ciutadella Rounded W01 Light';
}

.newsletter-holder form .fieldwrap .inner {
    display: block;
    padding: 0 10px;
    overflow: hidden;
}


/* -------- Data-Object Teaser -------- */

figure {
    display: block;
    margin: 0 auto;
    width: 300px;
    max-width: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}

figure.square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.object-teaser figure.square {
    width: 70%;
}

figure.fullsized {
    width: 100%;
    margin-bottom: 3em;
}

figure.fullsized:hover img {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

figure.fullsized.parallax-holder {
    position: relative;
    max-height: 70vh;
    height: 800px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

figure.fullsized.parallax-holder .parallax {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    -ms-transform: translate(0px, -25%); /* IE 9 */
    -webkit-transform: translate(0px, -25%); /* Safari */
    transform: translate(0px, -25%);
}

figure.fullsized.parallax-holder .parallax img {
    display: block;
    min-width: 100%;
    width: 100%;
    height: auto !important;
}

figure .caption {
    display: block;
    text-align: center;
}

figure img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto !important;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

figure.square.fullsized img {
    margin: 0 auto;
}


figure:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        figure:hover img {
            -webkit-transform: none;
        }

    }
}

.content-container .row {
    display: flex;
    flex-low: row wrap;
    /*align-items: center;*/
    align-content: center;
    justify-content: space-around;
}

.content-container .column {
    flex: 0 1 auto;
    max-width: 500px;
}

.content-container .column.three {
    width: 300px;
    min-width: 30%;
}

.content-container .column.four {
    width: 300px;
    min-width: 20%;
}

.object-teaser {
    margin-bottom: 2.5em;
}

.object-teaser .image-link {
    display: block;
    margin-bottom: 2em;
}

.object-teaser figure{
    width: 85%;
    max-width: 85%;
}

.object-teaser .date {
    padding: 0 0.5em;
    font-size: 0.7em;
}

.object-teaser .title {
    padding: 0 0.5em;
    font-size: 1.0em;
    font-family: 'Ciutadella Rounded W01 Medium';
}

.object-teaser a,
.object-teaser p {
    font-size: 0.7em;
    line-height: 1.6em;
}

.object-teaser p a {
    font-size: 1em;
    font-family: 'Ciutadella Rounded W01 Regular';
}

.object-teaser .description {
    padding: 0 0.5em;
    color: #333333;
}

.RecordingPage .object-teaser .description {
    color: #7B7B7B;
}

.object-teaser .description span.more {
    font-size: 1.4em;
}

.home a.page-link {
    display: block;
    font-size: 1em;
    margin: 1em auto 0;
    text-align: center;
    font-family: 'Ciutadella Rounded W01 Medium';
}

a.page-link {
    display: block;
    font-size: 1.4em;
    margin: 4em auto 4em;
    text-align: center;
    font-family: 'Ciutadella Rounded W01 Regular';
}

/* -------- Data-Object List -------- */


ul.object-list {
    display: block;
    margin: 0 0 6em 0;
    padding: 0;
}

ul.object-list li:first-child {
    border-top: 1px solid #444444;
}

ul.object-list li {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0px 0 1.4em;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #444444;
}

ul.object-list li > a {
    display: block;
    text-decoration: none;
    flex: 0 1 300px;
    width: 300px;
    max-width: 100%;
    min-width: 23%;
    margin-bottom: 0px;
    margin-top: 1.8em;
}

ul.object-list li > a figure {
    max-width: 70%;
    margin: 0;
}

@media (max-width: 876px){
    ul.object-list li > a figure {
        max-width: 40%;
    }
}

ul.object-list li > .inner {
    display: block;
    text-decoration: none;
    flex: 1 1 auto;
    width: 500px;
    max-width: 100%;
    min-width: 50%;
    margin: 1.5em 0 0 0;
    padding: 0;
}

ul.object-list li h3 {
    text-align: left;
    margin-bottom: 0.5em;
    font-size: 1.0em;
    font-family: 'Ciutadella Rounded W01 Medium';
}

ul.object-list li h4 {
    font-size: 1.0em;
    font-family: 'Ciutadella Rounded W01 Medium';
}

ul.object-list li p {
    font-size: 0.7em;
    line-height: 1.6em;
    font-family: 'Ciutadella Rounded W01 Regular';
    color: #7B7B7B;
    margin-bottom: 0px;
}

ul.object-list li .date {
    font-size: 0.7em;
    line-height: 1.6em;
    font-family: 'Ciutadella Rounded W01 Regular';
}

ul.object-list li .date > a{
    font-size: 1em;
    line-height: 1.6em;
    font-family: 'Ciutadella Rounded W01 Regular';
}

ul.object-list li a {
    font-size: 0.7em;
    line-height: 1.6em;
    font-family: 'Ciutadella Rounded W01 Medium';
}



/* -------- Teaser Box -------- */

.teaser-box {
    position: relative;
    color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-bottom: 2.5em;
    /*font-size: 1.2em;*/
}

.teaser-box.parallax-holder {

}

.teaser-box:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0,0,0,0.4);
}

.teaser-box > .inner {
    position: relative;
    z-index: 2;
    max-width: 500px;
    width: 80%;
    margin: 2.5em auto 2.5em;
}

.teaser-box .parallax {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    -ms-transform: translate(0px, -25%); /* IE 9 */
    -webkit-transform: translate(0px, -25%); /* Safari */
    transform: translate(0px, -25%);
}

.teaser-box .parallax img {
    display: block;
    min-width: 100%;
    width: 100%;
    height: auto !important;
}

.typography .teaser-box h4,
.teaser-box h4 {

}

.typography .teaser-box h4,
.teaser-box h4
{
    display: block;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 2em;
}

.teaser-box h4:after {
    content:'';
    border-bottom: 2px solid #FFFFFF;
    display: block;
    margin: 0 auto;
    height: 0.8em;
    width: 3.3em;
}

.teaser-box a {
    display: block;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Ciutadella Rounded W01 Regular';
}

.teaser-box a:hover {
    color: #FFFFFF;
}





/* -------- Content-Container -------- */

.main .content-container {
    margin: 0 auto;
}

.main .content-container {max-width: 1200px;}
.main .content-container.lg {max-width: 1800px;}
.main .content-container.xlg {max-width: 2300px;}
.main .content-container.sm {max-width: 800px;}

.main .content-container > .inner {
    margin: 0 30px 4em;
}

.RecordingPage .main .content-container > .inner {
    margin: 0 30px 3em;
}

.home .main .content-container > .inner {
    margin: 0 30px 3em;
}

@media (max-width: 1300px){
    .home .main .content-container > .inner {
        margin-left: 5vw;
    }
}

.main .newsletter-holder .content-container > .inner {
    margin: 0 30px 3em;
}


/* collapsed */
.main {
    padding-top: 3em;
}


/* XS */
@media (max-width: 549px) {

}

/* SM */
@media (min-width: 550px) and (max-width: 768px) {

}

/* MD */
@media (min-width: 769px) and (max-width: 1200px) {

}

/* LG */
@media (min-width: 1201px) and (max-width: 1600px) {
    .main .content-container {max-width: 1000px;}
    .main .content-container.lg {max-width: 1200px;}
    .main .content-container.xlg {max-width: 1400px;}
}

/* XLG */
@media (min-width: 1601px) and (max-width: 1920px) {
    .main .content-container {max-width: 1200px;}
    .main .content-container.lg {max-width: 1400px;}
    .main .content-container.xlg {max-width: 1600px;}
}

/* XLG */
@media (min-width: 1921px) {

}



/* --------------------------------Home Header Intro ---------------------------------- */

@media (min-width: 0px) AND (max-width: 767px) {
    body.open {
        overflow: hidden;
    }

    .open header.header .row,
    .home.intro header.header .row {
        flex-flow: column nowrap;
        align-items: center;
        align-content: flex-start;
        justify-content: center;
        height: auto !important;
    }

    .open header.header .row .left-space,
    .open header.header .row .right-space,
    .home.intro header.header .row .left-space,
    .home.intro header.header .row .right-space
    {
        display: none;
    }

    .open header.header .logo,
    .home.intro header.header .logo {
        align-self: center;
        justify-content: center;
        overflow: hidden;
        height: auto;
        width: 100%;
        text-align: center;
    }

    .open header.header .logo a.brand,
    .home.intro header.header .logo a.brand {
        display: block;
        height: 260px;
        width: 260px;
        margin: 0 auto;
    }


    .open header.header .logo a.brand img,
    .home.intro header.header .logo a.brand img {
        width: auto;
        max-height: 100%;
    }

    .open header.header .button,
    .home.intro header.header .button {
        justify-content: center;
        align-self: center;
        margin-top: 20px;
    }

    body.home {
        padding-top: 370px !important;
    }

}

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

/* XS */
@media (max-width: 549px) AND (orientation: portrait) {
    body {
        padding-top: 80px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 6.25%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 6.25%; }

    header.header .row .button a#navi-button {
        height: 80px;
        width: 80px;
        max-width: 80px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 80px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 140px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        flex-flow: row wrap;
        font-size: 1em;
        /*font-size: 0.9em;*/
    }

}

@media (max-width: 767px) AND (orientation: landscape) {
    body {
        padding-top: 60px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 3.25%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 3.25%; }

    header.header .row .button a#navi-button {
        height: 60px;
        width: 60px;
        max-width: 60px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 60px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 160px; /*120px NEW*/
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        flex-flow: row wrap;
        font-size: 1em;
        /*font-size: 0.8em;*/
    }
}
/* ----------------------------------------------------------------- */


/* SM */
@media (min-width: 550px) AND (orientation: portrait) {
    body {
        padding-top: 90px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .left-space,
    footer.footer .left-space
    { width: 9%; }

    header.header .right-space,
    footer.footer .right-space
    { width: 9%; }

    header.header .row .button a#navi-button {
        height: 90px;
        width: 90px;
        max-width: 90px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 90px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 200px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        flex-flow: row wrap;
        font-size: 1em;
        /*font-size: 0.9em;*/
    }
}

@media (min-width: 768px) AND (orientation: landscape) {
    body {
        padding-top: 70px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .left-space,
    footer.footer .left-space
    { width: 4.2%; }

    header.header .right-space,
    footer.footer .right-space
    { width: 4.2%; }

    header.header .row .button a#navi-button {
        height: 70px;
        width: 70px;
        max-width: 70px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 70px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 160px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        flex-flow: row wrap;
        font-size: 1em;
        /*font-size: 0.9em;*/
    }
}
/* ----------------------------------------------------------------- */


/* MD */
@media (min-width: 768px) AND (orientation: portrait) {
    body {
        padding-top: 100px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .left-space,
    footer.footer .left-space
    { width: 10%; }

    header.header .right-space,
    footer.footer .right-space
    { width: 10%; }

    header.header .row .button a#navi-button {
        height: 100px;
        width: 100px;
        max-width: 100px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 100px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 230px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        flex-flow: row wrap;
        font-size: 1em;
        /*font-size: 0.8em;*/
    }
}

@media (min-width: 1200px) AND (orientation: landscape) {
    body {
        padding-top: 80px;
    }

    .open header.header .inner {
        overflow-y: scroll;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 4.5%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 4.5%; }

    header.header .row .button a#navi-button {
        height: 80px;
        width: 80px;
        max-width: 80px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 80px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 250px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        font-size: 1em;
    }
}
/* ----------------------------------------------------------------- */


/* LG */
@media (min-width: 1200px) AND (orientation: portrait) {
    body {
        padding-top: 145px;
    }

    .open header.header .inner {
        overflow-y: hidden;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 8.5%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 8.5%; }

    header.header .row .button a#navi-button {
        height: 145px;
        width: 145px;
        max-width: 145px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 145px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 400px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        font-size: 1.1em;
    }
}

@media (min-width: 1600px) AND (orientation: landscape) {
    body {
        padding-top: 100px; /* 40px NEW*/
    }

    .open header.header .inner {
        overflow-y: hidden;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 5.5%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 5.5%; }

    header.header .row .button a#navi-button {
        height: 100px;
        width: 100px;
        max-width: 100px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 100px; /* 80px NEW*/
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 250px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        font-size: 1.1em;
    }
}
/* ----------------------------------------------------------------- */


/* XLG */
@media (min-width: 1800px) {
    body {
        padding-top:120px;
    }

    .open header.header .inner {
        overflow-y: hidden;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 9.5%; }

    header.header .row .right-space,
    footer.footer .row .right-space
    { width: 9.5%; }

    header.header .row .button a#navi-button {
        height: 120px;
        width: 120px;
        max-width: 120px;
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 120px;
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 250px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}

    header.header nav {
        font-size: 1.0em;
    }
}
/* ----------------------------------------------------------------- */

/* XXLG */
@media (min-width: 2200px) {
    body {
        padding-top: 160px; /* 100 NEW */
    }

    .open header.header .inner {
        overflow-y: hidden;
    }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 8.5%; }

    header.header .row .left-space,
    footer.footer .row .left-space
    { width: 8.5%; }

    header.header .row .button a#navi-button {
        height: 160px; /* 200 NEW */
        width: 160px; /* 200 NEW */
        max-width: 160px; /* 200 NEW */
    }

    .home.fixed header.header .row,
    .collapsed header.header .row {
        height: 160px; /* 200 NEW */
    }

    .collapsed header.header .row .left-space {}

    .collapsed header.header .row .right-space {}

    /* home + open */
    .home.fixed.open header.header .row,
    .open header.header .row,
    .home header.header .row {
        height: 250px;
    }

    .open header.header .row .left-space,
    .home header.header .row .left-space {}

    .open header.header .row .right-space,
    .home header.header .row .right-space {}
}
/* ----------------------------------------------------------------- */











/* --- Paralax --- */

/* XS */
@media (max-width: 549px) AND (orientation: portrait) {
    body.home {
        padding-top: 140px;
    }

    .home #paralax-holder {
        padding-bottom: 80px;
    }

    .home #paralax-holder svg {
        width: 300%;
    }
}
@media (max-width: 767px) AND (orientation: landscape) {
    body.home {
        padding-top: 120px;
    }

    .home #paralax-holder {
        padding-bottom: 60px;
    }

    .home #paralax-holder svg {
        width: 150%;
    }
}
/* SM */
@media (min-width: 550px) AND (orientation: portrait) {
    body.home {
        padding-top: 200px;
    }

    .home #paralax-holder {
        padding-bottom: 90px;
    }

    .home #paralax-holder svg {
        width: 190%;
    }
}
@media (min-width: 768px) AND (orientation: landscape) {
    body.home {
        padding-top: 160px;
    }

    .home #paralax-holder {
        padding-bottom: 70px;
    }

    .home #paralax-holder svg {
        width: 140%;
    }
}
/* MD */
@media (min-width: 768px) AND (orientation: portrait) {
    body.home {
        padding-top: 300px;
    }

    .home #paralax-holder {
        padding-bottom: 100px;
    }

    .home #paralax-holder svg {
        width: 180%;
    }
}
@media (min-width: 1200px) AND (orientation: landscape) {
    body.home {
        padding-top: 300px;
    }

    .home #paralax-holder {
        padding-bottom: 80px;
    }

    .home #paralax-holder svg {
        width: 104%;
    }
}
/* LG */
@media (min-width: 1200px) AND (orientation: portrait) {
    body.home {
        padding-top: 290px;
    }

    .home #paralax-holder {
        padding-bottom: 145px;
    }

    .home #paralax-holder svg {
        width: 160%;
    }
}
@media (min-width: 1600px) AND (orientation: landscape) {
    body.home {
        padding-top: 350px;
    }

    .home #paralax-holder {
        padding-bottom: 80px;
    }

    .home #paralax-holder svg {
        width: 130%;
    }
}
/* XLG */
@media (min-width: 1800px) {
    body.home {
        padding-top: 360px;
    }

    .home #paralax-holder {
        padding-bottom: 120px;
    }

    .home #paralax-holder svg {
        width: 105%;
    }
}
/* XXLG */
@media (min-width: 2200px) {
    body.home {
        padding-top: 500px;
    }

    .home #paralax-holder {
        padding-bottom: 200px;
    }

    .home #paralax-holder svg {
        width: 100%;
    }
}

.home #paralax-holder svg #zyl-5 {
    transform: translate(0px, 100px);
}

.ui-widget {
    font-size: 1.5rem;
}

.ui-dialog .ui-dialog-buttonpane button.btn:hover,
.ui-dialog .ui-dialog-buttonpane button.btn {
    font-size: 1.0rem;
    background-image: none;
    outline: none;
    border: none;
}

.ui-dialog .ui-dialog-buttonpane button.btn.btn-yes {
    background-color: #53980b;
    color: #FFFFFF;
    border: 1px solid grey;
    line-height: 1.7rem;
}

.ui-dialog .ui-dialog-buttonpane button.btn.btn-no {
    background-color: darkred;
    color: #FFFFFF;
    display: block;
    width: 100%;
    line-height: 1.7rem;
}

.ui-dialog .ui-dialog-buttonpane button.btn.btn-default {
    background-color: grey;
    color: #FFFFFF;
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button.btn.btn-default:nth-child(3) {
    margin-top: 50px;
}

.ui-draggable .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 0 0 0 0;
    margin-top: .5em;
    padding: 1em;
}

.dialog {
    display: none;
}





.HomePage .main {
    padding-top: 0;
}

.home-intro {
    display: flex;
    flex-flow: column nowrap;
    background-color: #FFF8EF;
    font-size: 1.4rem;
    justify-content: space-between;
    box-sizing: border-box;
}

.home-intro .content-container {
    align-self: flex-start;
}

.home-intro .content-container .inner {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
}

.home-intro {
    flex: 1 1 100%;
    margin-bottom: 100px;
}

.home-intro .content {
    padding-right: 10vw;
    box-sizing: border-box;
    /* padding-left: 5vw; */
}

.home-intro .content h3 {
    text-align: left;
    color: #86272B;
    margin-bottom: 0.6em;
}

.home-intro .content h3:after {
    display: none;
    margin-bottom: 0;
}

.home-intro .content p {
    margin: 0 0 1em;
}

.home-intro .events {
    flex: 0 0 290px;
}

.home-intro .events h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: 1em;
    font-weight: 400;
}

.home-intro .events h4,
.home-intro .events h4 a {
    display: block;
    text-align: left;
    font-family: 'Ciutadella Rounded W01 Regular';
    font-weight: 400;
    color: #86272B;
}

.home-intro .events ul {
    display: block;
    margin: 0;
    padding: 0;
}

.home-intro .events ul li {
    list-style: none;
    display: block;
    margin: 0 0 20px 0;
    padding: 0;
}

.home-intro .events ul li a {

}

.home-intro .events ul li a .date {
    display: block;
    font-size: 0.75em;
    line-height: 1.1;
}

.home-intro .events ul li.link {

}

.home-intro .events ul li.link a {

}

.home-intro .inline-intro {
    align-self: flex-end;
    text-align: center;
    padding-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

.home-intro .inline-intro a {
    display: inline-block;
    width: 36px;
    padding: 10px;
}

.home-intro .inline-intro a img {
    max-width: 100%;
}

@media (max-width: 1600px){
    .HomePage .main .home-intro {
        padding-top: 50px;
    }
}

@media (max-width: 1400px){
    .home-intro {
        /*font-size: 1.2rem;*/
    }

    .home-intro .content {
        padding-right: 5vw;
    }

    .HomePage .main .home-intro .events {
        display: none;
    }
}

@media (max-width: 1200px){
    .HomePage .main .home-intro {
        padding-top: 100px;
    }
}

@media (max-width: 768px){
    .home-intro {
        font-size: 1.2rem;
    }

    .HomePage .main .home-intro {
        padding-top: 30px;
    }

    .home-intro .content {
        padding-right: 0;
        padding-left: 0;
    }
}