/* ===== WPCode migration: 01-lp-preisbox.css ===== */
/* =========================================================
   ANGELKURS ONLINE – PREISBOXEN
   Klassen:
   ak-pricing-grid
   ak-pricing-column
   ak-price-plan
   ak-price-plan-featured
   ========================================================= */


/* =========================================================
   VARIABLEN
   ========================================================= */

.ak-pricing-grid {
	--ak-price-dark: #173f35;
	--ak-price-dark-deep: #10362e;
	--ak-price-green: #24685b;
	--ak-price-orange: #f98b24;
	--ak-price-sand: #f6f1e8;
	--ak-price-white: #ffffff;
	--ak-price-border: rgba(23, 63, 53, 0.10);
	--ak-price-shadow: 0 18px 42px rgba(23, 63, 53, 0.08);
	--ak-price-shadow-featured: 0 20px 44px rgba(16, 54, 46, 0.18);
}


/* =========================================================
   BUILDER-HÜLLEN BEREINIGEN
   ========================================================= */

.ak-pricing-grid .ak-pricing-column,
.ak-pricing-grid .ak-pricing-column > .bt_bb_column_content,
.ak-pricing-grid .ak-pricing-column > .bt_bb_column_content > .bt_bb_column_content_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_row_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_row_inner_holder,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner_content,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner_content_inner {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* =========================================================
   GRID / HÖHEN
   ========================================================= */

.ak-pricing-grid > .bt_bb_row_holder {
	align-items: stretch !important;
}

.ak-pricing-grid .ak-pricing-column,
.ak-pricing-grid .ak-pricing-column > .bt_bb_column_content,
.ak-pricing-grid .ak-pricing-column > .bt_bb_column_content > .bt_bb_column_content_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_row_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_row_inner_holder,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner_content,
.ak-pricing-grid .ak-pricing-column .bt_bb_column_inner_content_inner {
	height: 100% !important;
}


/* =========================================================
   PREISKARTE BASIS
   ========================================================= */

.ak-pricing-grid .ak-price-plan {
	position: relative;

	box-sizing: border-box !important;

	width: 100%;
	height: 100%;

	padding: 0 !important;
	overflow: hidden !important;

	border: 1px solid var(--ak-price-border) !important;
	border-radius: 34px !important;

	box-shadow: var(--ak-price-shadow) !important;

	transform: none !important;
}


/* Normale Karten */

.ak-pricing-grid .ak-price-plan:not(.ak-price-plan-featured) {
	background: var(--ak-price-sand) !important;
	background-color: var(--ak-price-sand) !important;
	background-image: none !important;
}


/* Empfohlen-Karte */

.ak-pricing-grid .ak-price-plan.ak-price-plan-featured {
	border-color: rgba(255, 255, 255, 0.06) !important;

	background:
		radial-gradient(
			circle at 100% 0%,
			rgba(90, 160, 144, 0.22) 0%,
			rgba(90, 160, 144, 0.12) 26%,
			transparent 46%
		),
		linear-gradient(
			145deg,
			#205a4c 0%,
			#173f35 52%,
			#10362e 100%
		) !important;

	background-color: #173f35 !important;
	box-shadow: var(--ak-price-shadow-featured) !important;
}


/* =========================================================
   DEKORATIVE FORM OBEN RECHTS
   ========================================================= */

.ak-pricing-grid .ak-price-plan::before {
	content: "";

	position: absolute;
	top: -70px;
	right: -70px;

	width: 180px;
	height: 180px;

	border-radius: 50%;

	background: rgba(249, 139, 36, 0.055);

	pointer-events: none;
}

.ak-pricing-grid .ak-price-plan.ak-price-plan-featured::before {
	background: rgba(255, 255, 255, 0.055);
}


/* =========================================================
   INNENWRAPPER
   ========================================================= */

.ak-pricing-grid .ak-price-plan > .bt_bb_price_list_price_inner {
	position: relative;
	z-index: 1;

	box-sizing: border-box !important;

	display: flex !important;
	flex-direction: column !important;

	width: 100% !important;
	height: 100% !important;
	min-height: 610px !important;

	margin: 0 !important;
	padding: 38px 34px 34px !important;

	border: 0 !important;
	border-radius: inherit !important;

	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	box-shadow: none !important;
	filter: none !important;
}


/* =========================================================
   THEME-INNENFLÄCHEN ENTFERNEN
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_supertitle,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_title,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_subtitle,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_price,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_price_text,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_content_inner,
.ak-pricing-grid .ak-price-plan ul,
.ak-pricing-grid .ak-price-plan li,
.ak-pricing-grid .ak-price-plan p {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;

	box-shadow: none !important;
}


/* =========================================================
   SUPERHEADLINES
   links/rechts = Accent ohne Rahmen
   mitte = ebenfalls ohne Rahmen
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_supertitle {
	display: inline-flex !important;
	align-items: center;
	align-self: flex-start;

	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: auto !important;

	margin: 0 0 24px !important;
	padding: 10px 18px !important;

	border: 0 !important;
	border-radius: 999px !important;

	background: rgba(249, 139, 36, 0.12) !important;
	box-shadow: none !important;
}

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_supertitle,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_supertitle * {
	color: var(--ak-price-orange) !important;
	line-height: 1.15 !important;
	white-space: nowrap;
}


/* Mittlere / Featured Karte */

.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_supertitle {
	background: rgba(249, 139, 36, 0.15) !important;
	border: 0 !important;
	box-shadow: none !important;
}

.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_supertitle,
.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_supertitle * {
	color: var(--ak-price-orange) !important;
}


/* =========================================================
   TITEL
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_title {
	flex: 0 0 auto;

	min-height: 42px;
	margin: 0 0 24px !important;
}


/* =========================================================
   SUBTITLE / INFO UNTER TITEL
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_subtitle {
	position: relative;

	flex: 0 0 auto;

	min-height: 92px;

	margin: 0 0 32px !important;
	padding: 0 0 0 38px !important;

	line-height: 1.45 !important;
}


/* Check-Icon sauber ausgerichtet */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_subtitle::before {
	content: "✓";

	position: absolute;
	top: 2px;
	left: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 22px;
	height: 22px;

	border-radius: 50%;

	background: var(--ak-price-orange);

	font-size: 13px;
	font-weight: 700;
	line-height: 1;

	color: #ffffff;
}


/* =========================================================
   PREIS
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_price {
	flex: 0 0 auto;

	min-height: 62px;
	margin: 0 0 4px !important;
}

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_price_text {
	flex: 0 0 auto;

	min-height: 20px;
	margin: 0 0 30px !important;

	opacity: 0.7;
}


/* =========================================================
   BUTTONBEREICH
   ========================================================= */

.ak-pricing-grid .ak-price-plan .bt_bb_price_list_content_inner {
	flex: 0 0 auto;

	width: 100%;
	margin: 0 0 24px !important;
	padding: 0 !important;

	border: 0 !important;
	box-shadow: none !important;
}


/* =========================================================
   DOPPELTE LINIEN ENTFERNEN
   ========================================================= */

.ak-pricing-grid .ak-price-plan hr,
.ak-pricing-grid .ak-price-plan .bt_bb_separator,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_content_inner::before,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_content_inner::after,
.ak-pricing-grid .ak-price-plan .bt_bb_price_list_price_inner::after {
	display: none !important;
	content: none !important;
}


/* =========================================================
   LISTE / NUR EINE TRENNLINIE
   ========================================================= */

.ak-pricing-grid .ak-price-plan ul {
	flex: 0 0 auto;

	width: 100%;

	margin: auto 0 0 !important;
	padding-top: 24px !important;

	border-top: 1px solid rgba(23, 63, 53, 0.16) !important;
}

.ak-pricing-grid .ak-price-plan-featured ul {
	border-top-color: rgba(255, 255, 255, 0.16) !important;
}


/* =========================================================
   LISTENEINTRÄGE
   ========================================================= */

.ak-pricing-grid .ak-price-plan ul li {
	position: relative;

	margin: 0 0 11px !important;
}

.ak-pricing-grid .ak-price-plan ul li:last-child {
	margin-bottom: 0 !important;
}

.ak-pricing-grid .ak-price-plan ul li::marker {
	color: var(--ak-price-orange);
}


/* =========================================================
   FARBEN FEATURED
   ========================================================= */

.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_title,
.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_price,
.ak-pricing-grid .ak-price-plan-featured ul,
.ak-pricing-grid .ak-price-plan-featured ul li {
	color: #ffffff !important;
}

.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_subtitle,
.ak-pricing-grid .ak-price-plan-featured .bt_bb_price_list_price_text {
	color: rgba(255, 255, 255, 0.78) !important;
}


/* =========================================================
   HOVER – DEZENT
   ========================================================= */

.ak-pricing-grid .ak-pricing-column:hover .ak-price-plan {
	transform: translateY(-4px) !important;
	box-shadow: 0 24px 50px rgba(23, 63, 53, 0.11) !important;
}

.ak-pricing-grid .ak-pricing-column:hover .ak-price-plan.ak-price-plan-featured {
	transform: translateY(-4px) !important;
	box-shadow: 0 26px 56px rgba(16, 54, 46, 0.21) !important;
}


/* =========================================================
   MOBILE / TABLET
   ========================================================= */

@media screen and (max-width: 1000px) {

	.ak-pricing-grid .ak-price-plan > .bt_bb_price_list_price_inner {
		min-height: auto !important;
	}

}

@media screen and (max-width: 600px) {

	.ak-pricing-grid .ak-price-plan {
		border-radius: 28px !important;
	}

	.ak-pricing-grid .ak-price-plan > .bt_bb_price_list_price_inner {
		padding: 30px 24px 28px !important;
	}

	.ak-pricing-grid .ak-price-plan .bt_bb_price_list_supertitle {
		margin-bottom: 20px !important;
		padding: 9px 15px !important;
	}

	.ak-pricing-grid .ak-price-plan .bt_bb_price_list_title,
	.ak-pricing-grid .ak-price-plan .bt_bb_price_list_subtitle {
		min-height: auto !important;
	}

	.ak-pricing-grid .ak-price-plan .bt_bb_price_list_subtitle {
		margin-bottom: 26px !important;
		padding-left: 34px !important;
	}

}

/* ===== WPCode migration: 02-lp-lernbereich-teaser.css ===== */
/* =========================================================
   SCREEN-ÜBERSCHRIFT MIT FORTSCHRITTSBALKEN
   Klasse direkt an der Bold-Headline:
   ak-feature-screen-head
   ========================================================= */

.ak-feature-screen-head {
	position: relative;

	display: block;

	width: 100%;

	margin: 0 0 31px !important;
	padding: 0 0 25px !important;

	color: #ffffff !important;
}


/* Kleine Superheadline */

.ak-feature-screen-head .bt_bb_headline_superheadline {
	display: block;

	margin: 0 0 8px !important;

	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;

	color: #f98b24 !important;
}


/* Hauptüberschrift */

.ak-feature-screen-head .bt_bb_headline_tag {
	display: block;

	margin: 0 !important;
	padding: 0 !important;

	font-size: clamp(29px, 2.1vw, 42px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -0.025em;

	color: #ffffff !important;
}


/* Fragen- oder Lektionszähler oben rechts */

.ak-feature-screen-head .bt_bb_headline_subheadline {
	position: absolute;
	top: 35px;
	right: 0;

	margin: 0 !important;
	padding: 0 !important;

	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;

	color: #ffffff !important;
	opacity: 1 !important;
}


/* Hintergrund des Fortschrittsbalkens */

.ak-feature-screen-head::before {
	content: "";

	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	display: block;

	width: 100%;
	height: 10px;

	border-radius: 999px;

	background: rgba(183, 217, 207, 0.30);

	pointer-events: none;
}


/* Fortschrittswert */

.ak-feature-screen-head::after {
	content: "";

	position: absolute;
	bottom: 0;
	left: 0;

	display: block;

	width: 28%;
	height: 10px;

	border-radius: 999px;

	background: linear-gradient(
		90deg,
		#ffa13e 0%,
		#f98b24 100%
	);

	box-shadow:
		0 4px 13px rgba(249, 139, 36, 0.25);

	pointer-events: none;
}


/* =========================================================
   GERÄTEKUNDE: 5 VON 18 LEKTIONEN
   5 / 18 = rund 28 %
   ========================================================= */

#geraetekunde .ak-feature-screen-head::after {
	width: 28%;
}


/* =========================================================
   PRÜFUNGSFRAGEN: 12 VON 25 FRAGEN
   12 / 25 = 48 %
   ========================================================= */

#pruefungsfragen .ak-feature-screen-head::after {
	width: 48%;
}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 600px) {

	.ak-feature-screen-head {
		margin-bottom: 24px !important;
		padding-bottom: 22px !important;
	}

	.ak-feature-screen-head .bt_bb_headline_superheadline {
		font-size: 14px;
	}

	.ak-feature-screen-head .bt_bb_headline_tag {
		font-size: 27px;
	}

	.ak-feature-screen-head .bt_bb_headline_subheadline {
		position: static;

		margin-top: 8px !important;

		font-size: 14px;
	}

	.ak-feature-screen-head::before,
	.ak-feature-screen-head::after {
		height: 8px;
	}

}

/* ===== WPCode migration: 03-lp-home-header-background.css ===== */
.ak-dashboard-background {
	position: relative;

	overflow: hidden;

	background:
		linear-gradient(
			135deg,
			#0f352e 0%,
			#173f35 45%,
			#294d39 100%
		);
}

.ak-dashboard-background::before {
	content: "";

	position: absolute;
	left: -10%;
	right: -10%;
	bottom: -170px;

	height: 380px;

	background: #235548;

	border-radius: 50% 50% 0 0 / 30% 30% 0 0;

	transform: rotate(4deg);

	opacity: 0.82;

	pointer-events: none;
}

.ak-dashboard-background::after {
	content: "";

	position: absolute;
	left: -20%;
	right: -15%;
	bottom: -265px;

	height: 420px;

	background: #31685a;

	border-radius: 50% 50% 0 0 / 35% 35% 0 0;

	transform: rotate(-5deg);

	opacity: 0.62;

	pointer-events: none;
}

.ak-dashboard-background > * {
	position: relative;
	z-index: 1;
}

/* ===== WPCode migration: 04-lp-mobile-screen-start.css ===== */
/* =========================================================
   ANGELKURS ONLINE – LERNFORTSCHRITT
   OHNE ÄUSSEREN HINTERGRUND
   ========================================================= */

.ak-dashboard-section {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	padding: 70px 30px;

	background: transparent;
}


/* =========================================================
   SMARTPHONE
   ========================================================= */

.ak-dashboard-phone {
	position: relative;

	width: 100%;
	max-width: 390px;

	overflow: hidden;

	border: 13px solid rgba(115, 128, 101, 0.82);
	border-radius: 45px;

	background: #f3f0e8;

	box-shadow:
		0 24px 65px rgba(0, 0, 0, 0.18),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15);
}


/* =========================================================
   OBERER BEREICH
   ========================================================= */

.ak-dashboard-header {
	padding: 34px 25px 22px;

	background:
		linear-gradient(
			135deg,
			#1c5a4f 0%,
			#2c7568 100%
		);

	color: #ffffff;
}

.ak-dashboard-welcome {
	margin-bottom: 16px;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;

	color: rgba(255, 255, 255, 0.72);
}

.ak-dashboard-header h2 {
	margin: 0 0 22px;
	padding: 0;

	font-size: 27px;
	font-weight: 700;
	line-height: 1.2;

	color: #ffffff;
}


/* =========================================================
   FORTSCHRITTSBOX
   ========================================================= */

.ak-progress-box {
	padding: 17px 16px;

	border-radius: 18px;

	background: rgba(108, 169, 158, 0.42);
}

.ak-progress-label {
	margin-bottom: 11px;

	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;

	color: #ffffff;
}

.ak-progress-track {
	position: relative;

	width: 100%;
	height: 10px;

	overflow: hidden;

	border-radius: 20px;

	background: rgba(171, 213, 205, 0.58);
}

.ak-progress-value {
	position: absolute;
	top: 0;
	left: 0;

	height: 100%;

	border-radius: 20px;

	background: #ff8a1f;

	box-shadow: 0 0 12px rgba(255, 138, 31, 0.25);
}


/* =========================================================
   INHALTSBEREICH
   ========================================================= */

.ak-dashboard-content {
	display: flex;
	flex-direction: column;
	gap: 12px;

	padding: 20px;

	background:
		linear-gradient(
			180deg,
			#f7f4ed 0%,
			#efede5 100%
		);
}


/* =========================================================
   LERNKARTEN
   ========================================================= */

.ak-dashboard-card {
	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: center;

	min-height: 100px;
	padding: 17px 18px;

	border-radius: 20px;

	background: #ffffff;

	box-shadow:
		0 8px 20px rgba(16, 61, 52, 0.035);

	text-decoration: none;

	transform: translateY(0);

	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease;
}

.ak-dashboard-card:hover {
	background: #fffaf5;

	box-shadow:
		0 12px 28px rgba(16, 61, 52, 0.11);

	transform: translateY(-3px);
}

.ak-dashboard-card-title {
	display: block;

	margin-bottom: 7px;

	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;

	color: #173f36;
}

.ak-dashboard-card-text {
	display: block;

	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;

	color: #74807c;
}

.ak-dashboard-card:focus-visible {
	outline: 3px solid #ff8a1f;
	outline-offset: 3px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 768px) {

	.ak-dashboard-section {
		padding: 55px 20px;
	}

	.ak-dashboard-phone {
		max-width: 390px;

		border-width: 11px;
		border-radius: 40px;
	}

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 480px) {

	.ak-dashboard-section {
		padding: 35px 14px;
	}

	.ak-dashboard-phone {
		max-width: 100%;

		border-width: 9px;
		border-radius: 34px;
	}

	.ak-dashboard-header {
		padding: 28px 20px 20px;
	}

	.ak-dashboard-header h2 {
		font-size: 24px;
	}

	.ak-dashboard-content {
		padding: 17px;
		gap: 11px;
	}

	.ak-dashboard-card {
		min-height: 96px;
		padding: 16px;

		border-radius: 18px;
	}

	.ak-dashboard-card-title {
		font-size: 16px;
	}

	.ak-dashboard-card-text {
		font-size: 13px;
	}

}

.ak-dashboard-phone {
	position: relative;

	width: 100%;
	max-width: 390px;

	overflow: hidden;

	border: 13px solid rgba(115, 128, 101, 0.82);
	border-radius: 45px;

	background: #f3f0e8;

	box-shadow:
		0 24px 65px rgba(0, 0, 0, 0.18),
		inset 0 0 0 1px rgba(255, 255, 255, 0.15);

	transform: rotate(-4deg);
	transform-origin: center center;
}

/* ===== WPCode migration: 05-quiz-demo.css ===== */
/* =========================================================
   Quiz Demo: Bildunterschrift + Antworten
   Klassen in Bold:
   Bild-Element: fish-size
   Text-Element: quiz-answer
========================================================= */

/* Bild zentrieren und sauber skalieren */
.fish-size {
  text-align: center !important;
}

.fish-size figure {
  margin: 0 !important;
  text-align: center !important;
}

.fish-size img {
  display: block !important;
  width: auto !important;
  max-width: 430px !important;
  height: auto !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* Das eigentliche figcaption */
.fish-size figcaption {
  display: block !important;
  margin: 18px 0 34px !important;
  padding: 0 !important;

  color: #174d3f !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  text-align: center !important;

  background: transparent !important;
  border: 0 !important;
}

/* Bold Overlay beim Bild ausblenden */
.fish-size .bt_bb_image_content,
.fish-size .bt_bb_image_content_flex,
.fish-size .bt_bb_image_content_inner {
  display: none !important;
}

/* Antwort-Textfeld */
.quiz-answer {
  width: 100% !important;
  margin: 0 !important;
}

/* Der eigentliche Text im Bold-Textfeld */
.quiz-answer p {
  margin: 0 !important;
  padding: 0 !important;

  color: #073f35 !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
  text-align: left !important;
}

/* Mobile */
@media (max-width: 768px) {
  .fish-size img {
    max-width: 280px !important;
  }

  .fish-size figcaption {
    margin: 14px 0 24px !important;
    font-size: 15px !important;
  }

  .quiz-answer p {
    font-size: 16px !important;
    text-align: center !important;
  }
}

/* Antwort-Buttons im Quiz-Kasten */
.quiz-answer {
  width: 100% !important;
  max-width: 560px !important;
  margin: 18px auto 0 !important;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

/* Einzelne Antwort */
.quiz-answer span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 48px !important;
  padding: 10px 18px !important;

  background: #e1eeea !important;
  border-radius: 14px !important;

  color: #073f35 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  text-align: center !important;
}

/* Falls Bold automatisch ein p drumherum setzt */
.quiz-answer p {
  margin: 0 !important;
}

/* Mobile */
@media (max-width: 600px) {
  .quiz-answer {
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
  }

  .quiz-answer span {
    min-height: 44px !important;
  }
}

/* ===== WPCode migration: 06-boxen-gleich-hoch-ako-feature-box-row.css ===== */
/* =========================================================
   ANGELKURS ONLINE – LERNBEREICH-KARTEN

   Klasse auf der äußeren Karten-Row:
   ako-feature-box-row

   Schriftarten, Größen und Farben werden weiterhin
   ausschließlich über Bold gesteuert.
   ========================================================= */

.ako-feature-box-row {
	--ako-card-gap: 28px;
	--ako-card-radius: 30px;
	--ako-card-min-height: 440px;
	--ako-card-border: rgba(23, 63, 53, 0.07);
	--ako-card-shadow:
		0 18px 45px rgba(23, 63, 53, 0.065);
	--ako-card-shadow-hover:
		0 26px 58px rgba(23, 63, 53, 0.11);

	position: relative;

	width: 100%;
}


/* =========================================================
   KARTENRASTER
   ========================================================= */

.ako-feature-box-row > .bt_bb_row_holder {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	align-items: stretch !important;

	gap: var(--ako-card-gap) !important;

	width: 100%;
	margin: 0 !important;
}


/* =========================================================
   ÄUSSERE SPALTEN
   ========================================================= */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column {
	display: flex !important;
	float: none !important;
	align-self: stretch !important;

	width: 100% !important;
	max-width: none !important;
	height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   SPALTEN-WRAPPER AUF VOLLE HÖHE
   ========================================================= */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content {
	display: flex !important;

	width: 100% !important;
	height: 100% !important;
}


.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner {
	display: flex !important;
	flex-direction: column;

	width: 100% !important;
	height: 100% !important;
}


/* Äußere Separatoren neben den Karten entfernen */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner
> .bt_bb_separator_v2 {
	display: none !important;
}


/* =========================================================
   EIGENTLICHE WEISSE KARTE
   ========================================================= */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner
> .bt_bb_row_inner {
	position: relative;

	display: flex !important;
	flex: 1 1 auto !important;

	width: 100% !important;
	height: 100% !important;
	min-height: var(--ako-card-min-height) !important;

	margin: 0 !important;

	overflow: hidden;

	border: 1px solid var(--ako-card-border);
	border-radius: var(--ako-card-radius) !important;

	background: #ffffff !important;

	box-shadow: var(--ako-card-shadow);

	transform: translateY(0);

	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}


/* Dezente Fläche oben rechts */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner
> .bt_bb_row_inner::before {
	content: "";

	position: absolute;
	top: -90px;
	right: -90px;

	width: 190px;
	height: 190px;

	border-radius: 50%;

	background: rgba(249, 139, 36, 0.035);

	pointer-events: none;
}


/* Hover */

.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column:hover
> .bt_bb_column_content
> .bt_bb_column_content_inner
> .bt_bb_row_inner {
	border-color: rgba(23, 63, 53, 0.13);

	box-shadow: var(--ako-card-shadow-hover);

	transform: translateY(-5px);
}


/* =========================================================
   INNERE BUILDER-STRUKTUR AUF VOLLE HÖHE
   ========================================================= */

.ako-feature-box-row .bt_bb_row_inner_holder {
	display: flex !important;

	width: 100% !important;
	height: 100% !important;
}


.ako-feature-box-row .bt_bb_column_inner {
	display: flex !important;

	width: 100% !important;
	height: 100% !important;

	padding: 0 !important;

	background: transparent !important;
}


.ako-feature-box-row .bt_bb_column_inner_content {
	display: flex !important;

	width: 100% !important;
	height: 100% !important;
}


.ako-feature-box-row .bt_bb_column_inner_content_inner {
	position: relative;
	z-index: 1;

	display: flex !important;
	flex-direction: column;

	width: 100% !important;
	height: 100% !important;

	padding: 32px !important;
}


/* =========================================================
   SEPARATOREN INNERHALB DER KARTEN ENTFERNEN
   ========================================================= */

.ako-feature-box-row
.bt_bb_column_inner_content_inner
> .bt_bb_separator_v2 {
	display: none !important;
}


/* =========================================================
   ICONS
   ========================================================= */

.ako-feature-box-row .ako-feature-icon-img {
	flex: 0 0 auto;

	margin: 0 0 34px !important;

	transform: translateY(0);

	transition:
		transform 0.28s ease,
		background-color 0.28s ease;
}


.ako-feature-box-row
> .bt_bb_row_holder
> .bt_bb_column:hover
.ako-feature-icon-img {
	transform: translateY(-3px);
}


/* Bild- und Font-Awesome-Icons gleich ausrichten */

.ako-feature-box-row .ako-feature-icon-img.bt_bb_icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}


.ako-feature-box-row
.ako-feature-icon-img.bt_bb_icon
.bt_bb_icon_holder {
	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 100% !important;
	height: 100% !important;

	margin: 0 !important;
	padding: 0 !important;

	background: transparent !important;

	font-size: 42px;
	line-height: 1;

	color: #173f35 !important;
}


/* =========================================================
   KARTENÜBERSCHRIFT
   Nur Abstände – Font bleibt in Bold
   ========================================================= */

.ako-feature-box-row
.bt_bb_column_inner_content_inner
> .bt_bb_headline {
	flex: 0 0 auto;

	width: 100%;

	margin: 0 0 17px !important;
}


.ako-feature-box-row
.bt_bb_column_inner_content_inner
> .bt_bb_headline
.bt_bb_headline_tag {
	margin: 0 !important;
	padding: 0 !important;
}


/* =========================================================
   BESCHREIBUNG
   ========================================================= */

.ako-feature-box-row
.bt_bb_column_inner_content_inner
> .bt_bb_text {
	flex: 1 1 auto;

	width: 100%;

	margin: 0 !important;
}


.ako-feature-box-row
.bt_bb_column_inner_content_inner
> .bt_bb_text
p {
	margin: 0 !important;

	line-height: 1.55;
}


/* =========================================================
   TABLET – 2 KARTEN PRO ZEILE
   ========================================================= */

@media screen and (max-width: 1100px) {

	.ako-feature-box-row {
		--ako-card-gap: 24px;
		--ako-card-min-height: 390px;
	}


	.ako-feature-box-row > .bt_bb_row_holder {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}


/* =========================================================
   SMARTPHONE – EINE KARTE PRO ZEILE
   ========================================================= */

@media screen and (max-width: 650px) {

	.ako-feature-box-row {
		--ako-card-gap: 18px;
		--ako-card-radius: 24px;
		--ako-card-min-height: 0px;
	}


	.ako-feature-box-row > .bt_bb_row_holder {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
	}


	.ako-feature-box-row
	> .bt_bb_row_holder
	> .bt_bb_column
	> .bt_bb_column_content
	> .bt_bb_column_content_inner
	> .bt_bb_row_inner {
		height: auto !important;
		min-height: 0 !important;
	}


	.ako-feature-box-row
	.bt_bb_column_inner_content_inner {
		padding: 27px 25px 28px !important;
	}


	.ako-feature-box-row .ako-feature-icon-img {
		margin-bottom: 25px !important;
	}


	.ako-feature-box-row
	.bt_bb_column_inner_content_inner
	> .bt_bb_headline {
		margin-bottom: 13px !important;
	}

}

/* ===== WPCode migration: 07-icons.css ===== */
/* =========================================================
   Angelkurs Online – Feature Icon Bildklasse
   Klasse im Bold Bild-Element: ako-feature-icon-img
========================================================= */

/* Icon-Box */
.ako-feature-icon-img {
  width: 96px !important;
  height: 96px !important;
  margin: 0 0 28px 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(47, 125, 109, 0.10) !important;
  border-radius: 28px !important;
  overflow: hidden !important;

  box-shadow: none !important;
}

/* Bold Wrapper um das Bild */
.ako-feature-icon-img > span {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  border-radius: 28px !important;
}

/* SVG / Bild selbst */
.ako-feature-icon-img img {
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;

  object-fit: contain !important;
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Bold Bild-Overlay entfernen */
.ako-feature-icon-img .bt_bb_image_content,
.ako-feature-icon-img .bt_bb_image_content_flex,
.ako-feature-icon-img .bt_bb_image_content_inner {
  display: none !important;
}

/* Bold Soft-Rounded nicht auf das SVG selbst anwenden */
.ako-feature-icon-img.bt_bb_shape_soft-rounded img,
.ako-feature-icon-img.bt_bb_shape_soft-rounded > span {
  border-radius: 0 !important;
}

/* Hover neutralisieren */
.ako-feature-icon-img.bt_bb_hover_style_simple:hover img,
.ako-feature-icon-img:hover img {
  transform: none !important;
  opacity: 1 !important;
}

/* Variante: kleiner */
.ako-feature-icon-img.ako-icon-small {
  width: 78px !important;
  height: 78px !important;
  border-radius: 22px !important;
}

.ako-feature-icon-img.ako-icon-small > span {
  border-radius: 22px !important;
}

.ako-feature-icon-img.ako-icon-small img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
}

/* Variante: größer */
.ako-feature-icon-img.ako-icon-large {
  width: 120px !important;
  height: 120px !important;
  border-radius: 32px !important;
}

.ako-feature-icon-img.ako-icon-large > span {
  border-radius: 32px !important;
}

.ako-feature-icon-img.ako-icon-large img {
  width: 74px !important;
  height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
}

/* Variante: dunkler Hintergrund */
.ako-feature-icon-img.ako-icon-dark {
  background: rgba(23, 63, 53, 0.12) !important;
}

/* Variante: orange Hintergrund */
.ako-feature-icon-img.ako-icon-orange {
  background: rgba(242, 140, 40, 0.14) !important;
}

/* Mobile leicht kleiner */
@media (max-width: 600px) {
  .ako-feature-icon-img {
    width: 82px !important;
    height: 82px !important;
    border-radius: 24px !important;
    margin-bottom: 22px !important;
  }

  .ako-feature-icon-img > span {
    border-radius: 24px !important;
  }

  .ako-feature-icon-img img {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }
}

/* ===== WPCode migration: 08-ak-steps-row.css ===== */
/* =========================================================
   ANGELKURS ONLINE – 3 SCHRITTE
   Klasse auf die äußere Bold-Row:
   ak-steps-row

   Keine globalen Font- oder Headline-Regeln.
   ========================================================= */

.ak-steps-row {
	position: relative;

	width: 100%;
}


/* =========================================================
   ÄUSSERE ZEILE
   ========================================================= */

.ak-steps-row > .bt_bb_row_holder {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;

	gap: 34px !important;

	width: 100%;
	margin: 0 !important;
}


/* =========================================================
   SPALTEN
   ========================================================= */

.ak-steps-row > .bt_bb_row_holder > .bt_bb_column {
	display: flex !important;
	float: none !important;

	width: 100% !important;
	max-width: none !important;

	margin: 0 !important;
	padding: 0 !important;
}

.ak-steps-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content {
	display: flex;

	width: 100%;
	height: 100%;
}

.ak-steps-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner {
	display: flex;
	flex-direction: column;
	align-items: center;

	width: 100%;
	height: 100%;
}


/* =========================================================
   SCHRITT-KARTE
   ========================================================= */

.ak-steps-row
> .bt_bb_row_holder
> .bt_bb_column
> .bt_bb_column_content
> .bt_bb_column_content_inner {
	position: relative;

	padding: 42px 34px 36px !important;

	border: 1px solid rgba(23, 63, 53, 0.06);
	border-radius: 28px;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.72) 0%,
			rgba(255, 255, 255, 0.40) 100%
		);

	box-shadow:
		0 16px 42px rgba(23, 63, 53, 0.055);

	transition:
		transform 0.28s ease,
		box-shadow 0.28s ease,
		border-color 0.28s ease;
}

.ak-steps-row
> .bt_bb_row_holder
> .bt_bb_column:hover
> .bt_bb_column_content
> .bt_bb_column_content_inner {
	border-color: rgba(23, 63, 53, 0.12);

	box-shadow:
		0 24px 55px rgba(23, 63, 53, 0.09);

	transform: translateY(-5px);
}


/* =========================================================
   ICON
   ========================================================= */

.ak-steps-row .ako-feature-icon-img {
	position: relative;

	flex: 0 0 auto;

	margin: 0 auto 22px !important;

	background: #bcc4bd !important;

	border-radius: 50% !important;

	box-shadow:
		0 0 0 7px #dce1dc,
		0 12px 28px rgba(23, 63, 53, 0.09) !important;
}

.ak-steps-row .ako-feature-icon-img > span {
	border-radius: 50% !important;
}


/* =========================================================
   SCHRITTZAHL
   ========================================================= */

.ak-steps-row .bt_bb_headline_superheadline {
	margin-bottom: 8px !important;

	color: #f98b24 !important;
}


/* =========================================================
   HEADLINE-BLOCK
   Nur Layout, keine Schriftgrößen oder Farben
   ========================================================= */

.ak-steps-row .bt_bb_headline {
	width: 100%;
	max-width: 460px;

	margin-right: auto;
	margin-left: auto;
}

.ak-steps-row .bt_bb_headline_tag {
	margin-bottom: 12px !important;
}

.ak-steps-row .bt_bb_headline_subheadline {
	max-width: 420px;

	margin-right: auto;
	margin-left: auto;

	line-height: 1.55;
}


/* =========================================================
   SEPARATOREN IM SCHRITTBEREICH
   ========================================================= */

.ak-steps-row .bt_bb_separator_v2 {
	display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 992px) {

	.ak-steps-row > .bt_bb_row_holder {
		grid-template-columns: 1fr;

		gap: 24px !important;
	}

	.ak-steps-row
	> .bt_bb_row_holder
	> .bt_bb_column
	> .bt_bb_column_content
	> .bt_bb_column_content_inner {
		padding: 36px 30px 32px !important;
	}

	.ak-steps-row .bt_bb_headline_subheadline {
		max-width: 620px;
	}

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 600px) {

	.ak-steps-row > .bt_bb_row_holder {
		gap: 18px !important;
	}

	.ak-steps-row
	> .bt_bb_row_holder
	> .bt_bb_column
	> .bt_bb_column_content
	> .bt_bb_column_content_inner {
		padding: 30px 24px 28px !important;

		border-radius: 23px;
	}

	.ak-steps-row .ako-feature-icon-img {
		margin-bottom: 19px !important;

		box-shadow:
			0 0 0 6px #dce1dc,
			0 10px 24px rgba(23, 63, 53, 0.08) !important;
	}

}

/* ===== WPCode migration: 09-ak-image-banner.css ===== */
/* =========================================================
   ANGELKURS ONLINE – BILDBANNER
   Klasse auf die äußere Section:
   ak-image-banner

   Schriftgröße, Schriftart und Gewicht bleiben in Bold.
   ========================================================= */

.ak-image-banner {
	position: relative;

	overflow: hidden;

	isolation: isolate;
}


/* =========================================================
   HINTERGRUNDBILD
   ========================================================= */

.ak-image-banner .bt_bb_background_image_holder {
	z-index: 0;

	filter:
		saturate(0.94)
		contrast(1.05)
		brightness(0.84);
}


/* =========================================================
   DUNKLER, WEICHER BILDVERLAUF
   ========================================================= */

.ak-image-banner::before {
	content: "";

	position: absolute;
	inset: 0;

	z-index: 1;

	background:
		linear-gradient(
			180deg,
			rgba(8, 31, 26, 0.10) 0%,
			rgba(8, 31, 26, 0.20) 45%,
			rgba(8, 31, 26, 0.34) 100%
		),
		radial-gradient(
			ellipse at center,
			rgba(8, 31, 26, 0.04) 0%,
			rgba(8, 31, 26, 0.12) 58%,
			rgba(8, 31, 26, 0.27) 100%
		);

	pointer-events: none;
}


/* =========================================================
   INHALT ÜBER DAS BILD LEGEN
   ========================================================= */

.ak-image-banner > .bt_bb_port,
.ak-image-banner > .bt_bb_port > .bt_bb_cell,
.ak-image-banner .bt_bb_row,
.ak-image-banner .bt_bb_column,
.ak-image-banner .bt_bb_column_content,
.ak-image-banner .bt_bb_column_content_inner {
	position: relative;
	z-index: 2;
}


/* =========================================================
   HEADLINE-WRAPPER
   ========================================================= */

.ak-image-banner .bt_bb_headline {
	width: 100%;
	max-width: 1100px;

	margin-right: auto;
	margin-left: auto;

	padding-right: 30px;
	padding-left: 30px;

	background: transparent !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}


/* =========================================================
   HEADLINE LESBAR MACHEN
   ========================================================= */

.ak-image-banner .bt_bb_headline_tag,
.ak-image-banner .bt_bb_headline_content,
.ak-image-banner .bt_bb_headline_content span {
	color: #ffffff !important;

	-webkit-text-stroke: 0 !important;

	text-shadow:
		0 3px 14px rgba(0, 0, 0, 0.72) !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 992px) {

	.ak-image-banner .bt_bb_background_image_holder {
		filter:
			saturate(0.94)
			contrast(1.05)
			brightness(0.80);
	}

	.ak-image-banner::before {
		background:
			linear-gradient(
				180deg,
				rgba(8, 31, 26, 0.14) 0%,
				rgba(8, 31, 26, 0.24) 50%,
				rgba(8, 31, 26, 0.36) 100%
			);
	}

	.ak-image-banner .bt_bb_headline {
		padding-right: 24px;
		padding-left: 24px;
	}

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 600px) {

	.ak-image-banner .bt_bb_background_image_holder {
		filter:
			saturate(0.92)
			contrast(1.05)
			brightness(0.76);
	}

	.ak-image-banner::before {
		background:
			linear-gradient(
				180deg,
				rgba(8, 31, 26, 0.18) 0%,
				rgba(8, 31, 26, 0.28) 50%,
				rgba(8, 31, 26, 0.40) 100%
			);
	}

	.ak-image-banner .bt_bb_headline {
		padding-right: 20px;
		padding-left: 20px;
	}

	.ak-image-banner .bt_bb_headline_tag,
	.ak-image-banner .bt_bb_headline_content,
	.ak-image-banner .bt_bb_headline_content span {
		text-shadow:
			0 2px 10px rgba(0, 0, 0, 0.78) !important;
	}

}

/* ===== WPCode migration: 10-lp-pr-fungssimulation.css ===== */
/* =========================================================
   ANGELKURS ONLINE – PRÜFUNGSSIMULATION

   Eigenes Snippet:
   LP – Prüfungssimulation

   WICHTIG:
   - keine erzwungenen gleichen Höhen
   - keine eigenen Section-/Spaltenabstände
   - Separatoren und Abstände bleiben in Bold
   - keine globalen Fontregeln
   ========================================================= */


/* =========================================================
   FORTSCHRITTSBALKEN
   14 von 25 Fragen = 56 %
   ========================================================= */

#pruefungssimulation .ak-feature-screen-head::after {
	width: 56% !important;
}


/* =========================================================
   SUPERHEADLINES ORANGE
   ========================================================= */

#pruefungssimulation
.ak-feature-screen-head
.bt_bb_headline_superheadline,
#pruefungssimulation
.ak-feature-copy-head
.bt_bb_headline_superheadline,
#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline {
	color: #f98b24 !important;
}


/* =========================================================
   DUNKLE DEMO-SPALTE

   Keine Höhen- oder Abstandsvorgaben.
   ========================================================= */

#pruefungssimulation .ak-feature-demo {
	overflow: hidden !important;
}


/* =========================================================
   STATUSBEREICH
   Verbleibende Zeit / Fortschritt / Ziel

   Gemeint ist die innere Row ohne:
   ak-feature-screen-card
   ========================================================= */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card) {
	position: relative;

	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 20px !important;

	background: rgba(255, 255, 255, 0.10) !important;

	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}


/* Drei gleich breite Statusbereiche */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
> .bt_bb_row_inner_holder {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	width: 100%;
}


/* Einzelne Statusspalten */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_column_inner {
	position: relative;

	float: none !important;

	width: 100% !important;
	max-width: none !important;

	background: transparent !important;
}


/* Trennlinien zwischen den drei Werten */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_column_inner:not(:last-child)::after {
	content: "";

	position: absolute;
	top: 20%;
	right: 0;
	bottom: 20%;

	width: 1px;

	background: rgba(255, 255, 255, 0.14);
}


/* Status-Service */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;

	width: 100%;
}


/* Status-Icons */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_icon_holder {
	display: flex !important;
	align-items: center;
	justify-content: center;

	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;

	border: 1px solid rgba(249, 139, 36, 0.35);
	border-radius: 12px !important;

	background: rgba(249, 139, 36, 0.12) !important;

	font-size: 18px !important;
	line-height: 1 !important;

	color: #f98b24 !important;
}

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_icon_holder::before {
	color: #f98b24 !important;
}


/* Text neben dem Icon */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service_content {
	padding-left: 12px !important;
}


/* Kleine Bezeichnung */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service_content_title {
	margin: 0 0 3px !important;

	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;

	color: rgba(255, 255, 255, 0.70) !important;
}


/* Statuswert */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service_content_text {
	margin: 0 !important;

	font-size: 12px !important;
	line-height: 1.25 !important;

	color: rgba(255, 255, 255, 0.66) !important;
}

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service_content_text strong {
	display: inline-block;

	margin-right: 4px;

	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;

	color: #ffffff !important;
}


/* Wert und Einheit in einer Zeile */

#pruefungssimulation
.ak-feature-demo
.bt_bb_row_inner:not(.ak-feature-screen-card)
.bt_bb_service_content_text br {
	display: none;
}


/* =========================================================
   WEISSE FRAGEKARTE

   Padding und Abstände bleiben in Bold.
   ========================================================= */

#pruefungssimulation .ak-feature-screen-card {
	overflow: hidden !important;

	border-radius: 28px !important;

	background: #ffffff !important;

	box-shadow:
		0 17px 40px rgba(7, 35, 29, 0.15);
}


/* =========================================================
   THEMENLABEL
   ========================================================= */

#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline {
	display: inline-flex;
	align-items: center;

	border-radius: 999px;

	background: #fff0df !important;

	color: #f98b24 !important;
}


/* Punkt vor dem Themenlabel entfernen */

#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline::before,
#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline::after,
#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline_outside::before,
#pruefungssimulation
.ak-feature-question-head
.bt_bb_headline_superheadline_outside::after {
	content: none !important;
	display: none !important;
}


/* =========================================================
   ANTWORTEN
   ========================================================= */

/* In der Simulation keine Antwort vorab markieren */

#pruefungssimulation .quiz-answer span:first-child {
	border-color: transparent !important;

	background: #deece8 !important;
}

#pruefungssimulation .quiz-answer span:first-child::before {
	border: 2px solid #7c918a !important;

	background: #ffffff !important;
}

#pruefungssimulation .quiz-answer span:first-child::after {
	content: none !important;
	display: none !important;
}


/* =========================================================
   RECHTE TEXTKARTE

   Nur Erscheinungsbild.
   Keine Höhe, kein Padding, keine Zentrierung.
   ========================================================= */

#pruefungssimulation
.ak-feature-copy
> .bt_bb_column_content
> .bt_bb_column_content_inner
> .bt_bb_row_inner {
	overflow: hidden;

	border: 1px solid rgba(23, 63, 53, 0.05);
	border-radius: 34px !important;

	background: #ffffff !important;

	box-shadow:
		0 21px 52px rgba(39, 55, 49, 0.065);
}


/* Haken-Services innerhalb der rechten Box */

#pruefungssimulation
.ak-feature-copy
.bt_bb_service {
	display: flex;
	align-items: center;
}


/* Hakenkreise */

#pruefungssimulation
.ak-feature-copy
.bt_bb_service
.bt_bb_icon_holder {
	display: flex !important;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;

	width: 30px !important;
	height: 30px !important;

	border-radius: 50% !important;

	background: #fff0df !important;

	box-shadow:
		inset 0 0 0 1px rgba(249, 139, 36, 0.20);

	color: #f98b24 !important;
}

#pruefungssimulation
.ak-feature-copy
.bt_bb_service
.bt_bb_icon_holder::before {
	color: #f98b24 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media screen and (max-width: 1024px) {

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_service {
		grid-template-columns: 34px minmax(0, 1fr);
	}

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_icon_holder {
		width: 32px !important;
		height: 32px !important;

		font-size: 15px !important;
	}

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_service_content {
		padding-left: 9px !important;
	}

}


/* =========================================================
   SMARTPHONE
   ========================================================= */

@media screen and (max-width: 600px) {

	/* Statuswerte untereinander */

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	> .bt_bb_row_inner_holder {
		grid-template-columns: 1fr;
	}

	/* Horizontale Trennlinien mobil */

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_column_inner:not(:last-child)::after {
		top: auto;
		right: 18px;
		bottom: 0;
		left: 18px;

		width: auto;
		height: 1px;
	}

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_service {
		grid-template-columns: 38px minmax(0, 1fr);
	}

	#pruefungssimulation
	.ak-feature-demo
	.bt_bb_row_inner:not(.ak-feature-screen-card)
	.bt_bb_service_content_text strong {
		font-size: 18px !important;
	}

}

/* =========================================================
   ANTWORTBOXEN
   ========================================================= */

.ak-feature-section .quiz-answer span {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	min-width: 0;
	min-height: 58px;
	padding: 12px 20px 12px 49px;

	border: 1px solid transparent;
	border-radius: 13px;

	background: #deece8;

	box-shadow:
		0 3px 9px rgba(20, 45, 39, 0.025);

	font-size: 14px;
	font-weight: 500;
	line-height: 1.38;

	color: var(--ak-dark);

	text-align: center;

	cursor: default;

	transition:
		border-color 0.2s ease,
		background-color 0.2s ease,
		transform 0.2s ease;
}

/* Kompatible Profilkarte für bestehende Seiten mit [ako_app_profile]. */
.ako-legacy-profile-card{
	max-width:820px;
	margin:30px auto;
	padding:30px;
	border-radius:24px;
	background:#fff;
	color:#173f35;
	box-shadow:0 16px 42px rgba(23,63,53,.12);
}
.ako-legacy-profile-card h2{margin:10px 0 6px;color:#173f35}
.ako-legacy-profile-card p{color:#52625e}
.ako-legacy-profile-status{
	display:inline-flex;
	padding:7px 12px;
	border-radius:999px;
	background:#fef0df;
	color:#9a5200;
	font-size:13px;
	font-weight:800;
}
.ako-legacy-profile-status.is-active{background:#e6f4ee;color:#0f6b55}
.ako-legacy-profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ako-legacy-profile-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:46px;
	padding:0 20px;
	border:1px solid #173f35;
	border-radius:999px;
	background:#fff;
	color:#173f35;
	font-weight:800;
	text-decoration:none;
}
.ako-legacy-profile-button.is-primary{border-color:#f7941d;background:#f7941d;color:#fff}