@font-face {
	font-family: 'iso-r';
	src: url('../fonts/ISOv0.6-Regular.woff') format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'm-s';
	src: url('../fonts/MarrSans-Regular-Web.woff') format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brzo';
	src: url('../fonts/Brzo_Bold_v0.1.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}

:root {
	--type-1: 'iso-r';
	--type-2: 'm-s';
	--type-3: 'brzo';
}

html {
	font-family: 'm-s';
}
body {
	padding: 0;
	margin: 0;
	width: 100%;
	background-color: #141414;
	color: white;
	height: auto;
}

.main {
	width: 100%;
	height: 100%;
}
.container {
	height: 100%;
	display: grid;
	padding: 0;
	grid-template-columns: 4fr 3fr 3fr 4fr 6fr/*repeat(6,1fr)*/;
}

.container > * {
	/*grid-column: span 2;*/
}

.columnbox {
	columns: 27em;
	column-gap: 0;
}
.textbox {
	padding: 1em
}
.textbox-1 {
	text-align: center;
	position: sticky;
	top: 50vw;
}
@media (max-width: 640px) {
	.container {
	}
}

.wrapper-left {
	grid-column: 1 / span 3;
	/*padding: 1em;*/
}
.wrapper-right {
	grid-column: 4 / span 3;
	/*padding: 1em;*/
}

.footer {
	position: relative;
	left: 10%;
	bottom: 4em;
}

h1 {
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	font-family: var(--type-3);
	letter-spacing: 1.4px;
	/*color: black;*/
	margin: 0 0 1em;
	z-index: 100;
}

@media (max-width: 450px) {
	h1 {
		line-height: 1;
	}
}

@media (min-width: 451px) and (max-width: 640px) {
	h1 {
		line-height: 1;
	}
}

h2 {
	font-size: 1em;
	font-weight: normal;
	font-family: var(--type-2);
}
.meta {
	font-family: var(--type-1);
	grid-column: 1 / span 2;
	font-size: 0.875em;
	margin: 1em 0;
	padding: 1em;
}

.bilderrahmen-3-z {
	grid-column: 2 / span 4;
	grid-row: 2 /span 6;
	height: 60vh;
	background-image: url("../imgs/2016-05-23 17.52.13.jpg");
	background-size: contain;
	background-blend-mode: multiply;
	background-repeat: no-repeat;
	/*border: 1vw solid blue;*/
}
.bilderrahmen-2 {
	grid-column: -1 / -;
	height: 60vh;
	background-color: blueviolet;
	background-image: url("../imgs/IMG_0057.jpeg");
	background-size: contain;
	filter: lighten(1);
	background-repeat: no-repeat;
	/*border: 1vw solid blue;*/
}
.bilderrahmen {
	grid-column: 1 / span 2;
	height: 50vh;
	background-color: rgb(144, 173, 38);
	background-image: url("../imgs/2016-05-23 17.52.13.jpg");
	background-size: cover;
	background-blend-mode: lighten;
	background-repeat: no-repeat;
	/*border: 1vw solid blue;*/
}

.img-wrapper {
	grid-column: 1 / span 2;
	object-fit: contain;
	overflow: hidden;
}
.img-wrapper img {
	max-width: 100%;
	height: auto;
}

.rotate-cw-45 {
	transform: rotate(45deg);
}
.entrance > a {
 width: 100%;
 height: 20vh;
 text-align: right;
 font-size: 1em;
 text-decoration: none;
 color: cadetblue;
}

ol {
	font-family: var(--type-1);
}

ol a {
	color: inherit;
	text-decoration: underline;
}
ol a:hover {
	color: orange;
}
ol a {
	color: grey;
	text-decoration: line-through;
}


.titelbild {
	width: 33vw;
	height: auto;
	filter: grayscale(0.5);
	/*mix-blend-mode: multiply;*/
	background-color: darkgoldenrod;
}

@media (max-width: 768px) {
	.titelbild {
		width: 50vw;
	}
}

@media (max-width: 415px) {
	.titelbild {
		width: 100%;
	}
}

.vbox-1 {
	height: 80vh;
	width: 100vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.vbox-1 p {
	padding: 1em;
}

.container {
	flex-direction: row;
}
.container > * {
	flex: 1;
}