/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
  }
  
  /* Sections
	 ========================================================================== */
  
  /**
   * Remove the margin in all browsers.
   */
  
  body {
	margin: 0;
  }
  
  /**
   * Render the `main` element consistently in IE.
   */
  
  main {
	display: block;
  }
  
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  
  h1 {
	font-size: 2em;
	margin: 0.67em 0;
  }
  
  /* Grouping content
	 ========================================================================== */
  
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  
  hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
  }
  
  /* Text-level semantics
	 ========================================================================== */
  
  /**
   * Remove the gray background on active links in IE 10.
   */
  
  a {
	background-color: transparent;
  }
  
  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  
  abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
  }
  
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  
  b,
  strong {
	font-weight: bolder;
  }
  
  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  
  code,
  kbd,
  samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
  }
  
  /**
   * Add the correct font size in all browsers.
   */
  
  small {
	font-size: 80%;
  }
  
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  sup {
	top: -0.5em;
  }
  
  /* Embedded content
	 ========================================================================== */
  
  /**
   * Remove the border on images inside links in IE 10.
   */
  
  img {
	border-style: none;
  }
  
  /* Forms
	 ========================================================================== */
  
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  
  button,
  input,
  optgroup,
  select,
  textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
  }
  
  /**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
  
  button,
  input { /* 1 */
	overflow: visible;
  }
  
  /**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  
  button,
  select { /* 1 */
	text-transform: none;
  }
  
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
	-webkit-appearance: button;
  }
  
  /**
   * Remove the inner border and padding in Firefox.
   */
  
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
  }
  
  /**
   * Restore the focus styles unset by the previous rule.
   */
  
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
  }
  
  /**
   * Correct the padding in Firefox.
   */
  
  fieldset {
	padding: 0.35em 0.75em 0.625em;
  }
  
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  
  legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
  }
  
  /**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  
  progress {
	vertical-align: baseline;
  }
  
  /**
   * Remove the default vertical scrollbar in IE 10+.
   */
  
  textarea {
	overflow: auto;
  }
  
  /**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
  
  [type="checkbox"],
  [type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
  }
  
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
	height: auto;
  }
  
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  
  [type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
  }
  
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  
  [type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  
  ::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
  }
  
  /* Interactive
	 ========================================================================== */
  
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  
  details {
	display: block;
  }
  
  /*
   * Add the correct display in all browsers.
   */
  
  summary {
	display: list-item;
  }
  
  /* Misc
	 ========================================================================== */
  
  /**
   * Add the correct display in IE 10+.
   */
  
  template {
	display: none;
  }
  
  /**
   * Add the correct display in IE 10.
   */
  
  [hidden] {
	display: none;
  }


  /* CUSTOM
  	 ==========================================================================
	 ========================================================================== */


	@font-face {
		font-family: 'PanamaMonospaceBold';
		src:	url('../fonts/PanamaMonospaceBold/PanamaMonospaceBold.woff') format('woff'),
				url('../fonts/PanamaMonospaceBold/Panama Monospace Bold.otf') format('opentype');
	}

	@font-face {
		font-family: 'PanamaBold';
		src:	url('../fonts/PanamaBold/PanamaBold.woff') format('woff'),
				url('../fonts/PanamaBold/PanamaBold.otf') format('opentype');
	}

	@font-face {
		font-family: 'FGroteskBook';
		src:	url('../fonts/F_Grotesk/Desktop License/F Grotesk Book.otf') format('opentype');
	}

	@font-face {
		font-family: 'FGroteskBold';
		src:	url('../fonts/F_Grotesk/Desktop License/F Grotesk Bold.otf') format('opentype');
	}

	:root {
		--grid-gutter: 1.25rem;

		--grid-1-width: 12.70%;
		--grid-2-width: 33.68%;
		--grid-3-width: 16.87%;
		--grid-4-width: 8.47%;
		--grid-5-width: 28.28%;

		--color-rosa: #feb9da;
		--color-black: #000000;

		--font-serif: PanamaBold, georgia, serif;
		--font-sans: FGroteskBook, Arial, sans-serif;
		--font-sans-bold: FGroteskBold, Arial, sans-serif;
		--font-mono: PanamaMonospaceBold, Courier, monospace;

		--text-indent: 2.8125rem;

		--menu-bar-width: 2.5625rem;
	}

	body {
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		font-family: var(--font-sans-bold);
		font-weight: normal;
		color: var(--color-black);
		overflow-y: scroll;
		overflow-x: hidden;
		position: relative;
		background-color: white;
	}

	* {
		outline: none;
		scrollbar-width: auto;          /* "auto" or "thin" */
		scrollbar-color: white var(--color-black); 
	}

	::-moz-selection { /* Code for Firefox */
		color: var(--color-black);
		background: var(--color-rosa);
	}
	
	::selection {
		color: var(--color-black);
		background: var(--color-rosa);
	}

	/* width */
	::-webkit-scrollbar {
		width: var(--grid-gutter);
	}
	
	/* Track */
	::-webkit-scrollbar-track {
		background: var(--color-black);
	}
	
	/* Handle */
	::-webkit-scrollbar-thumb {
		background: white;
		border-radius: 0;
		border: 1px solid transparent;
		background-clip: padding-box;
	}
	
	/* Handle on hover */
	::-webkit-scrollbar-thumb:hover {
		background: var(--color-rosa);
		border: 1px solid transparent;
		background-clip: padding-box;
	}

	.pageWrapper {
		min-height: 100vh;
	}

	h1, h2 {
		font-family: var(--font-sans-bold);
		line-height: 1;
		text-transform: uppercase;
		font-size: 3.4375rem;
		font-weight: normal;
	}

	p {
		margin: 0;
	}

	mark {
		background-color: transparent;
	}

	mark::before {
		content: '';
		width: 100%;
		height: 100%;
		background-color: var(--color-rosa);
		position: absolute;
		z-index: -1;
	}

	.uppercase {
		text-transform: uppercase;
	}

	.serif {
		font-family: var(--font-serif);
		font-weight: normal;
		line-height: 100%;
	}

	.mono {
		font-family: var(--font-mono);
		font-weight: normal;
		line-height: 100%;
	}

	.sans {
		font-family: var(--font-sans);
		line-height: 1;
	}

	.sans-b {
		font-family: var(--font-sans-bold);
		font-weight: normal;
		line-height: 1;
	}

	.overline {
		font-size: 0.625rem;
		font-family: var(--font-sans-bold);
		text-transform: uppercase;
		line-height: 1;
	}

	.date {
		font-size: 1.75rem;
		font-family: var(--font-serif);
		text-transform: uppercase;
		line-height: 100%;
	}

	a {
		color: var(--color-black);
	}

	.hero-button {
		background-color: var(--color-black);
		color: white;
		text-transform: uppercase;
		font-size: 3.125rem;
		font-family: var(--font-serif);
		border: none;
		cursor: pointer;
		text-decoration: none;
		padding: 0em .1em;
		display: inline-block;
		text-indent: 0;
		margin-top: .8em;
		margin-right: .25em;
	}

	.hero-button:hover {
		background-color: var(--color-rosa);
		color: var(--color-black);
	}

	figure {
		margin: 4rem 0;
	}

	figure.video video {
		width: 100%;
		display: block;
	}

	figcaption {
		font-size: 1rem;
		text-indent: 0;
		font-family: var(--font-mono);
	}

	figure img {
		width: 100%;
		display: block;
	}

	.home .content-wrapper::-webkit-scrollbar { width: 0 !important; height: 0 !important; }

	.home .content-wrapper {
		overflow: auto;
		height: 100%;
		scrollbar-width: none;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none;
	}

	.home .content-wrapper p {
		margin: 0;
	}

	.home .content {
		width: 150%;
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
	}

	.home .grid-news1-txt .content,
	.home .grid-news2-txt .content {
		width: 100%;
	}

	.grabScroll * {
		-webkit-user-select: none; /* Safari */        
		-moz-user-select: none; /* Firefox */
		-ms-user-select: none; /* IE10+/Edge */
		user-select: none; /* Standard */
	}

	.grabScroll {
		cursor: grab;
	}

	.grabScroll * {
		cursor: grab;
	}

	.onlyMobile {
		display: none;
	}


	.grid img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		display: block;
		transition: transform .3s;
	}

	.grid img:hover {
		/* object-fit: contain; */
		transform: scale(1.1);
	}

	.grid {
		width: 100%;
		height: 100vh;
		display: grid;
		grid-template-columns: repeat(24, [col-start] 1fr [col-end]);
		grid-template-rows:
			[row1-start] 17.68%
			[row2-start] 8.4%
			[row3-start] 12.5%
			[row4-start] 19.92%
			[row5-start] 14.55%
			[row6-start] 10.25%
			[row7-start] 6.74%
			[row8-start] 9.96% [row8-end];
		column-gap: var(--grid-gutter);
		overflow: hidden;
	}

	.grid-col-about {
		grid-column-start: col1-start;
		grid-column-end: col2-start;


	}

	.grid-about {
		grid-column-start: col-start 1;
		grid-column-end: col-start 4;

		grid-row-start: row1-start;
		grid-row-end: row8-end;

		font-size: 1.5625rem;

		text-indent: var(--text-indent);
	}

	.grid-news1-img {
		grid-column-start: col-start 5;
		grid-column-end: col-end 11;	

		grid-row-start: row1-start;
		grid-row-end: row3-start;
	}

	.grid-news1-txt  {
		grid-column-start: col-start 4;
		grid-column-end: col-end 9;

		grid-row-start: row3-start;
		grid-row-end: row4-start;

		font-size: 0.75rem;
	}

	.grid-news2-img {
		grid-column-start: col-start 8;
		grid-column-end: col-end 15;

		grid-row-start: row4-start;
		grid-row-end: row6-start;
	}

	.grid-news2-txt {
		grid-column-start: col-start 7;
		grid-column-end: col-end 11;

		grid-row-start: row6-start;
		grid-row-end: row7-start;

		font-size: 0.75rem;
	}

	.grid-publications-img {
		grid-column-start: col-start 4;
		grid-column-end: col-end 8;

		grid-row-start: row7-start;
		grid-row-end: row8-end;
	}

	.grid-publications-txt {
		grid-column-start: col-start 9;
		grid-column-end: col-end 11;

		grid-row-start: row7-start;
		grid-row-end: row8-end;

		margin-left: calc(var(--grid-gutter) * -1);

		font-size: 0.75rem;
	}

	.grid-kunstsaele-img {
		grid-column-start: col-start 13;
		grid-column-end: col-end 17;

		grid-row-start: row1-start;
		grid-row-end: row2-start;

		position: relative;
	}

	.grid-kunstsaele-txt {
		grid-column-start: col-start 12;
		grid-column-end: col-end 17;

		grid-row-start: row2-start;
		grid-row-end: row4-start;

		font-size: 1.125rem;
	}

	.kunstsaele-desc {
		text-indent: var(--text-indent);
	}

	.grid-kunstsaele-txt .headline-style p:first-of-type {
		text-indent: 0;
	}

	.grid-huegel-txt {
		grid-column-start: col-start 18;
		grid-column-end: col-end 24;

		grid-row-start: row1-start;
		grid-row-end: row5-start;

		padding-right: calc(var(--grid-gutter) + var(--menu-bar-width));

		font-size: 2.5rem;
		text-indent: var(--text-indent);
	}
	
	.grid-huegel-img {
		grid-column-start: col-start 16;
		grid-column-end: col-end 24;

		grid-row-start: row5-start;
		grid-row-end: row8-start;

		padding-right: calc(var(--grid-gutter) + var(--menu-bar-width));

		position: relative;
	}










/*	#######  NAVIGATION  ########################################  */


	.main-nav {
		display: grid;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background-color: rgba(255, 255, 255, 0);
		transition: background-color .5s, height 1.5s cubic-bezier(0.16, 1, 0.3, 1), transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
		pointer-events: none;
		grid-template-columns: repeat(24, [col-start] 1fr [col-end]) [ende];
		column-gap: var(--grid-gutter);
	}

	.main-nav.open {
		background-color: rgba(255, 255, 255, 1);
		pointer-events: auto;
	}

	.catalogs .main-nav.open,
	.editions .main-nav.open,
	.template-edition .main-nav.open {
		background-color: rgba(0, 0, 0, 1);
	}

	.aaf-logo {
		width: 100vw;
		height: 12.15vw;
		position: fixed;
		top: 45vh;
		transform: translateY(-50%);
		z-index: 1001;
		overflow: hidden;
		pointer-events: none;
		clip-path: inset(0 0);
		transition: clip-path .5s;
	}

	.aaf-logo.hideLogo {
		clip-path: inset(50% 0);
	}

	.aaf-logo svg {
		display: block;
		width: 100%;
		transition: transform .5s;
	}

	.aaf-logo.change svg {
		transform: translateY(-50.1%);
	}

	.aaf-logo path {
		fill: var(--color-black);
		transition: fill .5s;
	}

	.aaf-logo.darkMode path {
		fill: white;
	}


	/*	#######  Menu Button  #######  */

	.menu-button {
		background-color: var(--color-rosa);
		border: none;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-family: var(--font-serif);
		font-size: 3.125rem;
		line-height: 90%;
		transform: rotate(-90deg) translateY(-100%);
		transform-origin: top right;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 101;
		height: var(--menu-bar-width);
		padding-right: var(--menu-bar-width);
		cursor: pointer;
		color: var(--color-black);
	}

	.menu-icon {
		display: block;
		width: var(--menu-bar-width);
		height: var(--menu-bar-width);
		background-color: var(--color-rosa);
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
	}

	.menu-icon:after {
		content: '';
		display: block;
		position: absolute;
		height: 1px;
		width: 200%;
		top: 50%;
		left: 50%;
		background-color: var(--color-black);
		transform: translate(-50%, 0%);
		transition: transform .3s;
		transform-origin: center left;
	}

	.menu-icon:before{
		content: '';
		display: block;
		position: absolute;
		height: 200%;
		width: 1px;
		left: 1.3125rem;
		top: 1.3125rem;
		background-color: var(--color-black);
		transform: translate(0%, -50%);
		transition: transform .3s;
		transform-origin: top center;
	}

	.menu-button:hover .menu-icon:before,
	.menu-button.open:hover .menu-icon:before {
		transform: rotate(25deg) translate(-50%, -50%);
		transform-origin: top center;
	}

	.menu-button:hover .menu-icon:after,
	.menu-button.open:hover .menu-icon:after {
		transform: rotate(25deg) translate(-50%, 0%);
		transform-origin: center left;
	}

	.menu-button.open .menu-icon:before {
		transform: rotate(45deg) translate(-50%, -50%);
		transform-origin: top center;
	}

	.menu-button.open .menu-icon:after {
		transform: rotate(45deg) translate(-50%, 0%);
		transform-origin: center left;
	}


	/*	#######  Back Button  #######  */

	.home .back-button {
		display: none;
	}

	.back-button {
		background-color: transparent;
		border: none;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		font-family: var(--font-serif);
		font-size: 3.125rem;
		line-height: 90%;
		transform: rotate(-90deg) translateX(-100%) translateY(-100%);
		transform-origin: top left;
		left: var(--menu-bar-width);
		position: fixed;
		top: 0;
		z-index: 101;
		height: var(--menu-bar-width);
		padding-right: var(--menu-bar-width);
		text-decoration: none;
	}

	.back-icon {
		display: block;
		width: var(--menu-bar-width);
		height: var(--menu-bar-width);
		background-color: var(--color-rosa);
		position: absolute;
		top: 0;
		right: 0;
		overflow: hidden;
	}

	.back-icon:before {
		content: '';
		display: block;
		position: absolute;
		height: 1px;
		width: 200%;
		left: 50%;
		top: 0;
		background-color: var(--color-black);
		transform: rotate(63deg);
		transition: transform .3s;
		transform-origin: top left;
	}

	.back-icon:after {
		content: '';
		display: block;
		position: absolute;
		height: 1px;
		width: 200%;
		left: 50%;
		top: 0;
		background-color: var(--color-black);
		transform: rotate(116deg);
		transition: transform .3s;
		transform-origin: top left;
	}

	.back-button:hover .back-icon:before {
		transform: rotate(73deg);
	}

	.back-button:hover .back-icon:after {
		transform: rotate(106deg);
	}


	/*	#######  Nav Links  #######  */

	.nav-item {
		width: 1px;
		max-width: 1px;
	}

	.nav-link {
		font-family: var(--font-serif);
		position: absolute;
		top: 100%;
		transform: rotate(-90deg) translateX(3.125rem);
		transform-origin: bottom left;
		font-size: 3.125rem;
		color: var(--color-black);
		line-height: 1;
		height: .5em;
		overflow: hidden;
		text-transform: uppercase;
		padding-top: .5em;
		text-decoration: none;
		transition: height .5s, padding-top .5s, opacity .5s, background-color .5s, color .5s;
		pointer-events: auto;
	}

	.open .nav-link {
		height: .92em;
		padding-top: 0;
	}

	.nav-link::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: transparent;
		z-index: -1;
		transition: background-color .5s;
	}

	.nav-link:hover::before {
		background-color: var(--color-rosa);
	}

	.pageWrapper:not(.home) .main-nav:not(.open) .nav-link:not(.active) {
		opacity: 0;
		pointer-events: none;
		height: 0;
	}

	.nav-link.active {
		height: .92em;
		padding-top: 0;
	}

	.open .nav-link.active {
		background-color: var(--color-rosa);
	}


	.nav-link:hover {
		height: .92em;
		padding-top: 0;
	}

	.nav-link.active {
		pointer-events: none;
	}

	.main-nav.open .nav-link.active {
		pointer-events: auto;
	}

	.nav-item-about {
		grid-column-start: col-start 4;
		grid-column-end: col-end 4;
	}

	.nav-item-login {
		grid-column-start: col-start 4;
		grid-column-end: col-end 4;
	}

	.nav-link-login {
		top: 0%;
		transform: rotate(-90deg) translateX(calc(1em - 100%));
	}

	.nav-item-publications {
		grid-column-start: col-start 12;
		grid-column-end: col-end 12;
	}

	.nav-item-kunstsaele {
		grid-column-start: col-start 18;
		grid-column-end: col-end 18;
	}

	.nav-link-kunstsaele {
		top: 8%;
		transform: rotate(-90deg) translateX(calc(1em - 100%));
	}

	.nav-item-collection {
		grid-column-start: col-start 24;
		grid-column-end: col-end 24;
		position: absolute;
		top: 0;
		height: 100%;
		right: var(--menu-bar-width);
	}

	.nav-link-collection {
		top: 90.2%;
	}

	.nav-link-news {
		top: 73.1%;
	}

	.nav-item-news {
		grid-column-start: col-start 16;
		grid-column-end: col-end 16;
	}

/*	#######  NEWS  ########################################  */

	.news-cat {
		font-size: 1.125rem;
		text-transform: uppercase;
		letter-spacing: -.02em;
		font-family: var(--font-sans-bold);
		line-height: 100%;
		margin: .2em 0;
	}

	.news-date {
		font-size: 1.5625rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: -.02em;
		font-family: var(--font-serif);
	}

	.news-title {
		font-size: 1.5625rem;
		line-height: 1;
		font-family: var(--font-sans-bold);
		text-transform: uppercase;
		margin: 0;
	}

	.news-location {
		font-size: 1.5625rem;
		line-height: 1;
		font-family: var(--font-serif);
		text-indent: var(--text-indent);;
	}

	.news-text {
		text-indent: var(--text-indent);
	}

	.news-text figure {
		display: none;
	}

	.news-content-wrapper {
		padding: var(--menu-bar-width);
		padding-top: 6rem;
		display: flex;
		flex-wrap: wrap;
	}



	.news-content-wrapper .content-col1 {
		width: 40%;
		text-align: left;
		padding-left: calc( var(--grid-gutter) + 3% );
		display: flex;
		gap: var(--grid-gutter);
	}

	.news-content-wrapper .content-col1 .moreLink {
		display: flex;
		gap: var(--grid-gutter);
	}

	.news .content-col2::-webkit-scrollbar { width: 0 !important; height: 0 !important; }

	.news-content-wrapper .content-col2 {
		width: 60%;
		font-size: 1.5625rem;
		line-height: 1;
		padding-right: var(--grid-gutter);
		max-height: 21vh;
		overflow-y: scroll;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-bottom: var(--grid-gutter);
	}

	.news-article {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: var(--grid-gutter);
	}

	.news-article img {
		width: calc( var(--grid-gutter) * 2 + 5.7vw);
		margin-top: 0.5rem;
	}

	.pageWrapper.template-news {
		min-height: auto;
	}

	.template-news-article .news-content-wrapper {
		flex-wrap: nowrap;
	}

	.template-news-article .news-content-wrapper .content-col2 {
		max-height: none;
		width: calc( 37.2vw + .6rem );
		overflow: auto;
	}

	.template-news-article .news-content-wrapper .content-col1 {
		padding-left: var(--grid-gutter);
		width: calc( 62.8vw - .6rem );
		display: block;
		padding-right: 1rem;
	}

	.template-news-article .news-content {
		text-indent: var(--text-indent);
		font-size: 1.875rem;
		line-height: 1.3;
		padding-top: .5em;
	}

	.template-news-article h1 {
		margin: 0;
	}

	.template-news-article img {
		width: 100%;
		margin: var(--grid-gutter) 0;
		margin-bottom: 0;
	}

	.news-article-infos {
		display: flex;
		gap: var(--grid-gutter);
		text-indent: 0;
	}

	.news-article-infos div {
		flex: 1 1 0px;
	}

	.news-article-infos .news-location {
		text-indent: 0;
	}

/*	#######  KUNSTSAELE  ########################################  */

	.eventsHeader {
		position: absolute;
		top: 0;
		left: 50%;
		width: 50%;
		text-align: left;
		box-sizing: border-box;
		padding: var(--menu-bar-width) calc(var(--grid-gutter) + var(--menu-bar-width));
		padding-left: calc(var(--grid-gutter) / 2);
		padding-bottom: var(--grid-gutter);
		z-index: 1;
	}

	.template-event .eventsHeader {
		position: static;
		margin-left: auto;
	}

	.eventsHeader a,
	.about-header a {
		font-size: 1.125rem;
		margin: 0;
		display: inline-block;
		text-decoration: none;
		font-family: var(--font-sans-bold);
		text-transform: uppercase;
		text-decoration: underline;
		margin-left: var(--menu-bar-width);
	}

	.about-header a {
		margin-left: 0;
		margin-right: var(--menu-bar-width);
	}

	.template-event .eventsHeader a:first-of-type {
		margin-left: 0;
	}

	.eventsHeader h1,
	.about-header h1 {
		font-size: 1.125rem;
		margin: 0;
		display: inline-block;
		margin-left: var(--menu-bar-width);
	}

	.eventsHeader a:first-child,
	.eventsHeader h1:first-child {
		margin-left: 0;
	}

	.about-header h1 {
		margin-right: var(--menu-bar-width);
	}

	.template-event h1 {
		margin: 0;
		max-width: 12em;
	}

	.kunstsaele h2,
	.template-event h1 {
		font-size: 3.4375rem;
		margin: 0;
		margin-top: 0.25rem;
	}

	.kunstsaele .date,
	.template-event .date,
	.template-edition .date {
		font-size: 3.4375rem;
		display: inline;
	}

	.eventSlider {
		height: 100vh;
	}

	.eventSlider .slick-track,
	.eventSlider .slick-list {
		height: 100%;
	}

	.eventSlide {
		background-size: cover !important;
		background-position: center center !important;
		background-repeat: no-repeat !important;
		width: 100vw;
		height: 100vh;
		position: relative;
	}

	.eventSlide .eventLink {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.eventInfo {
		padding: 0 calc(var(--menu-bar-width) + var(--grid-gutter));
		padding-bottom: 2.0625rem;
		display: flex;
		position: absolute;
		bottom: -1.25rem;
		width: 100%;
		box-sizing: border-box;
		gap: var(--grid-gutter);
		transition:  padding .3s, transform .3s;
	}

	.eventInfo:hover {
		transform: translateY(-1.25rem);
	}

	.eventInfo:hover .eventInfo-col1 {
		transform: translate(-0.625rem);
	}

	.eventInfo:hover .eventInfo-col2 {
		transform: translate(0.625rem);
	}

	.eventInfo-col1 {
		width: 100%;
		text-align: right;
		transition: transform .3s;
	}

	.eventInfo-col2 {
		width: 100%;
		transition: transform .3s;
	}

	.eventInfo-col1-wrap {
		position: relative;
		display: inline;
	}

	.template-event .aaf-logo,
	.template-catalogs .aaf-logo {
		opacity: 0;
		transition: opacity .3s;
	}

	.template-event .main-nav.open .aaf-logo,
	.template-catalogs .main-nav.open .aaf-logo {
		opacity: 1;
	}

	.event-content-wrapper,
	.publications-content-wrapper {
		padding: var(--menu-bar-width);
		padding-top: 0;
		display: flex;
		flex-wrap: wrap;
	}

	.content-col1 {
		padding-left: var(--grid-gutter);
		width: 30%;
		text-align: right;
		box-sizing: border-box;
	}

	.content-col2 {
		padding-left: var(--grid-gutter);
		width: 70%;
		box-sizing: border-box;
	}

	.overline-wrap {
		display: inline-block;
		height: 1em;
	}

	.overline-wrap .overline {
		position: absolute;
		font-size: 1.125rem;
		transform: translate(-1em, -50%);
	}

	.event-content {
		font-size: 1.875rem;
		line-height: 1.3;
		text-indent: 7.1875rem;
		padding-right: var(--menu-bar-width);
		padding-bottom: var(--menu-bar-width);
	}

	.credits {
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 100%;
	}

	.template-event .credits,
	.template-edition .credits {
		margin-top: 8rem;
	}

	.credits-col1 {
		text-align: right;
		width: 11%;
		word-wrap: anywhere;
	}

	.credits .overline {
		font-size: 1.125rem;
		line-height: 1.4;
	}

	.credits li {
		display: flex;
		gap: var(--menu-bar-width);
		margin-bottom: 1.875rem;
	}

	.relatedEventsSlider {
		width: 100%;
	}

	.relatedEventsSlider .eventSlide {
		width: 30vw;
		height: 29.7vw;
		display: flex;
		align-items: center;
	}

	.relatedEventsSlider .eventSlide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		clip-path: inset(0);
		transition: clip-path .3s;
	}

	.relatedEventsSlider .eventSlide:hover img {
		clip-path: inset(var(--grid-gutter));
	}

	.relatedEventsSlider a:nth-child(3n-2) .eventSlide img {
		height: 24.3vw;
	}

	.relatedEventsSlider a:nth-child(3n-2) .eventSlide {
		width: 24.3vw;
	}

	.relatedEventsSlider a:nth-child(3n-1) .eventSlide img {
		height: 18.26vw;
	}

	.relatedEventsSlider a:nth-child(3n-1) .eventSlide {
		width: 32.4vw;
	}

	.relatedEventsSlider a:nth-child(3n) .eventSlide {
		width: 36.5vw;
	}

	@keyframes textshift1 {
		0% {
			transform: translateX(-100%);
		}
		80% {  
			transform: translateX(-50%);
		}
		100% {
			transform: translateX(-50%);
		}
	}

	@keyframes textshift2 {
		0% {
			transform: translateX(0%);
		}
		80% {  
			transform: translateX(-50%);
		}
		100% {
			transform: translateX(-50%);
		}
	}

	.textShift {
		position: absolute;
		top: 40%;
		width: 100%;
		font-family: var(--font-serif);
		text-transform: uppercase;
		font-size: 21.6875rem;
		color: var(--color-rosa);
		overflow: hidden;
		transform: translateY(-50%);
		height: .75em;
		-webkit-user-select: none; /* Safari */
		-ms-user-select: none; /* IE 10 and IE 11 */
		user-select: none; /* Standard syntax */
		cursor: default;
		pointer-events: none;
	}

	.textShift1 {
		white-space: nowrap;
		position: absolute;
		clip-path: inset(29.8% 0 0 0);
		left: 50%;
		animation-duration: 20s;
		animation-name: textshift1;
		animation-direction: alternate;
		animation-iteration-count: infinite;
	}

	.textShift2 {
		white-space: nowrap;
		position: absolute;
		clip-path: inset(0 0 70% 0);
		left: 50%;
		transform: translateX(-50%);
		animation-duration: 20s;
		animation-name: textshift2;
		animation-direction: alternate;
		animation-iteration-count: infinite;
	}

	/* ARCHIVE */

	.event-list-wrapper .news-article {
		width: 33%;
		padding-left: calc(var(--grid-gutter) / 2);
		box-sizing: border-box;
		margin-bottom: calc( var(--grid-gutter) *2);
	}

	.archive-link {
		align-items: flex-end;
	}

	.archive-link .hero-button {
		font-size: 1.5625rem;
	}
	

	/*	#######  PUBLICATIONS  ########################################  */

	.publicationArticle {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: var(--grid-gutter);
	}

	.catalogs,
	.editions {
		color: white;
		background-color: black;
	}

	.catalogs a,
	.catalogs .back-button,
	.catalogs .nav-link,
	.editions a,
	.editions .back-button,
	.editions .nav-link,
	.template-edition a,
	.template-edition .back-button,
	.template-edition .nav-link  {
		color: white;
	}

	.catalogs .open .nav-link.active,
	.editions .open .nav-link.active,
	.template-edition .open .nav-link.active {
		color: var(--color-black);
	}

	.catalogs .nav-link:hover,
	.editions .nav-link:hover {
		color: var(--color-black);
	}

	.catalogs .main-nav {
		background-color: rgba(0, 0, 0, 0);
	}

	.publications-content-wrapper {
		padding-top: 6rem;
	}

	.publications-content-wrapper .content-col1 {
		width: 40%;
		text-align: left;
		padding-left: calc( var(--grid-gutter) + 18% );
	}

	.catalogs .content-col2::-webkit-scrollbar { width: 0 !important; height: 0 !important; }

	.publications-content-wrapper .content-col2 {
		width: 60%;
		font-size: 1.5625rem;
		line-height: 1;
		text-indent: var(--text-indent);
		padding-right: var(--grid-gutter);
		max-height: 15vh;
		overflow-y: scroll;
		overflow: -moz-scrollbars-none;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin-bottom: var(--grid-gutter);
	}

	.catalogs h2,
	.template-catalog h1 {
		font-family: var(--font-serif);
		text-transform: uppercase;
		font-size: 1.5625rem;
		line-height: 1;
		margin: 0;
		margin-top: 0.1875rem;
	}

	.pubInfo {
		padding-top: var(--menu-bar-width);
		width: calc( 36.23% - var(--grid-gutter) );
		display: flex;
		text-align: center;
		align-items: center;
		justify-content: center;
	}

	.pubSliderWrap {
		padding-top: var(--menu-bar-width);
		padding-left: calc( var(--grid-gutter) + 18% );
		width: 45.77%;
		height: 39vh;
		position: relative;
	}

	.publicationsDetailSlider {
		height: 100%;
		width: 100%;
		cursor: pointer;
	}
	

	.publicationSlide img {
		width: auto;
		height: 100%;
		object-fit: contain;
		object-position: top left;
	}

	.publicationsDetailSlider .publicationSlide img {
		width: 100%;
		object-position: center;
	}

	.catalogs .pubInfo a {
		font-size: 1.5625rem;
		text-transform: uppercase;
		text-decoration: underline;
	}

	.pubFacts {
		margin-top: var(--menu-bar-width);
		margin-bottom: var(--grid-gutter);
		font-family: var(--font-mono);
	}

	.pubInfo .credits {
		font-family: var(--font-mono);
	}

	.publicationsNavSlider {
		height: 20vh;
		position: fixed !important;
		bottom: var(--menu-bar-width);
		width: 100%;
	}

	.publicationsNavSlider .publicationSlide {
		cursor: pointer;
	}

	.slick-list,
	.slick-track {
		height: 100%;
	}

	.publicationsNavSlider .publicationSlide img {
		clip-path: inset(0.375rem);
		transition: clip-path .3s;
	}

	.publicationsNavSlider .publicationSlide:hover img {
		clip-path: inset(0);
	}

	.moreLink {
		font-family: var(--font-serif);
		font-size: .75rem;
		line-height: 1;
		text-transform: uppercase;
		text-decoration: none;
	}

	.moreLink:hover .read-more {
		text-decoration: underline;
		background-color: var(--color-rosa);
	}

	.catalogs .moreLink:hover .read-more,
	.editions .moreLink:hover .read-more {
		color: var(--color-black);
	}

	
	.publicationArticle img {
		width: var(--menu-bar-width);
		position: absolute;
		transform: translate(calc( -100% - var(--grid-gutter) ), 0.3rem);
	}


	/*	#######  Publication Detail Slider  #######  */	

	.publications-content-wrapper,
	.publicationsNavSlider {
		transition: filter .5s;
	}

	.publications-content-wrapper.blurred,
	.publicationsNavSlider.blurred {
		filter: blur(20px);
	}

	.publicationsDetailSliderBig {
		position: fixed !important;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: scale(1);
		pointer-events: auto;
		z-index: 1;
		transition: opacity .5s, transform .5s;
	}

	.publicationsDetailSlideBig {
		width: 100vw;
		height: 100vh;
	}

	.publicationsDetailSlideBig img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.publicationsWrapper.noDetailSlider .publicationsDetailSliderBig {
		opacity: 0;
		transform: scale(.8);
		pointer-events: none;
	}

	.publicationSlide:hover .zoomButton {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.1);
	}

	.publicationSlide .zoomButton:hover {
		box-shadow: 0 0 0 0.1875rem var(--color-rosa);
	}

	/*	#######  Editions  #######  */

	.template-editions .news-article img {
		width: auto;
		max-width: 200px;
		max-height: 200px;
	}

	.template-edition .eventsHeader {
		position: static;
		margin-left: auto;
	}

	.template-edition .eventsHeader a,
	.template-edition .back-button {
		color: white;
	}

	.template-edition .date {
		font-size: 2rem;
		display: block;
		margin-top: 0.5rem;
	}

	.template-edition .credits .date {
		margin-top: 0;
		font-size: 3.4375rem;
	}

	@media only screen and (max-width: 900px) {
		.template-edition .credits .date {
			font-size: 2rem;
		}
		.template-edition .back-button {
			background-color: transparent;
		}
	}

	.template-edition h1 {
		margin: 0;
	}

	.pageWrapper.template-edition  {
		background-color: var(--color-black);
		color: white;
	}

	.editions .publications-content-wrapper {
		padding-bottom: 0;
	}

	.editions .news-content-wrapper {
		padding-top: 3rem;
	}


	/*	#######  ARTISTS  ########################################  */

	.artists-wrapper {
		padding: calc( var(--grid-gutter) + var(--menu-bar-width) + 3% );
		padding-top: 6rem;
		display: flex;
		flex-wrap: wrap;
	}

	.artist-name {
		font-size: 6rem;
		text-transform: uppercase;
		line-height: .75;
		letter-spacing: -.02em;
		font-family: var(--font-sans-bold);
		transform: translateX(-.06em);
		word-wrap: anywhere;
	}

	.artist-desc {
		font-size: 1.5625rem;
		line-height: .9;
		text-transform: uppercase;
		letter-spacing: -.02em;
		font-family: var(--font-serif);
		margin-top: .5rem;
	}

	.artist-article img {
		width: 3.3rem;
		height: 4.3rem;
		object-fit: cover;
		margin-top: 0.5rem;
	}

	.artist-article .moreLink{
		display: flex;
		flex-direction: row;
		gap: var(--grid-gutter);
	}

	.artist-article {
		margin-bottom: 1.6rem;
	}

	.artist-name-h1 {
		position: fixed;
		left: calc( var(--grid-gutter) + var(--menu-bar-width) + 3% );
	}


	/*	#######  COLLECTION  ########################################  */

	.collectionSlider {
		height: 100vh;
		transition: filter .5s;
	}

	.collectionSlider.blurred {
		filter: blur(20px);
	}

	.artworkWrapper {
		position: relative;
		width: 80%;
		cursor: pointer;
	}

	.collectionSlide {
		padding: calc(var(--menu-bar-width) * 2) var(--menu-bar-width) var(--menu-bar-width) 0;
		width: 25vw;
		display: flex !important;
		justify-content: center;
		flex-direction: column;
		box-sizing: border-box;
	}

	.collectionSlide:nth-child(7n-6){
		justify-content: flex-end;
	}

	.collectionSlide:nth-child(7n-5){
		justify-content: flex-start;
	}

	.collectionSlide:nth-child(7n-4){
		width: 30vw;
		justify-content: flex-end;
	}

	.collectionSlide:nth-child(7n-3) {
		
		justify-content: flex-start;
	}

	.collectionSlide:nth-child(7n-3) .artworkWrapper {
		margin-top: var(--menu-bar-width);
		width: 50%;
	}

	.collectionSlide:nth-child(7n-1) {
		justify-content: flex-start;
		width: 30vw;
	}

	.collectionSlide:nth-child(7n-1) .artworkWrapper {
		width: 60%;
	}

	.collectionSlide:nth-child(7n) {
		justify-content: center;
		width: 35vw;
	}

	.collectionSlide:nth-child(7n) .artworkWrapper {
		width: 80%;
	}

	.collectionSlide img {
		width: 100%;
	}

	.artworkInfo {
		font-family: var(--font-mono);
		font-size: 0.75rem;
		line-height: 1;
		padding: 0.3125rem 0;
		opacity: 0;
		transform: translateY(var(--grid-gutter));
		transition: opacity .3s, transform .3s;
	}

	.collectionSlide:hover .artworkInfo {
		opacity: 1;
		transform: translateY(0);
	}

	.zoomButton {
		border-radius: 100%;
		border: none;
		width: var(--menu-bar-width);
		height: var(--menu-bar-width);
		background-color: var(--color-rosa);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(.8);
		opacity: 0;
		cursor: pointer;
		color: transparent !important;
		box-shadow: 0 0 0 0 var(--color-rosa);
		transition: opacity .3s, transform .3s, box-shadow .3s;
	}

	.zoomButton:before {
		content: '';
		position: absolute;
		width: 1px;
		background-color: var(--color-black);
		height: 60%;
		top: 20%;
		left: var(--grid-gutter);
	}
 
	.zoomButton:after {
		content: '';
		position: absolute;
		height: 1px;
		background-color: var(--color-black);
		width: 60%;
		top: var(--grid-gutter);
		left: 20%;
	}

	.collectionSlide .artworkWrapper:hover .zoomButton {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.1);
	}

	.collectionSlide .artworkWrapper .zoomButton:hover {
		box-shadow: 0 0 0 0.1875rem var(--color-rosa);
	}

	.slick-next {
		background-color: var(--color-rosa);
		position: fixed;
		bottom: 0;
		right: 0;
		width: var(--menu-bar-width);
		height: var(--menu-bar-width);
		border: none;
		color: transparent;
		cursor: pointer;
		z-index: 50;
		background-image: url(../img/arrow-next.svg);
		background-position: calc( var(--menu-bar-width) / 4 * -1 ) center;
		background-repeat: no-repeat;
		transition: background .3s;
	}

	.slick-prev:hover {
		background-position: 0 center;
	}

	.slick-prev {
		background-color: var(--color-rosa);
		position: fixed;
		bottom: 0;
		left: 0;
		width: var(--menu-bar-width);
		height: var(--menu-bar-width);
		border: none;
		color: transparent;
		cursor: pointer;
		z-index: 50;
		background-image: url(../img/arrow-prev.svg);
		background-position: calc( var(--menu-bar-width) / 5 + 1px ) center;
		background-repeat: no-repeat;
		transition: background .3s;
	}

	.slick-next:hover {
		background-position: -1px center;
	}

	/*	#######  Collection Detail Slider  #######  */	

	.collectionDetailSlider {
		position: fixed !important;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transform: scale(1);
		pointer-events: auto;
		z-index: 1;
		transition: opacity .5s, transform .5s;
	}

	.collectionDetailSlide {
		width: 100vw;
		height: 100vh;
	}

	.collectionDetailSlide img {
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	.collectionWrapper.noDetailSlider .collectionDetailSlider {
		opacity: 0;
		transform: scale(.8);
		pointer-events: none;
	}


	/*	#######  ABOUT  ########################################  */	


	.about-content-wrapper {
		padding: var(--menu-bar-width);
		padding-top: calc( var(--menu-bar-width) - var(--grid-gutter) / 4 );
		display: flex;
		flex-wrap: wrap;
	}

	.about-content-wrapper .content-col1 {
		padding-left: var(--grid-gutter);
		padding-right: 50%;
		width: 100%;
		text-align: left;
		box-sizing: border-box;
		font-size: 1.5625rem;
		text-indent: var(--text-indent);
	}

	.template-default .about-content-wrapper .content-col1 {
		padding-left: calc(50% + var(--grid-gutter) );
		padding-right: var(--grid-gutter);
	}

	.about-content-wrapper .content-col2 {
		padding-left: calc(50% + var(--grid-gutter) );
		padding-right: var(--grid-gutter);
		width: 100%;
		box-sizing: border-box;
		font-family: var(--font-serif);
		font-size: 0.9375rem;
	}

	.template-default .about-content-wrapper .content-col2 {
		padding-left: var(--grid-gutter);
		padding-right: 50%;
	}

	.about-content-wrapper .content-col2 h1 {
		font-family: var(--font-serif);
		margin-top: 0;
	}

	.about-content-wrapper .content-col2 h3 {
		font-family: var(--font-serif);
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.9375rem;
		margin-bottom: 0;
	}

	.about-content-wrapper .content-col2 h2,
	.event-content-wrapper .content-col2 h2 {
		font-family: var(--font-serif);
		font-size: 1.625rem;
		margin-bottom: 0;
		text-indent: 0;
	}

	.event-content-wrapper .content-col2 h2 {
		margin-top: 5rem;
	}

	.about-content-wrapper .content-col2 h2 + p,
	.event-content-wrapper .content-col2 h2 + p {
		font-size: 1.625rem;
		font-family: var(--font-serif);
		line-height: 1;
		text-indent: 0;
	}

	.content-col2-wrapper {
		max-width: 34rem;
	}

	.about-header {
		position: fixed;
		top: 0;
		left: 50%;
		width: 50%;
		text-align: left;
		box-sizing: border-box;
		padding: var(--menu-bar-width) calc(var(--grid-gutter) + var(--menu-bar-width));
		padding-left: var(--grid-gutter);
		padding-bottom: var(--grid-gutter);
		z-index: 1;
		color: white;
		mix-blend-mode: difference;
	}

	.about-header a {
		color: white;
	}

	/*	#######  MEMBERS  ####### */

	.members-item {
		display: flex;
		width: 100%;
		padding-left: calc( 12.5vw - .6rem );
		box-sizing: border-box;
	}

	.members-item img {
		display: block;
		width: 100%;
		filter: grayscale(1);
	}

	.template-members .about-content-wrapper .content-col1 {
		/* padding-left: calc(50% + var(--grid-gutter) + 8.7rem); */
		padding: 0;
		width: calc( 36.8vw + 10.7rem);
		padding-right: var(--grid-gutter);
	}

	.template-members .about-content-wrapper .content-col2 {
		/* padding-left: calc(50% + var(--grid-gutter) + 8.7rem); */
		padding: 0;
		width: calc( 50vw - 13rem );
	}

	.template-members .about-content-wrapper {
		padding-top: 14rem;
		padding-left: 0;
	}

	.template-members h2 {
		margin: 0;
	}

	.members-desc {
		font-size: 1.5625rem;
		line-height: 1;
		font-family: var(--font-sans-bold);
		text-indent: var(--text-indent);
		margin-bottom: var(--grid-gutter);
	}

	/*	#######  COOKIE BANNER  ################################  */

	#cookie_banner-wrapper {
		position: fixed;
		top: 50%;
		left: 50%;
		background-color: var(--color-rosa);
		font-size: 3.125rem;
		z-index: 10000;
		width: 80vh;
		transform: translate(-50%, -50%) rotate(90deg);
		padding: 0;
		box-sizing: border-box;
		line-height: .9;
		text-transform: uppercase;
		font-family: var(--font-serif);

	}

	.cookie_btn {
		background-color: black;
		color: white;
		text-transform: uppercase;
		margin-top: 0.3125rem;
		font-family: var(--font-serif);
		border: none;
		cursor: pointer;
	}

	.members-copyright,
	.members-copyright *,
	.copyright,
	.copyright * {
		text-indent: 0;
		font-family: var(--font-mono);
		font-size: .8rem;
	}

	
	/*	#######  BARBA  ########################################  */

	#transitionBox {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		pointer-events: none;
		z-index: 1000;
		display: grid;
		grid-template-columns: repeat(24, [col-start] 1fr [col-end]) [ende];
		column-gap: var(--grid-gutter);
	}

	.bar {
		background-color: white;
		clip-path: inset(0 100% 0 0);
		transition: clip-path .4s cubic-bezier(0.76, 0, 0.24, 1);
		margin-right: calc( var(--grid-gutter) * -1 );
	}

	.bar1 {
		grid-column-start: col-start 1;
		grid-column-end: col-start 4;
	}

	.bar2 {
		grid-column-start: col-start 4;
		grid-column-end: col-start 12;
	}

	.bar3 {
		grid-column-start: col-start 12;
		grid-column-end: col-start 16;
	}

	.bar4 {
		grid-column-start: col-start 16;
		grid-column-end: col-start 18;
	}

	.bar5 {
		grid-column-start: col-start 18;
		grid-column-end: col-end 24;
	}

	#transitionBox.loading .bar {
		clip-path: inset(0);
	}

	/*	#######  Barba Leave  #######  */

	.barba-leave {
		opacity: 1;
	}

	.barba-leave-active {
		transition: opacity .2s;
		transition-delay: .4s;
	}

	.barba-leave-to {
		opacity: 0;
	}


	/*	#######  Barba Enter  #######  */

	.barba-enter-active {
		transition: opacity .2s;
		transition-delay: .4s;
	}

	.barba-enter {
		opacity: 0;
	}

	.barba-enter-to {
		opacity: 1;
	}


	/*	#######  Barba Once  #######  */

	.barba-once {
		clip-path: inset(0 100% 0 0);
	}

	.barba-once-active {
		transition: clip-path .4s;
		transition-delay: .4s;
	}

	.barba-once-to {
		clip-path: inset(0 0 0 0);
	}


	/* #######  Intro Animation Home  ####### */

	.grid-news1-img,
	.grid-news1-txt {
		transform: translateY(5rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-news2-img,
	.grid-news2-txt {
		transform: translateY(8rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-kunstsaele-img,
	.grid-kunstsaele-txt {
		transform: translateY(-8rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-huegel-txt {
		transform: translateX(8rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-huegel-img {
		transform: translateX(12rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.nav-item-supportus {
		transform: translateY(-8rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-about {
		transform: translateX(-4rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}

	.grid-publications-img,
	.grid-publications-txt {
		transform: translateY(14rem);
		opacity: 0;
		transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1);
	}


	
	.grid.show-grid .grid-news1-img,
	.grid.show-grid .grid-news1-txt,
	.grid.show-grid .grid-news2-img,
	.grid.show-grid .grid-news2-txt,
	.grid.show-grid .nav-item-supportus,
	.grid.show-grid .grid-about,
	.grid.show-grid .grid-publications-img,
	.grid.show-grid .grid-publications-txt,
	.grid.show-grid .grid-kunstsaele-img,
	.grid.show-grid .grid-kunstsaele-txt,
	.grid.show-grid .grid-huegel-txt,
	.grid.show-grid .grid-huegel-img {
		transform: translateY(0);
		opacity: 1;
	}


	.main-nav {
		height: 150vh;
		transform: translateY(-25vh);
		opacity: 0;
	}

	.main-nav.unstretch {
		height: 100%;
		transform: translateY(0);
		opacity: 1;
	}


	/*	#######  RESPONSIVE DESIGN ANPASSUNGEN  ########################################  */

	@media only screen and (max-width: 1200px) {
		.event-list-wrapper .news-article {
			width: 50%;
		}
	}


	/*  #######  TABLET  #######  */
	@media only screen and (max-width: 900px) {

		.onlyMobile {
			display: block;
		}

		/* Home */
		.grid {
			display: block;
			height: auto;
		}

		.back-button {
			background-color: white;
		}

		.catalogs .back-button,
		.editions .back-button {
			background-color: transparent;
		}

		.home .content {
			padding-right: calc( var(--menu-bar-width) + var(--grid-gutter) );
		}

		.home .main-nav:not(.open) {
			opacity: 0;
		}

		.home .main-nav:not(.open) .nav-link {
			pointer-events: none;
		}
		
		.nav-link {
			height: 1em;
			padding-top: 0;
		}

		.grid .nav-link {
			position: relative;
			transform: none;
		}

		.grid .nav-item {
			text-indent: 0;
			width: 100%;
			max-width: 100%;
			text-align: center;
		}

		.grid img:hover {
			transform: scale(.9);
		}

		.grid-huegel-txt {
			padding-right: 0;
		}
		.grid-huegel-img {
			padding-right: 0;
		}

		.grid-publications-txt {
			margin-left: 0;
		}

		.about-content-wrapper .content-col1 {
			padding-right: 0;
			padding-left: 0;
		}

		.about-content-wrapper {
			padding-top: 0;
		}

		.about-content-wrapper .content-col2 {
			padding-right: 0;
			padding-left: 30%;
			margin-top: 10rem;
		}

		.template-members .about-content-wrapper .content-col2 {
			padding-right: 0;
			padding-left: 0;
			margin-top: 0;
			width: 60%;
		}

		.template-members .about-content-wrapper .content-col1 {
			width: 40%;
		}

		.collectionSlide {
			padding-right: 0;
			width: 60vw;
		}

		.collectionSlide:nth-child(7n-4){
			width: 60vw;
		}
	
		.collectionSlide:nth-child(7n-3) .artworkWrapper {
			width: 60%;
		}
	
		.collectionSlide:nth-child(7n-1) {
			width: 60vw;
		}
	
		.collectionSlide:nth-child(7n-1) .artworkWrapper {
			width: 70%;
		}
	
		.collectionSlide:nth-child(7n) {
			width: 60vw;
		}

		.publications-content-wrapper .content-col1 {
			padding-left: var(--grid-gutter);
			width: 30%;
		}

		.publications-content-wrapper .content-col2 {
			width: 70%;
		}

		.aaf-logo {
			top: 49.5%;
		}

		.grid-news2-txt,
		.grid-kunstsaele-txt {
			padding-bottom: 0;
		}

		.grid-kunstsaele-txt,
		.grid-publications-txt,
		.grid-news1-txt,
		.grid-news2-txt {
			width: 50%;
		}

		.grid .nav-item-publications,
		.grid .nav-item-kunstsaele,
		.grid .nav-item-news {
			text-align: left;
		}

		.grid-kunstsaele-txt,
		.grid-news2-txt {
			margin-left: auto;
		}

		.grid-news1-txt .content,
		.grid-news2-txt .content {
			width: 120%;
		}

		.grid-news1-txt .content p,
		.grid-news2-txt .content p {
			display: inline;
		}

		.template-event .date,
		.template-kunstsaele .date,
		.template-edition .date {
			font-size: 2rem;
		}

		.overline-wrap .overline {
			font-size: .8rem;
		}

		.eventsHeader,
		.about-header {
			width: 100%;
			left: 0;
			text-align: right;
			padding-top: var(--grid-gutter);
			padding-bottom: var(--menu-bar-width);
		}

		.about-header a,
		.about-header h1 {
			margin-right: 0;
			margin-left: var(--menu-bar-width);
		}

		.about-content-wrapper {
			margin-top: calc( var(--menu-bar-width) * 2 );
		}

		.template-members .about-content-wrapper {
			padding-top: 4rem;
		}

		.template-event h1,
		.template-kunstsaele h2 {
			margin-top: 0;
			font-size: 3.1rem;
		}

		.template-kunstsaele .eventInfo {
			padding-left: 0;
			padding-right: 0;
		}

		.credits .overline {
			font-size: .8rem;
			line-height: 20%;
		}

		.credits-col1 {
			line-height: .9;
		}

		.pubSliderWrap {
			padding-left: 0;
			width: 50%;
		}

		.pubInfo {
			width: 50%;
		}

		.event-content {
			font-size: 1.5625rem;
		}

		.publicationArticle img {
			position: relative;
			transform: translate(0, 0);
		}

		.template-news-article .news-content-wrapper {
			flex-direction: column;
		}
		.template-news-article .news-content-wrapper .content-col1,
		.template-news-article .news-content-wrapper .content-col2 {
			width: 100%;
		}

		.news-content-wrapper .content-col1 {
			width: 50%;
			padding-left: var(--grid-gutter);
		}

		.news-content-wrapper .content-col2 {
			width: 50%;
		}
		.news-article img {
			width: calc( var(--grid-gutter) * 2);
		}

		.artist-name {
			font-size: 3rem;
		}
	
		.artist-article img {
			width: 2.2rem;
			height: 2.2rem;
			object-fit: cover;
			margin-top: 0.5rem;
			transform: translateY(-.3rem);
		}

	}

		/*  #######  Mobile  #######  */
		@media only screen and (max-width: 650px) {

			.collectionSlide {
				padding-right: 0;
				width: 80vw;
			}
	
			.collectionSlide:nth-child(7n-4){
				width: 70vw;
			}
		
			.collectionSlide:nth-child(7n-3) .artworkWrapper {
				width: 60%;
			}
		
			.collectionSlide:nth-child(7n-1) {
				width: 60vw;
			}
		
			.collectionSlide:nth-child(7n-1) .artworkWrapper {
				width: 70%;
			}
		
			.collectionSlide:nth-child(7n) {
				width: 70vw;
			}

			.main-nav {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: space-between;
			}
			.main-nav .nav-link {
				position: relative;
				transform: none;
				top: 0 !important;

			}

			.main-nav .nav-item {
				width: 100%;
				max-width: 100%;
				text-align: center;
			}

			.nav-item-collection {
				position: relative;
				height: auto;
				right: 0;

			}

			.main-nav .nav-item-login {
				text-align: left;
				padding-left: var(--menu-bar-width);
				box-sizing: border-box;
			}

			.main-nav .nav-item-news {
				text-align: right;
			}


			.main-nav .nav-item-publications {
				text-align: left;
			}

			.main-nav .nav-item-kunstsaele {
				text-align: right;
				padding-right: var(--menu-bar-width);
				box-sizing: border-box;
			}

			html {
				font-size: 14px;
			}

			.publications-content-wrapper {
				padding-top: 4rem;
			}

			.publications-content-wrapper .content-col1,
			.publications-content-wrapper .content-col2 {
				padding: 0;
			}
			.publications-content-wrapper .content-col2 {
				max-height: 25vh;
			}

			.about-content-wrapper .content-col2 {
				padding-left: 20%;
			}
			
			#transitionBox {
				display: flex;
				flex-direction: column;
			}

			.bar {
				width: 100%;
				height: 100%;
				clip-path: inset(0 0 100% 0);
			}

			.publicationArticle .content-col1,
			.publicationArticle .content-col2 {
				width: 100%;
			}

			.eventsHeader a {
				margin-left: var(--grid-gutter);
			}

			.event-content-wrapper {
				display: block;
			}

			.event-content-wrapper .content-col1 {
				width: 100%;
				padding-left: 0;
				text-align: left;
			}

			.event-content-wrapper .content-col2 {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}

			.event-content-wrapper .content-col1 .overline {
				transform: translate(0, -50%);
			}

			.event-content-wrapper .content-col2 .event-content {
				padding-right: 0;
			}

			.credits-col1 {
				width: 20%;
			}
	
			.publications-content-wrapper .content-col1 {
				width: 100%;
			}

			.publications-content-wrapper .content-col2 {
				width: 100%;
			}

			.pubSliderWrap {
				display: none !important;
			}
			.pubInfo {
				width: 100%;
				margin-bottom: 25vh;
			}

			.template-kunstsaele .eventInfo {
				display: block;
			}

			.kunstsaele .eventInfo,
			.kunstsaele .eventInfo .eventInfo-col1 {
				text-align: center;
			}
			.news-article-infos {
				display: block;
			}
			.news-article {
				flex-direction: column;
			}
			
			.news-content-wrapper .news-article {
				margin-bottom: calc( var(--grid-gutter) * 2 );
			}

			.news-content-wrapper .content-col1,
			.news-content-wrapper .content-col2 {
				width: 100%;
			}

			.news-content-wrapper .content-col2 {
				max-height: 10vh;
			}

			.template-news-article h1 {
				font-size: 2rem;
			}

			.about-content-wrapper .content-col1 {
				padding-left: var(--grid-gutter) !important;
			}

			.about-content-wrapper .content-col2 {
				padding-right: var(--grid-gutter) !important;
			}

			.pageWrapper:not(.home) .main-nav:not(.open) .nav-link {
				opacity: 0;
				pointer-events: none;
				height: 0;
			} 

			.members-item {
				padding-left: calc( var(--menu-bar-width) + var(--grid-gutter) );
			}

			.template-members .about-content-wrapper .content-col1 {
				padding-left: 0 !important;
			}

			.event-list-wrapper .news-article {
				width: 100%;
			}
		}