.logo1{
width:100px;	
}
.navbar{
padding:0;
}
#layer1{
margin-top:1px;	
}
#webcamimage{
position:relative;
display:table;
margin:0 auto;
}
#webcamimage_child1{
position:absolute;
top:0;
width:100%;
text-align:center;
background:rgba(255,255,255,0.3);
}
#currentvid{
max-width:1280px;
position:relative;
max-height:90vh;
}

/*video {
width:100%;
max-width:1280px;
}*/
.videowrapper{
width:auto;
max-width:816px;
position:relative;
height:auto;	
margin:0 auto;
}
#videoheader{
text-align:center;	
}
#archiv{
text-align:center;	
}
#videocontainer{
position:relative;
margin:0 auto;
width:auto;
max-width:1280px;
text-align:center;
}
.currentimage{
display:block;
margin:0 auto;
width:auto;
max-width:100%;
max-height:90vh;
}
.nav-icon{
width:20px;
margin-right:3px;	
opacity:0.7;
}
.arrows{
width:60px;	
}
#webcamimage_child2{
position:absolute;
top:45%;
width:auto;
text-align:center;
background:rgba(255,255,255,0.2);
padding:30px;
border-radius:25px;
cursor:pointer;
opacity:0;
}
#webcamimage_child2:hover{
opacity:1;	
}
#webcamimage_child3{
position:absolute;
right:0;
top:45%;
width:auto;
text-align:center;
background:rgba(255,255,255,0.2);
padding:30px;
border-radius:25px;
cursor:pointer;
opacity:0;
}
#webcamimage_child3:hover{
opacity:1;	
}
#webcamimage_child5{
position:absolute;
left:0;
bottom:0;
width:auto;
cursor:pointer;
}
.up{
margin-left:5px;
width:30px;	
float:left;
}
.up:hover{
opacity:0.2;
}
.time1{
color:white;
font-size:2em;
line-height:1em;
clear:left;
}
.time1:hover{
opacity:0.2;	
}
.date1{
color:white;
font-size:1em;	
line-height:1em;
}
.date1:hover{
opacity:0.2;	
}
.wetter1{
color:white;
font-size:1em;	
line-height:1em;
margin-left:5px;
}
.wetter1:hover{
opacity:0.2;	
}
#webcamimage_child6{
position:absolute;
right:0;
bottom:0;
width:auto;
text-align:center;
}
#webcamimage_child7{
position:absolute;
left:50%;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:auto;
text-align:center;
}
#webcamimage_child7 img{
opacity:0.5;
width:100px;
cursor:pointer;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
#webcamimage_child7 img:hover{
opacity:1;
filter: none;
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
}
.setsnapshot{
width:20px;
opacity:0.5;
cursor:pointer;
}
.setsnapshot:hover{
opacity:1;	
}
#layer_archiv{
font-size:1.3em;
float:left;
width:100%;
padding:5px;
text-align:center;
}
.hour,.minute,.tag,.monat,.jahr,.close_archiv{
display:inline-block;
width:auto;
text-align:center;
}
.close_archiv{
vertical-align:middle;	
}
.archivlabel{
font-size:0.8em;	
}
.arrow_archiv{
width:30px;	
opacity:0.7;
}
.hourprev,.minuteprev,.tagprev,.monatprev,.jahrprev{
float:left;	
padding:5px;
border-radius:5px;
cursor:pointer;
}

.hour1,.minute1,.tag1,.monat1,.jahr1{
float:left;
margin-left:3px;
margin-right:3px;	
}
.hourfor,.minutefor,.tagfor,.monatfor,.jahrfor{
float:left;	
padding:5px;
border-radius:5px;
cursor:pointer;
}
.hourprev:hover,.minuteprev:hover,.hourfor:hover,.minutefor:hover,.tagfor:hover,.tagprev:hover,.monatfor:hover,.monatprev:hover,.jahrfor:hover,.jahrprev:hover{
background-color:#dbdbdb;	
}
.close{
width:30px;
cursor:pointer;	
}
#layer2{
width:100%;
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;
padding-top:5px;
padding-bottom:5px;
/*background-color:#f7f7f7;*/
border-bottom:0.5px solid #f2efef;
}
.partner{
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;
vertical-align:middle;
margin-right:20px;
}
.partner:last-child{
margin-right:0px;
}
.font-standard{
font-size:1rem;	
}

#layer4{
width:100%;
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;
margin-top:2px;
}
.wc-menu{
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;
vertical-align:middle;
margin-right:6px;
margin-bottom:3px;
padding-top:10px;
padding-bottom:10px;
padding-left:3px;
padding-right:3px;
background-color:#e2e2e2;
border:0.5px solid #c6c6c6;
cursor:pointer;
}
.wc-menu:last-child{
margin-right:0px;	
}
.activemenu{
border:2px solid black;	
}
.bedienung{
width:25px;	
cursor:pointer;
}
.bedienung:hover{
opacity:0.5;
}
#layer_map{
width:100%;
height:auto;	
}
#map{
width:100%;	
height:500px;
}
.map{
margin-left:10px;
height:25px;	
cursor:pointer;
}
.map:hover{
opacity:0.5;
}
.mountain{
margin-left:10px;
height:25px;	
cursor:pointer;
}
.mountain:hover{
opacity:0.5;
}
.sun{
margin-left:10px;
height:25px;	
cursor:pointer;
}
.sun:hover{
opacity:0.5;
}
#close_bedienung,#close_map,#close_autark{
cursor:pointer;	
}
#layer_stoerung{
text-align:center;
}

.snapshot-menu{
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;
vertical-align:middle;
margin-right:6px;
margin-bottom:3px;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
padding-right:15px;
background-color:#e2e2e2;
border:0.5px solid #c6c6c6;
cursor:pointer;
}
#bedienungshinweise{
text-align:center;
}
#layer6{
padding-top:10px;
text-align:center;
}
#layer_bestof{
padding-top:10px;	
}
#layer_exif{
padding-top:10px;
text-align:center;	
}
#layer_video{
padding-top:10px;	
padding-left:10px;
text-align:center;	
}
#layer_wetter{
padding-top:10px;	
padding-left:10px;
text-align:center;	
}
#wetter_content{
padding-top:5px;
}
#close_imgerror,#close_teilen,#setsnapshot{
cursor:pointer;	
}
#directurl{
color:red;	
}
.snapshot{
cursor:pointer;	
}
.snapshotthumb{
width:auto;
max-width:50%;
margin:15px;	
}
div.gallery {
border-top:1px solid #cecece;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
}

div.gallery:hover {
background-color:#f9f9f9;
}

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

div.desc {
	text-align:center;
    padding:1px;
	min-height:20px;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:180px;
	white-space:nowrap;
	display:flex;
    justify-content: center;
    align-items: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
	width: 19.99999%;
}

@media only screen and (max-width: 4000px) {
	.responsive {
		width:3.99999%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 2600px) {
	.responsive {
		width:6.99999%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1920px) {
	.responsive {
		width:9.99999%;
		margin: 6px 0;
		font-size:0.8em;
	}
}
@media only screen and (max-width: 1200px) {
    .responsive {
        width: 16.66666%;
        margin: 6px 0;
		font-size:0.8em;
    }
}
@media only screen and (max-width: 1000px) {
    .responsive {
        width: 19.99999%;
        margin: 6px 0;
		font-size:0.8em;
    }
}
@media only screen and (max-width: 800px) {
    .responsive {
        width: 24.99999%;
        margin: 6px 0;
		font-size:0.8em;
    }
}
@media only screen and (max-width: 500px) {
    .responsive {
		width:49.99999%;
		font-size:0.8em;
    }
}
@media only screen and (max-width: 319px) {
    .responsive {
		width:49.99999%;
		font-size:0.8em;
    }
}


div.gallery2 {
border-top:1px solid #cecece;
border-left:1px solid white;
border-right:1px solid white;
border-bottom:1px solid white;
}

div.gallery2:hover {
background-color:#f9f9f9;
}

div.gallery2 img {
    width: 100%;
    height: auto;
	image-rendering: -webkit-optimize-contrast;	
}


* {
    box-sizing: border-box;
}

.responsive2 {
    padding: 0 6px;
    float: left;
	width: 19.99999%;
}
@media only screen and (max-width: 4000px) {
	.responsive2 {
		width:11.11111%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 2600px) {
	.responsive2 {
		width:16.66666%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1920px) {
	.responsive2 {
		width:19.99999%;
		margin: 6px 0;
	}
}
@media only screen and (max-width: 1200px) {
    .responsive2 {
        width: 24.99999%;
        margin: 6px 0;
    }
}
@media only screen and (max-width: 1000px) {
    .responsive2 {
        width: 33.33333%;
        margin: 6px 0;
		font-size:0.8em;
    }
}
@media only screen and (max-width:800px) {
	.location{
		display:none;
	}
}
@media only screen and (max-width: 500px) {
    .responsive2 {
		width:49.99999%;
		font-size:0.8em;
    }
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.location{
width:17px;
float:right;	
padding:0px;
margin-left:1px;
}
div.location img{
width:17px;
}
.info_img{
width:auto;
max-width:400px;	
}
.clearfloat{
clear:left;
}
#content1{
text-align:center;
padding:5px;	
}
#content2{
text-align:center;
padding:5px;	
}
#content3{
padding:5px;
text-align:center;
font-style:italic;	
}
.h1small{
font-size:1em;	
}
.location{
width:15px;	
}
.h2doku{
font-size:1.5em;	
}
#doku{
padding:5px;	
}
.signature{
float:left;
width:auto;
max-width:400px;
position:relative;	
margin-bottom:10px;
margin-right:10px;
}
.signature span{
position:absolute;
bottom:0;
background-color:rgba(255,255,255,0.8);
color:black;
width:100%;
}
.signature img{
display:block;
width:auto;
max-width:100%;
}
#footer{
margin-top:30px;
padding-top:10px;
padding-bottom:10px;
}
#footer_img{
display:flex;
align-items: center;
justify-content: center;
text-align:center;
margin-bottom:5px;
}
#footer_text{
display:flex;
align-items: center;
justify-content: center;
text-align:center;
}
.logofooter{
width:100px;
margin-right:100px;
margin-top:2px;
margin-bottom:2px;
float:left;
}
.nbsplink{
margin-left:5px;
}
.footer{
font-size:1em;
-webkit-margin-before:0;
-webkit-margin-after:0;
font-weight:normal;
}
.social_frame{
height:100vh;
}
.ytstream{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.ytplayer{
position: absolute;
top: 0;
left: 0;
width: 100%;
height:100%;
}
#livestreaminfo{
width:100%;
display:inline-block;
align-items:center;
justify-content: center;
text-align:center;	
}
.live{
width:15px;	
}
.archiv_header{
font-size:1.1em;	
}
.arrow{
width:30px;
cursor:pointer;	
}
.currentdate{
float:left;	
}