@font-face {
	font-family: 'maisonneue';
	font-style: normal;
	font-weight: normal;
	src: 	url('../_incf/MaisonNeueWEB-Medium.woff2') format('woff2'),
		url('../_incf/MaisonNeueWEB-Medium.woff') format('woff')
}
:root {
	--fontsize1: 1.5rem; /* brood */
	--fontsize2: 1rem;  /* small header */
	--fontsize3: 0.75rem;  /* caption */
	--red: #cd1719;
	--green: #009641;
	--offwhite: #efebe9;
	--black: #000000;
}
body {
	border: 0; margin: 0; padding: 0;
	font-family: maisonneue;
	font-size: var(--fontsize1);
	line-height: 1.25;
	background-color: var(--offwhite);
	color: var(--black);
	min-height: 100vh;
}
a {
	text-decoration: none;
	color: black;
}
a:hover {
	text-decoration: underline;
}
iframe {
	border: 0;
	width: 100%;
}
.smallheader {
	font-size: var(--fontsize2);
	text-transform: uppercase;
}
.caption {
	font-size: var(--fontsize3);
}
#siteholder {
	margin-left: 3.125vw;
	margin-right: 3.125vw;
	width: 93.75vw;
	margin-top: 3.75vh;
	position: relative;
/*	
	background-color: blue;
*/
}
#bigk {
	position: fixed;
	left: 8vw;
	top: 16vw;
	width: 20vw;
	z-index: -1;
}
#k-space {
	position: fixed;
	left: calc(8vw - 3.5rem);
	top: 4.5vw;
}
#navmenu {
	position: fixed;
	width: 93.75vw;
	width: 90.625vw;
	width: calc(90.625vw + 3rem);
	z-index: 200;
	top: 4.5vw;
	text-align: right;
	height: 1.5rem;
}
#navmenu a {
	text-decoration: none;
}
.navmenuitem {
	display: inline-block;
	cursor: pointer;
}
.navmenuitem a {
	text-decoration: none;
	color: black;
	padding-left: 4rem;
	padding-right: 4rem;
}
.navmenuitem a:last-child {
	padding-right: 0;
}
#navhome {
	padding-top: 0;
}
#insta {
	height: 1.5rem;
	margin-left: 2rem;
}
div.catbox {
	display: inline-block;
	border-width: 3px;
	padding-top: 14px;
	padding-right: 36px;
	padding-bottom: 11px;
	padding-left: 36px;
}
div.catboxagenda {
	border: 3px solid var(--red);
}
div.catboxarchive {
	border: 3px solid var(--green);
}
div.agenda {
	margin-bottom: 8rem;
}
div.agendaitem {
	margin-top: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 3.125vw;
	margin-bottom: 1rem;
}
div.infopage {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 3.125vw;
	margin-bottom: 1rem;
}	
div.leftinfo {
	/* background-color: blue; */
	margin-bottom: 1rem;
}
div.leftinfo img {
	max-width: 100%;
	height: auto !important;
}
div.rmb {
	cursor: pointer;
}
div.rml {
	cursor: pointer;
	display: none;
}
div.inithide {
	display: none;
}
div.rightinfo {
	/* background-color: orange; */
}
div.rightinfo img {
	max-width: 100%;
	height: auto !important;
}
div.rightinfo div.mediaitem {
	display: inline-block;
	width: 20vw;
	margin-right: 2vw;
	margin-bottom: 1rem;
	vertical-align: top;
}
div.rightinfo div.mediaitem:last-child {
	margin-bottom: 0;
}
div.rightinfo div.mediaitem:nth-child(2n) {
	margin-right: 0;
}
div.rightinfo div.mediaitem.initinv {
	display: none;
}
div.rightinfo div.mediaitem img {
	max-width: 100%;
}
div.agendaline {
	width: 100%;
	height: 1px;
	background-color: var(--red);
}
div.archiveline {
	width: 100%;
	height: 1px;
	background-color: var(--green);
}
#pagecontent {
	margin-top: 20vh;
	margin-left: 3.125vw;
	margin-right: 3.125vw;
	width: 87.5vw;
}
#pagecontent p:first-child {
    margin-top: 0;
}
.caption p:first-child {
	margin-top: 0;
}
p > span.caption {
	margin-top: -1rem;
	display: block;
}
#navmenu div.selecteditem > a:before {
    content: "— ";
}
#hamburger {
	display: none;
}
#mobilemenu {
	display: none;
}
#displaytitle {
    display: none;
}
@media only screen and (max-width: 768px) {
	:root {
		--fontsize1: 1.5rem; /* brood */
		--fontsize2: 1rem;  /* small header */
		--fontsize3: 0.75rem;  /* caption */
		--fontsize1: 1.2rem;
		--fontsize2: 0.8rem;  /* small header */
		--fontsize3: 0.6rem;  /* caption */
	}
	#siteholder {
	}
	div.agendaitem {
		display: block;
	}
	div.infopage {
		display: block;
	}
	div.rightinfo div.mediaitem {
		width: 100%;
	}
	#k-space {
		left: 6.25vw;
		top: 3.75vh;
	}
	#navmenu {
	}
	#navmenuitems {
		display: none;
	}
	#navmenuitems {
		position: fixed;
		left: 0;
		top: 3rem;
		width: 100vw;
		text-align: left;
		background-color: var(--offwhite);
		height: calc(100vh - 3rem);
		padding-top: 3rem;
		opacity: 0.9;
		z-index: 10;
	}
	#navmenuitems div.navmenuitem {
		display: block;
		text-align: left;
		margin-bottom: 1rem;
	}
	#navmenuitems div.navmenuitem a {
		padding-left: 6.25vw;
	}
	#insta {
		margin-left: 6.25vw;
	}
	#hamburger {
		display: inline-block;
		position: fixed;
		right: 3.125vw;
		top: 3.75vh;
		width: 1rem;
        height: 2em;
        z-index: 1000;
        cursor: pointer;
	}
	#hamburger img {
        max-height: 100%;
    }
    #pagecontent {
		margin-top: 6rem;
	}
/*	
	body { max-width: 80vw;	}
	#siteholder { width: 80vw; margin-left: 10vw;}
	#navmenu { width: 80vw; }
	#navmenu div.navmenuitem { display: none; height: 0; }
    #mobilemenu {
        position: fixed;
        width: 93.75vw;
        width: 80vw;
        z-index: 200;
        top: 3.75vh;
        display: block;
    }
    #mobilemenu div.navmenuitem { margin: 0;}
    #mobilemenu #mobnavhome {
        display: block;
        width: 100%;
        padding-top: 0;
    }
    #mobnavnav {
        width: 100%;
        display: none; justify-content: space-between;
    }
    #mobnavnav div.selecteditem:before {
        content: "— ";
    }
	#pagecontent { width: 80vw; margin-left: 0; margin-right: 5vw; }
	div.infopagecolumn { width: 100%; }
	div.griditem { width: 30vw; margin-left: 0; margin-right: 10vw;}
	div.griditemtype { font-size: 1.4vh; margin-top: 0.5vh; }
	#hamburger {
		display: inline-block;
		position: absolute;
		right: calc(10vw - 3.125vw);
		top: 3.75vh;
        height: 2em;
        z-index: 1000;
        cursor: pointer;
	}
	#hamburger img {
        max-height: 100%;
    }
    #displaytitle {
        display: block;
        margin-bottom: 1em;
    }
*/
}