/* ------------------------------------------------------------------------ */
/* Gutenberg Block Seitennavigator											*/
/* ------------------------------------------------------------------------ */

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

.content-column.full_width.paragraph + .content-column.full_width.navigator,
.content-column.full_width.list + .content-column.full_width.navigator,
.content-column.full_width.downloads + .content-column.full_width.navigator,
.content-column.full_width.personen + .content-column.full_width.navigator,
.content-column.full_width.lernvideos + .content-column.full_width.navigator  {
	padding-top: 48px;
}

.content-column.full_width.bild + .content-column.full_width.navigator {
	padding-top: 46px;
}


.content-column.full_width.tabelle + .content-column.full_width.navigator {
	padding-top: 49px;
}

.wp-block-navigator.gbb {
	padding: 32px 0 34px;
	position: relative;
	z-index: 1;
}

.wp-block-navigator.gbb .content-column.text {
	padding: 0 20px;
	position: relative;
	z-index: 1;
}


.wp-block-navigator.gbb .content-column.text p {
	color: inherit;
	padding: 0;
	display: block;
	cursor: default;
}

.wp-block-navigator.gbb .content-column.text p strong {
	color: #6796ff;
	cursor: default;
}

.wp-block-navigator.gbb > .helper {
	padding: 0 20px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.wp-block-navigator.gbb > .helper > ul.submenu {
	margin: 0 0 0 20px;
	padding: 26px 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.wp-block-navigator.gbb > .helper > ul.submenu li {
	padding: 0 0 0 30px;
	list-style-type: none;
	position: relative;
	z-index: 1;
}

.wp-block-navigator.gbb > .helper > ul.submenu li.current-menu-item,
.wp-block-navigator.gbb > .helper > ul.submenu > li.ueberschrift:has(ul.sub-menu > li.current-menu-item) {
	z-index: 2;
}

.wp-block-navigator.gbb > .helper > ul.submenu li::before {
	content: '';
}

.wp-block-navigator.gbb > .helper > ul.submenu li:last-of-type::after {
	content: '';
	width: 1px;
	height: 10000%;
	position: absolute;
	z-index: 0;
	top: auto;
	bottom: 50%;
	left: -1px;
	background-color: #cccccc;
}

.wp-block-navigator.gbb > .helper > ul.submenu li::before {
	content: '';
}

.wp-block-navigator.gbb > .helper > ul.submenu li.current-menu-item::before {
	content: '';
	width: 1px;
	height: 2px;
	position: absolute;
	z-index: 2;
	top: auto;
	bottom: 50%;
	left: -1px;
	margin-bottom: -2px;
	background-color: #eef5ff;
}

.wp-block-navigator.gbb > .helper > ul.submenu li.current-menu-item::after {
	content: '';
	width: 1px;
	height: 10000% !important;
	position: absolute;
	z-index: 3;
	top: auto;
	bottom: 50%;
	left: -1px;
	margin-bottom: 0px;
	background-color: #6796ff;
}

.wp-block-navigator.gbb > .helper > ul.submenu li a {
	color: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	z-index: 1;
	text-decoration: none;
	border: 0 none;
	overflow: hidden;
	cursor: pointer;
}

.wp-block-navigator.gbb > .helper > ul.submenu li.ueberschrift > a {
	cursor: default;
}

.wp-block-navigator.gbb > .helper > ul.submenu li.current-menu-item > a,
.wp-block-navigator.gbb > .helper > ul.submenu > li.ueberschrift:has(ul.sub-menu > li.current-menu-item) > a {
	color: #6796ff;
}

.wp-block-navigator.gbb > .helper > ul.submenu li a::before {
	content: '';
	width: 18px;
	height: 1px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -28px;
	margin-top: -0.5px;
	background-color: #cccccc;
}

.wp-block-navigator.gbb > .helper > ul.submenu li.current-menu-item > a::before,
.wp-block-navigator.gbb > .helper > ul.submenu > li.ueberschrift:has(ul.sub-menu > li.current-menu-item) > a::before {
	width: 20px;
	left: -30px;
	background-color: #6796ff;
}

.wp-block-navigator.gbb > .helper > ul.submenu > li.ueberschrift:has(ul.sub-menu > li.current-menu-item) > a::after {
	content: '';
	width: 1px;
	height: 10000% !important;
	position: absolute;
	z-index: 2;
	top: auto;
	bottom: 50%;
	left: -31px;
	margin-bottom: -3px;
	border-bottom: 2px solid #eef5ff;
	background-color: #6796ff;
}

.wp-block-navigator.gbb > .helper > ul.submenu > li > ul.sub-menu,
.wp-block-navigator.gbb > .helper > ul.submenu > li > ul.sub-menu > li > ul.sub-menu {
	margin: 0 0 0 10px;
	padding: 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.wp-block-navigator.gbb > img {
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 0;
	top: 40px;
	right: 20px;
	background-color: transparent;
}

.wp-block-navigator.gbb > img {
	opacity: 0;
}

@keyframes seco_lazload_compass {
	from {
		opacity: 0;
	} to {
		opacity: 0.5;
	}
}

.wp-block-navigator.gbb > img.lazyload[src*=".svg"] {
	animation-name: seco_lazload_compass;
}

/* ----------------------- 		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) {
	/* ------------------------------------------------------------------------ */

	.wp-block-navigator.gbb > img {
		display: none;
	}
}

/* ------------------------------------------------------------------------ */
/* 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) {
}

/* ------------------------------------------------------------------------ */
/* 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-navigator.gbb {
		background-color: #f0f4ff;
	}
}

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

/* ------------------------------------------------------------------------ */
/* 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) {
}