@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Regular.eot');
  src: url('../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Rubik-Regular.woff2') format('woff2'),
      url('../fonts/Rubik-Regular.woff') format('woff'),
      url('../fonts/Rubik-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Light.eot');
  src: url('../fonts/Rubik-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Rubik-Light.woff2') format('woff2'),
      url('../fonts/Rubik-Light.woff') format('woff'),
      url('../fonts/Rubik-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik-Medium.eot');
  src: url('../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Rubik-Medium.woff2') format('woff2'),
      url('../fonts/Rubik-Medium.woff') format('woff'),
      url('../fonts/Rubik-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

html,body {
  font-family: 'Rubik', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
}


#intro .header {
  padding-top: 80px;
  padding-bottom: 30px;
  text-align: center;
}

#intro .box {
  background-color: #F0F0F0;
  margin-bottom: 15px;
}

#intro .footer {
  padding: 30px 0;
}

#intro hr {
  border-color: #E6E6E6;
}

#intro .btn {
  border-radius: 0;
}

#intro .btn-1, #intro .btn-1:hover {
  background-color: #169F9A;
  border-color: #169F9A;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  margin-top: 10px;
  font-size: 1rem;
}

#intro .btn-2, #intro .btn-2:hover {
background-color: #E30815;
  border-color: #E30815;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  margin-top: 10px;
  font-size: 1rem;
}

#intro .btn-3, #intro .btn-3:hover {
  background-color: #1588DF;
  border-color: #1588DF;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  margin-top: 10px;
  font-size: 1rem;
}

#intro .btn-4, #intro .btn-4:hover {
  background-color: #6a2720;
  border-color: #6a2720;
  color: #FFFFFF;
  font-weight: 500;
  width: 100%;
  margin-top: 10px;
  font-size: 1rem;
}

#intro .m-height {
  min-height: 190px;
  display: flex;
  align-items:flex-end;
  justify-content: center;
}

#intro .content {
  padding-bottom: 80px;
}


#intro .icon {
  padding: 2px;
  padding-left: 60px;
  background-repeat: no-repeat;
  min-height: 50px;
}

#intro .icon-location {
  background-image: url('../images/icon-location.png');
  background-size:  auto 50px;
  padding-left: 50px;
  margin-left: 10px;
}

#intro .icon-phone {
  background-image: url('../images/icon-phone.png');
  background-size:  auto 50px;
  padding-top: 10px;
}

#angebote {
  padding: 80px 0;
  background-color: #f2feec;
  margin-bottom: 50px;
}

#angebote img {
    max-width: 100%;
    height: auto;
}

#angebote .w-100 {
    display: none;
}

@media screen AND (max-width: 992px) {
  #angebote .w-100 {
    display: block;
}
}