@charset "UTF-8";

/* Hero Styles */

/*Erweiterung damit die Spalten in der Row ein anderes Padding haben als Bootstrap ermöglicht (dort gibt es p-1 bis p-5 und px-1 bis px-5)*/
.heroteaser .p-6 {
  padding: 3.75rem
  }

/*Anpassung für kleinere Bildschirme: Bild sieht dadurch noch gut aus. */
  @media (max-width:1400px){t
  .heroteaser .p-6 {
    padding: 2.25rem;
    }
  }
/*------Typo-------------*/
  .heroteaser .unterzeile {
    font-size: 1.125rem;
    color: #de0000;
    line-height: 1.2em
  }
.heroteaser p.unterzeile:empty, .heroteaser h2:empty, .heroteaser p:empty {
  display: none;
}

 body#body .heroteaser h2 {
  font-family: ApproachKoelnBold, Arial;
  font-size: 3.125rem;
  color: #212529;
  text-align: left;
  letter-spacing: -0.4px;
  margin-top: 1.75rem;
  margin-bottom: 2.625rem;
  hyphens: auto;
    }

@media (max-width:1200px){
      body#body .heroteaser h2 {
        
        font-size: 2.5rem;
        margin-bottom: 1.625rem;
          }
    }

  .heroteaser p.lead {
    font-family: ApproachKoelnRegular, Arial;
    font-size: 1.375rem;
    margin-bottom: 2.625rem;
  }

  /* ----- Farben ----*/

  .warmgrauhell
 {
  /* background-color: rgb(130, 125, 115, .1) */
  background-color: rgb(247,244,242,1)

 }