

/*********************  MAX WIDTH 1450 PX */



@media only screen and (max-width: 1370px ) {

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}
	span.mobile{
		display: inline;
	}

	html{
		/*font-size: 110%;*/
	}

	.svg-logo-lang {
		fill: #000;
	}

	p {
		margin-bottom: 1rem;
	}

	h1, h2{
		font-size: 1.6em;
	}
	.zweispaltig{
		display: block;
	}

	.erstespalte{
		width: 100%;
		margin-right: 0;
	}

	.erstespalte__bilder{
		margin-bottom: 2rem;
	}

	.erstespalte__bilder figure{
		display: none;
	}

	.erstespalte__bilder figure:first-of-type{
		display: block;
	}

	.nachlasse-liste__thumbnail figure {
  	margin-bottom: 1.0rem;
	}
	
	.nachlasse-liste__item {
  	margin-bottom: 1.5rem;
	}


	/*
	.erstespalte__bilder:after {
	  content: 'flickity';
	  display: none; /
	}
	*/

	/*
	.erstespalte__bilder figure{
		width: 100%;
		margin: 0;
	}
	*/

	.videowrap{
	/* 	padding: 0; */
	/* height: 400px; */
	}

	.videowrap iframe {
	/*
	    position: relative;
		height: auto;
	*/
	}

	.videowrap a {
		display: inline-block;
		width: 100%;
	}
	.videowrap img {
		width: 100%;
	}

	figcaption span{
		margin-right: 1em;
	}

	.zweitespalte{
		width: 100%;
		font-size: 0.875rem;
		line-height: 1.188rem;
		letter-spacing: 0.018rem;
	}


	.page-id-215 .content .zweitespalte {
    font-size: 1rem;
    line-height: 1.25rem;
		letter-spacing: 0.02rem;
  }

	.zweispaltig--info-pages .erstespalte{
			width: 100%;

	}

	.zweispaltig--info-pages .zweitespalte{
		width: 100%;
		
	}

	/* header / menu */


	.home .header {
		background: #fff;
		position: sticky;

	}


	.header{
		position: -webkit-sticky;
		position: sticky;
		top: 0px;

		min-height: unset;
		padding-bottom: 1rem;
		
	}

	/* mobile menu */


	.header__burger{
		top: 2.3rem;
    height: 1.6rem;
    width: 1.7rem;
    right: 1rem;
    display: block;
	}



	.header--open-menu{
		
		height: 100vh;        
		top: 0;
		left: 0;
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	    position: fixed!important;
	    width: 100%;
	    z-index: 9;
	    
	    background: white;
	}


	.header__burgericon .theme-hintergrund {
	  background: #000 !important;
	}
	.header__burgericon span {
		height: 6px;
	}



	/* Hide scrollbar for Chrome, Safari and Opera */
	.header--open-menu::-webkit-scrollbar {
	  display: none;
	}

	/* Hide scrollbar for IE, Edge and Firefox */
	.header--open-menu {
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	}


	.menu__items{
		display: none;
		margin-top: 1rem;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.header--open-menu .menu__items{
		display: block;
	}

	.submenu{
		margin-top: 0;
		text-align: left;
		float: none;
		font-size: 1.375rem;
		line-height: 1.75rem;
		letter-spacing: 0.028rem;
		display: none;
	}



	.menu__item--active .submenu {
	    display: none;
	}


	.menu__item--open-submenu .submenu {
	    display: block;
	}

	.menu__item--active a{
		color: black!important;
	}

	.menu__item--open-submenu a{
		color: black!important;
	}

	.menu__item {
		font-size: 1.875rem;
		line-height: 2.125rem;
		letter-spacing: 0.04rem;
		display: block;
		text-align: left;
		margin-left: 0;
		margin-right: 0;
	}

	.menu__item a{
		display: block;
		text-align: left;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}


	.submenu__item {
		margin-top: 0;
		margin-bottom: 0;
		display: block;
		margin-left: 0;
	}


	 .submenu__item a{
		 padding-left: 1rem;
	    padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		display: block;

	}

	.lang-switcher-button-menu a {
		font-family: Review-Heavy, sans-serif;
		font-weight: 800;
		padding-top: 2.5rem;
		font-size: 1.1rem;
		letter-spacing: 0.0375rem;
    	display: block;
    	text-align: left;
    	margin-left: 0;
    	margin-right: 0;
    	text-transform: uppercase;
	}




	.menu-item-wrapper .theme-farbe-hover{
		color: inherit;
	}



/*  Logo */

	.home .logo,
	.home .header--open-menu .logo,
	.logo {
		display: none;
	}



	.home .langes-logo,
	.home .header--open-menu .langes-logo,
	.header--open-menu .langes-logo,
	.langes-logo {
		display: block;
		padding-top: 1rem;
		margin-top: 0;
		display:  block;
	    width: calc(100% - 7rem);	
	    margin-left: 1rem;
	    max-width: 600px;
	}


	.lang-switcher-button {
		top: 1.6rem;
		left: auto;
		right: 3rem;
		font-size: 1.25em;
		display: none;
	}

	.header--open-menu .lang-switcher-button{
		display: none;
	}


	/* ticker */
	.ticker__item {
		font-size: 1em;
		padding-bottom: 1em;
	}
	.ticker {
	  height: 3rem;
	  line-height: 3rem;
		padding-top: 0;
	}

	.ticker-startseite {
		height: 3rem
	}



	.veranstaltungen-liste-startseite {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}



	/*
	.veranstaltungen-liste-startseite .veranstaltungen-liste__kategorien{
		display: none;
	}
	*/


	.page-header {
		margin-bottom: 2em;
	}



	.home .header--open-menu .lang-switcher-button {
  		display: none;
	}

	/* disable Flickity */
	.slideshow-startseite:after {
	    content: '';

	}

	.slideshow-starseite__slide{
		height: auto;
		flex-direction: column;
		align-items: flex-start;

	}

	.slideshow-starseite__image{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}

	.slideshow-starseite__overlay{
		margin-top: 0.75rem;
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 2rem;
		color: black;
		min-height: unset;
		z-index: auto;
	
	}
	.slideshow-starseite__overlay a{
		color: black;
	}


	.slideshow-starseite__image img{
		height: auto;
		object-fit: initial;
		display: initial;
	}

	.slideshow-starseite__titel{
	    font-size: 1.875rem;
	}
	.slideshow-starseite__beziehung-untertitel{
		font-size: 1rem;
		line-height: 1.2rem;
		margin-top: 0;
	}
	.slideshow-starseite__beziehung-datum{
		font-size: 1rem;
		margin-top: 0;
		letter-spacing: 0.021rem;
	}

	.header--open-menu .menu-wrap{
		display: none!important;
	}
	.slideshow-starseite__untertitel {
		font-size: 1rem;
		line-height: 1.2rem;
		margin-top:0;
	}
	.slideshow-startseite .flickity-prev-next-button{
		display: none;
	}

	.slideshow-startseite__counter{
		display: none;
	}


	.veranstaltungen-aktuell{
		margin-bottom: 2em;
		padding-left: 1rem;
	}

	.ausstellungen-aktuell,
	.ausstellungen-archiv,
	.ausstellungen-archiv-link,
	.veranstaltungen-archiv-link {
  		padding-left: 1rem;
	}

	.veranstaltungen-liste-startseite{
		width: 100%;
	}



	.post-footer {
	    width: 100%;
	    margin-left: 0;
	    font-size: 0.9em;
	}


	/* veranstaltungen liste */

	.veranstaltungen-liste-filter li {
	margin-right: 0.75em;
	}

	.veranstaltungen-liste-filter{
		margin-bottom: 2rem;
	}


.veranstaltungen-liste__titel {
	font-size: 1.06rem;
	line-height: 1.3rem;
}
	.veranstaltungen-liste__datum{
		width: auto;
		margin-top: 0;
  	margin-bottom: 0.6rem;
	}
	
	.veranstaltungen-liste__datum p{
		display: inline-block;
	}

	.veranstaltungen-liste__titel-kategorie{
		width: 100%;
	}

	.veranstaltungen-liste__kategorien {
		margin-top: 0;
		margin-bottom: 0.5rem;
	}

	.veranstaltungen-liste__kurztext{
		width: 100%;
		font-size: 1.06rem;
		line-height: 1.3rem;
	}


	.veranstaltungen-liste-startseite__link-weitere {
	    font-size: 1em;
	    width: 100%;
	}


	.veranstaltungen-liste__tag__datum.desktop {
		display: block;
		width: 100%;
	}


	.programm__headline, .aktuelles__headline {
  	font-size: 2.3rem;
  	line-height: 2.5rem;
  	letter-spacing: 0.04rem;
	}

	.post-type-archive-ausstellungen h2, 
	.post-type-archive-veranstaltungen h2 {
	  font-size: 2.3rem;
    line-height: 2.5rem;
    letter-spacing: 0.04rem;
	}



	/* Aktuelles */
	.aktuelles-startseite h2{
		padding-right: 1rem;
		
	}
	.aktuelles-startseite{
		width: 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;

	}
	.aktuelles__item{
		margin-right: 0;
		padding-right: 1rem;
		margin-bottom: 4rem;
	}

	.aktuelles__titel, .aktuelles__text {
	  font-size: 1.06rem;
    line-height: 1.3rem;
	  letter-spacing: 0.023rem;
	}


	/* Ausstellungen */
	.ausstellungen-single__header{
		margin-bottom: 2em;
	}

	/* Publikatonen */

	.publikationen-liste__thumbnail{
		float: none;
	}


	/* Besuch / Ticketes */
	.zweispaltiges-layout__erste-spalte{
		width: 100%;
		margin: 0;
	}
	.zweispaltiges-layout___zweite-spalte{
		width: 100%;
		margin: 0;
	}


	/* Veranstaltungen */
	/* Veranstaltungen */
	.single-veranstaltungen .content{
		width: 100%;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.single-veranstaltungen .erstespalte {
		width: 100%;
	}

	.single-veranstaltungen .zweitespalte{
		width: 100%;
	}


	/* seiten */
	.header-text{
		font-size: 1.063rem;
		line-height: 1.313rem;
		letter-spacing: 0.021rem;
	}

	.header-bild{
		margin-bottom: 2em;
	}



	.zweispaltig .portrait {
	    max-height: none;
	    max-width: 100%
	}	
	

	/* presse */

	.presse-single__bild{
	width: 100%;
	margin-right: 0;

	}

	/* Footer */

	.footer {
  		align-items: flex-start;
	}

	.footer-logo {
		width: 100%;
		padding-bottom: 1rem;
	}
	
	.footer-social-logos {
  		margin-top: 0.5rem;

	}

	/* weiterlesen Button und Textspalte */

  	.zweitespalte_inner {
    	width: 100%;
    	/*padding-left: 1.5rem;*/
    	/*display: none;*/
  	}

    .readmore_button {
      	display: block;
      	
  	}

  	.readmore_button {
      background:none;
    	border:none;
    	margin:0;
    	padding:0;
    	margin-bottom: 2rem;
      /*margin-left: 1.5rem;*/
    	cursor: pointer;
    	font-family: Review-Heavy, sans-serif;
  		font-weight: 800;
  		font-size: 1rem;
  		letter-spacing: 0.023rem;
  	}
  	.show {
		  display: block;
		}
		.hidden {
		  display: none;
		}
		.zweitespalte_inner {
		   display: block;
		}

		/*.zweitespalte_inner > p:first-child:after {
		   content: " ...";
    }*/
    
    .zweitespalte_inner > p.show:first-child::after {
    content: " ";
  	}

	
}



@media only screen and (max-width: 1000px ) {


	.home .logo, 
	.home .header--open-menu .logo,
	.logo, 
	.header--open-menu .logo {
		width: 250px;
		position: relative;
		display: block;
	}
	.home .header:not(.header--open-menu) .langes-logo, 
	.home .header--open-menu .langes-logo,
	.header:not(.header--open-menu) .langes-logo, 
	.header--open-menu .langes-logo {
		padding-top: 1.25rem;
		margin-top: 0;
		display:  none;
	    width: calc(100% - 7rem);	
	    margin-left: 0.5rem;
	    max-width: 600px;
	}



	html{
		/*font-size: 120%;*/
	}
	
	.content{
		width: auto;
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.slideshow-startseite {
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.ticker-startseite-wrap {
		margin-left: -1rem;
		margin-right: -1rem;
		padding-top: 1.2rem;
    padding-bottom: 1.2rem;
	
	}
	
	.veranstaltungen-liste-startseite{
		width: 100%;
		max-width: none;
		
	}
	
	.aktuelles-startseite{
		width: 100%;
		max-width: none;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	

	/*
	.erstespalte{
		width: 40%;
	}
	
	.zweitespalte{
		width: 55%;
	}
	*/

	
	.header{
		min-height: 120px;
	}

	
	/* footer */
	
	.footer{
		display: block;
		background-color: #efefef;
	}
	
	.footer-logo {
	    width: 100%;
	    max-width: 600px;
	    margin-top: 0.5rem;
	
	}
	.footer-logo svg{
		width: 100%;
	}
	
	.footer-adresse{
		display: block;
		width: 100%;
	}
	.footer-adresse p {
		width: 100%;
	}
	
	.footer-menu{
		display: block;
		margin-top: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.footer-menu a{
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		display: block;
	}

	.footer-adresse p:nth-child(2) {
  		margin-bottom: 1rem;
	}





	
	/* Veranstaltungen */
	.single-veranstaltungen .content{
		width: 100%;
	}
	/*
	.single-veranstaltungen .erstespalte {
		width: 40%;
	}
	
	.single-veranstaltungen .zweitespalte{
		width: 55%;
	}
	*/
	
	
	
	/* Nachlasse */
	
	.nachlasse-liste__item{
		width: 100%;
		margin-right: 0;
		display: block;
	}	
	
	.nachlasse-single .erstespalte{
		width: 100%;
	}
	
	.nachlasse-single .zweitespalte{
		width: 100%;
	}

}



@media only screen and (max-width: 980px) {
  .erstespalte {
    width: 100%;
    margin-right: 0;
  }
    .zweitespalte {
    width: 100%;
  }


  
}




@media only screen and (max-width: 500px ) {

	.nachlassee-liste .nachlasse-liste__item:last-child {
		margin-bottom: 0;
	}




	.footer-menu {
    	width: 30%;
    	float: left;
    	margin-bottom: 2rem;
    	padding-left: 1rem;
  	}

  	.footer-menu a {
    	padding-top: 0;
    	padding-bottom: 0;
  	}

  	.footer-social-logos {
  		clear: both;
  		display: flex;
  		justify-content: space-between;
  		padding-left: 1rem;
  		padding-right: 1rem;
  	}
  	
  	.footer-social-logos a {
  		margin-right: 0;
	}

	.footer-adresse {
  		padding-bottom: 1rem;
  		padding-left: 1rem;
	}


}
