/*
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.28rem);

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

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

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

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

/* 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: #080605 !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/contrib/bootstrap_barrio/subtheme/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/contrib/bootstrap_barrio/subtheme/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 {
/*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: 10.5rem;
}
.user-logged-in #kumaContent {
padding-top: 0;
}
#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;
margin-top: 2rem;
margin-bottom: 1rem;
}

#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;
}
nav.tabs{
filter: invert(100%);
}
#toolbar-item-administration-tray a,
.node__content .leaflet-container span{
color:#000 !important;
}
/* .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-ebenenuebersicht #kumaContent {
padding-top: 2rem;
}

/*Header*/

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

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


#kumaTop {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
padding: 2rem 0;
}

#block-mobilelupedersucheimheadbereich {
display: none;
}

#kumaLogo {
width: 7rem;
}
#kumaLogo img{
width: 100%;
height: auto;
}

#kumaLogoWebApp {
display: none;
}

#kumaNavi {
display: flex;
flex-direction: column;
width: 100%;
}
#CollapsingNavbar{
justify-content: space-between !important;
/*padding-right:18px;*/
}
#navbar-main li.active a {
text-decoration: none !important;
}

#kumaNaviMainMenu {
order: 2;
margin-top: 2rem;
margin-right: 1rem;
}

#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;
}









/*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,
#block-neue-sachlichkeit-1920-1920erfooter,
#block-neue-sachlichkeit-1920-1920erfooter p {
font-size: .875rem;
line-height: 150%;
}

.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%;
}





/*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;
}
.dreiSpalter{
padding-left: 0;
padding-right: 0;
}
.vierSpalter > .vierSpalterSingle{
flex:1 1 1 33%;
}


.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 {
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 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 .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 {
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 {
color: #fff;
}

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

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

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

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

.page-node-type-ausstellung #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 {
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: 12rem 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;
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;
padding-right: 2rem;
}


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

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








/*Sammlung Online*/
.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,
.page-node-414 #kumaContent {
background: none;
}

.page-node-419 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 {
padding-top: 7.5rem !important;
background-size: 100% 18rem !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 {
box-shadow: rgba(0, 0, 0, 0.4) 0px 7px 29px 0px;
}

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

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








/*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";
}

#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;
}

.block-facet-blockmaterial-technik {
grid-area: facet1;
color: #fff;
}

.block-facet-blockprofession {
grid-area: facet2;
color: #fff;

}

.block-facet-blockgattung {
grid-area: facet3;
color: #fff;

}

.block-facet-blockdatierung {
grid-area: facet4;
color: #fff;

}

.block-facet-blockinhalt-und-themen {
grid-area: facet5;
color: #fff;

}

.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: 2rem;
}

.block-facets h2 {
font-size: 1.5rem;
margin-bottom: 6px;
color: #fff;
}

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

#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 {
margin: 0 auto;
justify-content: space-around;
margin-top: 3.5rem;
margin-bottom: 4rem;
flex-wrap: nowrap !important;
gap: 1rem;
}

.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 {
width: 75%;
}

.view-sammlung-online .view-filters .js-form-type-textfield label {
display: none;
}

.view-sammlung-online .view-filters #edit-title,
#views-exposed-form-sammlung-suche-block-1 #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 14px;
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 {
border-radius: 0;
color: #000 !important;
border: 0;
padding: .75rem 3rem;
background: #fff;
text-transform: none;
}

.view-sammlung-online .view-filters .btn.btn-primary:hover,
#views-exposed-form-sammlung-suche-block-1 #edit-submit-sammlung-suche:hover {
color: #fff !important;
background: #000;
}

#block-kuma-barrio-views-block-sammlung-suche-block-1 .views-row * {
font-size: 1rem !important;
line-height: 115%;
}



/*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 .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,
.webapp .exponatBodyGrid  {
display: grid;
grid-template-columns: 50% 50%;
margin-bottom: 4rem;
}

.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__label {
text-transform: uppercase;
margin-bottom: .5rem;
}

.kumaExponat .field__label:after {
content: ':';
}

.kumaExponat .field__items,
.page-node-type-person .profession .field--type-entity-reference {
display: flex !important;
flex-wrap: wrap !important;
}

.page-node-type-person .profession .field--type-entity-reference {
justify-content: center;
}

.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 {
content: none;
}

.page-node-type-exponat #block-kuma-barrio-content .kumaExponat .nodeTitleDeutsch .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 #block-kuma-barrio-content .field--name-field-copyright {
color: #aaa !important;
font-size: 1rem;
}



/*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 {
margin-bottom: 4rem;
}

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

.relatedArtworkFromArtist .view-content,
.block-views-blocksammlung-suche-block-1 .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 {
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;
gap: 0 3rem;
}

.page-node-type-album .field--name-field-kuma-container {
columns: 4 200px;
column-gap: 1rem;
display: block;
}

.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*/
.page-node-422 #block-kuma-barrio-content,
.page-node-12455 #block-kuma-barrio-content {
display: none;
}

.page-node-422 .view-filters {
margin: 5.313rem 0 7rem 0;
}
.page-node-12455 .view-filters{
margin: 1.313rem 0 3rem 0;
}
.page-node-422 .view-filters .flex-wrap,
.page-node-12455 .view-filters .flex-wrap {
display: flex !important;
flex-wrap: nowrap !important;
margin: 0 auto;
}
/*.page-node-12455 .view-filters .flex-wrap .js-form-item{
width: 4rem;
}*/
.page-node-422 .view-filters label,
.page-node-12455 .view-filters label {
color: #fff;
}

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

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

.page-node-422 .view-filters button,
.page-node-12455 .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,
.page-node-12455 .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,
.page-node-12455 .view-filters .form-actions {
display: flex;
flex-wrap: nowrap;
}

.page-node-422 .view-filters .form-actions button:first-child,
.page-node-12455 .view-filters .form-actions button:first-child {
margin-right: 1.75rem
}
.page-node-12455  .teaserTextBild {
min-height: 520px;
}






.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*/

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

.nav-link {
border: 1px solid #fff;
margin-left: 1.5rem;
}
.nav-link:hover,
.page-node-type-termin_1920er #header a.nav-link:hover,
#block-neue-sachlichkeit-1920-views-block-termine-block-8 .view-footer a:hover,
.paragraph--type--text .btn-secondary:hover{
color:#000 !important;
border: 1px solid #fff;
background: #fff !important;
}

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

.page-node-type-termin_1920er .dunkelblauschmal {
background: none;
}
.page-node-type-termin_1920er #header,
.page-node-type-termin_1920er #header a {
background: #000 !important;
color:#fff !important;
}
.page-node-type-termin_1920er #kumaLogo svg{
filter: invert(1);
}
.page-node-type-termin_1920er .btn.btn-primary {
color: #fff !important;
border: 1px solid #fff;
}
.page-node-type-termin_1920er .slick-prev::before,
.page-node-type-termin_1920er .slick-next::before {
border-top: 3px solid #fff !important;
border-left: 3px solid #fff !important;
}
.page-node-type-termin_1920er .node__content,
.page-node-type-termin_1920er .node__content span{
color: #fff !important;
}
.page-node-type-termin_1920er .paragraph--type--zitat blockquote {
color: #919191 !important;
}
.page-node-type-termin_1920er .field--name-field-1920er-partner a{
/*padding-left: 28px;
background: url(/themes/custom/neue_sachlichkeit_1920/images/location_icon.png) no-repeat;
background-size: 19px 22px;
background-position: 1px 4px;*/
font-size: 28px;
}

.page-node-type-termin_1920er .field--name-field-1920er-partner a div{
display: inline;
}
.page-node-type-termin_1920er .ausstellungHeaderBild img {
height: auto;
width:80%;
}


body {
background: /*#080605*/#000 !important;
color: #fff !important;
}
.page-node-12453 h1.title{
display: none;
}


.breadcrumb-item+.breadcrumb-item::before,
.breadcrumb-item.active,
.breadcrumb a,
.breadcrumb li,
.ckeditor-accordion-container>dl dt>a,
.ckeditor-accordion-container>dl dt>a:not(.button),
.btn.btn-secondary,
.video-text-overlay>button,
a,
.link,
.node__content,
.node__content span,
#body1920erTermin,
#body1920erTermin * {
color: #fff !important;
}

.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::before,
.ckeditor-accordion-container>dl dt>a>.ckeditor-accordion-toggle::after {
background: #fff !important;
background-color: #fff !important;
}

.site-footer,
#block-kontakt .content a,
.featured-bottom {
background: #000 !important;
background-color: #000 !important;
}

.btn.btn-secondary,
.video-text-overlay>button {
border-color: #fff !important;
}

.dunkelblauschmal {
background: none;
}

#header {
background: #000 !important;
color: #fff !important;
}

#kumaLogo svg {
filter: invert(1);
}

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

.slick-prev::before,
.slick-next::before {
border-top: 3px solid #fff !important;
border-left: 3px solid #fff !important;
}

.paragraph--type--zitat blockquote {
color: #919191;
}

.teaserTextBild.hellgrau,
.teaserTextBild.hellgraul{
background: #b7b7b7;
} 

.teaserTextBild{
background: #fff;
}
.page-node-12454 .dreiSpalterSingle .teaserTextBild {
min-height: 440px;
}
.page-node-12454 .vierSpalterSingle .teaserTextBild {
min-height: 480px;
}
.page-node-12454 .teaserTextBild .bild{
min-height: 250px;
background: rgb(255,255,255);
background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(170,170,170,1) 100%); 
}
.teaserTextBild .headline h2{
font-size: 2.25rem;
}
.teaserTextBild.weiss .headline,
.teaserTextBild.weiss .text,
.teaserTextBild.weiss .link,
.teaserTextBild.hellgrau .headline,
.teaserTextBild.hellgrau .text,
.teaserTextBild.hellgrau .link,
.teaserTextBild.hellgraul .headline,
.teaserTextBild.hellgraul .text,
.teaserTextBild.hellgraul .link,
.teaserTextBild .headline,
.teaserTextBild .text,
.teaserTextBild .link{
padding-left: 1rem;
padding-right: 1rem;
color:#000;
}
.teaserTextBild{
color:#000;
}
.teaserTextBild .link{
padding-bottom: 1rem;
display: block;
}
.teaserTextBild .headline h2{
text-wrap:wrap;
}
.teaserTextBild .link a,
.paragraph--type--kuma-teaser.paragraph--view-mode--horizontal .teaserTextBild .text a{
color:#000 !important;
}
.teaserTextBild.weiss .link a,
.teaserTextBild.hellgrau .link a,
.teaserTextBild.hellgraul .link a{
color:#000 !important;
}
.teaserTextBild.weiss .link,
.teaserTextBild.hellgrau .link,
.teaserTextBild.hellgraul .link{
padding-bottom: 1rem;
}

.teaserTextBild .bild img{
height: 250px;
width: 100%;
object-fit:cover;
margin-bottom: 0 !important;
}
.teaserTextBild .headline{
padding-top: 1rem;
}

.teaserTextBild.teaserTextBildHorizontal .bild img {
margin-bottom: 0;
}

.teaserTextBild.teaserTextBildHorizontal .col-md-6{
padding: 0 !important;
}
.teaserTextBild.teaserTextBildHorizontal.row {
padding: 0;
}
.teaserTextBild.teaserTextBildHorizontal .headline{
margin-top: 20px;
}
.ui-datepicker-calendar *{
color: #000 !important;
}
.ui-datepicker-calendar th{
color: #fff !important;
background: #000 !important;
padding: 0.5em .3em;
}
.ui-datepicker-calendar th span{
color: #fff !important;
}
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight,
.ui-state-default:hover{
border: 1px solid #000;
background: #000;
color: #fff !important;
}
.kumaTerminTitle a{
text-decoration: none;
}
.site-footer {
box-shadow: none;
}
.kalenderzeile .js-pager__items.pager .button {
background: #fff;
}
.kalenderzeile .js-pager__items.pagination *{
color:#fff !important;
background: transparent;
}
.page-node-type-termin_1920er .subTitle{
margin: 10px 0 30px 0;
font-size: 1.75rem;
}
.field--name-field-1902er-eventkategorie{
margin-bottom: 0;
}

.einSpalter,
.zweiSpalterSingle,
.dreiSpalterSingle{
transition: box-shadow .2s;
}

.einSpalter .paragraph--type--kuma-teaser:hover,
.zweiSpalter .paragraph--type--kuma-teaser:hover,
.dreiSpalter .paragraph--type--kuma-teaser:hover{
-webkit-box-shadow: 0px 0px 10px 10px rgba(237,237,237,0.49); 
box-shadow: 0px 0px 10px 10px rgba(237,237,237,0.49);
}
h1.title{
margin-bottom: 20px;
}
.ticketLink a.btn.btn-primary:hover {
color:#000 !important;
background: #fff !important;
}

.kalenderzeile select,
.kalenderzeile input,
.kalenderzeile input:focus,
.kalenderzeile select option{
font-size: 1rem;
}
.kumaTerminTitle h3{
margin-bottom: 1rem;
font-size: 1.5rem;
}
.kumaTerminCategory{
font-size:1.125rem;
}
.kumaTerminImage .field--type-entity-reference{
margin-bottom: 0;
}
.addtocal-container,
.addtocal-container *{
color: #000 !important;
font-size: 14px;
}
.field--type-entity-reference{
margin: 0;
}


.kumaTerminZeile{
border: 0 !important;
border-bottom: 1px solid #fff !important;
padding: 0 !important;
padding-bottom: 2rem !important;
}
.kumaTerminZeile:last-child{
border: 0 !important;
}
.kumaTerminDate.eins{
padding: 2rem 0rem 2rem 3rem;
}
.kumaTerminContent.zwei{
padding: 2.125rem 2rem 1rem 2rem;
}
.kalenderZeile .kumaTerminCategory{
font-family: 'GT-Pressura Fett';
}


.kumaTerminZeile .kumaTerminLink a{
display: inline-block;
}
.kumaTerminZeile .kumaTerminLink a:hover{
text-decoration: none;
}
.kumaTerminZeile .kumaTerminLink a::after{
content: url("/themes/custom/neue_sachlichkeit_1920/images/pfeil.svg") !important;
display: inline-block;
float: right;
margin-left: .75rem;
height: 1.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-duration: 200ms;
line-height: 1.5;
}

.kumaTerminZeile .kumaTerminLink a:hover::after {
display: block;
float: right;
margin-left: 1.25rem;
height: 1.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-duration: 200ms;
line-height: 1.5;
content: url("/themes/custom/neue_sachlichkeit_1920/images/pfeil.svg") !important;
}

.terminRight div{
margin-bottom: 1rem;
}
.terminRight .field--name-field-1920er-partner a{
font-size: 20px;
display: block;
padding: 1px 0 0 0;
}

.terminRight div.partner img{
margin-top: 1rem;
}

.addtocal-container {
position: relative;
float: none;
margin: 0 0 1rem 0;
}

.addtocal-container .addtocal,
.addtocal-container .addtocal:hover {
padding: 0;
background: transparent;
border-width: 0;
cursor: pointer;
color: #fff !important;
text-decoration: underline;
}


.statusLayer.abgesagt{
background: url(/themes/custom/neue_sachlichkeit_1920/images/abgesagt.png) no-repeat center top;
position: absolute;
top: 20%;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
}
.kumaTerminZeile .statusLayer.abgesagt,
.kumaTerminZeile .statusLayer.verschoben {
top: 10%;
background-size: 31%;
}

.statusLayer.verschoben{
background: url(/themes/custom/neue_sachlichkeit_1920/images/verschoben.png) no-repeat center top;
position: absolute;
top: 20%;
left: 0;
width: 100%;
height: 100%;
z-index: 9999999;
}

.statusLayer.findet.statt{
height: 0;	
}
@font-face {
font-family: 'Grado Gradoo';
src: url("/themes/custom/neue_sachlichkeit_1920/fonts/GradoGradooNF.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
/*Startseite*/
.page-node-12453{
/*background: url(/themes/custom/neue_sachlichkeit_1920/images/bronze_ohne_Verlauf4.png) no-repeat #000 left top !important;*/
background: #000 !important;
background-size: 100% !important;
background-position: 10px 10px;
}
.page-node-12453 #header {
background: transparent !important;
transition: background 0.5s ease;
}

.page-node-12453  .site-footer {
background: transparent !important;
}
.page-node-12453 h3,
#block-neue-sachlichkeit-1920-1920erclaimoben h3{
margin-bottom: 0;
}
#block-neue-sachlichkeit-1920-1920erstartseitepartnerlisteverlinkt p a,
.page-node-12454 .paragraph--type--text a{
text-decoration: none;
}
#block-neue-sachlichkeit-1920-1920erstartseitepartnerlisteverlinkt a:hover,
.page-node-12454 .paragraph--type--text a:hover{
text-decoration: underline;
color: #bbb !important;
}
.date1920{
font-family: 'Grado Gradoo';
font-size: 23px;
margin-top: -4px;
}


.leaflet-popup-content a{
color:#000 !important;
}
/*#block-neue-sachlichkeit-1920-1920erstartseiteintrotext,
#block-neue-sachlichkeit-1920-1920erstartseitepartnerlisteverlinkt{
width: 58%;
}*/
#block-neue-sachlichkeit-1920-1920erstartseiteintrotext a:hover{
	text-decoration: none;
}
#block-neue-sachlichkeit-1920-views-block-termine-block-8{
margin-top: 4rem;
}
#block-neue-sachlichkeit-1920-views-block-termine-block-8 .view-footer a{
border: 1px solid #fff;
margin-left: 1.5rem;
text-decoration: none;
padding: .75rem 1rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}

#block-neue-sachlichkeit-1920-1920erstartseiteerklartext{
display: none;
}

.page-node-12453 h1{
margin-bottom: 1.25rem;
}
.kumaTerminContent{
display: block;
padding-top: .25rem;
padding-bottom: .5rem;
}

#block-neue-sachlichkeit-1920-cheesburgermenuausloser{
display:none;
top:0;
position: relative;
}
#block-neue-sachlichkeit-1920-cheesburgermenuausloser .content{

}
.block-cheeseburgermenu__trigger-element {
background: transparent;
}
.block-cheeseburgermenu__trigger-element span {
width: 30px;
height: 2px;
background: #fff;
}
.block-cheeseburgermenu-container--with-navigation {
padding-left: 0;
}
.block-cheeseburgermenu-container--with-navigation a{
color:#000 !important;
font-size: 1.5rem !important;
font-weight: 700;
}

#start1920Block{
display: grid;
grid-template-columns: 53% 46%;
gap: 2rem;
}
.leaflet-control-zoom a{
  color:#000 !important;
}
.Termin1920er .partner .field--name-field-1920er-partner .taxonomy-term h2{
  display: none;
}
.Termin1920er .ticketLink{
  margin-bottom: 3rem;
}



/*Neuer Header*/
#kumaTop {
flex-direction: row;
}
#kumaNaviMainMenu {
order: 2;
margin-top: 14px;
margin-right: 0;
margin-left: 2.5rem;
}
#block-neue-sachlichkeit-1920-1920er{
margin-top: 38px;
margin-left: 23px;
}
#kumaLogo {
margin-left: 12px;
}

#header #kumaLogo a {
background: transparent !important;
}
.page-node-type-termin_1920er .ausstellungHeaderBild img {
  height: auto;
  width: 100% !important;
}