@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html {
	line-height:1.15;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
h1 {
	font-size:2em;
	margin:.67em 0
}
hr {
	box-sizing:initial;
	height:0;
	overflow:visible
}
pre {
	font-family:monospace,monospace;
	font-size:1em
}
a {
	background-color:initial
}
abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted
}
b,strong {
	font-weight:bolder
}
code,kbd,samp {
	font-family:monospace,monospace;
	font-size:1em
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:initial
}
sub {
	bottom:-.25em
}
sup {
	top:-.5em
}
img {
	border-style:none
}
button,input,optgroup,select,textarea {
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button,input {
	overflow:visible
}
button,select {
	text-transform:none
}
[type=button],[type=reset],[type=submit],button {
	-webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
	border-style:none;
	padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
	outline:1px dotted ButtonText
}
fieldset {
	padding:.35em .75em .625em
}
legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress {
	vertical-align:initial
}
textarea {
	overflow:auto
}
[type=checkbox],[type=radio] {
	box-sizing:border-box;
	padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
	height:auto
}
[type=search] {
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit
}
details {
	display:block
}
summary {
	display:list-item
}
[hidden],template {
	display:none
}
html {
	box-sizing:border-box
}
*,:after,:before {
	box-sizing:inherit
}
* {
	margin:0;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing:antialiased
}
body,html {
	-webkit-tap-highlight-color:transparent;
	height:100%;
	margin:0!important;
	padding:0!important;
	font-size:11px;
	line-height:1.25;
    font-weight:300;
	color:#313132;
	background-color:#141414;
    -moz-font-feature-settings:"ss06" on, 'case' on;
	-webkit-font-feature-settings:"ss06" on, 'case' on;
	font-feature-settings:"ss06" on, 'case' on
}
@media screen and (min-width:576px) {
	body,html {
		font-size:11px
	}
}
html {
	background:#111
}
a,a:hover,a:hover * {
	color:#111;
	text-decoration:none
}
a:hover,a:hover * {
	cursor:pointer
}
ol,ul {
	margin:0;
	padding:0
}
ul {
	list-style-type:none
}
img {
	width:100%
}
b,strong {
	font-weight:600;
    letter-spacing:0;
    color:#313132
}
.blur,.module,.module__container,.sidebar,.transition {
	transition-property:all;
	transition-duration:.2s;
	transition-timing-function:cubic-bezier(.7,0,.3,1);
	transition-delay:0s
}
@font-face {
    font-family:'Geometric15';
	src:url('fonts/Geometric15-Regular.eot');
	src:url('fonts/Geometric15-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Geometric15-Regular.woff') format('woff'),
		url('fonts/Geometric15-Regular.woff2') format('woff2'),
        url('fonts/Geometric15-Regular.svg#Geometric15-Regular')format('svg');
	font-weight:300;
	font-style:normal
}
@font-face {
	font-family:'Geometric15';
	src:url('fonts/Geometric15-Medium.eot');
	src:url('fonts/Geometric15-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Geometric15-Medium.woff') format('woff'),
		url('fonts/Geometric15-Medium.woff2') format('woff2'),
        url('fonts/Geometric15-Medium.svg#Geometric15-Medium') format('svg');
	font-weight:600;
	font-style:normal
}
.font-america,.interview strong,.list em,.list i,.list ul li:before,.press__item:before,.project em,.project i,.project ul li:before,.sammlung em,.sammlung i,.sammlung ul li:before,.slideshow__caption,.sound__play.pause:before,.sound__play.play:before,.text em,.text i,.text ul li:before,body,html {
	font-family:'Geometric15',Arial,sans-serif;
	font-weight:300
}
.font-canela,.image__caption,.interview,.list,.press,.project,.sammlung,.sound__controls,.text {
	font-family:'Antique Legacy',Arial,sans-serif;
    font-size:11px;
    line-height:17px;
	font-weight:300
}
[class*=col-],[class*=off-],[class*=sub-] {
	float:left
}
.col-1 {
	width:10%
}
.sub-1 {
	width:100%
}
.off-1 {
	margin-left:10%
}
.col-2 {
	width:20%
}
.sub-2 {
	width:50%
}
.off-2 {
	margin-left:20%
}
.col-3 {
	width:30%
}
.sub-3 {
	width:33.33333%
}
.off-3 {
	margin-left:30%
}
.col-4 {
	width:40%
}
.sub-4 {
	width:25%
}
.off-4 {
	margin-left:40%
}
.col-5 {
	width:50%
}
.sub-5 {
	width:20%
}
.off-5 {
	margin-left:50%
}
.col-6 {
	width:60%
}
.sub-6 {
	width:16.66667%
}
.off-6 {
	margin-left:60%
}
.col-7 {
	width:70%
}
.sub-7 {
	width:14.28571%
}
.off-7 {
	margin-left:70%
}
.col-8 {
	width:80%
}
.sub-8 {
	width:12.5%
}
.off-8 {
	margin-left:80%
}
.col-9 {
	width:90%
}
.sub-9 {
	width:11.11111%
}
.off-9 {
	margin-left:90%
}
.col-10 {
	width:100%
}
.sub-10 {
	width:10%
}
.off-10 {
	margin-left:100%
}
h1,h2,h3,h4,h5,h6,small {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:initial
}
.small {
	font-size:.5rem
}
@media screen and (min-width:576px) {
	.small {
		font-size:.5rem
	}
}
.h6 {
	font-size:.75rem
}
@media screen and (min-width:576px) {
	.h6 {
		font-size:.75rem
	}
}
.h5 {
	font-size:1rem
}
@media screen and (min-width:576px) {
	.h5 {
		font-size:1rem
	}
}
.h4 {
	font-size:.75rem
}
@media screen and (min-width:576px) {
	.h4 {
		font-size:1rem
	}
}
.h3 {
	font-size:1.5rem
}
@media screen and (min-width:576px) {
	.h3 {
		font-size:2rem
	}
}
.h2 {
	font-size:3rem
}
@media screen and (min-width:576px) {
	.h2 {
		font-size:3rem
	}
}
.h1 {
	font-size:6rem
}
@media screen and (min-width:576px) {
	.h1 {
		font-size:6rem
	}
}
.h1,.h2,.h3,.h4,.h5,.h6,.small {
	line-height:1.15;
	font-weight:400
}
.blur {
	-webkit-filter:blur(5px);
	filter:blur(5px);
	opacity:.1
}
.blur.lazyloaded {
	-webkit-filter:blur(0);
	filter:blur(0);
	opacity:1
}
.upper {
	text-transform:uppercase
}
.content {
	padding:6px 6px 0;
	min-height:100vh;
	display:flex;
	align-items:flex-start;
	flex-direction:column
}
@media screen and (min-width:576px) {
	.content {
		padding:18px 9px 0 18px;
		align-items:stretch;
		flex-direction:row
	}
}
.list p:not(:last-child),.list ul:not(:last-child),.project p:not(:last-child),.project ul:not(:last-child),.sammlung p:not(:last-child),.sammlung ul:not(:last-child),.text p:not(:last-child),.text ul:not(:last-child) {
	margin-bottom:1.15rem
}
.list p+ul,.project p+ul,.sammlung p+ul,.text p+ul {
	margin-top:-1.15rem
}
.list ul li,.project ul li,.sammlung ul li,.text ul li {
	display:flex
}
.list ul li:before,.project ul li:before,.sammlung ul li:before,.text ul li:before {
	content:"→ ";
	width:24px;
	flex:0 0 auto;
	font-feature-settings:"ss03" 1
}
.list hr,.project hr,.sammlung hr,.text hr {
	height:0;
	border:0;
	border-bottom:1px solid;
	margin-bottom:1.15rem
}
.list em,.list i,.project em,.project i,.sammlung em,.sammlung i,.text em,.text i {
	font-style:normal
}
.sidebar {
	padding:0 0 6px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	position:-webkit-sticky;
	position:sticky;
	width:100%;
	top:6px;
	max-height:80vw;
	z-index:999
}
@media screen and (min-width:576px) {
	.sidebar {
		padding:0 9px 0 0;
		top:18px;
		height:calc(100vh - 36px);
		width:309px;
		max-height:none
	}
}
.sidebar.log--open {
	width:calc(100vw - 336px)
}
.sidebar::-webkit-scrollbar,.sidebar::-webkit-scrollbar {
	display:none
}
.sidebar__section {
	overflow:hidden;
	display:flex;
	flex-direction:column
}
@media screen and (min-width:576px) {
	.sidebar__section {
		min-height:20px
	}
	.sidebar__section:not(:last-child) {
		margin:0 0 6px
	}
}
.sidebar__section:last-child {
	display:none
}
@media screen and (min-width:576px) {
	.sidebar__section:last-child {
		display:flex
	}
}
.sidebar.log--open .sidebar__section--top {
	flex:1
}
.sidebar__item {
	border:1px solid #111;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	min-height:30px;
	background:#fff
}
.sidebar__item:first-child {
	width:100%
}
@media screen and (min-width:576px) {
	.sidebar__item:first-child {
		width:300px
	}
}
@media screen and (min-width:576px) {
	.sidebar__item:not(:last-child) {
		margin:0 0 6px
	}
}
.sidebar__item__title {
	padding:8px 7px 1px;
	display:flex;
	justify-content:space-between;
	cursor:pointer;
	flex:1 0 auto;
    font-size:11px;
    font-weight:700
}
.sidebar__item__title:after {
	content:"+";
    line-height:16px
}
.no-touch .sidebar__item__title:not(.forbidden):hover {
	background-color:#f3f3f3
}
.sidebar__item__title.forbidden {
	cursor:not-allowed
}
.sidebar__item.open .sidebar__item__title {
    font-size:11px;
	font-weight:700
}
.sidebar__item.open .sidebar__item__title:after {
	content:"−"
}
.sidebar__item__content {
	padding:3px 7px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	overflow:auto;
	-webkit-overflow-scrolling:touch
}
.sidebar__item:not(.open) .sidebar__item__content {
	display:none
}
.footer {
	padding:3px 6px;
	min-height:20px
}
.footer__item {
	display:flex;
	justify-content:space-between
}
.footer__item:after {
	content:"→"
}
.menu__section:not(:last-child) {
	margin:0 0 24px
}
.menu__item--toggle {
	display:flex;
	justify-content:space-between;
	cursor:pointer;
    font-size:11px;
    font-weight:600;
    letter-spacing:.25px;
    color:#313132
}
.menu__item--toggle:after {
	content:"+"
}
.menu__item--toggle.open:after {
	content:"-"
}
.menu__item--footer {
	opacity:1;
	cursor:pointer
}
.menu__item--footer:before {
}
.menu__item--line {
	padding:0
}
.menu__item--line:first-child {
	padding:0
}
.menu__item__toggle {
	padding:3px 0 18px;
	display:none
}
.menu__item--module,.menu__modulelink {
	display:flex;
	cursor:pointer;
    padding: 2px 0 2px 0;
    font-feature-settings: "tnum"
}
.menu__item--module:before,.menu__modulelink:before {
	content:"+";
	margin-right:1ch
}
.active.menu__item--module,.menu__modulelink.active,.no-touch {
	font-weight:600
}
.active.menu__item--module:before,.menu__modulelink.active:before,.no-touch .menu__item--module:hover:before,.no-touch .menu__modulelink:hover:before {
	content:"–";
	color:var(--module-color)
}
.module__container {
	position:relative;
	transition-property:width;
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column
}
@media screen and (min-width:576px) {
	.module__container {
		width:calc(100vw - 236px)
	}
}
@media screen and (min-width:800px) {
	.module__container {
		display:initial;
		height:calc(100vh - 36px)
	}
}
.module__container.closed {
	width:318px;
	height:auto
}
.module__container.layout {
	display:flex;
	flex-direction:column-reverse
}
.modules__hidden {
	display:none
}
.module {
	width:100%;
	padding:0 6px 6px;
	display:flex;
	flex-direction:column;
	position:static;
	z-index:1;
	transition-property:width
}
@media screen and (min-width:576px) {
	.module {
		padding:0 9px 18px
	}
}
@media screen and (min-width:800px) {
	.module {
		padding:0 9px;
		position:absolute
	}
	.module--list,.module--sammlung {
		width:50%
	}
	.module--interview,.module--press,.module--project,.module--text {
		width:60%
	}
	.module--sound {
		width:50%
	}
	.module--pdf,.module--presspdf,.module--slideshow {
		width:80%
	}
	.module--imageportrait,.module--imagesquare {
		width:50%
	}
	.module--imagelandscape,.module--imageportrait.module--big,.module--imagesquare.module--big {
		width:60%
	}
	.module--imagelandscape.module--big,.module--video {
		width:80%
	}
}
@media screen and (min-width:1000px) {
	.module--list,.module--sammlung {
		width:250px
	}
	.module--interview,.module--press,.module--project,.module--text {
		width:400px
	}
	.module--sound {
		width:30%
	}
	.module--pdf,.module--presspdf,.module--slideshow {
		width:60%
	}
	.module--imageportrait,.module--imagesquare {
		width:45%
	}
	.module--imagelandscape,.module--imageportrait.module--big,.module--imagesquare.module--big {
		width:40%
	}
	.module--imagelandscape.module--big,.module--video {
		width:60%
	}
}
.module.hidden {
	opacity:0
}
.module__container.closed .module {
	padding:0 9px 18px;
	width:318px
}
.module__container.layout .module {
	position:static
}
.module__inner {
	display:flex;
	flex-direction:column;
	border:1px solid #111;
	background-color:var(--module-color)
}
.module__header {
	padding:7px;
	display:flex;
	justify-content:space-between;
	cursor:move;
	font-weight:600
}
.module__container.closed .module__header {
	cursor:auto
}
.module__content {
	padding:7px 17px 7px 7px
}
@media screen and (min-width:800px) {
	.module__content {
		max-height:calc(100vh - 61px);
		overflow:auto;
		-webkit-overflow-scrolling:touch
	}
	.module__content::-webkit-scrollbar {
		display:none
	}
}
.module__title {
    letter-spacing:0
}
.module__close {
	margin:0;
	cursor:pointer
}
.js-gridModule {
	transform-origin:top
}
.interview p:not(:last-child) {
	margin-bottom:1.15rem
}
.interview strong {
	display:flex
}
.project p:not(:last-child),.project ul:not(:last-child) {
	margin-bottom:0
}
.image img {
	float:left
}
.image img:not(:last-child) {
	margin:0 0 6px
}
.image__caption {
	width:100%;
	float:left
}
.slide {
	display:none;
	height:100%;
	width:100%
}
.slide.active {
	display:inline-block
}
.slide img {
	height:100%;
	width:auto;
	float:left
}
.slideshow__container {
	position:relative;
	height:calc((100vw - 38px)/var(--ratio));
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	--width:1
}
@media screen and (min-width:800px) {
	.slideshow__container {
		--width:0.8
	}
}
@media screen and (min-width:1000px) {
	.slideshow__container {
		--width:0.6
	}
}
@media screen and (min-width:576px) {
	.slideshow__container {
		height:calc((var(--width)*(100vw - 236px) - 38px)/var(--ratio))
	}
}
.module__container.closed .slideshow__container {
	height:calc(280px/var(--ratio))
}
.slideshow__nav {
	position:absolute;
	height:100%;
	top:0
}
.slideshow__nav--prev {
	width:100px;
	cursor:w-resize;
	left:0
}
.slideshow__nav--next {
	width:calc(100% - 100px);
	cursor:e-resize;
	right:0
}
.slideshow__caption {
	margin:6px 0 0;
	display:flex;
	justify-content:space-between
}
.slideshow__caption>:not(:first-child) {
	margin:0 0 0 18px;
	white-space:nowrap
}
.slideshow__caption>div:first-child {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.slideshow__button {
	cursor:pointer
}
.video__wrapper {
	position:relative;
	padding-bottom:var(--ratio);
	height:0
}
.video__wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.pdf__wrapper,.presspdf__wrapper {
	position:relative;
	padding-bottom:var(--ratio);
	height:0
}
.pdf__wrapper iframe,.presspdf__wrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none
}
.list p:not(:last-child),.list ul:not(:last-child),.sammlung p:not(:last-child),.sammlung ul:not(:last-child) {
	margin-bottom:0
}
.codex__letter {
	text-transform:uppercase
}
.codex__letter:not(:first-child) {
	margin-top:1.15rem
}
.press__item {
	display:flex;
	cursor:pointer
}
.press__item:before {
	content:"○";
	margin-right:1ch
}
.no-touch .press__item:hover:before,.press__item.active:before {
	content:"●"
}
.sound__controls {
	display:flex;
	align-items:center
}
.sound__play {
	margin:0 12px 0 0;
	cursor:pointer
}
.sound__play.play:before {
	margin-right:0;
	content:"Play"
}
.sound__play.pause:before {
    content:"Pause";
	margin-right:0
}
.sound__play.pause>span:nth-child(2),.sound__play.play>span:first-child {
	display:none
}
.log {
	padding-top:0
}
.log__container {
	display:none
}
@media screen and (min-width:1000px) {
	.log__container {
		display:flex
	}
}
.log__body {
	flex-direction:column
}
.log__body,.log__line {
	display:flex;
	width:100%
}
.log__line {
	padding:3px 0;
	flex-direction:row
}
.log__line--header,.log__line:not(:last-child) {
}
.log__line--header {
	position:-webkit-sticky;
	position:sticky;
	top:0;
	background:#fff
}
.log__line--externallink {
	cursor:pointer
}
.no-touch .log__line--externallink:hover {
	background:#000;
	color:#fff
}
.no-touch .log__line--externallink:hover * {
	color:#fff
}
.log__line--link {
	cursor:pointer
}
.no-touch .log__line--link:hover {
	background:var(--module-color)
}
.log__column:not(:last-child) {
	padding:0 6px 0 0
}
.log__column:first-child {
	width:10%
}
.log__column:nth-child(2) {
	width:65%
}
.log__column:nth-child(3) {
	width:20%
}
.log__column:nth-child(4) {
	width:25%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space: nowrap
}
.upper {
    text-transform:uppercase
}