@charset "UTF-8";

@font-face {
  font-family:'FK Grotesk Neue';
  src:url('../fonts/FKGroteskNeue.woff2') format('woff2-variations');
  font-weight: 1 690;
  font-style: normal;  
}
@font-face {
 font-family: 'Mini Icon Square';
 src:url('../fonts/miniconsquarevf.woff2') format('woff2-variations');
  font-weight: 1 999;
}

html, body {
  margin:0;
  padding: 0;
  line-height: 1.2;
  scroll-behavior: smooth;
}

body {
  font-family: 'FK Grotesk Neue', sans-serif;
  font-size: 18px;
  padding-top:20px;
  background-color: #fff;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

* {
  box-sizing: border-box;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

img {
  max-width: 100%;
}

figure {
  display:block;
  padding:0;
  margin:1.2em 0;
}

figure img {
  display: block;
  max-width: 97%;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

a, footer a[href^="mailto:"], aside a.button, main a.button, .aktuelles-link, .aktuelles-c a {
  text-decoration: none;
  color: inherit;
}
a[href^="mailto:"], aside a { 
  text-decoration:underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.08em;
}

/*
a[href^="http://" i], a[href^="https://" i] {}
*/

a[target="_blank"]:not([href^="/assets"]):not([href^="mailto:"]):not(figure *):after {
  content:' \005B \2197 \005D';
  display: inline-block;
  text-decoration: none;
  margin-left: 0.25em;
  font-size: 70%;
  vertical-align: super;
}

.hairspace {
  display: inline-block;
  margin: 0 0.3vw;
}

.underline, main a, u {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.08em;
}

::-moz-selection {
  color: #000;
  background: #FFFF78;
}
::selection {
  color: #000;
  background: #FFFF78;
}

h1, .h1, h2, .h2 {
  font-size: 25px;
  margin:0;
}

h3, .h3 {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.3;
  margin:0;
}

p {
  margin: 1.2em 0;
  
  /*
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  */
  
}

p.content-link {
  margin: 2.4em 0;
}

i, em {
  font-variation-settings: "ital" 120;
  font-style: normal;
}

sup {
  display: inline-block;
  text-decoration: none;
  margin-left: 0.25em;
}

mark {
  background-color: #FFFF78;
  padding: 0 0.1em;
}

small {
  font-size: 12px;
  line-height: 1.2;
  display: inline-block;
}

section, footer {
  width: 100%;
}
.container {
  padding: 0 15px;
}

.noselect, img, nav, #nav-logo, footer, .button, .filter-inner-c, .main-slider-overlay-c, .main-slider-nav, .show-filter, .show-all-filter, .lang-links, .stoerer {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
#nav-logo {
  margin-left:15px;
}
.nav-btn-c {
  cursor:pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  transition: transform ease .6s;
  display: inline-block;
}
.nav-visible .nav-btn-c {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}
.nav-btn-c, #nav-logo, #nav-logo h1,
.main-content-header h1,
.h1 {
  display: inline-block;
  font-weight: bold;
  font-size: 25px;
}
.nav-headline {
  font-weight: bold;
  margin-bottom: 0;
}
nav {
  font-size:25px;
  height:0;
  overflow: hidden;
  transition: height ease .6s;
}
#nav-inner-c {
  padding: 15px 0 15px;
}
.lang-links {
  display: none;
}
.nav-lang-links .active,
.nav-lang-links .active::after, .lang-links .active::after {
  font-weight:bold;
}
.suche-c {
  display: none;
  justify-content: flex-end;
  align-items:center;
  position: relative;
  top:-3px;
}
nav .suche-c {
  display:inline-flex;
}
.suche-btn {
  display: block;
  width: 40px;
  height: 40px;
  position: relative;
  cursor:pointer;
  left:0;
  font-size:35px;
  font-family: "Mini Icon Square";
  font-weight:400;
  transition: font-weight ease .4s;
}
.suche-btn::before {
  content:"\E8B6";
  display:block;
}
.suche-btn::after {
}
.suche-btn:hover::before {
}
.suche-btn:hover::after {
}
.suche-input-c {
  width:0;
  flex-basis: 0;
  overflow:hidden;
  transition: all ease .4s;
  padding-right:0;
}
.suche-visible .suche-input-c {
  width:200px;
  flex-basis: 200px;
  padding-right:20px;
}
input {
  font-family: inherit;
}
.suche-input {
  width:100%;
  border: 1.5px solid #000;
  padding: 4px 14px;
  border-radius: 50px;
  font-size: 18px;
  opacity:0;
  visibility:hidden;
  transition: opacity ease .4s;
}
::placeholder {
  color: #E9E9E9;
}
:-ms-input-placeholder {color:#E9E9E9;}
::-ms-input-placeholder {color:#E9E9E9;}
.nav-suche .suche-input {
}
.nav-suche {
  margin-top: 5px;
}
textarea:focus, input:focus{
    outline: none;
}
.spacing-li {
  display:none;
}

#main-content > .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
main {
  margin-top:2.4em;
  flex-basis:100%;
}
#main-content article.main-article {
  flex-basis:100%;
  margin-bottom:40px;
}

#grid-c {margin-top: 15px;}
#vorschau-c, #grid-c {
  width: calc(100% + 15px);
  position: relative;
  left: -15px;
  margin-top: 1.2em;
  
}
.vorschau-article {
  width: calc(50% - 15px);
  margin-left: 15px;
  margin-bottom: 40px;
}

.ladyload-image {
  width:100%;
  filter:blur(5px);
  transition: filter ease .4s;
}
.museum-digital-article {
  overflow:hidden;
}

.article-date, .article-title, .article-description {
  margin:0;
  width:100%;
}

#vorschau-c h2.article-title, #vorschau-c .h2.article-title,
#vorschau-c h3.article-title, #vorschau-c .h3.article-title {
  font-size:inherit;
}

.article-date span {
  display: inline-block;
}
.article-description {
  font-weight:normal;
}
main .vorschau-article a, main .main-article a {
  text-decoration: none;
  display: block;
}
.vorschau-article-img-c {
  position: relative;
}
.main-article .vorschau-article-img-c {
  display: inline-block;
}
.vorschau-article-img-c img {
  display:block;
  margin-bottom: 10px;
}
.vorschau-article-img-c > img {
  max-height: 45vh;
}
.stoerer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) rotate(-25deg);
  -webkit-transform: translate(-50%,-50%) rotate(-25deg);
  margin: 0 !important;
  background-color: #FFFF78;
  padding: 0px 12px !important;
  min-width: 120px;
  white-space: pre;
  text-align: center;
  border-radius: 30px;
  color: #000;
  font-weight:normal !important;
  border: 1.5px solid #000;
}
.stoerer-c {
  margin-top:10px;
}
.stoerer.stoerer-static {
  position: static;
  transform:none;
  -webkit-transform:none;
  display: inline-block;
}
.noimg .vorschau-article-img-c {
  position: initial;
}


#side-content {
  margin-top: 1.2em;
  flex-basis:100%;
}
#side-content p {
  margin: 1.2em 0;
  clear: both;
}
.aktuelles-c {
  position: relative;
}

.artothek-form-links {
  max-width: 15% !important;
  margin-top: 0.5em;
  margin-bottom: -1.2em;
}
.artothek-form-rechts {
  max-width: 15% !important;
  float:right;
  margin-top: -1em;
  margin-bottom: 0.5em;
}


footer {
  margin-top:auto;
  padding-top: 100px;
  margin-bottom:15px;
}
footer ul {
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
footer ul li a {
  display:block;
  padding: 5px 15px;
}





/* Folgeseite */
.main-slider-inner-c {
  position: relative;
  width:100%;
}
#main-slider-img-c {
  position: relative;
  opacity: 0;
  transition: all ease .4s;
}
.main-slider-img {
  display: block;
  max-width: 97%;
  height: auto;
  max-height: 85vh;
  object-fit: contain;
  object-position: top left;
}
.main-slider-li {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:auto;
  display:none;
  opacity: 0;
  transition: opacity ease .5s;
}
.main-slider-li:first-of-type {
  display:block;
  opacity: 1;
}


.main-slider-subtitle, figcaption {
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 2.4em;
}
.main-content-header {
  margin-bottom: 1.2em;
}
.main-content-section, .rte-c {
  margin: 1.2em 0 2.4em;
}

.main-slider-nav {
  display: inline-flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 10px;
}
p.main-slider-subtitle-c {
  margin:0;
}
.main-slider-nav-left, .main-slider-nav-right {
  cursor:pointer;
}
.main-slider-nav-left {
  margin-right: 10px;
}
.main-slider-nav-right {
  margin-left: 10px;
  margin-right: 10px;
}
.main-slider-active-subtitle {
  display: inline;
  margin: 0;
}
.main-slider-nav-display {
  display: inline-block;
  font-weight: 800;
}

.main-slider-overlay-c {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  opacity: 0;
  cursor: default !important;
}
.main-slider-overlay-left,
.main-slider-overlay-zoom,
.main-slider-overlay-right {
  flex-basis:calc(100% / 3);
  position: relative;
  height: 100%;
  overflow: hidden;
}
.main-slider-overlay-left,
.main-slider-overlay-zoom,
.main-slider-overlay-right {
}

.main-slider-overlay-icon {
  font-size: 40px;
  position: absolute;
  left:-20px;
  top:-20px;
  color: #fff;
  mix-blend-mode: difference;
  display: none;
  width:0;
  height:0;
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
  font-weight: 700;

}
.show-overlay-icon .main-slider-overlay-icon {
  display: block;
}




#galerie-viewport {
  position: fixed;
  z-index: 10;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: #000D;
  color:#fff;
  opacity: 0;
  display:none;
  transition: opacity ease .5s;
}
.galerie-list-c.container {
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height: 85vh;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 10px;
}
.galerie-list-inner-c {
  position: relative;
  width:100%;
  height:100%;
}
.galerie-cls-btn {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  width:50px;
  height: 50px;
  display: block;
  z-index: 10;
}
.galerie-cls-btn-bar {
  display: block;
  height: 3px;
  width: 25px;
  background-color:#fff;
  position: absolute;
  top:0;
  left:0;
}
.galerie-cls-btn-bar:first-of-type {
  transform: translate(10px, 25px) rotate(45deg);
  -webkit-transform: translate(10px, 25px) rotate(45deg);
}
.galerie-cls-btn-bar:last-of-type {
  transform: translate(10px, 25px) rotate(-45deg);
  -webkit-transform: translate(10px, 25px) rotate(-45deg);
}
.galerie-list-li {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity: 0;
  display: none;
  transition: opacity ease .5s;
}
.galerie-list-li:first-of-type {
  opacity: 1;
  display: block;
}
.galerie-list-img {
  position: relative;
  left:0;
  top:0;
  width:100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.galerie-subtitle {
  position: absolute;
  top: 85vh;
  color: #fff;
  left: 0;
}
.galerie-subtitle .main-slider-active-subtitle {
  letter-spacing: 0.4px;
}
#galerie-viewport .main-slider-overlay {
  flex-basis:50%;
}

.foerderlogos-c, .kleingedrucktes-c {
  margin-top: 4.8em;
  margin-bottom: 1.2em;
}
.foerderlogos-c ul {
  display:flex;
  flex-wrap:wrap;
  align-items: center;
  justify-content: flex-start;
}

.foerderlogos-c ul li {
  flex-basis: calc(50% - 2.5vw);
  margin-right:2.5vw;
  margin-bottom: 2.5vw;
}
.foerderlogos-c img {
  height: auto;
  object-fit: contain;
  width: 100%;
  max-height: 15vw;
}

#veranstaltungen-format {
  margin-top: 4.8em;
}



/* Publikationen */
.prio-on-mobile {
  order:1;
}
.not-prio-on-mobile {
  order:2;
}
.only-mobile {
  display:block;
}
.side-content-only-desktop, .only-desktop {
  display:none;
}
.filter-list-c {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.filter, .button, aside a.button, .md-filter, .md-filter-post, .md-sort {
  display: inline-block;
  border: 1.5px solid #000;
  padding: 5px 14px;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-right:10px;
  color: transparent;
  transition: all ease .5s;
  background-color: #fff;
  cursor:pointer;
  color: transparent;
  position: relative;  
}
.filter::after, .button::after, aside a.button::after, .md-filter::after, .md-filter-post::after, .md-sort::after {
  white-space:pre;
  position: absolute;
  display: block;
  content: attr(data-title);
  font-weight: bold;
  color: #000;
  font-weight: 400;
  transition: font-weight ease .4s;  
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);  
}
.filter.filter-selected, .md-filter.filter-selected, .md-sort.filter-selected, .md-filter-post.filter-selected {
  background-color: #000;
}
.filter.filter-selected::after, .md-filter.filter-selected::after, .md-sort.filter-selected::after, .md-filter-post.filter-selected::after {
  color: #fff;
}
.no-margin-top {
  margin-top:0 !important;
}
.margin-top-mobile {
  margin-top:20px;
  flex-basis:100%;
}
.main-content-header {
  flex-basis:100%;
}
.main-content-header.prio-on-mobile {
  margin-top:20px;
  margin-bottom: 0;
}
.ui-title, #side-content p.ui-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
.filter-list-viewport {
  height:0;
  overflow: hidden;
  transition: height ease .5s;
}
.show-filter, .show-all-filter {
  cursor:pointer;
}
.show-filter .arrow, .show-all-filter .arrow {
  display: inline-block;
  transition: transform ease .5s;
  transform: rotate(0);
  -webkit-transform: rotate(0);
}

.suche-article img {
  width: 200px;
}
main .suche-article a {
  text-decoration:none;
}
.suche-article {
  margin-bottom: 40px;
}

.sammlung-detail-img {
  max-height: 80vh;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.sammlung-detail-img img {
  display:block;
  position: relative;
  left:0;
  top:0;
  width:100%;
  max-height: 80vh;
  object-fit:contain;
  object-position: top left;
}

.weitere-werke {
  margin-top:30px;
}

.range-c {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  width:100%;
  margin-top:20px;
  padding-left:4px;
}
#range-years, #range-years-mobile {
  flex-basis: calc(100% - 18px);
  width:200px;
  height:1.5px;
  background: #000;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.noUi-connect {
  background-color:#000;
}
.noUi-handle {
  border-radius:100px;
  box-shadow:none;
  border:1.5px solid #000;
  cursor: grab;
}
.noUi-handle:after, .noUi-handle:before {
  display: none;
}
.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  right: -17px;
  top: -9px;
  background-color: #fff;
  transition: background-color ease .4s;
}
.noUi-horizontal .noUi-handle.noUi-active, .noUi-horizontal .noUi-handle:hover {
  background-color:#000;
}
.noUi-horizontal .noUi-handle.noUi-active {
  cursor: grabbing; 
}
#range-display, #range-display-mobile {
  flex-basis:100%;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.mduebersicht .side-content-c-mobile, .mduebersicht .side-content-c {
  margin-bottom:20px;
  flex-basis:100%;
}






.cookie-hint-wrapper {
  position: relative;
  width: 100%;
  background-color: #eee;
  padding: 60px;
}
.cookie-hint-wrapper img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cookie-hint-c {
  position: relative;
  background-color:#fff;
  padding: 5px 20px;
  font-size: 16px;
}






/* Cookiebar + Cookiepanel CSS */
#cookiebar-pop-up {
  position: fixed;
  display: none;
  opacity: 0;
  bottom: 0;
  left:0;
  width: 100%;
  padding: 30px;
  background-color: #FFFF78;
  transition: opacity ease .4s;
}
.cookiebar-pop-up-c {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
  width: 100%;
}
.cookiebar-pop-up-description {
  margin-bottom: 20px;
}
.cookiebar-pop-up-description p {
  margin:0;
}
.cookiebar-pop-up-button-c {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 15px;
}
.cookiebar-pop-up-button-c .button {
  margin: 0;
}
.cookiebar-finish {
  padding: 5px 0 0;
}
.cookiebar-finish .button {
  margin-right: 5px;
  margin-top: 5px;
}
.cookiebar-pop-up-button {
  cursor: pointer;
}


#cookiebar-options {
  display: none;
  position: fixed;
  left:20px;
  top: 20px;
  width: calc(100% - 40px);
  max-height: calc(100vh - 40px);
  overflow: scroll;
  opacity: 0;
  transition: opacity ease .4s;
  padding: 15px;
  border-radius: 5px;
  background-color: #FFFF78;
  z-index: 100;
}

.cookiebar-options-header {

}
.cookiebar-title {
  margin-top: 0;
  padding-right: 40px;
  width: 100%;
  font-weight: bold;
}


.cookiebar-cookiegroup {
  background-color: #fff9;
  border-radius: 5px;
  padding: 15px 15px;
  margin-bottom: 10px;
  display: flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px 20px;
}
.cookiebar-cookiegroup:last-of-type {
  margin-bottom: 0;
}
.cookiebar-cookie-title, .cookiebar-cookie-description {
  margin: 0;
}

.cookiebar-cookie-option-btn {
  width: 35px;
  height: 18px;
  border: 1px solid #555;
  border-radius: 20px;
  position: relative;
  margin-top: 4px;
}
.cookiebar-cookie-option-btn.cookiebar-cookie-option-btn-optional {
  cursor: pointer;
  border: 1px solid #000;
}
.cookiebar-cookie-option-btn::before {
  content:"";
  position: absolute;
  left: 2px;
  top: 2px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 10px;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  transition: all ease .4s;
}
.cookiebar-cookie-option-btn.cookiebar-cookie-option-btn-not-optional::before {
  background-color: #555;
  transform: translateX(17px);
  -webkit-transform: translateX(17px);
}
.cookiebar-cookie-option-btn.cookiebar-cookie-option-btn-optional::before {
  background-color: #a00;
}
.cookiebar-cookie-option-btn.cookiebar-cookie-option-btn-optional.cookiebar-cookie-option-accepted::before {
  transform: translateX(17px);
  -webkit-transform: translateX(17px);
  background-color: #5a5;
}

.cookiebar-options-cls {
  cursor:pointer;
}

#cookiebar-options-cls-btn {
  display: block;
  position: fixed;
  top: 35px;
  right: 35px;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-color: #FFFF78;
  border-radius: 50px;
  border: 2px solid #000;
  cursor: pointer;
  overflow:hidden;
}
#cookiebar-options-cls-btn::before, #cookiebar-options-cls-btn::after {
  content:"";
  display: block;
  width: 10px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left:50%;
  top:50%;
}
#cookiebar-options-cls-btn::before {
  transform: translate(-50%, -50%)  rotate(45deg);
  -webkit-transform: translate(-50%, -50%)  rotate(45deg);
}
#cookiebar-options-cls-btn::after{
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%)  rotate(-45deg);
}

.accept-cookie {
  cursor:pointer;
}

#matomo-opt-out input {
  width: calc(10px + 1vw);
  height: calc(10px + 1vw);
  margin-right: 10px;
}


@media screen and (min-width: 700px) {
  .cookiebar-pop-up-button-c {
    flex-direction: row;
    gap: 20px;
  }  
  #cookiebar-options-cls-btn {
    display: block;
    position: fixed;
    top: -30px;
    right: 0px;
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1100px) {
  #cookiebar-options {
    position: fixed;
    left:50%;
    top:50%;
    height: auto;
    width:70vw;
    overflow: visible;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}










@media screen and (max-width: 350px) {
  body {
    font-size: 16px;
  }
}

@media screen and (max-height: 400px) {
  .galerie-list-c.container {
    height: 80vh;
  }
  .galerie-subtitle {
    top: 80vh;
  }
}

@media screen and (min-width: 600px) {
  .container {
    padding: 0 25px;
  }
  header > .container {
    position: relative;
  }
  header {
    margin-bottom: 35px;
    font-size: 25px;
  }
  .nav-lang-links {
    display: none;
  }
  .lang-links {
    display:block;
    position: absolute;
    top:0;
    font-size: 25px;
    right:25px;
  }

  #nav-inner-c {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap:wrap;
  }
  #nav-inner-c .col-3 {
    flex-basis: calc(33.33% - 15px);
    order:2;
    position: relative;
    z-index: 5;
    top: -50px;
  }
  #nav-inner-c .col-3.top-row {
    order:0;
    flex-basis:100%;
    font-size:25px;
    top: 0;
    left:0;
    margin-top:5px;
  }
  #nav-inner-c .col-3.top-row ul {
  }
  #nav-inner-c .col-3.first-row {
    order:1;
    top: 0;
    left:0;
  }
  .first-row .nav-headline-c {
    display:none;
  }
  .nav-headline {
    margin-top:0;
    font-size: 25px;
    margin-bottom: 10px;
  }
  li.nav-suche {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  nav .suche-visible .suche-input-c {
    width: 120px;
    flex-basis: 120px;
  }
  #nav-inner-c .col-3.top-row ul {
    padding-right: calc(66.66% + 15px);
  }
  .nav-headline {
    margin-bottom: 20px;
  }  
}




@media screen and (min-width: 750px) {

  .mobile-only {
    display: none;
  }
  .lang-links {
    width: calc(33.33% - 30px);
  }

  #main-content > .container,
  footer > .container {
    position: relative;
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  main {
    margin-top:0;
    flex-basis: calc(66.66% - 15px);
  }
  .main-content-header {
    margin-bottom: 1.2em;
  }
  /*
  .startseite #vorschau-c .article-img {
    width:100%;
    height:auto;
  }
  */
  .startseite .main-article .article-img, .folgeseite .article-img {
    margin-bottom:5px;
    max-height: 65vh;
  }
  .main-article .article-title {
    font-size:25px;
  }
  #side-content {
    margin-top:0;
    top:30px;
    flex-basis: calc(33.33% - 15px);
  }
  .sticky  {
    position: sticky;
    top: 60px;
  }
  .prio-on-mobile {
    order:1;
  }
  .not-prio-on-mobile {
    order:1;
  }
  .side-content-only-desktop {
    display: block;
  }

  .veranstaltungsuebersicht .filter-inner-c {
    flex-basis:100%;
  }

  #vorschau-c, #grid-c {
    width: calc(100% + 30px);
    left: -30px;
  }
  .vorschau-article {
    width: calc(50% - 30px);
    margin-left: 30px;
  }
  .vorschau-article:nth-last-of-type(2),
  .vorschau-article:nth-last-of-type(1) {
  }
  .vorschau-article a[href] p, .main-article a[href] p {
    font-weight: normal;
    transition: font-weight ease .4s, padding ease .4s;
    padding-right: 4%;
  }
  .vorschau-article a[href]:hover p, .main-article a[href]:hover p  {
    font-weight:bold;
    padding-right: 0%;
  }
  .ft-left {
    flex-basis: calc(66.66% - 15px);
  }
  .ft-right {
    flex-basis: calc(33.33% - 15px);
  }
  .ft-left ul {
    justify-content: flex-start;
    width: calc(100% + 25px);
    position: relative;
    left: -25px;
  }
  .ft-left ul li {
    flex-basis: calc(50% - 25px);
    margin-left: 25px;
    order:2;
  }
  .ft-left ul li.ft-presse {
    order:1;
  }
  footer ul li a {
    padding:5px 0;
  }
  footer .ft-left ul::before {
    content:"";
    display:block;
    flex-basis: calc(50% - 25px);
    margin-left: 25px;
  }
  .ft-right ul {
    justify-content: flex-start;
    width:100%;
  }
  .ft-right ul li {
    flex-basis:100%;
  }

  .galerie-cls-btn {
    top: 20px;
    right: 20px;
  }
  .galerie-cls-btn-bar {
    width: 35px;
    height: 4px;
  }
  .main-slider-subtitle, figcaption, small {
    font-size: 14px;
    margin-bottom: 0;
  }
  .galerie-list-c.container {
    height: calc(85vh + 40px);
    padding-bottom: 10px;
  }
  .galerie-list-img {
    object-position: top left;
  }
  .galerie-subtitle {
    top: calc(85vh + 40px);
  }

  .side-content-c-mobile {
    display: none;
  }
  .side-content-c {
    margin-bottom: 30px;
  }
  .publikationsuebersicht .show-filter .arrow,
  .veranstaltungsuebersicht .show-filter .arrow {
    display: none;
  }
  .publikationsuebersicht .filter-list-viewport, 
  .veranstaltungsuebersicht .filter-list-viewport {
    height: auto !important;
    overflow: visible;
    
  }
  
  .main-slider-spacer {
    margin-bottom: 1.2.4em;
  }
  
  .sammlung-detail-img {
    margin-bottom: 40px;
  }
}




@media screen and (min-width: 1000px) {
  .foerderlogos-c ul li {
    flex-basis: calc(25% - 2.5vw);
    margin-right: 2.5vw;
    margin-bottom: 2.5vw;
  }
  .foerderlogos-c img {
    max-height: 6.2vw;
  }
  .artothek-form-links, .artothek-form-rechts {
  max-width: 20% !important;
  }
}

@media screen and (min-width: 1100px) {
  body {
    padding-top: 45px;
    font-size: 1.6vw;
  }
  .container {
    padding: 0 40px;
  }

  header, .article-date, .article-title, .article-description, .main-content-section, .content-link, .event main p, .mddetail main p, main .button, main .rte-c,
  #vorschau-c h2.article-title, #vorschau-c .h2.article-title, #vorschau-c h3.article-title, #vorschau-c .h3.article-title {
    font-size: 2vw;
    line-height: 1.3;
  }
  p {
    margin: 1.2em 0;
  }
  h1, .h1,
  main h2, main .h2,
  .nav-btn-c, #nav-logo, #nav-logo h1,
  .nav-headline,
  .main-article .article-title,
  .main-content-header h1 {
    font-size: 3vw;
    line-height: 1;
  }
  aside h2, aside .h2 {
    font-size:inherit;
  }
  nav {
    font-size:inherit;
  }
  #nav-logo {
   order:0;
   position: relative;
   z-index: 5;
   flex-basis: 25%;
   margin-left:0;
  }
  .nav-btn-c {
    order:1;
    position: relative;
    z-index: 5;
    transition: all ease .4s;
  }
  .nav-btn-c:hover {
    font-weight: 400;
  }
  header {
    margin-bottom: 40px;
  }
  header > .container {
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  nav {
    flex-basis:100%;
    order:2;
    padding-top:10px;
    z-index: 4;
    position: relative;
    top: calc(-3vw - 15px);
    background-color: #fff;
  }
  #nav-inner-c {
    padding: 5px 0 35px;
    align-items: stretch;
  }
  #nav-inner-c .col-3,
  #nav-inner-c .col-3.top-row,
  #nav-inner-c .col-3.first-row {
    flex-basis: calc(25% - 15px);
    top:0;
    margin:0;
    position: static;
    font-size: inherit;
  }
  #nav-inner-c .col-3.first-row {
    order:0;
  }
  #nav-inner-c .col-3.top-row {
    order:1;
  }
  .spacing-li {
    display:block;
  }
  li.nav-suche {
    margin-top:0;
    margin-bottom: -7px;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
  }
  #nav-inner-c .col-3.first-row,
  #nav-inner-c .col-3.top-row {
    padding-top: 3vw;
    margin-top: 20px;
  }
  .nav-headline-c {
    line-height: 1;
  }
  .nav-headline {
    margin-bottom: 20px;
  }
  .lang-links {
    font-size:1.6vw;
    width:auto;
    right: 40px;
    padding-top:3px;
  }
  .lang-links .suche-input-c {
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
  .nav-lang-links {
    display: block;
    font-size:1.6vw;
    margin-top: 0.4vw;
  }
  #nav-inner-c .col-3.top-row ul {
    padding-right: 0;
  }
  .aktuelles-c a[href] {
    text-decoration: none;
    display: inline-block;
    font-weight: normal;
    transition: all ease .4s;
    padding-right: 10px;
  }
  .aktuelles-c a[href]:hover {
    font-weight:bold;
    padding-right:0;
  }
  nav a, footer a, footer a[href^="mailto:"], .lang-links a {
    color: transparent;
    position: relative;
  }
  nav a::after, footer a::after, .lang-links a::after {
    white-space:pre;
    position: absolute;
    left:0;
    top:-2px;
    display: block;
    content: attr(data-title);
    font-weight: bold;
    color: #000;
    font-weight: 400;
    transition: font-weight ease .4s;
  }
  nav a:hover::after, nav .active a::after, footer a:hover::after, .lang-links a:hover::after {
    font-weight:800;
  }
  .filter:hover::after, .button:hover::after, aside a.button:hover::after, .md-filter:hover::after, .md-filter-post:hover::after, .md-sort:hover::after {
    font-weight: bold;
  }
  .suche-btn:hover {
    font-weight:bold;
  }

  .suche-c {
    display:inline-flex;
    margin-right: 20px;
    top:auto;
  }
  .suche-btn {
    font-size: 2.2vw;
  }
  nav .suche-btn {
    top: 0;
    font-size: 2.2vw;
  }
  nav .suche-input {
  }
  nav .suche-visible .suche-input-c {
    width: 200px;
    flex-basis: 200px;
  }  
  
  .folgeseite main {
    flex-basis: calc(66.66% - 15px);
  }
  .folgeseite.mduebersicht main,
  .folgeseite.ausstellungsrueckschau main,
  .folgeseite.publikationsuebersicht main,
  .folgeseite.editionsuebersicht main,
  .folgeseite.veranstaltungsuebersicht main {
    flex-basis: calc(75% - 15px);
  }
  .ft-left {
    
  }
  .main-slider-overlay-c {
    cursor: none !important;
  }
  .folgeseite.ausstellungsvorschau main {
    flex-basis: calc(66.66% - 15px); 
  }
  .main-content-section {
    margin: 1.2em 0 2.4em;
  }
  #main-content article.main-article {
    margin-bottom: 100px;
  }
  .vorschau-article {
    margin-bottom: 40px;
  }
  .vorschau-article:nth-last-of-type(2),
  .vorschau-article:nth-last-of-type(1) {
  }
  #side-content {
    top: 1.2em;
    margin-top: -11px;
    flex-basis: calc(25% - 15px);
  }
  .info-box {
    margin-top: 1.2em;
  }
  .side-content-c p {
    max-width: 20vw;
  }
  #side-content .side-content-c.side-content-programm  p {
    margin: 1.2em 0;
  }
  .folgeseite .vorschau-article {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-bottom: 40px;
  }
  .folgeseite .vorschau-article:nth-last-of-type(3) {
  }
  .row-tight .vorschau-article {
    margin-bottom: 40px;
  }
  .vorschau-article.museum-digital-article {
    margin-bottom: 30px;
  }


  footer {
    padding-top:8.4em;
  }
  footer .ft-left ul::before {
    display: none;
  }
  .ft-left {
    flex-basis: calc(75% - 15px);
  }
  .ft-right {
    flex-basis: calc(25% - 15px);
  }
  .ft-left ul,
  .ft-right ul {
    left:auto;
    position: static;
    width:100%;
    justify-content: flex-end;
  }
  .ft-left ul li,
  .ft-left ul li.ft-presse,
  .ft-left ul::after {
    content:"";
    display: block;
    flex-basis: calc(16.66% - 15px);
    order:0;
  }
  .ft-right ul li {
    flex-basis: calc(50% - 10px);
  }
  .ft-left ul li:first-of-type,
  .ft-right ul li:first-of-type {
    margin-left:0;
  }

  .main-slider-subtitle, figcaption, small, .cookie-hint-c {
    font-size: 1.2vw;
  }
  .main-slider-overlay-c {
    opacity: 1;
  }

  .side-content-c {
    margin-bottom: 3.6vw;
  }
  .ui-title, #side-content p.ui-title {
    margin: 10px 0 10px;
  }
}

@media screen and (min-width: 1350px) {
  p.content-link {
    margin: 2.4em 0;
  }
  .foerderlogos-c, .kleingedrucktes-c {
    margin: 8vw 0;
  }
}


@media screen and (min-width:1600px) {
  .suche-btn {
    line-height:1;
  }
  nav .suche-btn {
    line-height:1;
  }  
  
}