* {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	height: 100%;
}
body {
	background: #fff;
	margin: 0px auto;
	font-family: 'GillSansMTStd-Book', Helvetica, Verdana, Arial, sans-serif;
	font-size: 1em;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern", "liga" off, "calt" off;
}
@media screen and (min-width:650px){
	body.blog, body.single-event {
		overflow: hidden;
	}
}
body.timelineisopen {
	overflow: hidden;
}

#preload { display:none;}

.gilllight {
	font-family: 'GillSansMTStd-Light';
}

h1, h2, h3 {
	font-family: 'GillSansMTStd-Light';
	text-transform: uppercase;
	font-weight: normal;
}
h1 {
	font-size: 1.3em;
	margin-bottom: 30px;
}
h2 {
	font-size: 1em;
	margin-bottom: 10px;
}
h3 {
	font-size: 1em;
	margin: 10px 0;
}

p {
	padding-bottom: 10px;
	line-height: 1.4em;
}

a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
a:hover {
	/*opacity: 0.5;*/
}
a:focus {outline: none;}
.link {
	position: relative;
	padding-left: 20px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.link:hover {
	color: #fc5045;
	padding-left: 24px;
}
.link:after {
	position: absolute;
	content: "";
	top: 1px;
	left: 0;
	color: #fc5045;
	background: url('../images/arrow_next2.png') no-repeat top left;
	width: 10px;
	height: 10px;
}
.smaller {
	font-size: 0.8em;
}
p.smaller {
	padding-top: 10px;
}

img {
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

#mfPreviewBarShow, #mfPreviewBar {
	display: none;
}

time {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 30px;
}

/* # # # # HOMEMENU # # # # */

#home {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-size: contain;*/
	background-repeat: no-repeat;
	background-image: url('../images/Sheep_street_FaroeIsland2015.jpg');
	/*background-image: url('../images/Wim3D.jpg');*/
	background-position: center;
	width: 100%;
	height: 100vh;

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;

	/*-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;

	background-blend-mode: multiply;
	-webkit-background-blend-mode: multiply;*/
}

/* # # # # MENU # # # # */

@media screen and (min-width:650px){
	#menuslider {
		width: 200px;
		min-width: 200px;
		margin-left: 0px;
		box-shadow: 0px 0px 100px rgba(0,0,0,0.2);
		webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	body.togglemenu #menuslider {
		margin-left: -200px;
		box-shadow: none;
	}
}
nav {
	position: fixed;
	width: 200px;
	min-width: 200px;
	height: 100%;
	background: #002973;
	color: #fff;
	text-transform: uppercase;
	font-family: GillSansMTStd-Light;
	text-align: right;
	z-index: 502;

	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (min-width:650px){
	nav {
		min-height: 400px;
	}
}
#logo {
	padding: 20px 20px 15px;
	text-transform: uppercase;
	cursor: pointer;
	white-space: nowrap;
	color: #fff;

	webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	display: flex;
	width: 200px;
	align-items: center;
}
#logo svg {
	width: 100%;
	height: 100%;
	max-width: 140px;
}
#logo svg path {
	fill: #fff;
}
@media screen and (min-width:650px){
	body.togglemenu #logo {
		margin-left: 200px;
		color: #000;
	}
	body.togglemenu #logo path {
		fill: #000;
	}
	body.togglemenu.dark #logo {
		color: #fff;
	}
	body.togglemenu.dark #logo path {
		fill: #fff;
	}
}
#logo i {
	display: inline-block;
	padding-right: 5px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	width: 20px;
}
#logo span {
	background: #fff;
	width: 20px;
	height: 2px;
	display: block;
	margin: 3px 0 2px 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
@media only screen and (min-width:650px) {
	body.togglemenu #logo span {
		background: #000;
	}
	body.togglemenu.dark #logo span {
		background: #fff;
	}
	#logo:hover span:first-child {
		width: 14px;
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-left: -2px;
	}
	#logo:hover span:last-child {
		width: 14px;
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: -2px;
	}
	body.togglemenu #logo:hover span:first-child {
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 10px;
	}
	body.togglemenu  #logo:hover span:last-child {
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		margin-left: 10px;
	}
}
nav ul {
	list-style-type: none;
}
/*nav li.distance {
	padding-top: 10px;
}*/
nav li.bottom {
	position: absolute;
	bottom: 20px;
	font-size: 0.8em;
	width: 100%;
}
nav li.bottom.nl {
	bottom: 120px;
}
nav li.bottom.fbk {
	bottom: 95px;
}
nav li.bottom.store {
	bottom: 70px;
}
nav li.bottom.legal {
	bottom: 45px;
}
nav ul li a {
	display: block;
	padding: 6px 20px 3px 20px;
	color: #fff;
	letter-spacing: 0.03em;
	font-size: 0.9em;
}
nav ul li.bottom a {
	padding: 4px 20px 1px 20px;
}
nav ul li a:hover, nav ul li.current-menu-item a, .single-photo nav ul li.menu-item-56 a, .blog nav ul li.menu-item-29 a, .single-event nav ul li.menu-item-8101 a {
	background: #fff;
	color: #002973;
}

/* # # # # PAGE / CONTENT # # # # */

#page {
	min-height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.content {
	display: inherit;
	-webkit-flex-direction: column;
	flex-direction: column; 
	width: 100%;
	position: relative;
}
.centerall {
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.content ul {
	padding-left: 16px;
}
.pure {
	padding: 80px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}
/* Page WWS / Legal / Pricacy */
.page-id-11 .pure, .page-id-14 .pure, .page-id-9045 .pure, .page-id-9978 .pure, .page-id-10464 .pure {
	margin: 0 auto;
	width: 70%;
	max-width: 900px;
	width: 50%;
}
.page-id-10464 .pure {
	text-align: center;
}
.page-id-11 .pure h1 {
	text-indent: -10000px;
	position: relative;
	background: transparent url('../images/wimwendersstiftung.png') no-repeat center;
	height: 88px;
}
/* Page Contact */
.page-id-22 .pure h1 {
	display: none;
}

/*.content a {
	border-bottom: 1px solid #FC5045;
}*/
.content a:hover {
	color: #FC5045;
}

.contact {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-right: 20px;
	flex-flow: row wrap;
}
.contactblock {
	padding-left: 20px;
	width: 33%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.95em;
	overflow: hidden;
}
.page-id-22 .pure .contactblock h1 {
	display: block;
	margin-bottom: 20px;
}
.contactblock .team a {
	display: block;
}
.contactblock h2 {
	padding-bottom: 25px;
}
.contactblock ul {
	padding-left: 0;
	padding-bottom: 20px;
	min-height: 90px;
}
.contactblock ul li {
	list-style: none;
	padding-bottom: 5px;
	font-weight: bold;
}
.contactblock p {
	line-height: 1.2em;
}
.contactsubs {
	width: 100%;
	padding: 40px 20px 0;
	box-sizing: border-box;
	font-size: 0.8em;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	grid-gap: 40px;
}
@media screen and (max-width:650px){
	.contactsubs {
		padding: 40px 0 0;
	}
}
.contactsubs > div strong {
	display: block;
	border-bottom: 1px dashed #000; 
}

.jsfade {
	opacity: 0;
}

/* FadeIN */

.fadein {
	-webkit-animation: fadein 3s;
	-moz-animation: fadein 3s;
	-o-animation: fadein 3s;
	animation: fadein 3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/* # # # # NEWS # # # # */

/*@media screen and (max-width:650px) {
	#newscontent {
		height: 100px;
	}
}*/

.blog .content, .home #news.active .info, .single-event .content {
	background: -moz-linear-gradient(left center, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 40%, rgba(204, 204, 204, 0.3) 50%, rgba(204, 204, 204, 0) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(204,204,204,0)), color-stop(40%,rgba(204,204,204,0)), color-stop(50%,rgba(204,204,204,0.3)), color-stop(50%,rgba(204,204,204,0)));
	background: -webkit-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0) 50%);
	background: -o-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0) 50%);
	background: -ms-linear-gradient(left, rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0) 50%);
	background: linear-gradient(to right, rgba(204,204,204,0) 0%,rgba(204,204,204,0) 40%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0.3) 50%,rgba(204,204,204,0) 50%);
}

article {
	display: inherit;
	width: 100%;
	height: 100%;
	position: absolute;
}

article.error {
	position:relative;
	top:45%;
	left:40%;
}

.col {
	position: relative;
}
@media screen and (min-width: 650px){
	.col {
		width: 50%;
	}
}
@media screen and (max-device-width: 480px){
	.col {
		width: 100%;
	}
}

.container {
	position:absolute;
	top:0;
	bottom:0;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	
	-webkit-flex-direction: column;
	flex-direction: column;

	padding: 10%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

	width: 100%;
}

.container {bottom:100%; height:100%;}

.focus .textcontainer .container {
	top: 0;
	z-index:1;
	bottom:100%;
}
.focus .imagecontainer .container {
	top: 0px;
	z-index:1;
	bottom:100%;
}
.next .imagecontainer .container,
.prev .textcontainer .container {
	top: 1800px;
	z-index:0;
	bottom:100%;

}
.next .textcontainer .container,
.prev .imagecontainer .container {
	top: -1800px;
	z-index:0;
	bottom:100%;
}

.imagecontainer .container {
	left:0;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.imagecontainer img {
	max-width: 100%;
	max-height: 100%;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
}
.imagecontainer iframe {
	width: 100%;
	height: 100%;
	min-height: 300px;
}
.blog .cycle-slideshow {
	margin-top: 60px;
	display: inherit;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.imagesubline {
	font-size: 0.8em;
	padding-top: 10px;
	display: block;
}
.imageskipper {
	padding-top: 20px;
}
.imageskipper a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #000;
	margin: 0 5px;
	opacity: 0.15;
}
.imageskipper a:hover, .imageskipper a.on {
	opacity: 1;
}

.textcontainer .container {
	right: 0;
	overflow-y: auto;
	/*padding: 0 10%;*/
}
.textcontainer .container .block {
	max-height: 100%;
	/*padding: 10% 0;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*.blog time {
	margin-bottom: 30px;
}*/
.blog .link {
	/*font-size: 0.9em;*/
	display: inline-block;
}
.blog .link:after {
	top: 4px;
}
.blog .link:first-child {
	margin-top: 20px;
}

.cycle-slideshow {
	width:100%;
	text-align:center;
}
.cycle-slideshow.openfade {
	opacity: 0;
}

.imageskipper {
	padding-top: 20px;
}
.imageskipper span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #000;
	margin: 0 5px;
	opacity: 0.15;
	cursor:pointer;
	text-indent: -99999px;
}
.imageskipper span.cycle-pager-active,
.imageskipper span:hover {
	opacity: 1;
}

.photoscontainer .cycle-slideshow { width:60%; margin:0 0 0 25%; padding:0;}
.galerie { text-align:center;}

/* # # # # PHOTO # # # # */

.set {
	display: inherit;
	-webkit-flex-direction: column;
	flex-direction: column;
	flex: 1 1 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.post-type-archive-photo .focus {
	top: 0px;
	z-index:1;
}
.post-type-archive-photo .next {
	top: 1800px;
	z-index:0;
}
.post-type-archive-photo .prev {
	top: -1800px;
	z-index:0;
	bottom:100%;
}

.post-type-archive-photo .cycle-slideshow {
	width: 100%;
	display: inherit;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	position: relative;
	margin-top: 80px;
	min-height: 160px;
	/*height: 70%;*/
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;

}
.post-type-archive-photo .cycle-slideshow img {
	max-height: 100%;
	max-width: 90%;
	-webkit-transition: opacity 0.3s ease-out 0.3s;
	-moz-transition: opacity 0.3s ease-out 0.3s;
	-o-transition: opacity 0.3s ease-out 0.3s;
	transition: opacity 0.3s ease-out 0.3s;
}
.cycle-prev, .cycle-next {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 150;
	top: 0;
}
.cycle-prev {
	cursor: url("../images/arrow_prev.png"), pointer;
	left: 0;
}
.cycle-next {
	cursor: url("../images/arrow_next.png"), pointer;
	right: 0;
}

.cyclepager {
	padding-top: 20px;
	line-height: 0.5em;
	color: #c3c0bb;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.set.open .cyclepager {
	opacity: 0;
	height: 0;
	padding-top: 0;
}
.cyclepager span {
	padding: 0 2px;
}
.cyclepager span:hover {
	cursor: pointer;
}
.cyclepager .cycle-pager-active {
	color: #fc5045;
}

.galerieinfo {
	text-align: center;
	margin-bottom: 20px;
	padding: 0 20px;
}
.set.open .galerieinfo {
	text-align: left;
	max-width: 600px;

	-webkit-animation: slidegalerieinfo 1.5s ; /* Safari 4+ */
	-moz-animation:    slidegalerieinfo 1.5s ; /* Fx 5+ */
	-o-animation:      slidegalerieinfo 1.5s ; /* Opera 12+ */
	animation:         slidegalerieinfo 1.5s ;
}
@-webkit-keyframes slidegalerieinfo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes slidegalerieinfo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes slidegalerieinfo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes slidegalerieinfo {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.galerieinfo h1 {
	margin: 15px 0 5px;

}
.galerieinfo h2 {
	font-size: 0.8em;
}
.galerieinfo h2 .more {
	opacity: 0;
	height: 0px;
	overflow: hidden;
}
.set.open .galerieinfo h2 .more {
	opacity: 1;
	height: 100%;
}

.galeriedetail {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	margin: 0 auto;
}

.set.open .galeriedetail {
	opacity: 1;
	max-height: 100%;
	padding-top: 20px;
}
.set.fadeout .cycle-slideshow {
	height: 0;
	min-height: 0;
	-webkit-transition: all 0.3s ease-out 0.2s;
	transition: all 0.3s ease-out 0.2s;
	-moz-transition: all 0.3s ease-out 0.2s;
	-o-transition: all 0.3s ease-out 0.2s;
}
.set.open .cycle-slideshow img {
	opacity: 0 !important;
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

/* opengaleriedetail */

.centerthis {
	text-align: center;
}
.opengaleriedetail {
	padding-top: 15px;
	cursor: pointer;
	height: 25px;
	position: relative;
	width: 20px;
	margin: 0 auto;
}
.opengaleriedetail span {
	background: #000;
	width: 20px;
	height: 1px;
	display: block;
	margin-bottom: 2px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.opengaleriedetail:hover span {
	background: #fc5045;
	margin-bottom: 3px;
}
.set.open .opengaleriedetail span {
	opacity: 0;
}
.set.open .opengaleriedetail span:first-child {
	opacity: 1;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.set.open .opengaleriedetail span:last-child {
	opacity: 1;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 15px;
	left: 0;
}

/* # # # # MUSIC # # # # */

#music {
	background-image: url('../images/drivenbymusic.jpg');
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.musiccredits {
	display: none;
}
#music section {
	background: #fff;
}
@media screen and (min-width:650px){
	.musiccredits {
		display: inline;
		position: absolute;
		top: 10px;
		right: 10px;
		font-size: 0.7em;
	}
	#music section {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		bottom: 0;
		right: 0;
		overflow-y: auto;
		overflow-x: hidden;

		-webkit-transition: all 0.4s ease-out;
		-moz-transition: all 0.4s ease-out;
		-ms-transition: all 0.4s ease-out;
		-o-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
}
@media screen and (max-width:650px){
	#music section#wim_music {
		padding-top: 80px;
	}
}
#music section.open{
	top: 0px;
}
@media screen and (min-width:650px){
	#music section .pos {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		max-height: 100%;
	}
}
#music .block {
	padding: 10% 10% 100px;
	box-sizing: border-box;
}

#music section .totheleft {
	float: left;
	margin: 0 20px 20px -5%;
}

.musicmenu {
	padding: 20px 20px 40px;
	background: #fff;
	position: fixed;
	width: calc(100% - 200px);
	box-sizing: border-box;
	bottom: 0;
	z-index: 100;
}
@media screen and (max-width:650px){
	.musicmenu {
		display: none;
	}
}
body.togglemenu .musicmenu {
	width: 100%;
}
.musicmenu:after {
	position: absolute;
	content: '';
	top: -20px;
	left: 0px;
	width: 100%;
	height: 22px;
	background: transparent url('../images/musicmenuBG.png') no-repeat bottom center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.musicmenu ul {
	list-style-type: none;
	display: flex;
	justify-content: space-around;
	text-transform: uppercase;
	padding-left: 0;
}
.musicmenu li {
	padding: 0 10px;
}
.musicmenu a:hover, .musicmenu a.active {
	color: #FC5045;
}

#music #playlist iframe {
	width: 100%;
	background: #23232c;
	border: 20px solid #23232c;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 10px;
    /*margin: 10px 0;*/
}

#music .event .left img {
	max-width: 100px;
	width: 100%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#music .event.active .left img {
	max-width: 300px;
}
#music .event .left, #music .event .right {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
#music .event.active .left, #music .event.active .right {
	padding-top: 60px;
	padding-bottom: 60px;
}
#music .event:hover {
	cursor: pointer;
}
#music .event:hover .left {
	padding-right: 30px;
}
#music .event.active:hover .left {
	padding-right: 20px;
}
#music .event:hover .right {
	color: #FC5045;
	padding-left: 30px;
}
#music .event.active:hover .right {
	color: #000;
	padding-left: 20px;
}
#music .event .right .toggletext {
	height: 0;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
#music .event.active .right .toggletext {
	height: 100%;
	opacity: 1;
}
#music .event p a:hover {
	padding-left: 0px;
}

/* # # # # SKIPPER # # # # */

.skipper {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
}
.skipper button {
	background: #000;
	width: 50px;
	height: 25px;
	display: block;
	border: none;
	opacity: 0.2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	position: relative;
}
.skipper button:hover {
	opacity: 1;
	background: #fc5045;
}
.skipper.ganzoben button.skipper_next, .skipper.ganzunten button.skipper_pre {
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.skipper button:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	left: 19px;
	top: 7px;
	-moz-transform: scale(.9999);
	display: block;
}
.skipper.ganzoben button.skipper_next:after {
	top: 21px;
}
.skipper.ganzunten button.skipper_pre:after {
	top: 18px;
}
.skipper button.skipper_pre {
	-webkit-border-top-left-radius: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-topleft: 25px;
	-moz-border-radius-topright: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}
.skipper button.skipper_pre:after {
	border-left: 7px transparent solid;
	border-bottom: 11px #fff solid;
	border-right: 7px transparent solid;
}
.skipper.ganzoben button.skipper_pre {
	display: none;
}
.skipper button.skipper_next {
	-webkit-border-bottom-left-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-moz-border-radius-bottomright: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}
.skipper button.skipper_next:after {
	border-left: 7px transparent solid;
	border-top: 11px #fff solid;
	border-right: 7px transparent solid;
}
.skipper.ganzunten button.skipper_next {
	display: none;
}

.skipper.close {
	bottom: auto;
	top: 20px;
}
.skipper.close button {
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.skipper.close button:before, .skipper.close button:after {
	content: '';
	position: absolute;
	left: calc(50% - 10px);
	top: calc(50% - 2px);
	width: 20px;
	height: 4px;
	background: #fff;
	transform: rotate(45deg);
	transform-origin: center;
}
.skipper.close button:after {
	transform: rotate(-45deg);
}

/* # # # # TIMELINE # # # # */

#checktimeline { display: none; }

.opentimeline {
	bottom: 20px;
	position: absolute;
	left: 20px;
	z-index: 600;
}
.opentimeline span {
	background: #000 url('../images/icon_timeline.gif') no-repeat center;
	width: 50px;
	height: 50px;
	display: block;
	border: none;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	opacity: 0.2;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	position: relative;
}
.opentimeline span:hover {
	opacity: 1;
	background-color: #fc5045;
}
.timelineisopen .opentimeline span {
	background-image: url('../images/icon_news.gif');
}
.post-type-archive-photo.timelineisopen .opentimeline span {
	background-image: url('../images/icon_photo.gif');
}

#timeline {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.93);
	/*padding-top: 100px;*/
	z-index: 200;
	text-align: center;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	height: 0px;
	max-height: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body.timelineisopen #timeline {
	top: 0;
	height: 100%;
	max-height: 100%;
	min-height: 100%;
	padding: 100px 20px 0;
}

.year {
	font-size: 0.8em;
	padding: 4px 0;
}
.tl_news .year {
	padding-right: 40%;
}

.event {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-size: 0.9em;
}
.event .left, .event .right {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
}
.event .left {
	text-align: right;
}
.event .right {
	border-left: 1px solid #fc5045;
	text-align: left;
}
.event:last-child .right {
	padding-bottom: 100px;
}
.tl_news .event .left {
	width: 30%;
	padding: 19px 20px 0 0;
}
#music .event .left {
	width: 30%;
	padding: 10px 20px 10px 0;
}
.tl_news .event .right, #music .event .right {
	width: 70%;
}
.event .right img {
	margin-right: 20px;
	vertical-align: text-top;
	width: 80px;
}
.event .line {
	padding: 10px 20px;
	transition: all 0.3s ease-in-out;
}
.event .left .line:hover {
	padding: 10px 30px 10px 10px;
}
.event .right .line:hover {
	padding: 10px 10px 10px 30px;
}
.event h2 {
	margin: 0;
}
.blog .event a, .single-photo .event a {
	display: inline-block;
	padding: 10px 0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.event a:hover {
	color: #fc5045;
}
/*.event .left a:hover {
	padding-right: 10px;
}
.event .right a:hover {
	padding-left: 10px;
}*/
#timeline .on, #timeline .on a {
	color: #fc5045;
}

.event.kat .left, .event.kat .right {
	padding: 0 20px 10px;
	text-transform: uppercase;
	font-weight: bold;
}

/* # # # # MOBIL # # # # */

@media screen and (max-width:1200px){
	.page-id-22 .pure h1 {
		min-height: 60px;
	}
}

@media screen and (max-width:1000px){
	/*.page-id-22 .pure {
		padding: 80px 0px;
	}*/
	.page-id-22 .pure h1 {
		min-height: 60px;
	}
	.contactblock {
		width: 50%;
		padding-top: 40px;
	}
}

@media screen and (max-width:650px){
	body.togglemenu {
		overflow: hidden;
	}
	#page {
		height: auto;
	}
	nav {
		position: fixed;
		width: 100%;
		background: rgba(0,41,115,0.95);
		text-align: left;
		top: -1500px;
	}
	body.togglemenu nav {
		overflow-y: auto;
		-webkit-overflow-scrolling:touch;
		top: 0;
	}
	#logo {
		position: fixed;
		top: 0;
		z-index: 502;
		color: #fff;
		background: rgba(0,41,115,0.8);
		width: 100%;
	}
	body.togglemenu #logo  {
		background: transparent;
	}
	#logo span {
		background: #fff;
	}
	nav ul {
		font-size: 1.4em;
		padding-top: 80px;
	}
	nav li.bottom {
		position: relative;
		bottom: auto !important;
		width: auto;
	}
	.timelineisopen .content {
		position: unset;
	}
	.blog .content {
		background: none;
		padding-top: 20px;
	}
	article {
		position: relative;
		height: auto;
		flex-direction: column;
	}
	.container {
		position: relative;
		top: auto !important;
		bottom: auto !important;
		display: block;
		padding: 60px 20px 0;
	}
	.blog .cycle-slideshow {
		margin-top: 0px;
	}
	.imagecontainer iframe {
		min-height: 100px;
	}
	.imagesubline {
		font-size: 0.7em;
	}
	.textcontainer .container {
		padding: 20px 20px;
	}
	.textcontainer .container .block {
		padding: 0;
	}
	.textcontainer .container time, .textcontainer .container h1 {
		margin-bottom: 20px;
	}
	.textcontainer .container time, .textcontainer .container h1 {
		margin-bottom: 20px;
	}
	.opentimeline {
		position: fixed;
		top: 10px;
		left: auto;
		right: 20px;
		bottom: auto;
	}
	.opentimeline span {
		width: 40px;
		height: 40px;
		background-color: #fc5045;
		opacity: 1;
		background-size: 60%;
	}
	#timeline {
		position: fixed;
	}
	.skipper {
		position: static;
		margin-bottom: 20px;
	}
	.skipper button {
		margin: 0 auto;
	}
	.set {
		position: relative;
	}
	.post-type-archive-photo .cycle-slideshow {
		height: auto;
		display: block;
	}
	.post-type-archive-photo .next {
		top: 0px !important;
	}
	.pure {
		width: auto !important;
		text-align: left;
		padding: 80px 20px;
	}
	.contact {
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 20px;
	}
	.contactblock {
		width: 100%;
		padding: 0 0 40px;
	}
	.page-id-22 .pure .contactblock h1 {
		min-height: 0;
	}
	.page-id-22 .pure .contactblock ul {
		min-height: 0;
	}
	.contactblock .team {
		min-height: 0;
	}
}
/*@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){... }*/

@media screen and (max-width: 480px){
	.hover {
		opacity: 1;
		/*background: rgba(0,0,0,0.3);*/
	}
	.hover .info {
		top: 50%;
		transform: translateY(-50%);
	}
}
@media screen and (max-device-width: 480px){
	img.cycle-sentinel {
		max-height: 300px;
	}
	.cycle-prev:after, .cycle-next:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 10px;
		width: 10px;
		height: 10px;
		background: transparent url('../images/arrow_prev2.png') no-repeat;
	}
	.cycle-next:after {
		left: auto;
		right: 10px;
		background: transparent url('../images/arrow_next2.png') no-repeat;
	}
}
@media screen and (max-height: 650px){
	img {

	}
}
/* MOBIL Pad */
@media only screen and (min-device-width:768px) and (max-device-width:1024px){
	.cycle-prev:after, .cycle-next:after {
		position: absolute;
		content: "";
		top: 50%;
		left: 10px;
		width: 10px;
		height: 10px;
		background: transparent url('../images/arrow_prev2.png') no-repeat;
	}
	.cycle-next:after {
		left: auto;
		right: 10px;
		background: transparent url('../images/arrow_next2.png') no-repeat;
	}
}
/* MOBIL QUER Pad */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation: landscape){
	body {
		font-size: 0.8em;
	}
	#films .info {
		top: 25%;
	}
	#logo span {
		margin: 2px 0 1px 0;
	}

	#films .info {
		top: 40%;
	}
	nav {
		min-width: 180px !important;
	}
	nav .menu-menu-1-container {
		width: 180px !important;
	}
	nav li.bottom {
		width: 180px !important;
	}
	nav {
		font-size: 1em;
	}
	nav li.distance, nav li.bottom {
		padding-top: 0px;
	}
}
/* MOBIL QUER Phone */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation: landscape){
	body {
		font-size: 0.7em;
	}
	#logo {
		padding: 10px 20px 8px;
		font-size: 1.4em;
	}
	#logo span {
		margin: 2px 0 0;
	}
	.opentimeline {
		top: 5px;
	}
	.opentimeline span {
		width: 25px;
		height: 25px;
		background-size: calc(70%);
	}
	#timeline {
		padding-top: 60px !important;
	}
}