@charset "UTF-8";

html,
body {
    height: 100%;
}


ul,
ol {
    font-family: geomanistregular, sans-serif;
}

#page {
    padding: 0 20px;
    max-width: 1440px;
    width: 100%;
}

.site-footer > .site-info {
    border-top: none;
}

.attachment-thumbnail.size-thumbnail {
    width: auto !important;
    height: auto !important;
}

header#masthead {
    display: block;
    padding-top: 0;
}

#primary-menu-list > li > .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    border: none;
}

#primary-menu-list > li {
    position: static;
}

#primary-menu-list > li.current-menu-parent ul.sub-menu,
#primary-menu-list li.current-menu-item > .sub-menu,
#primary-menu-list li.current_page_parent > .sub-menu {
    display: block;
    position: static;
}

@media (min-width: 481px) {
    #primary-menu-list > li.current-menu-ancestor ul.sub-menu,
    #primary-menu-list > li.current-menu-parent ul.sub-menu,
    #primary-menu-list li.current-menu-item .sub-menu,
    #primary-menu-list li.current_page_parent > .sub-menu {
        display: flex;
        flex-wrap: wrap;
        position: absolute;
    }
}


#primary-menu-list > li > .sub-menu li {
   // padding-top: 13px;
    padding-top: 0;

}

@media (min-width: 481px) {
    #primary-menu-list > li > .sub-menu li {
        padding-top: 10px;
    }
}

#primary-menu-list > li > .sub-menu li a {
    padding: 0 20px 0 0;
    padding-left: var(--primary-nav--padding);
    line-height: 1.4;
}

#primary-menu-list li .sub-menu::before {
    display: none;
}


.ck-menu-toggle {
    position: absolute;
    right: 30px;
    top: 30px;
    cursor: pointer;
    z-index: 100000;
    padding: 10px;
    font-size: 1rem;
}

@media (min-width: 481px) {
    .ck-menu-toggle {
        display: none;
    }
}


@media (min-width: 813px) {
    header#masthead {
        padding-top: 35px;
    }
}


.home .ck-menu-toggle {
    display: none;
}


.home #primary-menu-list > li,
.ck-menu-open #primary-menu-list > li {
    display: flex;
}

.primary-navigation {
    position: static;
}

.home header#masthead .primary-navigation > .primary-menu-container,
.primary-navigation > .primary-menu-container {
    visibility: visible;
    opacity: 1;
    background-color: transparent;
    padding-top: 0;
}


header#masthead {
    display: block;
}

.site-header,
.site-main,
.widget-area,
.site-footer {
    margin-left: 0;
    margin-right: unset;
    max-width: 100%;
}

.post-thumbnail,
.entry-content .wp-audio-shortcode,
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
*[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
.default-max-width {
    max-width: 1400px;
    margin-left: 0;
    margin-right: unset;
}

.entry-header,
.post-thumbnail,
.entry-content,
.entry-footer,
.author-bio {
    margin: var(--global--spacing-vertical) unset var(--global--spacing-vertical) 0;
}


.composition-template-default #primary-menu-list .link-compositions {
    display: flex;
}

.installation-template-default #primary-menu-list .link-installations {
    display: flex;
}

.visual_art-template-default #primary-menu-list .link-visual-arts {
    display: flex;
}

.performance-template-default #primary-menu-list .link-performances {
    display: flex;
}

.release-template-default #primary-menu-list .link-discogs {
    display: flex;
}

.composition-template-default #primary-menu-list .link-compositions a {
    color: #222;
}

.installation-template-default #primary-menu-list .link-installations a {
    color: #222;
}

.visual_art-template-default #primary-menu-list .link-visual-arts a {
    color: #222;
}

.performance-template-default #primary-menu-list .link-performances a {
    color: #222;
}

.release-template-default #primary-menu-list .link-discogs a {
    color: #222;
}


@media (min-width: 768px) {
    .spalten-wrap {
        display: flex;
    }

    .spalte-links,
    .spalte-rechts {
        flex: 0 0 50%;
    }
}

.spalten-wrap img {
    max-width: 100%;
}

.discogs-specs span {
    display: block;
}

/* worklist */
.worklist-ul {
    display: flex;
    flex-flow: row wrap;
}

.worklist-ul li {
    position: relative;
    flex: 0 1 100%;
    padding: 10px;
}


@media (min-width: 668px) {
    .worklist-ul li {
        flex: 0 1 50%;
    }
}

@media (min-width: 813px) {
    .worklist-ul li {
        flex: 0 1 33.33%;
    }
}

@media (min-width: 1200px) {
    .worklist-ul li {
        flex: 0 1 25%;
    }
}

.worklist-ul li img {
    width: 100%;
    margin-bottom: 0;
}

.worklist-ul li div {
    position: absolute;
    left: 10px;
    top: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #ddd;
    opacity: 0;
    transition: opacity .3s;
}

.worklist-ul li > a {
    display: block;
    height: 100%;
    width: 100%;
}

.worklist-ul li div span {
    display: block;
}

.worklist-ul li:hover div {
    opacity: 1.0;
}

.worklist-ul li::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}


/* Footer */
#colophon {
    margin-top: 60px;
    padding-bottom: 0;
}

#colophon .footer-inner {
    margin: 10px 20px;
    border-top: 1px solid black;
    padding: 50px 0 10px 0;
}

@media (min-width: 813px) {
    #colophon .footer-inner {
        max-width: 1400px;
        margin: 10px 20px;
        border-top: 1px solid black;
        padding: 50px 110px 10px 110px;
    }
}

.home #colophon .footer-inner {
    display: none;
}

#colophon,
#colophon .footer-navigation {
    font-size: 1.250rem;
    font-family: geomanistregular, sans-serif;
}

#colophon a {
    text-decoration: none;
}

.footer-navigation-wrapper,
.footer-navigation-wrapper li {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.footer-navigation-wrapper li a {
    padding: 7px 0;
    text-decoration: none;
    font-family: geomanistregular, sans-serif;
}

.footer-navigation,
.footer-center,
.footer-right {
    margin: 0;
    flex: 1 0 auto;
}

@media (min-width: 418px) {
    #colophon .footer-inner {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-center {
        text-align: center;
    }

    .footer-right {
        text-align: right;
    }
}

.post-navigation span.post-title {
    margin: 0;
}

@media (max-width: 1025px) {
    .page-template-page_tpl_composition .entry-header h1,
    .page-template-page_tpl_installation .entry-header h1,
    .page-template-page_tpl_visualart .entry-header h1,
    .page-template-page_tpl_performance .entry-header h1,
    .page-template-page_tpl_releases .entry-header h1,
    .page-template-default .entry-header h1,
    .page-template-page_tpl_texts .entry-header h1 {
        display: none;
    }
}

.ck-table table tr {

}

.ck-table table tr td {
    border: none;
    vertical-align: top;
    padding: 0;
}

.ck-table table tr td:first-child {
    color: #c22;
    min-width: 100px;
}

.ck-table table tr td:last-child {
    border-bottom: 1px solid #eee;
}

.ck-table table tr:last-child td:last-child {
    border-bottom: none;
}


ul.download-list {
    padding: 0;
    line-height: 1.75;
}

.maplist-wrap ul {
    list-style: none;
}

.maplist-wrap ul li.folder {
    position: relative;
}

.maplist-wrap ul li {
    margin: 0 0;
    padding-left: 15px;
}

.entry-content .maplist-wrap ul li::before {
    background: none;
}

.entry-content .maplist-wrap ul li.folder::before,
.entry-content .maplist-wrap ul li.sublist::before {
    background: none;
    position: absolute;
    top: 11px;
    left: 0;
    content: '‣';
    font-size: 1.25rem;
    line-height: .5;
    display: block;
}

.maplist-wrap ul li.folder > span {
    cursor: pointer;
}

.maplist-wrap ul li.folder > ul {
    display: none;
}

.maplist-wrap ul li.folder.open > ul {
    display: block;
}

ol {
    font-family: geomanistregular, sans-serif;
    margin: 0 0 0 45px;
    padding: 0;
}

ol li {
    margin: 10px 0;
    font-size: 1.25rem;
    padding: 0;
}

.primary-menu-container > ul > .menu-item > a {
    font-size: clamp(1.5rem, 3.2vw, 2.5rem) !important;
    padding-top: 0;
}

@media (max-width: 767px) {
    #primary-menu-list > li > .sub-menu {
        top: 80px !important;
    }
}


ul#subnavigation {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

ul#subnavigation li {
    margin-right: 20px;
}

ul#subnavigation li a {
    font-family: 'bariolbold', italic, sans-serif;
    margin: 0;
    font-size: 1.5rem;
    color: #aaa;
    letter-spacing: 0.02rem;
    line-height: 1.5rem;
    text-decoration: none;
}

ul#subnavigation li.current_page_item a {
    color: #222;
}

.cc-window {
    font-family: geomanistregular, sans-serif !important;
}

@media only screen and (max-width: 480px) {
    .primary-navigation > .primary-menu-container {
        height: auto;
        z-index: 499;
        overflow-x: hidden;
        overflow-y: hidden;
        background-color: white;
        position: relative;
        padding: 0;
    }
    .site-header {
        padding-bottom: 30px;
    }
    #main,
    #primary article .entry-header {
        padding-top: 0;
    }

    .primary-navigation > div > .menu-wrapper {
        padding-bottom: 0;
    }

    .primary-navigation .sub-menu {
        margin-left: 0;
    }

    .primary-navigation .sub-menu {
        margin-left: 20px;
    }

    #primary-menu-list > li:not(.menu-item-home,
    .current-menu-item,
    .current_page_parent,
    .current-menu-ancestor) {
        display: none;
    }

    .home #primary-menu-list > li:not(.menu-item-home,
    .current-menu-item,
    .current_page_parent) {
        display: block;
    }

    #primary-menu-list > li.current-page-ancestor,
    #primary-menu-list > li.current_page_ancestor > .sub-menu {
        display: block;
        position: static;
    }

    #primary-menu-list > li.current-page-ancestor > ul.sub-menu {
        display: block;
        position: static;
    }

    #primary-menu-list > li.current-page-ancestor > ul.sub-menu li:not(.current-menu-parent, .current-menu-item) {
    // display: none;
    }

    .ck-menu-open #primary-menu-list > li.current-page-ancestor > ul.sub-menu li {
        display: block;
    }

    #primary-menu-list > li.current-page-ancestor > ul.sub-menu li a {
        padding-left: 0;
    }
    #primary-menu-list > li.menu-item > ul.sub-menu li a {
        font-size: 1.2rem;
    }

    .ck-menu-open .primary-navigation #primary-menu-list > li {
        display: block;
    }
    ul#subnavigation li a {
        font-size: 1.2rem;
    }
}

.news-dates {
    color: #c22;
}

@media only screen and (min-width: 482px){
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
        background: transparent;
    }
}

@media only screen and (min-width: 482px) {
    .primary-navigation > div > .menu-wrapper > li > .sub-menu::before, .primary-navigation > div > .menu-wrapper > li > .sub-menu::after {
        display: none;
    }
}

figcaption,
.wp-caption,
.wp-caption-text,
.wp-block-embed figcaption {
    text-align: left !important;
    margin-top: 0 !important;
}
.wp-caption img {
    margin-bottom: 0;
}

.singular #page .entry-header {
    padding-bottom: 10px;
}

.wp-block-image img {
    margin-bottom: 0;
}

.work-cat {
    font-size: 1rem;
}