.akks-app {
	--akks-blue: #08203a;
	--akks-gold: #b48c47;
	--akks-gold-hover: #a2804a;
	--akks-pink: #d02dc4;
	--akks-cream: #f4f0ec;
	--akks-text: #5c5c5c;

	position: relative;
	width: 100%;
	min-height: 820px;
	overflow: hidden;
	border: 1px solid rgba(8, 32, 58, 0.08);
	border-radius: 18px;
	background:
		radial-gradient(circle at 50% 17%, rgba(180, 140, 71, 0.15), transparent 42%),
		linear-gradient(145deg, rgba(251, 248, 245, 0.99), rgba(244, 240, 236, 0.99));
	box-shadow: 0 20px 60px rgba(8, 32, 58, 0.10);
	color: var(--akks-text);
	font-family: "DM Sans", Arial, sans-serif;
	isolation: isolate;
}

.akks-app *,
.akks-app *::before,
.akks-app *::after {
	box-sizing: border-box;
}

.akks-header {
	position: relative;
	z-index: 20;
	padding: 34px 34px 0;
	text-align: center;
	pointer-events: none;
}

.akks-kicker {
	margin: 0 0 8px;
	color: var(--akks-pink);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.akks-title {
	margin: 0;
	color: var(--akks-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(36px, 5vw, 58px);
	font-weight: 500;
	line-height: 1.05;
}

.akks-instruction {
	margin: 14px auto 0;
	max-width: 780px;
	color: var(--akks-text);
	font-size: 18px;
	line-height: 1.45;
}

.akks-stage {
	position: relative;
	height: 610px;
	overflow: hidden;
}

.akks-stage canvas {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	cursor: default;
	touch-action: pan-y;
}

.akks-loading {
	position: absolute;
	z-index: 30;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(244, 240, 236, 0.48);
	color: var(--akks-blue);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-align: center;
	transition: opacity 220ms ease;
	pointer-events: none;
}

.akks-loading.is-hidden {
	opacity: 0;
}

.akks-loading.is-error {
	background: rgba(255, 248, 248, 0.94);
	color: #7b3030;
	pointer-events: auto;
}

.akks-result-copy {
	position: absolute;
	z-index: 25;
	left: 50%;
	top: 42%;
	width: 245px;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	text-align: left;
}

.akks-result-number {
	margin: 0 0 8px;
	color: var(--akks-pink);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.akks-result-title {
	margin: 0;
	color: var(--akks-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(27px, 3.2vw, 41px);
	font-weight: 500;
	line-height: 1.08;
}

.akks-result-note {
	margin: 14px 0 18px;
	color: rgba(8, 32, 58, 0.66);
	font-size: 14px;
	line-height: 1.45;
}

.akks-result-link,
.akks-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 11px 21px;
	border: 1px solid var(--akks-gold);
	border-radius: 4px;
	background: var(--akks-gold);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		transform 160ms ease,
		opacity 160ms ease;
}

.akks-result-link:hover,
.akks-result-link:focus-visible,
.akks-button:hover,
.akks-button:focus-visible {
	border-color: var(--akks-gold-hover);
	background: var(--akks-gold-hover);
	color: #fff;
	transform: translateY(-1px);
}

.akks-button:disabled {
	opacity: 0.48;
	cursor: default;
	transform: none;
}

.akks-button-secondary {
	border-color: rgba(8, 32, 58, 0.24);
	background: rgba(255, 255, 255, 0.82);
	color: var(--akks-blue);
}

.akks-button-secondary:hover,
.akks-button-secondary:focus-visible {
	border-color: rgba(8, 32, 58, 0.34);
	background: #fff;
	color: var(--akks-blue);
}

.akks-actions {
	position: absolute;
	z-index: 40;
	left: 50%;
	bottom: 30px;
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	transform: translateX(-50%);
}

.akks-touch-draw[hidden] {
	display: none !important;
}

.akks-status {
	position: absolute;
	z-index: 35;
	right: 22px;
	bottom: 18px;
	left: 22px;
	margin: 0;
	color: rgba(8, 32, 58, 0.58);
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	pointer-events: none;
}

.akks-status.is-error {
	color: #8b3535;
}

.akks-access-message {
	padding: 18px 22px;
	border: 1px solid rgba(8, 32, 58, 0.12);
	border-radius: 10px;
	background: #fbf8f5;
	color: #5c5c5c;
}

.akks-result-copy[hidden] {
	display: block !important;
}

/* Fan touch */
.akks-app.is-fan-touch .akks-actions {
	width: min(620px, calc(100% - 32px));
}

/* Stack layout */
.akks-app.is-stack .akks-stage {
	height: 570px;
}

.akks-app.is-stack .akks-result-copy {
	left: 50%;
	top: 74%;
	width: min(320px, calc(100% - 44px));
	text-align: center;
}

.akks-app.is-stack .akks-actions {
	flex-wrap: wrap;
}

.akks-app.is-stack .akks-touch-draw {
	display: none !important;
}

/* Dark mode */
.bb-dark-theme .akks-app,
.dark-mode .akks-app,
body.buddypress.dark-mode .akks-app {
	border-color: rgba(244, 240, 236, 0.12);
	background:
		radial-gradient(circle at 50% 17%, rgba(180, 140, 71, 0.15), transparent 42%),
		linear-gradient(145deg, #0b2744, #071b2f);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24);
	color: #f4f0ec;
}

.bb-dark-theme .akks-instruction,
.dark-mode .akks-instruction,
body.buddypress.dark-mode .akks-instruction {
	color: rgba(244, 240, 236, 0.82);
}

.bb-dark-theme .akks-result-note,
.dark-mode .akks-result-note,
body.buddypress.dark-mode .akks-result-note {
	color: rgba(244, 240, 236, 0.70);
}

.bb-dark-theme .akks-loading,
.dark-mode .akks-loading,
body.buddypress.dark-mode .akks-loading {
	background: rgba(8, 32, 58, 0.50);
	color: #f4f0ec;
}

.bb-dark-theme .akks-status,
.dark-mode .akks-status,
body.buddypress.dark-mode .akks-status {
	color: rgba(244, 240, 236, 0.58);
}

.bb-dark-theme .akks-button-secondary,
.dark-mode .akks-button-secondary,
body.buddypress.dark-mode .akks-button-secondary {
	border-color: rgba(244, 240, 236, 0.24);
	background: rgba(244, 240, 236, 0.08);
	color: #f4f0ec;
}

.bb-dark-theme .akks-button-secondary:hover,
.bb-dark-theme .akks-button-secondary:focus-visible,
.dark-mode .akks-button-secondary:hover,
.dark-mode .akks-button-secondary:focus-visible,
body.buddypress.dark-mode .akks-button-secondary:hover,
body.buddypress.dark-mode .akks-button-secondary:focus-visible {
	border-color: rgba(244, 240, 236, 0.36);
	background: rgba(244, 240, 236, 0.14);
	color: #fff;
}

/* Breakpoints */
@media (max-width: 1000px) {
	.akks-app {
		min-height: 790px;
	}

	.akks-stage {
		height: 590px;
	}
}

@media (pointer: coarse) and (orientation: portrait) {
	.akks-app {
		min-height: 860px;
	}

	.akks-stage {
		height: 675px;
	}

	.akks-app.is-stack .akks-result-copy {
		top: 79%;
		width: calc(100% - 56px);
	}
}

@media (max-width: 760px) {
	.akks-app {
		min-height: 760px;
		border-radius: 12px;
	}

	.akks-header {
		padding: 28px 18px 0;
	}

	.akks-title {
		font-size: clamp(32px, 10vw, 46px);
	}

	.akks-instruction {
		font-size: 16px;
	}

	.akks-stage {
		height: 600px;
	}

	.akks-result-copy {
		left: 50%;
		top: 77%;
		width: calc(100% - 40px);
		text-align: center;
	}

	.akks-actions {
		bottom: 24px;
		flex-wrap: wrap;
	}

	.akks-status {
		display: none;
	}
}


/* =========================================================
   Version 0.3.2: eigenständiges kompaktes Stapel-Layout
   ========================================================= */

.akks-app.is-stack {
	min-height: 0;
	padding-bottom: 24px;
	overflow: hidden;
}

.akks-app.is-stack .akks-header {
	padding: 28px 22px 0;
}

.akks-app.is-stack .akks-title {
	max-width: 620px;
	margin-inline: auto;
	font-size: clamp(32px, 8vw, 44px);
	line-height: 1.02;
}

.akks-app.is-stack .akks-instruction {
	max-width: 600px;
	margin-top: 12px;
	font-size: clamp(15px, 4.2vw, 17px);
	line-height: 1.42;
}

.akks-app.is-stack .akks-stage {
	height: 600px;
	overflow: hidden;
}

.akks-app.is-stack .akks-result-copy {
	top: 70%;
	left: 50%;
	width: min(340px, calc(100% - 40px));
	transform: translate(-50%, -50%);
	text-align: center;
}

.akks-app.is-stack .akks-result-number {
	margin-bottom: 6px;
	font-size: 12px;
}

.akks-app.is-stack .akks-result-title {
	font-size: clamp(27px, 7vw, 36px);
	line-height: 1.06;
}

.akks-app.is-stack .akks-result-note {
	margin: 12px 0 14px;
	font-size: 14px;
	line-height: 1.42;
}

.akks-app.is-stack .akks-result-link {
	width: min(280px, 100%);
}

.akks-app.is-stack .akks-actions {
	position: relative;
	left: auto;
	bottom: auto;
	width: min(340px, calc(100% - 40px));
	margin: -18px auto 0;
	padding: 0;
	transform: none;
}

.akks-app.is-stack .akks-actions .akks-button {
	width: 100%;
	min-height: 48px;
}

.akks-app.is-stack .akks-status {
	position: relative;
	right: auto;
	bottom: auto;
	left: auto;
	margin: 12px 20px 0;
	text-align: center;
}

@media (max-width: 819px) {
	.akks-app.is-stack {
		border-radius: 12px;
	}

	.akks-app.is-stack .akks-header {
		padding: 24px 18px 0;
	}

	.akks-app.is-stack .akks-title {
		font-size: clamp(30px, 9vw, 39px);
	}

	.akks-app.is-stack .akks-stage {
		height: 590px;
	}

	.akks-app.is-stack .akks-result-copy {
		top: 69%;
	}

	.akks-app.is-stack .akks-actions {
		margin-top: -14px;
	}
}

@media (max-width: 430px) {
	.akks-app.is-stack .akks-title {
		font-size: clamp(29px, 8.8vw, 37px);
	}

	.akks-app.is-stack .akks-stage {
		height: 570px;
	}

	.akks-app.is-stack .akks-result-copy {
		top: 68%;
		width: calc(100% - 32px);
	}

	.akks-app.is-stack .akks-result-title {
		font-size: clamp(26px, 7.2vw, 32px);
	}

	.akks-app.is-stack .akks-result-note {
		font-size: 13.5px;
	}

	.akks-app.is-stack .akks-actions {
		width: calc(100% - 32px);
		margin-top: -10px;
	}
}


/* =========================================================
   Version 0.3.3: Feinschliff Text, Buttons und Endzustand
   ========================================================= */

.akks-result-link,
.akks-result-link:visited,
.akks-result-link:hover,
.akks-result-link:focus-visible {
	color: #ffffff !important;
}

.akks-result-link {
	border-color: #b48c47 !important;
	background: #b48c47 !important;
}

.akks-result-link:hover,
.akks-result-link:focus-visible {
	border-color: #a2804a !important;
	background: #a2804a !important;
}

.akks-app.is-stack .akks-stage {
	height: 620px;
}

.akks-app.is-stack .akks-result-copy {
	top: 78%;
	width: min(360px, calc(100% - 40px));
}

.akks-app.is-stack .akks-result-number {
	margin-bottom: 10px;
	font-size: 12px;
	letter-spacing: 0.12em;
}

.akks-app.is-stack .akks-result-title {
	margin-top: 0;
}

.akks-app.is-stack .akks-actions {
	margin-top: 8px;
	width: min(360px, calc(100% - 40px));
}

.akks-app.is-stack .akks-actions .akks-button-secondary {
	min-height: 44px;
}

@media (max-width: 819px) {
	.akks-app.is-stack .akks-stage {
		height: 610px;
	}

	.akks-app.is-stack .akks-result-copy {
		top: 77%;
	}
}

@media (max-width: 430px) {
	.akks-app.is-stack .akks-stage {
		height: 600px;
	}

	.akks-app.is-stack .akks-result-copy {
		top: 76.5%;
		width: calc(100% - 32px);
	}

	.akks-app.is-stack .akks-actions {
		width: calc(100% - 32px);
	}
}


/* =========================================================
   Version 0.4.0: LearnDash-Kurshülle nur für Kurs 5654
   ========================================================= */

/*
 * Linke Fokusmodus-Navigation nur im Kartenset-Kurs entfernen.
 */
body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-sidebar {
	display: none !important;
	width: 0 !important;
	visibility: hidden !important;
}

/*
 * Nach dem Entfernen der Seitenleiste den Hauptbereich vollständig öffnen.
 */
body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-main,
body.akks-course-shell .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
}

/*
 * Vor-/Zurücknavigation, Status und Abschlussbutton befinden sich
 * im Fokusmodus in den Inhaltsaktionen. Nur in Kurs 5654 ausblenden.
 */
body.akks-course-shell .learndash-wrapper .ld-content-actions {
	display: none !important;
}

/*
 * Zusätzliche Statusbereiche entfernen, falls LearnDash sie ausserhalb
 * der Inhaltsaktionen ausgibt.
 */
body.akks-course-shell .learndash-wrapper .ld-lesson-status,
body.akks-course-shell .learndash-wrapper .ld-topic-status {
	display: none !important;
}

/*
 * Fokusinhalt nur für diesen Kurs verbreitern.
 */
body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding:
		clamp(28px, 4vw, 58px)
		clamp(18px, 5vw, 76px)
		clamp(48px, 6vw, 90px) !important;
}

/*
 * Elementor- und Shortcode-Hüllen sollen die neue Breite vollständig nutzen.
 */
body.akks-course-shell .ld-focus-content > .elementor,
body.akks-course-shell .ld-focus-content .elementor-page,
body.akks-course-shell .ld-focus-content .e-con.e-parent,
body.akks-course-shell .ld-focus-content .elementor-widget-shortcode,
body.akks-course-shell .ld-focus-content .elementor-shortcode {
	width: 100% !important;
	max-width: none !important;
}

/*
 * Das Kartenset bleibt auf sehr grossen Bildschirmen bewusst lesbar
 * und wächst zugleich deutlich über die bisherige Fokusmodusbreite hinaus.
 */
body.akks-course-shell .akks-app {
	width: 100% !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
}

/*
 * LearnDash kann unter dem Inhalt Trennlinien zurücklassen.
 */
body.akks-course-shell .learndash-wrapper .ld-focus-content hr,
body.akks-course-shell .learndash-wrapper .ld-focus-content::after {
	display: none !important;
}

@media (max-width: 1024px) {
	body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
		padding:
			24px
			clamp(12px, 3vw, 28px)
			56px !important;
	}
}

@media (max-width: 767px) {
	body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
		padding: 16px 10px 42px !important;
	}

	body.akks-course-shell .akks-app {
		border-radius: 12px;
	}
}


/* =========================================================
   Version 0.4.1: robuste LearnDash-Erkennung und DOM-Fallback
   ========================================================= */

body.akks-course-shell .learndash-wrapper .ld-focus-sidebar,
body.postid-5656 .learndash-wrapper .ld-focus-sidebar,
body.postid-5666 .learndash-wrapper .ld-focus-sidebar,
body.akks-course-shell .learndash-wrapper .ld-focus-sidebar-trigger,
body.postid-5656 .learndash-wrapper .ld-focus-sidebar-trigger,
body.postid-5666 .learndash-wrapper .ld-focus-sidebar-trigger,
body.akks-course-shell .learndash-wrapper .ld-focus-sidebar-trigger-wrapper,
body.postid-5656 .learndash-wrapper .ld-focus-sidebar-trigger-wrapper,
body.postid-5666 .learndash-wrapper .ld-focus-sidebar-trigger-wrapper {
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
}

body.akks-course-shell .learndash-wrapper .ld-focus,
body.postid-5656 .learndash-wrapper .ld-focus,
body.postid-5666 .learndash-wrapper .ld-focus {
	padding-left: 0 !important;
}

body.akks-course-shell .learndash-wrapper .ld-focus-main,
body.postid-5656 .learndash-wrapper .ld-focus-main,
body.postid-5666 .learndash-wrapper .ld-focus-main,
body.akks-course-shell .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main,
body.postid-5656 .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main,
body.postid-5666 .learndash-wrapper .ld-focus.ld-focus-sidebar-collapsed .ld-focus-main {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
}

body.akks-course-shell .learndash-wrapper .ld-content-actions,
body.postid-5656 .learndash-wrapper .ld-content-actions,
body.postid-5666 .learndash-wrapper .ld-content-actions,
body.akks-course-shell .learndash-wrapper .ld-lesson-status,
body.postid-5656 .learndash-wrapper .ld-lesson-status,
body.postid-5666 .learndash-wrapper .ld-lesson-status,
body.akks-course-shell .learndash-wrapper .ld-topic-status,
body.postid-5656 .learndash-wrapper .ld-topic-status,
body.postid-5666 .learndash-wrapper .ld-topic-status,
body.akks-course-shell .learndash-wrapper .ld-course-status,
body.postid-5656 .learndash-wrapper .ld-course-status,
body.postid-5666 .learndash-wrapper .ld-course-status,
body.akks-course-shell .learndash-wrapper .ld-progress,
body.postid-5656 .learndash-wrapper .ld-progress,
body.postid-5666 .learndash-wrapper .ld-progress {
	display: none !important;
	visibility: hidden !important;
}

body.postid-5656 .learndash-wrapper .ld-lesson-topic-list,
body.akks-content-id-5656 .learndash-wrapper .ld-lesson-topic-list,
body.akks-kartenset-start .learndash-wrapper .ld-lesson-topic-list,
body.postid-5656 .learndash-wrapper .ld-item-list.ld-lesson-topic-list,
body.akks-content-id-5656 .learndash-wrapper .ld-item-list.ld-lesson-topic-list,
body.akks-kartenset-start .learndash-wrapper .ld-item-list.ld-lesson-topic-list,
body.postid-5656 .learndash-wrapper .ld-table-list,
body.akks-content-id-5656 .learndash-wrapper .ld-table-list,
body.akks-kartenset-start .learndash-wrapper .ld-table-list {
	display: none !important;
	visibility: hidden !important;
}

body.akks-course-shell .learndash-wrapper .ld-focus-content,
body.postid-5656 .learndash-wrapper .ld-focus-content,
body.postid-5666 .learndash-wrapper .ld-focus-content,
body.akks-course-shell .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content,
body.postid-5656 .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content,
body.postid-5666 .learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding:
		clamp(26px, 3.5vw, 52px)
		clamp(18px, 5vw, 72px)
		clamp(44px, 6vw, 84px) !important;
}

body.akks-course-shell .ld-focus-content > .elementor,
body.postid-5656 .ld-focus-content > .elementor,
body.postid-5666 .ld-focus-content > .elementor,
body.akks-course-shell .ld-focus-content .elementor-page,
body.postid-5656 .ld-focus-content .elementor-page,
body.postid-5666 .ld-focus-content .elementor-page,
body.akks-course-shell .ld-focus-content .e-con.e-parent,
body.postid-5656 .ld-focus-content .e-con.e-parent,
body.postid-5666 .ld-focus-content .e-con.e-parent,
body.akks-course-shell .ld-focus-content .elementor-widget-shortcode,
body.postid-5656 .ld-focus-content .elementor-widget-shortcode,
body.postid-5666 .ld-focus-content .elementor-widget-shortcode,
body.akks-course-shell .ld-focus-content .elementor-shortcode,
body.postid-5656 .ld-focus-content .elementor-shortcode,
body.postid-5666 .ld-focus-content .elementor-shortcode {
	width: 100% !important;
	max-width: none !important;
}

body.akks-course-shell .akks-app,
body.postid-5656 .akks-app {
	width: 100% !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
}

@media (max-width: 1024px) {
	body.akks-course-shell .learndash-wrapper .ld-focus-content,
	body.postid-5656 .learndash-wrapper .ld-focus-content,
	body.postid-5666 .learndash-wrapper .ld-focus-content {
		padding: 22px 18px 54px !important;
	}
}

@media (max-width: 767px) {
	body.akks-course-shell .learndash-wrapper .ld-focus-content,
	body.postid-5656 .learndash-wrapper .ld-focus-content,
	body.postid-5666 .learndash-wrapper .ld-focus-content {
		padding: 14px 8px 38px !important;
	}
}


/* =========================================================
   Version 0.4.2: exakte BuddyBoss-LearnDash-Struktur
   ========================================================= */

/*
 * Die konkrete Installation verwendet nicht die Standard-Fokusmodus-
 * Seitenleiste, sondern die BuddyBoss-Klasse lms-topic-sidebar-wrapper.
 */
body.akks-course-shell #learndash-content > .bb-grid.grid {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body.akks-course-shell .lms-topic-sidebar-wrapper,
body.akks-course-shell .lms-topic-sidebar-data {
	display: none !important;
	width: 0 !important;
	min-width: 0 !important;
	max-width: 0 !important;
	height: 0 !important;
	visibility: hidden !important;
	overflow: hidden !important;
}

/*
 * Nach dem Entfernen der BuddyBoss-Seitenleiste muss der eigentliche
 * LearnDash-Seiteninhalt den gesamten verfügbaren Platz einnehmen.
 */
body.akks-course-shell #learndash-page-content {
	display: block !important;
	flex: 0 0 100% !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/*
 * BuddyBoss begrenzt die innere Inhaltsbreite zusätzlich.
 */
body.akks-course-shell #learndash-page-content > .learndash-content-body,
body.akks-course-shell .learndash-content-body {
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding:
		clamp(26px, 3.5vw, 52px)
		clamp(18px, 5vw, 72px)
		clamp(44px, 6vw, 84px) !important;
}

/*
 * Der gesamte obere BuddyBoss-LearnDash-Block enthält Status,
 * Vor-/Zurück-Pfeile sowie leere Titel- und Instruktorbereiche.
 * Die Elementor-Inhalte besitzen ihre eigenen Titel.
 */
body.akks-course-shell #learndash-course-header,
body.akks-course-shell .bb-lms-header,
body.akks-course-shell .bb-ld-info-bar,
body.akks-course-shell .bb-position,
body.akks-course-shell .sfwd-course-nav,
body.akks-course-shell .bb-ld-status,
body.akks-course-shell .learndash_next_prev_link,
body.akks-course-shell .lms-header-title,
body.akks-course-shell .lms-header-instructor {
	display: none !important;
	visibility: hidden !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/*
 * Elementor und das Kartenset auf die nun tatsächlich verfügbare Breite
 * öffnen. Die Anwendung bleibt auf grossen Bildschirmen lesbar begrenzt.
 */
body.akks-course-shell #learndash-page-content .elementor,
body.akks-course-shell #learndash-page-content .elementor-page,
body.akks-course-shell #learndash-page-content .elementor-section-wrap,
body.akks-course-shell #learndash-page-content .e-con.e-parent,
body.akks-course-shell #learndash-page-content .elementor-widget-shortcode,
body.akks-course-shell #learndash-page-content .elementor-shortcode {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.akks-course-shell #learndash-page-content .akks-app {
	width: 100% !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
}

@media (max-width: 1024px) {
	body.akks-course-shell #learndash-page-content > .learndash-content-body,
	body.akks-course-shell .learndash-content-body {
		padding: 22px 18px 54px !important;
	}
}

@media (max-width: 767px) {
	body.akks-course-shell #learndash-page-content > .learndash-content-body,
	body.akks-course-shell .learndash-content-body {
		padding: 14px 8px 38px !important;
	}
}


/* =========================================================
   Version 0.4.3: Kartenset aus Elementors 960px-Grenze lösen
   Nur Startlektion 5656
   ========================================================= */

/*
 * Elementor setzt am übergeordneten Container weiterhin eine
 * Inhaltsbreite von 960px. Die Variablen werden nur in der
 * Kartenset-Startlektion überschrieben.
 */
body.akks-kartenset-start #learndash-page-content [data-elementor-type="wp-post"],
body.postid-5656 #learndash-page-content [data-elementor-type="wp-post"] {
	--content-width: 1240px !important;
	--container-max-width: 1240px !important;
	width: 100% !important;
	max-width: none !important;
}

body.akks-kartenset-start #learndash-page-content .e-con.e-parent,
body.postid-5656 #learndash-page-content .e-con.e-parent,
body.akks-kartenset-start #learndash-page-content .e-con-boxed,
body.postid-5656 #learndash-page-content .e-con-boxed {
	--content-width: 1240px !important;
	--container-max-width: 1240px !important;
	width: 100% !important;
	max-width: none !important;
}

body.akks-kartenset-start #learndash-page-content .e-con-boxed > .e-con-inner,
body.postid-5656 #learndash-page-content .e-con-boxed > .e-con-inner,
body.akks-kartenset-start #learndash-page-content .e-con > .e-con-inner,
body.postid-5656 #learndash-page-content .e-con > .e-con-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin-inline: auto !important;
}

/*
 * Robuster Ausbruch aus einer weiterhin vorhandenen 960px-Hülle.
 * Das Kartenset bleibt am Viewport zentriert und erhält auf Desktop
 * höchstens 1240px Breite.
 */
body.akks-kartenset-start #learndash-page-content .akks-app,
body.postid-5656 #learndash-page-content .akks-app {
	position: relative !important;
	left: 50% !important;
	width: min(1240px, calc(100vw - 80px)) !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
}

@media (max-width: 1024px) {
	body.akks-kartenset-start #learndash-page-content .akks-app,
	body.postid-5656 #learndash-page-content .akks-app {
		width: calc(100vw - 36px) !important;
	}
}

@media (max-width: 767px) {
	body.akks-kartenset-start #learndash-page-content .akks-app,
	body.postid-5656 #learndash-page-content .akks-app {
		left: 50% !important;
		width: calc(100vw - 16px) !important;
		transform: translateX(-50%) !important;
	}
}