/* ------------------------------------------------------------------------ */
/* Block Downloads															*/
/* ------------------------------------------------------------------------ */

.content-column.full_width.lernvideos {
	padding-bottom: 32px;
}

.wp-block-heading + .wp-block-lernvideos.gbb {
	margin-top: 4px;
}

.wp-block-paragraph + .wp-block-lernvideos.gbb {
	margin-top: 3px;
}

.wp-block-lernvideos.gbb + .wp-block-heading {
	margin-top: -8px;
}

.wp-block-lernvideos.gbb + .wp-block-paragraph {
	margin-top: -5px;
}

.wp-block-lernvideos.gbb {
	padding: 20px 20px;
	position: relative;
	z-index: 1;
}

.wp-block-lernvideos.gbb ul {
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-lernvideos.gbb ul > li {
	width: 100%;
	padding: 21px 0 20px !important;
	display: grid;
	background: linear-gradient(90deg,#121212 25%,transparent 0) 0% 0% / 4px 1px repeat-x;
}

.wp-block-lernvideos.gbb ul > li:first-child {
	padding: 20px 0 20px !important;
	background: none;
}

.wp-block-lernvideos.gbb ul > li::before {
	display: none;
}

.wp-block-lernvideos.gbb ul > li > .helper {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 20px auto;
	grid-template-rows: auto;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-name {
	display: grid;
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	align-items: center;
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle {
	width: auto;
	grid-column: 3 / 4;
	grid-row: 1 / 2;
	display: grid;
	align-items: center;
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-name > .helper * {
	line-height: 1 !important;
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle {
	display: block;
	width: 56px;
	height: 56px;
	background-color: transparent;
	border: 0 none;
	padding: 0;
	position: relative;
	z-index: 1;
	cursor: pointer;
	color: #ffcd29 !important;
	border-color: #ffcd29 !important;
	background-color: #ffcd29 !important;
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle::before {
	content: '';
	width: 18px;
	height: 2px;
	position: absolute;
	z-index: 2;
	top: 27px;
	right: 18px;
	background-color: #121212;
	transform: rotate(0deg);
	transition: background-color 0.3s ease, transform 0.6s cubic-bezier(0.7, -0.2, .5, 1.0);
}

.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle::after {
	content: '';
	width: 2px;
	height: 18px;
	position: absolute;
	z-index: 2;
	top: 19px;
	right: 26px;
	background-color: #121212;
	transform: rotate(0deg);
	transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.7, -0.2, .5, 1.0) 0.3s;
}

.wp-block-lernvideos.gbb ul > li.toggled-on > .helper > .video-toggle button.video-toggle {
	background-color: #121212 !important;
}

.wp-block-lernvideos.gbb ul > li.toggled-on > .helper > .video-toggle button.video-toggle::before,
.wp-block-lernvideos.gbb ul > li.toggled-on > .helper > .video-toggle button.video-toggle::after {
	background-color: #ffcd29;
}

.wp-block-lernvideos.gbb ul > li.toggled-on > .helper > .video-toggle button.video-toggle::before {
	transform: rotate(180deg);
}

.wp-block-lernvideos.gbb ul > li.toggled-on > .helper > .video-toggle button.video-toggle::after {
	transform: rotate(90deg);
}

.wp-block-lernvideos.gbb ul > li > .video-helper {
	padding-top: 20px;
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	position: relative;
	z-index: 1;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #000000;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos a.preview {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
	border-width: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos a.preview::before {
	content: '\f04b';
	font-size: 50px;
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	padding-left: 3px;
	color: #ffffff;
	line-height: 1;
	transform: translate(-50%, -50%);
	text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos a.preview > .helper {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	filter: brightness(0.85);
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos .embed {
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: 100%;
}

.wp-block-lernvideos.gbb ul > li > .video-helper .video-wrapper .seco_lernvideos .embed > iframe {
	width: 100%;
	height: 100%;
}

/* ----------------------- 		Media Queries	   ------------------------ */

/* ------------------------------------------------------------------------ */
/* General Definitions all Sizes											*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 0em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 29.9375em) and (orientation: portrait) {
	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 480px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 29.9375em) and (max-width: 47.9375em) and (orientation: landscape) {
	/* ------------------------------------------------------------------------ */
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (devices and browsers)								    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (portrait, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 640px (landscape, devices and browsers)					    */
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 39.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 47.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 768px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 47.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 48em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 768px (landscape, devices and browser							*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 48em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (portrait, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 30em) and (max-width: 63.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 480px to 1024px (landscape, devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-height: 30em) and (max-width: 63.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 63.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-height: 63.9375em) and (max-width: 79.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) {
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:hover,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:focus,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:active {
		color: #121212 !important;
		border-color: #121212 !important;
		background-color: #121212 !important;
	}

	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:hover::before,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:hover::after,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:focus:before,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:focus:after,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:active:before,
	.wp-block-lernvideos.gbb ul > li > .helper > .video-toggle button.video-toggle:active:after {
		background-color: #ffcd29;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1024px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Monitor sizes from 1024px to 1280px (devices and browsers)				*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (max-width: 79.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (portrait, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: portrait) {
}

/* ------------------------------------------------------------------------ */
/* Sizes up to 1280px (landscape, devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 79.9375em) and (orientation: landscape) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 80em) {
}

/* ------------------------------------------------------------------------ */
/* Size width from 1024px to 14400px										*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 64em) and (max-width: 89.9375em) {
}


/* ------------------------------------------------------------------------ */
/* Sizes up to 1440px (devices and browsers)								*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 89.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1440px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 90em) and (max-width: 99.9375em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1280px to 1600px (devices and browsers)						*/
/* ------------------------------------------------------------------------ */
@media only screen and (max-width: 99.9375em) {
	.wp-block-lernvideos.gbb {
		background-color: #f2f2f2;
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1600px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 100em) {
	.wp-block-lernvideos.gbb {
		background-color: rgba(0, 0, 0, 0.05);
	}
}

/* ------------------------------------------------------------------------ */
/* Sizes from 1920px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 120em) {
}

/* ------------------------------------------------------------------------ */
/* Sizes from 2800px (devices and browsers)									*/
/* ------------------------------------------------------------------------ */
@media only screen and (min-width: 160em) {
}