.cmiFrame {
    margin-bottom: 15px;
}

.cmiFramePlayerPlaceholder {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
}

.cmiFrameWrapper {
	position: relative;
}

.cmiFramePlayer {
	height: 0;
	position:  relative;
	background-color: #eee;
}
.cmiFramePlayer.activated {
   background-color: transparent !important;
}

.cmiFramePlayer > iframe {
	position: absolute;
	left: 0;
	top: 0;
}

.cmiFrame a {
   color: #555;
   text-decoration: underline;
}
.cmiFrame a:focus,
.cmiFrame a:hover,
.cmiFrame a:active {
   background-color: #000;
   color: #fff;
}
.cmiFrameDialog {
   padding: 15px;
   color: #555;
   text-align: center;
}
button.cmiFrameActivate {
   background-color: #555;
   border: none;
   outline: none;
   color: #fff;
   border-radius: 5px;
   padding: 5px 15px;
   font-weight: 600;
}
button.cmiFrameAuto span.cmiFrameAutoCheck {
   display: block;
   position: absolute;
   left: 5px;
   top: 3px;
   width: 15px;
   height: 15px;
   border-radius: 3px;
   border: 1px solid #555;
}
button.cmiFrameAuto[disabled] {
   opacity: 0.5;
   cursor: not-allowed;
}
button.cmiFrameAuto.cmiFrameCheckActive span.cmiFrameAutoCheck:before {
   content: "";
   position: absolute;
   width: 5px;
   height: 10px;
   border-bottom: 2px solid #555;
   border-right: 2px solid #555;
   transform: rotate(45deg);
   left: 4px;
   top: 1px;
}
button.cmiFrameAuto {
   background-color: transparent;
   border: none;
   padding: 0 0 0 30px;
   margin: 0;
   position: relative;
   outline: none;
   color: #555;
   text-align: left;
}
button.cmiFrameAuto:focus,
button.cmiFrameAuto:hover,
button.cmiFrameAuto:active {
   background-color: #000;
   color: #fff;
}
button.cmiFrameAuto:focus span.cmiFrameAutoCheck:before,
button.cmiFrameAuto:focus span.cmiFrameAutoCheck,
button.cmiFrameAuto:hover span.cmiFrameAutoCheck,
button.cmiFrameAuto:active span.cmiFrameAutoCheck {
	border-color: #fff;
}
.cmiFrameOverlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   display: flex;
   justify-content: center;
   align-items: flex-start;
   font-weight: 300;
   font-size: 16px;
   margin-top: 30px;
}
.cmiFrameOverlay p {
   margin: 15px 0;
}
p.cmiFrameHeadline {
   background-image: url(../images/icon-externe-inhalte.png);
   background-repeat: no-repeat;
   background-position: top center;
   padding-top: 70px;
   font-size: 24px;
   font-weight: 600;
   margin: 0;
}