figure { margin:0 !important; }

.video-container .image { padding-left:0; padding-right:0; }

.ruler { background-color:rgba(0,0,0,0.1); }

.wrapper-header { max-width:1800px; margin-left:auto; margin-right:auto; }
.fixed-header .wrapper-header { background-color:#fff !important; }

.small { font-size:0.777rem; }

a, a:hover { color:#5e887f; }
.article .light-beige a, .article .light-beige a:hover { color:#5e887f !important; }

.jzwrapper { margin-left:10px; margin-right:14px; }

ul { font-family: "FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif; padding-left:0; }

/*
Note ps@typoheads.at: Not necessary, as nav-items are automatically aligned center now. (?)
ul li { margin-bottom:1rem; }
ul li:last-child, ul:last-child { margin-bottom:0; }
ul li.nav-item:last-child { margin-bottom: 1rem; }
*/

footer .sponsorship-list img {
    width: auto;
    height: auto;
    max-height: 3.222rem;
    max-width: 6rem;
}

.affen::after, .radikaledetails::after, .jaegerbox::after { content:""; position:absolute; left:0; top:0; transition: .3s; width:100%; height:100%; background-color:#f8f5ec; opacity:1; }
.affenbox:hover .affen::after, .radikaledetailsbox:hover .radikaledetails::after, .jaegerbox:hover::after { opacity:0; }

.jahreszeiten { color:#fff; }
.jahreszeiten .slide-controls { display:none; }

.stammbaum {  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }

.stammbaum div { text-align:center; }
.bruegel-p-dae { width:100%; }
.bruegel-p-dj { width:50%; }
.bruegel-j-dae { width:50%; }
.bruegel-am { width:33.333%; margin-left:33.333%; }
.bruegel-j-dj { width:33.333%; }


h5.collapse-header { padding-right:50px; position:relative; line-height:1.888rem; font-size:1.333rem; font-family:"FoundersGroteskWeb-Light", Arial, Helvetica, sans-serif; }
h5.collapse-header svg.icon { top:0.325rem; position:absolute; right:0; }
.collapse-content p { padding-right:50px; }


.article .light-beige a.order-ticket, .article .light-beige a.order-ticket:hover { color:#fff !important; }
.article .light-beige .order-ticket:before, .article .light-beige .order-ticket:after { background-color:#f8f5ec !important; }

a.ticketbtn { font-family: "concorde-pro", "Georgia", "Times New Roman", Times, serif; padding: 1.125rem 1.5rem;
    font-size: 0.666rem;
    letter-spacing: 0.066rem; color:#fff !important; margin-bottom:1rem; }

.article .light-beige a.ticketbtn, .article .light-beige a.ticketbtn:hover { color:#fff !important; }


/* Ausstellung beendet Kennzeichnung */

/* MOBIL */
.col.left .closed {      
    font-size: 0.75rem;
    line-height: 0.85rem;
    background: white;
    color: black;
    position: absolute;
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
    top: 14px;
    left: 13px;
    text-align: center;
    padding: 0.2rem 0.5rem;
    transform: rotate(-5deg);
    z-index: 1;
}

/* DESKTOP */	
.col.text-right .closed {   
    background: white;
    color: black;
    position: absolute;
    box-shadow: 5px 5px 10px -3px rgba(0,0,0,0.2);
    top: 28px;
    right: 83px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.85rem;
    display: inline-block;
    padding: .3rem .5rem;
    transform: rotate(-4deg);
    z-index: 1;
}
.col.text-right {  margin-top: -20px; }	

@media (min-width:769px) {
	.col.left .closed { display:none!important; }	
	.col.text-right .closed { display:block; }
}

@media (max-width:768px) {
    .col.left .closed { display:block; }
    .col.left .closed span { display:none; }			
    .col.text-right .closed { display:none; }
    .col.text-right { margin-top: 0; }
}

@media (max-width: 1024px) {
    .col.text-right .closed { margin-right:-3.25rem!important; }
}			

@media (max-width: 325px) {
    .col.left .closed { top: 33px; }
}