html, body {
  font-family: 'Roboto', sans-serif;
}

.navbar {
    font-family: 'Comfortaa', serif;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.navbar > a {
    font-weight: 700;
    font-size: 1.8em;
}

.carousel-item {
  height: 900px;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.angebote-wrapper {
  margin-bottom: 20px;
}

.hero-headline {
  font-family: 'Comfortaa', serif;
  font-weight: 700;
}

.hero {
  padding: 15px;
  text-align: center;
}

.angebot {
  margin-bottom: 15px;
  border: 1px solid lightgray;
}

.angebot-img {
  width: 100%;
  min-height: 250px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.angebot-head {
  margin: 10px 5px 0 5px;
  font-family: 'Comfortaa', serif;
  font-weight: 700;
}

.angebot-text {
  margin: 10px;
  font-weight: 300
}

.angebot-preis {
  display: block;
  text-align: center;
  font-family: 'Comfortaa', serif;
  font-size: 2.5em;
  font-weight: 700;
  color: #212529;
  transition: color 0.6s;
}

.angebot-preis:link {
  color: #212529;
}

.angebot-preis:visited {
  color: #212529;
}

.angebot-preis:hover {
  color: #b5b6b7;
  text-decoration: none;
}

.angebot-preis::after {
  content: '€';
  margin-left: 5px;
}