@media only screen and (max-width : 1590px)
{
	.archive-view #intro h1.intro, .archive-view #intro h2.intro {
		font-size: calc(var(--big-type)*0.85);
	}
	#intro h1.intro-22, #intro h2.intro-22 {
		font-size: calc(var(--big-type)*0.85);
		white-space: nowrap;
	}
	#intro h2.intro-22 span:last-of-type {
		padding-top: calc(0.9*var(--line-height));
	}
	

	#intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.93);
	}
	#h1-item-2 {
		margin-left: 78%;
	}
}

@media only screen and (max-width : 1420px)
{
	#main-wrapper {
		margin-left:0;
		margin-right:0;
	}
	form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="date"], form select, form textarea {
		width: 73.8%;
	}
}

@media only screen and (max-width : 1280px)
{	
	body, form label, form textarea, form input, form select { 
		font-size:1.8rem;
	}
	#main-wrapper {
		grid-template-rows: minmax(auto, 150px) minmax(20vh, auto) auto 30px;
	}
	.archive-view #intro h1.intro, .archive-view #intro h2.intro {
		font-size: calc(var(--big-type)*0.8);
	}
	.form-container {
		grid-column-end: 8;
	}
	form label {
		width: 40.4%;
	}
	.padSet {
		padding-left: 40.4%;
	}
	form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="date"], form select, form textarea, form input[type="submit"] {
		width: 58.5%;
	}
	form input[type="submit"] {
		margin-left:41.4%;
	}
}

@media only screen and (max-width : 1200px)
{
	.archive-view #intro h1, .archive-view #intro h2 {
		line-height: 0.9;
	}
	.archive-view #intro h1 span:first-of-type {
		padding-top: calc(3*(var(--line-height)*0.8));
	}
	.archive-view #intro h1 span:nth-of-type(2n) {
		padding-top: calc(4*(var(--line-height)*0.8));
	}
	.archive-view #intro h1 span:last-of-type {
		padding-top: calc(4*(var(--line-height)*0.8));
	}
	.archive-view #intro h2 span:first-of-type {
		padding-top: calc(0*(var(--line-height)*0.8));
		padding-left: calc(2*var(--one-unit));
	}
	.archive-view #intro h2 span:last-of-type {
		padding-top: calc(1*(var(--line-height)*0.8));
		padding-left: calc(2*var(--one-unit));
	}
	#intro h1, #intro h2 {
		line-height: 0.9;
	}
	#intro h1 span:first-of-type {
		padding-top: calc(3*(var(--line-height)*0.8));
	}
	#intro h1 span:nth-of-type(2n) {
		padding-top: calc(4*(var(--line-height)*0.8));
	}
	#intro h1 span:last-of-type {
		padding-top: calc(4*(var(--line-height)*0.8));
	}
	#intro h2 span:first-of-type {
		padding-top: calc(0*(var(--line-height)*0.8));
		padding-left: calc(2*var(--one-unit));
	}
	#intro h2 span:last-of-type {
		padding-top: calc(1*(var(--line-height)*0.8));
		padding-left: calc(2*var(--one-unit));
	}
	
/* INTRO 23 */	
	#intro h1.intro-23 span:first-of-type {
		padding-top: 0;
	}
	#intro h1.intro-23 span:nth-of-type(2n) {
		padding-top: 0;
	}
	#intro h1.intro-23 span:last-of-type {
		padding-top: 0;
	}
	#intro h2.intro-23 span:first-of-type {
		padding-top: 0;
		padding-left: 0;
	}
	#intro h2.intro-23 span:last-of-type {
		padding-top: 0;
		padding-left: 0;
	}
	
/* INTRO 24 */
	#intro h1.intro-24 span:last-of-type {
 	   padding-top: 0;
	}	
	#intro h1.intro-24 span:nth-of-type(2n) {
 	   padding-top: 0;
	}	
	
	.dl_container img {
		width: 100%;
	}
	
	#intro .abstract h1, #intro .abstract h2 {
		line-height: 1.2;
	}
}

@media only screen and (max-width : 1164px)
{
	.archive-view #intro h1 span:first-of-type {
		width: 95%;
	}
	#intro h1 span:first-of-type {
		width: 95%;
	}
}
@media only screen and (max-width : 1110px)
{
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2.5*var(--line-height));
	}
	#intro h2.intro-22 span:first-of-type, #intro h2.intro-22 span:last-of-type {
		padding-left: calc(2.5*var(--one-unit));
	}
}

@media only screen and (max-width : 1024px)
{
	body, form label, form textarea, form input, form select { 
		font-size:1.7rem;
	}
	#main-wrapper {
		grid-template-areas:	"hd hd hd hd hd hd hd"
								"nv nv ct ct ct ct as"
								"nv nv ct ct ct ct as"
								"ft ft ft ft ft ft ft";
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: minmax(auto, 130px) minmax(20vh, auto) auto 30px;
		gap: 1.9rem 2.0%;
	}
	
	main {
		grid-column: 3/7;
		margin-bottom: 80px;
	}

	.main-col-l {
		grid-column: 3/5;
	}
	.main-col-r {
		grid-column: 5/7;
	}

	main#artist-list {
		grid-column-start: 3;
		margin-bottom: 80px;
	}

	.toplink{
		grid-column-start: 7;
	}
	
	.selected {
		margin-left: calc(40%);
		font-weight: bold;
	}
	.xtraItem, .sub-not-selected {
		margin-left: calc(40%);
	}
		
	#intro {
		margin-bottom: 0;
	}
	.selected, .main-label, b, strong, h1, h2, h3, h4, h5, h6 {
		font-size: 99.7%;
	}

	.head-item h1, .head-item h2 {
		font-size: 100%;
	}
	
	#partner-list .spo-item {
		width: 50%;
	}
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2.2*var(--line-height));
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2.2*var(--line-height));
	}
	#intro h2.intro-22 span:last-of-type {
		padding-top: calc(0.8*var(--line-height));
	}
	#dataContainer {
		padding: 5% 15% 5% 15%;
	}
	
	#intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.80);
	}
}

@media only screen and (max-width : 940px)
{
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*var(--line-height));
	}
	.archive-view #intro h1.intro span:nth-of-type(2n) {
		padding-top: calc(3*var(--line-height));
	}
	.archive-view #intro h1.intro span:last-of-type {
		padding-top: calc(3*var(--line-height));
	}
	.archive-view #intro h2.intro span:first-of-type {
		padding-left: calc(2*var(--one-unit));
	}
	.archive-view #intro h2.intro span:last-of-type {
		padding-left: calc(2*var(--one-unit));
	}
	#intro h1.intro span:first-of-type {
		padding-top: calc(2*var(--line-height));
	}
	#intro h1.intro span:nth-of-type(2n) {
		padding-top: calc(3*var(--line-height));
	}
	#intro h1.intro span:last-of-type {
		padding-top: calc(3*var(--line-height));
	}
	#intro h2.intro span:first-of-type {
		padding-left: calc(2*var(--one-unit));
	}
	#intro h2.intro span:last-of-type {
		padding-left: calc(2*var(--one-unit));
	}
}


@media only screen and (max-width : 860px){
	#h1-item-2 {
		margin-left: 76%;
	}
}

@media only screen and (max-width : 800px)
{
	body {
		margin-left: 30px;
		margin-right: 30px;
	}
	#main-wrapper {
		grid-template-areas:	"hd hd hd hd hd hd hd"
								"nv nv nv nv nv nv nv"
								"ct ct ct ct ct ct as"
								"ct ct ct ct ct ct as"
								"ft ft ft ft ft ft ft";
		grid-template-rows: minmax(auto, 110px) minmax(60px, auto) auto auto 30px;
		gap: 1.8rem 2.1%;
	}
	
	.head-item:first-of-type {
		position: relative;
		top:0;
	}
	
	nav {
		top: 0;
		background: white;
		padding-top: 20px;
	}
	
	nav, nav ul {
		display: flex;
	}
	
	nav ul {
		flex: auto;
		flex-wrap:wrap;
	}
	
	nav ul li, nav ul li.xtraItem, nav ul li.sub-not-selected {
		width: auto;
		margin-right: 5.5%;
		width: 26.2%;
	}
	nav ul li:hover > a {
		padding-left: 0;
		font-weight: bold;
	}

	.selected {
		margin-left: 0;
	}
	
	.xtraItem, .sub-not-selected {
		margin-left:0;
	}
	nav li.xtraItem, nav li.sub-not-selected {
		padding-bottom:10px;
	}
	
	.subnav, .subsubnav{
		display: block;
		flex: none;
		flex-wrap: unset;
	}
	.subsubnav{
		margin-bottom:0;
	}
	.subnav li, .subsubnav li {
		width: auto;
	}
	.selected-with-sub > a {
		padding-left: 0;
	}
	
	.lang-switch {
		flex: min;
	}
		
	#intro {
		grid-column: 2/7;
		grid-row: 3/4;
		margin-bottom: 50px;
	}
	#intro img, #intro svg {
		padding-left: 20.5%;
	}
	#intro.gallery {
		grid-column: 1/7;
	}
	#intro.gallery img {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	#intro #slide_wrapper{
		padding-left: 0;
	}
	.gallery-items {
		display: flex;
		flex-wrap: wrap;
		gap: 2.7%;
	}
	.gallery-items figure {
		width: 31.5%;
	}
	main {
		grid-column: 2/7;
		grid-row-start: 4;
	}
	.main-col {
		grid-row-start: 4;
	}
	.main-col-l {
		grid-column: 2/5;
	}
	.main-col-r {
		grid-column: 5/8;
	}

	main#artist-list {
		grid-column-start: 2;
		grid-row-start: 4;
	}

	.main-label {
		grid-area: ct;
		grid-row-start: 4;
		grid-column-start: 1;
	}

	.toplink{
		grid-column-start: 7;
	}
	
	.spo-item img {
		max-width: 112px;
	}
	
	.archive-view #intro h1.intro span:nth-of-type(2n) {
		padding-left: calc(1*var(--one-unit)*0.8);
	}
	.archive-view #intro h1.intro span:last-of-type {
		padding-left: calc(1*(var(--one-unit)*0.8));
	}
	.archive-view #intro h2.intro span:first-of-type {
		padding-left: calc(3*(var(--one-unit)*0.8));
	}
	.archive-view #intro h2.intro span:last-of-type {
		padding-left: calc(3*(var(--one-unit)*0.8));
	}
		
	#partner-list {
		grid-row-start: 3;
	}
	
	main .textbutton {
		width: 100%;
	}
	
	.archive-view #intro h1.intro, .archive-view #intro h2.intro, #intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.6);
	}
	.archive-view #intro h2.intro span:last-of-type {
		padding-top: calc(0.5*var(--line-height));
	}
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2.5*var(--line-height));
	}
	
	
	
	#intro.form-intro {
		grid-column-start: 3;
		grid-column-end: 8;
	}
	.form-container {	
		grid-row-start: 3;
		grid-column-start: 1;
	}
	form label {
		width: 28.4%;
	}
	.padSet {
		padding-left: 28.4%;
	}
	form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="date"], form select, form textarea, form input[type="submit"] {
		width: 56.5%;
	}
	form input[type="submit"] {
		margin-left:29.1%;
	}
	
	
	
	#intro h1.intro-22 span:nth-of-type(2n) {
		padding-left: calc(1*var(--one-unit)*0.8);
	}
	#intro h1.intro-22 span:last-of-type {
		padding-left: calc(1*(var(--one-unit)*0.8));
	}
	#intro h2.intro-22 span:first-of-type {
		padding-left: calc(3*(var(--one-unit)*0.8));
	}
	#intro h2.intro-22 span:last-of-type {
		padding-left: calc(3*(var(--one-unit)*0.8));
	}
	
	#intro h1.intro-22, #intro h2.intro-22 {
		font-size: calc(var(--big-type)*0.6);
	}
	#intro h2.intro-22 span:last-of-type {
		padding-top: calc(0.5*var(--line-height));
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2.5*var(--line-height));
	}
	
	#intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.75);
	}
	
	#intro h1.intro-24, #intro h2.intro-24 {
    	font-size: calc(0.75 * var(--big-type));
    }
	#intro h2.intro-24 {
		margin-right: -21%;
	}
	#intro h1 {
		padding-bottom: calc(0.75*var(--line-height));
	}
}
	
@media only screen and (max-width : 680px)
{
	nav {
		display: block;
		position: relative;
	}
	
	nav ul {
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	
	nav ul li {
		flex: 50%;
		margin-right: 0;
		padding: 14px 0 14px 0;
		border-bottom: 1px solid black;
		transition: 0.3s;
	}
	nav ul {
		border-top: 1px solid black;
	}
	.subnav {
		border: none;
		height: auto;
	}
	.subsubnav{
		display: block;
	}
	.subnav li:last-of-type {
		border-bottom: 0;
		padding-bottom: 0;
	}
	.selected-with-sub > a {
		padding-left: 0;
	}
	.subsubnav li {
		border-bottom: 0;
	}
	.lang-switch {
		width: 100%;
		text-align: right;
		padding: 14px 0 14px 0;
		border-bottom: 1px solid black;
		margin-bottom: 2.2rem;
		width: 100%;
		display: block;
		transition: 0.3s;
	}
	nav.menuCollapsed #burgerTitle {
		position: absolute;
		display: block;
		visibility: visible;
		background: white;
		font-size: 1.7rem;
		padding: 4px 6px 0 4px;
		margin-top: 2px;
	}
	nav.menuCollapsed .subnav {
		height: 0;
	}
	nav.menuCollapsed .subnav ul {
		border-top: 0 solid white;
	}
	nav.menuCollapsed .subnav li {
		border-bottom: 0 solid white;
	}
	
	nav.menuCollapsed {
		font-size:3px;
	}
	nav.menuCollapsed li, nav.menuCollapsed .lang-switch {
		padding: 2px 0 2px 0;
	}
	
	nav.menuCollapsed li a, nav.menuCollapsed .lang-switch a {
		display: none;
	}
	
	nav ul li a {
		transition: none;
	}
	nav ul li:hover > a {
		padding-left: 0;
	}
	
	nav ul li.xtraItem, nav ul li.sub-not-selected {
		margin-right: 0;
	}
	
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.76));
		width: 100%;
	}
	.archive-view #intro h2.intro span:first-of-type {
		padding-left: calc(2*(var(--one-unit)*0.8));
	}
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*var(--line-height));
	}
	#intro.gallery img {
		margin-bottom: 10px;
	}
	form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="date"], form select, form textarea, form input[type="submit"] {
		width: 70.5%;
	}
	form input[type="submit"] {
		margin-left:29.1%;
	}
	.radioLabel label {
    	width: 94%;
    }
	
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.76));
		width: 100%;
	}
	#intro h2.intro-22 span:first-of-type {
		padding-left: calc(2*(var(--one-unit)*0.8));
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2*var(--line-height));
	}
	
    #h1-item-2 {
    	margin-left: 63%;
	}
	.placeholderContentWrapper .fakeButton {
		margin-top: 2%;
		margin-bottom:2%;
	}
}

@media only screen and (max-width : 600px)
{
	.placeholderContentWrapper h2, .placeholderContentWrapper p {
		font-size: 80%;
	}
	.placeholderContentWrapper small {
		line-height: 1;
	}
}

@media only screen and (max-width : 580px)
{	
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.8));
	}
	.archive-view #intro h1.intro span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.8));
	}
	.archive-view #intro h1.intro span:last-of-type {
		padding-top: calc(2*(var(--line-height)*0.8));
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.8));
	}
	#intro h1.intro-22 span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.8));
	}
	#intro h1.intro-22 span:last-of-type {
		padding-top: calc(2*(var(--line-height)*0.8));
	}
	#intro h2.intro-24 {
		margin-right: 0;
	}
	#dataContainer {
		padding: 5% 20px 5% 20px;
		height: 95%;
	}

}

@media only screen and (max-width : 520px)
{	
	.archive-view #intro h1.intro, .archive-view #intro h2.intro {
		font-size: calc(var(--big-type)*0.5);
		width: 100%;
	}
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.6));
		padding-left: calc(0*(var(--one-unit)*1.2));
	}
	.archive-view #intro h1.intro span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.6));
	}
	.archive-view #intro h1.intro span:last-of-type {
		padding-top: calc(4*(var(--line-height)*0.6));
		padding-left: calc(2*(var(--one-unit)*1.2));
	}
	.archive-view #intro h2.intro span:first-of-type {
		padding-top: calc(0*(var(--line-height)*0.6));
		padding-left: calc(1*(var(--one-unit)*1.2));
	}
	.archive-view #intro h2.intro span:last-of-type {
		padding-top: calc(1*(var(--line-height)*0.6));
		padding-left: calc(2.5*(var(--one-unit)*1.2));
	}
	#intro h1.intro, .archive-view #intro h2.intro {
		font-size: calc(var(--big-type)*0.5);
		width: 100%;
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.6));
		padding-left: calc(0*(var(--one-unit)*1.2));
	}
	#intro h1.intro-22 span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.6));
	}
	#intro h1.intro-22 span:last-of-type {
		padding-top: calc(4*(var(--line-height)*0.6));
		padding-left: calc(2*(var(--one-unit)*1.2));
	}
	#intro h2.intro-22 span:first-of-type {
		padding-top: calc(0*(var(--line-height)*0.6));
		padding-left: calc(1*(var(--one-unit)*1.2));
	}
	 #intro h2.intro-22 span:last-of-type {
		padding-top: calc(1*(var(--line-height)*0.6));
		padding-left: calc(2*(var(--one-unit)*1.2));
	}
	form input[type="text"], form input[type="tel"], form input[type="email"], form input[type="date"], form select, form textarea, form input[type="submit"], form label {
		width: 100%;
	}
	.padSet {
		padding-left: 0;
	}
	form input[type="submit"] {
		margin-left:0%;
	}
	#intro.form-intro {
		grid-column-start: 1;
	}
	.formItem {
		padding-top: 4px;
	}
	.formItem:first-of-type {
		padding-top: 0;
	}
}

@media only screen and (max-width : 510px)
{
	body {
		margin: 20px 20px 20px 20px;
	}
	#main-wrapper {
		display: block;
	}
	
	.head-item h2 {
		position: relative;
		top:0;
	}
	
	.title-en {
		padding-left: 50%;
	}

	#intro, main, .programme-view:lang(de) {
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}
	nav {
		-webkit-hyphens: none;
		-ms-hyphens: none;
		hyphens: none;
	}
	
	#intro img, #intro svg {
		padding-left: 0;
	}
	
	.main-label {
		position:relative;
		top:0;
		padding-bottom: 2.2rem;
	}
	
	.artist-detail img, .artistPhotoCredits {
		width: 100%;
		margin: 0 0 2.2rem 0;
	}
	.artistPhotoCredits {
		margin-top: -1.8rem;
	}
	
	#footer-wrapper {
		margin-top: 30px;
	}
	
	#partner-list .spo-item.text-link {
		width: 100%;
	}
	
	ol li {
		margin-left: 20px;
	}
	.radioLabel label {
    	width: 90%;
    }
    #intro h1.intro-23, #intro h2.intro-23 {
		padding-left: 3%;
	}
    #h1-item-2 {
    	margin-left: 52%;
	}
}
@media only screen and (max-width : 455px)
{	
    #intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.65);
	}
}
@media only screen and (max-width : 400px)
{	
    #intro h1.intro-23, #intro h2.intro-23 {
		font-size: calc(var(--big-type)*0.55);
	}
}

@media only screen and (max-width : 380px)
{	
	.archive-view #intro h1.intro span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.6));
		padding-left: calc(0*(var(--one-unit)*1.2));
	}
	.archive-view #intro h1.intro span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.6));
		padding-left: calc(1*(var(--one-unit)*1.2));
	}
	#intro h1.intro-22 span:first-of-type {
		padding-top: calc(2*(var(--line-height)*0.6));
		padding-left: calc(0*(var(--one-unit)*1.2));
	}
	#intro h1.intro-22 span:nth-of-type(2n) {
		padding-top: calc(3*(var(--line-height)*0.6));
		padding-left: calc(1*(var(--one-unit)*1.2));
	}
	
	.formItem>div {
		float:left;
	}
  	#intro h1.intro-24, #intro h2.intro-24 {
		font-size: calc(var(--big-type)*0.48);
	}
}
@media only screen and (max-width : 320px)
{
	#sentence {
		display: none;
	}
}