:root {
  --header-height: 300px; 
}

body {
    font-family: 'Noto Sans', sans-serif;
    margin: 0px;
    padding: 0px;
    height: auto;
    text-align: left;

}

.logo{
  position: absolute;
  color: gray;
  font-size: 15px;
  text-shadow: 1px 1px #ffffff;
  bottom: 5px;
  right: 20px;
  left: auto;
}
  
/* Navigation */
.flex-container{
  display: grid;
  height: 100%;
  width: 100%;
  grid-template-columns: 250px auto;
  grid-template-rows: auto;

}

.navigation{
/*  background-image: url("./mainbg.png");*/
  background-color: #ebebeb;
  background-size: contain;
  padding: 25px;
  border-right: 1px solid black;

}


ul{
  list-style-type: none;
  margin: 5px;
  padding: 0px;
}

li{
  list-style-type: none;
  padding-left: 15px;

}

h1{
  font-size: 80px;
  color: #ff9300;
  margin: 0px;
  padding: 0px;
}

h2{
  
}

h4{
  margin: 0px;
  padding: 2px;
}

a:link{
 color: black;
 font-style: none;
  text-decoration: none;
}

a:visited{
  color: black;
  text-decoration: none;
  font-style: none;
}

iframe{
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 1px;
  background: url(./loading.gif) center center no-repeat;
}