@media only screen and (max-width : 1334px) { 
	body {
		margin: 0;
	}
	
	#content-wrapper {
		margin:40px 20px 40px 20px;
		width: auto;
		max-width: 1230px;
		grid-template-columns: 280px 1fr;
	}
	
	#footer_main {
		grid-template-columns: repeat(2, 260px) 1fr 2fr 1fr;
	}
	
	#footer_legal {
		grid-template-columns: 80% repeat(2, 1fr);
	}
	

	/* FALLBACK FOR OLDER BROWSERS --------------------------------------------------------------------------- */
	#content-wrapper header {
		width: 230px;
	}
	
	#content-wrapper #main-content {
		width: auto;
	}
	
	.basic-2 main {
		width: 60%;
		margin-right: 0;
		margin-bottom: 50px;
	}
	
	aside, .basic-2 aside {
		float:left;
		width: 35%;
		margin-left:5%;
	}
	
	/* and back again */
	@supports(grid-area: auto) {
		aside {
			float: none;
			width: auto;
		}
	
		#content-wrapper header, footer.g-item .fBack, #eventbox .dashedbox-content h3, 
		.dashedbox-content .dashed-left, .dashedbox-content form,
		.basic-2 main, .press-images figure, .gridview-archive, .gridview-press, .gridview-shop,
		footer.g-item address, footer.g-item ul, aside, .basic-2 aside,
		footer.g-item .fBack.gr2 {
			width: auto;
		}
		#content-wrapper #main-content, #eventbox .dashedbox-content p, 
		.dashedbox-content form, .dashedbox-content img,
		.basic-2 aside {
			margin-left: 0;
		}
		.basic-2 main {
			margin-right: 130px;
			margin-bottom: 0;
		}
		.dashedbox-content img {
			width: 100%;
		}
	
		.gridview-archive, .gridview-press, .gridview-shop {
			margin-bottom: 0;
		}
	
		.gridview-archive:nth-of-type(2n+1), .gridview-press:nth-of-type(2n+1), .gridview-shop, .gridview-shop:nth-of-type(3n) {
			margin-right: 0;
		}
	}
}

@media only screen and (max-width : 1200px) { /*+++++++++++ >= 1024 ++++++++++++*/
	body {
    	-webkit-text-size-adjust: 100%;
	}
	
	#content-wrapper {
		grid-template-columns: 260px 1fr;
	}
	
	#featurebox {
		height: 440px;
	}
	
	.basic-2 {
		grid-template-columns: 1fr 200px;
	}

	.basic-2 main {
		margin-right: 40px;
	}

	.multi-item .imagecontainer img {
		max-height: 398px;
	}
	
	.detail-head .project-slider-image img {
		height: 563px;
	}
		
	.asideImageWrapper img {
		max-height: 200px;
	}
	
	#footer_main {
		grid-template-columns: 260px 220px  1fr 2fr 1fr;
	}
	footer.g-item .fBack.gr2 {
		width: auto;
	}
	
	
	/* FALLBACK FOR OLDER BROWSERS --------------------------------------------------------------------------- */
	.basic-2 main {
		margin-right: 0;
	}

	/* and back again */
	@supports(grid-area: auto) {
		.basic-2 main {
			margin-right: 40px;
		}
	}
}



@media only screen and (max-width : 1024px) { /*+++++++++++ >= 834 ++++++++++++*/
	body {
		font-size:1.5rem;
		line-height:2.2rem;
	}
	.multi-item h1, .multi-item h2, .multi-item h3, #main-exhibition-info, .detail-head h1, .detail-head h2, .detail-head h3, 
	.basic-2 article h1, .basic-2 article h2, .grid-OV h1, .grid-OV h2, .grid-OV p, .inital, .OV-title {
		font-size: 2.4rem;
		line-height: 3.0rem;
	}
	/*
	.asideItem, .lb-data .lb-caption, .lb-data .lb-number {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	*/
	input[type='text'], input[type='search'], input[type='email'], .AtoZ, .pager-nav, .yearlist, .newsletter_form_column form input[type="email"] {
		font-size: 1.4rem;
	}
	input[type='submit'].nl_button, .newsletter_form_column form input[type="submit"] {
		font-size: 1.5rem;
	}
	.asideItem input[type='submit'].nl_button  {
		font-size: 1.2rem;
	}
	header {
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin-right: 30px;
	}
	#logo {
		font-size: 0.8rem;
		margin-bottom: 125px;
	}
	.headerItem + .dashedline {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	#main-sponsors li {
		font-size: 0.8rem;
		margin-right: 30px;
	}
	.multi-item .image_caption {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}
	.multi-item .imagecontainer img {
		max-height: 320px;
	}
	.dashedbox-content h3 {
		font-size: 1.5rem;
		line-height: 2.2rem;	
	}
	.basic-2 article h3, .basic-2 article h4, .basic-2 article h5, .basic-2 article b, .basic-2 article em, .basic-2 article strong, .basic-2 article th, .detailPage .basic-2 article h1, .detailPage .basic-2 article h2  {
		font-size: 1.5rem;
	}
	.basic-2 article .default-image-credits,.project-slider-image .image-caption, .detail-head small {
		font-size: 1.0rem;
	}
	.basic-2 article ul.press-artists,.press-images figcaption {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	nav ul li, .AtoZ li a, .yearlist li a, .pager-nav li a, .pager-nav li.no-hover a:hover {
		padding:4px 12px 4px 12px;
		border: none;
		margin-bottom: -6px;
	}

	nav li:hover, .current-menu-item, .AtoZ li a:hover, .yearlist li a:hover, .pager-nav li a:hover, .AtoZ li a.selected, .pager-nav li a.selected, .current-menu-item.current-menu-parent:hover  {
		padding:0 8px 0 8px;
		border: 4px dashed blue;
		cursor: pointer;
	} 

	.current-menu-item.current-menu-parent {
		padding:4px 12px 4px 12px;
		border: none;
		margin-bottom: -6px;
	}
	
	.top-distance {
		padding-top: 187px;
	}
	
	#featurebox {
		height: 322px;
	}
	
	.detail-head .project-slider-image img {
		height: 453px;
	}
	
	.grid-3-OV {
	    grid-template-columns: repeat(2,1fr);
    }
    
    .grid-3-OV .OV-image-container {
    	height: 234px;
    }

	footer, footer address {
		font-size: 1.2rem;
		line-height: 1.6rem;
	}
	
	#footer_legal {
 	   grid-template-columns: 60% repeat(2, 1fr);
	}

}

@media only screen and (max-width : 834px) {
	/* burger menu here */
	#main-head {
		visibility: hidden;
		display: none;
	}
	
	/* SLICKNAV STYLE */
	.slicknav_nav ul {
		margin-left: 0;
	}
	
	.slicknav-logo-text {
		font-size: 2.0rem;
		text-align: center;
		width: 100%;
		font-family: 'NORM-L';
	}
	
	.slicknav_menu a, .slicknav_menu .menu-item a, .slicknav-logo-text a:hover {
		color: white;
	}
	
	.slicknav_row:hover a {
		color: black;
	}
	
	#content-wrapper {
		display: block;
	}
	header {
		display: none;
	}
	.multi-item h2, .dashedbox h2 {
    	margin-bottom: 25px;
    }
	.multi-item .imagecontainer img {
		max-height: 351px;
	}
	#main-kunstverein .imagecontainer {
		margin-bottom: 45px;
	}
    .top-distance {
    	padding-top: 0;	
    }  
    .detail-head  {
    	margin-bottom: 30px;
    }
    .detail-head .project-slider-image img {
		height: 497px;
	}
	.detail-head h4 {
		margin-top: 20px;
	}
    .AtoZ, .pager-nav {
		margin-bottom: 30px;
    }
    .AtoZ li a,.AtoZ li a.selected {
    	padding: 4px 10px 4px 10px;
    }
    .grid-3-OV .OV-image-container {
    	height: 258px;
    }
	.mapFrame {
		height: 490px;
	}
	#footer_main {
		grid-template-columns: repeat(3, 1fr);
	}
	#footer_main address, #footer_main ul {
		grid-row: 1 / 5;
	}
	#footer_main .gr1, #footer_main .gr2, #footer_main .gr3, #footer_main .gr4 {
		grid-column: 3;
	}
	#footer_main .gr1 {
		grid-row: 1;
	}
	#footer_main .gr2 {
		grid-row: 2;
	}
	#footer_main .gr3 {
		grid-row: 3;
	}
	#footer_main .gr4 {
		grid-row: 4;
	}
	.gr3 ul {
		margin-top: 20px;
	}
	
	/* FALLBACK FOR OLDER BROWSERS --------------------------------------------------------------------------- */
	#content-wrapper header {
		width: auto;
	}
	
	#content-wrapper #main-content {
		margin-left: 0;
	}
}


@media only screen and (max-width : 621px) {
	.multi-item h1, .multi-item h2, .multi-item h3, #main-exhibition-info, .detail-head h1, .detail-head h2, .detail-head h3, 
	.basic-2 article h1, .basic-2 article h2, .grid-OV h1, .grid-OV h2, .grid-OV p, .inital, .OV-title {
		font-size: 2.0rem;
		line-height: 2.6rem;
	}
	.basic-2, .grid-OV, .contactPage article, .grid-3-OV {
    	display: block;
		grid-template-columns: none;
	}
	.basic-2 main {
    	margin-right: 0;
	}
	.grid-OV-item {
		margin-bottom: 68px;
	}
    .grid-3-OV .OV-image-container {
    	height: 386px;
    }
	.multi-item .imagecontainer img {
		max-height: 257px;
	}
	#main-kunstverein .imagecontainer {
		margin-bottom: 30px;
	}
	.detail-head .project-slider-image img {
		height: 364px;
	}
	.asideImageWrapper img {
		max-height: 388px;
	}
	.mapFrame {
		height: 390px;
	}
	#footer_main {
		grid-template-columns:1fr 1fr;
	}
	#footer_main address, #footer_main ul {
		grid-row: 1;
	}
	#footer_main address {
		grid-column: 1;
	}
	 #footer_main ul {
		grid-column: 2;
	}
	#footer_main .gr1 {
		grid-column: 1;
		grid-row: 2;
	}
	#footer_main .gr2 {
		grid-row: 2;
		grid-column: 2;
	}
	#footer_main .gr3 {
		grid-column: 1;
		grid-row: 3
	}
	#footer_main .gr4 {
		grid-row: 3;
		grid-column: 2; 
	}
	.dashedbox-content {
		display: block;
	}
	.dashed-left {
		margin-bottom: 20px;
	}
	.nameList {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	/* FALLBACK FOR OLDER BROWSERS --------------------------------------------------------------------------- */
	#content-wrapper header, footer.g-item .fBack, #eventbox .dashedbox-content h3, 
	.dashedbox-content .dashed-left, .dashedbox-content form,
	.basic-2 main, .press-images figure, .gridview-archive, .gridview-press, .gridview-shop,
	footer.g-item address, footer.g-item ul {
		float:none;
	}
	#content-wrapper #main-content, #eventbox .dashedbox-content p, 
	.dashedbox-content form, .dashedbox-content img,
	.basic-2 aside {
		margin-left: 0;
	}
	.basic-2 main, aside, .basic-2 aside, .basic-2 main, .dashedbox-content .dashed-left, .dashedbox-content form {
		width: 100%;
	}
	.dashedbox-content img {
		display: none;
	}
}


@media only screen and (max-width : 460px) {
	.multi-item .imagecontainer{
		max-height: 240px;
	}
	.mapFrame {
		height: 300px;
	}
    .grid-3-OV .OV-image-container {
    	height: 279px;
    }
	.multi-item .imagecontainer img {
		max-height: 240px;
	}
	.detail-head .project-slider-image img {
		height: 263px;
	}
	.asideImageWrapper img {
		max-height: 280px;
	}
	
	/* SLICKNAV STYLE */
	.slicknav-logo-text {
		font-size: 1.6rem;
		padding-top: 10px;
	}
	#search_form_details_full #search_field_full {
		width: 83%;
	}
}

@media only screen and (max-width : 375px) {
	.basic-2 {
		display: block;
	}
	.basic-2 main {
		margin-right: 0;
		margin-bottom: 80px;
	}
	.detail-head .project-slider-image img {
		height: 210px;
	}
	#footer_main, #footer_legal {
		display:block;
	}
	#footer_main address, #footer_main ul, #footer_main div {
		margin-bottom: 25px;
	}
	#footer_main ul {
		display: none;
	}
	#footer_main .gr3 ul {
		display: block;
	}
	.nameList {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
    .grid-3-OV .OV-image-container {
    	height: 223px;
    }
	.multi-item .imagecontainer img {
		max-height: 200px;
	}
}