body {
	background-color:#212229;
	margin:0px;
	/*font-family: Verdana;*/
	font-family: Avenir Next Condensed Demi Bold, Verdana;
	color:#ddd;
}

a {
	text-decoration:none;
	color:#ddd;
}

a:hover {
	text-decoration:none;
	color:#555;
}

a:visited {
	text-decoration: none;
	color: #ddd;
}

.content {
	position: absolute;

	left: 50%;
	margin-right: -50%;
	/*-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);*/
	transform: translate(-50%, 0);
	/*top: 50%;
	transform: translate(-50%, -50%);*/
	width:80%;
	/*height:88%;*/
	padding:3%;
	justify-content: center;
}

.squarepic {
	float:left;
	width:11%;
	margin:1.6%;
	/*margin-top:2%;
	margin-left:2%;
	margin-right:2%;*/
	border:none;
}

@media (orientation:portrait) {
	.squarepic {
		width:21.5%;
	}
	#logo {
		width:43%;
	}
}

#skip {
	width:99.4%;
	padding-top:1.5%;
	padding-bottom:1%;
}

/*Gallery*/
.contentGallery {
	height:60%;
	width:65%;
}

.galleryPicBig {
	/*width:100%;
	height:20%;*/
	float:right;
	width:53.6%;
	height:43vw;
	object-fit: cover;
}

.galleryPicBigLandscape {
	visibility:visible;
	margin-top:1.6%;
	margin-right:2%;
}

.galleryPicBigPortrait {
	visibility:hidden;
	height:0px;
	margin-top:0px;
}

@media (orientation:portrait) {
	.galleryPicBig {
		float:left;
		width:95.6%;
		height:70vw;
	}
	
	.galleryPicBigLandscape {
		visibility:hidden;
		height:0px;
	}

	.galleryPicBigPortrait {
		margin-left:1.3%;
		margin-top:1.3%;
		margin-bottom:1%;
		visibility:visible;
	}
}

.gallerySquarepic {
	float:left;
}

.introSlideshow {
	width:100%;
	height:100%;
	/*max-width:100%;
	max-height:100%;
	display:inline-block;
	margin: 0 auto;
	vertical-align: middle;*/
	object-fit: cover;
}

/******* Contact page *******/

.contactGrid {
	display: grid;
	grid-template-areas:
    "contactAddress contactSlideshow"
    "imprintLink imprintLink";
	grid-template-columns: 1fr 2fr;
	gap: 20px;
	padding: 5px;
	margin-top: 40px;
}

@media only screen and (orientation:portrait) {
	.contactGrid {
		grid-template-areas:
		"contactAddress"
		"contactSlideshow"
		"imprintLink";
		grid-template-columns: 1fr;
	}
}

#contact-logo {
	width: 300px;
	max-width: 100vw;
}

.contactAddress {
	grid-area: contactAddress;
	width: 300px;
}

@media (orientation: portrait) {
	.contactAddress {
		justify-self: center;
	}
}
@media (orientation: portrait) and (min-width: 400px) {
	.contactAddress {
		/*margin-left: -50px;*/
	}
}

.contactSlideshow {
	grid-area: contactSlideshow;
	width: 100%;
	max-width: 660px;
	justify-self: right;
}

@media (orientation: portrait) {
	.contactSlideshow {
		margin-top: 10px;
	}
}

.addressContactBlock {
	padding-left: 50px;
	width: 250px;
	line-height: 0.4;

	p, h3 {
		font-size: 17px;
		text-align: right;
		padding-right: 7px;
		white-space: nowrap; /* Ensures it stays on exactly one line */
	}
}

.imprintLink {
	grid-area: imprintLink;
	padding-top: 2% !important;
}

.contactSlideshow {
	/*removes the dots under the fotorama slideshow*/
	.fotorama__nav-wrap {
		display: none;
	}
}