@charset "UTF-8";

#GlobalBanner .teaser.cmp-teaser--heroImg {
  padding: 30px 0 !important;
}

#GlobalBanner .teaser.cmp-teaser--heroImg:before {
  content: none;
}

#GlobalBanner .cmp-teaser--heroImg .cmp-teaser__image {
  padding: 0 48px !important;
}

#ProductSection.cmp-container {
  padding: 30px 0;
}

#ProductSection h3 {
  font-size: 22px !important;
  line-height: 26px !important;
  padding-bottom: 18px;
}

#ProductSection .isi-text {
  padding-top: 14px;
}

/*#ProductSection .linkp {
    display:flex;
    align-items: center;
    color:#8F0052;
    font-weight:700;
}*/

#ProductSection .linkp img {
  padding-right: 10px;
}

#ProductSection .linkp a {
  display: flex;
  align-items: center;
  color: #8F0052;
  font-weight: 700;
  text-decoration: none;
}

/*#leitfaden-right.cmp-container {
    padding:0 20px;
}*/

#leitfaden .cmp-container--protected-cta-content .isi-text a {
    color:#8f0052;
}

#leitfaden-right .cmp-container--protected-content-bg {
  background-size: 662px 673px;
  border-radius: 16px;
  min-height: 673px !important;
}

#leitfaden-right .cmp-container--protected-cta-container {
  background: none;
}

#leitfaden-right .cmp-container--protected-cta-content {
  background-color: transparent !important;
  height: 200px !important;
  border-radius: 10px;
}

#leitfaden-left .cmp-container--protected-content-bg {
  background-size: 662px 350px;
  border-radius: 16px;
  min-height: 350px !important;
}

#leitfaden-left .cmp-container--protected-cta-container {
  background: none;
}

#leitfaden-left .cmp-container--protected-cta-content {
  background-color: transparent !important;
  height: 200px !important;
  border-radius: 10px;
}

@media only screen and (max-width: 600px) {
    
  #GlobalBanner .cmp-teaser--heroImg .cmp-teaser__image {
    padding: 0 14px !important;
  }
  
  #leitfaden-right .cmp-container--protected-content-bg {
    background-image: url("/content/dam/intelligentcontent/portals/hcp/at/de/images/therapeutic-areas/astmavscopd/atmen-mobile-blur.jpg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 462px !important;
  }

  #leitfaden-right .cmp-container--protected-cta-content {
    width: 90% !important;
  }

  #leitfaden-left .cmp-container--protected-content-bg {
    background-image: url("/content/dam/intelligentcontent/portals/hcp/at/de/images/therapeutic-areas/astmavscopd/leitfaden-left-mobile-blur.jpg") !important;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 788px !important;
  }

  #leitfaden-right .cmp-container--protected-cta-content {
    width: 90% !important;
  }
}

@media screen and (min-width: 767px) {
  #leitfaden-right .cmp-container--protected-container {
    height: 673px !important;
  }

  #leitfaden-left .cmp-container--protected-container {
    height: 350px !important;
  }
}