.kyl_teaser_contact {
  background-color: #d0b083;
  width: 100vw;
}
.kyl_teaser_contact .container {
  padding: 26px 36px 60px;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container {
    padding: 60px 0 80px;
  }
}
@media (min-width: 1024px) {
  .kyl_teaser_contact .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 480px;
    padding: 60px 66px 80px;
  }
  .kyl_teaser_contact .container .wrapper:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(40% - 60px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(40% - 60px);
    flex: 0 0 calc(40% - 60px);
  }
  .kyl_teaser_contact .container .wrapper:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(60% - 60px);
    -moz-box-flex: 0;
    -ms-flex: 0 0 calc(60% - 60px);
    flex: 0 0 calc(60% - 60px);
  }
  .kyl_teaser_contact .container.is-right .wrapper:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 1172px) {
  .kyl_teaser_contact .container {
    /*max-width: @body_width;
			margin-left: auto;
			margin-right: auto;*/
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1172px) {
  .kyl_teaser_contact .container {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1440px) {
  .kyl_teaser_contact .container {
    max-width: 1190px;
  }
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .wrapper_text {
    padding: 0 155px 0 183px;
  }
}
@media (min-width: 1024px) {
  .kyl_teaser_contact .container .wrapper_text {
    padding: 0;
  }
}
.kyl_teaser_contact .container .image {
  margin-bottom: 40px;
}
.kyl_teaser_contact .container .image img {
  display: block;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .image img {
    max-width: 400px;
  }
}
.kyl_teaser_contact .container .image .caption {
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  font-size: 16px;
  text-align: center;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .image {
    margin-bottom: 60px;
  }
}
@media (min-width: 1024px) {
  .kyl_teaser_contact .container .image {
    margin-bottom: 0;
  }
}
.kyl_teaser_contact .container .headline {
  font-weight: 700;
  letter-spacing: normal;
  line-height: 32px;
  font-size: 24px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .headline {
    font-weight: 700;
    letter-spacing: normal;
    line-height: 40px;
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media (min-width: 1440px) {
  .kyl_teaser_contact .container .headline {
    font-weight: 700;
    letter-spacing: normal;
    line-height: 48px;
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.kyl_teaser_contact .container .text {
  font-weight: 400;
  letter-spacing: normal;
  line-height: 24px;
  font-size: 16px;
}
.kyl_teaser_contact .container .link {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .link {
    margin-top: 30px;
  }
}
.kyl_teaser_contact .container .is-button a {
  display: inline-block;
  background-color: #2a624d;
  padding: 10px 30px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 24px;
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  font-family: 'Roboto', sans-serif;
  border: none;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .is-button a {
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    font-size: 18px;
  }
}
.kyl_teaser_contact .container .is-link a {
  display: inline-block;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 24px;
  font-size: 16px;
  color: #d0b083;
  cursor: pointer;
  padding-right: 44px;
  background: transparent url('/wp-content/themes/kyltheme/assets/svg/icon_arrow_right_very_light_brown.svg') right center / 34px 18px no-repeat;
  font-family: 'Roboto', sans-serif;
}
@media (min-width: 768px) {
  .kyl_teaser_contact .container .is-link a {
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    font-size: 18px;
    background: transparent url('/wp-content/themes/kyltheme/assets/svg/icon_arrow_right_very_light_brown.svg') right center / 34px 20px no-repeat;
  }
}
.kyl_teaser_contact.color-very-light-brown {
  background-color: #d0b083;
}
.kyl_teaser_contact.color-very-light-brown .container .image .caption {
  color: #1f4755;
}
.kyl_teaser_contact.color-very-light-brown .container .headline {
  color: #1f4755;
}
.kyl_teaser_contact.color-very-light-brown .container .text {
  color: #1f4755;
}
.kyl_teaser_contact.color-very-light-brown .container .is-link a {
  color: #1f4755;
}
.kyl_teaser_contact.color-light-sage {
  background-color: #bedcbe;
}
.kyl_teaser_contact.color-light-sage .container .image .caption {
  color: #1f4755;
}
.kyl_teaser_contact.color-light-sage .container .headline {
  color: #1f4755;
}
.kyl_teaser_contact.color-light-sage .container .text {
  color: #1f4755;
}
.kyl_teaser_contact.color-light-sage .container .is-button a {
  color: #1f4755;
}
.kyl_teaser_contact.color-light-sage .container .is-link a {
  color: #1f4755;
}
.kyl_teaser_contact.color-off-yellow {
  background-color: #f1e639;
}
.kyl_teaser_contact.color-off-yellow .container .image .caption {
  color: #1f4755;
}
.kyl_teaser_contact.color-off-yellow .container .headline {
  color: #1f4755;
}
.kyl_teaser_contact.color-off-yellow .container .text {
  color: #1f4755;
}
.kyl_teaser_contact.color-off-yellow .container .is-button a {
  color: #1f4755;
}
.kyl_teaser_contact.color-off-yellow .container .is-link a {
  color: #1f4755;
}
.kyl_teaser_contact.color-dark-slate-blue {
  background-color: #1f4755;
}
.kyl_teaser_contact.color-dark-slate-blue .container .image .caption {
  color: #d0b083;
}
.kyl_teaser_contact.color-dark-slate-blue .container .headline {
  color: #d0b083;
}
.kyl_teaser_contact.color-dark-slate-blue .container .text {
  color: #d0b083;
}
.kyl_teaser_contact.color-dark-slate-blue .container .is-button a {
  color: #2a624d;
  background-color: #bedcbe;
}
.kyl_teaser_contact.color-dark-slate-blue .container .is-link a {
  color: #d0b083;
}
.kyl_teaser_contact.color-pine {
  background-color: #2a624d;
}
.kyl_teaser_contact.color-pine .container .image .caption {
  color: #d0b083;
}
.kyl_teaser_contact.color-pine .container .headline {
  color: #d0b083;
}
.kyl_teaser_contact.color-pine .container .text {
  color: #d0b083;
}
.kyl_teaser_contact.color-pine .container .is-button a {
  color: #d0b083;
}
.kyl_teaser_contact.color-pine .container .is-link a {
  color: #d0b083;
}
@media (min-width: 1024px) {
  .post-template-default .kyl_teaser_contact .container,
  .presse-template-default .kyl_teaser_contact .container,
  .impactblog-template-default .kyl_teaser_contact .container {
    width: calc(1140px * 0.8);
  }
}
@media (min-width: 1920px) {
  .post-template-default .kyl_teaser_contact .container,
  .presse-template-default .kyl_teaser_contact .container,
  .impactblog-template-default .kyl_teaser_contact .container {
    width: calc(1190px * 0.8);
  }
}
.kyl_foundation_teaser_contact.color-pampas {
  background-color: #f5f2ef;
}
.kyl_foundation_teaser_contact.color-pampas .caption {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-pampas .headline {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-pampas .text {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-pampas .is-button a {
  background-color: #d5703e;
}
.kyl_foundation_teaser_contact.color-white {
  background-color: #ffffff;
}
.kyl_foundation_teaser_contact.color-white .caption {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-white .headline {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-white .text {
  color: #5a0037;
}
.kyl_foundation_teaser_contact.color-white .is-button a {
  background-color: #d5703e;
}
