.embed-text {
    display: none;
    position: relative; 
    height: 0; 
    overflow: hidden; 
    width: 80%;
    height: auto;
}
.embed-content {
    display: none;
    position: relative; 
    // padding-bottom: 56.25%; /* ratio 16x9 bei 100% Höhe */
    padding-bottom: 45%;
    height: 0; 
    overflow: hidden; 
    width: 80%;
    height: auto;
}
.embed-content .video-frame {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
.embed-content .audio-frame {
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    height: 50px;
    z-index: 5000;
}
.embed-content img {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}

/*

  http://maddesigns.de/responsive-iframes-2417.html

  TODO: ersetzen durch:

  http://npr.github.io/responsiveiframe/

  oder

  https://github.com/davidjbradshaw/iframe-resizer
*/