body
{
  width                          : 100%;
  height                         : 100%;
  margin                         : 0;
  padding                        : 0;
  border                         : 0;
  cursor                         : default;
  color                          : white;
  overflow                       : hidden;
  font-family                    : verdana, sans-serif;
  font-size                      : 2vh;
  -webkit-user-select            : none; /* Safari */
  -ms-user-select                : none; /* IE 10 and IE 11 */
  user-select                    : none; /* Standard syntax */
}

.hs_client
{
  position                       : absolute;
  float                          : left;
  width                          : 1080px;
  height                         : 2340px;
  width                          : 100%;
  height                         : 100%;
  left                           : 0;
  top                            : 0;
  color                          : black;
  overflow                       : auto;
}

@media only screen and (orientation:landscape)
{
  .hs_client
  {
  }
}



.hs_infoFenster
{
  position                       : absolute;
  left                           : 0;
  top                            : 0;
  background-color               : darkblue;
  font-size                      : 3vh;
  padding                        : 2vh;
  visibility                     : hidden;
}

img
{
}

h1
{
  color                          : red;
  font-size                      : 5vh;
}

p ~ p
{
  margin-top                     : 0;
}

#hs_tomate_gross
{
  height                         : 10vh;
  margin                         : 0;
}

.hs_header
{
  width                          : 100%;
  display                        : flex;
  flex-direction                 : column;
  justify-content                : center;
  align-items                    : center;
}

.hs_landscape
{
  margin-top                     : 5vh;
  width                          : 100%;
  display                        : flex;
  flex-direction                 : column;
  justify-content                : center;
  align-items                    : center;
}

.hs_landscape > img
{
  width                          : 90vw;
}

.hs_landscape > p
{
  width                          : 90vw;
  text-align                     : justify;
}

.hs_portrait 
{

  width                          : 90vw;
  margin-left                    : 5vw;
  display                        : flex;
  flex-direction                 : row;
  justify-content                : space-between;
  align-items                    : center;
}

.hs_portrait > img
{
  width                          : 40vw;
}

.hs_portrait > p
{
  width                          : 40vw;
}