body > .dye-overlay { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: rgba(0, 0, 0, 0.6); text-align:center; display:none }
.dye-overlay > .content { position: relative; display: inline-block; vertical-align: middle; margin: 7.5% auto; text-align: left; z-index: 1045; width:80%; max-height: 90%; overflow: auto; text-align:center }
/* .dye-overlay > .content:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } */
.dye-overlay > .content > .dye-popup { background: white; opacity:1.0; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.8); padding:20px 20px 60px; box-sizing: border-box; border-radius: 5px; margin: 0 auto; position:relative; display:inline-block; }
.dye-overlay > .content > .dye-popup .dye-close {  height: 15px; width: 15px; line-height: 15px; font-size: 15px; right: 3px; top: 3px; position: absolute; color: #303030; font-weight: bold; } 
.dye-overlay > .content > .dye-popup .dye-close:before { content: "\2715"; } 
.dye-overlay > .content > .dye-popup.confirm { max-width:640px; text-align:left }
.dye-overlay > .content > .dye-popup.confirm h2 { padding-top:0; }
.dye-overlay > .content > .dye-popup.confirm .button { background: #202020; padding: 5px 10px; color: white; border: none; border-radius: 3px; float: right; }
.dye-overlay > .content > .dye-popup.confirm .button.left  { float:left }
.dye-overlay > .content > .dye-popup.confirm .dye-remember { padding-bottom:20px; }
.dye-overlay > .content > .dye-popup.confirm .dye-remember > input[type=checkbox] { position: absolute; }
.dye-overlay > .content > .dye-popup.confirm .dye-remember > label { display: block; font-size: 1em; letter-spacing: normal; line-height: 1.3em; padding-left:25px; text-transform: none; }
.dye-overlay > .content > .dye-popup.video { width:800px; height:600px }
.dye-overlay > .content > .dye-popup.video > iframe { width:100%; height:100% }

.dye-video { margin:0; overflow: hidden; display:inline-block }
.dye-video .image img { width: 100%; display: block; }
.dye-video .image:after { content: ''; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='800px' height='800px' viewBox='0 0 800 800' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M324,506.1c0-10.9,0-208.5,0-216.3c0-9.3,9.3-17.1,20.2-12.4C352,282,509.1,377,523.1,384.7 c9.3,4.7,9.3,18.7,0,23.3c-9.3,6.2-168,101.1-178.9,108.9C334.8,523.2,324,518.6,324,506.1z'/%3E%3Cpath fill='%23FFFFFF' d='M400.2,131.1c147.8,0,267.6,119.8,267.6,267.6S548,667.9,400.2,667.9S132.6,548.1,132.6,400.3 S252.4,131.1,400.2,131.1 M400.2,100c-164.9,0-298.7,133.8-298.7,300.3c0,164.9,133.8,300.3,298.7,300.3s298.7-133.8,298.7-300.3 C700.5,233.8,566.7,100,400.2,100L400.2,100z'/%3E%3C/svg%3E%0A"); width: 100%; height: 100%; background-size: 110px 110px; background-position: center; background-repeat: no-repeat; }
.dye-video.inline .image { display:none }
.dye-video.inline.inactive .image { display:block; position:relative }