@font-face {
  font-family: 'Univers';
  src:  url('../fonts/Univers-Medium.woff2') format('woff2'),
        url('../fonts/Univers-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
  font-family: 'Univers';
  src:  url('../fonts/Univers-Medium-Italic.woff2') format('woff2'),
        url('../fonts/Univers-Medium-Italic.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}
@font-face {
  font-family: 'Univers';
  src:  url('../fonts/UniversNextPro-Bold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}


/* General HTML */

body, html {
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	padding: 0;
	color: #000;
	margin: 0;
	position: relative;
	}
a:link, a:visited {
	color: currentColor;
	}
a:hover {
	cursor: pointer;
	}
.cf:before,
.cf:after {
	content: " "; 
	display: table;
	}
.cf:after {
	clear: both;
	}
.cf {
	*zoom: 1;
	}
h1 {
	font-size: 2em;
	margin: 0;
	font-weight: inherit;
	}
h2, h3, h4, h5 {
	font-size: 1em;
	font-weight: inherit;
	margin: 0;
	}
strong {
	font-style: italic;
	font-weight: inherit;
	}
img {
	max-width: 100%;
	}






/* General Elements */


.top {
	position: relative;
	}
.low {
	text-transform: lowercase;
	}
p, .preview-title, .title, .subtitle {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
 	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;	
	}


/* Form Fields */

form {
	margin-bottom: 1rem;
	}
.honeypot {
	position: absolute;
	left: -9999px;
	}

input {
	font-size: 1em;
	font-family: inherit;
	border: 1px solid black;
	background-color: #fff;
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
	padding: 0.4em 0.5em 0.4em 0.5em;
	}
input[type="text"] {
	background-color: #fff;
	color: inherit;
	font-family: 'Univers', sans-serif;
	-webkit-appearance: none;
	border-radius: 0;
	}
input[type=submit] {
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	border-radius: 0;
	-webkit-appearance: none;
	padding: 0.4em 0.5em 0.4em 0.5em;
	width: 100%;
	position: relative;
	padding: 0.4em 0.5em 0.4em 0.5em;
	border: 1px solid #000;
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	-webkit-appearance: none;
	transition: 0.13s ease-in-out;

	}
input[type=submit]:hover {
	cursor: pointer;
	transition: 0.13s ease-in-out;
	}
input[type=email],
input[type=text],
input[type=password] {
	padding: 0.4em 0.5em 0.4em 0.5em;
	border: 1px solid #000;
	width: calc( 100% - 1em);
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	-webkit-appearance: none;
	}
button[type=submit] {
	width: 100%;
	position: relative;
	padding: 0.4em 0.5em 0.4em 0.5em;
	border: 1px solid #000;
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	-webkit-appearance: none;
	transition: 0.13s ease-in-out;
	}
button[type=submit]:hover {
	cursor: pointer;
	transition: 0.13s ease-in-out;
	}

#searchform.flex {
	justify-content: space-between;
	background: #fff;
	}
.searchoverlay .search-x {
	padding: 0.5em 0.5em 0.2em 0.5em;
	margin-right: 1vw;
	height: 1.2rem;
	display: inline-block;
	font-size: 14pt;
	}
input.search-content {
	padding: 0.5em 0.5em 0.2em 0em;
	font-family: 'Univers', sans-serif;
	font-size: 14pt;
	width: 80vw;
	margin-right: 1vw;
	-webkit-appearance: none;
	}
input.search-button	{
	width: auto;
	}
input.search-button:hover	{
	text-decoration: none;
	}

form .flex-width-33, form .flex-width-25, form .flex-width-50, .flex-width-75, form .flex-width-100  {
	margin-bottom: 1vw;
	}

.register {
	display: none;
	}
.register form {
	margin-bottom: 0;
	}

#membersubscription h2 {
	margin-top: 0 !important; /* otherwise content jumps with slidetoggle */
	}

form.memberform {
	margin-bottom: 2rem;
	}

form.memberform input{
	margin-bottom: 0;

	}

.alert {
	-webkit-animation-name: blinker;
	animation-name: blinker;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	margin-bottom: 2rem;
	}
form.memberform input {
	margin-bottom: .25rem;
	}
textarea:focus, input:focus{
   outline: none;
	}


.uniform__potty {
    position: absolute;
    left: -9999px;
}


/* Splash */

.splashimage {
	position: fixed;
	width: 100%;
	top: 0
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	display: flex;

	}
.splashimage:hover {
	cursor: pointer;
	}
.splashimage .splash-logo {
	position: absolute;
	width: 20%;
	height: 40%;
	left: 40%;
	top: 30%;
	}
.splashimage .splash-logo svg{
	max-width: 100%;
	max-height: 100%;
	}
.splashimage .splash-infos {
	width: calc(50% - 2em);
	margin: 0 auto;
	transform: rotate(10deg) skew(10deg);
	-webkit-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	padding: 1em;
	text-align: center;
	}
.splashimage .splash-infos p:first-child {
	margin: 0;
	}
.splashimage .splash-infos .splash-title {
	font-size: 2rem;
	font-style: italic;
	}


/* Logo */




#logo-bg, 
#logo-fg {
	position: fixed;
	top: 22vh;
	display: block;
	transition: opacity 1s;
	transition: all 0.5s;
	z-index: 2;
	}
.logo-kh {
	left: calc(50% - 9vw);
	width: 18vw;
	}
.logo-kwf {
	left: calc(50% - 12.5vw);
	width: 25vw;
	}
.logo-kwf img{
	width: 100%;
	}

#logo-bg.centered, 
#logo-fg.centered {
	top: 35vh;
	}
#logo-bg {
	z-index: 0;
	opacity: 1;
	transition: visibility 0s linear 300ms, opacity 600ms;
	visibility: visible;
	transition: all 0.5s;
	}
#logo-fg {
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 600ms;
	transition: all 0.5s;
	}
#logo-bg .eye,
#logo-fg .eye{
	fill:none;
	stroke-width:11;
	stroke-miterlimit:10;
	mix-blend-mode: multiply;
	}
#logo-bg .pupil,
#logo-fg .pupil{
	fill:none;
	stroke-width: 11;
	stroke-miterlimit:10;
	mix-blend-mode: multiply;
	}
#logo-bg:hover + #logo-fg,
#logo-fg:hover{
	visibility: visible;
	opacity: 1;
		transition: visibility 0s linear 0s, opacity 600ms;
	transition: all 0.5s;
	}
#logo-bg:hover {
	opacity: 0;
	visibility: hidden;
	}


svg.blink path.eye {
  d: path("M46.71,20.6l-18.17,4.76L6.81,29.32l-1.11,4.21l24.16,2.19l23.72-0.02l32.8,0.1l24.82,0.47l13.08-1.64,l3.77-7.53l-11.75-5.19L91.93,18.5H63.11L46.71,20.6z")
}

svg.blink path.pupil {
  d: path("M88.05,25.64l-39.5,0.51L48.5,27.7l39.46-0.79L88.05,25.64z")
}
svg path, svg rect {
  transition: d 150ms ease;
}



/* Header */

header {
	position: fixed;
	padding: 2vw 4vw 1vw 4vw ;
	top: 0;
	left: 0;
	right: 0;
	color: #000;
	background: #fff;
	transition: top 0.2s ease-in-out;
	z-index: 10;
	}
.nav-up {
		top: -6vw;
		}
header a:link {
	text-decoration: none;
	color: #000;
	transition: color 0.5s;
	}
.mainmenu {
	display: flex; /* or inline-flex */
	justify-content: space-between
	}
.mainmenu .menu-item {
	transition: 0.13s ease-in-out;	
	transition: color 0.5s;
	}
.mainmenu .menu-item.languages{
	text-transform: capitalize;
	}
.mainmenu a.active{
	font-style: italic;
	}				
.mainmenu a:hover {
	transition: color 0.5s;
	cursor: pointer;
	}
.searchoverlay {
	position: absolute;
	background: #fff;
	padding: 1.2vw calc(4vw - 0.6em) 1vw 4vw ;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	text-align: right;
	}


/* Main Structure */


main {
	display: block;
	margin-top: 50vh;
	z-index: 1;
	margin-bottom: 0;
	}
main.home {
	margin-top: 60vh;
	}			
section {
	display: block;
	padding-left: 4vw;
	margin-bottom: 8vw;
	}
section:last-child {
	margin-bottom: 0;
	}
.section-headline {
	margin-bottom: 2rem;
	}
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: -4vw;
	}
.flex .flex {
	align-items: flex-start;
	justify-content: flex-start;
	}
.flex-width-100 {
	width: calc(100% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}
.flex-width-75 {
	width: calc(75% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}
.flex-width-66 {
	width: calc(66.66666% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}
.flex-width-50 {
	width: calc(50% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}
.flex-width-33 {
	width: calc(33.33333% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}
.flex-width-25 {
	width: calc(25% - 4vw);
	margin-right: 4vw;
	margin-bottom: 4vw;
	}

.flex-width-75.flex {
	width: 75%;
	margin-right: 0;
	}
.flex-width-50.flex {
	width: 50%;
	margin-right: 0;
	}
.urgent {
	display: block;
	width: 50vw;
	margin: 0 auto;
	transform: rotate(-10deg) skew(-10deg);
	-webkit-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	padding: 1em;
	}
.urgent p:first-child {
	margin: 0;
	}
.intro {
	display: block;
	font-size: 1.5em;
	margin-top: 15vw;
	padding-right: 4vw;
	}




.main-header {
	text-align: center;
	padding-right: 4vw;
	margin-bottom: 4vw;
	}
.main-header .dates {
	margin-bottom: 0.5rem;
	}
.main-header .artists {
	font-size: 3.5em;
	line-height: 1em;
	letter-spacing: -0.02em;
	}	
.main-header h1.title {
	font-style: italic;
	font-size: 3.5em;
	line-height: 1em;
	letter-spacing: -0.02em;
	}
.main-header h2.subtitle {
	font-size: 3.5em;
	line-height: 1em;
	letter-spacing: -0.01em;
	}
.main-header .opening {
	margin-top: 0.5rem;
	}
.image {
	margin-bottom: 2rem;
	}
a.resizer {
	}
a.resizer .fluidbox__wrap img{
	transition: all 0.13s ease-in-out;	
	}
a.resizer:hover {
	cursor: zoom-in;
	}
a.resizer:hover .fluidbox__wrap img {
	transform: rotate(-10deg) skew(-10deg);
	-webkit-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	transition: all 0.13s ease-in-out;
	}
a.resizer + .image-caption {
	transition: all 0.13s ease-in-out;
	}
a.resizer:hover + .image-caption {
	transform: rotate(10deg) skew(10deg);
	transition: all 0.13s ease-in-out;
	}




/* Previews */

a.preview {
	text-decoration: none;
	transition: 0.13s ease-in-out;
	display: block;
	}
a.preview.flex-width-25,
a.preview.flex-width-33 {
	font-size: 0.75em;
	}
.preview-infos {
	margin-top: 0.5rem;
	}
.preview-dates{ 
	margin-bottom: 0.5em;
	}
.preview-title{ 
	font-size: 2em;
	font-style: italic;
	line-height: 1em;
	}
.preview-subtitle{ 
	font-size: 2em;
	line-height: 1em;
	}
.preview-artists {
	font-size: 2em;
	line-height: 1em;
	}
.preview-infos {
	margin-top: 0.5rem;
	}

a.preview img {
	transition: 0.13s ease-in-out;
	}
a.preview:hover {
	}
a.preview:hover img {
	transform: rotate(-10deg) skew(-10deg);
	-webkit-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
	transition: all 0.13s ease-in-out;
	}
a.preview .preview-infos {
	transition: all 0.13s ease-in-out;
	}

a.preview:hover .preview-infos {
	transform: rotate(10deg) skew(10deg);
	transition: all 0.13s ease-in-out;
	}

.blinker {
	animation: blinker 1s linear infinite;
	}
@keyframes blinker {
	50% {
	opacity: 0;
		}
	}


/* Exhibition Video*/

section.video {
	text-align: center;
    padding-left: 15%;
    padding-right: 15%;
	}
section.video .videocontainer{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	}
section.video .videocontainer iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
    }

/* Exhibition Detail*/


section.big-photo {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	}
section.big-photo img{
	width: 100%;
	}
.image-caption {
	font-size: 0.75em;
	margin-top: 0.5rem;
	transition: 0.13s ease-in-out;	
	text-align: left;
	}
.big-photo .image-caption {
	padding-left: 4vw;
	padding-right: 4vw;
	}
.photos {
	width: 100%;
	}

.sponsor-sections{
	margin-top: 3rem;
	}
.sponsor-section{
	}
.sponsor-logos {	
	}
.sponsor-logos .sponsor-logo{
	display: inline-block;
	width: calc(32% - 1rem);
	height: auto;
	margin-right: 1rem;
	margin-bottom: 1rem;
	}

.sponsor-logos .sponsor-logo img{
	width: 100%;
	height: auto;
	display: block;
	}



/* Exhibition --> Events */

.events-column.columns {
	column-count: 4;
	}
.events-column a.event-preview {
	display: block;
	transition: 0.13s ease-in-out;	
	text-decoration: none;
	font-size: 0.75em;
	transition: color 0.5s;
	width: 100%;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;	
	}
.event-preview-date,
.event-preview-title,
.event-preview-subtitle,
.event-preview-text {
	width: 95%;
	transition: all 0.2s;
	}
.events-column a.event-preview:hover .event-preview-date,
.events-column a.event-preview:hover .event-preview-title,
.events-column a.event-preview:hover .event-preview-subtitle,
.events-column a.event-preview:hover .event-preview-text{
	margin-left: 5%;
	transition: all 0.2s;
	}
.events-column a.event-preview .event-preview-title{
	font-style: italic;
	}


/* Informations */


section.map {
	padding-left: 0;
	padding-right: 0;
	}
#mapid {
	margin-top: 1rem;
	height: 70vh;
	}


/* Publications & Editions */

.pubed-text p{
	}
.pubed-creator p,
.pubed-title p,
.pubed-subtitle p {
	margin: 0;
	}
.pubed-title {
	font-style: italic;
	}
.pubed-creator,	
.pubed-title,
.pubed-subtitle {
	font-size: 2em;
	}

/* Newsletter */

.newsletter-text {
	margin-bottom: 1rem;
	width: 50%;
	}
#newsletter {
	z-index: 0;
	position: relative;
	}
#newsletter-footer {
	display: none;
	padding-bottom: 7rem;
	}
.newsletter-form .flex-width-100 {
	margin-bottom: 1vw;
	}
.newsletter-anchor {
	position: absolute;
	top: -3rem;

}


/* About */

.team {
	margin-right: 4vw;
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
	}
.team .team-member {
	width: calc(25% - 3vw);
	}


/* Press-area */

form.pressarea-login {
	margin-bottom: 0;
	}
form.pressarea-login div{
	margin-bottom: 0;
	}
.subscription-teaser {
	margin-top: 2vw;
	}
.press-user {
	font-size: 1.5em;
	text-align: center;
	}
.press-exhibition {
	margin-bottom: 4rem;
	padding-bottom: 2rem;
	margin-right: 4vw;
	}
.press-exhibition-infos {
	margin-bottom: 2rem;
	}
.press-exhibition-infos .artists{
	display: inline-block;
	}
.press-exhibition-infos .title{
	font-style: italic;
	display: inline-block;
	}
.press-exhibition-infos .subtitle{
	}
.press-exhibition-material {
	}
.pressfile {
	display: block;
	background: rgba(240, 240, 240, 0.5);
	padding: 1rem;
	font-size: 0.75rem;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	transition: all 0.2s;
	text-align: center;
	}
.pressfile:hover {
	display: block;
	background: rgba(240, 240, 240, 1);
	transition: all 0.2s;
	}
.press-exhibition-material {
	}

.pressfile .pdficon {
	width: 4rem;
	margin: 0 auto;
	margin-bottom: 1em;
	}
.pressfile img {
	width: 4rem;
	margin: 0 auto;
	display: block;
	margin-bottom: 1em;
	}

/* Search */

.newsearch {
	width: 100%;
	margin-top: 2rem;
	}
.newsearch form{
	width: 100%;
	}
section.results-header {
	padding: 0;
	}
section.results {
	padding: 0;
	margin-bottom: 2rem;
	margin-right: 4vw;
	}
.result {
	font-size: 2em;
	margin-bottom: 1rem;
	}
.result a{
	text-decoration: none;
	}
.result .result-excerpt {
	margin-top: 0.5em;
	font-size: 1rem;
	}
.searchterm-highlight {
	background: yellow;
	}


/* Footer */

footer {
	padding: 1vw 4vw 0vw 4vw ;
	color: #000;
	background: #fff;
	z-index: 10;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	transition: bottom 0.2s ease-in-out;
	}
footer.footer-float {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	}
footer.footer-up {
		bottom: -6vw;
		}


footer a:link {
	text-decoration: none;
	}
footer a:hover {
	cursor: pointer;
	}
footer .bottomline {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	bottom: 2rem;
	width: 100%;
	align-self: flex-end;
	text-align: left;
	display: flex; /* or inline-flex */
	justify-content: space-between;
	height: 1em;
	margin-bottom: 2em;
	}
footer .bottomline .footer-item {
	display: inline-block;
	}
footer .bottomline .footer-item.social-media{
	width: 6rem;
	text-align: right;
	}				
footer .bottomline .footer-item.social-media a{
	display: inline-block;
	width: 1.2rem;
	margin-left: 0.5em;
	}	
footer .bottomline .footer-item.social-media a img{
	width: 100%;
	height: auto;
	}	

#imprint {
	margin-bottom: 0;
	padding-top: 6vw;
	padding-bottom: 4vw;
	display: none;
	}
#imprint .imprint {
	column-count: 4;
	column-gap: 4vw;
	font-size: 0.75em;
	padding-right: 4vw;
	}
.bottom-area {
	height: 100vh;
	}
.bottom-area a{
	text-decoration: none;
	}





/* Fluidbox Styles */


.fluidbox {
	outline: none;
	}
.fluidbox__overlay {
	background-color: hsla(0, 0%, 100%, 0.85);
	cursor: zoom-out;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: -100%;
	left: 0;
	bottom: -100%;
	right: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}
.fluidbox--opened .fluidbox__overlay {
	pointer-events: auto;
	}
.fluidbox__wrap {
	background-position: center center;
	background-size: cover;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
	}
.fluidbox__thumb {
	}	
.fluidbox--closed .fluidbox__thumb,
.fluidbox__thumb {
	-webkit-transition: opacity 0s ease-in-out 0s;
	transition: opacity 0s ease-in-out 0s;
	}
.fluidbox__ghost {
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	transition: all 0.5s;
	}
.fluidbox__ghost:hover {
	transition: all 0.5s;
	transform: rotate(-10deg) skew(-10deg);
	}	
.fluidbox--opened .fluidbox__ghost {
	cursor: zoom-out;
	}
.fluidbox--closed .fluidbox__ghost {
	-webkit-transition: opacity 0s 0.5s, -webkit-transform 0.5s 0s;
	transition: all 0.5s ease-in-out;		
	}
.fluidbox__loader {
	opacity: 0;
	-webkit-perspective: 200px;
	perspective: 200px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	}
.fluidbox__loader:before {
	background-color: hsla(0, 0%, 100%, 0.85);
	content: "";
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20%;
	padding-bottom: 20%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	}
.fluidbox--loading .fluidbox__loader {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out 0.5s;
	transition: opacity 0.5s ease-in-out 0.5s;
	}
.fluidbox--loading .fluidbox__loader:before {
	-webkit-animation: a 1s 0s infinite ease-in-out forwards;
	animation: a 1s 0s infinite ease-in-out forwards;
	}


/* Media Queries */


@media only screen and (max-width: 1100px) {
	.mainmenu {
		font-size: 0.75em;
		}
	.urgent {
		width: 80vw;
		}
	.footer .bottomline {
		display: block;
		font-size: 0.75em;
		text-align: center;
		width: 100%;
		}
	.footer .bottomline .footer-item.social-media{
		width: auto;
		text-align: left;
		}				
	.footer .bottomline .footer-item {
		}
	.footer .bottomline .footer-item.social-media a{
		display: inline-block;
		width: 0.8rem;
		margin-left: 0.5em;
		}	

	}
@media only screen and (max-width: 800px) {
	.mainmenu {
		display: block;
		text-align: center;
		}
	.flex-width-75 {
		width: 100%;
		}
	.flex-width-33 {
		width: calc(50% - 4vw);
		margin-right: 4vw;
		margin-bottom: 4vw;
		}
	.flex-width-25 {
		width: calc(50% - 4vw);
		margin-right: 4vw;
		margin-bottom: 4vw;
		}
	.flex-width-75.flex {
		width: 100%;
		margin-right: 0;
		}

	}
@media only screen and (max-width: 600px) {
	
	body, html {
		font-size: 14pt;
		}
	body {
		margin: 0;
		}
	h1 {
		font-size: 1em;
	}
	.splashimage .splash-infos {
		width: calc(80vw - 0.5em);
		margin: 0 auto;
		transform: rotate(10deg) skew(10deg);
		-webkit-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
		-moz-box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
		box-shadow: 14px 11px 32px -16px rgba(0,0,0,0.75);
		padding: 0.5em;
		text-align: center;
		top: auto;
		}

	/* Logo */

	#logo-bg, 
	#logo-fg {
		position: relative;
		display: block;
		top: auto;
		margin: 0 auto;
		margin-top: 3rem;
		}
	.logo-kh {
		left: auto;
		top: auto;
		width: 40%;
		}
	.logo-kwf {
		left: auto;
		top: auto;
		width: 70%;
		}
	.logo-kwf img{
		width: 100%;
		}

	#logo-bg.centered, 
	#logo-fg.centered {
		top: auto;
		}
	#logo-bg {
		display: none;
		}
	#logo-fg {
		z-index: 999;
		visibility: visible;
		opacity: 1;
		}
	#logo-bg:hover {
		opacity: 0;
		visibility: hidden;
		}



	/* Header */


	header {
		position: relative;
		background: #fff;
		transition: top 0.2s ease-in-out;
		z-index: 10;
		margin: 0;
		}
	.mainmenu {
		display: block; 
		text-align: center;
		padding: 1rem;
		font-size: 1rem;
		}
	.mainmenu .menu-item {
		display: block;
		}		
	.searchoverlay {
		position: fixed;
		background: rgba(255,255,255,0.9);
		padding: 2rem;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		display: none;
		padding-top: 60%;
		}
	#searchform.flex {
		display: block;
		background: none;
		}
	.searchoverlay .search-x {
		padding: 0.5em 0.5em 0.2em 0.5em;
		margin-right: 1vw;
		height: 1.2rem;
		display: inline-block;
		font-size: 14pt;
		}
	input.search-content {
		padding: 0.5em 0.5em 0.2em 0em;
		font-family: 'Univers', sans-serif;
		font-size: 14pt;
		width: 80vw;
		margin-right: 0;
		margin-top: 1rem;
		margin-bottom: 1rem;
		-webkit-appearance: none;
		border-radius: 0;
		text-align: center;
		}
	input.search-button {
		-webkit-appearance: none;
		border-radius: 0;
		text-align: center;
		}



	main {
		margin-top: 2rem;
		}

	main.home {
		margin-top: 2rem;
		}			
	.urgent {
		width: 80%;
		margin-left: 1rem;
		margin-right: 1rem;
		margin-bottom: 3rem;
		margin: 0 auto;		
		padding: 1em;

		}		
	section {
		padding-left: 1rem;
		margin-bottom: 3rem;
		}
	.flex {
		}

	.flex-width-100,
	.flex-width-75,
	.flex-width-50,
	.flex-width-33,
	.flex-width-25,
	.flex-width-75.flex,
	.flex-width-50.flex {
		width: 100%;
		margin-right: 1rem;
		margin-bottom: 1rem;
		}

	.main-header .artists {
		font-size: 2em;
		}	
	.main-header h1.title {
		font-size: 2em;
		}
	.main-header h2.subtitle {
		font-size: 2em;
		}

	.preview-title{ 
		font-size: 1.5em;
		}
	.preview-subtitle{ 
		font-size: 1.5em;
		}
	.preview-artists {
		font-size: 1.5em;
		}

	.events-column.columns {
		column-count: 2;
		}

	footer {
		display: block
		margin-bottom: 1rem;
		height: auto;
		margin-bottom: 2rem;
		}
	footer a:link {
		text-decoration: none;
		}
	footer a:hover {
		cursor: pointer;
		}
	footer .bottomline {
		width: 100%;
		text-align: center;
		display: block;
		height: auto;
		font-size: 1rem;
		}
	footer .bottomline .footer-item {
		display: block;
		}
	footer .bottomline .footer-item.social-media{
		width: auto;
		text-align: center;
		margin-top: 1rem;
		}				
	footer .bottomline .footer-item.social-media a{
		display: inline-block;
		width: 1.2rem;
		margin-left: 0.5em;
		}	
	#kunsthalle-footer {
		display: none;
		}

	}



.clean-up {
	color: red;
	}



a#check {
  border: 0;
  position: fixed;
  left: 50%;
  top: 5rem;
	}
a#check:hover, a#check:active {
  background: black;
}
a#check svg {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}