body
{
      margin: 0;
      overflow: hidden;
      background: radial-gradient(circle, #d9f7ff,white,#b9edfa);
      color: #145566;
      font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
      font-weight: 400;
      font-size: 15px;
      overflow:auto;
}

#Logo
{
  border-radius: 40%;
}
h2 {

  width: 100%;
  height: 50%;
  top: 70%;
  font-size: 30px;
}

h2:after {

  content: "";
  width: 100%;
  height: 100%;
  line-height: 50px;
  text-align: center;
  animation: type 6s linear 1;
  animation-fill-mode: forwards;
}


@keyframes type {
  from {
    content: "W";
  }
  5% {
    content: "Wi";
  }
  10% {
    content: "Wir";
  }
  15% {
    content: "Wir  ";
  }
  20% {
    content: "Wir b"
  }
  25% {
    content: "Wir ba"
  }
  30% {
    content: "Wir bau"
  }
  35% {
    content: "Wir baue"
  }
  40% {
    content: "Wir bauen"
  }
  50%
  {
    content:"Wir bauen u"
  }
  60%
  {
    content:"Wir bauen um."
  }
  70%
  {
    content:"Wir bauen um.."
  }
  80%
  {
      content:"Wir bauen um..."
  }
  90%
  {
      content:"Wir bauen um.."
  }
  100% {
    content: "Wir bauen um."
  }
}


.header
{


      text-align: center;
      width: 100%;
      margin-left: 150px;
      color: #014c80;
      font-size: 2em;
      font-family: sans-serif;
      margin-top: 1em;




}
.middleBar
{
    width: 100%;
    text-align: center;
    padding-left:6em;
}

.container
{
  text-align: center;
  width: 25em;
  height: 10em;
  border-style: solid;
  border-style: 0.5em;

  border-radius: 2em;

  text-align: center;
  padding-right: 2.5em;
  margin-left: 6em;
  margin-bottom: 2em;
  padding-left: 1.8em;
  display: inline-flex;

}

#icon
{
  padding-bottom: 1em;
  height: 5em;
  width: 5em;

  display: block;

}
.schriftzug
{
  width: 60em;
  margin-left: 10em;
}

.textUnderIcon
{
    display: block;
    font-size: 20px;
    font-style: normal;
}

h3
{
  padding-top: 0em;
  margin-left: 2em;
  display: block;
}

.bar
{
      overflow:hidden;
      display: inline-flex;
      text-align: center;
      padding-left: 16em;
      margin-left: 10em;
      position: static;
}

.text
{
  padding-top: 5em;
  text-align: center;
  font-size: 1em;
  padding-bottom: 10em;

  opacity: transparent;
}

.footer
{
  text-align: center;
  text-decoration: none;
  font-size: 0.8em;
  padding-top: 5em;
  color: white;
}

a:link {
  text-decoration: none;
  color: white;
}

a:visited {
  text-decoration: none;
    color: white;
}

a:hover {
  text-decoration: none;
    color: white;
}

a:active {
  text-decoration: none;
    color: white;
}