body {
  background: #fff0d7;
}
.container-component {
  background: #fff9ED;
  padding: 1.5em;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #912B3B;
}
h4, .h4 {
  margin-top: .3em;
}

figure[data-wf-figure]{
  margin-bottom: 1em;
}


figcaption {
  color: #912B3B;
  font-size: .85em;
  padding-bottom: .8em;
}

.card-body {
  background-color: #fff9ed;
}

/* Stellt den Container des Videos responsiv ein */
.responsive-video {
    position: relative; 
    padding-bottom: 54%; /* 16:9 Aspect Ratio */
    padding-top: 25px; 
    height: 0;
}

/* Stellt das iframe des Videos so ein, dass es den Container voll ausfüllt */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}