.bl__youtube {
  margin: 50px 0;
  position: relative; }
  .bl__youtube .titel {
    max-width: 70%;
    margin-bottom: 60px;
    font-size: 42px;
    font-weight: 300;
    line-height: 50px; }
    @media (max-width: 768px) {
      .bl__youtube .titel {
        max-width: 100%;
        font-size: 32px; } }
    .bl__youtube .titel h2, .bl__youtube .titel h3 {
      font-size: 42px;
      font-weight: 300;
      line-height: 50px; }
      @media (max-width: 768px) {
        .bl__youtube .titel h2, .bl__youtube .titel h3 {
          font-size: 32px;
          line-height: 40px; } }
  .bl__youtube .poster {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-color: #e0e0e0; }
    .bl__youtube .poster:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 90px;
      height: 90px;
      margin-left: -45px;
      margin-top: -45px;
      background-image: url(../images/video_icoon.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      z-index: 1;
      transition: 0.3s ease; }
    .bl__youtube .poster:hover:before {
      transform: scale(1.1); }
  .bl__youtube .video_container {
    position: relative; }
    .bl__youtube .video_container:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      bottom: 0;
      width: 100%;
      background: none; }
  .bl__youtube.show_bg {
    background: #E0E9F0; }
  .bl__youtube.show_bg .video_container:before {
    background: #FFF; }
  .bl__youtube.show_bg {
    padding-top: 50px;
    margin-top: 0; }