iframe{display:inline-block}
.video-wall{position:relative;font:400 1em/1.46 Helvetica,Arial,sans-serif;color:#333;display:inline-block;width:100%;margin:0;background-color:black;box-sizing:border-box;border:none;padding:0.5em;height:250px}
.video-wall{background-image: url("bfwplayer.png");background-repeat: no-repeat; background-position: center;background-size:100%}
#fitfor112-1 .video-wall {background-image: url("bfwplayer-fitfor112-1-hiit.jpg")}
#fitfor112-2 .video-wall {background-image: url("bfwplayer-fitfor112-2-laufabc.jpg")}
#fitfor112-3 .video-wall {background-image: url("bfwplayer-fitfor112-3-ivlauf.jpg")}
#fitfor112-4 .video-wall {background-image: url("bfwplayer-fitfor112-4-3000mlauf.jpg")}
#fitfor112-5 .video-wall {background-image: url("bfwplayer-fitfor112-5-iivlauf.jpg")}
#fitfor112-6 .video-wall {background-image: url("bfwplayer-fitfor112-6-koordination.jpg")}
#deinweg .video-wall {background-image: url("bfwplayer-dein-weg.jpg");background-color:white}
#kv .video-wall {background-image: url("kv-kampagne-krank.jpg");background-color:white}
.video-wall strong{display:block;text-align:center;font-size:1.1em;margin:0;}
.video-wall div.dsinfo{position:absolute;width:calc(100% - 1em);top:0.3em;bottom:7em;overflow-y:auto;background:black;height:96%;color:white}
.video-wall p{font-size:0.6em;padding:0 1em}
.video-wall p  a,
.video-wall p  a:link,
.video-wall p  a:active,
.video-wall p  a:hover{color:white;}
.video-wall .video-link{display:block;white-space:nowrap;font-size:.8em;margin:0;position:absolute;left:50%;bottom:6em;transform:translateX(-50%)}
.video-wall button{-webkit-appearance:none;cursor:pointer;color:#eee;font:bold 0.8em Helvetica,Arial,sans-serif;display:none;width:95%;height:4.25em;border:0 none;border-radius:.75em;padding:0 0 0 5.5em;text-align:left;margin:0;position:absolute;left:50%;bottom:1em;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #666;background-size:3.5em;transition:background-color .3s}
.video-wall button:hover{background-color:#444}
.dsinfo {display:none}
/*.video-wall {cursor:pointer}*/
.video-wall:hover .dsinfo,
.video-wall:focus .dsinfo,
.video-wall:active .dsinfo {display:block}

@media (min-width: 750px) {
  .nine.columns .video-wall{height:400px}
  .nine.columns .eight.columns .video-wall{height:260px}
  .eight.columns .video-wall{height:349px}
}

@media (min-width: 850px) {
.video-wall p{font-size:1em;padding:0 0.5em}
#right .video-wall p{font-size:0.6em;padding:0 0.1em}
#right .video-wall {height: 150px}
#right .video-wall button {font-size: 0.4em}
}