/*
 meyermisginmedia.com
 Kunsthalle Mannheim CSS.
 */

*,
:before,
*after {
    box-sizing: border-box;
}

:root {
    /*calculated by https://utopia.fyi */

    /* Body: 18.00px → 22.00px */
    --fs-body: clamp(1.13rem, calc(1.04rem + 0.43vw), 1.38rem);

    /* H1: 32.00px → 60.00px */
    --fs-h1: clamp(2.00rem, calc(1.39rem + 3.04vw), 3.75rem);

    /* H2: 24.00px → 42.00px */
    --fs-h2: clamp(1.50rem, calc(1.11rem + 1.96vw), 2.63rem);

    /* H3: 22.00px → 28.00px */
    --fs-h3: clamp(1.38rem, calc(1.24rem + 0.65vw), 1.75rem);

    /* H4: 18.00px → 24.00px */
    --fs-h4: clamp(1.13rem, calc(0.99rem + 0.65vw), 1.50rem);

    /* very big: 40.00px → 60.00px */
    --fs-parapraph-header: clamp(2.50rem, calc(2.07rem + 2.17vw), 3.75rem);

    /* Zitat: 28.00px → 36.00px */
    --fs-zitat: clamp(1.75rem, calc(1.58rem + 0.87vw), 2.25rem);

    /* Main Menu Level 1: 15.00px → 20.00px */
    --fs-mainmenu: clamp(0.94rem, calc(0.83rem + 0.54vw), 1.25rem);
}


/*custom*/
body {
    color: #000 !important;
    background: #fff !important;
    scroll-behavior: smooth;
    font-family: 'GT-Pressura Normal';
    font-style: normal;
    font-weight: normal;
    font-size: var(--fs-body);

}

@media (min-width: 576px) {

    .container,
    .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1024px;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1440px;
    }
}

@font-face {
    font-family: 'GT-Pressura Normal';
    src: url("/themes/custom/kuma_barrio/css/local_fonts/GT_Pressura_Normal-normal-normal/gt-pressura-regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'GT-Pressura Fett';
    src: url("/themes/custom/kuma_barrio/css/local_fonts/GT_Pressura_Fett-normal-bold/gt-pressura-bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'GT-Pressura Fett';
    hyphens: auto;
    text-wrap: balance;
    margin-bottom: 0;
    line-height: 1.1;
}

h1.title {
    padding-left: 10%;
    /*margin-bottom: 2rem;*/
    text-transform: uppercase;
    font-size: var(--fs-h1);
}

h2 {
    font-size: var(--fs-h2);
    letter-spacing: -1px;
    margin-bottom: 1rem;
}

h3 {
    font-size: var(--fs-h3);
    margin-bottom: 1.5rem;
}

h4 {
    font-size: var(--fs-h4);
    margin-bottom: 1.5rem;
}

.node__content {
    font-size: var(--fs-body);
    line-height: 1.3;
}

#kumaContent {
    line-height: 1.75rem;
}

.highlighted {
    margin-top: 1rem;
}

#kumaContent {
    padding-top: 10rem;
}

#backButton,
.request-password-link {
    display: none;
}


.node .field--type-image {
    float: none !important;
    margin: 0;
}

.btn.btn-primary {
    background: transparent;
    border-radius: 0;
    color: #3964af !important;
    border: 1px solid #3964af;
    padding: .625rem 1.125rem;
    text-transform: uppercase;
    font-family: 'GT-Pressura Normal';
    font-size: var(--fs-body);
}

.btn.btn-primary:hover {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
}

.btn.btn-secondary,
.video-text-overlay>button {
    background: transparent;
    border-radius: 0;
    color: #000 !important;
    border: 1px solid #000;
    padding: .625rem 1.125rem;
    text-transform: uppercase;
    font-family: 'GT-Pressura Normal';
    font-size: var(--fs-body);
}

.btn.btn-secondary:hover {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
}

/*Allgemeines*/
.webform-submission-form .form-control.is-invalid,
.webform-submission-form .was-validated .form-control:invalid {
    background-image: none;
}

.webform-submission-form {
    margin: 0 9%;
    width: 70%;
}

.webform-submission-form .webform-required {
    margin-bottom: 2rem;
}

.webform-submission-form input,
.webform-submission-form select {
    border: 1px solid #ccc !important;
    padding: 10px 28px;
    font-size: var(--fs-body);
    line-height: 150%;
    border-radius: 0;
}

.webform-submission-form .form-checkbox {
    padding: 0 !important;
    font-size: 1.5rem;
}

/*Responsive Iframes*/
.responsiveContainer {
    position: relative;
    padding-bottom:
        /*56%*/
        30%;
    height: 0;
    overflow: hidden;
}

.responsiveContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.googleMapContainer {
    margin: 3rem 0 1rem 0;
}

.googleMapsKuma {
    position: relative;
    background: #d3d3d3;
    background-image: url(/sites/default/files/2024-02/Stadtplan_KuMa_Blur.png);
    background-size: cover;
}

#consentButton {
    position: absolute;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*Admin Shit, tab links for editing*/
#block-sprachumschalter .contextual,
#block-kuma-barrio-sprachumschalter .contextual {
    display: none;
}

.tabs a.nav-link {
    color: #000 !important;
    border-color: #000 !important;
    border-radius: var(--bs-nav-tabs-border-radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.tabs a.nav-link:hover {
    background: #000;
}

.tabs a.is-active.nav-link:hover {
    background: #000;
}

.tabs a {
    color: #15426F;
    border-color: #15426F !important;
    margin-left: 5px;
}

/* .tabs li:first-child a {
    cursor: default;
} */

.tabs a:hover {
    background: #709cd3;
    color: #fff !important;
}

.nav-tabs {
    border-color: #000 !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: transparent;
}

.user-logged-in .dunkelblauschmal.dunkelblau,
.user-logged-in .dunkelblauschmal.beige,
.user-logged-in .dunkelblauschmal.dunkelgruen,
.user-logged-in .dunkelblauschmal.blau,
.user-logged-in .dunkelblauschmal.gruen,
.user-logged-in .dunkelblauschmal.hellblau,
.user-logged-in .dunkelblauschmal.hellgrau,
.user-logged-in .dunkelblauschmal.orange,
.user-logged-in .dunkelblauschmal.rot,
.user-logged-in .dunkelblauschmal.weiss,
.user-logged-in .dunkelblauschmal.hellbeige {
    background-size: 100% 28rem;
    padding-top: 2rem !important;
}

.user-logged-in #header {
    position: static;
}


.user-logged-in.page-node-type-ausstellung #kumaContent,
.user-logged-in.page-node-type-termin #kumaContent,
.user-logged-in.page-node-type-ebenenuebersicht #kumaContent {
    padding-top: 2rem;
}

.user-logged-in.page-node-type-exponat #kumaContent {
    padding-top: 0rem;
}

/*Header*/

#header {
    position: fixed;
    background: #fff;
    width: 100% !important;
    max-width: 100% !important;
    z-index: 99;
}

.user-logged-in .dunkelblauschmal {
    background-size: 100% 1rem;
    padding-top: 2rem !important;
}


#kumaTop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2rem calc(var(--bs-gutter-x) * .5);
}

#block-mobilelupedersucheimheadbereich {
    display: none;
}

#kumaLogo {
    width: 11.25rem;
    margin-top: .75rem;
}

#kumaLogoWebApp {
    display: none;
}

#kumaNavi {
    display: flex;
    flex-direction: column;

}

#navbar-main li.active a {
    text-decoration: none !important;
}

#kumaNaviMainMenu {
    order: 2;
}

#kumaNaviTopMenu {
    order: 1;
}

#navbar-main,
#navbar-top {
    background-color: transparent !important;
    padding: 0;
}

.region-top-header-form {
    display: flex;
}

#block-topnavigation,
#block-kuma-barrio-topnavigation,
#block-sprachumschalter,
#block-kuma-barrio-sprachumschalter,
#block-useraccountmenu-2 {
    width: auto;
}

#block-sprachumschalter span,
#block-kuma-barrio-sprachumschalter span {
    padding-top: 1px;
    padding-right: 0 !important;
}

#block-sprachumschalter span.is-active,
#block-kuma-barrio-sprachumschalter span.is-active {
    display: none;
}

#block-sprachumschalter a,
#block-kuma-barrio-sprachumschalter a {
    text-decoration: none;
}

.page-node-665 .highlighted{
	display: none !important;
} 
.page-node-type-exponat.webapp #kumaLogo{
	display: none;
}
.page-node-type-exponat #exponatCopyright p,
.page-node-type-exponat #block-kuma-barrio-content #exponatCopyright,
.page-node-type-exponat #block-kuma-barrio-content .field--name-field-bildrechte{
display: inline-block;
color: #aaa !important;
font-size: 1rem !important;
} 
.page-node-type-exponat.webapp #exponatCopyright p,
.page-node-type-exponat.webapp #block-kuma-barrio-content #exponatCopyright,
.page-node-type-exponat.webapp #block-kuma-barrio-content .field--name-field-bildrechte{
color: #fff !important;
} 
.page-node-type-exponat #exponatCopyright p:before {
content:'Foto: ';
}
html:lang(en) .page-node-type-exponat #exponatCopyright p:before {
content:'Photo: ';
}




/*Breadcrumbs*/
#block-kuma-barrio-breadcrumbs {
    margin-bottom: 1.5rem;
    margin-top: .75rem;
}

.breadcrumb-item.active {
    color: #000;
}

.breadcrumb a,
.breadcrumb li {
    color: #000;
    line-height: 150%;
}

.breadcrumb-item,
.breadcrumb-item a {
    font-size: var(--fs-body);
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #ccc;
}

/*FOOTER*/
.site-footer__top {
    display: flex;
    justify-content: space-between;
}

.site-footer {
    box-shadow: rgba(100, 100, 111, 0.2) 30px 7px 0px 0px;
}

.site-footer,
#block-kontakt .content a {
    background-color: #20426C !important;
    color: #fff !important;
}

.site-footer ul.nav a,
.site-footer p,
#copyright {
    color: #fff !important;
    margin-top: 0;
    font-size: 1.125rem;
}


#copyright {
    font-size: .875rem;
}

.site-footer a {
    padding: 0;
}

.site-footer__top h2 {
    border: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
    color: #fff;
}

.site-footer h2 {
    margin-bottom: 1rem !important;
    font-size: 2.5rem;
}

.site-footer .block {
    margin: 0;
    border: 0;
}

.featured-bottom {
    background-color: #709cd3;
    /*margin-top: 3rem;*/
}

#block-kuma-barrio-kumalogofooter img,
#block-kuma-barrio-kumalogofooter svg,
#block-kuma-barrio-kumalogofootertaxonomy img {
    width: 4rem;
}

#block-kuma-barrio-kumalogofooter svg {
    height: auto;
}

#block-kuma-barrio-kumalogofooter .alttag,
#block-kuma-barrio-kumalogofootertaxonomy .alttag {
    display: none;
}

#block-kuma-barrio-kumalogofooter .media--blazy {
    padding: 0 !important;
}

.site-footer .block {
    margin: 0;
    padding: 0;
}

#block-rundumkuma ul.nav {
    flex-direction: row;
    flex-wrap: wrap;
    width: 66%;
}

#block-rundumkuma ul.nav li,
#block-kuma-barrio-rundumkuma ul.nav li {
    flex-basis: 50% !important;
    flex: 1;
}

#block-newslettercta .field--name-body,
#block-kuma-barrio-newslettercta .field--name-body {
    padding: 2rem 10% .75rem 10%;
}

.site-footer__top .region:nth-child(1) {
    width: 31%;
}

.site-footer__top .region:nth-child(2) {
    width: 30%;
}

.site-footer__top .region:nth-child(3) {
    width: 33%;
}

.site-footer__top .region:nth-child(4) {
    width: 6%;
    text-align: right;
}

#copyright {
    margin-top: 2rem;
}

.site-footer__top .region:first-child {
    padding: 0 0.65%;
}

.site-footer__top .region {
    width: 100%;
}
.site-footer .region-footer-first #block-fusszeile ul{
	display: block !important;
}




/*Paragraphs*/
.paragraph .row {
    padding: 2rem 0 1rem 0;
}

.paragraph .teaserTextBildHorizontal.row,
.paragraph .zitat.row {
    padding: 0 0 .625rem 0;
}

.schmal {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.row.orange .containerHeadline,
.row.gruen .containerHeadline,
.row.rot .containerHeadline {
    color: #fff;
}

.zweiSpalter,
.dreiSpalter,
.vierSpalter {
    display: flex;
    gap: 3rem 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zweiSpalterSingle {
    width: 49%;
}

.dreiSpalterSingle {
    width: 31%;
}

.vierSpalterSingle {
    width: 23%;
}

.containerHeadline {
    padding-left: 9.5rem !important;
    /*text-transform: uppercase;*/
    padding: 2rem 0 1.5rem 0;
}

.containerHeadline h3 {
    font-size: var(--fs-h2);
}

.schmal .containerHeadline {
    margin-left: 0;
}

.paragraph--type--kuma-buehne img,
.page-node-type-article .field--name-field-image img,
.view-blog .views-row img,
.page-node-type-ausstellung .ausstellungHeaderBild img,
.page-node-type-termin .ausstellungHeaderBild img {
    width: 100%;
    height: auto;
}

.paragraph--type--text {
    padding-top: 0rem;
    /*padding-bottom: 1rem;*/
}

.paragraph--type--kuma-teaser .bild img {
    width: 100%;
    height: auto;
    margin-bottom: 1rem;
}


.paragraph--type--kuma-teaser .headline h2 {
    margin-bottom: .5rem;
}

.paragraph--type--kuma-teaser .headline a{
  text-decoration: none;
}

.paragraph--type--kuma-teaser .headline h3 {
    margin-bottom: .5rem;
}

.paragraph--type--kuma-teaser .link a {
    text-decoration: underline;
}

.paragraph--type--zitat blockquote {
    font-size: var(--fs-zitat);
    line-height: 1.3;
    color: #778288;
    font-family: 'GT-Pressura Normal';
    font-style: italic;
}

.paragraph--type--zitat .zitatCaption {
    color: #778288;
    font-family: 'GT-Pressura Normal';
    font-style: italic;
}

/*
	.einSpalter{
padding:0;
}
*/
table {
    font-size: var(--fs-body) !important;
}

table td {
    padding-left: 0;
}

.einSpalter .einSpalterSingle:nth-child(odd) .paragraph--type--pressedownload {
    background-color: #E0E6F1;
}


.paragraph--type--bild-mit-text-slider .slick__slide,
.paragraph--type--kuma-bildslider .slick__slide {
    padding: 40px 0 0 23px;
}

#pressemitteilungen td {
    vertical-align: top;
}

/*
.paragraph--type--bild-mit-text-slider .slick__slide:first-child {
    padding: 0;
}
*/
#webform-submission-pressebereich-paragraph-1014-add-form,
#webform-submission-pressebereich-node-928-add-form {
    margin-left: 10%;
}

#webform-submission-pressebereich-paragraph-1014-add-form .form-type-textfield input,
#webform-submission-pressebereich-paragraph-1014-add-form .form-type-email input,
#webform-submission-pressebereich-node-928-add-form .form-type-textfield input,
#webform-submission-pressebereich-node-928-add-form .form-type-email input,
#user-login-form .required {
    width: 100% !important;
    border: 1px solid #ccc;
}

#webform-submission-pressebereich-node-928-add-form {
    width: 75%;
}

#user-login-form,
#webform-submission-pressebereich-paragraph-1014-add-form,
#webform-submission-pressebereich-node-928-add-form {
    background: #ececec;
    margin-left: 10%;
    padding: 2rem;
    margin-top: 2rem;
}

article.node--type-pressebereich {
    position: relative;
}

#logoutLink {
    position: absolute;
    top: -4.25rem;
    right: 10%;
    display: block;
}

.slick--skin--boxed .slide__content,
.slick--skin--boxed .slide__content:hover {
    border: 0 !important;
    box-shadow: none;
}

.slick--less .slick-track {
    text-align: left;
}

.slick-prev:focus-visible,
.slick-next:focus-visible:focus-visible {
    background: darksalmon;
}

.slick__slide:first-child .media--blazy {
    padding-left: 0;
}

.slick__arrow {
    top: 0;
}

.slick__slider.slick-slider {}

.slick-arrow {
    background: transparent;
}

.slick-prev {
    left: auto;
    right: 4rem;
}

.slick-next {
    left: auto;
    right: 1.125rem;
}

.slick-prev::before {
    content: ' ';
    display: block;
    width: 25px;
    height: 25px;
    border-top: 3px solid rgba(0, 0, 0, 1);
    border-left: 3px solid rgba(0, 0, 0, 1);
    transform: rotate(-45deg);
    opacity: 1;
}

.slick-next::before {
    content: ' ';
    display: block;
    width: 25px;
    height: 25px;
    border-top: 3px solid rgba(0, 0, 0, 1);
    border-left: 3px solid rgba(0, 0, 0, 1);
    transform: rotate(135deg);
    opacity: 1;
}


.slide__caption {
    display: flex;
    flex-direction: column;
}

.slide__caption .slide__title {
    order: 2;
}

.slide__caption .slide__description {
    order: 1;
}

.slide__caption .slide__title a {
    text-decoration: none;
}

.slick--less .slick-track {
    text-align: left !important;
}

.bild a {
    text-decoration: none !important;
}

.bild a:hover {
    color: inherit;
}

.alttag,
.slick .teaserTextBild .alttag {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0;
}

.teaserTextBild .alttag {
    margin-bottom: 1rem;
}

.paragraph--type--kuma-buehne .alttag {
    margin-bottom: 1.375rem;
}

a .alttag {
    text-decoration: none !important;
}

.paragraph--type--bild-mit-text-slider,
.paragraph--type--kuma-bildslider {
    margin-left: -23px;
}

.paragraph--type--bild-mit-text-slider .slick__slide .link a,
.teaserTextBild .link a {
    font-family: 'GT-Pressura Fett';
}

.paragraph--type--bild-mit-text-slider .paragraph--type--kuma-teaser .bild img {
    margin-bottom: 1rem;
}

.imageCaption {
    position: relative;
}

.imageCaption .alttag {
    position: absolute;
    bottom: 0;
    padding: .5rem;
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
}

.paragraph--type--kuma-buehne {
    margin-bottom: -2rem;
}

.video-text-overlay {
    background-color: #fff;
    border: 1px solid #767575;
    border-radius: 0;
    color: #000;
    font-size: 1.2rem;
    margin: 0 auto;
    max-width: 800px;
    padding: 1rem;
    position: relative;
    text-align: center;
    top: 30px;
    width: 80%;
    font-family: 'GT-Pressura Normal';
}

.video-text-overlay>button {
    height: auto;
    text-transform: none;
    font-size: 1rem !important;
}

.video-text-overlay>button:hover {
    color: #fff !important;
}

/*Accordion*/
.ckeditor-accordion-container>dl {
    border: 0;
}

.ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button) {
    background-color: transparent;
    color: #000;
    text-decoration: none;
    border: 0;
    font-size: var(--fs-h3);
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::after {
    background: #000;
}

.ckeditor-accordion-container>dl dt>a:hover,
.ckeditor-accordion-container>dl dt>a:not(.button):hover {
    background-color: transparent;
    color: #000;
}

.ckeditor-accordion-container>dl dd {
    padding: 0 3.125rem;
}




/*Tabellen*/
tr {
    background: transparent;
}




/*Startseite*/
.path-frontpage #block-kuma-barrio-page-title,
.path-frontpage .highlighted {
    display: none;
}


/*Blöcke*/
#block-benutzeranmeldung {
    width: 30rem;
    margin: 0 15%;
    padding: 2rem 0;
    background: #e1e4e5;
    box-shadow: 0 0 0 110vmax #E1E4E5;
    clip-path: inset(0-100vmax);
}

#block-benutzeranmeldung .list-group .list-group-item {
    background: none;
    border: 0;
}


/*Blog*/

.page-node-type-article #bodyBlog {
    padding: 0 15%;
}

.view-blog .userDate {
    margin-bottom: .75rem;
}

.view-blog h2 a {
    text-decoration: none;
}

.view-blog .views-row {
    margin-bottom: 3rem;
    border-bottom: 1px solid #000;
    padding-bottom: 3rem;
}

.view-blog .views-row:last-child {
    border-bottom: 0;
}

#block-views-block-blog-block-2 {
    padding-left: 14rem;
    margin-top: 3rem;
}

#block-views-block-blog-block-2 h3 a {
    text-decoration: none;
}

#block-views-block-blog-block-2 .content {
    padding-top: 2rem;
}

.blogOverview {
    margin-left: 9rem;
}

.blogOverview .views-row .userDate,
.blogPublish {
    color: #757575;
}

.view-blog .paragraph .row {
    padding: 0 !important;
}

h2.blogSubtitle {
    font-size: var(--fs-h3);
    margin: .75rem 0 1.5rem 0;
}

.page-node-type-article h1.title,
.blogPublish {
    padding-left: 15%;
}





/*Ausstellung*/
.kumaAusstellungHeader {
    margin-bottom: 2rem;
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader * {
    color: var(--clr-weiss);
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader .subTitle,
.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader .moreLink {
    margin: 1rem 0;
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader svg {
    height: 43px;
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader .btn.btn-secondary {
    padding: .8rem 1.5rem 1rem 1.125rem;
    border-color: var(--clr-weiss);
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader a.btn.btn-secondary {
    color: var(--clr-weiss) !important;
}

.erd-list--ausstellung-als-grosser-teaser .kumaAusstellungHeader h1 a {
    text-decoration: none;
}

.page-node-type-ausstellung .dunkelblau,
.page-node-type-termin .dunkelblau {
    background-size: 100% 41rem;
}

.page-node-type-ausstellung h1,
.page-node-type-ausstellung .subTitle,
.page-node-type-ausstellung .datum,
.page-node-type-ausstellung .ticketLink a,
.page-node-type-termin h1,
.page-node-type-termin .subTitle,
.page-node-type-termin .datum,
.page-node-type-termin .ticketLink a {
    color: #fff;
}

.page-node-type-ausstellung h1,
.page-node-type-termin h1 {
    margin-bottom: 1rem;
    padding-left: 0;
}

.page-node-type-ausstellung .subTitle,
.page-node-type-termin .subTitle {
    margin-bottom: .25rem;
}

.page-node-type-ausstellung .datum,
.page-node-type-termin .datum {
    margin-bottom: 1.25rem;
}

.page-node-type-ausstellung #bodyAusstellung,
.page-node-type-termin #bodyAusstellung {
    padding-left: 15% !important;
    padding-right: 15% !important;
}

.page-node-type-ausstellung #bodyAusstellung .field--name-field-media-image,
.page-node-type-termin #bodyAusstellung .field--name-field-media-image {
    display: inline-block;
    margin-right: 2rem;
}

.kumaAusstellung .ticketLink .btn.btn-primary {
    border-color: #fff;
    color: #fff !important;
}

.kumaAusstellung .ticketLink .btn.btn-primary:hover {
    border-color: #000;
}

/*
.ticketLink a {
    padding: 3px 15px 19px 8px !important;
}
*/

.ticketLink .ticketicon {
    width: 38px;
    height: 38px;
}

.ausstellungHeaderBild img {
    width: 100%;
}

/*Ausstellungen View*/
.view-ausstellungen .view-content.row {
    display: grid;
    gap: 3rem 3rem;
    grid-template-columns: 1fr 1fr;
}

.blockinhaltAusstellungen .view-content.row {
    display: flex;
    gap: 3rem 1.5rem;
}

.view-ausstellungen .view-content.row .views-row {
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

.view-ausstellungen .views-field-field-headerbild {
    margin-bottom: .75rem !important;
}

.page-node-type-ausstellung #block-views-block-ausstellungen-block-5,
.page-node-type-termin #block-views-block-ausstellungen-block-5 {
    margin-top: 4rem;
}


/*Vergangene Ausstellungen*/
.vergangeneAusstellungen .view-content.row .views-row {
    padding-left: 0;
    padding-right: 0;
    width: 25%;
}

.vergangeneAusstellungen .view-content.row {
    display: flex;
    gap: 3rem 0;
    padding-top: 0;
}

.vergangeneAusstellungen .views-field-field-headerbild,
.vergangeneAusstellungen .views-field-title,
.vergangeneAusstellungen .views-field-field-datum-range {
    margin: 0 10px;
}

.vergangeneAusstellungen .views-field-field-headerbild img {
    width: 100%;
    height: auto;
}

.view-ausstellungen h2,
.view-ausstellungen h3,
.view-ausstellungen h4 {
    margin: .25rem 0 !important;
}

.view-ausstellungen .view-content.row .views-row h2 a,
.view-ausstellungen .view-content.row .views-row h3 a,
.view-ausstellungen .view-content.row .views-row h4 a,
.blockinhaltAusstellungen h3 a {
    text-decoration: none;
}

/*kommende Ausstellungen */
.kommendeAusstellungen .view-content.row {
    padding-top: 0;
}

.kommendeAusstellungen .slide__caption {
    padding-top: 0;
    padding-bottom: 0;
}

.kommendeAusstellungen .view-content.row {
    display: flex;
    gap: 3rem 1.5rem;
    flex-wrap: nowrap;
}

.kommendeAusstellungen .view-content.row .views-row {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    flex-shrink: 1;
}

/*Aktuelle Ausstellungen*/
.view-ausstellungen {
    margin: 3rem .75rem 0 .75rem;
}

.vergangeneAusstellungen {
    margin-left: 0;
    margin-right: 0;
}

/*Programm Kalender*/


.kalenderzeile .js-pager__items.pager,
.programmuebersicht  .js-pager__items.pager {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 3rem;
	display: flex;
  align-items: center;
  justify-content: center;
}

.kalenderzeile .js-pager__items.pager .button,
.programmuebersicht  .js-pager__items.pager .button
{
	background: transparent;
  border-radius: 0;
  color: #000 !important;
  border: 1px solid #000;
  padding: .625rem 1.125rem;
  text-transform: uppercase;
  font-family: 'GT-Pressura Normal';
  font-size: var(--fs-body);
}

.kalenderzeile .views-row .kumaTerminZeile,
.programmuebersicht .views-row.kumaTerminZeile {
    display: grid;
    grid-template-columns: 8.75rem 18rem auto;
    margin-bottom: 2rem;
    border-bottom: 1px solid #000;
    padding-bottom: 2rem;
}

.kalenderzeile .views-row .kumaTerminZeile h2,
.programmuebersicht .views-row.kumaTerminZeile h2{
    text-decoration: none;
    margin: .5rem 0 .75rem 0;
    display: block;
    font-size: 2.5rem;
    line-height: 115%;
    font-weight: bold;
    font-family: 'GT-Pressura Normal';
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminDate .kumaTerminDatum,
.programmuebersicht  .views-row.kumaTerminZeile .kumaTerminDate .kumaTerminDatum{
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminDate .kumaTerminZeit,
.programmuebersicht .views-row.kumaTerminZeile .kumaTerminDate .kumaTerminZeit {
    font-size: 1.125rem;
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminImage,
.programmuebersicht .views-row.kumaTerminZeile .kumaTerminImage {
	margin-left: .75rem;
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminImage img,
.programmuebersicht .views-row.kumaTerminZeile .kumaTerminImage img{
    width: 100%;
    height: auto;
    max-width: 15rem;
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminContent .kumaTerminCategory,
.programmuebersicht .views-row.kumaTerminZeile .kumaTerminContent .kumaTerminCategory {
    text-decoration: none;
    /'	text-transform: uppercase;' / font-size: 1.125rem;
}

.kalenderzeile .views-row .kumaTerminZeile .kumaTerminContent .kumaTerminCategory .field--type-entity-reference,
.programmuebersicht .views-row.kumaTerminZeile .kumaTerminContent .kumaTerminCategory{
    margin: 0;
}

.kalenderzeileHeute .views-row:last-child .kumaTerminZeile,
.programmuebersicht {
    border-bottom: 0;
}

.kalenderzeileHeute .view-empty {
    padding-left: 8.25rem;
    margin-bottom: 2rem;
}

.kumaTerminZeile .kumaTerminText {
    margin-bottom: .5rem;
}

.kumaTerminZeile .kumaTerminText .field--name-body summary {
    margin-bottom: 1rem;
}





/*Sammlung Online*/
/*SMD*/
.body-field-en{
  display:none;
}
html:lang(en) .body-field-en{
  display:blocK;
}
html:lang(en) .body-field-de,
html:lang(en) .nodeTitleDeutsch,
html:lang(de) .nodeTitleEnglish{
  display:none;
}
.page-node-type-exponat .exponatBodyItem.body-field-en .body-field-summary,
.page-node-type-exponat .exponatBodyItem.body-field-de .body-field-summary{
	display: block !important;
}
.page-node-type-person .kumaLogoNoSammlung,
.page-node-type-album .kumaLogoNoSammlung,
.page-node-type-exponat .kumaLogoNoSammlung,
.page-node-413 .kumaLogoNoSammlung,
.page-node-414 .kumaLogoNoSammlung,
.page-node-419 .kumaLogoNoSammlung{
	visibility: hidden;
}
.page-node-type-exponat .navbar-toggler-icon,
.page-node-type-person .navbar-toggler-icon,
.page-node-type-album .navbar-toggler-icon,
.page-node-413 .navbar-toggler-icon,
.page-node-414 .navbar-toggler-icon,
.page-node-419 .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-color: #fff;
    width: 2.25em;
    height: 2.25em;
}

body.page-node-type-exponat,
body.page-node-type-person,
body.page-node-type-album,
body.page-node-413,
body.page-node-414,
body.page-node-419 {
    background: #1e1e1e !important;
}

body.page-node-type-exponat #header,
body.page-node-type-person #header,
body.page-node-type-album #header,
body.page-node-413 #header,
body.page-node-414 #header,
body.page-node-419 #header {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.page-node-type-exponat #block-kuma-barrio-page-title,
.page-node-type-person #block-kuma-barrio-page-title,
.page-node-type-album #block-kuma-barrio-page-title,
.page-node-413 #block-kuma-barrio-page-title,
.page-node-414 #block-kuma-barrio-page-title,
.page-node-419 #block-kuma-barrio-page-title,

.page-node-type-exponat #block-kuma-barrio-content,
.page-node-type-person #block-kuma-barrio-content,
.page-node-type-album #block-kuma-barrio-content,
.page-node-413 #block-kuma-barrio-content,
.page-node-414 #block-kuma-barrio-content,
.page-node-419 #block-kuma-barrio-content,


.page-node-type-exponat #block-kuma-barrio-content *,
.page-node-type-person #block-kuma-barrio-content *,
.page-node-type-album #block-kuma-barrio-content *,
.page-node-413 #block-kuma-barrio-content *,
.page-node-414 #block-kuma-barrio-content *,
.page-node-419 #block-kuma-barrio-content *,


.page-node-type-exponat .site-footer,
.page-node-type-person .site-footer,
.page-node-type-person .site-footer,
.page-node-413 .site-footer,
.page-node-414 .site-footer,
.page-node-419 .site-footer,


.page-node-type-exponat #block-kontakt .content a,
.page-node-type-person #block-kontakt .content a,
.page-node-type-album #block-kontakt .content a,
.page-node-413 #block-kontakt .content a,
.page-node-414 #block-kontakt .content a,
.page-node-419 #block-kontakt .content a,


.page-node-type-exponat .site-footer__top h2,
.page-node-type-person .site-footer__top h2,
.page-node-type-album .site-footer__top h2,
.page-node-413 .site-footer__top h2,
.page-node-414 .site-footer__top h2,
.page-node-419 .site-footer__top h2,


.page-node-type-exponat .site-footer ul.nav a,
.page-node-type-person .site-footer ul.nav a,
.page-node-type-album .site-footer ul.nav a,
.page-node-413 .site-footer ul.nav a,
.page-node-414 .site-footer ul.nav a,
.page-node-419 .site-footer ul.nav a,


.page-node-type-exponat .site-footer p,
.page-node-type-person .site-footer p,
.page-node-type-album .site-footer p,
.page-node-413 .site-footer p,
.page-node-414 .site-footer p,
.page-node-419 .site-footer p,


.page-node-type-exponat #copyright,
.page-node-type-person #copyright,
.page-node-type-album #copyright,
.page-node-413 #copyright,
.page-node-414 #copyright,
.page-node-419 #copyright,


.page-node-type-exponat #navbar-main a,
.page-node-type-person #navbar-main a,
.page-node-type-album #navbar-main a,
.page-node-413 #navbar-main a,
.page-node-414 #navbar-main a,
.page-node-419 #navbar-main a,


.page-node-type-exponat #navbar-top a,
.page-node-type-person #navbar-top a,
.page-node-type-album #navbar-top a,
.page-node-413 #navbar-top a,
.page-node-414 #navbar-top a,
.page-node-419 #navbar-top a,


.page-node-type-exponat nav.tabs a,
.page-node-type-person nav.tabs a,
.page-node-type-album nav.tabs a,
.page-node-413 nav.tabs a,
.page-node-414 nav.tabs a,
.page-node-419 nav.tabs a,


.page-node-type-exponat nav.tabs li.active a:hover,
.page-node-type-person nav.tabs li.active a:hover,
.page-node-type-album nav.tabs li.active a:hover,
.page-node-413 nav.tabs li.active a:hover,
.page-node-414 nav.tabs li.active a:hover .page-node-419 nav.tabs li.active a:hover {
    color: #fff !important;
}

.page-node-type-exponat nav.tabs li.active a,
.page-node-type-person nav.tabs li.active a,
.page-node-type-album nav.tabs li.active a,
.page-node-413 nav.tabs li.active a,
.page-node-414 nav.tabs li.active a,
.page-node-419 nav.tabs li.active a {
    color: #000 !important;
}

.page-node-type-exponat .tabs a.nav-link,
.page-node-type-person .tabs a.nav-link,
.page-node-type-album .tabs a.nav-link,
.page-node-413 .tabs a.nav-link,
.page-node-414 .tabs a.nav-link,

.page-node-type-exponat .nav-tabs,
.page-node-type-person .nav-tabs,
.page-node-type-album .nav-tabs,
.page-node-413 .nav-tabs,
.page-node-414 .nav-tabs,
.page-node-419 .nav-tabs {
    border-color: #fff !important;
}

.page-node-type-exponat .site-footer,
.page-node-type-person .site-footer,
.page-node-type-album .site-footer,
.page-node-413 .site-footer,
.page-node-414 .site-footer,
.page-node-419 .site-footer,


.page-node-type-exponat #block-kontakt .content a,
.page-node-type-person #block-kontakt .content a,
.page-node-type-album #block-kontakt .content a,
.page-node-413 #block-kontakt .content a,
.page-node-414 #block-kontakt .content a,
.page-node-419 #block-kontakt .content a,


.page-node-type-exponat header#header,
.page-node-type-person header#header,
.page-node-type-album header#header,
.page-node-413 header#header,
.page-node-414 header#header,
.page-node-419 header#header {
    background-color: #1e1e1e !important;
}

.page-node-type-exponat .site-footer,
.page-node-type-person .site-footer,
.page-node-type-album .site-footer,
.page-node-413 .site-footer,
.page-node-414 .site-footer,
.page-node-419 .site-footer {
    background-color: #151515 !important;
}

.page-node-type-exponat #navbar-main li:last-child,
.page-node-type-person #navbar-main li:last-child,
.page-node-type-album #navbar-main li:last-child,
.page-node-413 #navbar-main li:last-child,
.page-node-414 #navbar-main li:last-child,
.page-node-419 #navbar-main li:last-child {
    padding-top: 0;
}

.page-node-type-exponat #navbar-main li:last-child a,
.page-node-type-person #navbar-main li:last-child a,
.page-node-type-album #navbar-main li:last-child a,
.page-node-413 #navbar-main li:last-child a,
.page-node-414 #navbar-main li:last-child a,
.page-node-419 #navbar-main li:last-child a {
    background: url(/themes/custom/kuma_barrio/images/lupe-sammlung.png) no-repeat;
}

.page-node-type-exponat #navbar-main li:last-child,
.page-node-type-person #navbar-main li:last-child,
.page-node-type-album #navbar-main li:last-child,
.page-node-413 #navbar-main li:last-child,
.page-node-414 #navbar-main li:last-child,
.page-node-419 #navbar-main li:last-child {
    padding-top: .5rem;
    margin-left: 2rem;
}

.page-node-type-exponat #kumaLogo,
.page-node-type-person #kumaLogo,
.page-node-type-album #kumaLogo,
.page-node-413 #kumaLogo,
.page-node-414 #kumaLogo,
.page-node-419 #kumaLogo {
    filter: invert(100%);
    display: grid;
    grid-template-columns: 17rem 24rem;
}

.page-node-413 #kumaContent {
    background: none;
}

.page-node-419 h1.title,
.page-node-414 h1.title,
.page-node-type-exponat #block-mobilelupedersucheimheadbereich,
.page-node-type-person #block-mobilelupedersucheimheadbereich,
.page-node-type-album #block-mobilelupedersucheimheadbereich,
.page-node-413 #block-mobilelupedersucheimheadbereich,
.page-node-414 #block-mobilelupedersucheimheadbereich,
.page-node-419 #block-mobilelupedersucheimheadbereich,
.page-node-type-exponat #block-kuma-barrio-cheesburgermenuausloser,
.page-node-type-person #block-kuma-barrio-cheesburgermenuausloser,
.page-node-type-album #block-kuma-barrio-cheesburgermenuausloser,
.page-node-413 #block-kuma-barrio-cheesburgermenuausloser,
.page-node-414 #block-kuma-barrio-cheesburgermenuausloser,
.page-node-419 #block-kuma-barrio-cheesburgermenuausloser {
    display: none;
}

.page-node-type-exponat #CollapsingNavbar,
.page-node-type-person #CollapsingNavbar,
.page-node-type-album #CollapsingNavbar,
.page-node-413 #CollapsingNavbar,
.page-node-414 #CollapsingNavbar,
.page-node-419 #CollapsingNavbar {
    display: flex !important;
    flex-basis: auto;
}

.page-node-419 #kumaContent,
.page-node-414 #kumaContent {
    padding-top: 7.5rem !important;
    background-size: 100% 18rem !important;
}
.user-logged-in.page-node-419 #kumaContent,
.user-logged-in.page-node-414 #kumaContent {
    padding-top: 2rem !important;
}

#block-kuma-barrio-sammlungonlineheader p,
#block-kuma-barrio-sammlungonlineheader-2 p {
    font-size: 2.25rem;
    text-transform: uppercase;
    margin: 21px 0 0 0;
    font-weight: bold;
    /*  color: #5c5c5c;*/
}

.page-node-type-exponat #kumaLogo .block_inner,
.page-node-type-person #kumaLogo .block_inner,
.page-node-type-album #kumaLogo .block_inner,
.page-node-413 #kumaLogo .block_inner,
.page-node-414 #kumaLogo .block_inner,
.page-node-419 #kumaLogo .block_inner {
    max-width: 11.25rem;
}

.page-node-414 .paragraph--type--bild-mit-text-slider .slick__arrow {
    filter: invert(100%);
}

#cboxWrapper,
#cboxContent {
    background: transparent;
}

#cboxContent {
    overflow: inherit;
}

#cboxClose {
    top: 5px;
    right: -30px;
    border-radius: 50%;
}

.page-node-419 #header,
.page-node-414 #header {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 7px 29px 0px;
}

.page-node-419 .collapsiblockTitle button,
.page-node-414 .collapsiblockTitle button {
    background: url(../images/expanded-white.png) no-repeat 100%;
}

.page-node-419 .collapsiblockTitleCollapsed button,
.page-node-414 .collapsiblockTitleCollapsed button {
    background: url(../images/collapsed-white.png) no-repeat 100%;
}

body.page-node-413 .view .pagination .page-link,
body.page-node-414 .view .pagination .page-link,
body.page-node-419 .view .pagination .page-link {
  border: 0;
  color: #fff !important;
  border-radius: 0;
  margin: 0 .25rem;
  background-color: transparent;
}
body.page-node-413 .view .pagination,
body.page-node-414 .view .pagination,
body.page-node-419 .view .pagination {
margin-top: 3rem;
}

.search-api-autocomplete-search .ui-menu-item a:hover,
.search-api-autocomplete-search .ui-menu-item div:hover,
.search-api-autocomplete-search .ui-menu-item span:hover{
	background: #d5d5d5 !important;
	background-color: #d5d5d5 !important;
	color:#000 !important;
}
.view-kuenstler-suche .views-row{
	margin-bottom: .5rem;
}
.path-en .nodeTitleDeutsch{
  display: none;
}
.path-de .nodeTitleEnglish{
  display: none;
}
.exponatBodyItem .body-field.type-einstieg .body-field-summary,
.exponatBodyItem .body-field:first-child .body-field-summary,
.exponatBodyItem .body-field-en.type-einstieg .body-field-en-summary,
.exponatBodyItem .body-field-en:first-child .body-field-en-summary{
  display: none;
}

/*Suche Solr*/
.path-website-suche #kumaContent {
    background: url(/themes/custom/kuma_barrio/images/dunkelblau.gif);
    background-repeat: repeat;
    background-size: auto;
    background-size: 100% 28rem !important;
    background-repeat: no-repeat;
}

.path-website-suche h1.title {
    color: #fff;
    margin-top: 2rem;
}

.path-website-suche #block-kuma-barrio-content {
    padding-left: 10%;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.path-website-suche #views-exposed-form-website-suche-page-1 {
    margin-bottom: 1rem;
}

.path-website-suche .js-form-type-search-api-autocomplete {
    margin-right: 2rem;
}

.path-website-suche .ui-autocomplete-input {
    border: 1px solid #000;
    border-radius: 0;
    padding: 10px 10px 10px 17px;
    font-size: 1.5rem;
    width: 41vw;
}

.path-website-suche .form-submit {
    padding: 12px 1.75rem 11px 1.75rem;
    color: #fff !important;
    border: 1px solid #fff;
}

.path-website-suche .form-submit:hover {
    color: #3964af !important;
    background: #fff;
    border: 1px solid #fff;
}

.path-website-suche .view-content {
    margin-top: 8rem;
    width: 58vw;
}

.path-website-suche .view-content h2 a {
    text-decoration: none;
}


/*Login*/
#block-kuma-barrio-benutzeranmeldung h2{
	padding-left: 9.5rem !important;
  padding: 5rem 0 1.5rem 0;
}
#block-kuma-barrio-benutzeranmeldung form{
width:75%;
margin-bottom: 4rem;
}
/*Sammlung Suche*/
.page-node-419 section.section {
    margin: 0 auto;
  /*  display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-auto-rows: minmax(80px, auto);
    grid-template-areas:
        "sammlungTop sammlungTop sammlungTop sammlungTop"
        "sammlungResults sammlungResults sammlungResults facet1"
        "sammlungResults sammlungResults sammlungResults facet2"
        "sammlungResults sammlungResults sammlungResults facet3"
        "sammlungResults sammlungResults sammlungResults facet4"
        "sammlungResults sammlungResults sammlungResults facet5"; */
}
.page-node-419 #sidebar_second,
.page-node-414 #sidebar_second{
	margin-top: 13.5rem;
}
.sidebar .block {
  border-width: 0 !important;
}
#block-kuma-barrio-hervorgehobenesformularsammlung-sucheblock-1 {
    grid-area: sammlungTop;
    width: 80%;
    margin: 0 auto;
}

#block-kuma-barrio-hervorgehobenesformularsammlung-sucheblock-1 .form-item-search-api-fulltext {
    width: 100%;
}

.block-views-blocksammlung-suche-block-1 {
    grid-area: sammlungResults;
}
.facets-widget-checkbox span,
.facets-widget-links span,
.facets-widget-searchbox_links span{
	color:#fff;
}
.facets-widget-checkbox span:hover,
.facets-widget-links span:hover,
.facets-widget-searchbox_links span:hover,
.facets-soft-limit-link:hover{
	color:#bbb !important;
}
.facets-widget-searchbox_links ul li a{
	display: block;
}
.facets-soft-limit-link{
	color: #fff;
	font-size: 14px;
}
.facets-widget-links ul.item-list__links{
	margin-bottom: 5px;
}
.block-facet-blockmaterial-technik {
    grid-area: facet1;
}

.block-facet-blockprofession {
    grid-area: facet2;}

.block-facet-blockgattung {
    grid-area: facet3;
}

.block-facet-blockdatierung {
    grid-area: facet4;
}

.block-facet-blockinhalt-und-themen {
    grid-area: facet5;
}

.block-facets {
    background: rgba(100, 100, 111, 0.07);
    padding: 2rem 1rem 0rem 1rem;
    margin-bottom: 1rem;
    margin-left: 3rem;
}

.block-facets ul {
    list-style: none;
    padding: 0;
    font-size: 1.125rem;
    margin-bottom: 5px;
}

.facets-widget-checkbox .block-facets ul li{
display: grid;
grid-template-columns: 20px auto;
align-items:flex-start;
}

.block-facets label {
    margin: 0 0 0 .75rem;
}
.block-facets input {
    margin: 7px 0 0 0;
}

#view-sammlung-online .view-filters {
    margin-bottom: 7rem;
}

.view-sammlung-online .view-filters form .d-flex.flex-wrap,
#views-exposed-form-sammlung-suche-block-1 .d-flex.flex-wrap,
#views-exposed-form-sammlung-suche-block-2 .d-flex.flex-wrap,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index .d-flex.flex-wrap{
    margin: 0 auto;
    justify-content: space-around;
    margin-top: 2.75rem;
    margin-bottom: 3.5rem;
    flex-wrap: nowrap !important;
    gap: 2rem;
}

.view-sammlung-online .view-filters form .d-flex.flex-wrap .form-type-textfield,
#views-exposed-form-sammlung-suche-block-1 .d-flex.flex-wrap .form-type-textfield,
#views-exposed-form-sammlung-suche-block-2 .d-flex.flex-wrap .form-type-textfield,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index .d-flex.flex-wrap .form-type-textfield{
    width: 75%;
}

.view-sammlung-online .view-filters .js-form-type-textfield label {
    display: none;
}
.sammlungSuche.view.view-sammlung-suche .form-type-search-api-autocomplete,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index  .form-type-search-api-autocomplete{
	width: 100%;
}

.view-sammlung-online .view-filters #edit-title,
#views-exposed-form-sammlung-suche-block-1 #edit-search-api-fulltext,
#views-exposed-form-sammlung-suche-block-1 input[id^="edit-search-api-fulltext--"],
#views-exposed-form-sammlung-suche-block-2 #edit-search-api-fulltext,
#views-exposed-form-sammlung-suche-block-2 input[id^="edit-search-api-fulltext--"],
#block-block-kuenstler-suche-kuenstler-suche-neuer-index #edit-search-api-fulltext,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index input[id^="edit-search-api-fulltext--"] {
    color: #000 !important;
    padding: 9px 28px 8px 28px;
    font-size: 1.5rem;
    border: 0;
    border-radius: 0;
    width: 100%;
}

.js-form-type-textfield input,
.js-form-type-textfield input:focus,
.js-form-type-select select,
#edit-pass {
    color: #000 !important;
    padding: 10px 28px;
    font-size: 1.5rem;
    border: 0;
    border-radius: 0;
    width: 17.5rem;
}

.view-sammlung-online .view-filters .btn.btn-primary,
#views-exposed-form-sammlung-suche-block-1 #edit-submit-sammlung-suche,
#views-exposed-form-sammlung-suche-block-1 button[id^="edit-submit-sammlung-suche--"],
#views-exposed-form-sammlung-suche-block-2 #edit-submit-sammlung-suche,
#views-exposed-form-sammlung-suche-block-2 button[id^="edit-submit-sammlung-suche--"],
#block-block-kuenstler-suche-kuenstler-suche-neuer-index #edit-submit-kuenstler-suche,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index button[id^="edit-submit-kuenstler-suche--"],
#views-exposed-form-sammlung-suche-block-1 [id^="edit-reset--"],
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-reset--"]{
    border-radius: 0;
    color: #000 !important;
    border: 0;
    padding: .625rem 3rem;
    background: #fff;
    text-transform: none;
}
#views-exposed-form-sammlung-suche-block-1 [id^="edit-actions--"],
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-actions--"]{
	display: grid;
	grid-template-columns: 1fr 1fr;
}
#views-exposed-form-sammlung-suche-block-1 [id^="edit-actions--"] [id^="edit-reset--"],
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-actions--"] [id^="edit-reset--"]{
	margin-left: 1rem;
}
.view-sammlung-online .view-filters .btn.btn-primary:hover,
#views-exposed-form-sammlung-suche-block-1 [id^="edit-actions--"] [id^="edit-submit-sammlung-suche--"]:hover,
#views-exposed-form-sammlung-suche-block-1 [id^="edit-actions--"] [id^="edit-reset--"]:hover,
#views-exposed-form-sammlung-suche-block-1 #edit-submit-sammlung-suche:hover,
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index #edit-submit-kuenstler-suche:hover,
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-reset--"]:hover,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index button[id^="edit-submit-kuenstler-suche--"]:hover {
    color: #fff !important;
    background: #000;
}

#views-exposed-form-sammlung-suche-block-1 [id^="edit-reset--"],
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-reset--"],
#views-exposed-form-sammlung-suche-block-1 [id^="edit-reset--"]:hover,
#views-exposed-form-kuenstler-suche-kuenstler-suche-neuer-index [id^="edit-reset--"]:hover{
	background: transparent !important;
	padding-left: 0; 
	font-size: 1.25rem;
}

#block-kuma-barrio-views-block-sammlung-suche-block-1 .views-row * {
    font-size: 1rem !important;
    line-height: 115%;
}
.page-node-type-exponat .contextual-links a,
.page-node-type-person .contextual-links a,
.page-node-type-album .contextual-links a,
.page-node-413 .contextual-links a,
.page-node-414 .contextual-links a,
.page-node-419 .contextual-links a{
	color:#000 !important;
}
.sammlungSuche.view-sammlung-suche,
.kuenstlersuche.view-kuenstler-suche {
	display: grid;
}
.sammlungSuche.view-sammlung-suche .view-header,
.kuenstlersuche.view-kuenstler-suche .view-header{
	order:2;
	margin-bottom: 2rem;
	font-size:17px;
}
.sammlungSuche.view-sammlung-suche .view-filters,
.kuenstlersuche.view-kuenstler-suche .view-filters{
	order:1;	
}
.sammlungSuche.view-sammlung-suche .view-content,
.kuenstlersuche.view-kuenstler-suche .view-content,
.sammlungSuche.view-sammlung-suche .view-empty,
.kuenstlersuche.view-kuenstler-suche .view-empty{
	order:3;
}
.sammlungSuche.view-sammlung-suche nav,
.kuenstlersuche.view-kuenstler-suche nav{
	order:4;
} 
.block-facets h2 {
text-shadow:none;
font-family: 'GT-Pressura Normal';	
margin-bottom: 6px;
color: #fff;
margin-bottom: 1rem;
}
.facet-item .is-active{
display: block;
  padding: .5rem;
  background: #353535;
}
.facet-item a:hover{
color: inherit;
}
#collapse-kuma_barrio_geburtsjahr-content .facets-widget-searchbox{
width: 100px;	
border-radius: 0;
border:0;
padding: 5px 10px;
}
#collapse-kuma_barrio_geburtsjahr-content .facets-widget-searchbox::placeholder {
  color: #6c757d;
  opacity: 1;
}
.facets-widget-searchbox-no-result{
	color:#fff;
}
.kuenstlersuche .pagination li span{
	font-weight: 700;
	font-size: 24px;
}



/*Exponat*/

.kumaExponat {
    /*  width: 75%;*/
    margin-bottom: 4.5rem;
}

.kumaExponat.kumaExponatNode .exponatImage .field--name-field-bild,
.page-node-type-exponat #block-kuma-barrio-content .field--name-field-copyright {
    width: 74%;
    margin: 0 auto !important;
}

.kumaExponat .exponatImage .field--name-field-bild {
    width: 85%;
    margin: 0 auto !important;
}

.kumaExponat .exponatImage .field--name-field-bild img {
    width: 100%;
    height: auto;
    margin-bottom: .25rem;
    transition: transform 1s, filter .25s ease-out;
}
.kumaExponat .exponatImage{
text-align: center;
}


/*.kumaExponat .exponatImage .field--name-field-bild img:hover {
transform: scale(1.5);
transition: transform .25s ease;
}*/

.kumaExponat .exponatImage {
    padding: 0 !important;
}

.kumaExponat h1 {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.kumaExponat h2 {
    font-size: 2rem;
    margin-top: 1.5rem;
}


.kumaExponat #exponatHeader {
    text-align: center;
    margin: 4rem 0;
}

.kumaExponat .exponatBody.exponatBodyGrid {
    display: grid;
    grid-template-columns: 50% 50%;
    margin-bottom: 2rem;
}

.exponatBody.exponatBodyBottom {
    margin-bottom: 4rem;
}

.kumaExponat .field--type-entity-reference {
    margin: 0 !important;
}

.exponatBody.exponatBodyGrid,
.exponatBody.exponatBodyBottom {
    border-left: 6px solid #1e1e1e !important;
    border-top: 6px solid #1e1e1e !important;
}

.exponatBody.exponatBodyGrid .exponatBodyItem,
.exponatBody.exponatBodyBottom .exponatBodyItem {
    border-right: 6px solid #1e1e1e !important;
    border-bottom: 6px solid #1e1e1e !important;
    padding: 1.5rem;
    background: #181818;
    line-height: 2.125rem;
}
.kumaExponat .field--name-field-classification .field__item,
.kumaExponat .field--name-field-exponat-tags .field__item,
.kumaExponat .field--name-field-mat-technique .field__item,
.webapp .exponatBodyItem.exponatTags .field__item{
	display: inline-block;
	margin-right: .375rem;
}
.kumaExponat .field--name-field-classification .field__item:after,
.kumaExponat .field--name-field-exponat-tags .field__item:after,
.kumaExponat .field--name-field-mat-technique .field__item:after,
.webapp .exponatBodyItem.exponatTags .field__item:after{
content:',';
}
.exponatBodyItem .field--name-field-inscription .field__items{
	display: block !important;
}

.kumaExponat .field__label {
    margin-bottom: 0;
}

.kumaExponat .field__label:after,
.kumaExponat .raum_anzeige_beschreibung span:after {
    content: ':';
}

.kumaExponat .field__items,
.page-node-type-person .profession .field--type-entity-reference,
.webapp .exponatBodyItem.exponatTags .field__items{
    display: flex !important;
    flex-wrap: wrap !important;
}
.page-node-type-exponat.webapp .field--name-field-multimedia .field__items .field__item .field--name-field-media-audio-file{
	margin: 1rem 0;
}
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item {
  margin-bottom: .5rem;
}
.page-node-type-exponat .field--name-field-multimedia .field--name-field-title {
text-transform: uppercase;
}
.page-node-type-person .profession .field--type-entity-reference {
    justify-content: center;
}
.page-node-type-person .profession .field--type-entity-reference .field__item:after{
content:',';
margin-right: .5rem;
}
.kumaExponat .exponatImage .field__items,
#kuenstlerName .field__items,
.kumaExponat .exponatImage .field__items {
    display: block !important;
}

.kumaExponat .field--type-entity-reference .field__items .field__item,
.page-node-type-person .field--type-entity-reference .field__item {}

/*.kumaExponat .field__items .field__item:before,
.page-node-type-person .field--type-entity-reference .field__item:before {
    content: ', ';
}
*/

.kumaExponat .field__items .field__item:first-child:before,
.page-node-type-person .field--type-entity-reference .field__item:first-child:before,
.page-node-type-person .field--name-field-gender .field__item:before,
.kumaExponat .field--name-field-multimedia .field__item:before,
.kumaExponat .field--name-field-bild .field__item:before {
    content: none;
}

.kumaExponat .field__items .field__item:last-child:after,
.webapp .exponatBodyItem.exponatTags .field__item:last-child:after {
    content: none;
}

.page-node-type-exponat #block-kuma-barrio-content .kumaExponat .nodeTitleDeutsch .field,
.page-node-type-exponat #block-kuma-barrio-content .kumaExponat .nodeTitleEnglish .field {
    color: #a4a4a4 !important;
    margin-bottom: 1rem;
}

.kumaExponat .field--name-field-multimedia * {
    width: 100%;
}

.kumaExponat .field--name-field-multimedia .field__item {
    margin-bottom: .5rem;
}
.page-node-type-exponat .field--name-field-multimedia  .field__item{
	border-bottom:1px solid #656565;
	padding-bottom:.5rem;
}
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item:last-child{
	border-bottom:0;
}
.page-node-type-exponat .field--name-field-multimedia .field__item .field__item{
	border-bottom:0;
	padding-bottom:0;
}

.page-node-type-exponat .field--name-field-multimedia .field__items .field__item p:last-child{
margin-bottom:0;
}
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item .field--name-field-beschreibung,
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item details,
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item details summary{
font-size:1rem;
}
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item .field--name-field-beschreibung,
.page-node-type-exponat .field--name-field-multimedia .field__items .field__item .field--name-field-transkription p{
line-height: 140%;
}
.page-node-type-exponat #block-kuma-barrio-content .field--name-field-copyright {
    color: #aaa !important;
    font-size: 1rem;
}

#colorbox *{
color:#000;
}
#colorbox #cboxTitle a{
	text-decoration: none;
}
#colorbox #cboxTitle a:hover{
color:inherit;
}


/*Exponat Teaser (als Paragraph referenzierbar)*/
.kumaExponatTeaser .exponatBodyItem {
    margin-bottom: 1rem;
}

.kumaExponat.kumaExponatTeaser .field__label {
    margin-bottom: 0;
}

.kumaExponat.kumaExponatTeaser h2 {
    margin-top: 0;
}



/*Exponat im Album (als Paragraph u.a. in Alben referenzierbar)*/
.kumaExponat .exponatImageAlbumCaption {
    display: flex;
}

.kumaExponat .exponatImageAlbumCaption>div,
.kumaExponat .exponatImageAlbumCaption>span {
    margin-right: 1rem !important;
    display: block;
}

.kumaExponat.kumaExponatAlbum {
    margin-bottom: 0;
}

.kumaExponat.kumaExponatAlbum .exponatImage .field--name-field-bild {
    width: 100% !important;
}

.exponatImageAlbumCaption {
    font-size: 1rem;
}

/*Related Artwork auf Personenseiten und Sammlung Online Grid*/
.relatedArtworkFromArtist,
.block-views-blocksammlung-suche-block-1,
.block-views-blocksammlung-suche-block-2,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index {
    margin-bottom: 4rem;
}

.relatedArtworkFromArtist *,
.block-views-blocksammlung-suche-block-1 *,
.block-views-blocksammlung-suche-block-2 *,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index *,
#block-block-kuenstler-suche-kuenstler-suche-neuer-index *	{
    color: #fff !important;
}

.relatedArtworkFromArtist .view-content,
.block-views-blocksammlung-suche-block-1 .view-content,
.block-views-blocksammlung-suche-block-2 .view-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 3rem 1.5rem;
}

.page-node-414 .relatedArtworkFromArtist .view-content {
    display: block !important;
}

.relatedArtworkFromArtist .view-content a,
.block-views-blocksammlung-suche-block-1 .view-content a,
.block-views-blocksammlung-suche-block-2 .view-content a {
    text-decoration: none;
}

.relatedArtworkFromArtist .view-content img,
.block-views-blocksammlung-suche-block-1 .view-content img {
    margin-bottom: .5rem;
    width: 100%;
    height: auto;
}

.relatedArtworkFromArtist .view-content img:hover,
.block-views-blocksammlung-suche-block-1 img:hover {
    transform: scale(1.03);
    transition: transform .25s ease;
}

.relatedArtworkFromArtist .alttag,
.kumaExponat .alttag {
    display: none;
}


/*Geburts- und Todesdatum Künstler auf Exponat Nodes*/
#kuenstlerName .views-element-container,
#kuenstlerName .views-element-container * {
    display: inline !important;
}

#kuenstlerName h2 a,
.kumaExponat .nodeTitle a {
    text-decoration: none;
}


/*Alle Artists*/

.allArtists {
    margin-bottom: 5rem;
}

.allArtists h3,
.allArtists a {
    color: #fff !important;
}

.allArtists h3 {
    margin: 2rem 0 1rem 0;
}

.allArtists h3:first-child {
    margin: 0 0 1rem 0;
}

.node--type-album .field--name-field-kuma-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0 2rem;
}
.node--type-album .field--name-field-kuma-container img{
width: 100%;
height: auto;
}

.page-node-type-album .node__content .field--name-body {
    padding-left: 10% !important;
    padding-right: 10% !important;
    margin: 3rem 0;
}
#block-kuma-barrio-main-menu .dropdown-menu {
    -webkit-box-shadow: -1px 16px 46px -18px rgba(0, 0, 0, 0.38);
    -moz-box-shadow: -1px 16px 46px -18px rgba(0, 0, 0, 0.38);
    box-shadow: -1px 16px 46px -18px rgba(0, 0, 0, 0.38);
}


/*Ebenenübersicht*/
.page-node-type-ebenenuebersicht * {
    padding: 0;
    margin: 0;
}

.page-node-type-ebenenuebersicht .highlighted,
.page-node-type-ebenenuebersicht #header,
.page-node-type-ebenenuebersicht footer {
    display: none;
}

.page-node-type-ebenenuebersicht #kumaContent {
    padding-top: 0;
}

.page-node-type-ebenenuebersicht .container,
.page-node-type-ebenenuebersicht .container-lg,
.page-node-type-ebenenuebersicht .container-md,
.page-node-type-ebenenuebersicht .container-sm,
.page-node-type-ebenenuebersicht .container-xl,
.page-node-type-ebenenuebersicht .container-xxl {
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.page-node-type-ebenenuebersicht .node__content {
    margin-top: 0;
}





/*CK Editor Images*/
.media--ratio.is-b-loaded {
    padding: 0;
    transition: none;
}

.media--ratio.is-b-loaded img {
    height: auto;
}





/*Einzelne Nodes*/

/*Programmanischt für Eingang*/
.page-node-13684 #kumaNavi,
.page-node-13684 #block-kuma-barrio-breadcrumbs,
.page-node-13684 .view-filters,
.page-node-13684 .pager,
.page-node-13684 .featured-bottom,
.page-node-13684 .site-footer,
.page-node-13684 .kumaTerminLink,
.page-node-13684 .kumaTerminText{
	display:none !important;
}
.page-node-13684 .dunkelblauschmal {
  background: none;
}
.page-node-13684 #kumaContent {
  padding-top: 8rem;
}
.page-node-13684 #kumaTop {
  padding-top: 3rem !important;
}
.page-node-13684 h1.title{
	margin-bottom: 3rem;
	padding-left: 0;
}
.page-node-13684 .kumaTerminZeile:last-row{
	border-bottom: 0;
}

.page-node-422 #block-kuma-barrio-content {
    display: none;
}

.page-node-422 .view-filters {
    margin: 5.313rem 0 7rem 0;
}

.page-node-422 .view-filters .flex-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    margin: 0 auto;
}

.page-node-422 .view-filters label {
    color: #fff;
}

.page-node-422 .view-filters * {
    border-radius: 0;
    border: 0;
}

.page-node-422 .view-filters .js-form-item {
    margin-right: 2rem;
}

.page-node-422 .view-filters button {
    text-transform: uppercase;
    border-radius: 0;
    color: #000 !important;
    border: 2px solid #000;
    padding: .625rem 2rem !important;
    border-color: #fff;
    color: #fff !important;
}

.page-node-422 .form-actions button:hover {
    color: #164C77 !important;
    border: 2px solid #164C77;
    border-color: #fff;
    color: inherit;
    background: #fff;
}

.page-node-422 .view-filters .form-actions {
    display: flex;
    flex-wrap: nowrap;
}

.page-node-422 .view-filters .form-actions button:first-child {
    margin-right: 1.75rem
}
.page-node-422 .form-type-date input{
	padding: 16px 10px;
}
.view .pagination {
    justify-content: center;
}

.view .pagination .page-link {
    border: 1px solid #000;
    color: #000;
    border-radius: 0;
    margin: 0 .25rem;
}

.view .pagination span.page-link,
.view .pagination span.page-link:hover {
    border: 0;
    background: transparent;
}

.view .pagination .page-link:hover {
    background: transparent;
}



/*Außenbereich Stelen*/
.page-view--slideshow-aussenbereich-inhalt- .media--blazy,
.page-view--slideshow-aussenbereich-inhalt- .paragraph--type--bild-mit-text-slider .slick__slide {
    padding: 0;
}

.page-view--slideshow-aussenbereich-inhalt- .field--type-image img,
.page-view--slideshow-aussenbereich-inhalt- .field--name-field-user-picture img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-view--slideshow-aussenbereich-inhalt- #backtotop,
.page-view--slideshow-aussenbereich-inhalt- #block-kuma-barrio-page-title {
    display: none;
}

.page-view--slideshow-aussenbereich-inhalt- {
    overflow: hidden;
}





/*1920er.art CSS*/
body.page-node-39{
	background: #000 !important;
	color:#fff !important;
}



.page-node-39 .breadcrumb-item + .breadcrumb-item::before,
.page-node-39 .breadcrumb-item.active,
.page-node-39 .breadcrumb a,
.page-node-39 .breadcrumb li,
.page-node-39 .ckeditor-accordion-container > dl dt > a, 
.page-node-39 .ckeditor-accordion-container > dl dt > a:not(.button),
.page-node-39 .btn.btn-secondary, 
.page-node-39 .video-text-overlay > button,
.page-node-39 a, 
.page-node-39 .link {
  color: #fff !important;
}
.page-node-39 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, 
.page-node-39 .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after{
	background: #fff !important;
	background-color: #fff !important;
}
.page-node-39 .site-footer, 
.page-node-39 #block-kontakt .content a,
.page-node-39 .featured-bottom{
	background: #000 !important;
	background-color: #000 !important;	
}
.page-node-39 .btn.btn-secondary, 
.page-node-39 .video-text-overlay > button{
	border-color: #fff !important;
}

.page-node-39 .dunkelblauschmal {
background: none;
}
.page-node-39 #header,
.page-node-39 #header a {
	background: #000 !important;
	color:#fff !important;
}
.page-node-39 #kumaLogo svg{
	filter: invert(1);
}
.page-node-39 .btn.btn-primary {
  color: #fff !important;
  border: 1px solid #fff;
}
.page-node-39 .slick-prev::before,
.page-node-39 .slick-next::before {
  border-top: 3px solid #fff !important;
  border-left: 3px solid #fff !important;
}
.page-node-39 .paragraph--type--zitat blockquote {
  color: #919191;
  }
.kumaExponatNode .exponatBodyItem .body-field{
  margin-bottom: 1rem;
}
#block-kuma-barrio-kumalogosammlungonline,
#block-kuma-barrio-kumalogosammlungonlinenodes{
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  background: #e1e1e1 !important;
}





/*Subcollection CSS*/
.subcollection .relatedArtworkFromArtist{
	display: none;
}
.subcollection .relatedArtworkFromArtist.relatedArtworkFromArtistSubcollection{
	display: block;
}

.subcollection .exponatBodyItem .body-field.type-einstieg .body-field-summary,
.subcollection .exponatBodyItem .body-field:first-child .body-field-summary,
.subcollection .exponatBodyItem .body-field-en.type-einstieg .body-field-en-summary,
.subcollection .exponatBodyItem .body-field-en:first-child .body-field-en-summary{
  display: block;
}
.subcollection .exponatBody.exponatBodyBottom {
  border-top: 0 !important;
}




/*Audiotoure Integration auf Website*/
body:not(.webapp) .field--name-field-db-abfrage .webAppAudiotourenView .view-content {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

body:not(.webapp) .field--name-field-db-abfrage .webAppAudiotourenView .view-content img{
aspect-ratio:1.75 /1;
}




/*Nodetyp Slider*/
.page-node-type-slider #block-kuma-barrio-page-title{
	display:none;
}
.page-node-type-slider.user-logged-in #block-kuma-barrio-page-title{
	display:block;
}
.page-node-type-slider *{
margin: 0;
background: #000 !important;
}
.page-node-type-slider .slick__arrow{
	background: transparent !important;
}
.page-node-type-slider img{
  width: 100vw; /* Die Breite des Bildschirms */
  height: 100vh; /* Die Höhe des Bildschirms */
  object-fit: contain; /* Verhindert das Zuschneiden der Bilder */
  display: block; /* Entfernt mögliche Inline-Element-Abstände */
  margin: 0 auto; /* Zentriert die Bilder horizontal */
  background-color: #000; /* Optional: Hintergrundfarbe bei Weißraum */
}

.page-node-type-slider .slick__slider{
	position: relative;
}
.page-node-type-slider .slick-prev,
.page-node-type-slider .slick-next {
  position: absolute;
  top: 50%; /* Positioniere die Pfeile in der vertikalen Mitte */
  transform: translateY(-50%); /* Justiere die Pfeile genau in die Mitte */
  z-index: 1000; /* Stelle sicher, dass die Pfeile über den Bildern liegen */
}

.page-node-type-slider .slick-prev {
  left: 10px; /* Abstand vom linken Rand */
  background: transparent !important;
}

.page-node-type-slider .slick-next {
  right: 10px; /* Abstand vom rechten Rand */
  background: transparent !important;
}
.page-node-type-slider .slick__slider{
	position: relative;
}
.page-node-type-slider .slick__arrow {
  top: 50%;
}
.page-node-type-slider .slick-prev::before {
  margin-left: 20px;
}













@media (max-width: 480px) {
.page-node-type-web_app_audiotour .webAppStation{
	display: block;
}
.page-node-type-web_app_audiotour .webAppStation .webAppBox{
	padding-left: 0;
}
}















/*WebApp Audio Player ALT

.webAppStation .field--name-field-media-audio-file {
padding:0;
background: transparent;
}
.able{
z-index: auto;
box-shadow: none;
}
.able-player,
.able,
.able-controller {
font-family: inherit;
border:0;
background-color: #323232;
}
.able-tooltip,
.able-status,
.able-button-handler-preferences,
.able-button-handler-restart,
.able-speed,
.able-button-handler-slower,
.able-button-handler-faster{
display: none !important;
}
.able-status-bar {
height: 3em;
order:1;
width: 100%;
padding: .5em .5em .25em 0;
}
.able-player{
border: 1px solid #949494;
padding: 10px 20px;
display: grid;
}
.able-seekbar-wrapper{
width: 100% !important;
}
.able-seekbar-head {
top: -10px;
}
.able-controller{
display: grid;
order: 2;
}
.able-left-controls{
order: 2;
padding: 0;
display: grid;
grid-template-columns: 33% 34% 33%;
justify-content: start;
}
.able-right-controls{
order: 1;
float: none !important;
}
.able-left-controls svg{
transform: scale(2.0);
-ms-transform: scale(2.0);
-webkit-transform: scale(2.0);
}
.able-button-handler-play{
order:2;
text-align: center;
padding-right: 1px !important;
}
.able-button-handler-rewind{
	order:1;
	text-align: right;
}
.able-button-handler-rewind:after{
content:"-10 Sek.";
display: block;
font-size: 10px;
margin-right: -7px;

}
.able-button-handler-forward{
	order:3;
	text-align: left;
}
.able-status-bar .able-timer {
  margin-left: 5px;
  }
.able-button-handler-forward:after{
content:"+10 Sek.";
display: block;
font-size: 10px;
margin-left: -5px;
}
.able-white-controls .able-seekbar{
border:1px solid #fff;
  z-index: 69;
}
.able-seekbar-loaded{
border: 1px solid #fff;
margin-top: -1px;
margin-left: -1px;
}
.able-controller div[role="button"]{
padding: 19px 9px 2px 3px;
}
.able-controller div[role="button"]:focus {
outline-color: transparent !important;
}
.prefDescVolume{
display: block !important;
border: 1px solid red;
}
.able-button-handler-volume{
display: block;
position: absolute;
z-index: 1000000000;
}
.webapp .field--name-field-media-audio-file{
	background: #323232;
}
.page-node-type-web_app_seite.webapp .field--name-field-media-audio-file{
	padding: 0;
}
.page-node-type-web_app_seite.webapp .able-seekbar-head {
  top: -7px;
}
.able-button-handler-rewind::after,
.able-button-handler-forward::after {
  margin-top: 10px;
}
*/
/*WebApp Audio Player*/
.field--name-field-media-audio-file {
padding: 0;
}
.field--name-field-audiotour *{
background: #323232;
}
.able-audio {
padding-top: 0;
}
.able {
box-shadow: none;
}
.able-button-handler-slower,
.able-button-handler-faster,
.able-button-handler-preferences,
.able-button-handler-restart,
.able-status,
#ableMediaId_0-tooltip,
.able-speed,
.able-tooltip,
.able-right-controls div[role="button"] {
display: none !important;
}
.able-player {
border: 1px solid #949494;
padding: 10px 7px;
}
.able-right-controls,
.able-left-controls{
/*float: none !important;*/
}
.able-left-controls{
text-align: center;
margin-left: -7px;
margin-top: 11px;
}
.able-right-controls{
margin-top: 1rem;
}
.able-tooltip{
color:#fff;
}
.able-seekbar-head{
top:-10px;
background: #fff;
}
.able-status-bar span.able-timer{
float: none;
}
.able-seekbar-loaded{
top:-1px;
background: transparent;
}
.able-seekbar-played{
top:-1px;
background: #fff;
}
.able-modal-dialog button svg, 
.able-modal-dialog div[role="button"] svg, 
.able-wrapper button svg, 
.able-wrapper div[role="button"] svg{
display: inline-block;
width: 3em;
height: 2em;
}
.able-controller div[role="button"]{
font-size: 16px;
}
.able-controller {
border-bottom: 0;
}
.able-player.able-audio{
display:flex;
flex-direction: column;
margin-bottom: 1rem;
background: #323232;
}
.able-status-bar {
height: auto;
order:1;
}
.able-controller.able-white-controls{
order:2;
}
.able-controller {
  background-color: transparent;
  }



/*Paragraph Audio*/
.paragraph--type--kuma-audio {
  margin-bottom: .75rem;
  background: #323232;
  color:#fff;
  padding: 1.25rem 1.25rem .5rem 1.25rem;
}

 .field .field__item .paragraph--type--kuma-audio .field--name-field-ueberschrift{
font-weight: bold;
  font-size: var(--fs-h3) !important;
  text-transform: uppercase;
  margin-bottom: 1rem;
}




/*Öffnungszeiten statisches HTML - TableLike*/

.tableLikeRow{
border-bottom: 1px solid #000;
display: grid;
grid-template-columns: 65% 35%;
padding: .625rem;
width: 60%;
}
.tableLikeRow div:first-child{
padding-right:3rem;
}



.paragraph--type--kuma-linkliste .field.field--name-field-link{
/*	display: grid;
grid-template-columns: 1fr 1fr;
gap:0 2rem;
*/
margin-bottom: 3rem;
margin-top: -1rem;
padding-left: 0;
}
.paragraph--type--kuma-linkliste .field.field--name-field-link .field__item{
border-bottom:1px solid #20426C;
padding: .75rem;
list-style-type:none;
}

.paragraph--type--kuma-linkliste .field.field--name-field-link .field__item a{
text-decoration: none;
background: url(/themes/custom/kuma_barrio/images/pfeil_link.png) no-repeat;
padding-left: 36px;
display: block;
background-size: 24px;
background-position: 0 2px;
}









/*Exponat Teaser (als Paragraph referenzierbar)*/
.kumaExponatTeaser .exponatBodyItem {
margin-bottom: 1rem;
  background: #181818;
  padding: .5rem .75rem;
}

.kumaExponat.kumaExponatTeaser .field__label {
    margin-bottom: 0;
}

.kumaExponat.kumaExponatTeaser h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.kumaExponat.kumaExponatTeaser .field__label,
.kumaExponat.kumaExponatTeaser .raum_anzeige_beschreibung span {
font-weight: bold;
}
.kumaExponatTeaser .nodeTitle h2 a {
text-decoration: none;
}
.kumaExponatTeaser .nodeTitle {
padding: 0 !important; 
  margin-bottom: .5rem;
}
.kumaExponat.kumaExponatTeaser .raum_anzeige_beschreibung p{
margin-bottom: 0;
}
.kumaExponatTeaserQuer .exponatContent{
	padding-left: 0;
	padding-right: 0;
}
.kumaExponatTeaserQuer .exponatImage .field--name-field-bild {
  margin-right: 0 !important;
  	margin-bottom: 1rem !important;
}
.kumaExponatTeaserQuer #exponatBody{
display: grid;
grid-template-columns: 1fr 1fr;
gap:0 1rem;
}
.dunkelgrau .containerHeadline *,
.kumaExponatTeaser *,
.linkToSammlungExponat .btn.btn-primary{
	color:#fff !important;
}

.kumaExponatTeaser .linkToSammlungExponat .btn.btn-primary{
	border:1px solid #fff;
}
.linkToSammlungExponat .btn.btn-primary:hover{
	color:#000 !important;
	border:1px solid #fff;
	background: #fff;
}
.kumaExponatTeaserhochkant .exponatImage img,
.kumaExponatTeaserQuer .exponatImage img{
	width: 100%;
	height: auto;
}


/*Container Headline Bündig*/
.buendigJa{
margin-left:-8.75rem;
}





/*Neuer Header mit Öffnungszeiten*/
/*Header Umbau mit Öffnungszeiten*/
#block-kuma-barrio-kumaoffnungszeiten span{
	font-size:1rem;
}
#block-kuma-barrio-kumaoffnungszeiten a{
text-decoration: none;
}
#block-kuma-barrio-kumaoffnungszeiten{
	width: auto;
  margin-top: 2px;
padding-left: 2rem;
}

#block-topnavigation li:nth-child(6),
#block-topnavigation li:nth-child(7){
	margin-right:-1.75rem;
}
#block-topnavigation li:nth-child(6) a:after,
#block-topnavigation li:nth-child(7) a:after{
	content:' /';
}
#block-topnavigation li:nth-child(8){
margin-right: 1.25rem !important;
  text-indent: -3333333px;
  background: url(/themes/custom/kuma_barrio/images/einfachesprache.png) no-repeat 0px 11px;
  background-size: 17px 16px;
  margin-left: 2rem;
}
#block-sprachumschalter span.is-active{
  display: block;
}
#block-sprachumschalter span:not(.is-active) a{
  color:#bbb;
}
#block-sprachumschalter{
  padding-top:7px;
}
#block-sprachumschalter a{
  font-size:var(--fs-mainmenu);
}
@media (max-width: 991px) {
#block-kuma-barrio-kumaoffnungszeiten{
	margin-top: -5px;
  margin-right: 2rem;
  position: initial;
}
}
@media (max-width: 767px) {
#block-kuma-barrio-kumaoffnungszeiten > .content{
	display: none;
}
/*#block-kuma-barrio-kumaoffnungszeiten{
position: absolute;
    width: auto;
    margin: 0 !important;
    right: -3rem;
    top: -2rem;
}
 .region-top-header-form {
    position: absolute;
    top: 0;
    right: 4rem;
    width: 100%;
  }*/
}



#block-kuma-barrio-kumaoffnungszeiten .office-hours__item-slots{
	display:none;
}





@media (max-width: 767px) {

#block-kuma-barrio-kumaoffnungszeiten > .content{
display: block;
  position: absolute;
  top: 59px;
  left: 41px;
	
}
#block-kuma-barrio-kumaoffnungszeiten {
    position: relative;
    margin-top: -16px;
    margin-right: 40px;
  }
.region-top-header-form {
right: auto;
  left: 0;
  top:0;
  width: 100%;
  display: block;
  }

 }