:root {
	--schrift-sans: Aptos, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--schrift-serif: Cambria, Georgia, serif;
	--farbe-hintergrund: #f4f7fb;
	--farbe-flaeche: #ffffff;
	--farbe-flaeche-sanft: #f4f7fb;
	--farbe-linie: #d9e2ec;
	--farbe-text: #1f2d3d;
	--farbe-text-sanft: #5c6b7a;
	--farbe-primar: #1e5fa8;
	--farbe-sekundaer: #5c6b7a;
	--farbe-akzent: #1e5fa8;
	--farbe-menue-start: #1e5fa8;
	--farbe-menue-ende: #155a96;
	--farbe-menue-start-hover: #155a96;
	--farbe-menue-ende-hover: #0f4778;
	--schatten-klein: 0 16px 36px rgba(31, 45, 61, 0.08);
	--schatten-menue: 0 10px 22px rgba(30, 95, 168, 0.16);
	--schatten-flaeche: 0 22px 46px rgba(31, 45, 61, 0.08);
	--radius-klein: 14px;
	--radius-mittel: 20px;
	--radius-rund: 999px;
	--abstand-1: 0.5rem;
	--abstand-2: 0.75rem;
	--abstand-3: 1rem;
	--abstand-4: 1.5rem;
	--abstand-5: 2.2rem;
	--abstand-6: 3.4rem;
	--abstand-7: 4.8rem;
	--abstand-bereich: clamp(3.2rem, 6vw, 4.8rem);
	--innen: min(100% - 2rem, 76rem);
	--innen-weit: min(100% - 2rem, 84rem);
}

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

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: var(--schrift-sans);
	font-size: 1rem;
	line-height: 1.68;
	letter-spacing: 0.002em;
	color: var(--farbe-text);
	background:
		radial-gradient(circle at top left, rgba(30, 95, 168, 0.08), transparent 24rem),
		linear-gradient(180deg, #ffffff 0%, var(--farbe-hintergrund) 30%, var(--farbe-hintergrund) 100%);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--farbe-primar);
	text-decoration-color: rgba(31, 45, 61, 0.32);
	text-underline-offset: 0.16em;
}

a:hover,
a:focus-visible {
	text-decoration-color: currentcolor;
}

button,
input,
textarea,
select {
	font: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 var(--abstand-3);
	line-height: 1.14;
	color: var(--farbe-text);
}

h1 {
	font-family: var(--schrift-serif);
	font-size: clamp(1.95rem, 4vw, 3.15rem);
	line-height: 1.04;
	letter-spacing: -0.024em;
	text-wrap: balance;
}

h2 {
	font-family: var(--schrift-serif);
	font-size: clamp(1.48rem, 2.45vw, 2.05rem);
	line-height: 1.1;
	letter-spacing: -0.018em;
	text-wrap: balance;
}

h3 {
	font-family: var(--schrift-sans);
	font-size: clamp(1.12rem, 1.8vw, 1.3rem);
	font-weight: 700;
	line-height: 1.28;
}

h4,
h5,
h6 {
	font-family: var(--schrift-sans);
	font-weight: 700;
	line-height: 1.35;
}

p,
ul,
ol,
blockquote {
	margin: 0 0 var(--abstand-4);
}

ul,
ol {
	padding-left: 1.2rem;
}

blockquote {
	padding: var(--abstand-4);
	border-left: 4px solid var(--farbe-menue-start);
	background: rgba(255, 255, 255, 0.8);
	border-radius: 0 var(--radius-klein) var(--radius-klein) 0;
}

input,
textarea,
select {
	width: 100%;
	padding: 0.9rem 1rem;
	border: 1px solid var(--farbe-linie);
	border-radius: 14px;
	background: #fff;
	color: var(--farbe-text);
}

input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible,
a:focus-visible,
summary:focus-visible {
	outline: 3px solid rgba(30, 95, 168, 0.22);
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sprunglink {
	position: absolute;
	left: 1rem;
	top: -4rem;
	z-index: 1000;
	padding: 0.8rem 1rem;
	border-radius: var(--radius-rund);
	background: var(--farbe-primar);
	color: #fff;
	text-decoration: none;
}

.sprunglink:focus {
	top: 1rem;
}

.innen {
	width: var(--innen);
	margin-inline: auto;
}

.innen--weit {
	width: var(--innen-weit);
}

.bereich {
	padding: var(--abstand-bereich) 0;
}

.bereich--editor {
	padding-top: 0;
}

.bereich--kompakt {
	padding-top: 0;
}

.hintergrund-sand {
	background: linear-gradient(180deg, rgba(232, 241, 248, 0.9), rgba(255, 255, 255, 0.88));
}

.hintergrund-hell {
	background: rgba(255, 255, 255, 0.55);
}

.kopfbereich {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(18px);
	background: rgba(255, 255, 255, 0.96);
	border-bottom: 1px solid rgba(217, 226, 236, 0.9);
	box-shadow: 0 8px 22px rgba(31, 45, 61, 0.04);
}

.kopfbereich__innen {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-areas:
		"brand toggle"
		"nav nav";
	align-items: center;
	gap: var(--abstand-3);
	padding: 0.85rem 0;
}

.marke {
	grid-area: brand;
	display: grid;
	justify-items: start;
	gap: 0.34rem;
	min-width: 0;
}

.marke__zeichen {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 18px;
	background: linear-gradient(135deg, var(--farbe-primar), var(--farbe-sekundaer));
	color: #fff;
	font-family: Cambria, Georgia, serif;
	font-size: 1.1rem;
	font-weight: 700;
	box-shadow: var(--schatten-klein);
}

.custom-logo-link {
	display: block;
}

.marke__logo-link {
	display: inline-block;
	max-width: 100%;
	text-decoration: none;
	line-height: 0;
}

.marke__logo-bild {
	display: block;
	width: auto;
	max-width: min(100%, 15rem);
	max-height: 4.7rem;
	height: auto;
	aspect-ratio: 420 / 205;
}

.marke__text {
	min-width: 0;
}

.marke__text--mit-logo {
	padding-left: 0.1rem;
}

.marke__titel {
	display: inline-block;
	font-family: var(--schrift-sans);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: -0.014em;
	text-decoration: none;
	color: var(--farbe-primar);
}

.marke__claim {
	margin: 0;
	font-size: 0.84rem;
	color: var(--farbe-text-sanft);
	line-height: 1.45;
	max-width: 30ch;
}

.marke__claim--unter-logo {
	font-size: 0.88rem;
}

.menueknopf {
	grid-area: toggle;
	display: none;
	align-items: center;
	gap: 0.65rem;
	padding: 0.75rem 0.95rem;
	min-height: 3rem;
	border: 1px solid transparent;
	border-radius: var(--radius-rund);
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	color: #fff;
	box-shadow: var(--schatten-menue);
	cursor: pointer;
}

.menueknopf__linie {
	position: relative;
	width: 1.1rem;
	height: 2px;
	background: currentcolor;
}

.menueknopf__linie::before,
.menueknopf__linie::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: currentcolor;
}

.menueknopf__linie::before {
	top: -0.35rem;
}

.menueknopf__linie::after {
	top: 0.35rem;
}

.menueknopf[aria-expanded="true"] {
	background: linear-gradient(180deg, var(--farbe-menue-ende) 0%, #0b4f86 100%);
}

.kopfbereich__mobilaktionen {
	grid-area: toggle;
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 0.55rem;
}

.kopfbereich__kontaktmobil {
	display: none;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0.72rem 0.95rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-rund);
	background: rgba(255, 255, 255, 0.98);
	color: var(--farbe-primar);
	text-decoration: none;
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	box-shadow: none;
}

.kopfbereich__kontaktmobil:hover,
.kopfbereich__kontaktmobil:focus-visible {
	border-color: rgba(30, 95, 168, 0.18);
	background: rgba(234, 243, 251, 0.98);
	color: var(--farbe-menue-ende);
}

.hauptnavigation {
	grid-area: nav;
	display: grid;
	gap: 0.55rem;
	width: 100%;
	justify-self: stretch;
}

.hauptnavigation__liste,
.hauptnavigation__sekundaermenu,
.hauptnavigation__liste .sub-menu,
.hauptnavigation__servicemenu,
.linkliste,
.kontaktliste {
	list-style: none;
	padding: 0;
	margin: 0;
}

.hauptnavigation__liste {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.18rem;
	min-width: 0;
}

.hauptnavigation__liste > li {
	position: relative;
	flex: 0 0 auto;
}

.hauptnavigation__eintrag {
	display: inline-flex;
	align-items: center;
	min-width: 0;
}

.hauptnavigation__icon {
	width: 0.95rem;
	height: 0.95rem;
	flex: 0 0 auto;
}

.hauptnavigation__linktext {
	display: inline-block;
	line-height: 1;
}

.hauptnavigation__sekundaer {
	display: none;
	grid-area: secondary;
}

.hauptnavigation__sekundaerlink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.42rem;
	min-height: 2.2rem;
	padding: 0.38rem 0.72rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-rund);
	background: rgba(255, 255, 255, 0.9);
	color: var(--farbe-sekundaer);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.86rem;
	line-height: 1;
	position: relative;
	z-index: 6;
	pointer-events: auto;
}

.hauptnavigation__sekundaerlink:hover,
.hauptnavigation__sekundaerlink:focus-visible {
	border-color: rgba(30, 95, 168, 0.14);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-menue-ende);
}

.hauptnavigation__liste > li > .hauptnavigation__eintrag > a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.7rem;
	padding: 0.68rem 0.78rem;
	border: 1px solid rgba(30, 95, 168, 0.12);
	border-radius: var(--radius-rund);
	background: rgba(244, 247, 251, 0.98);
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.91rem;
	line-height: 1;
	white-space: nowrap;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.menu-item--instagram > .hauptnavigation__eintrag > a {
	gap: 0.42rem;
}

.hauptnavigation__liste > li:not(.menu-item--kontakt) > .hauptnavigation__eintrag > a {
	border-color: rgba(30, 95, 168, 0.12);
	background: rgba(244, 247, 251, 0.98);
	color: var(--farbe-menue-ende);
}

.hauptnavigation__liste > li.menu-item-has-children:not(.menu-item--kontakt) > .hauptnavigation__eintrag > a {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-right: 0.66rem;
}

.hauptnavigation__liste > li > .hauptnavigation__eintrag > a:hover,
.hauptnavigation__liste > li > .hauptnavigation__eintrag > a:focus-visible {
	border-color: rgba(30, 95, 168, 0.18);
	background: #ffffff;
	color: var(--farbe-menue-ende);
	box-shadow: 0 10px 22px rgba(30, 95, 168, 0.1);
}

.hauptnavigation__liste > li.menu-item-has-children:not(.menu-item--kontakt) > .hauptnavigation__eintrag > .untermenueknopf {
	width: 2.5rem;
	min-width: 2.5rem;
	margin-left: 0;
	border-color: rgba(30, 95, 168, 0.12);
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: rgba(244, 247, 251, 0.98);
	color: var(--farbe-menue-ende);
}

.untermenueknopf {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	min-width: 2.35rem;
	min-height: 2.7rem;
	padding: 0;
	margin-left: -0.2rem;
	border: 1px solid transparent;
	border-radius: var(--radius-rund);
	background: transparent;
	color: var(--farbe-sekundaer);
	box-shadow: none;
}

.untermenueknopf:hover,
.untermenueknopf:focus-visible {
	border-color: rgba(30, 95, 168, 0.18);
	background: #ffffff;
	color: var(--farbe-menue-ende);
}

.untermenueknopf__symbol {
	display: inline-block;
	width: 0.52rem;
	height: 0.52rem;
	border-right: 2px solid currentcolor;
	border-bottom: 2px solid currentcolor;
	transform: rotate(45deg) translateY(-0.05rem);
	transition: transform 0.2s ease;
}

.hauptnavigation__liste > li:hover > .hauptnavigation__eintrag > .untermenueknopf,
.hauptnavigation__liste > li:focus-within > .hauptnavigation__eintrag > .untermenueknopf,
.hauptnavigation__liste > li.ist-offen > .hauptnavigation__eintrag > .untermenueknopf {
	color: var(--farbe-menue-ende);
}

.hauptnavigation__liste .sub-menu {
	position: absolute;
	left: 0;
	top: calc(100% + 0.7rem);
	z-index: 20;
	display: none;
	min-width: 17rem;
	max-width: 22rem;
	padding: 0.8rem;
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.99);
	border: 1px solid rgba(217, 226, 236, 0.96);
	box-shadow: 0 22px 40px rgba(31, 45, 61, 0.14);
}

.hauptnavigation__liste li:hover > .sub-menu,
.hauptnavigation__liste li:focus-within > .sub-menu,
.hauptnavigation__liste li.ist-offen > .sub-menu {
	display: block;
}

.hauptnavigation__liste > li.menu-item--kontakt > .sub-menu,
.hauptnavigation__liste > li:last-child > .sub-menu {
	right: 0;
	left: auto;
}

.hauptnavigation__liste .sub-menu li {
	position: relative;
}

.hauptnavigation__liste .sub-menu li + li {
	margin-top: 0.2rem;
}

.hauptnavigation__liste .sub-menu .hauptnavigation__eintrag {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

.hauptnavigation__liste .sub-menu a {
	display: block;
	padding: 0.78rem 0.88rem;
	border-radius: 12px;
	background: transparent;
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 650;
	font-size: 0.93rem;
	line-height: 1.35;
}

.hauptnavigation__liste .sub-menu .untermenueknopf {
	width: 2.5rem;
	min-width: 2.5rem;
	min-height: 2.9rem;
	margin-left: 0.2rem;
	border-color: rgba(30, 95, 168, 0.12);
	background: rgba(244, 247, 251, 0.98);
	color: var(--farbe-menue-ende);
}

.hauptnavigation__liste .sub-menu .sub-menu {
	top: -0.15rem;
	left: calc(100% + 0.55rem);
}

.hauptnavigation__liste .sub-menu a:hover,
.hauptnavigation__liste .sub-menu a:focus-visible {
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-menue-ende);
}

.hauptnavigation__socialblock {
	padding: 0.18rem 0.1rem 0.05rem;
}

.hauptnavigation__social-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.85rem;
}

.hauptnavigation__liste .sub-menu .menu-item--social-media-icons {
	margin-top: 0.15rem;
}

.hauptnavigation__liste .sub-menu .hauptnavigation__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.65rem;
	min-height: 2.65rem;
	padding: 0.18rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-decoration: none;
	box-shadow: none;
}

.hauptnavigation__liste .sub-menu .hauptnavigation__social-link .hauptnavigation__icon {
	width: 1.68rem;
	height: 1.68rem;
	pointer-events: none;
}

.hauptnavigation__liste .sub-menu .hauptnavigation__social-link .hauptnavigation__icon--tiktok path:first-child {
	fill: var(--farbe-primar);
}

.hauptnavigation__liste .sub-menu .hauptnavigation__social-link:hover,
.hauptnavigation__liste .sub-menu .hauptnavigation__social-link:focus-visible {
	background: transparent;
	transform: translateY(-1px);
}

.hauptnavigation__liste > li.current-menu-item > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.current-menu-ancestor > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.current_page_item > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.current_page_ancestor > .hauptnavigation__eintrag > a {
	border-color: rgba(30, 95, 168, 0.18);
	background: #ffffff;
	color: var(--farbe-menue-ende);
}

.hauptnavigation__liste > li.menu-item--kontakt {
	margin-left: auto;
}

.hauptnavigation__liste > li.menu-item--kontakt > .hauptnavigation__eintrag > a {
	padding-inline: 1.08rem;
	border-color: transparent;
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	color: #fff;
	box-shadow: 0 12px 24px rgba(30, 95, 168, 0.24);
}

.hauptnavigation__liste > li.menu-item--kontakt > .hauptnavigation__eintrag > a:hover,
.hauptnavigation__liste > li.menu-item--kontakt > .hauptnavigation__eintrag > a:focus-visible,
.hauptnavigation__liste > li.menu-item--kontakt.current-menu-item > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.menu-item--kontakt.current-menu-ancestor > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.menu-item--kontakt.current_page_item > .hauptnavigation__eintrag > a,
.hauptnavigation__liste > li.menu-item--kontakt.current_page_ancestor > .hauptnavigation__eintrag > a {
	background: linear-gradient(180deg, var(--farbe-menue-start-hover) 0%, var(--farbe-menue-ende-hover) 100%);
	color: #fff;
}

.hauptnavigation__servicebereich {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem 0.9rem;
}

.hauptnavigation__servicetitel {
	margin: 0;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--farbe-text-sanft);
}

.hauptnavigation__servicemenu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem 0.8rem;
}

.hauptnavigation__servicemenu > li {
	position: relative;
}

.hauptnavigation__servicemenu > li > a {
	display: inline-flex;
	align-items: center;
	min-height: 2rem;
	padding: 0.25rem 0;
	color: var(--farbe-sekundaer);
	text-decoration: none;
	font-size: 0.88rem;
	font-weight: 600;
}

.hauptnavigation__servicemenu > li > a:hover,
.hauptnavigation__servicemenu > li > a:focus-visible {
	color: var(--farbe-primar);
}

.hauptnavigation__servicemenu .sub-menu {
	right: 0;
	left: auto;
}

.hauptnavigation__servicemenu > li:hover > .sub-menu,
.hauptnavigation__servicemenu > li:focus-within > .sub-menu {
	display: block;
}

.hauptnavigation__servicemenu .sub-menu a {
	display: block;
	padding: 0.62rem 0.8rem;
	border-radius: 12px;
	background: transparent;
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
	line-height: 1.35;
}

.hauptnavigation__servicemenu .sub-menu a:hover,
.hauptnavigation__servicemenu .sub-menu a:focus-visible {
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
}

.kopfbereich__kontakt {
	justify-self: end;
}

.hauptnavigation__mobilblock {
	display: none;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(217, 226, 236, 0.95);
}

.hauptnavigation__mobiltitel {
	margin-bottom: 0.75rem;
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--farbe-text-sanft);
}

.hauptnavigation__mobilmenu,
.hauptnavigation__mobilmenu .sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.hauptnavigation__mobilmenu {
	display: grid;
	gap: 0.55rem;
}

.hauptnavigation__mobilmenu .hauptnavigation__eintrag {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
}

.hauptnavigation__mobilmenu > li > .hauptnavigation__eintrag > a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.7rem;
	padding: 0.75rem 0.95rem;
	border-radius: 14px;
	border: 1px solid rgba(217, 226, 236, 0.95);
	background: rgba(255, 255, 255, 0.94);
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 600;
	box-shadow: none;
}

.hauptnavigation__mobilblock .hauptnavigation__icon {
	width: 1.12rem;
	height: 1.12rem;
}

.hauptnavigation__mobilmenu > li > .hauptnavigation__eintrag > .untermenueknopf {
	width: 2.8rem;
	min-width: 2.8rem;
	min-height: 2.8rem;
	margin-left: 0.35rem;
	border-color: rgba(217, 226, 236, 0.95);
	background: rgba(255, 255, 255, 0.94);
}

.hauptnavigation__mobilmenu .sub-menu {
	padding: 0.45rem 0 0 0.85rem;
}

.hauptnavigation__mobilmenu .sub-menu li + li {
	margin-top: 0.25rem;
}

.hauptnavigation__mobilmenu .sub-menu a {
	display: block;
	padding: 0.5rem 0.75rem;
	border-radius: 12px;
	background: rgba(244, 247, 251, 0.98);
	color: var(--farbe-primar);
	text-decoration: none;
}

.hauptnavigation__mobilmenu .sub-menu a:hover,
.hauptnavigation__mobilmenu .sub-menu a:focus-visible {
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
}

.hauptnavigation__mobilmenu .hauptnavigation__socialblock {
	padding: 0.25rem 0.1rem 0.05rem;
}

.hauptnavigation__mobilmenu .hauptnavigation__social-links {
	gap: 0.95rem;
}

.hauptnavigation__mobilmenu .hauptnavigation__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.95rem;
	min-height: 2.95rem;
	padding: 0.18rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-decoration: none;
	box-shadow: none;
}

.hauptnavigation__mobilmenu .hauptnavigation__social-link .hauptnavigation__icon {
	width: 1.85rem;
	height: 1.85rem;
	pointer-events: none;
}

.hauptnavigation__mobilmenu .hauptnavigation__social-link .hauptnavigation__icon--tiktok path:first-child {
	fill: var(--farbe-primar);
}

.hauptnavigation__mobilmenu .hauptnavigation__social-link:hover,
.hauptnavigation__mobilmenu .hauptnavigation__social-link:focus-visible {
	background: transparent;
	transform: translateY(-1px);
}

.schaltflaeche,
.wp-block-button__link,
button,
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 2.95rem;
	padding: 0.75rem 1.15rem;
	border: 1px solid var(--farbe-primar);
	border-radius: var(--radius-rund);
	background: var(--farbe-primar);
	color: #ffffff;
	font-weight: 700;
	font-size: 0.96rem;
	text-decoration: none;
	box-shadow: 0 10px 22px rgba(30, 95, 168, 0.16);
	cursor: pointer;
	text-shadow: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.schaltflaeche:hover,
.schaltflaeche:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
button:hover,
button:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible {
	border-color: var(--farbe-menue-start-hover);
	background: var(--farbe-menue-start-hover);
	color: #ffffff;
	box-shadow: 0 14px 28px rgba(30, 95, 168, 0.18);
}

.schaltflaeche--sekundaer {
	border-color: var(--farbe-linie);
	background: #ffffff;
	color: var(--farbe-primar);
	box-shadow: none;
}

.schaltflaeche:active,
.wp-block-button__link:active,
button:active,
input[type="submit"]:active {
	border-color: var(--farbe-menue-ende-hover);
	background: var(--farbe-menue-ende-hover);
	color: #ffffff;
	transform: translateY(1px);
	box-shadow: 0 8px 18px rgba(15, 71, 120, 0.18);
}

.schaltflaeche:focus-visible,
.wp-block-button__link:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
	outline: 3px solid rgba(30, 95, 168, 0.28);
	outline-offset: 3px;
}

.schaltflaeche--sekundaer:hover,
.schaltflaeche--sekundaer:focus-visible,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.is-style-outline > .wp-block-button__link:hover,
.is-style-outline > .wp-block-button__link:focus-visible {
	border-color: var(--farbe-primar);
	background: var(--farbe-hintergrund);
	color: var(--farbe-primar);
	box-shadow: 0 10px 22px rgba(30, 95, 168, 0.08);
}

.schaltflaeche--sekundaer:active,
.wp-block-button.is-style-outline .wp-block-button__link:active,
.is-style-outline > .wp-block-button__link:active {
	border-color: var(--farbe-menue-ende);
	background: var(--farbe-hintergrund);
	color: var(--farbe-menue-ende);
	transform: translateY(1px);
}

.schaltflaechenzeile {
	display: flex;
	flex-wrap: wrap;
	gap: var(--abstand-3);
}

.seiteninhalt {
	display: block;
}

.hero-bereich {
	padding: clamp(2.5rem, 6vw, 4.8rem) 0 var(--abstand-7);
}

.hero-bereich__flaeche {
	display: grid;
	gap: var(--abstand-5);
	align-items: start;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: 32px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.96)),
		radial-gradient(circle at top right, rgba(30, 95, 168, 0.12), transparent 18rem);
	box-shadow: var(--schatten-flaeche);
}

.hero-bereich__seitenleiste {
	display: grid;
	align-content: start;
	gap: var(--abstand-3);
}

.hero-bereich h1 {
	max-width: 11ch;
	font-size: clamp(2.15rem, 4.2vw, 3.25rem);
}

.hero-bereich__vorangestellt {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: var(--abstand-3);
	padding: 0.38rem 0.86rem;
	border-radius: var(--radius-rund);
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	color: #fff;
	box-shadow: var(--schatten-menue);
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.bereichskopf__vorangestellt,
.seitenkopf__vorangestellt,
.hero-bereich__etikett,
.seitenfuss__vorwort {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: var(--abstand-3);
	padding: 0.34rem 0.78rem;
	border: 1px solid rgba(23, 112, 191, 0.14);
	border-radius: var(--radius-rund);
	background: rgba(23, 112, 191, 0.08);
	color: var(--farbe-menue-ende);
	box-shadow: none;
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.hero-bereich__inhalt p,
.seitenkopf__text,
.bereichskopf p:not(.bereichskopf__vorangestellt),
.cta-flaeche p,
.seitenfuss p:not(.seitenfuss__vorwort) {
	max-width: 60ch;
	color: var(--farbe-text-sanft);
}

.hero-bereich__inhalt > p:last-of-type {
	font-size: 1.05rem;
	max-width: 58ch;
}

.hero-bereich__vorangestellt,
.hero-bereich__vorangestellt a {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	opacity: 1;
	text-shadow: 0 1px 1px rgba(8, 40, 73, 0.22);
}

.bereichskopf__vorangestellt a,
.seitenkopf__vorangestellt a,
.hero-bereich__etikett a,
.seitenfuss__vorwort a {
	color: inherit !important;
	-webkit-text-fill-color: currentcolor;
	opacity: 1;
	text-shadow: none;
}

.nutzenliste {
	display: grid;
	gap: 0.75rem;
	margin: var(--abstand-4) 0 0;
	padding: 0;
	list-style: none;
}

.nutzenliste li {
	padding-left: 1.6rem;
	position: relative;
}

.nutzenliste li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65rem;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	background: var(--farbe-menue-start);
}

.hero-bereich__karte--start {
	display: grid;
	align-content: start;
}

.hero-bereich__bild {
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-mittel);
	background: rgba(255, 255, 255, 0.9);
	box-shadow: var(--schatten-klein);
}

.hero-bereich__bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: auto;
	object-fit: contain;
}

.hero-bereich__fakten {
	display: grid;
	gap: 0.7rem;
	margin: var(--abstand-4) 0 0;
	padding: 0;
	list-style: none;
}

.hero-bereich__fakten li {
	padding: 0.8rem 1rem;
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: 16px;
	background: rgba(23, 112, 191, 0.05);
	font-weight: 600;
	color: var(--farbe-primar);
}

.hero-direktlinks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.25rem, 1fr));
	gap: 0.75rem;
	margin-top: var(--abstand-4);
}

.hero-direktlink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgba(30, 95, 168, 0.12);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.94);
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 700;
	text-align: center;
}

.hero-direktlink:hover,
.hero-direktlink:focus-visible {
	background: rgba(244, 247, 251, 0.98);
	border-color: rgba(30, 95, 168, 0.18);
}

.hero-bereich__karte,
.karte,
.cta-flaeche,
.seitenkopf,
.editorbereich,
.elementor-bereich {
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-mittel);
	background: #ffffff;
	box-shadow: var(--schatten-klein);
}

.hero-bereich__karte,
.karte__inhalt,
.cta-flaeche,
.editorbereich,
.elementor-bereich {
	padding: clamp(1.25rem, 3vw, 2rem);
}

.infokacheln {
	display: grid;
	gap: var(--abstand-3);
	margin-top: var(--abstand-4);
}

.infokachel {
	display: grid;
	gap: 0.25rem;
	padding: 1rem 1.1rem;
	border-radius: var(--radius-klein);
	background: var(--farbe-flaeche-sanft);
}

.infokachel strong {
	color: var(--farbe-primar);
}

.infokachel__titel,
.infokachel strong {
	display: block;
	margin: 0;
	font-size: 1rem;
	line-height: 1.35;
	color: var(--farbe-text);
}

.infokachel__text,
.infokachel span {
	display: block;
	margin: 0;
	font-size: 0.97rem;
	line-height: 1.62;
	color: var(--farbe-text-sanft);
}

.signalleiste {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: var(--abstand-3);
}

.signalkarte {
	padding: 1.15rem 1.2rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-klein);
	background: #ffffff;
	box-shadow: none;
}

.signalkarte--fokus {
	border-color: rgba(30, 95, 168, 0.16);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 247, 251, 0.96));
}

.signalkarte__titel {
	margin-bottom: 0.5rem;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--farbe-sekundaer);
}

.signalkarte h3 {
	margin-bottom: 0.5rem;
	font-size: 1.15rem;
}

.faktenblock {
	display: grid;
	gap: var(--abstand-4);
	margin: 0 0 var(--abstand-5);
	padding: clamp(1.1rem, 3vw, 1.8rem);
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-mittel);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(232, 241, 248, 0.9));
}

.faktenblock__titel {
	margin-bottom: 0;
}

.faktenblock__raster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-3);
}

.faktenblock__liste {
	margin: 0;
}

.faktenblock__karte {
	padding: 1rem 1.1rem;
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.96);
	box-shadow: none;
}

.faktenblock__begriff,
.faktenblock__karte h3 {
	margin-bottom: 0.45rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--farbe-text);
}

.faktenblock__wert,
.faktenblock__karte p {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.linkkarten--weit {
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
}

.bildplatzhalter {
	display: grid;
	align-content: end;
	gap: 0.8rem;
	min-height: 13.5rem;
	aspect-ratio: 16 / 10;
	padding: clamp(1.2rem, 3vw, 1.6rem);
	border-bottom: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-mittel) var(--radius-mittel) 0 0;
	background:
		linear-gradient(135deg, rgba(232, 241, 248, 0.94), rgba(255, 255, 255, 0.96)),
		radial-gradient(circle at top right, rgba(15, 99, 171, 0.14), transparent 15rem);
}

.bildplatzhalter--standort {
	background:
		linear-gradient(135deg, rgba(236, 244, 251, 0.98), rgba(255, 255, 255, 0.94)),
		radial-gradient(circle at top left, rgba(23, 112, 191, 0.15), transparent 12rem);
}

.bildplatzhalter--online {
	background:
		linear-gradient(135deg, rgba(243, 248, 253, 0.98), rgba(255, 255, 255, 0.94)),
		radial-gradient(circle at top right, rgba(72, 103, 131, 0.14), transparent 13rem);
}

.bildplatzhalter--unterricht {
	background:
		linear-gradient(135deg, rgba(233, 241, 249, 0.94), rgba(255, 255, 255, 0.97)),
		radial-gradient(circle at bottom left, rgba(23, 112, 191, 0.12), transparent 12rem);
}

.bildplatzhalter__label {
	display: inline-flex;
	align-items: center;
	align-self: start;
	padding: 0.35rem 0.75rem;
	border-radius: var(--radius-rund);
	background: rgba(31, 49, 66, 0.08);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--farbe-primar);
}

.bildplatzhalter__hinweis {
	margin: 0;
	max-width: 30ch;
	font-size: 0.94rem;
	color: var(--farbe-text-sanft);
}

.formatkarte {
	height: 100%;
}

.telc-raster {
	align-items: stretch;
}

.telc-hinweise {
	margin-bottom: var(--abstand-4);
}

.bewertungsraster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-4);
}

.bewertungskarte {
	padding: clamp(1.2rem, 3vw, 1.8rem);
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-mittel);
	background: rgba(255, 255, 255, 0.9);
	box-shadow: none;
}

.bewertungskarte--fokus {
	border-color: rgba(23, 112, 191, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 241, 249, 0.8));
}

.bewertungskarte__kontext {
	margin-bottom: var(--abstand-2);
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--farbe-sekundaer);
}

.bewertungskarte blockquote {
	margin: 0 0 var(--abstand-3);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	font-size: 1.05rem;
	line-height: 1.7;
	color: var(--farbe-primar);
}

.bewertungskarte__quelle {
	margin: 0;
	font-weight: 700;
	color: var(--farbe-text-sanft);
}

.bereichskopf {
	display: grid;
	gap: 0.4rem;
	margin-bottom: clamp(1.6rem, 3vw, 2.2rem);
	max-width: 44rem;
}

.bereichskopf h2 {
	max-width: 20ch;
}

.seitenkopf__inhalt h1 {
	max-width: 18ch;
}

.raster,
.karten-raster,
.vertrauensleiste,
.linkkarten,
.seitenfuss__raster {
	display: grid;
	gap: var(--abstand-4);
}

.raster--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.karten-raster--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.karten-raster--3,
.vertrauensleiste {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.karte {
	overflow: hidden;
	border: 1px solid rgba(31, 49, 66, 0.07);
	background: rgba(255, 255, 255, 0.9);
	box-shadow: none;
}

.karte--gross {
	height: 100%;
	box-shadow: var(--schatten-klein);
}

.karte--fokus {
	border-color: rgba(23, 112, 191, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 241, 249, 0.82));
	box-shadow: var(--schatten-flaeche);
}

.karte__verknuepfung {
	display: block;
	height: 100%;
	text-decoration: none;
}

.karte__bild img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.karte__meta {
	margin-bottom: 0.65rem;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--farbe-sekundaer);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.karte__meta-zeile {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 0.65rem;
}

.karte__meta-zeile .karte__meta {
	margin-bottom: 0;
}

.karte__meta-kategorie {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.56rem;
	border-radius: 999px;
	background: rgba(10, 104, 178, 0.1);
	color: var(--farbe-primar);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.kurskarte--fokus h3,
.servicekarte--fokus h3,
.formatkarte--fokus h3,
.vertrauenskachel--fokus h3 {
	font-size: clamp(1.22rem, 2vw, 1.42rem);
}

.kurskarte--sekundaer,
.servicekarte--sekundaer,
.formatkarte--sekundaer {
	background: rgba(255, 255, 255, 0.88);
}

.servicekarte .karte__inhalt,
.kurskarte .karte__inhalt {
	display: grid;
	gap: 0.8rem;
	align-content: start;
}

.servicekarte .textlink,
.kurskarte .textlink {
	margin-top: auto;
}

.servicekarte__liste {
	margin-bottom: var(--abstand-4);
}

.textlink {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
	color: var(--farbe-primar);
}

.textlink::after {
	content: "→";
}

.vertrauenskachel {
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid rgba(31, 49, 66, 0.06);
	border-radius: var(--radius-mittel);
	background: rgba(255, 255, 255, 0.78);
	box-shadow: none;
}

.vertrauenskachel--fokus {
	border-color: rgba(23, 112, 191, 0.14);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 241, 249, 0.82));
	box-shadow: var(--schatten-klein);
}

.vertrauenskachel__zahl {
	margin-bottom: var(--abstand-2);
	font-size: 0.95rem;
	font-weight: 700;
	color: var(--farbe-menue-start);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.fragenliste {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-3);
}

.frage {
	border: 1px solid rgba(31, 49, 66, 0.1);
	border-radius: var(--radius-klein);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 252, 0.9));
	padding: 1.1rem 1.2rem;
}

.frage h3 {
	margin-bottom: 0.6rem;
	font-size: 1.05rem;
	line-height: 1.35;
}

.frage summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--farbe-primar);
	list-style: none;
}

.frage summary::-webkit-details-marker {
	display: none;
}

.frage p {
	margin: 0.9rem 0 0;
	color: var(--farbe-text-sanft);
	line-height: 1.7;
}

.bereichsaktion {
	display: flex;
	flex-wrap: wrap;
	gap: var(--abstand-3);
	margin-top: var(--abstand-4);
}

.cta-flaeche {
	display: grid;
	gap: var(--abstand-4);
	align-items: center;
	color: var(--farbe-text);
	box-shadow: var(--schatten-klein);
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(233, 241, 249, 0.92));
}

.cta-flaeche h2 {
	color: var(--farbe-primar);
}

.cta-flaeche p {
	color: var(--farbe-text-sanft);
}

.cta-flaeche .bereichskopf__vorangestellt {
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	color: #fff;
}

.cta-flaeche .schaltflaeche--sekundaer {
	border-color: var(--farbe-primar);
	background: #ffffff;
	color: var(--farbe-primar);
}

.cta-flaeche .schaltflaeche--sekundaer:hover,
.cta-flaeche .schaltflaeche--sekundaer:focus-visible {
	border-color: var(--farbe-primar);
	background: var(--farbe-hintergrund);
	color: var(--farbe-primar);
}

.cta-flaeche .schaltflaeche--sekundaer:active {
	border-color: var(--farbe-menue-ende);
	background: var(--farbe-hintergrund);
	color: var(--farbe-menue-ende);
}

.seitenkopf {
	margin: var(--abstand-5) 0 0;
	padding: clamp(1.5rem, 3vw, 2.4rem);
}

.seitenkopf--kompakt {
	margin-bottom: var(--abstand-4);
}

.seitenkopf__inhalt {
	max-width: 52rem;
}

.seitenkopf__text {
	font-size: 1.08rem;
}

.seitenkopf__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(15rem, 0.85fr);
	align-items: center;
	gap: clamp(1.2rem, 2.6vw, 2.1rem);
}

.seitenkopf__layout--ohne-bild {
	grid-template-columns: minmax(0, 1fr);
}

.seitenkopf__hero-bild {
	margin: 0;
	overflow: hidden;
	border-radius: 24px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 241, 249, 0.9));
	box-shadow: 0 16px 34px rgba(20, 38, 59, 0.08);
}

.seitenkopf__hero-bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.brotkrumen {
	margin-bottom: var(--abstand-4);
}

.brotkrumen__liste {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0.95rem;
	color: var(--farbe-text-sanft);
}

.brotkrumen__eintrag {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
}

.brotkrumen__eintrag:not(:last-child)::after {
	content: "/";
	color: rgba(88, 100, 115, 0.7);
}

.inhalt-wrap {
	width: min(100%, 48rem);
	margin: var(--abstand-6) auto;
}

.inhalt-vollbreit > *,
.elementor-bereich > *,
.editorbereich > * {
	margin-top: 0;
}

.inhalt-vollbreit {
	width: min(100%, 100%);
	margin: 0 auto;
}

.vollbreit-meta {
	margin-top: var(--abstand-5);
}

.elementor-bereich {
	margin-top: var(--abstand-5);
}

.beitragsmeta,
.eintrag-fuss,
.post-navigation,
.wp-block-group,
.wp-block-columns {
	margin-top: var(--abstand-4);
}

.beitragsmeta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	color: var(--farbe-text-sanft);
	font-size: 0.95rem;
}

.beitragsbild {
	margin: var(--abstand-4) 0;
	overflow: hidden;
	border-radius: var(--radius-klein);
}

.beitragsbild img {
	width: 100%;
}

.eintrag-fuss__block {
	margin-bottom: 0.5rem;
}

.post-navigation {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-3);
}

.post-navigation a {
	display: block;
	padding: 1rem 1.1rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-klein);
	background: #ffffff;
	text-decoration: none;
}

.navigation-hinweis {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--farbe-sekundaer);
}

.suchformular {
	margin-bottom: var(--abstand-4);
}

.suchformular__gruppe {
	display: flex;
	gap: var(--abstand-3);
}

.suchformular__feld {
	flex: 1 1 auto;
}

.linkkarten {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: var(--abstand-4);
}

.linkkarte {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-height: 4rem;
	padding: 0.95rem 1rem;
	border: 1px solid rgba(30, 95, 168, 0.12);
	border-radius: var(--radius-klein);
	background: rgba(244, 247, 251, 0.98);
	text-decoration: none;
	font-weight: 700;
	color: var(--farbe-primar);
}

.linkkarte--sekundaer {
	min-height: 3.4rem;
	background: rgba(255, 255, 255, 0.98);
	border-color: rgba(217, 226, 236, 0.95);
	color: var(--farbe-sekundaer);
	font-weight: 600;
}

.suchergebnisse-block {
	margin-top: var(--abstand-5);
}

.suchergebnisse-block:first-of-type {
	margin-top: var(--abstand-4);
}

.suchergebniskarte .karte__inhalt {
	display: grid;
	gap: 0.8rem;
	align-content: start;
}

.suchergebniskarte .textlink {
	margin-top: auto;
}

.seite-artikel--bloghub .bereichskopf h2,
.seite-artikel--bloghub .seitenkopf__titel,
.seite-artikel--bloghub .seitenkopf__text,
.seite-artikel--bloghub h3 {
	max-width: none;
	overflow-wrap: anywhere;
	hyphens: auto;
}

.seite-artikel--bloghub .innen {
	width: min(100% - 2rem, 73.75rem);
}

.seitenkopf--bloghub {
	border-color: rgba(30, 95, 168, 0.13);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(236, 244, 251, 0.94)),
		radial-gradient(circle at top right, rgba(30, 95, 168, 0.14), transparent 22rem);
	box-shadow: var(--schatten-flaeche);
}

.seitenkopf--bloghub .seitenkopf__inhalt {
	max-width: none;
}

.bloghub__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.12fr) minmax(18.5rem, 0.88fr);
	gap: clamp(1.4rem, 3.2vw, 2.6rem);
	align-items: center;
}

.bloghub__hero-intro {
	display: grid;
	align-content: start;
	gap: 1rem;
}

.bloghub__hero-intro .seitenkopf__titel {
	max-width: 15ch;
}

.bloghub__hero-subtitle {
	margin: 0;
	font-family: var(--schrift-serif);
	font-size: clamp(1.26rem, 2.2vw, 1.62rem);
	line-height: 1.36;
	color: var(--farbe-primar);
}

.seite-artikel--bloghub .seitenkopf__text {
	max-width: 58rem;
	font-size: 1.02rem;
	line-height: 1.72;
}

.bloghub__hero-panel {
	display: grid;
	gap: 1rem;
	padding: clamp(1.35rem, 2.8vw, 1.9rem);
	border: 1px solid rgba(30, 95, 168, 0.12);
	border-radius: calc(var(--radius-mittel) + 0.2rem);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 241, 249, 0.9)),
		radial-gradient(circle at top right, rgba(30, 95, 168, 0.12), transparent 14rem);
	box-shadow: var(--schatten-klein);
}

.bloghub__hero-panel h2 {
	margin-bottom: 0;
	font-size: clamp(1.26rem, 2vw, 1.55rem);
}

.bloghub__hero-panel p {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.bloghub__hero-stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
}

.bloghub__hero-stat {
	display: grid;
	gap: 0.18rem;
	padding: 0.9rem 0.95rem;
	border: 1px solid rgba(30, 95, 168, 0.08);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.9);
}

.bloghub__hero-stat strong {
	font-size: 1.08rem;
	color: var(--farbe-primar);
}

.bloghub__hero-stat span {
	font-size: 0.9rem;
	line-height: 1.45;
	color: var(--farbe-text-sanft);
}

.bloghub__hero-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	padding: 0;
	margin: 0;
	list-style: none;
}

.bloghub__hero-tags li {
	padding: 0.5rem 0.78rem;
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	font-size: 0.88rem;
	font-weight: 700;
	color: var(--farbe-primar);
}

.bloghub__category-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: 1fr;
	gap: clamp(1rem, 2vw, 1.45rem);
	align-items: stretch;
}

.bloghub__category-card {
	--blog-marker: rgba(217, 231, 247, 0.78);
	display: grid;
	height: 100%;
	border-radius: var(--radius-mittel);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(245, 248, 252, 0.92)),
		radial-gradient(circle at top right, rgba(30, 95, 168, 0.12), transparent 12rem);
	border-top: 3px solid var(--blog-akzent);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.bloghub__category-card:hover,
.bloghub__category-card:focus-within {
	border-color: rgba(30, 95, 168, 0.16);
	box-shadow: var(--schatten-klein);
	transform: translateY(-0.18rem);
}

.bloghub__category-card .karte__inhalt,
.bloghub__search-card .karte__inhalt,
.bloghub__why-copy .karte__inhalt,
.bloghub__empty .karte__inhalt {
	display: grid;
	gap: 0.9rem;
	align-content: start;
}

.bloghub__category-card .karte__inhalt {
	grid-template-rows: auto auto 1fr auto;
	height: 100%;
	padding: clamp(1.45rem, 2.6vw, 2.15rem);
}

.bloghub__category-card h3 {
	margin-bottom: 0;
	font-size: 1.14rem;
	line-height: 1.3;
}

.edu-marker-text,
.bloghub__category-title-marker {
	--blog-marker-strong: var(--blog-marker);
	position: relative;
	display: inline;
	padding: 0 0.18em 0.1em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	border-radius: 0.38em 0.62em 0.44em 0.58em;
	background-image:
		linear-gradient(
			177deg,
			transparent 0%,
			transparent 31%,
			var(--blog-marker) 31%,
			var(--blog-marker) 88%,
			transparent 88%,
			transparent 100%
		),
		radial-gradient(
			120% 115% at 12% 78%,
			rgba(255, 255, 255, 0.24) 0%,
			rgba(255, 255, 255, 0) 55%
		),
		radial-gradient(
			150% 120% at 92% 72%,
			rgba(10, 30, 56, 0.045) 0%,
			rgba(10, 30, 56, 0) 62%
		);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	transition: background-image 0.2s ease, filter 0.2s ease;
}

.bloghub__category-card:hover .edu-marker-text,
.bloghub__category-card:focus-within .edu-marker-text,
.bloghub__category-card:hover .bloghub__category-title-marker,
.bloghub__category-card:focus-within .bloghub__category-title-marker {
	background-image:
		linear-gradient(
			177deg,
			transparent 0%,
			transparent 29%,
			var(--blog-marker-strong) 29%,
			var(--blog-marker-strong) 90%,
			transparent 90%,
			transparent 100%
		),
		radial-gradient(
			120% 115% at 12% 78%,
			rgba(255, 255, 255, 0.2) 0%,
			rgba(255, 255, 255, 0) 58%
		),
		radial-gradient(
			150% 120% at 92% 72%,
			rgba(10, 30, 56, 0.055) 0%,
			rgba(10, 30, 56, 0) 64%
		);
}

.bloghub__category-card--deutsch-lernen {
	--blog-marker: rgba(220, 236, 255, 0.85);
	--blog-marker-strong: rgba(209, 228, 251, 0.94);
}

.bloghub__category-card--grammatik-einfach-erklaert {
	--blog-marker: rgba(236, 230, 255, 0.86);
	--blog-marker-strong: rgba(227, 219, 250, 0.94);
}

.bloghub__category-card--deutsch-fuer-alltag-und-beruf {
	--blog-marker: rgba(244, 232, 215, 0.88);
	--blog-marker-strong: rgba(237, 223, 202, 0.94);
}

.bloghub__category-card--tuerkisch-deutsch-uebersetzungen {
	--blog-marker: rgba(217, 240, 231, 0.88);
	--blog-marker-strong: rgba(206, 233, 221, 0.94);
}

.bloghub__category-card--beglaubigte-uebersetzungen {
	--blog-marker: rgba(223, 232, 223, 0.88);
	--blog-marker-strong: rgba(211, 223, 211, 0.94);
}

.bloghub__category-card--beratung-bildung {
	--blog-marker: rgba(219, 234, 254, 0.88);
	--blog-marker-strong: rgba(208, 227, 252, 0.94);
}

.bloghub__category-card--job-coaching {
	--blog-marker: rgba(235, 226, 247, 0.88);
	--blog-marker-strong: rgba(226, 214, 242, 0.94);
}

.bloghub__category-card--it-python-robotik-kinder {
	--blog-marker: rgba(217, 240, 247, 0.88);
	--blog-marker-strong: rgba(206, 233, 242, 0.94);
}

.bloghub__category-card--pruefungsvorbereitung {
	--blog-marker: rgba(245, 232, 201, 0.9);
	--blog-marker-strong: rgba(237, 221, 182, 0.95);
}

.bloghub__category-card--onlinekurse-praesenzkurse {
	--blog-marker: rgba(228, 235, 243, 0.9);
	--blog-marker-strong: rgba(217, 227, 237, 0.95);
}

.bloghub__category-card p:not(.karte__meta) {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.66;
	color: var(--farbe-text-sanft);
}

.bloghub__category-card .textlink {
	margin-top: 0.15rem;
	align-self: end;
}

.bloghub__category-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.bloghub__category-topline .karte__meta {
	margin-bottom: 0;
}

.bloghub__category-symbol {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(233, 241, 249, 0.94));
	box-shadow: inset 0 0 0 1px rgba(30, 95, 168, 0.1);
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: var(--blog-akzent);
}

.bloghub__search-card {
	border-radius: var(--radius-mittel);
	border-color: rgba(30, 95, 168, 0.13);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(237, 244, 250, 0.94)),
		radial-gradient(circle at top left, rgba(30, 95, 168, 0.12), transparent 18rem);
	box-shadow: var(--schatten-klein);
}

.bloghub__search-card .karte__inhalt {
	grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
	align-items: center;
	gap: clamp(1.25rem, 3vw, 2.2rem);
	padding: clamp(1.45rem, 3vw, 2.2rem);
}

.bloghub__section--search {
	padding-top: clamp(4rem, 7vw, 5.5rem);
}

.bloghub__search-form {
	margin-bottom: 0;
}

.bloghub__search-form .suchformular__gruppe {
	gap: 0.9rem;
	align-items: stretch;
}

.bloghub__search-form .suchformular__feld {
	min-height: 3.45rem;
	padding: 1rem 1.15rem;
	border-color: rgba(30, 95, 168, 0.16);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.98);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
	font-size: 1rem;
}

.bloghub__search-form .suchformular__feld:focus-visible {
	border-color: rgba(30, 95, 168, 0.45);
}

.bloghub__search-form .schaltflaeche {
	min-height: 3.45rem;
	padding-inline: 1.45rem;
	box-shadow: 0 14px 26px rgba(30, 95, 168, 0.18);
	white-space: nowrap;
}

.bloghub__posts-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--abstand-4);
}

.bloghub__post-card {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
	border-radius: var(--radius-mittel);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.bloghub__post-card:hover,
.bloghub__post-card:focus-within {
	box-shadow: var(--schatten-klein);
	transform: translateY(-0.16rem);
}

.bloghub__post-image {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(31, 49, 66, 0.08);
	background: rgba(244, 247, 251, 0.92);
}

.bloghub__post-image img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform 0.22s ease;
}

.bloghub__post-card:hover .bloghub__post-image img,
.bloghub__post-card:focus-within .bloghub__post-image img {
	transform: scale(1.025);
}

.bloghub__post-image--placeholder {
	display: grid;
	place-items: center;
	aspect-ratio: 16 / 10;
	background:
		linear-gradient(135deg, rgba(232, 241, 248, 0.98), rgba(255, 255, 255, 0.95)),
		radial-gradient(circle at top right, rgba(30, 95, 168, 0.16), transparent 12rem);
}

.bloghub__post-image--placeholder span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 4rem;
	min-height: 4rem;
	padding: 0.75rem;
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: inset 0 0 0 1px rgba(30, 95, 168, 0.1);
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--farbe-primar);
}

.bloghub__post-content {
	display: grid;
	gap: 0.9rem;
	align-content: start;
	grid-template-rows: auto auto 1fr auto;
	height: 100%;
	padding: clamp(1.2rem, 2.4vw, 1.65rem);
}

.bloghub__post-card--text .bloghub__post-content {
	padding-top: clamp(1.25rem, 2.8vw, 1.8rem);
}

.bloghub__post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	font-size: 0.86rem;
	color: var(--farbe-text-sanft);
}

.bloghub__post-category {
	display: inline-flex;
	align-items: center;
	padding: 0.34rem 0.62rem;
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
	font-weight: 700;
	text-decoration: none;
}

.bloghub__post-category:hover,
.bloghub__post-category:focus-visible {
	background: rgba(30, 95, 168, 0.14);
	color: var(--farbe-menue-ende);
}

.bloghub__post-title {
	margin-bottom: 0;
	font-size: clamp(1.12rem, 1.8vw, 1.3rem);
	line-height: 1.28;
}

.bloghub__post-title a {
	color: var(--farbe-text);
	text-decoration: none;
}

.bloghub__post-title a:hover,
.bloghub__post-title a:focus-visible {
	color: var(--farbe-primar);
}

.bloghub__post-content .textlink {
	align-self: end;
	justify-self: start;
	padding: 0.52rem 0.78rem;
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	text-decoration: none;
}

.bloghub__post-content .textlink:hover,
.bloghub__post-content .textlink:focus-visible {
	background: rgba(30, 95, 168, 0.14);
	color: var(--farbe-menue-ende);
}

.bloghub__pagination {
	margin-top: var(--abstand-4);
}

.bloghub__why {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(17rem, 0.92fr);
	gap: var(--abstand-4);
	align-items: start;
}

.bloghub__why-copy {
	height: 100%;
}

.bloghub__why-copy p:last-child {
	margin-bottom: 0;
}

.bloghub__why-links {
	margin-top: 0;
	align-content: start;
}

.bloghub__cta {
	gap: var(--abstand-4);
}

.bloghub__cta-actions .schaltflaeche,
.bloghub__hero-actions .schaltflaeche {
	flex: 0 1 auto;
}

.bloghub__whatsapp {
	border-color: rgba(37, 211, 102, 0.24);
}

@media (min-width: 48rem) {
	.bloghub__category-grid,
	.bloghub__posts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 72rem) {
	.bloghub__category-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.bloghub__posts-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 74rem) {
	.bloghub__hero,
	.bloghub__why {
		grid-template-columns: 1fr;
	}

	.bloghub__hero-panel,
	.bloghub__why-links {
		max-width: none;
	}

	.bloghub__search-card .karte__inhalt {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 62rem) {
	.bloghub__hero-stats {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 42rem) {
	.bloghub__hero {
		gap: 1rem;
	}

	.bloghub__hero-subtitle {
		font-size: 1.08rem;
	}

	.bloghub__hero-panel {
		padding: 1rem;
	}

	.bloghub__category-grid,
	.bloghub__posts-grid {
		grid-template-columns: 1fr;
	}

	.bloghub__category-card .karte__inhalt,
	.bloghub__search-card .karte__inhalt {
		padding: 1.2rem;
	}

	.bloghub__section--search {
		padding-top: var(--abstand-5);
	}

	.bloghub__search-form .suchformular__gruppe,
	.bloghub__search-form .suchformular__feld,
	.bloghub__search-form .schaltflaeche {
		width: 100%;
	}

	.bloghub__post-meta {
		align-items: flex-start;
	}

	.bloghub__hero-tags li {
		font-size: 0.82rem;
	}

	.bloghub__cta-actions .schaltflaeche,
	.bloghub__hero-actions .schaltflaeche {
		width: 100%;
	}
}

.seitenkopf--kontakt .seitenkopf__inhalt {
	max-width: 56rem;
}

.seitenkopf--deutschkurse .seitenkopf__inhalt {
	max-width: none;
}

.seitenkopf--kursdetail .seitenkopf__inhalt {
	max-width: 56rem;
}

.seite-artikel--kursdetail .seitenkopf__inhalt {
	display: grid;
	gap: 0.95rem;
	align-content: start;
}

.seite-artikel--kursdetail .seitenkopf__titel {
	margin-bottom: 0.55rem;
	max-width: 13ch;
}

.seite-artikel--kursdetail .seitenkopf__text {
	max-width: 60ch;
	font-size: 1.03rem;
	line-height: 1.72;
	color: var(--farbe-text-sanft);
}

.kursdetail__hero-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(16rem, 0.78fr);
	align-items: center;
	gap: clamp(1.4rem, 3vw, 2.4rem);
}

.kursdetail__hero-layout--ohne-bild {
	grid-template-columns: minmax(0, 1fr);
}

.deutschkursseite {
	display: grid;
	gap: var(--abstand-6);
	margin-bottom: var(--abstand-6);
}

.kursuebersicht__hero-layout {
	grid-template-columns: minmax(0, 1.08fr) minmax(17rem, 0.92fr);
	align-items: center;
}

.kursuebersicht__hero-text {
	display: grid;
	align-content: start;
}

.kursdetailseite {
	display: grid;
	gap: var(--abstand-6);
	margin-bottom: var(--abstand-6);
}

.kursuebersicht__heroaktionen {
	margin-top: var(--abstand-4);
}

.kursdetail__heroaktionen {
	margin-top: var(--abstand-4);
}

.kursuebersicht__nutzenliste {
	margin-top: var(--abstand-4);
}

.kursdetail__nutzenliste {
	margin-top: var(--abstand-4);
}

.kursdetail__hero-bild {
	margin: 0;
	overflow: hidden;
	border-radius: 28px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 241, 249, 0.9));
	box-shadow: 0 18px 38px rgba(20, 38, 59, 0.08);
}

.kursdetail__hero-bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.kursuebersicht__hero-bild {
	max-width: 35rem;
	width: 100%;
	justify-self: end;
}

.kursuebersicht__hero-bild img {
	aspect-ratio: 4 / 3;
	object-fit: contain;
	object-position: center;
	background: #ffffff;
}

.seite-artikel--online-deutschkurs .kursuebersicht__hero-layout {
	grid-template-columns: minmax(0, 1fr) minmax(19rem, 1fr);
	align-items: stretch;
}

.seite-artikel--online-deutschkurs .kursuebersicht__hero-bild {
	max-width: none;
	width: 100%;
	height: 100%;
	align-self: stretch;
}

.seite-artikel--online-deutschkurs .kursdetail__hero-bild {
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--online-deutschkurs .kursuebersicht__hero-bild img {
	width: 100%;
	height: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center;
	background: transparent;
}

.seite-artikel--firmenkurse .kursuebersicht__hero-layout {
	grid-template-columns: minmax(0, 1fr) minmax(19rem, 1fr);
	align-items: stretch;
}

.seite-artikel--firmenkurse .kursuebersicht__hero-bild {
	max-width: none;
	width: 100%;
	height: 100%;
	align-self: stretch;
}

.seite-artikel--firmenkurse .kursdetail__hero-bild {
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--firmenkurse .kursuebersicht__hero-bild img {
	width: 100%;
	height: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center center;
	background: transparent;
}

.seite-artikel--beratung .beratung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--beratung .beratung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--beratung .beratung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--beratung .beratung__hero-bild img {
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center center;
	background: transparent;
}

.seite-artikel--coaching .coaching__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--coaching .coaching__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--coaching .coaching__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--coaching .coaching__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--einblicke .einblicke__hero-layout {
	grid-template-columns: minmax(0, 1.06fr) minmax(18rem, 0.94fr);
	align-items: center;
}

.seite-artikel--einblicke .einblicke__hero-text {
	display: grid;
	align-content: start;
}

.seite-artikel--einblicke .einblicke__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--einblicke .edu-einblicke-hero-picture {
	display: block;
	width: 100%;
}

.seite-artikel--einblicke .edu-einblicke-hero-image {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center;
	background: transparent;
}

.einblicke__media-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--abstand-4);
}

.einblicke__media-card {
	display: grid;
	grid-template-rows: auto 1fr;
	height: 100%;
	border-radius: var(--radius-mittel);
}

.einblicke__media-picture {
	display: block;
}

.einblicke__media-picture img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.einblicke__media-placeholder {
	width: 100%;
	aspect-ratio: 16 / 10;
	background:
		linear-gradient(135deg, rgba(30, 95, 168, 0.16), rgba(255, 255, 255, 0.9)),
		linear-gradient(180deg, rgba(244, 247, 251, 0.92), rgba(233, 241, 249, 0.92));
}

.einblicke__social-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--abstand-4);
}

.einblicke__social-card {
	display: grid;
	gap: 0.45rem;
	padding: 1.15rem 1.2rem;
	border: 1px solid rgba(31, 49, 66, 0.09);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.92);
	color: var(--farbe-text);
	text-decoration: none;
	box-shadow: 0 12px 28px rgba(20, 38, 59, 0.06);
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.einblicke__social-card:hover,
.einblicke__social-card:focus-visible {
	border-color: rgba(10, 104, 178, 0.34);
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(20, 38, 59, 0.1);
}

.einblicke__social-title {
	font-weight: 700;
	font-size: 1.06rem;
	color: var(--farbe-text);
}

.einblicke__social-link {
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--farbe-primar);
}

.einblicke__abschluss .cta-flaeche {
	display: grid;
	gap: 1.3rem;
}

.einblicke__cta-aktionen {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.8rem;
}

.einblicke__cta-aktionen .schaltflaeche {
	justify-content: center;
}

.seite-artikel--sprachberatung .sprachberatung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--sprachberatung .sprachberatung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--sprachberatung .sprachberatung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--sprachberatung .sprachberatung__hero-bild img {
	width: 100%;
	height: auto;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	object-position: center center;
	background: transparent;
}

.seite-artikel--telc-beratung .telcberatung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--telc-beratung .telcberatung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--telc-beratung .telcberatung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--telc-beratung .telcberatung__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--pruefungsberatung .pruefungsberatung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--pruefungsberatung .pruefungsberatung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--pruefungsberatung .pruefungsberatung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--pruefungsberatung .pruefungsberatung__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--pruefungen .pruefungen__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--pruefungen .pruefungen__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--pruefungen .pruefungen__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--pruefungen .pruefungen__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--visa-beratung .visaberatung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--visa-beratung .visaberatung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--visa-beratung .visaberatung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--visa-beratung .visaberatung__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--uebersetzungen .uebersetzungen__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--uebersetzungen .uebersetzungen__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--uebersetzungen .uebersetzungen__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--uebersetzungen .uebersetzungen__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--python-fuer-kinder .pythonkinder__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--python-fuer-kinder .pythonkinder__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--python-fuer-kinder .pythonkinder__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--python-fuer-kinder .pythonkinder__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-layout {
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
}

.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-bild {
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	background: rgba(255, 255, 255, 0.72);
}

.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-bild picture {
	display: block;
	width: 100%;
}

.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-bild img {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center center;
	opacity: 1;
	background: transparent;
}

.seite-artikel--ueber-uns .kursdetail__hero-layout {
	grid-template-columns: minmax(0, 1.08fr) minmax(18rem, 0.92fr);
	align-items: stretch;
}

.seite-artikel--ueber-uns .ueber-uns__hero-karte {
	height: 100%;
}

.seite-artikel--ueber-uns .ueber-uns__hero-karte .karte__inhalt {
	display: grid;
	align-content: start;
	gap: 1rem;
	height: 100%;
}

.seite-artikel--ueber-uns .ueber-uns__kontaktliste {
	display: grid;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.seite-artikel--ueber-uns .ueber-uns__kontaktliste li {
	display: grid;
	gap: 0.25rem;
	padding: 0.9rem 1rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: 16px;
	background: rgba(244, 247, 251, 0.82);
}

.seite-artikel--ueber-uns .ueber-uns__kontaktliste strong {
	font-size: 0.95rem;
	color: var(--farbe-text);
}

.seite-artikel--ueber-uns .ueber-uns__kontaktliste span {
	font-size: 0.97rem;
	line-height: 1.58;
	color: var(--farbe-text-sanft);
}

.seite-artikel--ueber-uns .ueber-uns__servicekarte,
.seite-artikel--ueber-uns .signalkarte {
	height: 100%;
}

.seite-artikel--ueber-uns .ueber-uns__servicekarte .karte__inhalt,
.seite-artikel--ueber-uns .signalkarte {
	display: grid;
	align-content: start;
	gap: 0.8rem;
}

.seite-artikel--ueber-uns .ueber-uns__service-link {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--farbe-primar);
	font-weight: 700;
	text-decoration: none;
}

.seite-artikel--ueber-uns .ueber-uns__service-link:hover,
.seite-artikel--ueber-uns .ueber-uns__service-link:focus-visible {
	color: var(--farbe-primar-dunkel);
	text-decoration: underline;
}

.seite-artikel--lernspiele-deutsch .seitenkopf__inhalt {
	max-width: 48rem;
}

.seite-artikel--lernspiele-deutsch .seitenkopf__text {
	max-width: 34rem;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__erklaerung .karte__inhalt {
	gap: 0.8rem;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kacheln {
	align-items: stretch;
	gap: clamp(1rem, 2.4vw, 1.45rem);
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kacheln .kurskarte {
	height: 100%;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel {
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 18px 36px rgba(31, 45, 61, 0.08);
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel .karte__inhalt {
	gap: 0.95rem;
	padding: clamp(1.35rem, 2.8vw, 1.8rem);
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-width: 3rem;
	min-height: 2rem;
	padding: 0.28rem 0.7rem;
	border-radius: var(--radius-rund);
	border: 1px solid rgba(217, 226, 236, 0.95);
	background: rgba(30, 95, 168, 0.1);
	color: var(--farbe-primar);
	font-size: 0.84rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge--a1 {
	background: #dbeafe;
	color: #1d4ed8;
	border-color: #93c5fd;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge--a2 {
	background: #dff7f1;
	color: #0f766e;
	border-color: #99f6e4;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge--b1 {
	background: #ede9fe;
	color: #6d28d9;
	border-color: #c4b5fd;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge--b2 {
	background: #fef3c7;
	color: #b45309;
	border-color: #fcd34d;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel-titel {
	margin: 0;
	font-size: clamp(1.34rem, 2.2vw, 1.72rem);
	line-height: 1.14;
	letter-spacing: -0.02em;
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel-text {
	margin: 0;
	font-size: 1rem;
	line-height: 1.66;
	color: var(--farbe-text-sanft);
}

.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel .kurskarte__link {
	margin-top: auto;
	min-height: 3.15rem;
	width: 100%;
	justify-content: center;
}

.seite-artikel--lernspiele-quiz .seitenkopf__inhalt {
	max-width: 54rem;
}

.seite-artikel--lernspiele-quiz .lernspiele-quiz {
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 18px 36px rgba(31, 45, 61, 0.08);
}

.seite-artikel--lernspiele-quiz .lernspiele-quiz .karte__inhalt {
	gap: 1rem;
	padding: clamp(1.3rem, 2.8vw, 1.8rem);
}

.lernspiele-quiz__einleitung {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.lernspiele-quiz__status {
	display: grid;
	gap: 0.65rem;
}

.lernspiele-quiz__fortschritt {
	margin: 0;
	font-weight: 700;
	color: var(--farbe-text);
}

.lernspiele-quiz__balken {
	width: 100%;
	height: 0.55rem;
	border-radius: var(--radius-rund);
	background: rgba(217, 226, 236, 0.9);
	overflow: hidden;
}

.lernspiele-quiz__balkenwert {
	display: block;
	width: 10%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	transition: width 0.2s ease;
}

.lernspiele-quiz__fragekarte,
.lernspiele-quiz__ergebnis {
	display: grid;
	gap: 1rem;
}

.lernspiele-quiz__fragekarte[hidden],
.lernspiele-quiz__ergebnis[hidden],
.lernspiele-quiz__fehlerblock[hidden] {
	display: none !important;
}

.lernspiele-quiz__frage {
	margin: 0;
	font-size: clamp(1.22rem, 2vw, 1.5rem);
	line-height: 1.22;
	letter-spacing: -0.015em;
}

.lernspiele-quiz__frage:focus {
	outline: none;
}

.lernspiele-quiz__antworten {
	display: grid;
	gap: 0.75rem;
}

.lernspiele-quiz__antwort {
	width: 100%;
	min-height: 3.35rem;
	padding: 0.9rem 1rem;
	border: 1px solid #d9e2ec;
	border-radius: 18px;
	background: #ffffff;
	color: #1f2d3d;
	text-align: left;
	font-weight: 600;
	line-height: 1.45;
	cursor: pointer;
	box-shadow: none;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.lernspiele-quiz__antwort:hover {
	border-color: #bfd3e6;
	background: #f8fbff;
	color: #1f2d3d;
	box-shadow: 0 8px 18px rgba(30, 95, 168, 0.06);
}

.lernspiele-quiz__antwort:focus-visible {
	border-color: #bfd3e6;
	background: #ffffff;
	color: #1f2d3d;
	box-shadow: none;
	outline: 3px solid rgba(30, 95, 168, 0.18);
	outline-offset: 3px;
}

.lernspiele-quiz__antwort.ist-ausgewaehlt {
	border-color: #93c5fd;
	background: #eaf3ff;
	color: #1f2d3d;
	box-shadow: 0 10px 22px rgba(30, 95, 168, 0.08);
}

.lernspiele-quiz__antwort:active {
	border-color: #93c5fd;
	background: #eaf3ff;
	color: #1f2d3d;
	box-shadow: 0 10px 22px rgba(30, 95, 168, 0.08);
	transform: none;
}

.lernspiele-quiz__antwort:disabled {
	opacity: 1;
	cursor: default;
}

.lernspiele-quiz__aktionen {
	justify-content: flex-start;
}

.lernspiele-quiz__aktionen .schaltflaeche {
	min-height: 3.15rem;
}

.lernspiele-quiz__aktionen .schaltflaeche[disabled] {
	opacity: 0.56;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}

.lernspiele-quiz__ergebnisbox {
	display: grid;
	gap: 0.55rem;
	padding: 1.15rem 1.2rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: 20px;
	background: rgba(244, 247, 251, 0.72);
}

.lernspiele-quiz__ergebnisbox h3,
.lernspiele-quiz__fehlerblock h4,
.lernspiele-quiz__fehlerkarte h5 {
	margin: 0;
}

.lernspiele-quiz__rueckmeldung {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.lernspiele-quiz__fehlerblock {
	display: grid;
	gap: 0.95rem;
}

.lernspiele-quiz__fehlerliste {
	display: grid;
	gap: 0.9rem;
}

.lernspiele-quiz__fehlerkarte .karte__inhalt {
	gap: 0.7rem;
}

.lernspiele-quiz__fehlerkarte p {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.lernspiele-quiz__fehlerkarte strong {
	color: var(--farbe-text);
}

.lernspiele-quiz__antwortwert--falsch {
	color: #dc2626;
	font-weight: 600;
}

.lernspiele-quiz__antwortwert--richtig {
	color: #16a34a;
	font-weight: 600;
}

.lernspiele-quiz__hinweis-ohne-js {
	margin: 0;
	padding: 0.95rem 1rem;
	border-radius: 16px;
	background: rgba(254, 243, 199, 0.7);
	color: var(--farbe-text);
}

.kursuebersicht__beratungshinweis {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.65;
	color: var(--farbe-text-sanft);
}

.kursuebersicht__beratungshinweis a,
.kursuebersicht__formathinweis a {
	font-weight: 700;
	text-decoration: none;
}

.kursuebersicht__beratungshinweis a:hover,
.kursuebersicht__beratungshinweis a:focus-visible,
.kursuebersicht__formathinweis a:hover,
.kursuebersicht__formathinweis a:focus-visible {
	text-decoration: underline;
}

.kursuebersicht__abschnitt {
	display: grid;
	gap: var(--abstand-4);
}

.seite-artikel--kursdetail .bereichskopf {
	display: grid;
	gap: 0.7rem;
}

.seite-artikel--kursdetail .bereichskopf p:not(.bereichskopf__vorangestellt) {
	max-width: 64ch;
	line-height: 1.7;
}

.seite-artikel--deutschkurse .seitenkopf__titel {
	margin-bottom: 0.9rem;
	max-width: 13ch;
}

.seite-artikel--deutschkurse .seitenkopf__text {
	max-width: 58ch;
	font-size: 1.04rem;
	line-height: 1.72;
	color: var(--farbe-text-sanft);
}

.seite-artikel--deutschkurse .bereichskopf {
	display: grid;
	gap: 0.7rem;
}

.seite-artikel--deutschkurse .bereichskopf p:not(.bereichskopf__vorangestellt) {
	max-width: 62ch;
	line-height: 1.7;
}

.seite-artikel--deutschkurse .karten-raster--3 {
	gap: clamp(1rem, 2vw, 1.35rem);
}

.seite-artikel--deutschkurse .karten-raster--2 {
	gap: clamp(1rem, 2vw, 1.35rem);
}

.kursdetail__abschnitt {
	display: grid;
	gap: var(--abstand-4);
}

.seite-artikel--kursdetail .karten-raster--2,
.seite-artikel--kursdetail .karten-raster--3 {
	gap: clamp(1rem, 2vw, 1.3rem);
}

.seite-artikel--kursdetail .kurskarte .karte__inhalt {
	gap: 0.78rem;
	padding: clamp(1.05rem, 2.1vw, 1.35rem);
}

.seite-artikel--kursdetail .kurskarte h3 {
	margin: 0;
	font-size: clamp(1.06rem, 1.6vw, 1.2rem);
	line-height: 1.28;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.seite-artikel--kursdetail .kurskarte p {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.66;
	color: var(--farbe-text-sanft);
}

.seite-artikel--kursdetail .kurskarte--format h3 {
	font-size: clamp(1.02rem, 1.45vw, 1.16rem);
}

.kursuebersicht__abschnitt[id="kursstufen"] {
	scroll-margin-top: 7.5rem;
}

.kursuebersicht__zielgruppen {
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.kursuebersicht__zielgruppe {
	height: 100%;
}

.kursuebersicht__formathinweis {
	margin: 0;
	padding: 1rem 1.05rem;
	border: 1px solid rgba(217, 226, 236, 0.95);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.92);
	font-size: 0.98rem;
	line-height: 1.66;
	color: var(--farbe-text-sanft);
}

.seite-artikel--kurskonzept .kurskonzept__bereichskarte {
	display: grid;
	align-items: start;
	justify-content: stretch;
	gap: 0.72rem;
	height: 100%;
	min-height: 14rem;
	padding: clamp(1.1rem, 2.5vw, 1.45rem);
	border-color: var(--farbe-linie);
	background: var(--farbe-flaeche);
	color: var(--farbe-text);
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
}

.seite-artikel--kurskonzept .kurskonzept__bereich-badge {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	min-height: 1.8rem;
	padding: 0.28rem 0.68rem;
	border: 1px solid rgba(30, 95, 168, 0.18);
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.seite-artikel--kurskonzept .kurskonzept__bereich-titel {
	display: block;
	margin: 0;
	color: var(--farbe-text);
	font-size: clamp(1.08rem, 1.55vw, 1.22rem);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -0.01em;
}

.seite-artikel--kurskonzept .kurskonzept__bereich-text {
	display: block;
	margin: 0;
	color: var(--farbe-text-sanft);
	font-size: 0.97rem;
	line-height: 1.62;
}

.seite-artikel--kurskonzept .kurskonzept__bereich-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	align-self: end;
	margin-top: auto;
	color: var(--farbe-primar);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
}

.seite-artikel--kurskonzept .kurskonzept__bereichskarte:hover,
.seite-artikel--kurskonzept .kurskonzept__bereichskarte:focus-visible {
	border-color: rgba(30, 95, 168, 0.24);
	background: linear-gradient(180deg, var(--farbe-flaeche) 0%, var(--farbe-flaeche-sanft) 100%);
	color: var(--farbe-text);
	text-decoration: none;
}

.seite-artikel--standort .standort__anschlusskarte {
	display: grid;
	align-items: start;
	justify-content: stretch;
	gap: 0.72rem;
	height: 100%;
	min-height: 14rem;
	padding: clamp(1.1rem, 2.5vw, 1.45rem);
	border-color: var(--farbe-linie);
	background: var(--farbe-flaeche);
	color: var(--farbe-text);
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
}

.seite-artikel--standort .standort__anschluss-badge {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	min-height: 1.8rem;
	padding: 0.28rem 0.68rem;
	border: 1px solid rgba(30, 95, 168, 0.18);
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.seite-artikel--standort .standort__anschluss-titel {
	display: block;
	margin: 0;
	color: var(--farbe-text);
	font-size: clamp(1.08rem, 1.55vw, 1.22rem);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -0.01em;
}

.seite-artikel--standort .standort__anschluss-text {
	display: block;
	margin: 0;
	color: var(--farbe-text-sanft);
	font-size: 0.97rem;
	line-height: 1.62;
}

.seite-artikel--standort .standort__anschluss-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	align-self: end;
	margin-top: auto;
	color: var(--farbe-primar);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
}

.seite-artikel--standort .standort__anschlusskarte:hover,
.seite-artikel--standort .standort__anschlusskarte:focus-visible {
	border-color: rgba(30, 95, 168, 0.24);
	background: linear-gradient(180deg, var(--farbe-flaeche) 0%, var(--farbe-flaeche-sanft) 100%);
	color: var(--farbe-text);
	text-decoration: none;
}

.seite-artikel--beratung .beratung__anschlusskarte {
	display: grid;
	align-items: start;
	justify-content: stretch;
	gap: 0.72rem;
	height: 100%;
	min-height: 13.5rem;
	padding: clamp(1.1rem, 2.5vw, 1.45rem);
	border-color: var(--farbe-linie);
	background: var(--farbe-flaeche);
	color: var(--farbe-text);
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
}

.seite-artikel--beratung .beratung__anschluss-badge {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	min-height: 1.8rem;
	padding: 0.28rem 0.68rem;
	border: 1px solid rgba(30, 95, 168, 0.18);
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.045em;
	text-transform: uppercase;
}

.seite-artikel--beratung .beratung__anschluss-titel {
	display: block;
	margin: 0;
	color: var(--farbe-text);
	font-size: clamp(1.08rem, 1.55vw, 1.22rem);
	font-weight: 800;
	line-height: 1.22;
	letter-spacing: -0.01em;
}

.seite-artikel--beratung .beratung__anschluss-text {
	display: block;
	margin: 0;
	color: var(--farbe-text-sanft);
	font-size: 0.97rem;
	line-height: 1.62;
}

.seite-artikel--beratung .beratung__anschluss-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	align-self: end;
	margin-top: auto;
	color: var(--farbe-primar);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
}

.seite-artikel--beratung .beratung__anschlusskarte:hover,
.seite-artikel--beratung .beratung__anschlusskarte:focus-visible {
	border-color: rgba(30, 95, 168, 0.24);
	background: linear-gradient(180deg, var(--farbe-flaeche) 0%, var(--farbe-flaeche-sanft) 100%);
	color: var(--farbe-text);
	text-decoration: none;
}

.seite-artikel--faq .faqseite__themen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	gap: 0.85rem;
}

.seite-artikel--faq .faqseite__hero {
	max-width: none;
	grid-template-columns: minmax(0, 1.02fr) minmax(18rem, 0.88fr);
	align-items: center;
	gap: clamp(1.2rem, 3vw, 2.2rem);
}

.seite-artikel--faq .seitenkopf__titel {
	max-width: 16ch;
}

.seite-artikel--faq .faqseite__hero-text {
	display: grid;
	gap: 0.95rem;
	align-content: start;
}

.seite-artikel--faq .faqseite__hero-bild {
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--farbe-linie);
	border-radius: 24px;
	background: var(--farbe-flaeche);
	box-shadow: var(--schatten-flaeche);
}

.seite-artikel--faq .faqseite__hero-bild picture,
.seite-artikel--faq .faqseite__hero-bild img {
	display: block;
	width: 100%;
}

.seite-artikel--faq .faqseite__hero-bild img {
	aspect-ratio: 4 / 3;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.seite-artikel--kontakt .kontaktseite__hero {
	display: grid;
	max-width: none;
	grid-template-columns: minmax(0, 1.04fr) minmax(18rem, 0.9fr);
	align-items: center;
	gap: clamp(1.2rem, 3vw, 2.2rem);
}

.seite-artikel--kontakt .kontaktseite__hero-text {
	display: grid;
	gap: 0.95rem;
	align-content: start;
}

.seite-artikel--kontakt .kontaktseite__hero-bild {
	margin: 0;
	max-width: 36rem;
	width: 100%;
	justify-self: end;
	overflow: hidden;
	border: 1px solid var(--farbe-linie);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.72);
	box-shadow: var(--schatten-flaeche);
}

.seite-artikel--kontakt .kontaktseite__hero-bild picture,
.seite-artikel--kontakt .kontaktseite__hero-bild img {
	display: block;
	width: 100%;
}

.seite-artikel--kontakt .kontaktseite__hero-bild img {
	aspect-ratio: 4 / 3;
	height: auto;
	object-fit: cover;
	object-position: center;
}

.seite-artikel--kontakt .kontaktseite__heroaktionen {
	margin-top: var(--abstand-3);
}

.seite-artikel--faq .faqseite__themenkarte {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	min-height: 3.35rem;
	padding: 0.85rem 1rem;
	border: 1px solid var(--farbe-linie);
	border-radius: var(--radius-klein);
	background: var(--farbe-flaeche);
	color: var(--farbe-primar);
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
	box-shadow: var(--schatten-klein);
}

.seite-artikel--faq .faqseite__themenkarte:hover,
.seite-artikel--faq .faqseite__themenkarte:focus-visible {
	border-color: rgba(30, 95, 168, 0.24);
	background: var(--farbe-flaeche-sanft);
	color: var(--farbe-primar);
	text-decoration: none;
}

.seite-artikel--faq .faqseite__gruppe {
	scroll-margin-top: 7.5rem;
}

.seite-artikel--faq .faqseite__gruppe .fragenliste {
	grid-template-columns: 1fr;
	gap: 0.85rem;
}

.seite-artikel--faq .faqseite__frage {
	padding: 0;
	overflow: hidden;
}

.seite-artikel--faq .faqseite__fragekopf {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 3.25rem;
	padding: 1rem 1.1rem;
	color: var(--farbe-text);
	cursor: pointer;
	list-style: none;
}

.seite-artikel--faq .faqseite__fragekopf::marker,
.seite-artikel--faq .faqseite__fragekopf::-webkit-details-marker {
	display: none;
	content: '';
}

.seite-artikel--faq .faqseite__fragekopf h3 {
	margin: 0;
	color: var(--farbe-text);
	font-size: clamp(1rem, 1.45vw, 1.12rem);
	line-height: 1.35;
}

.seite-artikel--faq .faqseite__fragekopf:focus-visible {
	outline: 3px solid rgba(30, 95, 168, 0.24);
	outline-offset: -3px;
}

.seite-artikel--faq .faqseite__frage-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 1.8rem;
	height: 1.8rem;
	border: 1px solid rgba(30, 95, 168, 0.18);
	border-radius: var(--radius-rund);
	background: rgba(30, 95, 168, 0.08);
	color: var(--farbe-primar);
	font-weight: 800;
	line-height: 1;
}

.seite-artikel--faq .faqseite__frage[open] .faqseite__frage-icon {
	background: var(--farbe-primar);
	color: #ffffff;
}

.seite-artikel--faq .faqseite__frage[open] .faqseite__frage-icon::before {
	content: '';
	width: 0.72rem;
	height: 0.12rem;
	border-radius: var(--radius-rund);
	background: currentcolor;
}

.seite-artikel--faq .faqseite__frage[open] .faqseite__frage-icon {
	font-size: 0;
}

.seite-artikel--faq .faqseite__antwort {
	padding: 0 1.1rem 1.05rem;
}

.seite-artikel--faq .faqseite__antwort p {
	margin: 0;
	color: var(--farbe-text-sanft);
	line-height: 1.68;
}

.seite-artikel--faq .faqseite__bereich-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
}

.seite-artikel--faq .faqseite__textlink {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2.85rem;
	padding: 0.62rem 0.9rem;
	border: 1px solid var(--farbe-linie);
	border-radius: var(--radius-rund);
	background: var(--farbe-flaeche);
	color: var(--farbe-primar);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.seite-artikel--faq .faqseite__textlink:hover,
.seite-artikel--faq .faqseite__textlink:focus-visible {
	border-color: rgba(30, 95, 168, 0.24);
	background: var(--farbe-flaeche-sanft);
	text-decoration: none;
}

@media (max-width: 720px) {
	.seite-artikel--kurskonzept .kurskonzept__bereichskarte,
	.seite-artikel--standort .standort__anschlusskarte,
	.seite-artikel--beratung .beratung__anschlusskarte {
		min-height: 0;
		padding: 1rem;
	}

	.seite-artikel--faq .faqseite__hero {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.seite-artikel--faq .faqseite__hero-bild {
		border-radius: 20px;
	}

	.seite-artikel--faq .faqseite__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 12.5rem;
	}

	.seite-artikel--kontakt .kontaktseite__hero {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.seite-artikel--kontakt .kontaktseite__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--kontakt .kontaktseite__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 12.5rem;
	}

	.seite-artikel--faq .faqseite__themen {
		grid-template-columns: 1fr;
		gap: 0.7rem;
	}

	.seite-artikel--faq .faqseite__themenkarte,
	.seite-artikel--faq .faqseite__textlink {
		width: 100%;
	}

	.seite-artikel--faq .faqseite__gruppe {
		scroll-margin-top: 5.5rem;
	}

	.seite-artikel--faq .faqseite__fragekopf {
		min-height: 3rem;
		padding: 0.9rem 0.95rem;
	}

	.seite-artikel--faq .faqseite__antwort {
		padding: 0 0.95rem 0.95rem;
	}
}

.kurskarte .karte__inhalt {
	display: grid;
	gap: 0.9rem;
	height: 100%;
}

.seite-artikel--deutschkurse .kurskarte .karte__inhalt {
	gap: 0.82rem;
	padding: clamp(1.15rem, 2.5vw, 1.45rem);
	align-content: start;
}

.seite-artikel--deutschkurse .kurskarte .bereichskopf__vorangestellt {
	margin-bottom: 0.1rem;
	font-size: 0.78rem;
	letter-spacing: 0.05em;
	color: var(--farbe-sekundaer);
}

.seite-artikel--deutschkurse .kurskarte h3 {
	margin: 0;
	font-size: clamp(1.16rem, 1.9vw, 1.38rem);
	line-height: 1.18;
	letter-spacing: -0.015em;
	text-wrap: balance;
	color: var(--farbe-text);
}

.seite-artikel--deutschkurse .kurskarte p:not(.bereichskopf__vorangestellt):not(.kurskarte__ziel) {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.68;
	color: var(--farbe-text-sanft);
}

.kurskarte__ziel {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.seite-artikel--deutschkurse .kurskarte__ziel {
	margin-top: 0.18rem;
	padding-top: 0.82rem;
	border-top: 1px solid rgba(217, 226, 236, 0.95);
	font-size: 0.94rem;
	line-height: 1.62;
	color: var(--farbe-text);
}

.seite-artikel--deutschkurse .kurskarte__ziel strong {
	color: var(--farbe-text);
	font-weight: 700;
}

.kurskarte__link {
	margin-top: auto;
	width: 100%;
	border: none;
	background: var(--farbe-primar);
	color: #ffffff;
	box-shadow: 0 12px 24px rgba(30, 95, 168, 0.18);
}

.kurskarte__link:hover,
.kurskarte__link:focus-visible {
	border: none;
	background: var(--farbe-menue-start-hover);
	color: #ffffff;
	box-shadow: 0 14px 28px rgba(30, 95, 168, 0.2);
}

.kurskarte__link:active {
	border: none;
	background: var(--farbe-menue-ende-hover);
	color: #ffffff;
	transform: translateY(1px);
	box-shadow: 0 8px 18px rgba(15, 71, 120, 0.18);
}

.seite-artikel--deutschkurse .kurskarte__link {
	margin-top: 0.45rem;
	min-height: 3.05rem;
}

.kurskarte__textlink {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
	color: var(--farbe-menue-ende);
	text-decoration: none;
}

.kurskarte__textlink:hover,
.kurskarte__textlink:focus-visible {
	text-decoration: underline;
}

.kursdetail__linkkarten {
	margin-top: 0;
}

.kursablauf {
	padding: 0;
	margin: 0;
	list-style: none;
}

.kursablauf__schritt {
	height: 100%;
	list-style: none;
}

.kursablauf__schritt::marker {
	content: '';
}

.kursablauf__zahl {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.3rem;
	height: 2.3rem;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--farbe-menue-start) 0%, var(--farbe-menue-ende) 100%);
	color: #fff;
	font-weight: 700;
	box-shadow: var(--schatten-klein);
}

.kontaktseite {
	display: grid;
	gap: var(--abstand-6);
	margin-bottom: var(--abstand-6);
}

.kontaktseite__abschnitt {
	display: grid;
	gap: var(--abstand-4);
}

.kontaktseite__abschnitt[id="kontakt-formular"] {
	scroll-margin-top: 7.5rem;
}

.kontaktseite__zweispalter {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-4);
}

.kontaktanliegen__karte {
	height: 100%;
}

.kontaktanliegen__karte .karte__inhalt {
	display: grid;
	gap: 0.85rem;
	align-content: start;
	height: 100%;
}

.kontaktanliegen__karte--aktiv {
	border-color: rgba(23, 112, 191, 0.18);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(232, 241, 248, 0.88));
	box-shadow: var(--schatten-klein);
}

.kontaktanliegen__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	margin-top: auto;
}

.kontaktanliegen__sprung {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.9rem;
	padding: 0.72rem 1rem;
	border: 1px solid rgba(23, 112, 191, 0.12);
	border-radius: var(--radius-rund);
	background: rgba(23, 112, 191, 0.07);
	color: var(--farbe-primar);
	text-decoration: none;
	font-weight: 700;
}

.kontaktwege {
	display: grid;
	gap: 0.9rem;
}

.kontaktwege__eintrag {
	padding: 1rem 1.05rem;
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-klein);
	background: rgba(255, 255, 255, 0.94);
}

.kontaktwege__eintrag--fokus {
	border-color: rgba(23, 112, 191, 0.16);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(233, 241, 249, 0.82));
}

.kontaktwege__label {
	margin: 0 0 0.45rem;
	font-size: 0.82rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--farbe-sekundaer);
}

.kontaktwege__eintrag a,
.kontaktwege__eintrag strong {
	display: inline-flex;
	margin-bottom: 0.42rem;
	font-size: 1rem;
	font-weight: 700;
	color: var(--farbe-primar);
	text-decoration: none;
}

.kontaktwege__eintrag p {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.kontaktablauf__aktionen {
	margin-top: var(--abstand-4);
}

.kontaktablauf__whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 0.62rem;
}

.kontaktablauf__whatsapp-icon {
	width: 1.5rem;
	height: 1.5rem;
	flex: 0 0 1.5rem;
	color: #25d366;
}

.kontaktablauf__whatsapp-text {
	color: #ffffff;
}

.kontaktablauf__whatsapp-text--kurz {
	display: none;
}

.kontaktkarte {
	display: grid;
	gap: var(--abstand-4);
}

.kontaktkarte__adresse {
	display: grid;
	gap: 0.25rem;
	margin: 0;
	font-style: normal;
	color: var(--farbe-text);
}

.kontaktkarte__adresse strong {
	font-size: 1.02rem;
}

.kontaktkarte__kartenbereich {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(31, 49, 66, 0.1);
	border-radius: 20px;
	background: rgba(244, 247, 251, 0.86);
}

.kontaktkarte__hinweis {
	margin: 0;
	color: var(--farbe-text-sanft);
}

.kontaktkarte__iframe-wrap {
	width: 100%;
	height: clamp(22.5rem, 34vw, 26.25rem);
	background: #eaf1f9;
}

.kontaktkarte__iframe-wrap iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.kontaktkarte__aktionen {
	margin-top: 0.2rem;
}

.kontaktformularbereich {
	display: grid;
	gap: var(--abstand-4);
}

.kontaktformular__status {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.55rem;
	padding: 0.82rem 1rem;
	border: 1px solid rgba(23, 112, 191, 0.12);
	border-radius: 16px;
	background: rgba(23, 112, 191, 0.06);
	color: var(--farbe-primar);
}

.kontaktformular__status strong,
.kontaktformular__status span {
	margin: 0;
}

.kontaktformular__status span {
	font-weight: 700;
}

.kontaktformular__hinweis {
	margin: 0;
	padding: 1rem 1.05rem;
	border-radius: var(--radius-klein);
	background: rgba(31, 49, 66, 0.04);
	color: var(--farbe-text-sanft);
}

.kontaktformular__meldung {
	padding: 1rem 1.05rem;
	border-radius: var(--radius-klein);
	border: 1px solid rgba(23, 112, 191, 0.18);
	background: rgba(23, 112, 191, 0.08);
	color: var(--farbe-text);
}

.kontaktformular__meldung p {
	margin: 0;
}

.kontaktformular__meldung--fehler {
	border-color: rgba(196, 86, 58, 0.28);
	background: rgba(196, 86, 58, 0.08);
}

.kontaktformular__meldung--erfolg {
	border-color: rgba(54, 127, 93, 0.28);
	background: rgba(54, 127, 93, 0.09);
}

.kontaktformular__fehlerliste {
	margin: 0.85rem 0 0;
	padding-left: 1.1rem;
}

.kontaktformular__fehlerliste li + li {
	margin-top: 0.35rem;
}

.kontaktformular__felder {
	display: grid;
	gap: var(--abstand-3);
	margin: 0;
	padding: 0;
	border: 0;
}

.kontaktformular__raster {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--abstand-3);
}

.kontaktformular__gruppe {
	display: grid;
	gap: 0.45rem;
}

.kontaktformular__gruppe--voll {
	grid-column: 1 / -1;
}

.kontaktformular__gruppe label,
.kontaktformular__label {
	font-weight: 700;
	color: var(--farbe-primar);
}

.kontaktformular__wahl {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.kontaktformular__wahl label {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.8rem 0.95rem;
	border: 1px solid rgba(31, 49, 66, 0.08);
	border-radius: var(--radius-rund);
	background: rgba(255, 255, 255, 0.96);
	color: var(--farbe-text);
}

.kontaktformular__checkbox {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	line-height: 1.55;
	color: var(--farbe-text);
}

.edu-contact-consent {
	width: fit-content;
	max-width: min(100%, 54rem);
	padding: 0.72rem 0.9rem;
	border: 1px solid rgba(31, 49, 66, 0.14);
	border-radius: 14px;
	background: rgba(248, 252, 255, 0.92);
	box-shadow: 0 6px 16px rgba(20, 40, 70, 0.06);
}

.edu-contact-consent input[type='checkbox'] {
	flex: 0 0 auto;
	width: 1.12rem;
	height: 1.12rem;
	margin: 0.14rem 0 0;
	accent-color: var(--farbe-akzent);
}

.edu-contact-consent__text {
	display: block;
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.55;
	color: var(--farbe-text);
}

.edu-contact-consent__text a {
	font-weight: 700;
	color: var(--farbe-akzent);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.edu-contact-consent__text a:hover,
.edu-contact-consent__text a:focus-visible {
	color: var(--farbe-primar);
}

.edu-contact-consent__text a:focus-visible {
	outline: 2px solid rgba(10, 104, 178, 0.45);
	outline-offset: 2px;
	border-radius: 2px;
}

.kontaktformular__aktion {
	margin-top: 0.25rem;
}

.seitenkopf--404 {
	margin-bottom: var(--abstand-2);
	padding-bottom: clamp(1rem, 2.2vw, 1.4rem);
}

.seitenkopf--404 .seitenkopf__inhalt {
	max-width: 44rem;
}

.bereich--404 {
	padding-top: 0;
	padding-bottom: var(--abstand-6);
}

.fehlerseite {
	overflow: hidden;
	border-color: rgba(23, 112, 191, 0.12);
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(235, 243, 250, 0.94)),
		radial-gradient(circle at top right, rgba(23, 112, 191, 0.1), transparent 22rem);
}

.fehlerseite__raster {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(21rem, 1.12fr);
	align-items: center;
	gap: clamp(1.2rem, 2.5vw, 2rem);
}

.fehlerseite__inhalt {
	display: grid;
	gap: 1rem;
	align-content: center;
}

.fehlerseite__aktionen {
	margin-top: 0.2rem;
}

.fehlerseite__inhalt h2 {
	margin-bottom: 0;
	font-size: clamp(1.45rem, 2.4vw, 2rem);
}

.fehlerseite__inhalt > p:last-of-type {
	margin-bottom: 0;
	color: var(--farbe-text-sanft);
}

.linkkarten--404 {
	margin-top: 0.35rem;
}

.fehlerseite__bild {
	margin: 0;
	display: grid;
	gap: 0.9rem;
	align-items: center;
	justify-items: center;
	padding: clamp(0.85rem, 2.2vw, 1.25rem);
	border-left: 1px solid rgba(31, 49, 66, 0.08);
	background: linear-gradient(180deg, rgba(232, 241, 248, 0.58), rgba(255, 255, 255, 0.98));
}

.fehlerseite__bild img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 44rem;
	margin-inline: auto;
	object-fit: contain;
	filter: drop-shadow(0 14px 26px rgba(20, 38, 59, 0.1));
}

.fehlerseite__bildhinweis {
	margin: 0;
	max-width: 28rem;
	font-size: 0.95rem;
	line-height: 1.65;
	text-align: center;
	color: var(--farbe-text-sanft);
}

.wp-block-image,
.wp-block-gallery,
.wp-block-quote,
.wp-block-table,
.wp-block-cover,
.wp-block-media-text,
.wp-block-spacer {
	margin-top: var(--abstand-4);
	margin-bottom: var(--abstand-4);
}

.wp-block-button {
	margin-top: var(--abstand-4);
}

.wp-block-separator {
	margin: var(--abstand-5) 0;
	border: 0;
	border-top: 1px solid rgba(31, 49, 66, 0.12);
}

.wp-block-table table {
	width: 100%;
	border-collapse: collapse;
}

.wp-block-table th,
.wp-block-table td {
	padding: 0.85rem 1rem;
	border: 1px solid rgba(31, 49, 66, 0.12);
}

.alignwide {
	width: min(100%, 70rem);
	margin-inline: auto;
}

.alignfull {
	width: 100%;
	max-width: 100%;
}

.wp-caption-text,
.gallery-caption,
.wp-element-caption {
	margin-top: 0.75rem;
	font-size: 0.92rem;
	color: var(--farbe-text-sanft);
}

.pages,
.seitenlinks,
.nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.page-numbers,
.post-page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.75rem;
	min-height: 2.75rem;
	padding: 0.4rem 0.9rem;
	border: 1px solid rgba(31, 49, 66, 0.12);
	border-radius: var(--radius-rund);
	background: rgba(255, 255, 255, 0.88);
	text-decoration: none;
}

.page-numbers.current,
.post-page-numbers.current {
	background: var(--farbe-primar);
	color: #fff;
}

.seitenfuss {
	padding: var(--abstand-7) 0 var(--abstand-5);
	border-top: 1px solid rgba(217, 226, 236, 0.2);
	background:
		linear-gradient(135deg, rgba(15, 71, 120, 0.98), rgba(30, 95, 168, 0.94)),
		radial-gradient(circle at top right, rgba(255, 255, 255, 0.12), transparent 16rem);
	color: #fff;
}

.seitenfuss__raster {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.6rem, 3vw, 2.5rem);
}

.seitenfuss__listenueberschrift {
	margin: 0 0 1rem;
	font-size: 1.02rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: #fff;
}

.seitenfuss__spalte {
	min-width: 0;
}

.seitenfuss__spalte + .seitenfuss__spalte {
	padding-left: clamp(0.9rem, 1.8vw, 1.4rem);
	border-left: 1px solid rgba(217, 226, 236, 0.22);
}

.seitenfuss p,
.seitenfuss li,
.seitenfuss a {
	color: rgba(255, 255, 255, 0.95);
}

.seitenfuss p:not(.seitenfuss__vorwort),
.seitenfuss .seitenfuss__kontaktmarke,
.seitenfuss .seitenfuss__kontaktzeile,
.seitenfuss__unterzeile p {
	color: rgba(255, 255, 255, 0.94);
}

.seitenfuss a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration-color: rgba(255, 255, 255, 0.38);
}

.seitenfuss a:hover,
.seitenfuss a:focus-visible {
	color: #fff;
	text-decoration-color: rgba(255, 255, 255, 0.78);
}

.seitenfuss a:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.8);
	outline-offset: 3px;
	border-radius: 0.35rem;
}

.linkliste--fuss {
	display: grid;
	gap: 0.72rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.linkliste--fuss li + li {
	margin-top: 0;
}

.seitenfuss__social-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.7rem;
	margin-top: 1rem;
	position: relative;
	z-index: 2;
}

.seitenfuss__social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.9rem;
	min-height: 2.9rem;
	padding: 0.15rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	pointer-events: auto;
	position: relative;
	z-index: 1;
}

.seitenfuss__social-icon .hauptnavigation__icon {
	width: 2.25rem;
	height: 2.25rem;
	opacity: 1;
	filter: drop-shadow(0 2px 6px rgba(5, 17, 31, 0.28));
	pointer-events: none;
}

.seitenfuss__social-icon .hauptnavigation__icon--tiktok path:first-child {
	fill: #fff;
}

.seitenfuss__social-icon:hover,
.seitenfuss__social-icon:focus-visible {
	background: transparent;
	opacity: 1;
}

.seitenfuss__kontaktmarke {
	margin: 0 0 0.95rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #fff;
}

.seitenfuss__kontaktintro {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
}

.seitenfuss__kontaktblock {
	display: grid;
	gap: 0.78rem;
	margin: 0 0 1rem;
	font-style: normal;
}

.seitenfuss__kontaktzeile {
	margin: 0;
	max-width: none;
}

.seitenfuss__whatsapp {
	font-weight: 600;
}

.seitenfuss__whatsapp-icon {
	display: inline-flex;
	width: 1.1rem;
	height: 1.1rem;
	flex: 0 0 auto;
}

.seitenfuss__whatsapp-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.linkliste--rechtlich {
	margin-top: 0.25rem;
}

.seitenfuss__unterzeile {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--abstand-3);
	margin-top: var(--abstand-6);
	padding-top: var(--abstand-4);
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.seitenfuss__unterzeile p {
	margin: 0;
	max-width: none;
	color: rgba(255, 255, 255, 0.94);
}

.bereich--kompakt .faktenblock {
	margin-bottom: 0;
}

@media (hover: hover) {
	.karte:hover,
	.signalkarte:hover,
	.faktenblock__karte:hover,
	.frage:hover,
	.bewertungskarte:hover,
	.linkkarte:hover {
		border-color: rgba(23, 112, 191, 0.16);
		box-shadow: 0 16px 32px rgba(20, 38, 59, 0.07);
	}
}

@media (min-width: 80rem) {
	.kopfbereich__innen {
		width: min(100% - 2rem, 91rem);
		grid-template-columns: minmax(14.25rem, 15.75rem) minmax(0, 1fr);
		grid-template-areas:
			"brand nav"
			"brand secondary";
		align-items: start;
		gap: 0.95rem 1.2rem;
	}

	.marke {
		max-width: 15.75rem;
	}

	.marke__logo-bild {
		max-width: min(100%, 13rem);
		max-height: 4.45rem;
	}

	.marke__claim--unter-logo {
		font-size: 0.82rem;
	}

	.hauptnavigation {
		width: 100%;
		min-width: 0;
		padding-top: 0.2rem;
	}

	.hauptnavigation__liste {
		gap: 0.1rem;
	}

	.hauptnavigation__liste > li > .hauptnavigation__eintrag > a {
		min-height: 2.55rem;
		padding: 0.6rem 0.66rem;
		font-size: 0.88rem;
	}

	.hauptnavigation__liste > li.menu-item-has-children:not(.menu-item--kontakt) > .hauptnavigation__eintrag > a {
		padding-right: 0.56rem;
	}

	.hauptnavigation__liste > li.menu-item-has-children:not(.menu-item--kontakt) > .hauptnavigation__eintrag > .untermenueknopf {
		width: 2.28rem;
		min-width: 2.28rem;
		min-height: 2.55rem;
	}

	.hauptnavigation__liste > li.menu-item--kontakt > .hauptnavigation__eintrag > a {
		padding-inline: 0.96rem;
	}

	.hauptnavigation__sekundaer {
		display: flex;
		justify-content: flex-end;
		padding-right: clamp(6.25rem, 7.5vw, 8.25rem);
		margin-top: -0.1rem;
		position: relative;
		z-index: 4;
	}

	.menueknopf {
		display: none;
	}

	.hero-bereich__flaeche,
	.cta-flaeche {
		grid-template-columns: minmax(0, 1.3fr) minmax(20rem, 0.9fr);
	}

	.hero-bereich__seitenleiste {
		align-self: start;
	}

	.cta-flaeche {
		grid-template-columns: 1.5fr auto;
	}
}

@media (min-width: 80rem) {
	.hauptnavigation__mobilblock {
		display: none;
	}
}

@media (max-width: 79.9375rem) {
	.kopfbereich__innen {
		gap: 0.7rem;
		padding: 0.62rem 0 0.42rem;
	}

	.marke {
		max-width: 12.75rem;
		gap: 0.28rem;
	}

	.marke__claim {
		max-width: 23ch;
		font-size: 0.79rem;
		line-height: 1.42;
	}

	.kopfbereich__mobilaktionen {
		align-self: start;
		gap: 0.45rem;
	}

	.kopfbereich__kontaktmobil {
		display: inline-flex;
	}

	.kopfbereich__kontaktmobil,
	.js .menueknopf {
		min-height: 3.1rem;
	}

	body.menue-offen {
		overflow-y: auto;
	}

	body.menue-offen .kopfbereich {
		max-height: 100dvh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
	}

	.js .menueknopf {
		display: inline-flex;
	}

	.kopfbereich__kontakt {
		display: none;
	}

	.js .hauptnavigation {
		display: none;
		grid-column: 1 / -1;
		justify-self: stretch;
	}

	.js .hauptnavigation.ist-offen {
		display: grid;
		padding-bottom: 0.25rem;
		max-height: calc(100dvh - 7rem);
		overflow-y: auto;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}

	.hauptnavigation__liste {
		flex-direction: column;
		align-items: stretch;
		gap: 0.42rem;
		padding: 0.82rem;
		border: 1px solid rgba(31, 49, 66, 0.08);
		border-radius: 1.2rem;
		background: rgba(255, 255, 255, 0.98);
		box-shadow: var(--schatten-klein);
	}

	.hauptnavigation__liste > li {
		flex: 1 1 auto;
	}

	.hauptnavigation__liste > li > .hauptnavigation__eintrag {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	.hauptnavigation__liste > li > .hauptnavigation__eintrag > a {
		justify-content: flex-start;
		width: 100%;
		padding-inline: 0.95rem;
		min-height: 3.15rem;
		font-size: 0.96rem;
		line-height: 1.25;
	}

	.hauptnavigation__liste > li.menu-item--kontakt {
		margin-left: 0;
	}

	.hauptnavigation__liste > li > .hauptnavigation__eintrag > .untermenueknopf {
		width: 3rem;
		min-width: 3rem;
		min-height: 3rem;
		margin-left: 0.35rem;
		border-color: rgba(23, 112, 191, 0.1);
		background: rgba(255, 255, 255, 0.9);
	}

	.hauptnavigation__liste .sub-menu {
		position: static;
		display: block;
		min-width: 0;
		margin-top: 0.36rem;
		padding: 0.28rem 0 0 0.55rem;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.js .hauptnavigation__liste .sub-menu,
	.js .hauptnavigation__mobilmenu .sub-menu {
		display: none;
	}

	.js .hauptnavigation__liste li.ist-offen > .sub-menu,
	.js .hauptnavigation__mobilmenu li.ist-offen > .sub-menu {
		display: block;
	}

	.hauptnavigation__liste .sub-menu a,
	.hauptnavigation__mobilmenu .sub-menu a {
		display: flex;
		align-items: center;
		min-height: 2.95rem;
		padding: 0.7rem 0.82rem;
		border: 1px solid rgba(23, 112, 191, 0.08);
		background: rgba(23, 112, 191, 0.04);
		line-height: 1.45;
	}

	.hauptnavigation__liste > li.ist-offen > .hauptnavigation__eintrag > .untermenueknopf .untermenueknopf__symbol,
	.hauptnavigation__mobilmenu > li.ist-offen > .hauptnavigation__eintrag > .untermenueknopf .untermenueknopf__symbol {
		transform: rotate(-135deg) translate(-0.02rem, 0.04rem);
	}

	.hauptnavigation__mobilblock {
		display: block;
		margin-top: 0.78rem;
		padding: 0.82rem 0.86rem;
		border: 1px solid rgba(31, 49, 66, 0.08);
		border-radius: 1.2rem;
		background: rgba(244, 247, 251, 0.96);
	}

	.hauptnavigation__sekundaer {
		display: none;
	}

	.hauptnavigation__servicebereich {
		display: none;
	}

	.raster--2,
	.karten-raster--2,
	.karten-raster--3,
	.vertrauensleiste,
	.signalleiste,
	.bewertungsraster,
	.fragenliste,
	.faktenblock__raster,
	.linkkarten,
	.hero-direktlinks,
	.post-navigation {
		grid-template-columns: 1fr;
	}

	.hero-bereich {
		padding: 1.55rem 0 var(--abstand-5);
	}

	.hero-bereich__flaeche {
		gap: 1rem;
		padding: 1rem;
		border-radius: 24px;
	}

	.hero-bereich__seitenleiste {
		gap: 0.9rem;
	}

	.hero-bereich__inhalt > p:last-of-type {
		font-size: 1rem;
		line-height: 1.64;
	}

	.nutzenliste {
		gap: 0.62rem;
		margin-top: 1rem;
	}

	.nutzenliste li {
		padding-left: 1.4rem;
	}

	.hero-bereich__bild img {
		max-height: 15.5rem;
		margin-inline: auto;
	}

	.hero-bereich__fakten li {
		padding: 0.72rem 0.9rem;
	}

	.hero-direktlinks {
		gap: 0.6rem;
	}

	.hero-bereich h1,
	.bereichskopf h2 {
		max-width: none;
	}

	.hero-bereich__karte,
	.karte__inhalt,
	.cta-flaeche,
	.editorbereich,
	.elementor-bereich {
		padding: clamp(1rem, 3vw, 1.35rem);
	}

	.raster,
	.karten-raster,
	.vertrauensleiste,
	.linkkarten,
	.seitenfuss__raster {
		gap: var(--abstand-3);
	}

	.signalleiste,
	.faktenblock__raster,
	.fragenliste {
		gap: 0.9rem;
	}

	.signalkarte,
	.vertrauenskachel,
	.faktenblock__karte,
	.frage,
	.linkkarte {
		padding: 1rem;
	}

	.frage summary {
		display: flex;
		align-items: center;
		min-height: 2.8rem;
		padding: 0.1rem 0;
	}

	.fehlerseite__raster {
		grid-template-columns: 1fr;
	}

	.fehlerseite__bild {
		order: -1;
		padding: 0 0 0.75rem;
		border-left: 0;
		border-top: 1px solid rgba(31, 49, 66, 0.08);
	}

	.fehlerseite__bild img {
		max-width: 32rem;
	}

	.kontaktseite__zweispalter,
	.kontaktformular__raster {
		grid-template-columns: 1fr;
	}

	.kontaktkarte__iframe-wrap {
		height: clamp(17.5rem, 58vw, 21rem);
	}

	.kursuebersicht__hero-layout {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.kursuebersicht__hero-bild {
		max-width: 100%;
		justify-self: stretch;
	}

	.kursuebersicht__hero-bild img {
		max-height: 17rem;
	}
}

@media (max-width: 79.9375rem) {
	.seitenfuss .seitenfuss__raster {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.seitenfuss__spalte--kontakt {
		order: -1;
		grid-column: 1 / -1;
		padding: 1rem 1rem 1.05rem;
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: var(--radius-mittel);
		background: rgba(255, 255, 255, 0.06);
	}

	.seitenfuss__spalte + .seitenfuss__spalte {
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 42rem) {
	body {
		font-size: 0.98rem;
	}

	.kontaktablauf__whatsapp-text--lang {
		display: none;
	}

	.kontaktablauf__whatsapp-text--kurz {
		display: inline;
	}

	.kontaktablauf__whatsapp {
		width: 100%;
	}

	.kontaktablauf__whatsapp-icon {
		width: 1.4rem;
		height: 1.4rem;
		flex: 0 0 1.4rem;
	}

	.kopfbereich__innen {
		gap: 0.5rem;
		padding-top: 0.48rem;
		padding-bottom: 0.34rem;
	}

	.bereich {
		padding: var(--abstand-5) 0;
	}

	.marke {
		max-width: 10.9rem;
	}

	.marke__logo-bild {
		max-width: min(100%, 9.9rem);
		max-height: 2.95rem;
	}

	.marke__claim {
		font-size: 0.74rem;
		max-width: 18ch;
	}

	.kopfbereich__mobilaktionen {
		flex-direction: column-reverse;
		align-items: stretch;
		gap: 0.42rem;
	}

	.kopfbereich__kontaktmobil,
	.menueknopf {
		width: 100%;
		justify-content: center;
		min-height: 2.8rem;
	}

	.menueknopf {
		padding: 0.58rem 0.82rem;
		min-height: 2.8rem;
	}

	.hero-bereich {
		padding-top: 1.2rem;
	}

	.hero-bereich h1 {
		font-size: clamp(1.92rem, 9vw, 2.35rem);
		line-height: 1.05;
		text-wrap: balance;
	}

	.hero-bereich__inhalt > p:last-of-type {
		font-size: 0.95rem;
		line-height: 1.6;
	}

	.hero-bereich__vorangestellt {
		margin-bottom: 0.75rem;
		font-size: 0.8rem;
	}

	.hero-bereich__flaeche {
		padding: 0.92rem;
	}

	.hero-bereich__seitenleiste {
		gap: 0.78rem;
	}

	.hero-bereich__bild img {
		max-height: 12.5rem;
	}

	.hero-bereich__karte h2 {
		font-size: 1.2rem;
		line-height: 1.22;
	}

	.hero-direktlinks {
		gap: 0.55rem;
	}

	.bereichsaktion,
	.schaltflaechenzeile {
		flex-direction: column;
		align-items: stretch;
		gap: 0.7rem;
	}

	.schaltflaeche,
	.wp-block-button__link,
	button,
	input[type="submit"] {
		width: 100%;
	}

	.suchformular__gruppe,
	.schaltflaechenzeile,
	.seitenfuss__unterzeile {
		flex-direction: column;
		align-items: stretch;
	}

	.hauptnavigation__liste {
		padding: 0.72rem;
	}

	.hauptnavigation__liste > li > .hauptnavigation__eintrag > a,
	.hauptnavigation__mobilmenu > li > .hauptnavigation__eintrag > a {
		min-height: 3.2rem;
		font-size: 0.95rem;
	}

	.hauptnavigation__mobilblock {
		padding: 0.74rem 0.78rem;
	}

	.hauptnavigation__mobiltitel {
		margin-bottom: 0.48rem;
		font-size: 0.75rem;
		letter-spacing: 0.07em;
	}

	.hauptnavigation__mobilmenu {
		gap: 0.42rem;
	}

	.hauptnavigation__mobilmenu .sub-menu {
		padding-top: 0.28rem;
		padding-left: 0.52rem;
	}

	.hauptnavigation__mobilmenu .hauptnavigation__socialblock {
		padding-top: 0.1rem;
	}

	.hauptnavigation__mobilmenu .hauptnavigation__social-link .hauptnavigation__icon {
		width: 1.62rem;
		height: 1.62rem;
	}

	.kontaktseite {
		gap: var(--abstand-5);
	}

	.deutschkursseite {
		gap: var(--abstand-5);
	}

	.kursuebersicht__beratungshinweis,
	.kursuebersicht__formathinweis {
		font-size: 0.95rem;
		line-height: 1.58;
	}

	.signalkarte,
	.vertrauenskachel,
	.faktenblock__karte,
	.frage,
	.linkkarte,
	.infokachel {
		padding: 0.95rem;
	}

	.faktenblock {
		gap: 0.95rem;
		padding: 0.95rem;
	}

	.frage h3 {
		font-size: 1rem;
		line-height: 1.32;
	}

	.frage p {
		margin-top: 0.75rem;
		line-height: 1.62;
	}

	.seite-artikel--deutschkurse .seitenkopf__titel {
		max-width: none;
		margin-bottom: 0.75rem;
	}

	.seite-artikel--deutschkurse .seitenkopf__text {
		font-size: 0.99rem;
		line-height: 1.66;
	}

	.kursuebersicht__hero-bild img {
		max-height: 13rem;
	}

	.seite-artikel--online-deutschkurs .kursuebersicht__hero-bild {
		max-width: none;
		width: 100%;
	}

	.seite-artikel--online-deutschkurs .kursuebersicht__hero-bild img {
		max-height: 14.5rem;
		aspect-ratio: 16 / 10;
		object-fit: cover;
	}

	.seite-artikel--firmenkurse .kursuebersicht__hero-bild {
		max-width: none;
		width: 100%;
	}

	.seite-artikel--firmenkurse .kursuebersicht__hero-bild img {
		max-height: 14.5rem;
		aspect-ratio: 16 / 10;
		object-fit: cover;
		object-position: 72% center;
	}

	.seite-artikel--ueber-uns .kursdetail__hero-layout {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.seite-artikel--ueber-uns .ueber-uns__hero-karte {
		order: 2;
	}

	.seite-artikel--ueber-uns .ueber-uns__kontaktliste li {
		padding: 0.9rem;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__erklaerung .karte__inhalt {
		padding: 1rem;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel .karte__inhalt {
		padding: 1.1rem 1rem 1rem;
		gap: 0.82rem;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__badge {
		min-height: 1.9rem;
		padding-inline: 0.65rem;
		font-size: 0.8rem;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel-titel {
		font-size: 1.22rem;
		line-height: 1.18;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel-text {
		font-size: 0.96rem;
		line-height: 1.58;
	}

	.seite-artikel--lernspiele-deutsch .lernspiele-deutsch__kachel .kurskarte__link {
		min-height: 3.15rem;
		margin-top: 0.2rem;
	}

	.seite-artikel--lernspiele-quiz .lernspiele-quiz .karte__inhalt {
		padding: 1rem;
		gap: 0.9rem;
	}

	.seite-artikel--lernspiele-quiz .lernspiele-quiz__frage {
		font-size: 1.1rem;
		line-height: 1.28;
	}

	.seite-artikel--lernspiele-quiz .lernspiele-quiz__antwort {
		min-height: 3.2rem;
		padding: 0.82rem 0.9rem;
		font-size: 0.96rem;
	}

	.seite-artikel--lernspiele-quiz .lernspiele-quiz__ergebnisbox,
	.seite-artikel--lernspiele-quiz .lernspiele-quiz__fehlerkarte .karte__inhalt {
		padding: 0.95rem;
	}

	.seite-artikel--deutschkurse .kursuebersicht__abschnitt {
		gap: 1.15rem;
	}

	.seite-artikel--deutschkurse .kurskarte .karte__inhalt {
		gap: 0.74rem;
		padding: 1.05rem 1rem 1rem;
	}

	.seite-artikel--deutschkurse .kurskarte h3 {
		font-size: 1.12rem;
		line-height: 1.22;
	}

	.seite-artikel--deutschkurse .kurskarte p:not(.bereichskopf__vorangestellt):not(.kurskarte__ziel) {
		font-size: 0.96rem;
		line-height: 1.62;
	}

	.seite-artikel--deutschkurse .kurskarte__ziel {
		padding-top: 0.72rem;
		font-size: 0.92rem;
		line-height: 1.56;
	}

	.seite-artikel--deutschkurse .kurskarte__link {
		margin-top: 0.35rem;
		min-height: 3.1rem;
	}

	.kursdetailseite {
		gap: var(--abstand-5);
	}

	.kursdetail__hero-layout {
		grid-template-columns: 1fr;
		align-items: stretch;
		gap: 1.1rem;
	}

	.kursdetail__hero-bild {
		max-width: 34rem;
		width: 100%;
		margin-inline: auto;
	}

	.kursuebersicht__heroaktionen .schaltflaeche {
		width: 100%;
	}

	.kursdetail__heroaktionen .schaltflaeche {
		width: 100%;
	}

	.kursdetail__hero-bild img {
		max-height: 20rem;
	}

	.seite-artikel--beratung .beratung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--beratung .beratung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--coaching .coaching__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--coaching .coaching__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--einblicke .einblicke__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--einblicke .edu-einblicke-hero-image {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.einblicke__media-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.einblicke__social-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.einblicke__cta-aktionen {
		grid-template-columns: 1fr;
	}

	.seite-artikel--sprachberatung .sprachberatung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--sprachberatung .sprachberatung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--telc-beratung .telcberatung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--telc-beratung .telcberatung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--pruefungsberatung .pruefungsberatung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--pruefungsberatung .pruefungsberatung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--pruefungen .pruefungen__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--pruefungen .pruefungen__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--visa-beratung .visaberatung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--visa-beratung .visaberatung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--uebersetzungen .uebersetzungen__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--uebersetzungen .uebersetzungen__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--beglaubigte-uebersetzungen .beglaubigtuebersetzungen__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--tuerkisch-deutsch-uebersetzungen .tuerkischdeutsch__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--deutsch-tuerkisch-uebersetzungen .deutschtuerkisch__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--kinder-programmierung .kinderprogrammierung__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--python-fuer-kinder .pythonkinder__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--python-fuer-kinder .pythonkinder__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--robotik-fuer-kinder .robotikkinder__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-bild {
		max-width: none;
		border-radius: 20px;
	}

	.seite-artikel--online-kurs-kinder .onlinekurskinder__hero-bild img {
		aspect-ratio: 16 / 10;
		max-height: 13rem;
		object-position: center center;
	}

	.seite-artikel--kursdetail .seitenkopf__titel {
		max-width: none;
		margin-bottom: 0.45rem;
	}

	.seite-artikel--kursdetail .seitenkopf__text {
		font-size: 0.99rem;
		line-height: 1.64;
	}

	.seite-artikel--kursdetail .kursdetail__abschnitt {
		gap: 1.15rem;
	}

	.seite-artikel--kursdetail .kurskarte .karte__inhalt {
		padding: 1rem;
		gap: 0.72rem;
	}

	.seite-artikel--kursdetail .kurskarte h3 {
		font-size: 1.02rem;
		line-height: 1.3;
	}

	.seite-artikel--kursdetail .kurskarte p,
	.infokachel__text,
	.infokachel span {
		font-size: 0.95rem;
		line-height: 1.58;
	}

	.infokachel {
		gap: 0.38rem;
		padding: 0.92rem 0.95rem;
	}

	.kontaktanliegen__links,
	.kontaktformular__wahl {
		flex-direction: column;
		align-items: stretch;
	}

	.kontaktanliegen__sprung,
	.kontaktformular__wahl label,
	.kontaktformular__checkbox {
		width: 100%;
	}

	.edu-contact-consent {
		max-width: none;
		padding: 0.74rem 0.8rem;
	}

	.edu-contact-consent input[type='checkbox'] {
		margin-top: 0.12rem;
	}

	.edu-contact-consent__text {
		font-size: 0.94rem;
		line-height: 1.56;
	}

	.kontaktformular__status {
		align-items: flex-start;
	}

	.seitenfuss .seitenfuss__raster {
		grid-template-columns: 1fr;
	}

	.seitenfuss {
		padding: var(--abstand-5) 0 var(--abstand-4);
	}

	.seitenfuss__spalte--kontakt {
		padding: 0.95rem;
	}

	.seitenfuss__listenueberschrift {
		margin-bottom: 0.82rem;
	}

	.linkliste--fuss {
		gap: 0.6rem;
	}

	.seitenfuss__kontaktblock {
		gap: 0.62rem;
	}

	.seitenfuss__social-row {
		gap: 0.7rem;
	}
}

/* Einheitliche Hero-Bild-Positionierung fuer Hauptnavigation und Unterseitenbereiche */
body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout,
body[class*="page-deutschkurs-"] .kursdetail__hero-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(17rem, 0.9fr);
	grid-template-areas: "text media";
	align-items: center;
	gap: clamp(1.25rem, 2.8vw, 2.2rem);
}

body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout > :not(.kursdetail__hero-bild),
body[class*="page-deutschkurs-"] .kursdetail__hero-layout > :not(.kursdetail__hero-bild) {
	grid-area: text;
	display: grid;
	align-content: start;
	gap: 0.95rem;
}

body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout > .kursdetail__hero-bild,
body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild {
	grid-area: media;
	align-self: start;
	justify-self: end;
	width: 100%;
	max-width: 35rem;
	margin: 0;
	border-radius: clamp(1.15rem, 2vw, 1.6rem);
	overflow: hidden;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(233, 241, 249, 0.88));
	box-shadow: 0 16px 34px rgba(20, 38, 59, 0.08);
	position: static;
	transform: none;
}

body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout > .kursdetail__hero-bild picture,
body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout > .kursdetail__hero-bild img,
body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild picture,
body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild img {
	display: block;
	width: 100%;
}

body:is(
	.page-deutschkurse,
	.page-online-deutschkurs,
	.page-firmenkurse,
	.page-a1-deutschkurs,
	.page-a2-deutschkurs,
	.page-b1-deutschkurs,
	.page-b2-deutschkurs,
	.page-deutschkurs-c1,
	.page-beratung,
	.page-sprachberatung,
	.page-visa-beratung,
	.page-pruefungsberatung,
	.page-telc-beratung,
	.page-uebersetzungen,
	.page-beglaubigte-uebersetzungen,
	.page-tuerkisch-deutsch-uebersetzungen,
	.page-deutsch-tuerkisch-uebersetzungen,
	.page-pruefungen,
	.page-kinder-programmierung,
	.page-python-fuer-kinder,
	.page-robotik-fuer-kinder,
	.page-online-kurs-kinder,
	.page-coaching
) .kursdetail__hero-layout > .kursdetail__hero-bild img,
body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild img {
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: center center;
}

@media (max-width: 62rem) {
	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout > :not(.kursdetail__hero-bild),
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout > :not(.kursdetail__hero-bild) {
		display: contents;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout > *,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout > * {
		width: 100%;
		order: 10;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .seitenkopf__vorangestellt,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .seitenkopf__vorangestellt {
		order: 1;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .seitenkopf__titel,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .seitenkopf__titel {
		order: 2;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .seitenkopf__text,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .seitenkopf__text {
		order: 3;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout > .kursdetail__hero-bild,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild {
		order: 4;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .kursdetail__heroaktionen,
	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .kursuebersicht__heroaktionen,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .kursdetail__heroaktionen,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .kursuebersicht__heroaktionen {
		order: 5;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .kursdetail__nutzenliste,
	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .kursuebersicht__nutzenliste,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .kursdetail__nutzenliste,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .kursuebersicht__nutzenliste {
		order: 6;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout .kursuebersicht__beratungshinweis,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout .kursuebersicht__beratungshinweis {
		order: 7;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout > .kursdetail__hero-bild,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild {
		max-width: none;
		margin-inline: 0;
	}

	body:is(
		.page-deutschkurse,
		.page-online-deutschkurs,
		.page-firmenkurse,
		.page-a1-deutschkurs,
		.page-a2-deutschkurs,
		.page-b1-deutschkurs,
		.page-b2-deutschkurs,
		.page-deutschkurs-c1,
		.page-beratung,
		.page-sprachberatung,
		.page-visa-beratung,
		.page-pruefungsberatung,
		.page-telc-beratung,
		.page-uebersetzungen,
		.page-beglaubigte-uebersetzungen,
		.page-tuerkisch-deutsch-uebersetzungen,
		.page-deutsch-tuerkisch-uebersetzungen,
		.page-pruefungen,
		.page-kinder-programmierung,
		.page-python-fuer-kinder,
		.page-robotik-fuer-kinder,
		.page-online-kurs-kinder,
		.page-coaching
	) .kursdetail__hero-layout > .kursdetail__hero-bild img,
	body[class*="page-deutschkurs-"] .kursdetail__hero-layout > .kursdetail__hero-bild img {
		max-height: 13rem;
	}
}

@media (max-width: 48rem) {
	.einblicke__media-grid,
	.einblicke__social-grid {
		grid-template-columns: 1fr;
	}
}

.seite-artikel--impressum .kursdetailseite,
.seite-artikel--datenschutz .kursdetailseite {
	gap: var(--abstand-4);
}

.seite-artikel--impressum .impressumseite__abschnitt .karte__inhalt,
.seite-artikel--datenschutz .datenschutzseite__abschnitt .karte__inhalt {
	display: grid;
	gap: 0.75rem;
}

.seite-artikel--impressum .impressumseite__abschnitt h2,
.seite-artikel--datenschutz .datenschutzseite__abschnitt h2 {
	margin: 0;
}

.seite-artikel--impressum .impressumseite__abschnitt h3,
.seite-artikel--datenschutz .datenschutzseite__abschnitt h3 {
	margin: 0.65rem 0 0;
	font-size: 1.08rem;
}

.seite-artikel--impressum .impressumseite__abschnitt p,
.seite-artikel--datenschutz .datenschutzseite__abschnitt p {
	margin: 0;
	line-height: 1.66;
}

.seite-artikel--impressum .impressumseite__abschnitt a,
.seite-artikel--datenschutz .datenschutzseite__abschnitt a {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.seite-artikel--datenschutz .datenschutzseite {
	max-width: 70rem;
	margin-inline: auto;
}

.seite-artikel--datenschutz .datenschutzseite__abschnitt ul {
	margin: 0;
	padding-left: 1.15rem;
	display: grid;
	gap: 0.35rem;
}

@media (max-width: 42rem) {
	.seitenkopf__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.seitenkopf__hero-bild {
		width: 100%;
		max-width: 34rem;
	}

	.seite-artikel--impressum .kursdetailseite,
	.seite-artikel--datenschutz .kursdetailseite {
		gap: 1rem;
	}

	.seite-artikel--impressum .impressumseite__abschnitt .karte__inhalt,
	.seite-artikel--datenschutz .datenschutzseite__abschnitt .karte__inhalt {
		gap: 0.68rem;
	}

	.seite-artikel--impressum .impressumseite__abschnitt h3,
	.seite-artikel--datenschutz .datenschutzseite__abschnitt h3 {
		font-size: 1rem;
	}
}

.seite-artikel--sitemap .sitemapseite__hero {
	max-width: 72ch;
}

.seite-artikel--sitemap .sitemapseite__hinweis {
	margin: 0;
	font-size: 0.96rem;
	color: var(--farbe-text-sanft);
}

.seite-artikel--sitemap .sitemapseite__abschnitt {
	margin-top: 0;
}

.seite-artikel--sitemap .sitemapseite__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.95rem, 1.9vw, 1.25rem);
}

.seite-artikel--sitemap .sitemapseite__karte {
	height: 100%;
	border-top: 3px solid rgba(10, 104, 178, 0.26);
}

.seite-artikel--sitemap .sitemapseite__karte .karte__inhalt {
	gap: 0.72rem;
}

.seite-artikel--sitemap .sitemapseite__karte h3 {
	margin: 0;
	font-size: clamp(1.05rem, 1.3vw, 1.2rem);
}

.seite-artikel--sitemap .sitemapseite__liste {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.42rem;
}

.seite-artikel--sitemap .sitemapseite__liste a {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.45rem;
	color: var(--farbe-primar);
	font-weight: 600;
	text-decoration: none;
	line-height: 1.45;
}

.seite-artikel--sitemap .sitemapseite__liste a::before {
	content: "•";
	line-height: 1.3;
	color: rgba(10, 104, 178, 0.6);
}

.seite-artikel--sitemap .sitemapseite__liste a:hover,
.seite-artikel--sitemap .sitemapseite__liste a:focus-visible {
	color: #084f88;
	text-decoration: underline;
}

@media (max-width: 74rem) {
	.seite-artikel--sitemap .sitemapseite__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 47.9375rem) {
	.seite-artikel--sitemap .sitemapseite__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

.seite-artikel--multilingual .seitenkopf__inhalt {
	max-width: 74ch;
}

.seite-artikel--multilingual .karten-raster .karte {
	height: 100%;
}

.seite-artikel--multilingual .karte__inhalt {
	gap: 0.66rem;
}

.seite-artikel--multilingual .schaltflaechenzeile {
	row-gap: 0.56rem;
}

.edu-post-back-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: 700;
	color: #0A68B2;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.edu-post-back-link::before {
	content: "←";
	font-size: 16px;
	line-height: 1;
}

.edu-post-back-link:hover,
.edu-post-back-link:focus {
	color: #084f88;
	text-decoration: underline;
}

.edu-post-back-link:focus-visible {
	outline: 2px solid #0A68B2;
	outline-offset: 3px;
	border-radius: 4px;
}

.edu-floating-whatsapp {
	position: fixed;
	left: calc(24px + env(safe-area-inset-left, 0px));
	bottom: calc(26px + env(safe-area-inset-bottom, 0px));
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	border-radius: 999px;
	background: linear-gradient(160deg, #25D366 0%, #1fb65a 100%);
	color: #ffffff;
	box-shadow: 0 14px 28px rgba(18, 48, 32, 0.24);
	text-decoration: none;
	z-index: 45;
	transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.edu-floating-whatsapp svg {
	width: 36px;
	height: 36px;
	display: block;
}

.edu-floating-whatsapp:hover,
.edu-floating-whatsapp:focus-visible {
	transform: scale(1.06);
	filter: saturate(1.06);
	box-shadow: 0 18px 32px rgba(16, 42, 28, 0.3);
}

.edu-floating-whatsapp:focus-visible {
	outline: 2px solid rgba(255, 255, 255, 0.92);
	outline-offset: 2px;
}

.edu-floating-language {
	position: fixed;
	right: calc(22px + env(safe-area-inset-right, 0px));
	bottom: calc(26px + env(safe-area-inset-bottom, 0px));
	z-index: 46;
	display: grid;
	justify-items: end;
	gap: 0.55rem;
}

.edu-floating-language__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	width: 60px;
	height: 60px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(155deg, #ffffff 0%, #f0f6ff 100%);
	color: #0A68B2;
	box-shadow: 0 14px 28px rgba(17, 42, 69, 0.2);
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.edu-floating-language__button svg {
	display: none;
}

.edu-floating-language__current {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	font-size: 15px;
	line-height: 1;
	font-weight: 800;
	letter-spacing: 0.06em;
	color: #084f88;
	text-transform: uppercase;
}

.edu-floating-language__button:hover,
.edu-floating-language__button:focus-visible {
	transform: scale(1.05);
	box-shadow: 0 18px 32px rgba(15, 38, 63, 0.26);
}

.edu-floating-language__button:focus-visible {
	outline: 2px solid #0A68B2;
	outline-offset: 2px;
}

.edu-floating-language__menu {
	display: grid;
	gap: 0.4rem;
	min-width: 148px;
	padding: 0.58rem;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(10, 104, 178, 0.2);
	box-shadow: 0 16px 34px rgba(14, 35, 57, 0.18);
	backdrop-filter: blur(2px);
}

.edu-floating-language__menu[hidden] {
	display: none;
}

.edu-floating-language__link {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.5rem 0.62rem;
	border-radius: 10px;
	font-size: 0.92rem;
	font-weight: 650;
	color: var(--farbe-text);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.edu-floating-language__link:hover,
.edu-floating-language__link:focus-visible {
	background: rgba(10, 104, 178, 0.1);
	color: #084f88;
}

.edu-floating-language__link.is-active {
	background: rgba(10, 104, 178, 0.14);
	color: #0A68B2;
	font-weight: 700;
}

.seitenfuss__cookie-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.85rem;
	padding: 0.58rem 0.92rem;
	min-height: 2.6rem;
	border: 1px solid rgba(10, 104, 178, 0.24);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--farbe-primar);
	font-size: 0.92rem;
	font-weight: 700;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.seitenfuss__cookie-link:hover,
.seitenfuss__cookie-link:focus-visible {
	background: rgba(10, 104, 178, 0.08);
	border-color: rgba(10, 104, 178, 0.32);
	color: #084f88;
}

.edu-cookie-consent {
	position: fixed;
	left: 50%;
	bottom: calc(16px + env(safe-area-inset-bottom, 0px));
	transform: translateX(-50%);
	width: min(calc(100% - 2rem), 46rem);
	z-index: 70;
	pointer-events: none;
}

.edu-cookie-consent[hidden] {
	display: none;
}

.edu-cookie-consent__box {
	pointer-events: auto;
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(10, 104, 178, 0.18);
	border-radius: 18px;
	box-shadow: 0 20px 42px rgba(12, 32, 54, 0.18);
	padding: clamp(1rem, 2vw, 1.25rem);
	display: grid;
	gap: 0.72rem;
}

.edu-cookie-consent__title {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 700;
	color: var(--farbe-text);
}

.edu-cookie-consent__text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--farbe-text-sanft);
}

.edu-cookie-consent__policy {
	margin: 0;
	font-size: 0.92rem;
}

.edu-cookie-consent__policy a {
	color: #0A68B2;
	font-weight: 700;
}

.edu-cookie-consent__actions,
.edu-cookie-consent__settings-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
}

.edu-cookie-consent__actions .schaltflaeche,
.edu-cookie-consent__settings-actions .schaltflaeche {
	min-height: 44px;
}

.edu-cookie-consent__settings {
	padding-top: 0.42rem;
	display: grid;
	gap: 0.62rem;
}

.edu-cookie-consent__settings[hidden] {
	display: none !important;
	visibility: hidden;
}

.edu-cookie-consent__settings-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 700;
}

.edu-cookie-consent__option {
	display: flex;
	align-items: flex-start;
	gap: 0.56rem;
	font-size: 0.92rem;
	color: var(--farbe-text);
}

.edu-cookie-consent__option input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	margin-top: 0.2rem;
	accent-color: #0A68B2;
}

.edu-cookie-banner-open .edu-floating-whatsapp {
	bottom: calc(112px + env(safe-area-inset-bottom, 0px));
}

.edu-cookie-banner-open .edu-floating-language {
	bottom: calc(112px + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 47.9375rem) {
	.edu-floating-whatsapp {
		left: calc(15px + env(safe-area-inset-left, 0px));
		bottom: calc(19px + env(safe-area-inset-bottom, 0px));
		width: 58px;
		height: 58px;
	}

	.edu-floating-whatsapp svg {
		width: 31px;
		height: 31px;
	}

	.edu-floating-whatsapp:hover,
	.edu-floating-whatsapp:focus-visible {
		transform: scale(1.05);
	}

	.edu-floating-language {
		right: calc(15px + env(safe-area-inset-right, 0px));
		bottom: calc(19px + env(safe-area-inset-bottom, 0px));
	}

	.edu-floating-language__button {
		width: 54px;
		height: 54px;
	}

	.edu-floating-language__button svg {
		display: none;
	}

	.edu-floating-language__current {
		font-size: 13.5px;
		line-height: 1;
		letter-spacing: 0.05em;
	}

	.edu-floating-language__menu {
		min-width: 136px;
		padding: 0.5rem;
	}

	.seitenfuss__cookie-link {
		width: 100%;
	}

	.edu-cookie-consent {
		left: calc(0.75rem + env(safe-area-inset-left, 0px));
		right: calc(0.75rem + env(safe-area-inset-right, 0px));
		bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		width: auto;
		transform: none;
	}

	.edu-cookie-consent__box {
		border-radius: 14px;
		padding: 0.95rem;
		gap: 0.62rem;
	}

	.edu-cookie-consent__actions .schaltflaeche,
	.edu-cookie-consent__settings-actions .schaltflaeche {
		width: 100%;
	}

	.edu-cookie-banner-open .edu-floating-whatsapp {
		bottom: calc(272px + env(safe-area-inset-bottom, 0px));
	}

	.edu-cookie-banner-open .edu-floating-language {
		bottom: calc(272px + env(safe-area-inset-bottom, 0px));
	}
}