@import url('T85-fonts.css');

html
{
	height:100%;
	overflow-y:scroll;
}
body
{
	margin:0;
	height:calc(100% - 15px);
	
	padding:0 35px;

	font-family:ZeitungPro,sans-serif;
	
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	
	color:#1A171B;
}
body *
{
	box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.clear:after
{
	content:'';
	display:table;
	clear:both;
}
.hidden
{
	display:none !important;
}
a
{
	color:#1A171B;
	text-decoration:none;
}
article a,
.month a,
span.more,
a.next-month
{
	font-weight:100;
	color:#1A171B;
	white-space: nowrap;
	
	text-decoration:underline;
}
article a
{
	white-space:normal;
}
article a:hover,
.month a:hover,
span.more:hover,
a.next-month:hover
{
	/* text-decoration: underline; */
	text-decoration: none;
	
}


/*	intro anim */

.column .fill
{
	/* transition:width .25s cubic-bezier(.22,.18,.25,1) .5s; */
	transition:width .3s cubic-bezier(.07,.83,.63,1) 0s;
	
}
#header .column.right .fill
{
	/* transition-delay:1.0s; */
	transition-delay:0s;
}
#body .column.right .fill
{
	/* transition-delay:1.5s; */
	transition-delay:.4s;
}
#body .column.left .fill
{
	/* transition-delay:2.0s; */
	transition-delay:.4s;
}
.feature,
#menu > .fill,
.transition #body .features,
.home #footer
{
	transition:
		/* opacity .2s ease 2.5s, */
		opacity .2s ease 0.8s,
		transform .5s cubic-bezier(.22,.18,.25,1) 0s;
}
#body .features
{
	/* transition:opacity .2s ease 2.5s; */
	transition:opacity .2s ease 0.8s;
}

.home.skip-intro .fill,
.home.skip-intro .feature,
.home.skip-intro .features
{
	transition-duration:0s;
	transition-delay:0s !important;
}


/*	transition anim */

.transition #header,
.transition .feature,
.transition #menu,
.transition #body,
.transition .column,
.transition #logo,
.transition #menu .cover,
.transition #menu .fill,
.transition #menu a.deeplink,
.transition #header,
.transition #menu a.menu
{
	/* transition:transform 1s cubic-bezier(.22,.18,.25,1) 0s; */
	transition:transform .5s cubic-bezier(.07,.83,.63,1) 0s;
}
.no-transitions *
{
	transition-duration:0s !important;
	transition-delay:0s !important;
}


/* layout */

#page
{
	height:100%;
}
.page-centered
{
	position:relative;
	margin:auto;
	width:1440px;
	max-width:100%;
}
.column
{
	position:relative;
	width:calc(50% + 70px);
}
.column.right
{
	margin-left:-140px; /*	center overlap */
}


/* yellow background fills */

.fill
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.column > .fill
{
	overflow:hidden;
}
.column .fill,
#menu .fill
{
	/* background-color:rgba(255,237,0,.15); */
	background-color:rgba(255,237,0,.12);
}
#header .column.right .fill,
#body .column.right .fill
{
	right:0;
	left:auto;
}
.load #menu .fill
{
	opacity:0;
}
.load .column .fill
{
	width:0;
	transition:none;
}


/* header */
 
#header
{
	display:flex;
	margin-top:15px;
	transform:translateY(calc(-100% + 120px - 15px));
	z-index:1;
}
.transition #header
{
	background-color:white;
}
.home:not(.mobile) #header
{
	transform:none;
}
#header .column
{
	/* padding-bottom:220px; */
	padding-bottom:160px;
}
.feature
{
	display:block;
	position:relative;
	margin:25px;
	cursor:pointer;
}
.load .feature
{
	opacity:0;
}
.column.left .feature
{
	margin-right:calc(140px - 25px);
}
.column.right .feature
{
	margin-left:calc(140px - 25px);
}
.feature .image,
.item .image
{	
	position:relative;
	float:left;
	margin-right:25px;

	width:41%;
	min-width:160px;
	
	background:rgba(0,0,0,.1) none no-repeat 50% 50%;
	background-size:cover;
}
.feature .image > .hover,
.item .image > .hover,
#item .header .image > .hover
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
}
.feature:hover .title,
.item:hover h1
{
	/* text-decoration:underline; */
}

.feature .image::before,
.item .image::before
{
	content:'';
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top:100%; /* square aspect ratio */
}
.feature .image::after,
.item .image::after
{
	content:'';
	display: table;
	clear: both;
}
.feature .title
{
	position:absolute;
	left:0;
	right:0;
	top:20%;
	padding:5px 10px;
	background-color:rgba(255,237,0,.6);
	font-size:1.25rem;
}
.feature .text
{
	float:left;
	width:calc(58% - 25px);
	max-width:calc(100% - 160px - 25px);
}


/* menu */

#menu
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120px;
	
	font-family:ZeitungPro,sans-serif;
	
	z-index:1000;
}
.load #menu
{
	visibility:hidden;
}
#page:not(.home) #menu
{
	position:fixed;
	transform:none !important;
}
#menu .page-centered
{
	height:100%;
}
#menu .cover
{
	display:flex;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background-color:rgb(255,252,213);
	z-index:0;
	transform-origin:0 0;
}
#menu .fill
{
	transform-origin:0 0;
}
.home #menu .cover,
.home #menu .fill.page
{
	/* transform:scaleY(calc(220/120)); */
	transform:scaleY(calc(160/120));
}
#menu .cover .column
{
	height:100%;
	/* background-color:rgba(255,237,0,.3); */
	background-color:rgba(255,237,0,.24);
	overflow:hidden;
}
#menu > .fill
{
	height:100%;
	padding:0 35px;
	background-color:transparent;
}
#menu a.menu
{
	position:absolute;
	top:10px;
	font-size:1.875rem;
	padding:0 6px;
	text-decoration:none;
}
#menu a.deeplink
{
	position:absolute;
	top:75px;

	font-size:1.2rem;
	font-weight:100;
	
	transform-origin:100% 0;
}
#menu a.deeplink:hover
{
	text-decoration:underline;
}
#menu a.deeplink.left
{
	right:calc(50% + 70px + 60px);
}
#menu a.deeplink.right
{
	transform-origin:0 0;
	left:calc(50% + 70px + 60px);
}
#menu a.menu:hover,
#menu a.menu.active
{
	background-color:rgba(255,237,0,1);
}
#menu a.menu.left
{
	left:25px;
}
#menu a.menu.right
{
	right:25px;
}
#menu a.menu.left.bottom
{
	/* transform:translateX(24vw); */
	transform:translateX(23vw);
}
#menu a.menu.right.top
{
	/* transform:translateX(-22vw); */
	transform:translateX(-23vw);
}
.home #menu a.menu.right
{
	transform:none;
}
.home #menu a.menu.bottom
{
	/* transform:translateY(154px); */
	transform:translateY(94px);
}
.home #menu a.deeplink
{
	/* transform:translateY(17px) scale(1.25); */
	transform:translate(15px,-10px) scale(1.1);
}
.home #menu a.deeplink.right
{
	transform:translate(-15px,-10px) scale(1.1);
}

#logo
{
	position:absolute;
	left:50%;
	top:14px;

	transform-origin:50% 0;
	transform:translateX(-50%) scale(0.46875);
}
.home #logo
{
	/* transform:translateX(-50%); */
	transform: translateX(-50%) scale(.7);
}


/* footer menu */

#footer
{
	position:absolute;
	left:calc(50% - 70px);
	width:140px;
	bottom:15px;
	
	font-size:.9375rem;
	text-align:center;
}
.transition #footer
{
	display:none;
}
.load #footer
{
	opacity:0;
}
#footer a
{
	display:block;
}
#footer a:hover
{
	text-decoration:underline;
}


/* body */

#body
{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	padding:0 35px;
	
	z-index:0;
}
#page:not(.home) #body
{
	transform:none !important;
	bottom:0 !important;
}
#body > .page-centered
{
	display:flex;
	min-height:100%;
	/* overflow:hidden; */
}
#body .column
{
	padding-top:120px;
	min-height:100%;
}
.home #body .column
{
	padding-bottom:100px;
}
#header .column
{
	min-height: 100%;
}
#page:not(.home) #body:not(.agenda) .column.right
{
	z-index:-1;
}

.load #body .features
{
	opacity:0;
}
.home:not(.mobile) #body .column .features
{
	/* transform:translateY(100px); */
	transform:translateY(40px);
}
#page:not(.home):not(.mobile) #body .features
{
	transform:translateY(-110%);
}
.features .header
{
	display:none;
	/* text-align:center; */
}

.item
{
	display:block;
	margin:25px 0 25px 0px;
	padding:10px 25px;
	max-width:calc(100% - 140px);
	cursor:pointer;
	
	/* background-color:rgb(255,252,222); */
}
.item:hover
/* .item.selected */
{
	background-color:rgba(255,255,255,.4);
}
.item.selected
{
	opacity:.35;
}
.home .item:hover
{
	background-color:rgba(255,237,0,.15);
}

.column.right .item
{
	margin-left:140px;
}
.item .image
{
	margin-right:20px;
	width:28%;
	min-width:120px;
}
.item .text
{
	float:left;
	width:calc(72% - 20px);
	max-width:calc(100% - 120px - 20px);
}
.item .date
{
	float:right;
	width:60px;
	height:60px;
	background-color:white;
	text-align:center;
	text-transform: uppercase;
	font-size:1.125rem;
	line-height:1.875rem;
}
.item .date em
{
	font-style:normal;
	font-family:mokum_giroregular,ZeitungPro,sans-serif;
	font-size:1.875rem;
}

.item h1
{
	margin:0;
	margin-top:-2px;
	font-size:1.2rem;
	line-height:1.6rem;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.item h2
{
	margin:0;
	font-size:1rem;
	font-weight:normal;
}
.item .news-date
{
	margin-left:2px;
	font-weight:100;
	font-size:.7rem;
	font-family:ZeitungMicroPro,sans-serif;
}
.item .short
{
	margin:10px 0 0 20px;
	font-family:ZeitungMicroPro,sans-serif;
	font-size:.875rem;
}
#items
{
	padding:25px 0 50px 0;
	background-color:rgba(255,237,0,.1);
	min-height:100%;
}
.article #items
{
	min-height:0;
}
#body:not(.agenda) #items .item
{
	float:left;
	margin-bottom:0;
	width:calc(50% - 70px);
}
#body:not(.agenda) #items .item:nth-child(odd)
{
	clear:left;
}
#body:not(.agenda) #items .item:nth-child(even)
{
	margin-left:140px;
}
#items .month
{
	position:relative;
	margin-top:15px;
	width:calc(100% - 140px);

	background-color:rgba(255,237,0,1);

	font-size:1.25rem;
	font-weight:bold;
	text-align:center;
	text-transform: uppercase;
}
#items .month a
{
	position:absolute;
	top:2px;
	text-transform: none;
	font-size:1.125rem;
	cursor:pointer;
}
#items .month a.prev
{
	left:25px;
}
#items .month a.next
{
	right:25px;
}
.no-events,
.next-month
{
	display:block;
	margin-top:20px;
	padding-right:140px;
	text-align:center;
}


/*	article */

.home #item,
.home #items,
.transition #item,
.transition #items
{
	display:none;
}
#item
{
	padding:40px;
	min-height:75px;
}
#item,
#items
{
	position:relative;
	width:calc(200% - 140px);
}
.agenda #item,
.agenda #items
{
	width:100%;
	min-height:100%;
}
.agenda #item
{
	padding-left:90px;
}
#item .spinner,
#items .spinner
{
	position:absolute;
	left:50%;
	top:0px;
	margin:25px -11px;
}

article
{
	transition:opacity .2s ease 0s;
}
article.hide
{
	opacity:0;
}
article .header
{
	float:left;
	width:calc(50% - 20px);
}
article .header.left
{
	margin-bottom:40px;
}
article .header.right
{
	float:right;
	margin-bottom:15px;
}
.agenda article .header
{
	width:100%;
	margin-bottom:10px;
}

article .header .image
{	
	position:relative;
	float:left;
	width:100%;

	background:rgba(0,0,0,.1) none no-repeat 50% 20%;
	background-size:cover;
}
article .header.right .image
{
	margin:0 20px 11px 0;
	width:calc(50% - 10px);
	cursor:pointer;
}
#item .header .image > .hover
{
	background-position:50% 20%;
}


article .header.right .image:nth-child(even)
{
	margin-right:0;
}
article .header .image:not(.portrait)::before
{
	content:'';
	width: 1px;
	margin-left: -1px;
	float: left;
	height: 0;
	padding-top:56.25%; /* 16:9 aspect ratio */
}
article .header .image::after
{
	content:'';
	display: table;
	clear: both;
}


article .text
{
	margin-top:40px;
	width:100%;
	column-count:2;
	column-gap: 40px;
}
article .files:not(:empty)
{
	/* margin-top:20px; */
	margin-bottom:20px;
}
article .files a
{
	display:block;
}
article .files a::before
{
	position:relative;
	top:6px;
	margin-right:5px;
}
article .files a.pdf::before
{
	content:url(../media/pdf.svg);
}
article .files a.zip::before
{
	content:url(../media/zip.svg);
}
article.photos .text
{
	width:50%;
	column-count:1;
}

article .text p
{
	margin-top:0;
	break-inside:avoid;
}
article .text p:first-child
{
	display:inline-block; /* do not wrap first paragraph to second column */
}

article h1
{
	margin:0;
	clear:left;
	font-size:1.625rem;	
}
article.photos h1
{
	width:50%;
}

article h2
{
	margin-top:5px;
	font-size: 1rem;
	font-weight: normal;
}
article .repeat
{
	display:inline-block;
	margin:0 5px;
	/* margin-right:5px; */
	padding:0 2px;
	background-color:rgba(255,237,0,1);
	text-transform: uppercase;
	
}

article h3
{
	margin:0;
	font-weight:100;
	font-size:.85rem;
}

article .merged
{
	padding:50px 0;
}

article .merge-text
{
	float:right;
	width:calc(50% - 20px);
}
article .merge-text h1
{
	clear:none;
}
article .merged.community
{
	padding-top:20px;
}
article .merged.community .header
{
	width:27.5%;
}
article .merged.community .header .image:not(.portrait)::before
{
	padding-top:100%;
}
article .merged.community .merge-text
{
	width:calc(72.5% - 40px);
}



.agenda article h2
{
	margin:0;
}
.agenda article h2:first-of-type
{
	margin:10px 0 0 0;
}
.agenda article .text
{
	column-count: 1;
}

.gallery.modal > .header
{
	position:absolute;
	width:100%;
	height:40px;
	background-color: rgba(255,237,0,.6);
	line-height:36px;
	z-index:1000;
}
.gallery.modal > .header .navigation
{
	position:absolute;
	right:25px;
	top:0;
}
.gallery.modal > .header a
{
	margin-left:20px;
	font-weight:100;
	text-decoration:underline;
}
.gallery.modal > .header a:hover
{
	text-decoration: none;
}
.gallery.modal > .caption
{
	position:absolute;
	left:15px;
	right:15px;
	bottom:8px;

	color:white;
	text-shadow:1px 1px 1px rgba(0,0,0,.4);
	
	z-index:10;
}
.gallery:not(.modal) > .caption
{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.gallery > .media
{
	position:relative;
	margin:auto;
	width:1920px;
	max-width:100%;
	height:100%;
	padding-bottom:56.25%;
	background-color:#eeeeee;
	overflow:hidden;
}
.gallery.modal > .media
{
	background-color:transparent;
	/* background-color:rgba(250,250,0,.5); */
	padding-bottom:0;
}
.gallery > .media.zoom
{
	/* position:absolute; */
}
.gallery > .media.transition
{
	transform-origin:0 0 0;
	-webkit-transform-origin:0 0 0;
	
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery > .media > .slide
{
	position:absolute;
	
	/* background-color:#333; */
	box-sizing: content-box;
    -moz-box-sizing: content-box;
    
	border:3px solid #fafafa;
	border-top:none;
	border-bottom:none;
	margin-left:-3px;
	
	width:100%;
	height:100%;
	
	background:transparent none no-repeat center;
	background-size:contain;
	
	transform:translateX(0);
	-webkit-transform:translateX(0);
}
.gallery > .media.zoom > .slide
{
	border-color:transparent;
	border-width:10px;
	margin-left:-10px;
	background-size:contain;
}
.gallery > .media > .slide.next
{
	transform:translateX(100%);
	-webkit-transform:translateX(100%);
}
.gallery > .media > .slide.prev
{
	transform:translateX(-100%);
	-webkit-transform:translateX(-100%);
}
.gallery >.media:not(.swipe) > .slide
{
	transition:transform .4s ease 0s;
	-webkit-transition:-webkit-transform .4s ease 0s;
}
.gallery >.media.fast > .slide
{
	transition:transform .2s ease 0s;
	-webkit-transition:-webkit-transform .2s ease 0s;
}
.gallery >.media.faster > .slide,
.gallery >.media.rset > .slide
{
	transition:transform .1s ease 0s;
	-webkit-transition:-webkit-transform .1s ease 0s;
}
.gallery .arrow
{
	position:absolute;
	z-index:1000;
	top:44%;
	font-size:40px;
	color:rgba(255,237,0,.75);
}
.gallery .arrow.prev
{
	left:20px;
}
.gallery .arrow.next
{
	right:20px;
}


/* modals */

div.modal
{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;

	background-color:rgba(255,255,255,.9);
	z-index:10000;
	
	transition:opacity .25s ease 0s;
	
	overflow-y:auto;
	
	text-align: center;
}
div.modal.remove
{
	opacity:0;
}
div.modal.hidden
{
	opacity:0;
	pointer-events:none;
}
div.modal:not(.gallery):before
{
	/*	vertically centers dialogue within modal */
	content:'';
	display:inline-block;
	height:100%;
	max-height:100vh;
	vertical-align:middle;

}
div.modal .dialog
{
	position:relative;
	display:inline-block;
	vertical-align:middle;
	
	margin:0;
	padding:10px;

	width:400px;
	max-width:96%;

	text-align:left;
}
div.modal .dialog .head
{
	padding-bottom:12px;
	border-bottom:1px solid rgba(0,0,0,.3);

	font-size:18px;
	font-weight:500;
	line-height:normal;
}
div.modal .dialog .body
{
	padding:15px 0 20px 0;
	font-size:16px;
	line-height:20px;
}
div.modal .dialog .footer
{
	margin-bottom:40px;
	padding-top:15px;
	border-top:1px solid rgba(0,0,0,.3);

	text-align:right;
}

#newsletter .dialog
{
	height:100%;
	background-color:rgba(255,237,0,.4);
}
#newsletter .dialog h2
{
	font-weight:normal;
	font-size:1.2rem;
}
#newsletter a.close
{
	margin:0 15px 0 0;
	float:right;
	font-weight:100;
}
#newsletter a.close:hover
{
	text-decoration:underline;
}
#mc_embed_signup .asterisk
{
	color:#1A171B;
}
#mc_embed_signup form
{
	/* padding:15px; */
	padding:0;
}
#mc_embed_signup .mc-field-group
{
	width:100%;
}

#mc_embed_signup
{
	/* margin-top:100px; */
	/* margin-top:0px; */
	width:calc(50% - 20px);
}
#mc_embed_signup input
{
	font-family:ZeitungPro;
	font-size:1rem;
	padding: 4px 0 !important;
	border-radius:0;
}
#mc_embed_signup input.button
{
	padding: 0 6px !important;
	height:auto;
	border-radius:0;
	/* background-color:transparent; */
	background-color:rgb(255,237,0);

	font-size:1.2rem;
	line-height:2rem;
	color:#1A171B;
	transition:none;
}
#mc_embed_signup input.button:hover
{
	background-color:rgb(255,237,0);
	text-decoration:underline;
}

#mc-embedded-subscribe-form
{
	padding:0;
}


/*	responsive layouts */

@media (min-width:1510px) /* fix menu item positions on larger screens */
{
	#page:not(.home) #menu a.menu.left.bottom
	{
		transform:translateX(345px);
	}
	#page:not(.home) #menu a.menu.right.top
	{
		transform:translateX(-345px);
	}
}
@media (max-width:1280px)
{
	html
	{
		font-size:15px;
	}
}
@media (max-width:1080px)
{
	html
	{
		font-size:14px;
	}
	body
	{
		font-family:ZeitungMicroPro,sans-serif;
	}
	body,
	#body,
	#menu > .fill
	{
		padding:0 10px;
	}
	.item h1
	{
		font-size:1.1rem;
	}
}
@media (max-width:1023px) /* smaller center column */
{
	#header .column
	{
		padding-bottom:160px;
	}
	#body .features
	{
		padding-bottom:50px;
	}

	.column.left .feature
	{
		margin-right:calc(80px - 35px); /* half of 70px smaller column */
	}
	.column.right .feature
	{
		margin-left:calc(80px - 35px);
	}
	.home .column.left .feature
	{
		margin-right:80px;
	}
	.home .column.right .feature
	{
		margin-left:80px;
	}
	
	.feature .image
	{
		margin-right:15px;
	}	
	.feature .text
	{
		width:calc(59% - 15px);
		max-width: calc(100% - 160px - 15px);
	}
	.home:not(.mobile) #body .column
	{
		padding-bottom:40px;
	}


	/**/

	.home #logo
	{
		transform: translateX(-50%) scale(.7);
	}
	.home #menu .cover,
	.home #menu .fill.page
	{
		transform: scaleY(calc(160/120));
	}
	
	#menu a.menu
	{
		font-size:1.7rem;
	}
	#menu a.menu.left.bottom,
	#menu a.menu.right.top
	{
		transform:none;
	}
	#menu a.menu.bottom
	{
		top:auto;
		bottom:10px;
	}
	.home #menu a.menu.bottom
	{
		transform:translateY(40px);
	}
	
	/**/
	
	
	
	/* #page:not(.home) #menu a.deeplink */
	#page #menu a.deeplink
	{
		transform:translateY(-25px);
		/* font-size: 1.1rem; */
		font-family:ZeitungMicroPro,sans-serif;
	}
	#menu a.deeplink.left
	{
		right:calc(50% + 50px);
	}
	#menu a.deeplink.right
	{
		left:calc(50% + 50px);
	}

	#page.home #menu a.deeplink
	{
		transform: translateY(-10px) scale(1.1);
	}

	
	#page:not(.home) .column,
	#page.home.mobile .column
	{
		width: calc(50% + 35px);
	}
	#page:not(.home) .column.right,
	#page.home.mobile .column.right
	{
		margin-left: -70px;
	}
	.home:not(.mobile) #body .column .features
	{
		transform: translateY(40px);
	}
	
	
	#item, #items
	{
		position: relative;
		width: calc(200% - 70px);
	}
	.agenda #item
	{
    	padding-left:50px;
    }
    .no-events,
    .next-month
	{
		padding-right:70px;
	}
	#body:not(.agenda) #items .item
	{
		width:50%;
		margin-top:0;
	}
	#body:not(.agenda) #items .item:nth-child(2n)
	{
		margin-left: 0px;
	}
	#items .month
	{
		width:calc(100% - 70px);
	}
	.item
	{
		max-width:calc(100% - 70px);
	}
	.column.right .item	
	{
		margin-left:70px;
	}
	.item .image
	{
		min-width: 100px;
	}
	#page:not(.home) .item .text
	{
		max-width: calc(100% - 100px - 20px);
	}
}

@media (max-width:768px) /* anything below ipad portrait: single column layout */
{
	.transition #menu,
	.transition .column
	{
		transition:all 1s cubic-bezier(.22,.18,.25,1) 0s;
	}

	body 
	{
		height:100%;
	}
	#page:not(.home) #menu a.deeplink
	{
		font-size:1.1rem;
	}
	.home:not(.mobile) .column
	{
		width: calc(50% + 55px);
	}
	.home:not(.mobile) .column.right
	{
		margin-left: -110px;
	}
	#body .features
	{
		padding-bottom:0;
	}


	.agenda #items,
	.agenda #item
	{
		width:calc(200% - 70px);
	}
	.agenda #items
	{
		padding-top:0;
	}
	.article .agenda #items
	{
		min-height:0;
	}
	.agenda #item
	{
		padding-left:40px;
		min-height:0;
	}
    .no-events,
    .next-month
	{
		padding-right:0;
	}
	.agenda .column.right
	{
		z-index:-1;
	}
	#items,
	.features-mobile.bottom-left
	{
		padding-bottom:100px;
	}
	#items .month
	{
		margin-top:0;
		width:100%;
	}
	.item 
	{
		max-width:100%;	
	}
	.item .image
	{
		width:20%;
	}
	.item .text
	{
	    width: calc(80% - 20px);
	    max-width: calc(100% - 120px);
	}
	.column.right
	{
		overflow:hidden;
	}
	
	article .header
	{
		width:100%;
	}
	article .header.left
	{
		margin-bottom:20px;
	}
	article .merged .header.left
	{
		margin-bottom:5px;
	}
	article .merged.community .header
	{
		width:50%;
	}

	article .text,
	article .merge-text
	{
		width:100% !important;
		column-count:1;
	}
	article.photos h1
	{
		width:100%
	}
	#body:not(.agenda) #items .item
	{
		width:100%;
		max-width:100%;
		margin-bottom:10px;
	}

	.home #logo
	{
		transform:translateX(-50%) scale(.8);
	}
    .home #header
    {
    	height:calc(50% + 90px - 20px);
    }
    .home:not(.mobile) #menu
    {
    	height:180px;
    }
    .home #menu a:not(#logo)
    {
		opacity:0;
		pointer-events: none;
    }
    .home:not(.mobile) #menu,
    .home:not(.mobile) #body
    {
    	top:calc(50% - 90px - 20px);
    }
    .home #header .column
    {
    	height:100%;
    }
    .home #body .column.right
    {
    	z-index:-1;
    }

	.column > .features
	{
		width:calc(200% - 110px);
	}
	.mobile .column > .features
	{
		width:calc(200% - 70px);
	}

	#header
	{
		margin-top:0;
		transform: translateY(calc(-100% + 100px - 15px));
	}

	.features .header
	{
		display:block;
		position:relative;
		/* margin:20px -10px; */
		margin:20px 0;
		background-color:rgba(255,237,0,1);
		font-size:1.2rem;
		padding:6px;
		text-align:center;
		
	}
	.features .header .more
	{
		position:absolute;
		
		right:20px;
		top:9px;
		
		font-size:1rem;
		
	}
	#body .features
	{
		transition: opacity .2s ease 0s;
	}
	.home #body .features
	{
		display:none;
	}
	.mobile.home #body .features
	{
		display:block;
		opacity:0;
	}
	.home.mobile:not(.transition) #body .features
	{
		/* display:block; */
		opacity:1;
	}
	.home.transition .column
	{
		overflow:hidden;
	}


	#page:not(.home) #menu
	{
		height:100px;
	}
	#logo,
	.home.mobile #logo
	{
    	transform:translateX(-50%) scale(0.39);
    	
    }
    #menu
    {
  		height:100px;
    	font-family: ZeitungMicroPro,sans-serif;
    }
	#menu a.menu
	{
		font-size:1.2rem;
	}
	#menu a.deeplink
	{
		display:none;
	}
	#menu a.menu.left
	{
		left:0;
	}
	#menu a.menu.right
	{
		right:0;
	}
	#body .column
	{
		padding-top: 100px;
	}
	.home #menu .cover,
	.home #menu .fill.page
	{
		transform:none;
	}

	.features-mobile:first-child .header
	{
		margin-top:0;
	}
	.feature
	{
		margin:20px !important;
	}
	
	#mc_embed_signup
	{
		width:100%;
	}
	
	#footer
	{
		transition:opacity .2s ease 3.05s;
	}
}
@media (max-width:600px)
{
	body,
	#body,
	#menu > .fill
	{
		padding:0;
	}

	.feature .image
	{
		width:100%;
	}
	.feature .text
	{
		clear:left;
		margin-top:10px;
		width:100%;
		max-width:100%;
	}

	#item
	{
    	padding: 20px;
    }
	.agenda #item
	{
		padding-left:20px; 
	}
	#items .month
	{
		margin-bottom:10px;
	}
	.item
	{
		margin:0 0 10px 0;
		padding:10px;
	}
	.item .image
	{
    	margin-right:15px;
    }
	.item .short
	{
		margin-left:0;
	}
	.gallery .navigation a:not(.close)
	{
		display:none;
	}
	article
	{
		font-size:1.2rem;
	}
	
	.gallery .arrow
	{
		display:none;
	}
}