/*
$kunsthaus_red: #FF0505;
$museum_geschichte_blue: #366C8D;
$volkskunde_lila: #AD576C;
$pavillon_green:#A2C73B;
*/
@media only screen and (max-width: 1880px) {
  .header {
    padding-right: 40px;
    padding-left: 40px;
    box-sizing: border-box;
  }
  .logo .logo-wrapper {
    left: 40px;
  }
}
@media only screen and (max-width: 1550px) {
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    width: 50vw;
  }
}
@media only screen and (max-width: 1300px) {
  .calender .filter_textzug {
    position: unset !important;
  }
  .calender .filter_museums {
    flex-direction: column;
  }
  .calender .filter_museums div {
    text-align: unset;
    margin: 5px 0;
  }
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    width: 40vw;
  }
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-form {
    font-size: 2.875rem;
  }
  #pid-1 .img-wrapper-abs- img {
    max-width: 300px;
  }
}
/*
@media only screen and (max-width: 1300px) {
  .event.header-wrapper .header-inner .header-text{
    &:first-child{
      margin-top: calc( 190px );
    }
    position: static;
  }

  .event.header-wrapper .header-inner{
    align-items: flex-start;
  }


}
*/
@media only screen and (max-width: 1100px) {
  .img-wrapper-abs- .image img {
    max-width: 400px;
    height: auto;
  }
  .rahmenprogramm-ms-event .greenBox {
    flex-direction: column;
  }
  .rahmenprogramm-ms-event .greenBox .date, .rahmenprogramm-ms-event .greenBox .link, .rahmenprogramm-ms-event .greenBox .house {
    margin-top: 15px !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 1000px) {
  .ce-gallery figcaption {
    display: block !important;
  }
  .header-wrapper.subheader .header-inner .img-wrapper-abs- {
    position: absolute;
    top: 80px;
    right: 20%;
  }
  .header-wrapper.subheader .header-inner .img-wrapper-abs- .image img {
    max-width: 250px;
    height: auto;
  }
  .header-wrapper.subheader .header-inner .headertextwrapper {
    flex-direction: column;
    width: 100%;
  }
  .header-wrapper.subheader .header-inner .headertextwrapper .header-subtext {
    width: 100%;
  }
  .header-wrapper.subheader .header-inner .headertextwrapper .header-subtext .subdescription {
    text-align: left !important;
  }
  .title {
    hyphens: auto;
    font-size: 75px !important;
    line-height: 75px !important;
  }
  .header-wrapper .header-inner .headertextwrapper .header-subtext {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-wrapper .header-inner .headertextwrapper .header-subtext .date {
    margin-left: 0px;
  }
  .ms_event_content .ce-gallery .ce-row {
    flex-direction: column;
    width: 100%;
  }
  .frame-type-msbase_threecolumn header {
    padding-left: 40px;
  }
  .three_column .three_column_left, .three_column .three_column_center, .three_column .three_column_right {
    padding: 20px 0;
  }
  .menu .side-menu {
    height: 100%;
    position: fixed;
  }
  .menu .side-menu .has-submenu .submenu {
    padding-left: 15px;
  }
  .frame-type-textmedia .wrapper {
    padding: 20px 40px 20px 40px;
  }
  .frame-type-textmedia p {
    margin-top: 0;
  }
  .one_column .ce-gallery .ce-row {
    flex-direction: column;
    width: 100%;
  }
  .frame-type-textmedia .ce-gallery[data-ce-columns="3"] .ce-column {
    flex-direction: column;
    width: 100%;
  }
  .one_column .ce-gallery figure {
    display: block;
    margin-bottom: 5px;
  }
  .one_column .image + .ms-image-caption {
    margin-bottom: 20px;
  }
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-form {
    float: unset;
    display: flex;
    flex-direction: column;
  }
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-form .tx-indexedsearch-searchbox-sword {
    width: 65vw;
  }
  .tx-indexedsearch-searchbox .wrapper .tx-indexedsearch-search-submit {
    float: unset;
  }
  .big .header .title {
    font-size: 4.375rem;
  }
  html {
    font-size: 80%;
  }
  .two_column .two_column_left {
    padding-right: 0px;
  }
  .two_column {
    flex-direction: column;
  }
  .two_column .two_column_left, .two_column .two_column_right {
    width: 100%;
    float: none;
  }
  .menu .side-menu {
    width: 100vw;
  }
  .two_column .two_column_left, .two_column .two_column_right {
    width: 100% !important;
    float: none;
  }
  .three_column .three_column_left, .three_column .three_column_center, .three_column .three_column_right {
    width: 100% !important;
    float: none;
  }
  .program #date_one .ui-datepicker-prev {
    top: 11px;
    left: 40px;
  }
  .program #date_one .ui-datepicker-next {
    top: 11px;
    right: 40px;
  }
  #pid-1 .img-wrapper-abs- img {
    max-width: 250px;
  }
}
@media only screen and (max-width: 700px) {
  #pid-1 .img-wrapper-abs- img {
    max-width: 250px;
    top: 235px;
    left: 0px;
    right: 0px;
  }
  .header-wrapper .header-inner .headertextwrapper {
    flex-direction: column;
  }
}
@media only screen and (max-width: 650px) {
  .presse-content {
    padding: 10px;
  }
  .wrapper {
    padding: 10px;
  }
  .menu-sticky {
    height: 125px;
  }
  .menu-sticky .wrapper {
    padding-top: 20px;
    padding-left: 15px;
  }
  .two_column {
    padding: 0 15px;
  }
  .header {
    padding-right: 15px;
    padding-left: 15px;
  }
  .frame-type-textmedia .wrapper {
    padding: 20px 15px 20px 15px;
  }
}
@media only screen and (max-width: 600px) {
  .header-wrapper .header-inner .headertextwrapper .header-subtext .date {
    min-width: auto;
  }
  .contenttable .font-big {
    font-size: 1.125rem;
    line-height: 1.25rem;
  }
  .contenttable .font-headline {
    font-size: 1.5625rem;
    line-height: 1.6875rem;
  }
  .contenttable tr td, .contenttable tr th {
    padding: 10px;
  }
  .frame-type-textmedia .ce-textpic .ce-bodytext .contenttable {
    width: 570px;
  }
  .menu .side-menu {
    padding: 15px 15px 15px 15px;
  }
  .header-wrapper .header-inner .headertextwrapper {
    flex-direction: column;
  }
  .logo-wrapper svg {
    width: 80px;
    height: auto;
  }
  .title {
    font-size: 55px !important;
    line-height: 55px !important;
  }
  .header-wrapper .header-inner .headertextwrapper .header-subtext {
    flex-direction: row;
  }
  .header-wrapper .header-inner .headertextwrapper .header-subtext p {
    font-size: 20px !important;
    line-height: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .header-wrapper .header-inner .headertextwrapper .header-subtext .date {
    margin-left: 30px;
  }
  .header-wrapper.subheader .header-inner .img-wrapper-abs- {
    position: absolute;
    top: 100px;
    right: 27%;
  }
  .header-wrapper.subheader .header-inner .img-wrapper-abs- .image img {
    max-width: 250px;
    height: auto;
  }
  .header-wrapper.subheader .header-inner .headertextwrapper .header-subtext {
    margin-bottom: 20px;
  }
  .header-wrapper.subheader .header-inner .headertextwrapper .header-subtext p {
    font-size: 20px !important;
    line-height: 20px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .header, .timewrapper, .dropdown-wrapper .dropdown-inner-wrapper, .frame-type-textmedia .wrapper, .two_column .two_column_right .wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }
  .program .date_one .ui-datepicker-prev, .program .date_one .ui-datepicker-next {
    top: 5px;
  }
  form .form-group {
    margin: 0 0 20px 0;
    flex-direction: column;
  }
  form .form-group > .input {
    width: 100%;
  }
  form .form-group > .radio {
    margin-bottom: 5px;
  }
  form .form-group .input.checkbox .form-check {
    margin-right: 10px;
  }
  .dropdown-wrapper .dropdown-container-header .dropdown-container-text, .dropdown-wrapper .ce-bodytext, .main-content > .frame-type-msbase_twocolumn > .two_column > .two_column_right {
    padding-right: 0px;
    padding-left: 0px;
  }
  .dropdown-wrapper .dropdown-inner-wrapper .dropdown-arrow {
    position: static;
    margin-bottom: 20px;
  }
  .two_column .two_column_left .wrapper {
    padding-right: 10px;
    padding-left: 10px;
  }
  .logo img {
    width: 150px;
  }
  /*body, html {
     font-size: 60%;
  }*/
  .menu a {
    font-size: 2.2rem;
  }
  .menu .relative-wrapper {
    justify-content: unset;
  }
  .menu .relative-wrapper .font-switcher {
    margin-right: 30px;
    display: flex;
  }
  .menu .relative-wrapper .search-wrapper {
    margin-left: 25px;
  }
  .menu .lupe_header {
    margin-right: 10px !important;
  }
  .presse-element-wrapper .element-wrapper .element {
    flex-basis: 100%;
  }
  .big {
    font-size: 80% !important;
  }
  .program #date_one .ui-datepicker-prev {
    top: 4px;
    left: 40px;
  }
  .program #date_one .ui-datepicker-next {
    top: 4px;
    right: 40px;
  }
}
@media only screen and (max-width: 550px) {
  .pageListing.presse {
    gap: 10px;
    padding: 0 20px !important;
  }
  .tx-ms-event .wrapper .eventheader {
    line-height: normal;
  }
  .header-text-two p {
    margin: 0px;
  }
  .event .title {
    font-size: 4.375rem;
    word-break: break-word;
  }
  #pid-1 .img-wrapper-abs- img {
    max-width: 200px;
  }
}
@media only screen and (max-width: 470px) {
  #pid-1 .img-wrapper-abs- img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 450px) {
  /*
  .header-wrapper{
    min-height: 327px;
  }
  .header-wrapper .header-inner .header-text{
    top: calc(50% + 252px );
  }

   */
  .header-wrapper.subheader .header-inner .img-wrapper-abs- .image img {
    max-width: 200px;
    margin-top: 30px;
  }
  #pid-1 .img-wrapper-abs- .image img {
    max-width: 150px;
    left: 0px;
    top: 120px;
  }
  .title {
    font-size: 45px !important;
    line-height: 45px !important;
  }
  .menu .language-menu li {
    padding: 0px 20px 20px 0px;
  }
  .menu .relative-wrapper {
    margin-right: 10px;
  }
  .tx-indexedsearch-searchbox .wrapper #tx_indexedsearch {
    padding: 0;
  }
  .program .date_one .ui-datepicker-prev {
    top: 5px;
  }
  .calender {
    margin-top: 20px;
  }
  .program .date_one .ui-datepicker-next {
    top: 5px;
  }
  .events.tx-ms-event {
    padding: 20px;
  }
  .logo img {
    width: 110px;
  }
}
@media only screen and (max-width: 360px) {
  .title {
    font-size: 35px !important;
    line-height: 35px !important;
  }
}

/*# sourceMappingURL=responsive.css.map */