body{
user-select: none; /* standard syntax */
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}

.title:not(:last-child) {
    margin-bottom: unset;
	font-size: 1.5rem;
}

.navbar-item>img {
	width: 80px;
	padding: 10px;
	max-height: none;
}

div.gallery img {
    width: 100%;
	max-width:180px;
    height: auto;
	image-rendering: -webkit-optimize-contrast;
	display:flex;
    justify-content: center;
    align-items: center;
}

#webcamlayer{
width:auto;	
text-align:center;
}

#relativelayer{
max-height:95vh;
display:inline-block;
position:relative;	
}

#min-back{
position:absolute;	
left:0;
top:50%;
padding:20px;
border-radius: 25px;
background:rgba(255,255,255,0.2);
opacity:0;
transform:translate(0%,-50%);
cursor:pointer;
}
#min-back:hover{
opacity:1;
}
#backward{
font-size:6em;
color:white;	
}
#min-for{
position:absolute;	
right:0;
top:50%;
padding:20px;
border-radius: 25px;
background:rgba(255,255,255,0.2);
opacity:0;
transform:translate(0%,-50%);
cursor:pointer;
}
#min-for:hover{
opacity:1;
}
#forward{
font-size:6em;
color:white;	
}
#datalayer{
position:absolute;
left:0;
top:0;
width:100%;
text-align:center;
font-size: 1.3em;
padding-right:10px;
background:rgba(255,255,255,0.5);
}

#newest{
	position:absolute;
	right:30px;
	bottom:30px;
	opacity:40%;
	color: rgb(255, 255, 255);
}
#newest:hover{
	opacity:1;
}


#fastactionlayer{
	font-size: 1.3em;
	width:100%;
	text-align:center;
	display: flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: center;
}

@media (max-width:1024px){
	#datalayer{
		font-size:0.9em;
	}
	#fastactionlayer{
		font-size:0.9em;
	}
	#newest{
		font-size:0.5em;
	}
	.title:not(:last-child){
		font-size:1em;
	}
}

#shortdatalayer{
border-radius: 25px;
padding:20px;
display:none;
position:absolute;
left:0;
bottom:0;
background:rgba(255,255,255,0.5);	
}

#zeit{
margin-left:5px;
}
#zeit2{
font-size:1.3em;
}
#clock{
margin-right:3px;	
}
.noselect{
user-select: none; /* standard syntax */
-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
#datum{
margin-left:5px;
}
#datum2{
margin-left:3px;	
}
#temperature{
margin-left:5px;
}

#minute{
	opacity: 30%;
}

.webcamimage{
width:auto;
max-height:85vh;
}
#headinglayer{
text-align:center;	
display:inline-block;
}
#backhour{
margin:-10px;
margin-right:-5px;
padding:10px;
cursor:pointer;	
}
#forwhour{
margin:-10px;
margin-left: -5px;
padding:10px;
cursor:pointer;
}
#backday{
margin:-10px;
margin-left:10px;
margin-right:-5px;
padding:10px;
cursor:pointer;
}
#forwday{
margin:-10px;
margin-left:-5px;
margin-right:10px;
padding:10px;
cursor:pointer;
}
#backmonth{
margin:-10px;
margin-right:-5px;
padding:10px;
cursor:pointer;
}
#forwmonth{
margin:-10px;
margin-left:-5px;
margin-right:10px;
padding:10px;
cursor:pointer;
}
#backyear{
margin:-10px;
margin-right:-5px;
padding:10px;
cursor:pointer;
}
#forwyear{
margin:-10px;
margin-left:-5px;
padding:10px;
cursor:pointer;
}
#newest{
margin-left:10px;	
cursor:pointer;
}
.navbar-brand{
	width: 100%;
}
.cameraswitch{
	margin-left: auto;
}

.footer-custom{
padding-bottom:3rem;
padding-top:1.5rem;	
}