@import url('/export/sites/demo-s-11/0-kja-shared/mercury/kja.css');
@import url('/.themes/jquery.fancybox.css');
.mobile-logolink img {border-radius: 0 !important;}
.fancybox-container .eyeAble_container_b {display: none !important;}
.fancybox-is-open .fancybox-bg {opacity: 0.6;}
.fancybox-iframe {border: 15px solid #eee; border-radius: 10px;}
.fancybox-slide--iframe .fancybox-content {border-radius: 10px;}
@media (max-width: 763.98px) {
 .legend-acc .accordion .acco-body {
  padding: 20px 0px 30px !important;}
  .fancybox-iframe {
  border: 2px solid #eee;}
}

.ordnung .list-option + .list-option button span {display: none;}
.ordnung .list-option + .list-option button:before {content: "Sortieren nach Liednummer"}
.btn-wrap {display: flex; transform: rotate(-90deg); position: fixed; overflow: visible; right: -70px; top: 50vh; max-width: max-content; z-index: 1140;-webkit-transform-origin: 53% 51%; }
.btn-wrap .btn {margin-right: 5px; border-radius: 0; font-size: 20px; color: #fff !important; padding: 10px 16px; font-weight: 400;}
.btn-wrap .btn.active, .btn-wrap .btn:focus, .btn-wrap .btn:hover {background-color: #666; color: #fff; }
.btn-wrap .btn.color1{background-color: #36A9E1; color: #fff;}

.btn-wrap .fa:before{margin-right: 10px;}


@media (max-width: 763.98px) {
.btn-wrap {display: none !important;}
}

.centa .link {display: flex;
  justify-content: center;}
.juli .list-entry .teaser {
  box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3);
  padding: 15px 20px;
}
.juli .list-entry.teaser-tile .body {
    padding: 10px 0px 0;
}
.type-list-filter .filterbox.categories > div {
    padding: 15px 8px;
}
.type-list-filter .filterbox.resetbuttons {
    margin-bottom: 0;
    background: transparent !important;
}
.type-list-filter .filterbox.resetbuttons .resetbutton:first-of-type {
    margin-top: 0;
}
.juli .teaser .text:before { margin-right: 10px;   content: "\f02d"; font-family: forkawesome; color: #B39400;}
.juli .teaser .text {font-size: 80%; display: flex;
  font-style: italic;
  font-weight: 400;}
.juli .teaser {background-color: #fff;}
/*.juli .teaser {
    background: url(/.galleries/bilder/.system/sonne.svg) right bottom / contain no-repeat #fff; background-size: 70px;}*/
.juli .list-entry .teaser .intro-headline > .intro:before {content: "Lied Nr. ";}
.juli .list-entry .teaser .intro-headline > .intro {font-size: 100%;}
.juli .list-entry .teaser .btn, .juli .teaser-text-tile.type-decoy.in-list .headline:after{display: none;}
.juli .list-entry .teaser {pointer-events: none;}
/*#################### Filter Kats ########################*/
.type-list-sortoptions .dropdown-menu > .active > a, .type-list-sortoptions .dropdown-menu > .active > a:hover, .type-list-sortoptions .dropdown-menu > .active > a:focus, .type-list-sortoptions .dropdown-menu > li > a:hover {
    color: var(--my-btn-fg);
    background-color: #B39400;
}
.filter-reverse {display: flex;flex-direction: column-reverse;}
.filterbox.search{margin-bottom: 8px;}
.type-list-filter .filterbox .btn.li-label:hover {background-color: #feb912; color: #444;}
.type-list-filter .filterbox {background-color: #fff;  border-radius: 2px;}
.type-list-filter .filterbox .btn.li-label { padding: 10px 14px; line-height: 1;   border-radius: 2px;}
.filter-switch .element.type-list-filter {margin-bottom: 8px;}
.type-list-filter .filterbox.categories ul li {margin-top: 5px;}
.type-list-filter .filterbox.categories ul li a {display: block; font-size: 13px; font-weight: 400;}
.type-list-filter .filterbox.categories ul li.active a { background: #cbcbcb;}
.type-list-sortoptions .dropdown-toggle {    padding: 11px 35px 10px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #B39400; color: #fff;}
.type-list-sortoptions .dropdown-toggle::after {top: -1px;}
.type-list-filter .filterbox.search .styled-form .input input {box-shadow: none; border-radius: 4px;}
.type-list-filter .filterbox.search input {border-color: #999;}
.styled-form .input input {    padding: 10px 10px; }
.type-list-filter .filterbox.resetbuttons {margin-bottom: 20px;}
.type-list-filter .filterbox.resetbuttons .resetbutton {font-size: 17px; line-height: 1; background: transparent; margin-bottom:0;}
.type-list-filter .filterbox.resetbuttons .resetbutton:focus:before, .type-list-filter .filterbox.resetbuttons .resetbutton:hover:before {color: #000;; background-color: transparent;}
.type-list-filter .filterbox.resetbuttons .resetbutton:first-of-type  {margin-top: 0;}
.type-list-filter .filterbox.resetbuttons .resetbutton:before {background: transparent; color: #e00;     margin-right: 1px;  top: -1px;  position: relative;}
.btn-red.type-list-filter .filterbox .btn.li-label {color: #fff; background-color: #B39400;}
.btn-red.type-list-filter .filterbox .btn.li-label:hover{color: #fff; background-color: #9d9c9c;}
.filterbox .btn-block.li-label{font-size: 19px;}
.type-list-filter .filterbox.categories .btn.li-label:before, .type-list-filter .filterbox.categories ul li a::before, a.external:after{display:none;}
.type-list-filter .filterbox.categories ul li a {padding-left: 10px;background-color: #f7f7f7;}
.reset-btn .btn {padding: 14px 14px 13px 14px; line-height: 1; border: 0; border-radius: 4px; font-weight: 400; background: #444; color: #fff; width: 100%; font-size: 18px;}
.reset-btn .btn:before{content: '\f00d';font-family: 'ForkAwesome'; margin-right: 7px;color: #fff;}
.resetbutton.categories {}

.type-list-filter {margin-bottom: 10px;}
.list-indi.type-list-filter .filterbox.search .styled-form{padding: 0; border: 0;}
.filter-acc .accordion .acco-header .acco-toggle.collapsed::before {content: "\f0b0";
    font-family: ForkAwesome;
    transform: rotate(360deg);
    top: 22px;
    transition: transform 0.33s;
}
.filter-acc .accordion {margin-left: 0;}
.filter-acc .accordion .acco-header .acco-toggle::before {left: 15px; font-size: 1.6rem; top: 22px;}
.filter-acc .accordion .acco-body {    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px 0 0;}
.filter-acc .accordion .acco-header .acco-toggle {padding-left: 40px;}
.filter-acc .acco-toggle.collapsed span:before
 {
    content: ' anzeigen';
}
.filter-acc .acco-toggle span:before {
    content: ' ausblenden';
}
 .filter-acc .accordion .acco-header .acco-toggle[aria-expanded=true] {
    background-color: #ECEFF3;
}

@media (min-width: 1013.98px) {

.filter-acc, .legende-mobil {display: none;}

}
@media (max-width: 1014px) {

.type-list-filter, .legende-desk  {display: none;}
.filter-acc .type-list-filter, .reseto  {display: block;}
}


@media (max-width: 551.98px) {
.reset-btn .btn, .type-list-sortoptions .dropdown-toggle {font-size: 14px;}
}
@media (min-width: 550px) and (max-width: 1013.98px) {
.reset-btn{ float: left;}
}
.filtros.btn {
    background-color: #feb912; border-radius: 4px !important;
    color: #444;}
.filtros.btn:before {content: "\f05a"; font-family: forkawesome; margin-right: 6px;}
.count-indi{display: flex; justify-content: flex-end;}
.count-indi .count-wrap{background: #eee; padding: 5px 10px; font-size: 17px; margin-bottom: 5px;}

/* ################ Lists #################*/
.list-content .list-append-position {text-align: center; border-top: 1px solid #555; display: block; margin-top: 40px; padding-top: 50px; position: relative;}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s ease-in-out; background: #b39400; color: #fff;font-weight: 700; border-radius: 50%; border: 10px solid #f3f3f3 !important; display: block; 
 font-size: 16px; height: 100px; line-height: 40px; margin: -40px 0 0 -40px; position: absolute; bottom: 0px; left: 50%; text-align: center; text-transform: uppercase; width: 100px;}
.list-pagination .btn.btn-append:hover {border-color: #eee; background: #ccc;}
.type-list-filter .filterbox .btn.li-label {background-color: #b39400;}
.buch.type-list-filter .filterbox .btn.li-label {
    background-color: #1A3F5F;
}
.buch.type-list-filter .filterbox .btn.li-label:hover {background-color: #85C44D; color: #fff;}
.list-entry.teaser-tile .body {padding: 10px 20px 25px;}
.list-events .list-entry .teaser {box-shadow: 0px 0px 5px -1px rgba(0,0,0,.3); padding: 30px;} 
.list-content .teaser.teaser-compact{margin-bottom: 25px !Important;}
.list-events .link {margin-top: 20px !Important;}
.list-events .link a { font-size: 18px;}
.list-events .teaser .book-info .book-msg, .list-events .teaser .book-info .oct-meta-info {    background: #eee; color: #333; margin: 10px 0; }
.list-events  .intro-headline > .intro {font-size: 16px;}
.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {opacity: 1;}
.juli .filterbox .btn {font-size: 1.4rem;}
.type-list-filter {
    --my-filter-body-bg: var(--my-white);
    --my-filter-body-fg: var(--my-text-dark);
    --my-filter-btn-bg: var(--my-btn-bg);
    --my-filter-btn-fg: var(--my-btn-fg);
    --my-filter-btn-hover-bg: #feb912;
    --my-filter-btn-hover-fg: #444;}

.header-image img {border-radius: 0 !important;}
.nav-main-items {
    background-image: none;}
	
.honeypot section:first-of-type {display: none;}
.honeypot table.webform-input tr:first-child {display: none;}

@media(min-width: 764px){
.form-field-text:nth-child(2),.form-field-text:nth-child(3) {width: 49%; float: left; margin-right: 1%;}
}

:root {
    --my-main-theme-base: #b39400;
    --my-main-theme: #b39400;
    --my-main-theme-fg: #b39400;}
a, .nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover, .nav-menu > li > a:focus, .nav-menu > li > a:hover, .nav-menu > li.active > a:focus, .nav-menu > li.active > a:hover, .colored-row .accordion .acco-header .acco-toggle::before, .colored-row .accordion .acco-header .acco-toggle:hover, .colored-row .accordion .acco-header .acco-toggle:hover::before, .colored-row .accordion .acco-header .acco-toggle[aria-expanded=true] {
    color: #b39400;
}
.detail-page .info.location {border: solid #b39400;}
.pagination > li.active > a {background-color: #2D4578;
}
.pagination > li > a:hover, .pagination > li.active > a:hover {background: #b39400;}
.teaser .book-info .book-msg, .teaser .book-info .oct-meta-info, .accordion .book-info .book-msg, .accordion .book-info .oct-meta-info {    background: #2D4578;}

.head-slider .type-slider .slide-wrapper .caption strong, .head-slider .type-slider .slide-wrapper .caption .titlecaption {background:#b39400}

.tab-list > li > .tab-toggle:hover, .btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn, .variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {background-color: #b39400;}
.tile-col .text-overlay .piece {
    background: rgba(54, 145, 78, .7) !important;}

@media (min-width: 1200px) {
    .fuenfer .col-xl-2 {width: 19.66666667%;}
    }
.fuenfer .flex-col:has(.simple){display: none; }

	
.honeypot section:first-of-type {display: none;}
.honeypot table.webform-input tr:first-child {display: none;}
@media (min-width: 1014px) {
    .styled-form .webform_subfields fieldset {
        padding-left: 0;
        padding-right: 0;
    }
}
@media(min-width: 764px){
.form-field-text:nth-child(2),.form-field-text:nth-child(1) {width: 49%; float: left; margin-right: 1%;}
}
.box {
    padding: 30px;
    background-color: #eaecf1;}
.box.green, .box.box-theme {
    background-color: #b394003b;
}
.box .btn {
    background-color:#b39400 !important;
}
.box.green .btn, .variant-tile-accordion.text-below .collapse-trigger .text-overlay, .tab-list > li > .tab-toggle.active {
    background-color: #b39400 !important;
}
.btn {
    background-color: #b39400;
}
.box.border.green .btn {
    color: #b39400;
    border: 2px solid #b39400;
	background-color: transparent !important;
}
.box.border.green {
    border-color: #b39400;
	background-color: transparent;
}
.box.border.blue {
    border-color: #2D4578;
}
.box.border.blue .btn {
    color: #2D4578;
    border: 2px solid #2D4578;
}
.teaser-text-tile {background: #eaecf1;}
.intro-headline > .intro {color: #b39400;
    font-style: italic;}
.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle, .detail-page .detail-visual.full .visual-info .infogroup {    background-color: #eaecf1;}
.nav-main-items li.expand > a[aria-controls]::after {background: url(/.galleries/bilder/.system/plus.svg) no-repeat;}
.nav-main-items li.expand.ed > a[aria-controls]::after {background: url(/uli/.galleries/bilder/.system/minus.svg) no-repeat;}
.nav-toggle-btn .nav-burger, .nav-toggle-btn .nav-burger::after, .nav-toggle-btn .nav-burger::before {
    background: url(/.galleries/bilder/.system/burger-back-orange.svg) no-repeat;
    background-size: 50px !important;
    height: 26px;
    width: 70px;
}

.accordion .acco-body, .accordion .acco-header .acco-toggle[aria-expanded=true] {background-color: #fff;}
.nav-main-items > li > ul > li > a {
  border-bottom: 1px solid #eee;
}
.expand.ed, .active.expand.ed {
  background: transparent;
  padding: 20px 10px;
  margin-top: 10px;
  text-align: center;
}
.nav-main-items li ul.nav-menu li > a {
  padding: 10px 7px 10px 15px;}
.nav-main-items > li > a, .nav-main-items li > a {font-size: 21px !important;}
.nav-main-items li.expand.expand.ed > a[aria-controls]::after {display: none;}
.nav-main-items {
    background-image: none;}
.area-foot {
    background: url(/.galleries/bilder/.system/foot-bg.svg) 0% 100% no-repeat;
    background-size: 170%;
}
.area-foot .type-contact h3 {
  font-size: 2rem;
}
@media (min-width: 764px) {
    .piece.flex.left > .body {display: flex;
        flex-direction: column;
    }
}

@media (max-width: 551.98px) {
  .area-foot {
    background-size: 500%;
  }
}

header.bh .nav-menu-header {margin-bottom: 10px;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {
    max-width: 180px;
}
@media (max-width: 551.98px) {
    .head .type-linksequence {
        margin-left: 69px;
    }
}

/*@media (max-width: 763.98px) {
.no-mob {visibility: hidden;}
}
*/
.accordion .acco-header .acco-toggle::before {top: 18px;}

.box.piece > .body + .link, .box.piece > .body .text + .link {
        justify-content: flex-start;
    flex-grow: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end; margin-top: 15px;
}