/*
meyermisginmedia.com
Kunsthalle Mannheim CSS

Special Breakpoints
*/



/*von 0 bis 480px*/
@media (min-width:0) and (max-width:480px) {


.page-node-type-exponat #kumaTop,
.page-node-type-person #kumaTop,
.page-node-type-album #kumaTop,
.page-node-413 #kumaTop,
.page-node-414 #kumaTop,
.page-node-419 #kumaTop{
padding: 1rem calc(var(--bs-gutter-x) * .5) 2rem .125rem;
}
#block-kuma-barrio-sammlungonlineheader-2,
#block-kuma-barrio-sammlungonlineheader{
position: absolute;
top: 3.75rem;
}
#block-kuma-barrio-sammlungonlineheader p, 
#block-kuma-barrio-sammlungonlineheader-2 p {
font-size: 1rem;
}
#block-kuma-barrio-sammlungonline-2,
#block-kuma-barrio-sammlungonline{
margin-top: -2.25rem;
}
#kumaTop {
padding: 1rem 0 1rem 0.25rem;
}
.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 {
margin-left: .5rem;
}
#block-kuma-barrio-sammlungonline-2 .nav-link,
#block-kuma-barrio-sammlungonline .nav-link {
padding: 0 !important;
}
#block-kuma-barrio-sammlungonline-2 ul,
#block-kuma-barrio-sammlungonline ul {
display: block;
}
#block-kuma-barrio-sammlungonline-2 ul li a,
#block-kuma-barrio-sammlungonline ul li a{
text-align: right;
}
#block-kuma-barrio-sammlungonline-2 li:last-child a,
#block-kuma-barrio-sammlungonline li:last-child a{
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 {
margin-right: -4px !important;
}
}


/*Burgermenu*/
@media (max-width:991px) {
.navbar-toggler {
border: 0;
position: absolute;
right: 0;
top: -10px;
}

.navbar {
--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 180' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#CollapsingNavbar {
background: #fff;
margin-top: 4.5rem;
margin-right: -1rem;
}


#CollapsingNavbar .nav-link {
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
}

.region-top-header-form {
position: absolute;
top: 0;
right: 4rem;
}

.region-top-header-form li,
.region-top-header-form a,
#block-topnavigation,
#block-kuma-barrio-topnavigation,
.region-top-header-form span.nav-link {
padding: 0 !important;
margin: 0 !important;
line-height: 1;
}

.region-top-header-form span.nav-link {
margin-right: 1rem !important;
}

.region-top-header-form li {
margin: 3px 0 !important;
}

#block-mobilelupedersucheimheadbereich {
display: block;
}

#block-mobilelupedersucheimheadbereich a {
display: block;
text-decoration: none;
text-indent: -100000px;
background: url(/themes/custom/kuma_barrio/images/lupe.png) no-repeat;
width: 30px;
height: 30px;
position: absolute;
top: -7px;
right: 5px;
}

#kumaLogo svg {
width: 90%;
}

#kumaNaviTopMenu #block-topnavigation li:first-child,
#kumaNaviTopMenu #block-topnavigation li:last-child,
#kumaNaviTopMenu #block-kuma-barrio-topnavigation li:first-child,
#kumaNaviTopMenu #block-kuma-barrio-topnavigation li:last-child,
{
display: none;
}
#block-topnavigation li{
margin: 0 .5rem !important;
}
#kumaLogo {
margin-top: 0rem;
}
.path-frontpage #kumaContent {
padding-top: 6rem;
}
#block-sprachumschalter{
margin-top: -.25rem;
}
#block-topnavigation,
#block-sprachumschalter{
display: none;
}
}

/*Cheeseburger menu*/

#block-kuma-barrio-cheesburgermenuausloser{
width: auto;
padding: 0;
position: absolute;
right: -40px !important;
top: -12px;
}
button.navbar-toggler{
display: none;
}
.block-cheeseburgermenu__trigger-element {
min-height: 30px;
min-width: 30px;
}
#block-kuma-barrio-cheeseburgermenu{
padding-left: 0;
padding-right: 0;
-webkit-animation: slide 0.5s forwards;
-webkit-animation-delay: 2s;
animation: slide 0.5s forwards;
animation-delay: 2s;
}
.cheeseburger-menu__backdrop.cheeseburger-menu__backdrop--active{
display: none;
}
.cheeseburger-menu__side-menu{
left: auto;
background: transparent;
right: 0;	
padding-left: 0 !important;
height: auto;
}
.cheeseburger-menu__side-trigger {
min-width: 80px;
}
.cheeseburger-menu__side-trigger svg {
fill: rgb(0, 0, 0);
}
#block-kuma-barrio-cheeseburgermenu a,
#block-kuma-barrio-cheeseburgermenu li span{
font-size: 1.5rem !important;
}
#block-kuma-barrio-cheeseburgermenu ul ul a span{
font-size: 1.25rem !important;
}
#block-kuma-barrio-cheeseburgermenu ul ul li{
margin: 0 !important;
}
.cheeseburger-menu__mainmenu > li.cheeseburger-parent .cheeseburger-menu__item-label {
padding-left: 0;
}
#block-kuma-barrio-cheeseburgermenu a:hover,
#block-kuma-barrio-cheeseburgermenu span:hover{
color:#bbb !important;
}
.cheeseburger-menu__main-navigation-area{
padding: 3rem 1rem 2rem 1rem;
}
.cheeseburger-menu__item--is-expanded ul {
background-color: transparent;
}
.cheeseburger-menu__item.language__item a{
text-transform: uppercase;
}
.cheeseburger-menu__item.language__item.active-lang{
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 {
background: transparent !important;
margin-right: 12px !important;
}

.page-node-type-exponat #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-type-person #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-type-album #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-413 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-414 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-419 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav {
display: block;
}

.page-node-type-exponat #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-type-person #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-type-album #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-413 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-414 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav,
.page-node-419 #block-kuma-barrio-sammlungonline .nav .page-node-type-person #block-kuma-barrio-sammlungonline .nav {
margin: 2rem 0 2rem 3rem;
}

.page-node-type-exponat .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-type-person .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-type-person .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-type-person .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-type-album .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-type-person .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-413 .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-414 .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a,
.page-node-419 .page-node-type-exponat #block-kuma-barrio-sammlungonline .nav a {
color: #000 !important;
}

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


}


/*von 0 bis 575px*/
@media (max-width:575px) {
#block-newslettercta .field--name-body,
#block-kuma-barrio-newslettercta .field--name-body{
padding: 2rem .5rem .75rem 0;
}

#kumaTop {
padding: 1rem 0 1rem 0.25rem;
}


h1.title {
padding-left: 0;
}

#block-kuma-barrio-content {
padding-left: .25rem;
}

.responsiveContainer {
padding-bottom:
90%;
}
#block-kuma-barrio-breadcrumbs {
margin-left: .25rem;
}

}

/*von 576px bis 767px*/
@media (min-width:576px) and (max-width:767px) {

.site-footer__top .region {
width: 100% !important;
margin: 0 3rem 2rem 0;
}

.site-footer__top .region:nth-child(2n) {
padding-left: 0;
}


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

h1.title {
padding-left: 0;
}
}



/*von 0 bis 1199px*/
@media (min-width:0) and (max-width:1199px) {

#navbar-main li,
#navbar-top li {
margin: 0 .25rem;
}
.js-form-type-textfield	input,
.js-form-type-textfield	input:focus,
.js-form-type-select select{
width: 13.5rem;
}
}


/*von 768 bis 991px*/
@media (min-width:768px) and (max-width:991px) {
#kumaContent {
padding-top: 11rem;
}
}

/*von 0 bis 1399px*/
@media (min-width:0) and (max-width:1399px) {
#navbar-main li a {
font-size: 1rem !important;
}

}



/*von 769 bis 1399px*/
@media (min-width:769px) and (max-width:1399px) {
.page-node-422 .view-filters {
margin: 1rem 0 4rem 0;
}
.page-node-422 .view-filters .flex-wrap {
flex-wrap: wrap !important;
}
}


/*von 1024 bis 1399px*/
@media (min-width:1024px) and (max-width:1399px) {
.blockinhaltAusstellungen img{
width: 100%;
height: auto;
}
}


/*von 1200 bis 1399px*/
@media (min-width:1200px) and (max-width:1399px) {

#navbar-main li,
#navbar-top li {
margin: 0 .25rem;
}

}


/*von 768 bis 1050px*/
@media (min-width:768px) and (max-width:1050px){
#kumaTop {
padding-left: 0;
}
}

/*von 769 bis 854px*/
@media (min-width:769px) and (max-width:854px){
.dunkelblau {
background-size: 100% 29rem !important;
}
}

/*von 855 bis 991px*/
@media (min-width:855px) and (max-width:991px){
.dunkelblau {
background-size: 100% 25rem !important;
}
}

/*von 992 bis 1023px*/
@media (min-width:992px) and (max-width:1023px){
.dunkelblau {
background-size: 100% 27rem !important;
}
}

/*von 0 bis 525px*/
@media (max-width:525px){

#block-neue-sachlichkeit-1920-1920er {
margin-left: 17px;
}
#kumaNaviMainMenu {
margin-top: 0;
}

.date1920 {
margin-top: 9px;
line-height: 100%;
}
#block-neue-sachlichkeit-1920-1920er {
margin-top: 60px;
}
#CollapsingNavbar .nav-link {
padding: 0 !important;
}
}

/*von 526 bis 767px*/
@media (min-width:526px) and (max-width:767px){
 #kumaTop {
    padding-top: 2rem;
  }
}

/*von 1024 bis 1399px*/
@media (min-width:1024px) and (max-width:1399px){
.page-node-12455 .view-filters .js-form-item,
.page-node-12455 .view-filters .js-form-item input,
.page-node-12455 .view-filters .js-form-item select {
width: 130px;
}
}


@media (min-width:768px) and (max-width:1399px){
.page-node-12455 .view-filters .js-form-item,
.page-node-12455 .view-filters .js-form-item input,
.page-node-12455 .view-filters .js-form-item select {
width: 154px !important;
}
}


@media (min-width:1400px){
.page-node-12455 .view-filters .js-form-item,
.page-node-12455 .view-filters .js-form-item input,
.page-node-12455 .view-filters .js-form-item select {
width: 242px !important;
}
}






/*1920er*/
@media (max-width:580px){
#block-neue-sachlichkeit-1920-cheesburgermenuausloser {
margin-right: 6rem;

}
}

@media (max-width:550px){
#CollapsingNavbar {
justify-content: flex-start !important;
}
#block-neue-sachlichkeit-1920-cheesburgermenuausloser {
margin-left: 4rem
}
}

@media (max-width:445px){
#block-neue-sachlichkeit-1920-cheesburgermenuausloser {
margin-left: 4rem
}
}


@media (max-width:509px){
#block-neue-sachlichkeit-1920-cheesburgermenuausloser {
position: absolute;
  right: 0;
  margin-right: 0;
}
}