@media all and (min-width: 800px), screen and (max-width: 800px){
    main {
      -webkit-flex-direction: column;
      flex-direction: column;
      overflow: none;
      flex-grow: 1;
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    main:-webkit-scrollbar {
      display: none;
      width: 0 !important
      
    }
    header, article, nav, section, aside, footer {
      -webkit-flex: 1;
      flex: 1 ;
      flex-shrink: 0;
    }
    .lngcol, .mdcol, .smlcol, .col20, .col40, .col60 {
        width: 100%; /* The width is 100%, when the viewport is 800px or smaller */ 
    }
}
 
html, body {
  width: 100%;
  height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar { 
  display: none;  
}
.maindash{
  overflow: hidden;
  margin: 0;
}

article {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background-color: rgba(59, 50, 52, 0.03);
}
/* Hauptseite */
body{
  font-family: 'Ubuntu', sans-serif;
  color:rgba(59, 50, 52, 0.9);
/*  margin-bottom: 1rem;*/
}
.linescol{
  height: 45rem;
  overflow:hidden; 
  overflow-y:scroll;
}

.footer {
  background-color:rgba(59, 50, 52, 0.12);
  line-height: 2rem;
  font-size: 0.7vw;
}
.navbar.compressed {
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s; /* Safari */
  transition: all .5s;
} 
.formrow{
  justify-content: center;
}
.smltxt{
    font-size: 0.6vw;
    line-height: 0.75rem; 
    color:rgba(59, 50, 52, 0.7);
}
.smlcoltxt{
  font-size: 0.7vw;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  line-height: 0.95rem; 
  color:rgba(59, 50, 52, 0.7);
}
.colsum{
  font-size: 0.9vw;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  color:white;
}

#map{
  height: 100%;
} 
.mapcol{
  position: fixed;
  width: 70%;
  height: 45rem;
}
.filterrow{
  position: fixed;
  width: 17%;
}
.docrow{
  height: 100%;
}
.linesrow{
  position: fixed;
  right: 0;
  width: 44%;
  height: 100%;
  min-height: 15rem;
  overflow-y: auto;
  scrollbar-width: none;
}
.evallinesrow{
  position: fixed;
  right: 1;
  width: 80%;
  height: 100%;
  min-height: 15rem;
  overflow-y: auto;
  scrollbar-width: none;
}
.leftspace{
  padding-left: 1rem;
}
.leftspace3{
  padding-left: 3rem;
}
.input_submit {
    width: 100%;
    background-color: #2f6962;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
.input_submit:hover {
    background-color: #1b4d47;
}
.collist {
    position: relative;
    height: 31rem;
    max-width: 97.5%;
    padding-top: 1rem;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
  }
.fulcol{
    float: left;
    width: 100%;
    padding-left: 1rem;
}
.lngcol{
  float: left;
  width: 55%;
  padding-left: 1rem;
}
.mdcol{
  float: left;
  width: 30%;
  padding-left: 1rem;
}
.smlcol{
  float: left;
  width: 15%;
  padding-left: 1rem;
}
.filcol{
    float: left;
    width: 70%;
    padding-left: 1rem;
}
.col100{float: left; width: 100%; padding-left: 1rem;}
.col90{float: left; width: 90%; padding-left: 1rem;}
.col80{float: left; width: 80%; padding-left: 1rem;}
.col70{float: left; width: 70%; padding-left: 1rem;}
.col60{float: left; width: 60%; padding-left: 1rem;}
.col55{float: left; width: 55%; padding-left: 1rem;}
.col50{float: left; width: 50%; padding-left: 1rem;}
.col45{float: left; width: 45%; padding-left: 1rem;}
.col40{float: left; width: 40%; padding-left: 1rem;}
.col35{float: left; width: 35%; padding-left: 1rem;}
.col33{float: left; width: 33.3333333%; padding-left: 1rem;}
.col30{float: left; width: 30%; padding-left: 1rem;}
.col20{float: left; width: 20%; padding-left: 1rem;}
.col15{float: left; width: 15%; padding-left: 1rem;}
.col10{float: left; width: 10%; padding-left: 1rem;}
.col05{float: left; width: 5%; padding-left: 1rem;}
* {
    box-sizing:border-box;
  }

.footerpart{
  border-right: 1px solid grey;
  height: 100%;
  padding: 0.5rem;
  margin: 0;
}
.rowsel{background-color: rgba(0,0,0,0.15);}
.rowhunts{padding-top: 0.2rem; padding-bottom: 0.2rem; margin-left: 2rem; border-radius: 4px;}
.savrow{  padding-top: 0.3rem; padding-bottom: 0.3rem; max-height: 3rem;}
.singlerow{  padding-top: 1rem; padding-bottom: 1rem;}
.doublerow{  padding-top: 2rem; padding-bottom: 2rem;}
.bigspace{  padding-top: 4rem; padding-bottom: 4rem;}
.O1row{  padding-top: 0.1rem; padding-bottom: 0.1rem; margin-top: 0.1rem;}
.O2row{  padding-top: 0.2rem; padding-bottom: 0.2rem;}
.O3row{  padding-top: 0.3rem; padding-bottom: 0.3rem;}
.O4row{  padding-top: 0.4rem; padding-bottom: 0.4rem;}
.bg-grey{  background-color:rgb(230, 230, 230);}
.bg-fresh{  background-color:rgb(19, 170, 175);}
.navlogo{  width: 2.2rem;
  -webkit-transition: all .5s; /* Safari */
  transition: all .5s;
}
.nav-bg{  background-color:rgb(74, 74, 74);}
.nav-txt{ color:rgb(253, 253, 253);
  font-size: 0.9vw;
}
.navlogo.compressed {  width: 1.5rem;
  -webkit-transition: all .5s; /* Safari */
  transition: all .5s;
}
.footerlogo{
  width: 4.5rem;
} 
.footericons{  
  max-width: 1.5rem;
  padding-right:0.1rem;
  padding-left:0.1rem;
  width: 100%; 
  height: auto;
}
.btn-footer {
  color: rgba(59, 50, 52, 0.5);
  text-decoration: none;
  border: 1px solid;
  border-radius: 0.8rem;
  padding: 0.48rem 2rem;
}
.btn-footer:hover { 
  color: rgba(59, 50, 52, 0.9);
  text-decoration: none;
}
footer ul li {
  list-style: none;
  display: block;
  line-height: 1.2rem;
}
footer ul {
  padding-left: 0;
}
footer ul li a{
  text-decoration: none;
  color: rgba(59, 50, 52, 0.5);
  text-decoration:none;
}
footer a:hover {
  text-decoration: none;
/*  color: rgba(231, 230, 230, 0.95) !important;*/
  color: rgba(59, 50, 52, 0.9) !important;
}
a:hover {
  text-decoration: none;
}
#qrcode {
  margin-top:0.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.clsvis{
  display: none;
}
.button {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: .5em 1em;
  min-height: 2em;
  border: none;
  outline: none;
  overflow: visible;
  
  background-color: dodgerblue;
  color: white;

  font-family: sans-serif;
  text-align: center;
  cursor: pointer;
 
}
.preloader-background {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #eee;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    padding-top:120px;
    opacity: 0.8;
}
.callsign{
  color: #b00000;
}
.chkboxalgn{
  margin-top: 0.9rem;
}
.OO1row{  
  font-size: 0.75vw;
  height: 0.3rem;
  color: gray;
}
.pictline{
  height: 5rem;
  cursor: pointer;
  object-fit: cover
}
.OO23row{  
  height: 1rem;
}
.OO13row{  
  font-size: 0.5vw;
  height: 0.3rem;
  color: gray;
}
.roundcornersml{
  border-radius: 0.2rem;
}
.roundcornersmlleft{
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.roundcornersmlright{
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.logospace{  
	display: flex;
  max-height: 12rem;
	align-items: center;
	justify-content: center;
  padding-top: 0.5rem; 
  padding-bottom: 0.5rem;
}
.btnrow{
	display: flex;
 	align-items: center;
	justify-content: center;
}
.lnkdisabled{
  pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
  opacity: 0.5; 
}
.board{
  height: 31rem;
}
.catimg{
  margin: 0;
  width: 3rem;
  background-color: beige;
}
.flatrow{
  margin: 0;
}
.chartrow{
  position: fixed;
  width: 50%;
  padding-left: 1rem;
}
.chartrowbg{
  background-color: #f5f5f5;
  margin-top: 0.3rem;
}
.dashmapcol{
  padding-top: 0.3rem;
  position: fixed;
  width: 49%;
  height: 26rem;
  margin:0;
}
.axis line{
  stroke: #f5f5f5;
}
.axis path{
  stroke: #f5f5f5;
}
.axis text{
  stroke: lightgrey;
  font-size: 0.5vw;
}
.dashlinesrow{
  position: fixed;
  right: 0;
  width: 35%;
  height: 100%;
  min-height: 10rem;
  overflow-y: scroll;
  scrollbar-width: none;
}
.dashlinesrow::-webkit-scrollbar { 
  display: none;  
}
.lineslist::-webkit-scrollbar { 
  display: none;  
}
.linesrow::-webkit-scrollbar { 
  display: none;  
}
.docrow::-webkit-scrollbar { 
  display: none;  
}
.dashlistcol{
  position: fixed;
  overflow-y: scroll;
  scrollbar-width: none;
}
.bgcol{
  background-color: cadetblue;
}
.btn-large.waves-effect {
  height: auto !important;
  font-size: 1.6rem !important;
  line-height: 3.5rem;
}
.dspfromtxt{
  font-size: 0.9vw;
  color: darkgrey;
}
.dspfootertxt{
  font-size: 0.7vw;
  color: darkgrey;
}
.dspmdl{
  font-size: 0.8vw;
}
.statfilterrow{
  position: fixed;
  width: 90%;
}
.selrow{
  min-height: 4rem;
}
.statlistrow{
  position: fixed;
  height: 100%;
  min-height: 10rem;
  overflow-y: scroll;
  scrollbar-width: none;
}
.statlinesrow{
  padding-top: 0.5rem;
  overflow-y: scroll;
  scrollbar-width: none;
  z-index: -1;
}
.statlinesrow::-webkit-scrollbar { 
  display: none;  
}
.noheight{
  line-height: 0;
  height: 0;
}
.monthhead{
  color: rgba(73, 68, 69, 0.5);
  font-size: 0.75rem;
  color: rgb(160, 160, 160);
}
.botgap{
  margin-bottom: 1rem;
}
.topgap{
  padding-top: 1rem;
}
.topmarg{
  margin-top: 1rem;
}
div.alignRight{
  text-align: right;
}
div.alignRightTop{
  text-align: right;
  margin-top: 0.6rem;
}
.alignRightCenter{
  padding-left: 2rem;
	margin-top: 0.4rem;
}
.cursorPointer{
  cursor: pointer;
}
.printable{display:none;}
.listcolbg{
  background-color: lightgray;
}
.barstyle{
  background-color: #004d40;
  margin-top: 0.5rem;
}
.navbar_svg{
  padding-top: 0.5rem;
  width: 3rem;
  height: 4rem;
}
.badgeheader{
  padding-top: 0.3rem;
  font-size: 1vw;
  font-weight: bold;
}
.badgecontent{
  font-size: 0.8vw;
}
.collection .collection-item.active {
  background-color: #004d40;
  color: #eafaf9;
}
.switch label input[type=checkbox]:checked + .lever {
  background-color: #e0e0e0 ;
}
.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #004d40;
}
.dropdown-content li > a, .dropdown-content li > span {
  font-size: 16px;
  color: #004d40;
  display: block;
  line-height: 22px;
  padding: 14px 16px;
}
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #004d40;
  -webkit-box-shadow: 0 1px 0 0 #004d40;
          box-shadow: 0 1px 0 0 #004d40;
}
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #004d40;
}
.datepicker-date-display {
  background-color: #004d40;
}
.datepicker-table td.is-today {
  color: #004d40;
}
.datepicker-table td.is-selected {
  background-color: #004d40;
  color: #fff;
}
.datepicker-cancel,
.datepicker-clear,
.datepicker-today,
.datepicker-done {
  color: #004d40;
  padding: 0 1rem;
}
.chkBoxInHeader{
  padding-top: 0.5rem;
}
.listcontainer{
  padding-bottom: 100px; /* oder margin-bottom */
}