body {
	font-family: "Avenir Next", Helvetica, sans;
	margin: 4vw;
}

a {
	color: #ffba08;
}

/*#3c1518 // #69140e // #a44200 // #d58936 // #f2f3ae*/

#wrapper {
	display: grid;
	grid-template-columns: 28.5vw 28.5vw 28.5vw;
	grid-gap: 3vw;
	background-color: #fff;
	color: #444;
	position: absolute;
}

#wrapper_2 {
	margin: 4vw;
	display: grid;
	grid-template-columns: 20.5vw 20.5vw 20.5vw 20.5vw;
	grid-gap: 3vw;
	background-color: #fff;
	color: #3c1518;
	position: absolute;
	top:0;
	left:0;
}

#wrapper_3 {
	margin-top: 4vw;
	width: 60%;
	background-color: #fff;
	color: #3c1518;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin-left:auto;
	margin-right: auto;
}



#conftitle {
	position: absolute;
	width: 64vw;
	font-size: 6vw;
	text-align: right;
	line-height: 5vw;
	color:white;
	text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;
}

/* box layouts */
.box {
	background-color: #a44200;
	color: #fff;
	border-radius: 1vw;
	padding: 2vw;
}


.interlocutor {
	background-color: #69140e;
}
.interlocutor a {
	color: #ce6a85;
}

.opener {
	background-color: #d58936;
}
.opener a {
	color: #f2f3ae;
}

.navi {
	background-color: #ffffff;
	color: #3c1518;
	text-align: right;
	z-index:1;
	border-radius: 1vw;
	border: 1px solid;
}
.weekday {
	font-size: 150%;
	background-color: #333;
	color: #ddd;
	padding-left: 2vw;
	padding-top: 0.3vw;
	padding-bottom: 0.3vw;
	border-radius: 1vw;
}
.slot_specifier {
	padding: 2vw;

}


/* text layouts */

.name {
	font-size: 150%;
}

.slot_time {
	font-size: 150%;
}

.slot_title {
/*	font-size: 150%; */
}


.description_headline {
	font-size: 150%;
}

.description_subheadline {
	font-size: 200%;
}

.description_body {
	font-size: 120%;
}


.description_date {
	margin-top: 1.5vh;
	background-color: #a44200;
	border-radius: 1vw;
	padding: 0.5vh;
	padding-left: 1vh;
	color: white;
}

.description_literatur {
	font-style: italic;
}

.description_pdf {
	font-size: 120%;
}

.description_pdf a {
	color: #a44200;
}

.description_kontakt {
	font-size: 120%;
	color: #444;
}

.description_kontakt a {
	color: #a44200;
}


/* pfeile */

.pfeil_width {
	width: 100%;
	cursor: pointer;
}

.pfeil_height {
	height: 100%;
	cursor: pointer;
}



#back_beschreibung {
	position: fixed;
	top: 4vw;
	left: 1vw;
	width: 12%;
	z-index:1;
}


#back_programm {
	position: absolute;
	top: 1vw;
	left: 4vw;
	height: 2vw;
	z-index:1;
}

#back_orga {
	position: absolute;
	top: 1vw;
	left: 4vw;
	height: 2vw;
	z-index:1;
}


#legende_wrapper {
	position: absolute;
	top: 0.5vw;
	display: inline-block;
	text-align:center;
	width: 90vw;

}

.legende {
	display: inline-block;
	min-width: 8vw;
	margin-left: 1vw;
	margin-right: 1vw;	
	color: white;
}


/* grid */

.wide {
	grid-column: 1 / 5;
}