body {
	margin: 0;
	padding: 0;
	background-color: rgb(64,64,64);
	font-family: sans-serif;
	font-size: 12px;
}
a {
	color: black;
}

/* Responsive: full width, but never wider than 1280px, centered */
#navbar, #navbarwartekurz, #page-larger {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}

#page-larger {
	position: relative; /* anchor for overlay navigation + clickareas */
	background-color: teal;
	z-index: 10;
}
#page-larger img {
	width: 100%;
	height: auto;
	display: block;
}
#navbar {
	position: sticky;
	top: 0;
	z-index: 30;
	background-color: white;
	text-align: center;
	padding: 8px 12px;
	font-size: 16px;
	text-shadow: -2px 0 4px white, 0 2px 4px white, 2px 0 4px white, 0 -2px 4px white;
}

#navbarwartekurz {
	position: sticky;
	top: 0;
	z-index: 30;
	animation-name: wartekurz;
	animation-duration: 4s;
	animation-iteration-count: infinite;

	background-color: rgba(64,64,64,0.05);
	text-align: center;
	padding: 8px 12px;
	font-size: 18px;
	color: red;
	text-shadow: -2px 0 4px white, 0 2px 4px white, 2px 0 4px white, 0 -2px 4px white;
}

@keyframes wartekurz {
	0%   {color: red;}
	50%  {color: black;}
	100%  {color: red;}
}


#navbar button {
	background-color: rgba(255,255,255,0);
	border: none;
	color: black;
	font-size: 14px;
	text-shadow: -2px 0 4px white, 0 2px 4px white, 2px 0 4px white, 0 -2px 4px white;
}
#navbar input[type=number] {
	background-color: rgba(255,255,255,0);
	border: 1px solid black;
	padding: 2px;
	color: black;
	font-size: 14px;
	text-shadow: -2px 0 4px white, 0 2px 4px white, 2px 0 4px white, 0 -2px 4px white;
}

#nav-back {
	z-index: 20;
	height: 100%;
	width: 12%;
	max-width: 64px;
	min-width: 32px;
	position: absolute;
    top: 0;
	left: 0;
	background-image: linear-gradient(to left, rgba(64,64,64,0.02), rgba(64,64,64,0.25));
	font-size: 16px;
	text-align: center;
display: flex;
	align-items: center;
	justify-content: center;
}
#nav-back-img {
	opacity: 0.4;
	width: 48px;
	height: 48px;
}

#nav-forward-img {
	opacity: 0.4;
	width: 48px;
	height: 48px;
}


#nav-forward {
	z-index: 20;
	height: 100%;
	width: 12%;
	max-width: 64px;
	min-width: 32px;
	position: absolute;
    top: 0;
	background-image: linear-gradient(to right, rgba(64,64,64,0.02), rgba(64,64,64,0.25));
	right: 0;
	font-size: 16px;
	text-align: center;
display: flex;
	align-items: center;
	justify-content: center;
}

.clickarea {
	position: absolute; 
	z-index: 15;
		
}