.dont-do-it-image-wrapper {
	position: relative;	
	margin-bottom: var(--y-box-padding);
	border: solid var(--y-light-page-border-color) var(--y-border-size);
	border-radius: var(--y-border-radius-m);
	overflow: hidden;
}
.dont-do-it-cross {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.dont-do-it-cross div:before {
	content: " ";
	position: absolute;
	top:0;
	right:-20%;
	height: 1.5rem;
	width: 100%!important;
	background: var(--yuhura-alert);
	border: solid 2px #ffffff;
	transform: rotate(45deg);
	box-shadow: var(--yuhura-global-card-shadow);
}

/* ----------------------------- */
/* ------- TINY MCE Extend --------- */
/* ----------------------------- */

.important-note {
	border-left: calc(var(--y-border-size) *4) solid var(--yuhura-info);
	padding: var(--y-box-padding);
	background: #ffffff;
	border-radius: var(--y-border-radius-m);
	box-shadow: var(--yuhura-global-card-shadow);
}
.highlight {
	display: inline-block;
	background: var(--y-tmce-highlight-bg);
	padding: 0.1em 0.3em;
	border-radius: 0.3em;
}
.y-con-pro-table-wrapper table tr th:first-child,
.y-con-pro-table-wrapper table tr td:first-child {
/* ------- Bedeutet Links rot rechts grün --------- */
	border-left: calc(var(--y-border-size) *4) solid var(--yuhura-alert);
}
.y-con-pro-table-wrapper table tr th:last-child,
.y-con-pro-table-wrapper table tr td:last-child {
/* ------- Bedeutet Links rot rechts grün --------- */
	border-left: calc(var(--y-border-size) *4) solid var(--yuhura-okay);
}
/* ----------------------------- */
/* ------- color-block --------- */
/* ----------------------------- */
.color-block p.block-headline {
	font-family: var(--h4-font-family);
	font-size: 1.2rem;
	line-height: var(--h4-line-height);
	font-weight: var(--h4-font-weight);
	text-transform: var(--h4-text-transform);
	font-style: var(--h4-font-style);
	letter-spacing: var(--h4-letter-spacing);
	margin-bottom: var(--h4-margin-bottom);
}
.color-block li.block-note,
.color-block p.block-note {
	font-size: 0.85rem;
	opacity: 0.75;
}
.color-block ul,
.color-block li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bc-note {
	font-size: 0.85rem;
}

.yuhura-image-size-block.y-card {
	padding: 0;
	overflow: hidden;
}
.yuhura-image-size-example-bg {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6e7774+0,6e7774+50,0a0e0a+51,0a0809+100 */
	background: linear-gradient(to bottom,  rgba(110,110,110,1) 0%,rgba(110,110,110,1) 70%,rgba(10,14,10,1) 51%,rgba(10,14,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.yuhura-image-size-example-wrapper {
	aspect-ratio: 1.66;
	display: flex;
	align-items: center;
	justify-content:center;
	background-image: url(../images/laptop_mockup.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.yuhura-image-size-text {
	padding-bottom: 0
}
.yuhura-image-size-example-wrapper .y-slide-wrapper {
	max-width: 75%;
}