.youtube-container {
	 position: relative;
}
 .youtube-container img {
	 width: 100%;
	 margin: 0;
}
 .youtube-container.disabled:after {
	 position: absolute;
	 content: '';
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background: #fff;
	 opacity: 0.7;
	 z-index: 1000;
}
 .youtube-container .youtube-hint {
	 display: none;
}
 .youtube-container.disabled .youtube-hint {
	 display: flex;
	 position: absolute;
	 width: 401px;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 margin: auto;
	 max-width: 100%;
	 max-height: 10em;
	 z-index: 1100;
	 background: #fff;
	 font-size: 0.9em;
	 border: 1px solid #cacaca
}
 .youtube-container.disabled .youtube-hint .youtube-hint-text {
	 padding: 10px 10px 0 10px;
}

.youtube-hint {
	flex-direction: column;
}

.youtube-hint-button {
	flex: 1;
	justify-content: center;
	align-items: center;
	display: flex;
}

.youtube-hint-button button {
	color: black;
	padding: 2px 15px 2px 15px;
}

.youtube-hint-text {
    margin: 5px 10px 0px 10px;
    line-height: 18px;
}

/* make help text invisible for super-small screens */
@media only screen and (max-width: 350px) {
    .youtube-hint-text {
	display: none !important;
    }
}