html, body {
    width: 100%;
    height: 100%;
}
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
body{
  background-color: #EDEFF0;
}
a, a:hover, a:focus, a:visited {
    outline: none;
    text-decoration: none;
    transition: all .6s ease;
    color:#80BA26;
}
a:hover, a:focus {
    color: #FBB900;
}
#wrapper{
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
}
main{
  margin: 0;
  padding: 0;
  padding-top: 30px;
  border: 0;
  display: block;
  min-height: 270px;
  vertical-align: middle;
  display: grid;
  text-align: center;
}
#splash{
  position: relative;
  width: 80vw;
  margin: auto;
  text-align: center;
}
#splash img{
  width:95%;
  width:calc(10em + 28vw);
}
#splash >p{
  font-size: 1.7vw;
  font-size: calc(1em + 0.8vw);
  padding-left: 10vw;
  padding-right: 10vw;
}
#splash >p>a{
    font-weight: bold;
}
footer{
  position:relative;
  left:0px;
  bottom:0px;
  width:100%;
  height:100%;
  background:#E4E7E8;
  color: white;
  font-size: 1.2em;
}
#logos{
  display: flex;
  flex-wrap:nowrap;
  padding:1.2em;
  justify-content: flex-end;
  opacity:.5;
}
#hessen{
  margin-left:30px;
  width: 166px;
  height: 41px;
  display: inline-block;
}
#thm{
  margin-left:30px;
  margin-right:20px;
  width: 126px;
  height: 42px;
  display: inline-block;
}


@import url(//www.thm.de/_thm/fonts/opensans/opensans.css);