/*2024-08-16*/
#content section.plugin-ok_videos_banner>.max-width article {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto auto 1fr;
	grid-template-areas:
		"video"
		"title"
		"text";
	margin-bottom:2rem;
	}
	#content section.plugin-ok_videos_banner>.max-width article h3 {	grid-area:title;	}
		#content section.plugin-ok_videos_banner>.max-width article h3 a {	text-decoration:none;	}
		#content section.plugin-ok_videos_banner>.max-width .axs.ui.contentlimit.pixels span.switch button {	padding-left:0;	}
	#content section.plugin-ok_videos_banner>.max-width article .text-limited {	grid-area:text;	}
	#content section.plugin-ok_videos_banner>.max-width article .code {
		grid-area:video;
		margin-bottom:1.5rem;
		}
		#content section.plugin-ok_videos_banner>.max-width article .code iframe {	width:100%;	}
#content section.plugin-ok_videos_banner>.max-width>p {	text-align:center;	}
#content section.plugin-ok_videos_banner>.max-width>p a {
	border:solid 1px var(--underlineColor);
	padding:0.5rem 2rem;
	}
@media all and (min-width:45em) { /* 45*12px=720px */
	#content section.plugin-ok_videos_banner>.max-width {
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		grid-template-rows:auto auto auto;
		gap:0 2rem;
		}
		#content section.plugin-ok_videos_banner>.max-width article {
			padding-left:1rem;
			padding-right:1rem;
			}
		#content section.plugin-ok_videos_banner>.max-width article>h3 {	font-size:1.2rem;	}
		#content section.plugin-ok_videos_banner>.max-width article .code iframe {
			aspect-ratio:16/9;
			height:auto;
			}
		#content section.plugin-ok_videos_banner>.max-width article:first-of-type {
			grid-column:1 / span 3;
			grid-row:1;
			grid-template-columns:1fr 47.5%;
			grid-template-rows:auto 1fr;
			grid-template-areas:
				"title video"
				"text video";
			gap:0 4.5rem;
			}
			#content section.plugin-ok_videos_banner > .max-width article:first-of-type>h3 {  margin-bottom:2rem;	}
			#content section.plugin-ok_videos_banner > .max-width article:first-of-type .code {  margin-bottom:0;	}
		#content section.plugin-ok_videos_banner>.max-width>p {
			grid-column:1 / span 3;
			grid-row:2;
			margin-bottom:3rem;
			border-bottom:solid 1px rgb(72,72,72);
			max-width:none;
			text-align:right;
			}
			#content section.plugin-ok_videos_banner>.max-width>p a {
				margin:1rem 0 1rem 0;
				border:none;
				/*padding:1rem 3rem 1rem 1rem;
				background: url(haus-ee/gfx/arrow.png) right 0 center no-repeat;*/
				}
	}
/*2024-08-16*/