h1{
font-size:1.8em;
font-weight:900;	
}
h2{
font-size:1.2em;
margin:0;
margin-bottom:1em;	
}
.logo-player-layer{
margin-left:10px;	
}
#logo_player{
width:80px;
}
.logohover:hover{
background-color:white !important;
}
#logo_mobile{
width:100px;	
}
.desktop{
width:auto;
max-width:100%;
max-height:93vh;
border-radius:5px;
cursor:pointer;
}
.mobile-image{
width:auto;
max-width:100%;
border-radius:5px;
cursor:pointer;	
}
#time{
font-size:1em;	

}
.flag{
width:20px;
margin-right:5px;	
}
.mobile-flag{
width:20px;
margin-right:5px;
margin-left:2px;	
}
.center{
justify-content:center;
}
.mini-chevron{
font-size:0.7em !important;	
}
.fastaction-button{
color:black;
margin-bottom:2px;	
}
.fastaction-button-mobile{
padding-left:5px;
padding-right:5px;
margin-top:5px;
margin-bottom:5px;
}
.row-custom{
margin-top:20px;	
font-size:1.1em;
min-height:55px;
}
.chevron-big{
font-size:3em !important;	
}
#image_back{
color:white;
opacity:0;
position:absolute;	
left:50px;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color:rgba(255,255,255,0.3);
border-radius:15px;
cursor:pointer;
}
#image_back:hover{
opacity:1;	
}
#image_forward{
color:white;
opacity:0;
position:absolute;	
right:-40px;
top:50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color:rgba(255,255,255,0.3);
border-radius:15px;
cursor:pointer;
}
#image_forward:hover{
opacity:1;	
}
#webcam_layer{
position:relative;
display:inline-block;	
margin-left:5px;
}
#loading{
position:absolute;
left:0;
bottom:0;
font-size:1em;
display:none;
}
#error{
position:absolute;
left:50%;
bottom:50%;
display:none;	
}
#partneroverlay{
position:absolute;
right:0;
top:0;	
background-color:rgba(255,255,255,0.3);
border-radius:5px;
margin-top:3px;
margin-right:3px;
}
#partneroverlay:hover{
background-color:rgba(255,255,255,0.6);	
}
.mainpartnerimage{
width:auto;
max-width:200px;	
}

#slider_container{
width:95%;
margin-left:15px;	
}
#layer_near_webcams{
margin-top:3px;	
}
.relative{
position:relative;	
}
.layer_entfernung{
position:absolute;
left:0;
top:0;
background:rgba(255,255,255,0.2);
border-radius:2px;
padding-left:2px;
padding-right:2px;
}
.all_webcams_header{
white-space:nowrap;	
overflow:hidden;
width:100%;
text-align:center;
}
.infoimages{
width:100%;
max-width:900px;	
}
.modal{
max-height:98% !important;	
}
.labelspan{
background-color:rgba(0,0,0,0.7);
padding:2px;
font-size:0.8em;
color:white;
}
.labelclass{
display:inline-block;
}

.triangle-down{
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 12px solid rgba(0,0,0,0.7);
}
.labelclass a:link,a:visited,a:hover,a:active{
	color:#0a0a0a;
}
.archiv_datum{
font-size:1.5em;	
}
.pointer{
cursor:pointer;	
}
.imgshown{
color: #D32F2F;	
}
.archivimagelabel{
text-align:center;	
}
.mobile-header{
font-weight:bold;	
}
.margin-right{
margin-right:5px;
}
#desktop_short_archive{
color:black;	
}
#archiv_inhalt{
min-height:400px;
}
.datepicker-date-display{
background-color:#D32F2F;	
}
.datepicker-cancel{
color:#D32F2F;	
}
.datepicker-done{
color:#D32F2F;	
}
td.is-selected{
background-color:#D32F2F !important;	
}
.dropdown-content li>a, .dropdown-content li>span {
color:rgba(0,0,0,0.87); !important;
}
#archiv_images::before{
content: '\A';
white-space:pre;
}
.sidenav-custom{
width:200px;	
}
.datepicker-date-display{
display:none;	
}
.datepicker-modal{
min-width:200px;
width:40%;	
}
.error-snapshot{
position:absolute;
left:50%;
top:50%;
display:none;	
}
.full-modal{
width:99% !important;
height:99% !important;	
}
#wetterdaten_inhalt{
height:100%;	
}
#timelapse_menu{
position:fixed;
bottom:0;
right:0;
background:white;
border:2px solid #b71c1c;
border-radius:5px; 
padding:50px;
display:none;
}
#snapshot_success{
display:none;
margin-left:5px;
margin-right:5px;	
}
.sidenav li {
line-height:34px;	
}
#fullscreenlayer{
display:none;
position:absolute;
width:100%;
height:100%;
left:0;
bottom:0;	
z-index:100;
}
.sidenav-trigger-custom{
height:30px !important;	
}
nav a.sidenav-trigger{
line-height:30px !important;	
}
.burger{
line-height:30px !important;	
}
.margin-left{
margin-left:5px;	
}
.dropdown-custom li {
text-align:center;	
}
#mobile_header_layer{
width:100%;	
}
#player_extra_info{
position:absolute;
bottom:0;
left:0;
width:100%;
background-color:rgba(255,255,255,0.3);
padding:5px;
border-radius:5px 5px 0 0;
}
.extra_info_container{
min-width:60px;
min-height:20px;
float:left;
}
#player_steuerung_layer{

}
.padding{
padding-left:10px;
padding-right:10px;
}
.progress-custom{
margin-top:0;
margin-bottom:0;	
}
.map{
width:200px;	
}
.archivbutton{
margin-bottom:3px;	
}

.zeitsprung-steuerung{
margin-top:10px;
margin-bottom:10px;	
}

@media only screen and (max-width : 992px) {
    header, main, footer,#webcam_layer,#nav,#layer_near_webcams,#loading{
        padding-left: 0;
    }
	#slider_container{
		width:80%;
	}
	#webcam_layer{
		margin-left:0;
	}
	.webcamimage{
		border-radius:0px;
	}
	#image_back,#image_forward{
		display:none;
	}
}
@media only screen and (min-width : 992px) {
    #logo_mobile {
        display:none;
    }
	.mobile {
		display:none;
	}
	#image_back,#image_forward{
		display:block;
	}
}
*/* 18-42: Nav Höhe*/
nav {
    height: 30px;
    line-height: 30px;
}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    height: 30px;
    line-height: 30px;
}

nav .button-collapse i {
    height: 30px;
    line-height: 30px;
}

nav .brand-logo { 
    font-size: 1.6rem; 
}

@media only screen and (min-width: 601px){
    nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
        height: 30px;
        line-height: 30px;
    }
}