/* Shared tokens and components used by both flexible elements and reference presets. */
:root {
	--bf-container-width: 80rem;
	--bf-section-padding: clamp(3rem, 6vw, 5rem);
	--bf-gutter: clamp(1.25rem, 3vw, 2rem);
	--bf-radius: 1.5rem;
	--bf-card-radius: 1rem;
	--bf-gap: clamp(1.5rem, 3vw, 3rem);
	--bf-body-size: 1rem;
	--bf-body-leading: 1.65;
	--bf-button-size: 1rem;
	--bf-button-leading: 1.5;
	--bf-button-min-height: 3rem;
	--bf-on-accent: #111827;
	--bf-on-brand: #ffffff;
	--bf-accent-text: #ff5e57;
	--bf-accent-on-brand: #ff5e57;
	--bf-brand-text: #27335d;
	--bf-border: #d8dce4;
}

.wpb_wrapper .bf-html-flow ul li::before {
	content: '';	
	background-image: url("/wp-content/themes/baehren-fluhrer/assets/images/list-item.svg");
	background-position: 50%;
	background-repeat: no-repeat;
	width: 25px;
	height: 12px;
	display: inline-block;
	margin-right: 10px;
}

.wpb_wrapper .bf-html-flow ul {
	list-style: none;
	padding-inline-start: 0;
}	

.bf-section {
	padding-block: var(--bf-section-padding);
	color: var(--bf-ink);
}
.bf-section .bf-container {
	width: 100%;
	max-width: var(--bf-container-width);
	padding-inline: var(--bf-gutter);
	margin-inline: auto;
}
.bf-width--narrow {
	--bf-container-width: 52rem;
}
.bf-width--normal {
	--bf-container-width: 80rem;
}
.bf-width--wide {
	--bf-container-width: 96rem;
}
.bf-legacy:not(.bf-width--original) .bf-container {
	max-width: var(--bf-container-width);
}
.bf-spacing--small {
	padding-block: clamp(2rem, 4vw, 3rem);
}
.bf-spacing--normal {
	padding-block: var(--bf-section-padding);
}
.bf-spacing--large {
	padding-block: clamp(4rem, 8vw, 7rem);
}
.bf-spacing--none {
	padding-block: 0;
}
.bf-skin--light {
	background: #ffffff;
}
.bf-skin--muted {
	background: #f8f9fb;
}
.bf-skin--brand,
.bf-skin--gradient {
	background: var(--bf-brand);
	color: var(--bf-on-brand);
}
.bf-skin--gradient {
	background: radial-gradient(
		ellipse at 50% 45%,
		var(--bf-gradient-light),
		var(--bf-gradient-edge)
	);
}
.bf-align--center {
	text-align: center;
}
.bf-align--center .bf-section-intro,
.bf-align--center .bf-copy {
	margin-inline: auto;
}
.bf-section-intro {
	max-width: 52rem;
	margin-bottom: var(--bf-gap);
}
.bf-section-intro:empty {
	display: none;
}
.bf-section .bf-title,
.bf-legacy .bf-title {	
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.025em;
	margin: 0 0 1.25rem;
}
.bf-section h1.bf-title,
.bf-legacy h1.bf-title {
	line-height: 1.15;
}
.bf-title span {
	font: inherit;
	letter-spacing: inherit;
}
.bf-eyebrow {
	font-size: 0.75rem;	
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	
}
.bf-skin--brand .bf-highlight,
.bf-skin--gradient .bf-highlight,
.bf-legacy-dark .bf-accent-text {
	color: var(--bf-accent);
}

.bf-richtext > * + * {
	margin-top: 1rem;
}
.bf-richtext :is(ul, ol) {
	padding-inline-start: 1.5rem;
	list-style: revert;
}
.bf-richtext a,
.bf-copytext a,
.bf-card-link {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.bf-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	gap: 1rem;
	margin-top: 1.75rem;
}
.bf-align--center .bf-actions {
	justify-content: center;
}
.bf-site .bf-button,
.bf-site .bf-nav-cta,
.bf-site .bf-contact-form input[type='submit'] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	min-height: var(--bf-button-min-height);
	padding: 0.6875rem 1.5rem;
	border: 1px solid transparent;
	border-radius: 999px;
	font: 600 var(--bf-button-size)/var(--bf-button-leading) var(--bf-font-body);
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	transition:
		background-color 0.15s,
		color 0.15s,
		border-color 0.15s;
}
.bf-button > span {
	font: inherit;
	letter-spacing: inherit;
}
.bf-button svg {
	width: 1rem;
	height: 1rem;
	flex: 0 0 1rem;
}
.bf-site .bf-button--primary,
.bf-site .bf-nav-cta,
.bf-site .bf-contact-form input[type='submit'] {
	background: var(--bf-accent);
	color: var(--bf-on-accent);
}
.bf-site .bf-button--primary:hover,
.bf-site .bf-nav-cta:hover,
.bf-site .bf-contact-form input[type='submit']:hover {
	background: var(--bf-accent-hover);
	color: #000;
	border-color: var(--bf-accent-hover);
}
.bf-site .bf-button--outline {
	background: transparent;
	color: inherit;
	border-color: currentColor;
}
.bf-site .bf-button--white {
	background: #fff;
	color: #000;
	border-color: #fff;
}
.bf-site .bf-button--outline:hover,
.bf-site .bf-button--white:hover {
	background: var(--bf-neutral-hover);
	color: var(--bf-on-neutral-hover);
	border-color: var(--bf-neutral-hover);
}
.bf-site .bf-button--text {
	background: transparent;
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.bf-site :is(a, button, input, select, textarea):focus-visible {
	outline: 3px solid #111827;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px #ffffff;
}
.bf-split {
	display: grid;
	align-items: center;
	gap: var(--bf-gap);
}
.bf-copy {
	min-width: 0;
	max-width: 52rem;
}
.bf-media {
	overflow: hidden;
	border-radius: var(--bf-radius);
}
.bf-media-image {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.bf-media:not(.bf-ratio--auto) .bf-media-image {
	height: 100%;
	object-fit: cover;
}
.bf-ratio--landscape {
	aspect-ratio: 4 / 3;
}
.bf-ratio--square {
	aspect-ratio: 1;
}
.bf-ratio--portrait {
	aspect-ratio: 3 / 4;
}
.bf-card-grid {
	display: grid;
	gap: 1.5rem;
	text-align: left;
}
.bf-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-card-radius);
	background: #ffffff;
	color: #111827;
	overflow: hidden;
}
.bf-card-media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
}
.bf-card-media .bf-media-image {
	height: 100%;
	object-fit: cover;
}
.bf-card--profile .bf-card-media {
	aspect-ratio: 1;
}
.bf-card-body {
	display: flex;
	flex-direction: column;
	flex: 1;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 1.5rem;
}
.bf-card-title,
.bf-legacy .bf-card-title {
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: -0.015em;
	word-wrap: break-word;
    hyphens: auto;
}
.bf-copytext {
	hyphens: auto;
	-webkit-hyphens: auto;
}
.bf-card-title a {
	text-decoration: none;
}
.bf-card-meta {
	color: #4b5563;
	font-size: 0.875rem;
	line-height: 1.5;
}
.bf-card-link {
	margin-top: auto;
	padding-block: 0.5rem;
	min-height: 2.75rem;
	font-weight: 600;
}
.bf-card-number {
	display: inline-grid;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	background: var(--bf-accent);
	color: var(--bf-on-accent);
	border-radius: 50%;
	font-weight: 700;
}
.bf-logo-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
	list-style: none;
	padding: 0;
}
.bf-logo-grid li,
.bf-logo-grid a {
	min-width: 0;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 7rem;
}
.bf-logo-grid .bf-media-image {
	max-height: 6rem;
	max-width: min(12rem, 100%);
	width: auto;
	object-fit: contain;
}
.bf-contact-layout {
	display: grid;
	gap: var(--bf-gap);
}
.bf-contact-details {
	text-align: left;
}
.bf-contact-details > div + div {
	margin-top: 1.5rem;
}
.bf-contact-details dt {
	font-weight: 700;
	margin-bottom: 0.5rem;
}
.bf-contact-details a {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.bf-contact-form {
	min-width: 0;
	text-align: left;
}
.bf-contact-form :is(input, select) {
	min-height: 3rem;
}
.bf-contact-form input[type='checkbox'] {
	min-height: auto;
	width: 1.25rem;
	height: 1.25rem;
}
.bf-contact-form .wpcf7-not-valid {
	border: 2px solid #a1231b;
}
.bf-menu-toggle,
.bf-submenu-toggle {
	min-width: 1.75rem;
	min-height: 1.75rem;
}
.bf-submenu-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.bf-submenu-toggle__icon {
	width: 16px;
	height: 16px;
	display: block;
	transition: transform 0.2s ease;
}

.bf-submenu-toggle[aria-expanded="true"] .bf-submenu-toggle__icon {
	transform: rotate(180deg);}

.bf-primary-menu .sub-menu[hidden] {
	display: none !important;
}
.bf-primary-menu .sub-menu:not([hidden]) {
	display: block;
}
.bf-primary-menu a:hover,
.bf-primary-menu .current-menu-item > a {
	color: var(--bf-accent-text);
}
.bf-mobile-panel a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}
.bf-footer-column a {
	display: inline-block;
}
.bf-footer-column a:hover {
	color: var(--bf-accent-on-brand);
}
.bf-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}
@media (min-width: 48rem) {
	.bf-card-grid:not(.bf-columns--1) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bf-logo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.bf-contact-layout:has(.bf-contact-details) {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
	}
}
@media (min-width: 64rem) {
	.bf-split--with-image {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.bf-split--reverse .bf-media {
		grid-column: 1;
		grid-row: 1;
	}
	.bf-split--reverse .bf-copy {
		grid-column: 2;
		grid-row: 1;
	}
	.bf-columns--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.bf-columns--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.bf-logo-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}
/* WPBakery 9 wraps the outer row in wpb-content-wrapper. Keep its canvas flush. */
.bf-page > .wpb-content-wrapper > .vc_row {
	margin-inline: 0;
}
.bf-page > .wpb-content-wrapper > .vc_row > .wpb_column > .vc_column-inner {
	padding-inline: 0;
}
.bf-ratio--wide {
	aspect-ratio: 16 / 9;
}
.bf-ratio--panorama {
	aspect-ratio: 21 / 9;
}
.bf-hero--background {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	min-height: min(44rem, 70vh);
	display: grid;
	align-items: center;
}
.bf-hero-background {
	position: absolute;
	inset: 0;
	z-index: -1;
}
.bf-hero-background .bf-media-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bf-hero-background::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(
		90deg,
		color-mix(in srgb, var(--bf-brand) 96%, transparent),
		color-mix(in srgb, var(--bf-brand) 75%, transparent)
	);
}
.bf-skin--light .bf-hero-background::after,
.bf-skin--muted .bf-hero-background::after {
	background: linear-gradient(90deg, #fffffff5, #ffffffd0);
}

/* User-selected layout controls override style-only reference profiles. */
.bf-free-layout--grid > *,
.bf-free-layout--flex > * {
	min-width: 0;
}
.bf-free-layout--stack {
	display: flex !important;
	flex-direction: column !important;
}
.bf-free-layout--grid {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
}
.bf-free-layout--flex {
	display: flex !important;
	flex-wrap: wrap !important;
}
.bf-free-gap--0 {
	gap: 0 !important;
}
.bf-free-gap--1 {
	gap: 1rem !important;
}
.bf-free-gap--2 {
	gap: 2rem !important;
}
.bf-free-gap--3 {
	gap: 4rem !important;
}
.bf-free-padding--0 {
	padding: 0 !important;
}
.bf-free-padding--1 {
	padding: 1rem !important;
}
.bf-free-padding--2 {
	padding: 2rem !important;
}
.bf-free-padding--3 {
	padding: 4rem !important;
}
.bf-free-radius--0 {
	border-radius: 0 !important;
}
.bf-free-radius--1 {
	border-radius: 0.75rem !important;
}
.bf-free-radius--2 {
	border-radius: 1.5rem !important;
}
.bf-free-surface--light {
	background: #fff !important;
	color: var(--bf-ink) !important;
}
.bf-free-surface--muted {
	background: #f5f5f5 !important;
	color: var(--bf-ink) !important;
}
.bf-free-surface--brand {
	background: var(--bf-brand) !important;
	color: var(--bf-on-brand) !important;
}
.bf-free-surface--gradient {
	background: linear-gradient(
		120deg,
		var(--bf-gradient-edge),
		var(--bf-gradient-light)
	) !important;
	color: var(--bf-on-brand) !important;
}
.bf-free-surface--transparent {
	background: transparent !important;
}
.bf-pagenormal h1 {
	font-size: var(--bf-text-4xl);
	font-weight: 700;
}
.bf-pagenormal h2 {
	font-size: var(--bf-text-3xl);
	font-weight: 700;
}
.bf-pagenormal h3 {
	font-size: var(--bf-text-2xl);
	font-weight: 700;
}
.bf-pagenormal {
	padding-top: 50px;
	padding-bottom: 50px;
}
@media (min-width: 48rem) {
	.bf-free-layout--grid:not(.bf-free-columns--1) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (min-width: 64rem) {
	.bf-free-layout--grid.bf-free-columns--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.bf-free-layout--grid.bf-free-columns--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.bf-free-layout--grid.bf-free-columns--6 {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
}

/* Reference-style details remain legible in mixed light/dark compositions. */
.bf-legacy .bf-annual-financing-p-13 {
	color: var(--bf-accent);
}
.bf-legacy .bf-annual-region-h4-14 {
	color: var(--bf-ink);
}
.bf-legacy .bf-annual-region-span-32,
.bf-legacy .bf-annual-region-span-41 {
	color: var(--bf-accent);
}
.bf-legacy .bf-annual-region-span-37 {
	color: #d1d5db;
}
.bf-annual-region-div-27 {
	position: relative;
	overflow: hidden;
}
@media (max-width: 359px) {
	.bf-annual-disclosure-div-2 {
		grid-template-columns: minmax(0, 1fr);
	}
	.bf-annual-disclosure-div-4,
	.bf-annual-disclosure-div-27,
	.bf-annual-disclosure-div-28 > span {
		min-width: 0;
	}
	.bf-annual-disclosure-div-28 {
		overflow-wrap: anywhere;
	}
}
@media (max-width: 359px) {
	.bf-title {
		overflow-wrap: anywhere;
	}
}

.bf-inline-icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.12em;
	flex-shrink: 0;
}
.bf-custom-icon {
	object-fit: contain;
}
.bf-button-icon {
	width: 1rem;
	height: 1rem;
	flex-shrink: 0;
}
.bf-repeat-layout:empty {
	display: none;
}
.bf-repeat-layout:not(.bf-repeat-cols--original) {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: var(--bf-gap);
}
.bf-repeat-layout:not(.bf-repeat-cols--original) > * {
	min-width: 0;
	width: auto;
}
@media (min-width: 48rem) {
	.bf-repeat-layout:not(.bf-repeat-cols--original):not(.bf-repeat-cols--1) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}
@media (min-width: 64rem) {
	.bf-repeat-layout.bf-repeat-cols--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
	.bf-repeat-layout.bf-repeat-cols--4 {
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	}
	.bf-repeat-layout.bf-repeat-cols--6 {
		grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	}
}
.bf-section-template.bf-surface--light {
	background: #fff;
	color: var(--bf-ink) !important;
}
.bf-section-template.bf-surface--muted {
	background: #fafafa;
	color: var(--bf-ink) !important;;
}

.bf-section-template.bf-surface--muted p {	
	color: var(--bf-ink) !important;;
}
.bf-section-template .bf-annual-financing-div-9 {
	border-color: color-mix(in oklab, #27335d 15%, transparent);
}
.bf-section-template.bf-surface--brand {
	background: var(--bf-brand);
	color: var(--bf-on-brand);
}
.bf-section-template.bf-surface--gradient {
	background: linear-gradient(120deg, var(--bf-gradient-edge), var(--bf-gradient-light));
	color: var(--bf-on-brand);
}

.bf-surface--brand .bf-title,
.bf-surface--brand .bf-html-flow p {
	color: #fff;
}

.bf-surface--brand .bf-annual-disclosure-div-33 p {
	color:var(--bf-color-gray-700);
}