/*
This is a Cascading Style Sheet (CSS).
It describes rules for styling your HTML markup.

To use this file, place the following <link> tag anywhere in the <head> of your HTML file, making sure that the filename after "href" matches the name of your file....

    <head>
        <link rel="stylesheet" href="style.css">
    </head>

Learn more about CSS at https://developer.mozilla.org/en-US/docs/Web/Guide/CSS

When you're done, you can delete all of this grey text, it's just a comment.
*/

/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');

body {
  background-color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;

  color: #444;
}
#Herr {
  background-color: antiquewhite;
  width: 175px;
  height: 300px;
}
#Herr_1 {
  background-color: rgb(18, 114, 84);
  width: 175px;
  height: 300px;
  margin-left: 175px;
}
#Herr_2 {
  position:relative;
  right:125px;
  top:100px;
  background-color: rgb(18, 114, 84);
  width: 125px;
  height: 100px;
}
#Herr_3 {
  position:relative;
  left:125px;
  background-color: antiquewhite;
  width: 125px;
  height: 100px;
}
ul{
  text-align: left;
  font-family: futura, sans-serif;
}
a, a:visited {
  color:rgb(0,0,0);
  text-decoration: none;0

}
h2 {
  font-family: futura, sans-serif;
}
