/*
Theme Name: Novus
Theme URI: https://neu.novus-weiterbildung.de/
Author: Novus Seminare GmbH
Description: Block-Theme für Novus Seminare – Full Site Editing mit theme.json, Patterns und Core-Blöcken. Designsystem „Hanseatisch-präzise“: Tinte, Novus-Blau, Nebel und das Orange des AZAV-Siegels; Schibsted Grotesk, IBM Plex Sans und IBM Plex Mono. Kompatibel mit Amelia, WooCommerce und German Market.
Version: 2.0.1
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: novus
Tags: full-site-editing, block-patterns, block-styles, custom-colors, editor-style, wide-blocks
*/

/* ==========================================================================
   Tokens (ergänzen theme.json)
   ========================================================================== */

:root {
	--novus-tinte: var(--wp--preset--color--tinte, #0e1c2f);
	--novus-blau: var(--wp--preset--color--primary, #0058cc);
	--novus-blau-tief: var(--wp--preset--color--primary-dark, #0a3f91);
	--novus-blau-hell: var(--wp--preset--color--blau-hell, #e6eefa);
	--novus-nebel: var(--wp--preset--color--nebel, #f2f5f9);
	--novus-linie: var(--wp--preset--color--linie, #dce3ec);
	--novus-siegel: var(--wp--preset--color--siegel, #f29100);
	--novus-grau: var(--wp--preset--color--slate-600, #526072);
	--novus-mono: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	--novus-display: var(--wp--preset--font-family--display, sans-serif);
	--novus-radius: 16px;
	--novus-radius-lg: 24px;
	--novus-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

/* ==========================================================================
   Grundlagen
   ========================================================================== */

html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

body {
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

:where(.wp-site-blocks) > * {
	margin-block-start: 0;
}

img {
	height: auto;
}

::selection {
	background: var(--novus-blau-hell);
	color: var(--novus-tinte);
}

:where(a) {
	text-underline-offset: 0.18em;
	text-decoration-thickness: 1px;
}

:focus-visible {
	outline: 2px solid var(--novus-siegel);
	outline-offset: 3px;
}

strong {
	font-weight: 600;
}

.wp-block-post-content > .alignfull {
	margin-block: 0;
}

/* ==========================================================================
   Header
   ========================================================================== */

.wp-site-blocks > header.wp-block-template-part:has(.novus-header) {
	position: sticky;
	top: 0;
	z-index: 50;
}

.admin-bar .wp-site-blocks > header.wp-block-template-part:has(.novus-header) {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (max-width: 600px) {
	.admin-bar .wp-site-blocks > header.wp-block-template-part:has(.novus-header) {
		top: 0;
	}
}

/*
 * Milchglas liegt auf einer eigenen Ebene: backdrop-filter direkt am Header
 * würde das Vollbild-Menü (position: fixed) in die Kopfzeile einsperren.
 */
.novus-header {
	position: relative;
	isolation: isolate;
	border-bottom: 1px solid var(--novus-linie);
}

.novus-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgb(255 255 255 / 0.92);
	-webkit-backdrop-filter: saturate(1.4) blur(14px);
	backdrop-filter: saturate(1.4) blur(14px);
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #fff !important;
}

.novus-header .novus-logo img {
	display: block;
}

.novus-header .wp-block-navigation a,
.novus-header .wp-block-navigation-item__content {
	text-decoration: none;
}

.novus-header .wp-block-navigation-item__content {
	position: relative;
	padding-block: 0.4rem;
}

.novus-header .wp-block-navigation > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	height: 2px;
	background: var(--novus-blau);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s var(--novus-ease);
}

.novus-header .wp-block-navigation-item__content:hover::after,
.novus-header .current-menu-item > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}

.novus-header .wp-block-navigation__submenu-container {
	border-radius: 12px;
	border: 1px solid var(--novus-linie) !important;
	box-shadow: var(--wp--preset--shadow--lg);
	padding: 0.5rem 0;
	min-width: 240px !important;
}

.novus-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.55rem 1.1rem !important;
}

.novus-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--novus-nebel);
	color: var(--novus-blau);
}

.novus-header-phone {
	font-family: var(--novus-mono);
	font-size: 0.8rem;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.novus-header-phone a {
	color: var(--novus-tinte);
	text-decoration: none;
}

.novus-header-phone a:hover {
	color: var(--novus-blau);
}

/* Navigation mit 7 Punkten: Hamburger schon unter 1180 px. */
@media (max-width: 1179px) {
	.novus-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	.novus-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	.novus-header .novus-header-actions {
		display: none !important;
	}

	.novus-header .novus-logo img {
		width: 168px !important;
	}
}

.novus-header .novus-nav-cta {
	display: none;
}

/* Mobiles Vollbild-Menü: linksbündige, große Liste. */
.novus-header .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-start;
	--navigation-layout-justify: flex-start;
	--navigation-layout-align: flex-start;
	padding: 1.25rem clamp(1.25rem, 5vw, 3rem) 2rem !important;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: stretch !important;
	padding-top: 3.5rem !important;
	gap: 0 !important;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	align-items: stretch !important;
	gap: 0 !important;
	width: 100%;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	align-items: flex-start !important;
	width: 100%;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	border-bottom: 1px solid var(--novus-linie);
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 0.9rem 0 !important;
	font-family: var(--novus-display);
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--novus-tinte);
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
	display: none;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	position: static !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: -0.25rem 0 0.9rem !important;
	padding: 0 0 0 1rem !important;
	border: 0 !important;
	border-left: 2px solid var(--novus-linie) !important;
	border-radius: 0;
	box-shadow: none;
	background: transparent !important;
	gap: 0 !important;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.45rem 0 !important;
	font-family: var(--wp--preset--font-family--body);
	font-size: 1.02rem;
	font-weight: 500;
	color: var(--novus-grau);
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: transparent;
	color: var(--novus-blau);
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .novus-nav-cta {
	display: flex;
	margin-top: 1.75rem;
	border-bottom: 0 !important;
}

.novus-header .wp-block-navigation__responsive-container.is-menu-open .novus-nav-cta .wp-block-navigation-item__content {
	display: block;
	width: 100%;
	padding: 1rem 1.5rem !important;
	border-radius: 10px;
	background: var(--novus-blau);
	color: #fff !important;
	text-align: center;
	font-family: var(--wp--preset--font-family--body) !important;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
}

/* ==========================================================================
   Typografie-Bausteine
   ========================================================================== */

/* Eyebrow: Mono-Label mit Rechtsgrundlage oder Kategorie. */
.is-style-eyebrow,
.novus-eyebrow {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	font-family: var(--novus-mono);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--novus-blau);
}

.is-style-eyebrow::before,
.novus-eyebrow::before {
	content: "";
	width: 1.5rem;
	height: 2px;
	background: var(--novus-siegel);
	flex-shrink: 0;
}

.has-text-align-center.is-style-eyebrow {
	display: flex;
	justify-content: center;
}

:where(.is-style-section-hero, .is-style-section-dark, .is-style-section-primary, .is-style-section-divider) .is-style-eyebrow {
	color: rgb(255 255 255 / 0.78);
}

.is-style-lead {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.6;
	color: var(--novus-grau);
}

.is-style-big-number {
	font-family: var(--novus-display);
	font-size: clamp(2.75rem, 5vw, 4.5rem);
	font-weight: 800;
	line-height: 0.95;
	letter-spacing: -0.04em;
	color: var(--novus-tinte);
}

.is-style-mono,
.novus-mono {
	font-family: var(--novus-mono);
	font-size: 0.8rem;
	letter-spacing: 0.04em;
}

/* Hervorhebung im Hero: Wort mit Siegel-Unterstreichung (Format „Hervorheben“). */
.novus-hero-title mark,
.is-style-marker mark {
	background: linear-gradient(to top, rgb(242 145 0 / 0.28) 0.2em, transparent 0.2em) !important;
	color: inherit !important;
	padding: 0 0.04em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.is-style-gradient-text mark,
.is-style-gradient-text-primary {
	color: var(--novus-blau);
}

/* ==========================================================================
   Sektionen
   ========================================================================== */

.is-style-section-hero,
.is-style-section-dark,
.is-style-section-divider {
	position: relative;
	isolation: isolate;
	color: #fff;
	background: var(--wp--preset--gradient--tinte);
}

.is-style-section-primary {
	position: relative;
	isolation: isolate;
	color: #fff;
	background: var(--wp--preset--gradient--blau);
}

:where(.is-style-section-hero, .is-style-section-dark, .is-style-section-divider, .is-style-section-primary) :where(h1, h2, h3, h4, p, li, summary) {
	color: inherit;
}

:where(.is-style-section-hero, .is-style-section-dark, .is-style-section-divider, .is-style-section-primary) a:where(:not(.wp-element-button)) {
	color: #fff;
}

/* Feines Raster als ruhige Textur auf dunklen Flächen. */
.is-style-section-dark::before,
.is-style-section-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		linear-gradient(to right, rgb(255 255 255 / 0.035) 1px, transparent 1px),
		linear-gradient(to bottom, rgb(255 255 255 / 0.035) 1px, transparent 1px);
	background-size: 72px 72px;
	-webkit-mask-image: radial-gradient(ellipse at 70% 30%, #000 20%, transparent 75%);
	mask-image: radial-gradient(ellipse at 70% 30%, #000 20%, transparent 75%);
}

.is-style-section-muted {
	background: var(--novus-nebel);
}

.is-style-section-soft {
	background: linear-gradient(180deg, var(--novus-nebel) 0%, #fff 100%);
}

.is-style-section-bordered {
	border-block: 1px solid var(--novus-linie);
}

/* Seitenkopf der Unterseiten. */
.is-style-section-intro {
	position: relative;
	background: var(--novus-nebel);
	border-bottom: 1px solid var(--novus-linie);
	overflow: hidden;
}

.is-style-section-intro::after {
	content: "";
	position: absolute;
	right: -6rem;
	top: -6rem;
	width: 22rem;
	height: 22rem;
	border: 1px solid var(--novus-linie);
	border-radius: 50%;
	box-shadow: 0 0 0 3.5rem rgb(255 255 255 / 0.5), 0 0 0 7rem rgb(255 255 255 / 0.25);
	pointer-events: none;
}

.is-style-section-intro > * {
	position: relative;
	z-index: 1;
}

/* ==========================================================================
   Karten
   ========================================================================== */

.is-style-card,
.is-style-card-muted,
.is-style-card-outline,
.is-style-card-glass {
	border-radius: var(--novus-radius);
	transition: transform 0.35s var(--novus-ease), box-shadow 0.35s var(--novus-ease), border-color 0.35s var(--novus-ease);
}

.is-style-card {
	background: #fff;
	border: 1px solid var(--novus-linie);
}

.is-style-card-muted {
	background: var(--novus-nebel);
}

.is-style-card-outline {
	background: #fff;
	border: 1px solid var(--novus-linie);
	box-shadow: var(--wp--preset--shadow--lg);
}

.is-style-card-glass {
	background: rgb(255 255 255 / 0.05);
	border: 1px solid rgb(255 255 255 / 0.12);
}

:where(a, .is-linked).is-style-card:hover,
.is-style-card.is-interactive:hover,
.novus-hover-lift:hover {
	transform: translateY(-4px);
	box-shadow: var(--wp--preset--shadow--xl);
	border-color: transparent;
}

.is-style-pill,
.is-style-pill-light {
	width: fit-content;
	border-radius: 999px;
	font-family: var(--novus-mono);
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.is-style-pill {
	background: rgb(255 255 255 / 0.08);
	border: 1px solid rgb(255 255 255 / 0.16);
	color: #fff;
}

.is-style-pill-light {
	background: #fff;
	border: 1px solid var(--novus-linie);
	color: var(--novus-tinte);
}

/* ==========================================================================
   Signatur: Förderbescheid-Karte
   ========================================================================== */

.novus-bescheid {
	position: relative;
	background: #fff;
	border: 1px solid var(--novus-linie);
	border-radius: var(--novus-radius);
	box-shadow: var(--wp--preset--shadow--2xl);
	color: var(--novus-tinte);
}

.novus-bescheid__head {
	border-bottom: 1px dashed var(--novus-linie);
}

.novus-bescheid__head p {
	margin: 0;
}

.novus-bescheid__row {
	display: flex !important;
	align-items: baseline;
	gap: 0.75rem;
	margin: 0 !important;
	padding-block: 0.7rem;
	border-bottom: 1px solid var(--novus-nebel);
}

.novus-bescheid__row:last-of-type {
	border-bottom: 0;
}

.novus-bescheid__row p {
	margin: 0;
}

.novus-bescheid__row p:first-child {
	flex: 1;
	color: var(--novus-grau);
	font-size: 0.95rem;
}

.novus-bescheid__row p:last-child {
	font-family: var(--novus-display);
	font-weight: 800;
	font-size: 1.35rem;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

.novus-bescheid__foot p {
	margin: 0;
}

/* Stempel mit dem AZAV-Orange. */
.novus-stempel {
	position: absolute;
	top: -2.25rem;
	right: -1.75rem;
	width: 7.25rem;
	height: 7.25rem;
	margin: 0 !important;
	display: grid;
	place-items: center;
	border-radius: 50%;
	border: 2px solid var(--novus-siegel);
	background: rgb(255 255 255 / 0.94);
	box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 6px rgb(242 145 0 / 0.55);
	color: #b86c00;
	font-family: var(--novus-mono);
	font-size: 0.72rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
	transform: rotate(-9deg);
}

.novus-stempel strong {
	display: block;
	font-family: var(--novus-display);
	font-size: 1.35rem;
	letter-spacing: 0;
	font-weight: 800;
}

@media (max-width: 781px) {
	.novus-stempel {
		right: 0.5rem;
		top: -4.75rem;
		width: 5.25rem;
		height: 5.25rem;
		font-size: 0.56rem;
	}

	.novus-stempel strong {
		font-size: 1.1rem;
	}
}

/* Hero-Foto mit überlappender Karte. */
.novus-hero-media {
	position: relative;
}

.novus-hero-media .novus-hero-photo img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: var(--novus-radius-lg);
}

.novus-hero-media .novus-bescheid {
	position: relative;
	margin-top: -9rem !important;
	margin-left: -3.5rem !important;
	max-width: 400px;
}

@media (max-width: 781px) {
	.novus-hero-media .novus-bescheid {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
		margin-top: -5rem !important;
	}
}

/* ==========================================================================
   Nachweis-Leiste
   ========================================================================== */

.novus-proof {
	border-top: 1px solid var(--novus-linie);
	border-bottom: 1px solid var(--novus-linie);
}

.novus-proof .wp-block-column + .wp-block-column {
	border-left: 1px solid var(--novus-linie);
	padding-left: 1.5rem;
}

.novus-proof p {
	margin: 0;
}

@media (max-width: 781px) {
	.novus-proof .wp-block-column + .wp-block-column {
		border-left: 0;
		padding-left: 0;
		border-top: 1px solid var(--novus-linie);
		padding-top: 1rem;
	}
}

.novus-proof .novus-siegel-img img {
	width: 78px !important;
}

/* ==========================================================================
   Zielgruppen-Karten
   ========================================================================== */

.novus-audience {
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.novus-audience .wp-block-image {
	margin: 0;
	overflow: hidden;
}

.novus-audience .wp-block-image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	transition: transform 0.8s var(--novus-ease);
}

.novus-audience:hover .wp-block-image img {
	transform: scale(1.04);
}

.novus-audience__body {
	flex: 1;
}

.novus-link-arrow a,
a.novus-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600;
	color: var(--novus-blau);
	text-decoration: none;
}

.novus-link-arrow a::after,
a.novus-link-arrow::after {
	content: "→";
	transition: transform 0.25s var(--novus-ease);
}

.novus-link-arrow a:hover::after,
a.novus-link-arrow:hover::after {
	transform: translateX(4px);
}

/* ==========================================================================
   Förder-Tabelle (dunkle Sektion)
   ========================================================================== */

.novus-foerdertabelle table {
	width: 100%;
	border-collapse: collapse;
	font-size: 1rem;
}

.novus-foerdertabelle th,
.novus-foerdertabelle td {
	border: 0 !important;
	border-bottom: 1px solid rgb(255 255 255 / 0.14) !important;
	padding: 1.1rem 0.5rem 1.1rem 0 !important;
	text-align: left;
	vertical-align: baseline;
}

.novus-foerdertabelle thead th {
	font-family: var(--novus-mono);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgb(255 255 255 / 0.6);
	border-bottom-color: rgb(255 255 255 / 0.3) !important;
}

.novus-foerdertabelle td:not(:first-child) {
	font-family: var(--novus-display);
	font-size: clamp(1.4rem, 2.4vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #fff;
	white-space: nowrap;
}

.novus-foerdertabelle tbody tr:first-child td:not(:first-child) {
	color: #ffc266;
}

.novus-foerdertabelle td:first-child {
	color: rgb(255 255 255 / 0.85);
}

.novus-foerdertabelle figcaption {
	margin-top: 1rem;
	font-size: 0.8rem;
	color: rgb(255 255 255 / 0.55);
	text-align: left;
}

/* ==========================================================================
   Vorteile (Zeilenliste mit Icon)
   ========================================================================== */

.novus-feature {
	padding-block: 1.6rem;
	border-top: 1px solid var(--novus-linie);
}

.novus-feature h3 {
	margin: 0;
}

.novus-feature p {
	margin: 0.4rem 0 0;
}

/* ==========================================================================
   Ablauf (echte Reihenfolge → nummeriert)
   ========================================================================== */

.novus-steps {
	counter-reset: novus-step;
	position: relative;
}

.novus-step {
	position: relative;
	padding-top: 3.75rem;
}

.novus-step::before {
	counter-increment: novus-step;
	content: counter(novus-step, decimal-leading-zero);
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	background: var(--novus-blau);
	color: #fff;
	font-family: var(--novus-mono);
	font-size: 0.85rem;
	box-shadow: 0 0 0 6px var(--novus-nebel);
	z-index: 1;
}

.novus-step::after {
	content: "";
	position: absolute;
	top: 1.375rem;
	left: 3.5rem;
	right: calc(-1 * var(--wp--preset--spacing--50) + 0.75rem);
	border-top: 2px dashed rgb(0 88 204 / 0.35);
}

.novus-steps .wp-block-column:last-child .novus-step::after,
.novus-step:last-child::after {
	display: none;
}

@media (max-width: 781px) {
	.novus-step::after {
		display: none;
	}
}

/* Nummern für Schrittkarten auf Unterseiten. */
.novus-step-number {
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin: 0;
	border-radius: 50%;
	background: var(--novus-blau);
	color: #fff;
	font-family: var(--novus-mono);
	font-size: 0.85rem;
	flex-shrink: 0;
}

/* ==========================================================================
   Icons (core/image mit Stil)
   ========================================================================== */

.wp-block-image.is-style-icon-tile,
.wp-block-image.is-style-icon-tile-light,
.wp-block-image.is-style-icon-round {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	border-radius: 12px;
	background: var(--novus-blau-hell);
	flex-shrink: 0;
}

.wp-block-image.is-style-icon-tile-light {
	background: rgb(255 255 255 / 0.08);
	border: 1px solid rgb(255 255 255 / 0.16);
}

.wp-block-image.is-style-icon-round {
	border-radius: 50%;
}

.wp-block-image:where(.is-style-icon-tile, .is-style-icon-tile-light, .is-style-icon-round) img {
	width: 1.5rem !important;
	height: 1.5rem !important;
	border-radius: 0 !important;
}

.wp-block-image.is-style-icon-inline {
	display: inline-flex;
	margin: 0;
	flex-shrink: 0;
}

.wp-block-image.is-style-icon-inline img {
	width: 1.25rem !important;
	height: 1.25rem !important;
}

.wp-block-image.is-style-framed img,
.wp-block-image.is-style-photo img {
	border-radius: var(--novus-radius-lg);
}

.wp-block-image.is-style-framed img {
	box-shadow: var(--wp--preset--shadow--xl);
}

.wp-block-cover.is-style-hero-frame {
	border-radius: var(--novus-radius-lg);
	overflow: hidden;
}

/* ==========================================================================
   Listen
   ========================================================================== */

.wp-block-list.is-style-checklist,
.wp-block-list.is-style-checklist-rows {
	list-style: none;
	padding-left: 0;
}

.wp-block-list.is-style-checklist li,
.wp-block-list.is-style-checklist-rows li {
	position: relative;
	padding-left: 2rem;
}

.wp-block-list.is-style-checklist li + li {
	margin-top: 0.7rem;
}

.wp-block-list.is-style-checklist li::before,
.wp-block-list.is-style-checklist-rows li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 1.25rem;
	height: 1.25rem;
	background: url("assets/icons/primary/check.svg") center / 0.9rem no-repeat, var(--novus-blau-hell);
	border-radius: 50%;
}

.wp-block-list.is-style-checklist-rows li {
	padding: 1.15rem 0 1.15rem 2.5rem;
	border-bottom: 1px solid var(--novus-linie);
	font-size: var(--wp--preset--font-size--medium);
}

.wp-block-list.is-style-checklist-rows li:first-child {
	border-top: 1px solid var(--novus-linie);
}

.wp-block-list.is-style-checklist-rows li::before {
	top: 1.35rem;
}

:where(.is-style-section-hero, .is-style-section-dark, .is-style-section-primary) .wp-block-list.is-style-checklist li::before {
	background: url("assets/icons/white/check.svg") center / 0.9rem no-repeat, rgb(255 255 255 / 0.14);
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.wp-block-button__link {
	transition: background-color 0.25s var(--novus-ease), color 0.25s var(--novus-ease), box-shadow 0.25s var(--novus-ease), transform 0.25s var(--novus-ease);
}

.wp-block-button:not(.is-style-outline):not(.is-style-link) .wp-block-button__link:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 24px -10px rgb(0 88 204 / 0.55);
}

/* „CTA" ist die Hauptaktion: Novus-Blau mit Pfeil. */
.wp-block-button.is-style-cta .wp-block-button__link,
.wp-block-button.has-arrow .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
}

.wp-block-button.is-style-cta .wp-block-button__link::after,
.wp-block-button.has-arrow .wp-block-button__link::after {
	content: "→";
	font-weight: 500;
	transition: transform 0.25s var(--novus-ease);
}

.wp-block-button.is-style-cta .wp-block-button__link:hover::after,
.wp-block-button.has-arrow .wp-block-button__link:hover::after {
	transform: translateX(3px);
}

.wp-block-button.is-style-white .wp-block-button__link {
	background: #fff;
	color: var(--novus-tinte);
}

.wp-block-button.is-style-white .wp-block-button__link:hover {
	background: var(--novus-blau-hell);
	color: var(--novus-tinte);
	box-shadow: none;
}

.wp-block-button.is-style-outline-light .wp-block-button__link {
	background: transparent;
	color: #fff;
	border: 1px solid rgb(255 255 255 / 0.4);
}

.wp-block-button.is-style-outline-light .wp-block-button__link:hover {
	background: rgb(255 255 255 / 0.08);
	border-color: #fff;
	color: #fff;
	box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--novus-tinte);
	border: 1px solid var(--novus-linie);
	padding: calc(0.9rem - 1px) calc(1.5rem - 1px);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--novus-tinte);
	background: transparent;
	color: var(--novus-tinte);
}

.wp-block-button.is-style-link .wp-block-button__link {
	background: transparent;
	color: var(--novus-blau);
	padding-inline: 0.25rem;
	box-shadow: none;
}

.wp-block-button.is-style-link .wp-block-button__link::after {
	content: " →";
}

.wp-block-button.is-style-link .wp-block-button__link:hover {
	background: transparent;
	color: var(--novus-blau-tief);
	text-decoration: underline;
}

/* ==========================================================================
   FAQ (core/details)
   ========================================================================== */

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) {
	border-bottom: 1px solid var(--novus-linie);
	margin: 0 !important;
}

.wp-block-details.is-style-faq-bordered:first-of-type,
.wp-block-details.is-style-faq:first-of-type {
	border-top: 1px solid var(--novus-linie);
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) summary {
	list-style: none;
	cursor: pointer;
	position: relative;
	padding: 1.35rem 3rem 1.35rem 0;
	font-family: var(--novus-display);
	font-weight: 700;
	font-size: 1.15rem;
	letter-spacing: -0.01em;
	line-height: 1.35;
	color: var(--novus-tinte);
	transition: color 0.2s ease;
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) summary::-webkit-details-marker {
	display: none;
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) summary::after {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	border: 1px solid var(--novus-linie);
	border-radius: 50%;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1;
	transition: transform 0.3s var(--novus-ease), background-color 0.2s ease, color 0.2s ease;
}

.wp-block-details[open]:where(.is-style-faq, .is-style-faq-bordered) summary::after {
	transform: rotate(45deg);
	background: var(--novus-tinte);
	border-color: var(--novus-tinte);
	color: #fff;
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) summary:hover {
	color: var(--novus-blau);
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered) > :not(summary) {
	color: var(--novus-grau);
	margin-top: 0;
	max-width: 62ch;
}

.wp-block-details:where(.is-style-faq, .is-style-faq-bordered)[open] > :last-child {
	padding-bottom: 1.5rem;
}

/* ==========================================================================
   Beiträge / News
   ========================================================================== */

.novus-post-card {
	height: 100%;
}

.novus-post-card .wp-block-post-title a {
	text-decoration: none;
	color: var(--novus-tinte);
}

.novus-post-card .wp-block-post-title a:hover {
	color: var(--novus-blau);
}

.novus-post-card .taxonomy-category a,
.novus-category-pill a {
	font-family: var(--novus-mono);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--novus-blau);
}

.novus-read-more {
	font-weight: 600;
	text-decoration: none;
}

.novus-read-more::after {
	content: " →";
}

.novus-meta {
	font-family: var(--novus-mono);
	font-size: 0.78rem;
	letter-spacing: 0.03em;
	color: var(--novus-grau);
}

.novus-prose {
	font-size: 1.125rem;
}

.novus-prose h2 {
	margin-top: 3rem;
	font-size: var(--wp--preset--font-size--x-large);
}

.novus-prose h3 {
	margin-top: 2rem;
}

.novus-prose .wp-block-table {
	margin-block: 2rem;
}

.novus-prose .wp-block-table table {
	border-collapse: collapse;
}

.novus-prose .wp-block-table td,
.novus-prose .wp-block-table th {
	border: 0;
	border-bottom: 1px solid var(--novus-linie);
	padding: 0.8rem 1rem 0.8rem 0;
	text-align: left;
}

.novus-prose .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: transparent;
}

.novus-prose .wp-block-table thead th {
	font-family: var(--novus-mono);
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--novus-grau);
	border-bottom: 1px solid var(--novus-tinte);
}

/* Rechtstexte */
.novus-legal h2 {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--novus-linie);
	font-size: var(--wp--preset--font-size--large);
}

/* ==========================================================================
   Footer
   ========================================================================== */

.novus-footer a {
	color: rgb(255 255 255 / 0.72);
	text-decoration: none;
	transition: color 0.2s ease;
}

.novus-footer a:hover {
	color: #fff;
}

.novus-footer-list {
	list-style: none;
	margin: 0;
}

.novus-footer-list li + li {
	margin-top: 0.55rem;
}

.novus-footer h2 {
	font-family: var(--novus-mono) !important;
	font-weight: 500 !important;
	letter-spacing: 0.1em !important;
}

.novus-footer-claim {
	font-family: var(--novus-display);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 700;
	line-height: 1.12;
	letter-spacing: -0.025em;
	color: #fff;
}

.novus-footer .wp-block-social-links .wp-social-link {
	background: rgb(255 255 255 / 0.08);
}

/* ==========================================================================
   Amelia & WooCommerce – an das Designsystem angleichen
   ========================================================================== */

.novus-booking-box {
	overflow: hidden;
}

.novus-booking-box .amelia-v2-booking,
.novus-booking-box #amelia-container {
	max-width: 100%;
	font-family: var(--wp--preset--font-family--body) !important;
}

.woocommerce .wp-element-button,
.wc-block-components-button:not(.is-link) {
	border-radius: 10px;
}

/* ==========================================================================
   Bewegung: ruhiges Einblenden beim Scrollen (nur wo unterstützt)
   ========================================================================== */

@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.novus-reveal > * {
			animation: novus-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 60%;
		}
	}
}

@keyframes novus-rise {
	from {
		opacity: 0;
		transform: translateY(28px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}

/* ==========================================================================
   Hilfsklassen
   ========================================================================== */

.novus-sticky {
	position: sticky;
	top: 7rem;
}

@media (max-width: 781px) {
	.novus-sticky {
		position: static;
	}

	.novus-hide-mobile {
		display: none !important;
	}

	.wp-block-buttons.novus-stack-mobile {
		flex-direction: column;
		align-items: stretch;
	}

	.wp-block-buttons.novus-stack-mobile .wp-block-button,
	.wp-block-buttons.novus-stack-mobile .wp-block-button__link {
		width: 100%;
		justify-content: center;
	}
}

@media (min-width: 782px) {
	.novus-hide-desktop {
		display: none !important;
	}
}

/* Seitenkopf: angenehme Zeilenlängen, linksbündig an der Inhaltskante. */
.is-style-section-intro:not(.novus-intro-narrow) > :where(h1, .is-style-lead) {
	margin-left: max(0px, calc((100% - 1240px) / 2)) !important;
}

.is-style-section-intro:not(.novus-intro-narrow) > h1 {
	max-width: 20ch;
}

.is-style-section-intro > .is-style-lead {
	max-width: 44rem;
}

/* Faktenzeilen (Label in Mono, Wert daneben). */
.novus-fact {
	display: grid;
	grid-template-columns: 8.5rem 1fr;
	gap: 1rem;
	padding-block: 1.1rem;
	border-bottom: 1px solid var(--novus-linie);
}

.novus-fact:last-child {
	border-bottom: 0;
}

.novus-fact p {
	margin: 0 !important;
}

@media (max-width: 600px) {
	.novus-fact {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}
}

/* Blaue Beratungskarte. */
.novus-cta-card {
	overflow: hidden;
}

.novus-cta-card .novus-portrait img {
	aspect-ratio: 1;
	object-fit: cover;
	box-shadow: 0 0 0 6px rgb(255 255 255 / 0.12);
}

.novus-cta-card .is-style-eyebrow::before {
	background: var(--novus-siegel);
}

/* Kennzahl-Karten auf Kursseiten. */
.novus-facts .wp-block-column p {
	margin: 0;
}

/* Förder-Check-Seite. */
.novus-funnel-main::after {
	display: none;
}

/* Telefonnummern in Display-Schrift ohne Link-Optik. */
.has-display-font-family a {
	color: var(--novus-tinte);
	text-decoration: none;
}

.has-display-font-family a:hover {
	color: var(--novus-blau);
}

.novus-footer a[href^="mailto:"] {
	white-space: nowrap;
}

.wp-block-quote cite {
	display: block;
	margin-top: 1rem;
	font-size: 0.75rem !important;
	line-height: 1.4;
}

@media (max-width: 600px) {
	.novus-foerdertabelle table {
		font-size: 0.85rem;
	}

	.novus-foerdertabelle th,
	.novus-foerdertabelle td {
		padding: 0.9rem 0.4rem 0.9rem 0 !important;
	}

	.novus-foerdertabelle thead th {
		font-size: 0.6rem;
		letter-spacing: 0.04em;
	}

	.novus-foerdertabelle td:not(:first-child) {
		font-size: 1.1rem;
		white-space: normal;
	}
}