@charset "utf-8";
/* CSS Document */

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Moderne Browser */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'),   /* Standard Browser */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'); /* Fallback */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v25-latin-700.woff2') format('woff2'),
       url('../fonts/montserrat-v25-latin-700.woff') format('woff'),
       url('../fonts/montserrat-v25-latin-700.ttf') format('truetype');
}
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center; /* Zentriert horizontal */
    align-items: center;    /* Zentriert vertikal */
}
body {
  font-family: 'Montserrat', sans-serif;
  background: #273540;
  background: -moz-linear-gradient(top, #f1f5f8 0, #fff 300px, #fff 100%);
  background: -webkit-linear-gradient(top, #f1f5f8 0, #fff 300px, #fff 100%);
  background: linear-gradient(to bottom, #f1f5f8 0, #fff 300px, #fff 100%);
  color: #273540;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
}

.wrapper {
  text-align: center;
}

.Iam {
  font: normal 40px/50px 'Montserrat', sans-serif;
  color: #c2cbd2;
  display: inline-block;
}
p {
    margin: 0;
}

.Iam p {
  height: 50px;
  float: left;
  margin-right: 0.3em;
  font-weight: 400;
}

.Iam b {
  float: left;
  overflow: hidden;
  position: relative;
  height: 50px;
}

u {
  text-decoration: none;
  color: #ff1b66;
}
.slogan {
    color: #273540;
}

.Iam .innerIam {
  display: inline-block;
  color: #273540;
  position: relative;
  white-space: nowrap;
  top: 0;
  left: 0;
  text-align: left;
  font-weight: 700;

  /* Animation */
  animation: move 5s infinite;
  animation-delay: 1s;
}

@keyframes move {
  0% { top: 0px; }
  20% { top: -50px; }
  40% { top: -100px; }
  60% { top: -150px; }
  80% { top: -200px; }
}


