*{
	box-sizing:border-box;
	font-family:verdana,sans-serif;
}
body{
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
}
html,body{
	width:100vw;
	height:100vh;
	margin:0;
	padding:0;
	overflow: hidden;
}
p{
	margin:0;
}

#content{
	position:absolute;
	top:0;
	left:0;
	right:0;
	aspect-ratio:16/9;
	background: url(media/karte.jpg) no-repeat center / contain;
}
#lory{
	position: absolute;
	top:70%;
	left:21%;
	width:15%;
	aspect-ratio:17/15;
	background: transparent url(media/lory.png) no-repeat center /contain;
}

.bildposition{
	position: absolute;
	max-width: 4%;
	max-height: 4%;
	margin-left:-1.5%;
	margin-top:-1.5%;
	border:2px solid #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.7);
	animation: pulse 5s infinite;
}
.bildposition_png{
	max-width: 4%;
	max-height: 4%;
	border:none;
	box-shadow: none;
	animation: none;
}
@keyframes pulse{
	0%{
		transform: none;
	}
	50% {
		border:2px solid #fc9;
	}
	100% {
		transform: none;
	}
}


#lightbox{
	position: absolute;
	z-index: 100;
	background:rgba(0,0,0,0.8);
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding: 2% 0% 1%;
	transition: 0.7s;
	transform: scale(0.001);
	opacity: 0;
}

#lightbox.open{
	transform: scale(1);
	opacity: 1;
}

#close{
	position: absolute;
	z-index: 101;
	top:0;
	left:0;
	color:#fff;
	font-size: 3vw;
	line-height: 2vw;
}

#buehne{
	width:100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#vorschau{
	position: absolute;
	width:100%;
	bottom: 0;
	left:0;
	text-align: center;
}
#vorschau img{
	height:5vh;
	margin:1vh;
	border:1px solid #fff;
	box-shadow:0 0 2px rgba(0,0,0,0.8);
}
#vorschau img.aktiv{
	border-color:#f00;
}

.swiper-wrapper {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
}
.swiper-slide{
	position: relative;
	width:100%;
	height: 100%;
	flex-shrink: 0;
}
.swiper-slide img{
	object-fit: contain;
	object-position: top;
	width: 100%;
	height: 90%;
}

.bildtext{
	position: absolute;
	bottom: 0;
	right:0;
	width:27%;
	color:#fff;
	text-shadow:1px 1px 2px #000;
}
.bildtext span{
	padding:0;
	font-size:80%;
	display: inline-block;
}