@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url("../fonts/hanken-grotesk/HankenGrotesk-Light.woff2") format("woff2");
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/hanken-grotesk/HankenGrotesk-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/hanken-grotesk/HankenGrotesk-Medium.woff2") format("woff2");
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/hanken-grotesk/HankenGrotesk-SemiBold.woff2") format("woff2");
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/hanken-grotesk/HankenGrotesk-Bold.woff2") format("woff2");
}

@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/zilla-slab/dFa4ZfeM_74wlPZtksIFaj8K_1SMdFJ6dQ.woff2") format("woff2");
}

@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/zilla-slab/dFa5ZfeM_74wlPZtksIFYskZ6HOpW3pwfa0.woff2") format("woff2");
}

@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/zilla-slab/dFa5ZfeM_74wlPZtksIFYuUe6HOpW3pwfa0.woff2") format("woff2");
}

@font-face {
	font-family: "Zilla Slab";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/zilla-slab/dFa6ZfeM_74wlPZtksIFajo6_V6LVlA.woff2") format("woff2");
}

:root {
	--primary: #005ca9;
	--primary-hover: #004a8a;
	--accent: #101820;
	--neutral: #101820;
	--white: #fff;
	--base: #f1ede5;
	--base-light: #f7f4ec;
	--base-ultra-light: #fbf9f5;
	--neutral-ultra-light: #fbf9f5;
	--hairline: rgb(16 24 32 / 0.14);
	--gutter: clamp(1.5rem, 3vw, 2.5rem);
	--content-width: 1440px;
	--wide-width: 1640px;
	--wp--style--global--content-size: var(--content-width) !important;
	--wp--style--global--wide-size: var(--wide-width) !important;
	--grid-gap: clamp(1.5rem, 3vw, 3rem);
	--space-xs: 0.5rem;
	--space-s: clamp(0.875rem, 1vw, 1.125rem);
	--space-m: clamp(1.5rem, 2vw, 2rem);
	--space-l: clamp(3rem, 5vw, 5rem);
	--space-xl: clamp(4rem, 7vw, 7rem);
	--section-space-s: clamp(1.5rem, 2.5vw, 2.5rem);
	--section-space-m: clamp(3rem, 5vw, 4.75rem);
	--section-space-l: clamp(4rem, 8vw, 7rem);
	--heading-kicker-gap: clamp(0.45rem, 0.8vw, 0.75rem);
	--heading-body-gap: clamp(1rem, 1.6vw, 1.4rem);
	--list-gap: 0.72rem;
	--serif-display: "Zilla Slab", Georgia, serif;
}

html {
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	--wp--preset--font-family--manrope: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
	--wp--style--global--content-size: var(--content-width) !important;
	--wp--style--global--wide-size: var(--wide-width) !important;
	--wp--style--root--padding-left: var(--gutter) !important;
	--wp--style--root--padding-right: var(--gutter) !important;
	background: var(--base-ultra-light) !important;
	color: var(--accent) !important;
	font-family: "Hanken Grotesk", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.0625rem) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.65 !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body .wp-site-blocks > header,
body .wp-site-blocks > footer {
	padding-inline: var(--gutter);
}

body .wp-site-blocks > header {
	position: sticky;
	z-index: 50;
	top: 0;
	background: rgb(251 249 245 / 0.94);
	border-bottom: 1px solid var(--hairline);
	backdrop-filter: blur(16px);
}

body .wp-site-blocks > header .wp-block-group {
	max-width: var(--content-width);
	margin-inline: auto;
}

a[href^="tel:"]:not(.btn) {
	color: inherit;
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	a[href^="tel:"]:not(.btn):hover {
		color: inherit;
		text-decoration: none;
	}
}

@media (hover: none), (pointer: coarse), (max-width: 768px) {
	a[href^="tel:"]:not(.btn) {
		text-decoration: underline;
		text-decoration-thickness: 0.08em;
		text-underline-offset: 0.16em;
	}
}

body .wp-block-site-title {
	margin: 0;
}

.braendle-site-logo {
	display: inline-flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
}

.braendle-site-logo img {
	width: clamp(9rem, 14vw, 11.5rem);
	height: auto;
}

body main.wp-block-group,
body main > .wp-block-group.alignfull {
	margin-top: 0 !important;
	padding-block: 0 !important;
}

body .entry-content.has-global-padding {
	padding-inline: 0;
}

.brxe-container {
	box-sizing: border-box;
	width: min(100%, var(--content-width));
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.braendle-section-header > .brxe-container,
.braendle-content-section > .brxe-container,
.braendle-hero-slider > .brxe-container,
.braendle-hero > .brxe-container,
.braendle-media-text > .brxe-container,
.braendle-card-grid > .brxe-container,
.braendle-feature-list > .brxe-container,
.braendle-download-list > .brxe-container,
.braendle-quote-section > .brxe-container,
.braendle-cta-section > .brxe-container,
.braendle-location-map > .brxe-container,
.braendle-service-request > .brxe-container,
.braendle-image-grid > .brxe-container,
.braendle-post-loop > .brxe-container,
.braendle-external-embed > .brxe-container,
.braendle-faq-list > .brxe-container,
.braendle-static-faq > .brxe-container {
	display: block !important;
}

.braendle-section-header,
.braendle-content-section,
.braendle-hero-slider,
.braendle-hero,
.braendle-media-text,
.braendle-card-grid,
.braendle-feature-list,
.braendle-download-list,
.braendle-quote-section,
.braendle-cta-section,
.braendle-location-map,
.braendle-service-request,
.braendle-image-grid,
.braendle-post-loop,
.braendle-external-embed,
.braendle-faq-list,
.braendle-static-faq,
.braendle-application-form {
	width: 100%;
	padding-block: var(--section-space-m, 4rem);
}

.braendle-application-form {
	background: var(--neutral-ultra-light, #fbf9f5);
}

.braendle-application-form > :where(h2, p, .fluentform) {
	box-sizing: border-box;
	width: min(calc(100% - (2 * var(--gutter, 1.5rem))), 58rem);
	margin-inline: auto;
}

.braendle-application-form > h2 {
	margin-block: 0;
}

.braendle-application-form > p {
	margin-block: var(--heading-body-gap, 1.2rem) 0;
	max-width: min(calc(100% - (2 * var(--gutter, 1.5rem))), 46rem);
}

.braendle-application-form > .fluentform {
	margin-block-start: clamp(1.5rem, 3vw, 2.5rem);
	padding: clamp(1.25rem, 3vw, 2.25rem);
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	box-shadow: var(--shadow-soft);
}

body .is-layout-constrained > .braendle-section-header,
body .is-layout-constrained > .braendle-content-section,
body .is-layout-constrained > .braendle-hero-slider,
body .is-layout-constrained > .braendle-hero,
body .is-layout-constrained > .braendle-media-text,
body .is-layout-constrained > .braendle-card-grid,
body .is-layout-constrained > .braendle-feature-list,
body .is-layout-constrained > .braendle-download-list,
body .is-layout-constrained > .braendle-quote-section,
body .is-layout-constrained > .braendle-cta-section,
body .is-layout-constrained > .braendle-location-map,
body .is-layout-constrained > .braendle-service-request,
body .is-layout-constrained > .braendle-image-grid,
body .is-layout-constrained > .braendle-post-loop,
body .is-layout-constrained > .braendle-external-embed,
body .is-layout-constrained > .braendle-faq-list,
body .is-layout-constrained > .braendle-static-faq,
body .entry-content > .braendle-section-header,
body .entry-content > .braendle-content-section,
body .entry-content > .braendle-hero-slider,
body .entry-content > .braendle-hero,
body .entry-content > .braendle-media-text,
body .entry-content > .braendle-card-grid,
body .entry-content > .braendle-feature-list,
body .entry-content > .braendle-download-list,
body .entry-content > .braendle-quote-section,
body .entry-content > .braendle-cta-section,
body .entry-content > .braendle-location-map,
body .entry-content > .braendle-service-request,
body .entry-content > .braendle-image-grid,
body .entry-content > .braendle-post-loop,
body .entry-content > .braendle-external-embed,
body .entry-content > .braendle-faq-list,
body .entry-content > .braendle-static-faq {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.bg--white {
	background: var(--white, #fff);
}

.bg--neutral-ultra-light {
	background: var(--neutral-ultra-light, #fbf9f5);
}

.bg--primary {
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
}

.bg--neutral {
	background: var(--neutral, #171717);
	color: var(--white, #fff);
}

.section-space--s {
	padding-block: var(--section-space-s, 2.5rem);
}

.section-space--l {
	padding-block: var(--section-space-l, 6rem);
}

.bg--white + .bg--white,
.bg--neutral-ultra-light + .bg--neutral-ultra-light {
	padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
}

.braendle-hero + .braendle-content-section {
	padding-top: clamp(2rem, 3vw, 3rem);
}

.braendle-hero-slider {
	position: relative;
	min-height: 42rem;
	min-height: calc(100svh - 6.5rem);
	padding-block: 0;
	overflow: hidden;
	background: var(--neutral, #101820);
	color: var(--white, #fff);
	isolation: isolate;
	touch-action: pan-y;
}

.braendle-hero-slider:focus-visible {
	outline: 3px solid var(--primary, #005ca9);
	outline-offset: -3px;
}

.braendle-hero-slider__track {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none !important;
	min-height: inherit;
	margin-inline: 0 !important;
}

.braendle-hero-slider__slide {
	position: absolute;
	inset: 0;
	display: flex;
	width: 100%;
	min-height: inherit;
	align-items: flex-end;
	opacity: 0;
	pointer-events: none;
	transform: scale(1.012);
	transition: opacity 700ms ease, transform 1800ms ease;
}

.braendle-hero-slider__slide:first-child,
.braendle-hero-slider__slide.is-active {
	position: relative;
}

.braendle-hero-slider.is-enhanced .braendle-hero-slider__slide:first-child:not(.is-active) {
	position: absolute;
}

.braendle-hero-slider__slide.is-active {
	z-index: 1;
	opacity: 1;
	pointer-events: auto;
	transform: scale(1);
}

.braendle-hero-slider__slide::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: "";
	background:
		linear-gradient(90deg, rgb(16 24 32 / 0.72) 0%, rgb(16 24 32 / 0.48) 44%, rgb(16 24 32 / 0.14) 100%),
		linear-gradient(0deg, rgb(16 24 32 / 0.56) 0%, rgb(16 24 32 / 0.18) 56%, rgb(16 24 32 / 0.18) 100%);
	pointer-events: none;
}

.braendle-hero-slider__media {
	position: absolute;
	z-index: 0;
	inset: 0;
	margin: 0;
	background: var(--neutral, #101820);
}

.braendle-hero-slider__image,
.braendle-hero-slider__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.braendle-hero-slider__media--fit-contain .braendle-hero-slider__image {
	object-fit: contain;
	background: var(--base-light, #f7f4ec);
}

.braendle-hero-slider__video {
	background: var(--neutral, #101820);
}

.braendle-hero-slider .brxe-container {
	position: relative;
	z-index: 2;
	width: min(100%, var(--wide-width));
	padding-block: clamp(7.5rem, 16vh, 12rem) clamp(4rem, 8vh, 6.5rem);
}

.braendle-hero-slider__content {
	max-width: min(45rem, 100%);
}

.braendle-hero-slider .braendle-kicker {
	margin-block-end: clamp(1.25rem, 2vw, 1.9rem);
	color: rgb(255 255 255 / 0.9);
}

.braendle-hero-slider h1,
.braendle-hero-slider h2 {
	max-width: min(12.8ch, 100%);
	margin: 0;
	color: var(--white, #fff);
	font-family: var(--serif-display);
	font-size: clamp(2.65rem, 5.25vw, 5.55rem);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 0.98;
	text-wrap: balance;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.braendle-hero-slider .braendle-heading-mark {
	margin-block-start: 0.06em;
}

.braendle-hero-slider__lead {
	max-width: 42rem;
	margin-block: clamp(1.25rem, 2vw, 1.75rem) 0;
	color: rgb(255 255 255 / 0.94);
	font-size: clamp(1.125rem, 1.05rem + 0.35vw, 1.375rem);
	line-height: 1.5;
}

.braendle-hero-slider .btn {
	margin-block-start: clamp(1.75rem, 3vw, 2.8rem);
}

.braendle-hero-slider__controls {
	position: absolute;
	z-index: 3;
	right: var(--gutter);
	bottom: clamp(1.25rem, 3.5vh, 2.75rem);
	display: flex;
	gap: 0.65rem;
	align-items: center;
}

.braendle-hero-slider__dot {
	display: block;
	width: 0.78rem;
	height: 0.78rem;
	padding: 0;
	border: 1px solid rgb(255 255 255 / 0.72);
	border-radius: 999px;
	background: rgb(255 255 255 / 0.12);
	cursor: pointer;
	transition: background 160ms ease, transform 160ms ease, width 160ms ease;
}

.braendle-hero-slider__dot:hover,
.braendle-hero-slider__dot:focus-visible,
.braendle-hero-slider__dot.is-active {
	width: 2.15rem;
	background: var(--primary, #005ca9);
	border-color: var(--primary, #005ca9);
	outline: 0;
}

.braendle-hero-slider__arrow {
	display: grid;
	width: 2.65rem;
	height: 2.65rem;
	padding: 0;
	place-items: center;
	border: 1px solid rgb(255 255 255 / 0.72);
	border-radius: 999px;
	background: rgb(16 24 32 / 0.34);
	color: var(--white, #fff);
	cursor: pointer;
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1;
	transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.braendle-hero-slider__arrow:hover,
.braendle-hero-slider__arrow:focus-visible {
	background: var(--primary, #005ca9);
	border-color: var(--primary, #005ca9);
	color: var(--white, #fff);
	outline: 0;
	transform: translateY(-1px);
}

.braendle-hero {
	padding-block: clamp(3.5rem, 5vw, 4.75rem);
}

.braendle-hero--layout-overlay {
	position: relative;
	display: grid;
	align-items: end;
	min-height: clamp(34rem, 76vh, 52rem);
	padding-block: clamp(7rem, 14vh, 10rem) clamp(4.25rem, 8vh, 6rem);
	overflow: hidden;
	background: var(--neutral, #101820);
	color: var(--white, #fff);
}

.braendle-hero--layout-overlay::before {
	position: absolute;
	z-index: 1;
	inset: 0;
	content: "";
	background:
		linear-gradient(90deg, rgb(16 24 32 / 0.72) 0%, rgb(16 24 32 / 0.54) 42%, rgb(16 24 32 / 0.2) 100%),
		linear-gradient(0deg, rgb(16 24 32 / 0.3), rgb(16 24 32 / 0.08));
	pointer-events: none;
}

.braendle-hero--layout-overlay .brxe-container {
	position: static;
	align-self: end;
}

.braendle-hero--layout-overlay .braendle-hero__content {
	position: relative;
	z-index: 2;
}

.braendle-hero--layout-overlay .braendle-hero__grid {
	display: block;
	max-width: min(64rem, 100%);
}

.braendle-hero--layout-overlay .braendle-hero__media {
	position: absolute;
	z-index: 0;
	inset: 0;
	margin: 0;
	background: var(--neutral, #101820);
}

.braendle-hero--layout-overlay .braendle-hero__image {
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	object-fit: cover;
	object-position: 50% 50%;
}

.braendle-hero--layout-overlay .braendle-kicker {
	color: currentcolor;
}

.braendle-heading-group {
	display: flex;
	flex-direction: column-reverse;
	gap: var(--heading-kicker-gap, 0.65rem);
}

.braendle-heading-group h2,
.braendle-content-section h2,
.braendle-card-grid__intro h2,
.braendle-feature-list__intro h2,
.braendle-download-list__intro h2,
.braendle-cta-section h2,
.braendle-location-map h2,
.braendle-service-request h2,
.braendle-post-loop h2,
.braendle-faq-list h2,
.braendle-static-faq h2,
.braendle-media-text h2,
.braendle-hero h1 {
	color: inherit;
	font-family: var(--serif-display);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.08;
	margin: 0;
	text-wrap: balance;
}

.braendle-hero h1 {
	font-size: clamp(2.35rem, 4.8vw, 5.05rem);
	line-height: 1.02;
	letter-spacing: 0;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.braendle-hero--layout-overlay h1 {
	max-width: min(13.5ch, 100%);
	color: var(--white, #fff);
	font-size: clamp(2.65rem, 5.25vw, 5.55rem);
	font-weight: 500;
	line-height: 0.98;
}

.braendle-heading-mark {
	display: inline-block;
	padding: 0.02em 0.14em 0.08em;
	margin-inline: 0.03em;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	border-radius: 0.08em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	hyphens: none;
	overflow-wrap: normal;
	word-break: normal;
}

.braendle-heading-group h2,
.braendle-content-section h2,
.braendle-card-grid__intro h2,
.braendle-feature-list__intro h2,
.braendle-download-list__intro h2,
.braendle-cta-section h2,
.braendle-location-map h2,
.braendle-service-request h2,
.braendle-post-loop h2,
.braendle-faq-list h2,
.braendle-static-faq h2,
.braendle-media-text h2 {
	font-size: clamp(1.55rem, 2.25vw, 2.65rem);
	line-height: 1.12;
}

.braendle-heading-group h2,
.braendle-content-section h2,
.braendle-card-grid__intro h2,
.braendle-feature-list__intro h2,
.braendle-download-list__intro h2,
.braendle-cta-section h2,
.braendle-location-map h2,
.braendle-service-request h2,
.braendle-post-loop h2,
.braendle-faq-list h2 {
	max-width: 20ch;
}

.braendle-kicker {
	margin: 0;
	color: var(--primary, #005ca9);
	font-size: var(--text-s, 0.875rem);
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
}

.bg--primary .braendle-kicker,
.bg--neutral .braendle-kicker {
	color: currentcolor;
}

.braendle-section-header__text,
.braendle-content-section__body,
.braendle-media-text__body,
.braendle-cta-section__body,
.braendle-card-grid__intro-text,
.braendle-feature-list__intro-text,
.braendle-service-request__text,
.braendle-external-embed__text,
.braendle-quooker-configurator__text,
.braendle-cta-section p,
.braendle-hero__text {
	max-width: 78ch;
	margin-block-start: clamp(0.85rem, 1.4vw, 1.35rem);
	font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
	line-height: 1.62;
	overflow-wrap: break-word;
}

.braendle-heading-group + .braendle-section-header__text,
.braendle-card-grid__intro h2 + .braendle-card-grid__intro-text,
.braendle-feature-list__intro h2 + .braendle-feature-list__intro-text,
.braendle-cta-section h2 + p,
.braendle-static-faq h2 + p,
.braendle-faq-list h2 + p {
	margin-block-start: var(--heading-body-gap, 1.2rem);
}

.braendle-section-header__text > *,
.braendle-card-grid__intro-text > *,
.braendle-feature-list__intro-text > *,
.braendle-service-request__text > *,
.braendle-external-embed__text > *,
.braendle-quooker-configurator__text > * {
	margin-block: 0;
}

.braendle-section-header__text > * + *,
.braendle-card-grid__intro-text > * + *,
.braendle-feature-list__intro-text > * + *,
.braendle-service-request__text > * + *,
.braendle-external-embed__text > * + *,
.braendle-quooker-configurator__text > * + * {
	margin-block-start: 0.95rem;
}

.braendle-hero--layout-overlay .braendle-hero__text {
	max-width: 40rem;
	color: rgb(255 255 255 / 0.94);
	font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.55rem);
	line-height: 1.52;
}

.braendle-section-header--center .brxe-container {
	text-align: center;
}

.braendle-section-header--center .braendle-heading-group,
.braendle-section-header--center .braendle-section-header__text {
	align-items: center;
	margin-inline: auto;
}

.braendle-content-section--wide .braendle-content-section__body,
.braendle-content-section--wide .braendle-content-section__inner {
	max-width: var(--content-width);
}

.braendle-content-section__inner {
	display: grid;
	grid-template-columns: minmax(17rem, 0.34fr) minmax(0, 0.66fr);
	column-gap: clamp(2.5rem, 5vw, 6rem);
	row-gap: var(--heading-kicker-gap, 0.65rem);
	max-width: var(--content-width);
	align-items: start;
}

.braendle-content-section--wide .braendle-content-section__body {
	max-width: min(84ch, 100%);
}

.braendle-content-section__inner > * + * {
	margin-block-start: 0;
}

.braendle-content-section__inner > .braendle-kicker {
	grid-column: 1 / -1;
}

.braendle-content-section__body:first-child,
.braendle-content-section__inner > .braendle-kicker + .braendle-content-section__body {
	grid-column: 1 / -1;
	max-width: 92ch;
}

.braendle-content-section__inner > .braendle-kicker + h2 {
	margin-block-start: 0;
}

.braendle-content-section__actions {
	grid-column: 2;
	margin-block-start: var(--heading-body-gap, 1.2rem);
}

.braendle-content-section__body:first-child + .braendle-content-section__actions,
.braendle-content-section__inner > .braendle-kicker + .braendle-content-section__body + .braendle-content-section__actions {
	grid-column: 1 / -1;
}

.braendle-content-section__body > * {
	margin-block: 0;
}

.braendle-media-text__body > * {
	margin-block: 0;
}

.braendle-content-section__body > * + * {
	margin-block-start: 1.1rem;
}

.braendle-media-text__body > * + * {
	margin-block-start: 1.1rem;
}

.braendle-content-section__body ul,
.braendle-content-section__body ol,
.braendle-media-text__body ul,
.braendle-media-text__body ol,
.braendle-card__body ul,
.braendle-card__body ol,
.braendle-card-grid__intro-text ul,
.braendle-card-grid__intro-text ol,
.braendle-feature-list__intro-text ul,
.braendle-feature-list__intro-text ol,
.braendle-service-request__text ul,
.braendle-service-request__text ol,
.braendle-external-embed__text ul,
.braendle-external-embed__text ol,
.braendle-quooker-configurator__text ul,
.braendle-quooker-configurator__text ol {
	display: grid;
	gap: var(--list-gap, 0.72rem);
	margin-block-start: clamp(1rem, 1.4vw, 1.25rem);
	padding: 0;
	list-style: none;
	counter-reset: braendle-list;
}

.braendle-content-section__body li,
.braendle-media-text__body li,
.braendle-card__body li,
.braendle-card-grid__intro-text li,
.braendle-feature-list__intro-text li,
.braendle-service-request__text li,
.braendle-external-embed__text li,
.braendle-quooker-configurator__text li {
	position: relative;
	padding-inline-start: 1.95rem;
	line-height: 1.55;
}

.braendle-content-section__body ol > li,
.braendle-media-text__body ol > li,
.braendle-card__body ol > li,
.braendle-card-grid__intro-text ol > li,
.braendle-feature-list__intro-text ol > li,
.braendle-service-request__text ol > li,
.braendle-external-embed__text ol > li,
.braendle-quooker-configurator__text ol > li {
	counter-increment: braendle-list;
}

.braendle-content-section__body ul > li::before,
.braendle-media-text__body ul > li::before,
.braendle-card__body ul > li::before,
.braendle-card-grid__intro-text ul > li::before,
.braendle-feature-list__intro-text ul > li::before,
.braendle-service-request__text ul > li::before,
.braendle-external-embed__text ul > li::before,
.braendle-quooker-configurator__text ul > li::before,
.braendle-content-section__body ol > li::before,
.braendle-media-text__body ol > li::before,
.braendle-card__body ol > li::before,
.braendle-card-grid__intro-text ol > li::before,
.braendle-feature-list__intro-text ol > li::before,
.braendle-service-request__text ol > li::before,
.braendle-external-embed__text ol > li::before,
.braendle-quooker-configurator__text ol > li::before {
	position: absolute;
	top: 0.18em;
	left: 0;
	display: grid;
	width: 1.2rem;
	height: 1.2rem;
	place-items: center;
	border-radius: 999px;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1;
}

.braendle-content-section__body ul > li::before,
.braendle-media-text__body ul > li::before,
.braendle-card__body ul > li::before,
.braendle-card-grid__intro-text ul > li::before,
.braendle-feature-list__intro-text ul > li::before,
.braendle-service-request__text ul > li::before,
.braendle-external-embed__text ul > li::before,
.braendle-quooker-configurator__text ul > li::before {
	content: "✓";
}

.braendle-content-section__body ol > li::before,
.braendle-media-text__body ol > li::before,
.braendle-card__body ol > li::before,
.braendle-card-grid__intro-text ol > li::before,
.braendle-feature-list__intro-text ol > li::before,
.braendle-service-request__text ol > li::before,
.braendle-external-embed__text ol > li::before,
.braendle-quooker-configurator__text ol > li::before {
	content: counter(braendle-list);
	font-size: 0.66rem;
	font-weight: 700;
}

.braendle-content-section__body h3 {
	color: var(--accent);
	font-family: var(--serif-display);
	font-size: clamp(1.35rem, 1.65vw, 1.85rem);
	font-weight: 500;
	line-height: 1.16;
	max-width: 32ch;
	margin-block: clamp(2rem, 3.5vw, 3.5rem) 0;
	padding-block-start: clamp(0.85rem, 1.2vw, 1.2rem);
	border-top: 1px solid var(--hairline);
}

.braendle-content-section__body > h3:first-child {
	margin-block-start: 0;
	border-top: 0;
	padding-block-start: 0;
}

.braendle-content-section__body a {
	color: inherit;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.braendle-media-text__body a {
	color: inherit;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.braendle-section-header__text a,
.braendle-card-grid__intro a,
.braendle-feature-list__intro a,
.braendle-cta-section__body a,
.braendle-cta-section__inner a {
	color: inherit;
	font-weight: 700;
	overflow-wrap: anywhere;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
}

.bg--primary :where(.braendle-section-header__text, .braendle-content-section__body, .braendle-media-text__body, .braendle-card-grid__intro, .braendle-feature-list__intro, .braendle-feature-list__items, .braendle-download-list__intro, .braendle-cta-section__body, .braendle-cta-section__inner) a:not(.btn):not(.braendle-download-card):hover,
.bg--primary :where(.braendle-section-header__text, .braendle-content-section__body, .braendle-media-text__body, .braendle-card-grid__intro, .braendle-feature-list__intro, .braendle-feature-list__items, .braendle-download-list__intro, .braendle-cta-section__body, .braendle-cta-section__inner) a:not(.btn):not(.braendle-download-card):focus-visible,
.bg--neutral :where(.braendle-section-header__text, .braendle-content-section__body, .braendle-media-text__body, .braendle-card-grid__intro, .braendle-feature-list__intro, .braendle-feature-list__items, .braendle-download-list__intro, .braendle-cta-section__body, .braendle-cta-section__inner) a:not(.btn):not(.braendle-download-card):hover,
.bg--neutral :where(.braendle-section-header__text, .braendle-content-section__body, .braendle-media-text__body, .braendle-card-grid__intro, .braendle-feature-list__intro, .braendle-feature-list__items, .braendle-download-list__intro, .braendle-cta-section__body, .braendle-cta-section__inner) a:not(.btn):not(.braendle-download-card):focus-visible {
	color: var(--white, #fff);
	text-decoration-line: underline;
	text-decoration-thickness: 0.09em;
	text-underline-offset: 0.2em;
}

.braendle-content-section__body .braendle-text-question {
	margin-block-start: clamp(1.35rem, 2vw, 2rem);
	color: var(--accent, #101820);
	font-weight: 700;
	line-height: 1.35;
	padding-block-start: 1rem;
	border-top: 1px solid color-mix(in srgb, currentcolor 14%, transparent);
}

.braendle-content-section__body .braendle-text-quote {
	max-width: 46rem;
	margin-block: clamp(1.75rem, 3vw, 3rem) 0;
	color: var(--primary, #005ca9);
	font-family: var(--serif-display);
	font-size: clamp(1.2rem, 1.6vw, 1.7rem);
	font-weight: 500;
	line-height: 1.24;
}

.braendle-content-section__body .braendle-text-meta {
	margin-block-start: 0.45rem;
	color: color-mix(in srgb, currentcolor 72%, transparent);
	font-size: 0.96em;
	font-weight: 700;
}

.braendle-content-section__body .braendle-text-cta {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	gap: 0.6rem;
	margin-block-start: clamp(1.25rem, 2vw, 2rem);
	padding: 0.78rem 1.1rem;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	font-weight: 700;
	line-height: 1.1;
}

.braendle-content-section__body .braendle-text-cta::after {
	content: "→";
	translate: 0 -0.02em;
}

.braendle-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-s, 1rem);
	margin-block-start: var(--space-m, 1.5rem);
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	gap: 0.6rem;
	padding: 0.9rem 1.6rem;
	border: 1px solid currentcolor;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.btn:hover {
	transform: translateY(-1px);
}

.btn:not([href^="tel:"]):not([href^="mailto:"])::after {
	content: "→";
	transition: transform 200ms ease;
}

.btn:not([href^="tel:"]):not([href^="mailto:"]):hover::after {
	transform: translateX(4px);
}

.btn--primary {
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	border-color: var(--primary, #005ca9);
}

.btn--primary:hover {
	background: var(--primary-hover, #004a8a);
	color: var(--white, #fff);
}

.btn--secondary {
	background: transparent;
	color: currentcolor;
}

.bg--primary .btn--primary,
.bg--neutral .btn--primary {
	background: var(--white, #fff);
	color: var(--primary, #005ca9);
	border-color: var(--white, #fff);
}

.braendle-hero--layout-overlay .btn--secondary {
	color: var(--white, #fff);
	background: rgb(255 255 255 / 0.08);
	border-color: rgb(255 255 255 / 0.72);
}

.braendle-hero__grid,
.braendle-media-text__grid {
	display: grid;
	gap: var(--grid-gap, var(--space-xl, 4rem));
	align-items: center;
}

.braendle-hero__grid {
	grid-template-columns: minmax(0, 1.04fr) minmax(22rem, 0.96fr);
}

.braendle-media-text__grid {
	grid-template-columns: minmax(22rem, 1.05fr) minmax(0, 0.95fr);
}

.braendle-hero__content,
.braendle-hero__media,
.braendle-media-text__content,
.braendle-media-text__media {
	min-width: 0;
}

.braendle-hero--image-left .braendle-hero__media,
.braendle-media-text--image-right .braendle-media-text__content {
	order: -1;
}

.braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content {
	order: -1;
}

.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content,
.braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto + .braendle-media-text--image-auto .braendle-media-text__content {
	order: 0;
}

.braendle-hero__media,
.braendle-media-text__media {
	margin: 0;
	overflow: hidden;
	background: color-mix(in srgb, currentcolor 8%, transparent);
}

.braendle-hero__image,
.braendle-media-text__image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-position: 50% 50%;
}

.braendle-hero--fit-cover .braendle-hero__image,
.braendle-media-text--fit-cover .braendle-media-text__image {
	height: 100%;
	object-fit: cover;
}

.braendle-hero--fit-contain .braendle-hero__image,
.braendle-media-text--fit-contain .braendle-media-text__image {
	height: auto;
	object-fit: contain;
}

.braendle-media-text--fit-contain .braendle-media-text__media {
	display: grid;
	min-height: clamp(14rem, 30vw, 26rem);
	place-items: center;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	background: var(--base-light, #f7f4ec);
}

.braendle-media-text--image-bg-muted .braendle-media-text__media {
	background: color-mix(in srgb, currentcolor 8%, transparent);
}

.braendle-media-text--image-bg-transparent .braendle-media-text__media {
	background: transparent;
	padding: 0;
	border: 0;
	box-shadow: none;
	min-height: 0;
}

.braendle-media-text--image-bg-white .braendle-media-text__media {
	background: #fff;
}

.braendle-media-text--image-bg-neutral-ultra-light .braendle-media-text__media {
	background: var(--base-light, #f7f4ec);
}

.braendle-media-text--fit-contain .braendle-media-text__image {
	width: min(100%, 34rem);
	max-height: var(--braendle-media-max-h, clamp(12rem, 28vw, 24rem));
	aspect-ratio: auto;
}

/* Maximale Bildhoehe, im Block waehlbar (wirkt nur bei "Bild vollstaendig anzeigen"). */
.braendle-media-text--imgsize-s { --braendle-media-max-h: clamp(9rem, 18vw, 16rem); }
.braendle-media-text--imgsize-m { --braendle-media-max-h: clamp(12rem, 28vw, 24rem); }
.braendle-media-text--imgsize-l { --braendle-media-max-h: clamp(16rem, 38vw, 34rem); }
.braendle-media-text--imgsize-xl { --braendle-media-max-h: clamp(20rem, 50vw, 46rem); }
.braendle-media-text--imgsize-none { --braendle-media-max-h: none; }

.braendle-media-text--visual-icon .braendle-media-text__media {
	display: grid;
	min-height: clamp(16rem, 31vw, 27rem);
	place-items: center;
	padding: clamp(1.25rem, 3vw, 2.5rem);
	background:
		linear-gradient(135deg, rgb(0 92 169 / 0.08), rgb(255 255 255 / 0.9) 54%),
		var(--base-light, #f7f4ec);
	border: 1px solid rgb(16 24 32 / 0.1);
	box-shadow: 0 1.1rem 2.8rem rgb(16 24 32 / 0.07);
}

.braendle-media-svg {
	display: block;
	width: min(100%, 31rem);
	height: auto;
	color: var(--primary, #005ca9);
}

.braendle-media-svg__bg {
	fill: rgb(255 255 255 / 0.86);
	stroke: rgb(16 24 32 / 0.1);
	stroke-width: 2;
}

.braendle-media-svg__wash {
	fill: rgb(0 92 169 / 0.08);
}

.braendle-media-svg__line,
.braendle-media-svg__accent-line,
.braendle-media-svg__phone {
	fill: none;
	stroke: currentcolor;
	stroke-width: 20;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.braendle-media-svg__line--soft {
	stroke: rgb(16 24 32 / 0.22);
	stroke-width: 12;
}

.braendle-media-svg__ring,
.braendle-media-svg__ring-small {
	fill: rgb(0 92 169 / 0.05);
	stroke: currentcolor;
	stroke-width: 16;
}

.braendle-media-svg__ring-small {
	stroke-width: 12;
}

.braendle-media-svg__accent-fill,
.braendle-media-svg__dot {
	fill: currentcolor;
}

.braendle-media-svg__badge {
	fill: rgb(255 255 255 / 0.72);
	stroke: currentcolor;
	stroke-width: 16;
	stroke-linejoin: round;
}

.braendle-media-svg__phone {
	stroke: var(--primary, #005ca9);
	stroke-width: 24;
}

.braendle-media-svg__accent-line {
	stroke: #d91414;
}

.braendle-compact-media .braendle-media-text__media {
	min-height: clamp(11rem, 20vw, 18rem);
	padding: clamp(1rem, 2vw, 1.8rem);
}

.braendle-compact-media .braendle-media-text__image {
	width: min(100%, 18rem);
	max-height: 18rem;
}

.braendle-media-text__content > * + * {
	margin-block-start: var(--space-m, 1.5rem);
}

.braendle-hero__content > .braendle-kicker + h1,
.braendle-media-text__content > .braendle-kicker + h2 {
	margin-block-start: var(--heading-kicker-gap, 0.65rem);
}

.braendle-hero__content > h1 + .braendle-hero__text,
.braendle-media-text__content > h2 + .braendle-media-text__body,
.braendle-media-text__content > h2 + p {
	margin-block-start: var(--heading-body-gap, 1.2rem);
}

.braendle-card-grid__intro {
	max-width: 78ch;
	margin-block-end: clamp(1.75rem, 3vw, 2.75rem);
}

.braendle-card-grid__items,
.braendle-post-loop__items,
.braendle-image-grid__items {
	display: grid;
	align-items: stretch;
	gap: var(--grid-gap, var(--space-m, 1.5rem));
}

.braendle-card-grid--cols-2 .braendle-card-grid__items,
.braendle-post-loop--cols-2 .braendle-post-loop__items,
.braendle-image-grid--cols-2 .braendle-image-grid__items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.braendle-card-grid--cols-3 .braendle-card-grid__items,
.braendle-post-loop--cols-3 .braendle-post-loop__items,
.braendle-image-grid--cols-3 .braendle-image-grid__items {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.braendle-card-grid--cols-4 .braendle-card-grid__items,
.braendle-post-loop--cols-4 .braendle-post-loop__items,
.braendle-image-grid--cols-4 .braendle-image-grid__items {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.braendle-image-grid {
	width: 100%;
	padding-block: var(--section-space-m, 4rem);
}

.braendle-image-grid__items {
	gap: clamp(1rem, 1.6vw, 1.5rem);
}

.braendle-image-grid__item {
	display: flex;
	flex-direction: column;
	margin: 0;
	overflow: hidden;
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
}

.braendle-image-grid--variant-slider .braendle-card-grid__intro {
	margin-inline: auto;
	text-align: center;
}

.braendle-image-grid--variant-slider .braendle-card-grid__intro h2 {
	max-width: none;
}

.braendle-image-grid--variant-slider .braendle-card-grid__intro-text {
	margin-inline: auto;
}

.braendle-image-grid--variant-slider .braendle-image-grid__items {
	position: relative;
	display: block;
	max-width: min(100%, 74rem);
	margin-inline: auto;
	touch-action: pan-y;
}

.braendle-image-grid--variant-slider .braendle-image-grid__item {
	display: none;
	margin: 0;
	background: transparent;
	border: 0;
}

.braendle-image-grid--variant-slider .braendle-image-grid__item.is-active {
	display: block;
}

.braendle-image-grid--variant-slider .braendle-image-grid__media {
	overflow: hidden;
	background: var(--base-light, #f7f4ec);
	aspect-ratio: 16 / 10;
}

.braendle-image-grid--variant-slider .braendle-image-grid__image {
	object-fit: cover;
}

.braendle-image-grid--variant-slider .braendle-image-grid__item figcaption {
	padding: 0.8rem 0 0;
	background: transparent;
	color: color-mix(in srgb, var(--neutral, #101820) 82%, transparent);
	border: 0;
	font-size: 0.95rem;
}

.braendle-image-slider__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-block-start: 0.75rem;
	color: var(--neutral, #101820);
}

.braendle-image-slider__button {
	display: inline-grid;
	width: 2.4rem;
	height: 2.4rem;
	place-items: center;
	border: 1px solid color-mix(in srgb, currentcolor 24%, transparent);
	border-radius: 999px;
	background: transparent;
	color: inherit;
	font: inherit;
	line-height: 1;
	cursor: pointer;
	transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.braendle-image-slider__button:hover,
.braendle-image-slider__button:focus-visible {
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	border-color: var(--primary, #005ca9);
	outline: 0;
	transform: translateY(-1px);
}

.braendle-image-slider__counter {
	min-width: 3.4rem;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 600;
}

.braendle-image-slider__dots {
	display: flex;
	gap: 0.4rem;
}

.braendle-image-slider__dot {
	width: 0.55rem;
	height: 0.55rem;
	padding: 0;
	border: 1px solid currentcolor;
	border-radius: 999px;
	background: transparent;
	color: currentcolor;
	opacity: 0.5;
}

.braendle-image-slider__dot.is-active {
	width: 1.35rem;
	background: var(--primary, #005ca9);
	border-color: var(--primary, #005ca9);
	opacity: 1;
}

.braendle-image-grid--variant-gallery .braendle-image-grid__item,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item {
	position: relative;
	display: block;
	background: var(--base-light, #f7f4ec);
}

.braendle-image-grid--variant-mosaic .braendle-image-grid__items {
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
	gap: clamp(0.75rem, 1.3vw, 1.25rem);
}

.braendle-image-grid--variant-mosaic .braendle-image-grid__item {
	grid-column: span 4;
}

.braendle-image-grid--variant-mosaic.braendle-image-grid--cols-2 .braendle-image-grid__item {
	grid-column: span 6;
}

.braendle-image-grid--variant-mosaic.braendle-image-grid--cols-4 .braendle-image-grid__item {
	grid-column: span 3;
}

.braendle-image-grid--variant-mosaic .braendle-image-grid__item:nth-child(1),
.braendle-image-grid--variant-mosaic .braendle-image-grid__item:nth-child(8n + 1) {
	grid-column: span 6;
}

.braendle-image-grid--variant-single .braendle-image-grid__items {
	grid-template-columns: 1fr !important;
}

.braendle-image-grid--variant-single .braendle-image-grid__item {
	width: 100%;
}

.braendle-image-grid__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.braendle-image-grid__media {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--base-light, #f7f4ec);
}

.braendle-image-grid__image {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
	background: var(--base-light, #f7f4ec);
	transition: transform 260ms ease;
}

.braendle-image-grid--fit-cover .braendle-image-grid__image {
	object-fit: cover;
}

.braendle-image-grid--variant-gallery .braendle-image-grid__image,
.braendle-image-grid--variant-mosaic .braendle-image-grid__image {
	object-fit: cover;
}

.braendle-image-grid--fit-contain .braendle-image-grid__image {
	object-fit: contain;
}

.braendle-image-grid--variant-single .braendle-image-grid__media,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item:nth-child(1) .braendle-image-grid__media,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item:nth-child(8n + 1) .braendle-image-grid__media {
	aspect-ratio: 16 / 10;
}

.braendle-image-grid--has-lightbox .braendle-image-grid__link:hover .braendle-image-grid__image,
.braendle-image-grid--has-lightbox .braendle-image-grid__link:focus-visible .braendle-image-grid__image {
	transform: scale(1.025);
}

.braendle-image-grid__item figcaption {
	margin: 0;
	padding: 0.75rem 0.95rem 0.85rem;
	background: var(--white, #fff);
	color: var(--neutral, #101820);
	border-top: 1px solid var(--hairline);
	font-size: 0.9375rem;
	line-height: 1.25;
	hyphens: auto;
	overflow-wrap: anywhere;
}

.braendle-image-grid--variant-gallery .braendle-image-grid__item figcaption,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item figcaption {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 1.25rem 1rem 0.9rem;
	border: 0;
	background: linear-gradient(180deg, transparent, rgb(8 14 20 / 0.76));
	color: var(--white, #fff);
	opacity: 0;
	pointer-events: none;
	transform: translateY(0.35rem);
	transition: opacity 180ms ease, transform 180ms ease;
}

.braendle-image-grid--variant-gallery .braendle-image-grid__item:hover figcaption,
.braendle-image-grid--variant-gallery .braendle-image-grid__item:focus-within figcaption,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item:hover figcaption,
.braendle-image-grid--variant-mosaic .braendle-image-grid__item:focus-within figcaption {
	opacity: 1;
	transform: translateY(0);
}

.braendle-gallery-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: clamp(1rem, 3vw, 2rem);
	background: rgb(8 14 20 / 0.82);
}

.braendle-gallery-lightbox[hidden] {
	display: none;
}

.braendle-gallery-lightbox__dialog {
	position: relative;
	display: grid;
	gap: 0.85rem;
	width: min(92vw, 80rem);
	max-height: 92vh;
	color: var(--white, #fff);
}

.braendle-gallery-lightbox__image {
	display: block;
	width: 100%;
	max-height: 78vh;
	object-fit: contain;
	background: var(--neutral, #101820);
	box-shadow: 0 1.25rem 3rem rgb(0 0 0 / 0.35);
}

.braendle-gallery-lightbox__caption {
	min-height: 1.25rem;
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.35;
}

.braendle-gallery-lightbox__close,
.braendle-gallery-lightbox__nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgb(255 255 255 / 0.4);
	background: rgb(255 255 255 / 0.95);
	color: var(--neutral, #101820);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.braendle-gallery-lightbox__close {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	min-height: 2.45rem;
	padding: 0.45rem 0.8rem;
}

.braendle-gallery-lightbox__nav {
	position: absolute;
	top: 50%;
	width: 2.75rem;
	height: 2.75rem;
	font-size: 1.4rem;
	transform: translateY(-50%);
}

.braendle-gallery-lightbox__nav--prev {
	left: 0.75rem;
}

.braendle-gallery-lightbox__nav--next {
	right: 0.75rem;
}

.braendle-gallery-lightbox__close:hover,
.braendle-gallery-lightbox__close:focus-visible,
.braendle-gallery-lightbox__nav:hover,
.braendle-gallery-lightbox__nav:focus-visible {
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	outline: 0;
}

.braendle-card {
	display: flex;
	flex-direction: column;
	gap: var(--space-s, 1rem);
	padding: clamp(1.25rem, 2vw, 2rem);
	background: var(--white, #fff);
	color: var(--neutral, #171717);
	border: 1px solid var(--hairline);
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.braendle-card:hover {
	border-color: rgb(0 92 169 / 0.35);
	box-shadow: 0 0.75rem 2rem rgb(16 24 32 / 0.1);
	transform: translateY(-0.08rem);
}

.braendle-card-grid--feature .braendle-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	column-gap: clamp(1rem, 1.8vw, 1.45rem);
	row-gap: 0.7rem;
	min-height: 100%;
	padding: clamp(1.35rem, 2vw, 1.85rem);
}

.braendle-card-grid--feature .braendle-card--has-icon h3,
.braendle-card-grid--feature .braendle-card--has-icon .braendle-card__body,
.braendle-card-grid--feature .braendle-card--has-icon .btn {
	grid-column: 2;
}

.braendle-card-grid--feature .braendle-card--has-icon .btn {
	margin-block-start: 0.35rem;
	justify-self: start;
	width: auto;
	max-width: min(100%, 28rem);
}

.braendle-card__icon {
	display: grid;
	width: clamp(2.85rem, 4.4vw, 3.5rem);
	aspect-ratio: 1;
	place-items: center;
	grid-column: 1;
	grid-row: 1 / span 3;
	color: var(--primary, #005ca9);
	background: rgb(0 92 169 / 0.08);
	border: 1px solid rgb(0 92 169 / 0.22);
	border-radius: 0.375rem;
}

.braendle-card__icon-svg {
	width: 64%;
	height: 64%;
	fill: none;
	stroke: currentColor;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.braendle-card--has-image {
	padding-top: 0;
	overflow: hidden;
}

.braendle-card__media {
	margin: 0 calc(clamp(1.25rem, 2vw, 2rem) * -1) clamp(1.1rem, 2vw, 1.6rem);
	background: var(--base-light, #f7f4ec);
}

.braendle-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.braendle-card__media--fit-contain .braendle-card__image {
	padding: clamp(1rem, 2vw, 1.5rem);
	object-fit: contain;
}

.braendle-card-grid--people .braendle-card {
	gap: 0;
	height: 100%;
	padding: 0;
	overflow: hidden;
}

.braendle-post-loop--type-braendle_team .braendle-post-card {
	height: 100%;
}

.braendle-card-grid--people .braendle-card__media {
	margin: 0;
	background: var(--base-light, #f7f4ec);
}

.braendle-card-grid--people .braendle-card__image {
	aspect-ratio: 5 / 4;
	object-position: 50% 28%;
}

.braendle-card-grid--people .braendle-card h3 {
	margin: clamp(1.15rem, 1.7vw, 1.55rem) clamp(1.2rem, 1.8vw, 1.7rem) 0;
}

.braendle-card-grid--people .braendle-card__body {
	padding: 0 clamp(1.2rem, 1.8vw, 1.7rem) clamp(1.25rem, 2vw, 1.85rem);
}

.braendle-card-grid--people .braendle-card h3 + .braendle-card__body {
	margin-block-start: 0.85rem;
}

.braendle-card h3,
.braendle-card p {
	margin: 0;
}

.braendle-card h3 {
	font-size: clamp(1.18rem, 1.04rem + 0.32vw, 1.42rem);
	line-height: 1.14;
	hyphens: auto;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

.braendle-card__body {
	display: grid;
	gap: 0.7rem;
}

.braendle-card__body > * {
	margin: 0;
}

.braendle-team-contact {
	display: grid;
	gap: 0.45rem;
}

.braendle-team-contact__phone a {
	color: inherit;
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	.braendle-team-contact__phone a:hover {
		color: inherit;
		text-decoration: none;
	}
}

.braendle-card .btn {
	align-self: flex-start;
	max-width: 100%;
	margin-block-start: auto;
	text-align: left;
	line-height: 1.25;
	white-space: normal;
}

.braendle-feature-list__intro,
.braendle-cta-section__inner {
	max-width: 78ch;
	margin-block-end: var(--space-l, 3rem);
}

.braendle-feature-list__items {
	display: grid;
	gap: clamp(0.9rem, 1.4vw, 1.35rem);
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: braendle-step;
}

.braendle-feature-list--cols-2 .braendle-feature-list__items {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.braendle-feature-list--cols-3 .braendle-feature-list__items {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.braendle-feature-list__items li {
	position: relative;
	min-height: 4rem;
	padding: clamp(1rem, 1.5vw, 1.35rem) clamp(1.05rem, 1.8vw, 1.5rem);
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	line-height: 1.35;
}

.braendle-feature-list--steps .braendle-feature-list__items li {
	counter-increment: braendle-step;
	padding-left: clamp(4.25rem, 5vw, 5.5rem);
	font-weight: 650;
}

.braendle-feature-list--steps .braendle-feature-list__items li::before {
	position: absolute;
	top: 50%;
	left: clamp(1rem, 1.5vw, 1.35rem);
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	content: counter(braendle-step, decimal-leading-zero);
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1;
	transform: translateY(-50%);
}

.braendle-feature-list--checks .braendle-feature-list__items li {
	padding-left: clamp(3.25rem, 4vw, 4rem);
}

.braendle-feature-list--checks .braendle-feature-list__items li::before {
	position: absolute;
	top: clamp(1.05rem, 1.5vw, 1.3rem);
	left: clamp(1rem, 1.4vw, 1.25rem);
	color: var(--primary, #005ca9);
	content: "✓";
	font-weight: 800;
}

.braendle-download-list__layout {
	display: grid;
	grid-template-columns: minmax(17rem, 0.34fr) minmax(0, 0.66fr);
	gap: clamp(2rem, 5vw, 6rem);
	align-items: start;
}

.braendle-download-list.section-space--s {
	padding-block: var(--section-space-m, 4rem);
}

.braendle-download-list__intro {
	max-width: none;
}

.braendle-download-list__intro h2 {
	margin: 0;
}

.braendle-download-list__text {
	margin-block-start: var(--space-s, 1rem);
	color: var(--text-muted, #4b5563);
}

.bg--primary .braendle-download-list__text,
.bg--neutral .braendle-download-list__text {
	color: rgb(255 255 255 / 0.82);
}

.braendle-download-list__items {
	display: grid;
	gap: 0.85rem;
}

.braendle-download-card {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(0.85rem, 1.5vw, 1.25rem);
	align-items: center;
	padding: clamp(1rem, 1.7vw, 1.35rem);
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	color: var(--text, #101820);
	text-decoration: none;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.braendle-download-card:hover,
.braendle-download-card:focus-visible {
	border-color: rgb(0 92 169 / 0.42);
	box-shadow: 0 1rem 2.2rem rgb(15 23 42 / 0.08);
	text-decoration: none;
	transform: translateY(-1px);
}

.braendle-download-card__icon {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	place-items: center;
	background: var(--primary, #005ca9);
	color: #fff;
}

.braendle-download-card__icon svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: currentColor;
}

.braendle-download-card__body {
	display: grid;
	gap: 0.2rem;
	min-width: 0;
}

.braendle-download-card__label {
	font-weight: 800;
	line-height: 1.25;
}

.braendle-download-card__meta {
	overflow: hidden;
	color: var(--text-muted, #4b5563);
	font-size: 0.88rem;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.braendle-download-card__action {
	color: var(--primary, #005ca9);
	font-size: 0.86rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.braendle-quote-card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: clamp(1rem, 2vw, 1.75rem);
	align-items: stretch;
	max-width: 68rem;
	margin-inline: auto;
	padding: clamp(1.25rem, 2.5vw, 2.25rem);
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	box-shadow: 0 1rem 2.5rem rgb(16 24 32 / 0.08);
}

.braendle-quote-card--no-avatar {
	grid-template-columns: minmax(0, 1fr);
}

.braendle-quote-card__avatar {
	grid-column: 1;
	align-self: center;
	display: block;
	width: clamp(4.5rem, 8vw, 7rem);
	height: clamp(4.5rem, 8vw, 7rem);
	object-fit: cover;
	border-radius: 50%;
}

.braendle-quote-card__body {
	grid-column: 2;
	align-self: stretch;
	display: grid;
	align-content: center;
	padding-left: clamp(1rem, 2vw, 1.75rem);
	border-left: 2px solid var(--hairline);
	text-align: left;
}

.braendle-quote-card--no-avatar .braendle-quote-card__body {
	grid-column: 1;
	padding-left: 0;
	border-left: 0;
}

.braendle-quote-card blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	color: var(--primary, #005ca9);
	font-family: var(--serif-display);
	font-size: clamp(1.2rem, 1.6vw, 1.7rem);
	font-weight: 500;
	line-height: 1.24;
}

.braendle-quote-card figcaption {
	margin-block-start: 0.9rem;
	font-weight: 700;
	text-align: left;
}

.braendle-cta-section {
	text-align: center;
}

.braendle-cta-section--left {
	text-align: left;
}

.braendle-cta-section__inner {
	display: grid;
	justify-items: center;
	gap: 0;
	max-width: 78ch;
	margin-inline: auto;
	margin-block-end: 0;
	text-align: center;
}

.braendle-cta-section--left .braendle-cta-section__inner {
	justify-items: start;
	margin-inline: 0 auto;
	text-align: left;
}

.braendle-cta-section h2,
.braendle-cta-section__body,
.braendle-cta-section__body > * {
	margin-inline: auto;
}

.braendle-cta-section--left h2,
.braendle-cta-section--left .braendle-cta-section__body,
.braendle-cta-section--left .braendle-cta-section__body > * {
	margin-inline: 0 auto;
}

.braendle-cta-section__body {
	width: 100%;
}

.braendle-cta-section .braendle-cta-section__body > * {
	margin-block: 0;
}

.braendle-cta-section .btn {
	margin-block-start: var(--space-m, 1.5rem);
}

.braendle-location-map__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(26rem, 1.12fr);
	gap: clamp(2rem, 4vw, 5rem);
	align-items: center;
}

.braendle-location-map__content {
	min-width: 0;
}

.braendle-location-map__address {
	display: grid;
	gap: 0.45rem;
	margin-block: clamp(1.15rem, 2vw, 1.6rem) clamp(1.1rem, 2vw, 1.5rem);
	font-style: normal;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.16rem);
	line-height: 1.45;
}

.braendle-location-map__address strong {
	margin-block-end: 0.25rem;
	font-family: var(--serif-display);
	font-size: clamp(1.3rem, 1.05rem + 0.85vw, 1.85rem);
	font-weight: 500;
	line-height: 1.16;
	text-wrap: balance;
}

.braendle-location-map__links {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.braendle-location-map__links li {
	position: relative;
	padding-left: 1.95rem;
	font-weight: 750;
	line-height: 1.35;
}

.braendle-location-map__links li::before {
	position: absolute;
	top: 0.07em;
	left: 0;
	display: grid;
	width: 1.2rem;
	height: 1.2rem;
	place-items: center;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	content: "✓";
	border-radius: 999rem;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.braendle-location-map__links a {
	color: inherit;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.16em;
	overflow-wrap: anywhere;
}

.braendle-location-map__map {
	position: relative;
	display: block;
	min-height: clamp(20rem, 38vw, 31rem);
	overflow: hidden;
	background: var(--base-light, #f7f4ec);
	color: var(--neutral, #101820);
	border: 1px solid var(--hairline);
	text-decoration: none;
	box-shadow: 0 1.2rem 3rem rgb(16 24 32 / 0.08);
}

.braendle-location-map__map:hover,
.braendle-location-map__map:focus-visible {
	color: var(--neutral, #101820);
	border-color: rgb(0 92 169 / 0.34);
	outline: 0;
	box-shadow: 0 1.2rem 3rem rgb(0 92 169 / 0.14);
}

.braendle-location-map__drawing {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.braendle-location-map__marker {
	position: absolute;
	top: 50%;
	left: 58%;
	display: grid;
	grid-template-columns: auto minmax(13rem, 18rem);
	gap: 0.75rem;
	align-items: end;
	transform: translate(-50%, -62%);
}

.braendle-location-map__pin {
	position: relative;
	width: 2.5rem;
	height: 2.5rem;
	background: var(--primary, #005ca9);
	border: 0.32rem solid var(--white, #fff);
	border-radius: 50% 50% 50% 0;
	box-shadow: 0 0.6rem 1.4rem rgb(16 24 32 / 0.22);
	transform: rotate(-45deg);
}

.braendle-location-map__pin::after {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 0.58rem;
	height: 0.58rem;
	background: var(--white, #fff);
	border-radius: 50%;
	content: "";
	transform: translate(-50%, -50%);
}

.braendle-location-map__marker-card {
	display: grid;
	gap: 0.2rem;
	padding: 0.85rem 1rem;
	background: rgb(255 255 255 / 0.96);
	border: 1px solid rgb(0 92 169 / 0.22);
	box-shadow: 0 0.85rem 2rem rgb(16 24 32 / 0.15);
	font-size: 0.94rem;
	line-height: 1.26;
}

.braendle-location-map__marker-card strong {
	color: var(--primary, #005ca9);
	font-size: 1rem;
	line-height: 1.15;
}

.braendle-location-map__map-cta {
	position: absolute;
	right: clamp(1rem, 2vw, 1.35rem);
	bottom: clamp(1rem, 2vw, 1.35rem);
	display: inline-flex;
	gap: 0.4rem;
	align-items: center;
	padding: 0.7rem 0.95rem;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	font-weight: 800;
	line-height: 1;
	box-shadow: 0 0.65rem 1.6rem rgb(0 92 169 / 0.24);
}

.braendle-service-request__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.76fr) minmax(30rem, 1.24fr);
	gap: clamp(2rem, 4.5vw, 5.5rem);
	align-items: start;
}

.braendle-service-request__intro {
	min-width: 0;
}

.braendle-service-request__intro p {
	max-width: 52ch;
	margin-block: var(--heading-body-gap, 1.25rem) 0;
	font-size: clamp(1.02rem, 0.98rem + 0.18vw, 1.14rem);
	line-height: 1.58;
}

.braendle-service-request__panel {
	padding: clamp(1.35rem, 3vw, 2.4rem);
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	box-shadow: 0 1.2rem 3rem rgb(16 24 32 / 0.07);
}

.braendle-service-request__notice {
	display: grid;
	gap: 0.3rem;
	margin-block-end: clamp(1rem, 2vw, 1.45rem);
	padding: 1rem 1.1rem;
	border: 1px solid rgb(16 24 32 / 0.12);
	font-size: 0.98rem;
	line-height: 1.45;
}

.braendle-service-request__notice strong {
	font-weight: 800;
}

.braendle-service-request__notice ul {
	display: grid;
	gap: 0.25rem;
	margin: 0.3rem 0 0;
	padding-left: 1.15rem;
}

.braendle-service-request__notice--success {
	background: rgb(0 92 169 / 0.08);
	border-color: rgb(0 92 169 / 0.22);
	color: var(--neutral, #101820);
}

.braendle-service-request__notice--error {
	background: rgb(180 0 0 / 0.08);
	border-color: rgb(180 0 0 / 0.22);
	color: var(--neutral, #101820);
}

.braendle-service-request__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.95rem, 1.5vw, 1.25rem);
}

.braendle-service-request__field {
	display: grid;
	gap: 0.48rem;
	min-width: 0;
	margin: 0;
	color: var(--accent, #101820);
	font-size: 0.98rem;
	font-weight: 750;
	line-height: 1.25;
}

fieldset.braendle-service-request__field {
	padding: 0;
	background: transparent;
	border: 0;
}

.braendle-service-request__field--full,
.braendle-service-request__submit {
	grid-column: 1 / -1;
}

.braendle-service-request__field legend {
	margin-block-end: 0.55rem;
	padding: 0;
	font-weight: 800;
}

.braendle-service-request__field small {
	color: rgb(16 24 32 / 0.66);
	font-size: 0.88rem;
	font-weight: 500;
	line-height: 1.35;
}

.braendle-service-request__field input:not([type="radio"]):not([type="file"]),
.braendle-service-request__field textarea {
	width: 100%;
	min-height: 3rem;
	padding: 0.8rem 0.95rem;
	background: var(--white, #fff);
	border: 1px solid rgb(16 24 32 / 0.18);
	border-radius: 0;
	color: var(--accent, #101820);
	font: inherit;
	font-weight: 500;
	line-height: 1.35;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.braendle-service-request__field textarea {
	min-height: 9.5rem;
	resize: vertical;
}

.braendle-service-request__field input:not([type="radio"]):not([type="file"]):focus,
.braendle-service-request__field textarea:focus {
	border-color: var(--primary, #005ca9);
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 92 169 / 0.12);
}

.braendle-service-request__field input[type="file"] {
	width: 100%;
	padding: 1rem;
	background: var(--base-ultra-light, #fbf9f5);
	border: 1px dashed rgb(0 92 169 / 0.36);
	color: var(--accent, #101820);
	font-size: 0.94rem;
	font-weight: 600;
}

.braendle-service-request__choices {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem 1.4rem;
	padding: 0.9rem 1rem;
	background: rgb(0 92 169 / 0.06);
	border: 1px solid rgb(0 92 169 / 0.16);
}

.braendle-service-request__choices label {
	display: inline-flex;
	align-items: center;
	gap: 0.46rem;
	font-weight: 700;
}

.braendle-service-request__choices input {
	width: 1.05rem;
	height: 1.05rem;
	accent-color: var(--primary, #005ca9);
}

.braendle-service-request__field--captcha {
	grid-template-columns: auto minmax(6rem, 10rem);
	align-items: end;
}

.braendle-service-request__field--captcha > span:first-child {
	grid-column: 1 / -1;
}

.braendle-service-request__captcha {
	display: inline-flex;
	min-height: 3rem;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1rem;
	background: rgb(0 92 169 / 0.08);
	border: 1px solid rgb(0 92 169 / 0.22);
	color: var(--primary, #005ca9);
	font-weight: 850;
	line-height: 1;
}

.braendle-service-request__submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-block-start: 0.35rem;
	padding-block-start: clamp(1rem, 2vw, 1.35rem);
	border-top: 1px solid var(--hairline);
}

.braendle-service-request__submit p {
	max-width: 42ch;
	margin: 0;
	color: rgb(16 24 32 / 0.72);
	font-size: 0.92rem;
	line-height: 1.42;
}

.braendle-service-request__submit a {
	color: inherit;
	font-weight: 750;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

.braendle-service-request__honeypot {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.braendle-external-embed__intro {
	max-width: 74ch;
	margin-inline: auto;
	margin-block-end: clamp(1.4rem, 2.5vw, 2.2rem);
}

.braendle-external-embed__intro h2 {
	margin: 0;
	font-family: var(--serif-display);
	font-size: clamp(1.55rem, 2.25vw, 2.65rem);
	font-weight: 500;
	line-height: 1.12;
}

.braendle-external-embed__intro p {
	max-width: 62ch;
	margin: 0.8rem 0 0;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.18rem);
	line-height: 1.65;
}

.braendle-external-embed__inner {
	width: 100%;
	max-width: 58rem;
	margin-inline: auto;
	padding: clamp(1.25rem, 3vw, 2.25rem);
	background: #fff;
	border: 1px solid rgb(16 24 32 / 0.12);
}

.braendle-external-embed__inner--planner {
	max-width: 72rem;
	min-height: clamp(34rem, 70vh, 54rem);
	padding: 0;
	overflow: visible;
	border: 0;
	background: transparent;
}

.braendle-external-embed__inner--iframe {
	max-width: 72rem;
	padding: 0;
	overflow: hidden;
}

.braendle-external-planner {
	min-height: clamp(34rem, 70vh, 54rem);
}

.braendle-external-embed__inner--form,
.braendle-external-embed__inner--hubspot {
	max-width: 66rem;
}

.braendle-external-embed__inner--form .headline-two,
.braendle-external-embed__inner--form h3,
.braendle-external-embed__inner--hubspot .submitted-message {
	margin: 0 0 var(--space-m, 1.5rem);
	color: var(--accent, #101820);
	font-family: var(--serif-display);
	font-size: clamp(1.45rem, 2vw, 2.25rem);
	font-weight: 500;
	line-height: 1.12;
}

.braendle-external-embed__inner--form form,
.braendle-external-embed__inner--form .grid,
.braendle-external-embed__inner--hubspot form,
.braendle-external-embed__inner--hubspot fieldset {
	display: grid;
	gap: 1rem;
}

.braendle-external-embed__inner--form .grid,
.braendle-external-embed__inner--hubspot fieldset {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.braendle-external-embed__inner--form .grid__item,
.braendle-external-embed__inner--hubspot .hs-form-field,
.braendle-external-embed__inner--hubspot .hs_submit {
	grid-column: 1 / -1;
}

.braendle-external-embed__inner--form .one-half {
	grid-column: span 6;
}

.braendle-external-embed__inner--form .one-third {
	grid-column: span 4;
}

.braendle-external-embed__inner--form label,
.braendle-external-embed__inner--hubspot label {
	display: block;
	margin-block-end: 0.35rem;
	color: var(--accent, #101820);
	font-weight: 700;
	line-height: 1.25;
}

.braendle-external-embed__inner--form input:not([type="hidden"]),
.braendle-external-embed__inner--form select,
.braendle-external-embed__inner--form textarea,
.braendle-external-embed__inner--hubspot input:not([type="hidden"]),
.braendle-external-embed__inner--hubspot select,
.braendle-external-embed__inner--hubspot textarea {
	width: 100%;
	min-height: 3rem;
	padding: 0.72rem 0.85rem;
	background: var(--base-ultra-light, #fbf9f5);
	color: var(--accent, #101820);
	border: 1px solid var(--hairline);
	border-radius: 0;
	font: inherit;
}

.braendle-external-embed__inner--form select[multiple],
.braendle-external-embed__inner--hubspot select[multiple] {
	min-height: 10rem;
}

.braendle-external-embed__inner--form textarea,
.braendle-external-embed__inner--hubspot textarea {
	min-height: 9rem;
	resize: vertical;
}

.braendle-external-embed__inner--form input:focus,
.braendle-external-embed__inner--form select:focus,
.braendle-external-embed__inner--form textarea:focus,
.braendle-external-embed__inner--hubspot input:focus,
.braendle-external-embed__inner--hubspot select:focus,
.braendle-external-embed__inner--hubspot textarea:focus {
	border-color: var(--primary, #005ca9);
	box-shadow: 0 0 0 3px rgb(0 92 169 / 0.16);
	outline: 0;
}

.braendle-external-embed__inner--form button[type="submit"],
.braendle-external-embed__inner--form input[type="submit"],
.braendle-external-embed__inner--hubspot .hs-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-width: 13rem;
	max-width: 100%;
	min-height: 3rem;
	padding: 0.8rem 1.35rem;
	background: var(--primary, #005ca9);
	color: #fff;
	border: 1px solid var(--primary, #005ca9);
	border-radius: 0.2rem;
	font: inherit;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.braendle-external-embed__inner--form button[type="submit"]:hover,
.braendle-external-embed__inner--form button[type="submit"]:focus-visible,
.braendle-external-embed__inner--form input[type="submit"]:hover,
.braendle-external-embed__inner--form input[type="submit"]:focus-visible,
.braendle-external-embed__inner--hubspot .hs-button:hover,
.braendle-external-embed__inner--hubspot .hs-button:focus-visible {
	background: var(--primary-hover, #004a8a);
	border-color: var(--primary-hover, #004a8a);
	outline: 0;
	transform: translateY(-0.05rem);
}

.braendle-external-embed__inner--form .form-item-error,
.braendle-external-embed__inner--hubspot .hs-error-msgs {
	margin-block-start: 0.25rem;
	color: #b00020;
	font-size: 0.9rem;
}

.braendle-external-hubspot {
	min-height: 12rem;
}

.braendle-external-embed__inner--hubspot .hs-error-msgs {
	padding: 0;
	list-style: none;
}

.braendle-external-embed__inner--hubspot .legal-consent-container,
.braendle-external-embed__inner--hubspot .hs-richtext {
	font-size: 0.92rem;
	line-height: 1.55;
}

.braendle-external-embed iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: 0;
}

.braendle-external-embed .braendle-external-embed__inner--hubspot iframe {
	aspect-ratio: auto;
	min-height: 34rem;
}

.braendle-quooker-configurator__intro {
	max-width: 70ch;
	margin-block-end: clamp(1.75rem, 3vw, 2.75rem);
}

.braendle-quooker-configurator__intro h2 {
	margin: 0;
	color: inherit;
	font-family: var(--serif-display);
	font-size: clamp(1.55rem, 2.25vw, 2.65rem);
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.12;
}

.braendle-quooker-configurator__intro p:not(.braendle-kicker) {
	max-width: 62ch;
	margin-block: 1rem 0;
	font-size: clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);
	line-height: 1.55;
}

.braendle-quooker-configurator__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.65fr);
	gap: var(--grid-gap, 2rem);
	align-items: start;
}

.braendle-quooker-configurator__steps {
	display: grid;
	gap: clamp(1rem, 2vw, 1.5rem);
}

.braendle-quooker-step,
.braendle-quooker-summary {
	display: block;
	background: var(--white, #fff);
	border: 1px solid var(--hairline);
	padding: clamp(1.25rem, 2vw, 2rem);
}

.braendle-quooker-step__number {
	margin: 0 0 0.35rem;
	color: var(--primary, #005ca9);
	font-size: 0.88rem;
	font-weight: 800;
}

.braendle-quooker-step h3,
.braendle-quooker-summary h3 {
	margin: 0 0 1rem;
	color: inherit;
	font-size: clamp(1.25rem, 1.5vw, 1.55rem);
	line-height: 1.18;
}

.braendle-quooker-step p {
	margin: 0 0 1rem;
}

.braendle-quooker-options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

.braendle-quooker-option {
	display: grid;
	gap: 0.45rem;
	min-height: 5rem;
	padding: 1rem;
	background: var(--base-ultra-light, #fbf9f5);
	color: var(--accent, #101820);
	border: 1px solid var(--hairline);
	text-align: left;
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.braendle-quooker-option:hover,
.braendle-quooker-option:focus-visible,
.braendle-quooker-option.is-active {
	border-color: var(--primary, #005ca9);
	box-shadow: 0 0.7rem 1.8rem rgb(16 24 32 / 0.1);
	outline: 0;
	transform: translateY(-0.05rem);
}

.braendle-quooker-option span,
.braendle-quooker-option strong {
	font-weight: 800;
}

.braendle-quooker-option small {
	color: color-mix(in srgb, currentcolor 70%, transparent);
	font-size: 0.92rem;
	line-height: 1.35;
}

.braendle-quooker-field {
	display: grid;
	gap: 0.35rem;
	margin-block-start: 1rem;
	font-weight: 700;
}

.braendle-quooker-field input,
.braendle-quooker-field select {
	width: 100%;
	min-height: 2.85rem;
	padding: 0.7rem 0.85rem;
	background: #fff;
	color: var(--accent, #101820);
	border: 1px solid var(--hairline);
	font: inherit;
}

.braendle-quooker-questions {
	display: grid;
	gap: 0.45rem;
	margin-block: 0 1rem;
	color: color-mix(in srgb, currentcolor 74%, transparent);
	font-size: 0.95rem;
}

.braendle-quooker-summary {
	position: sticky;
	top: calc(6.5rem + 1rem);
}

.braendle-quooker-summary dl {
	display: grid;
	gap: 0.75rem;
	margin: 0;
}

.braendle-quooker-summary dl > div {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-block-end: 0.75rem;
	border-bottom: 1px solid var(--hairline);
}

.braendle-quooker-summary dt {
	font-weight: 800;
}

.braendle-quooker-summary dd {
	margin: 0;
	text-align: right;
}

.braendle-quooker-summary__total {
	color: var(--primary, #005ca9);
	font-size: 1.18rem;
}

.braendle-quooker-consent {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	margin-block: 1rem;
	font-size: 0.93rem;
	line-height: 1.35;
}

.braendle-quooker-summary .btn {
	width: 100%;
}

.braendle-quooker-summary > p {
	margin: 1rem 0 0;
	font-size: 0.94rem;
	text-align: center;
}

.braendle-post-loop__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-block: 0 1.5rem;
}

.braendle-post-loop__filters a {
	display: inline-flex;
	align-items: center;
	min-height: 2.35rem;
	padding: 0.55rem 0.9rem;
	border: 1px solid var(--hairline);
	background: var(--white, #fff);
	color: var(--neutral, #101820);
	font-size: 0.94rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.braendle-post-loop__filters a:is(:hover, :focus-visible, .is-active) {
	border-color: var(--primary, #005ca9);
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
}

.braendle-post-loop__empty {
	max-width: 44rem;
	margin: 0;
	color: rgb(16 24 32 / 0.72);
	font-size: 1.05rem;
}

.braendle-post-card__image-link {
	display: block;
	background: var(--base-light, #f7f4ec);
	text-decoration: none;
}

.braendle-post-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.braendle-post-loop--fit-contain .braendle-post-card__image,
.braendle-post-loop--type-braendle_partner .braendle-post-card__image {
	object-fit: contain;
	background: var(--base-light, #f7f4ec);
}

.braendle-post-loop--type-braendle_team .braendle-post-card__image {
	aspect-ratio: 4 / 3;
	object-position: 50% 35%;
}

.braendle-post-loop--type-braendle_partner .braendle-post-card__image {
	padding: clamp(1rem, 2vw, 1.5rem);
}

.braendle-post-card h3 a {
	color: inherit;
	text-decoration: none;
}

.braendle-faq-list__items {
	display: grid;
	gap: var(--space-xs, 0.65rem);
	margin-block-start: var(--space-l, 3rem);
}

.braendle-faq-item {
	background: var(--white, #fff);
	color: var(--neutral, #171717);
	border: 1px solid color-mix(in srgb, currentcolor 12%, transparent);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.braendle-faq-item summary {
	position: relative;
	display: flex;
	gap: var(--space-s, 1rem);
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	padding: var(--space-s, 1rem) var(--space-m, 1.5rem);
	font-weight: 700;
	line-height: 1.25;
	list-style: none;
}

.braendle-faq-item summary::-webkit-details-marker {
	display: none;
}

.braendle-faq-item summary::after {
	display: inline-grid;
	flex: 0 0 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
	place-items: center;
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	content: "+";
	font-family: "Hanken Grotesk", system-ui, sans-serif;
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1;
}

.braendle-faq-item[open] {
	border-color: color-mix(in srgb, var(--primary, #005ca9) 34%, transparent);
	box-shadow: 0 0.75rem 2rem rgb(16 24 32 / 0.08);
}

.braendle-faq-item[open] summary::after {
	content: "−";
}

.braendle-faq-item summary:hover,
.braendle-faq-item summary:focus-visible {
	color: var(--primary, #005ca9);
	outline: 0;
}

.braendle-faq-item__content {
	max-width: 76ch;
	padding: 0 calc(var(--space-m, 1.5rem) + 2.75rem) var(--space-m, 1.5rem) var(--space-m, 1.5rem);
}

.braendle-faq-item__content > *:first-child {
	margin-block-start: 0;
}

.braendle-faq-item__content > *:last-child {
	margin-block-end: 0;
}

.braendle-notice {
	background: var(--primary, #005ca9);
	color: var(--white, #fff);
	padding-block: var(--space-s, 1rem);
}

.braendle-notice .brxe-container {
	display: flex;
	gap: var(--space-s, 1rem);
	align-items: center;
	justify-content: space-between;
}

.braendle-notice p {
	margin: 0;
}

.braendle-lightbox[hidden] {
	display: none;
}

.braendle-lightbox {
	position: fixed;
	z-index: 90;
	right: clamp(1rem, 2.5vw, 2rem);
	bottom: clamp(1rem, 2.5vw, 2rem);
	width: min(21rem, calc(100vw - 2.5rem));
	padding: 0;
	pointer-events: none;
}

.braendle-lightbox__dialog {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	padding: 0;
	background: var(--white, #fff);
	color: var(--neutral, #171717);
	border: 1px solid var(--hairline);
	border-radius: 8px;
	box-shadow: 0 1.25rem 3.75rem rgb(16 24 32 / 0.24);
	pointer-events: auto;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.braendle-lightbox__dialog:hover {
	transform: translateY(-0.12rem);
	box-shadow: 0 1.6rem 4rem rgb(16 24 32 / 0.28);
}

.braendle-lightbox__stretched-link {
	position: absolute;
	z-index: 1;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
}

.braendle-lightbox__dialog:has(.braendle-lightbox__stretched-link) {
	cursor: pointer;
}

.braendle-lightbox__dialog > * + * {
	margin-block-start: 0;
}

.braendle-lightbox__dialog--no-media {
	padding-block-start: clamp(1.1rem, 2.5vw, 1.5rem);
}

.braendle-lightbox__dialog.braendle-lightbox__dialog--no-media h2 {
	padding-inline-end: 3rem;
}

.braendle-lightbox__media {
	margin: 0 0 clamp(1rem, 2vw, 1.35rem);
	background: var(--base-light, #f7f4ec);
}

.braendle-lightbox__image {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.braendle-lightbox__dialog h2,
.braendle-lightbox__dialog p {
	padding-inline: clamp(1.1rem, 2.5vw, 1.5rem);
}

.braendle-lightbox__dialog h2 {
	margin: 0;
	font-family: "Hanken Grotesk", system-ui, sans-serif;
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.2;
	font-weight: 700;
	color: var(--primary, #005ca9);
}

.braendle-lightbox__dialog p {
	margin-block: 0.6rem 0; font-size: 1rem;
	line-height: 1.45;
}

.braendle-lightbox__dialog .btn {
	position: relative;
	z-index: 2;
	margin: clamp(1rem, 2vw, 1.25rem) clamp(1.1rem, 2.5vw, 1.5rem) clamp(1.1rem, 2.5vw, 1.5rem);
	cursor: pointer;
}

.braendle-lightbox__close {
	position: absolute;
	z-index: 3;
	top: 0.5rem;
	right: 0.65rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	border: 0;
	background: none;
	color: var(--accent, #101820);
	font-family: 'Hanken Grotesk', system-ui, sans-serif;
	line-height: 1;
	cursor: pointer;
	transition: color 160ms ease;
}

.braendle-lightbox__close:hover,
.braendle-lightbox__close:focus-visible {
	color: var(--primary, #005ca9);
	outline: 0;
}

.braendle-lightbox__close span:first-child {
	font-size: 1.9rem;
	font-weight: 400;
	line-height: 1;
}

@media (max-width: 768px) {
	.braendle-hero__grid,
	.braendle-media-text__grid,
	.braendle-location-map__grid,
	.braendle-service-request__grid,
	.braendle-card-grid--cols-2 .braendle-card-grid__items,
	.braendle-card-grid--cols-3 .braendle-card-grid__items,
	.braendle-card-grid--cols-4 .braendle-card-grid__items,
	.braendle-feature-list--cols-2 .braendle-feature-list__items,
	.braendle-feature-list--cols-3 .braendle-feature-list__items,
	.braendle-post-loop--cols-2 .braendle-post-loop__items,
	.braendle-post-loop--cols-3 .braendle-post-loop__items,
	.braendle-post-loop--cols-4 .braendle-post-loop__items,
	.braendle-image-grid--cols-2 .braendle-image-grid__items,
	.braendle-image-grid--cols-3 .braendle-image-grid__items,
	.braendle-image-grid--cols-4 .braendle-image-grid__items {
		grid-template-columns: 1fr !important;
	}

	.braendle-image-grid__item,
	.braendle-image-grid--cols-2 .braendle-image-grid__item,
	.braendle-image-grid--cols-4 .braendle-image-grid__item,
	.braendle-image-grid__item:nth-child(1),
	.braendle-image-grid__item:nth-child(8n + 1) {
		grid-column: auto;
	}

	.braendle-quote-card {
		grid-template-columns: 1fr;
	}

	.braendle-quote-card::before {
		display: none;
	}

	.braendle-quote-card__avatar,
	.braendle-quote-card__body {
		grid-column: 1;
	}

	.braendle-quote-card__body {
		padding-left: 0;
		border-left: 0;
	}

	.braendle-quooker-configurator__panel,
	.braendle-quooker-options {
		grid-template-columns: 1fr;
	}

	.braendle-quooker-summary {
		position: static;
	}

	.braendle-hero--image-left .braendle-hero__media,
	.braendle-media-text--image-right .braendle-media-text__content,
	.braendle-media-text--image-auto .braendle-media-text__content {
		order: initial;
	}

	.braendle-location-map__map {
		min-height: 22rem;
	}

	.braendle-location-map__marker {
		left: 50%;
		grid-template-columns: auto minmax(0, 1fr);
		width: min(88%, 23rem);
	}

	.braendle-service-request__form,
	.braendle-service-request__field--captcha {
		grid-template-columns: 1fr;
	}

	.braendle-service-request__submit {
		align-items: flex-start;
		flex-direction: column;
	}

	.braendle-hero {
		padding-block: 3rem;
	}

	.braendle-hero-slider {
		min-height: 35rem;
	}

	.braendle-hero-slider__slide::before {
		background:
			linear-gradient(0deg, rgb(16 24 32 / 0.86) 0%, rgb(16 24 32 / 0.58) 58%, rgb(16 24 32 / 0.22) 100%),
			linear-gradient(90deg, rgb(16 24 32 / 0.42), rgb(16 24 32 / 0.12));
	}

	.braendle-hero-slider .brxe-container {
		padding-block: 6rem 4.25rem;
	}

	.braendle-hero-slider h1,
	.braendle-hero-slider h2 {
		max-width: min(11.5ch, 100%);
		font-size: clamp(2.3rem, 10.5vw, 3.25rem);
		font-weight: 500;
	}

	.braendle-hero-slider__lead {
		font-size: 1.0625rem;
	}

	.braendle-hero-slider__controls {
		right: auto;
		left: var(--gutter);
		bottom: 1.2rem;
	}

	.braendle-hero--layout-overlay {
		min-height: 34rem;
		padding-block: 5.5rem 4rem;
	}

	.braendle-hero--layout-overlay::before {
		background:
			linear-gradient(0deg, rgb(16 24 32 / 0.84) 0%, rgb(16 24 32 / 0.62) 62%, rgb(16 24 32 / 0.3) 100%),
			linear-gradient(90deg, rgb(16 24 32 / 0.34), rgb(16 24 32 / 0.16));
	}

	.braendle-hero--layout-overlay h1 {
		max-width: min(11.75ch, 100%);
		font-size: clamp(2.3rem, 10.5vw, 3.25rem);
		font-weight: 500;
	}

	.braendle-hero--layout-overlay .braendle-hero__text {
		font-size: 1.125rem;
	}

	.braendle-notice .brxe-container {
		align-items: flex-start;
		flex-direction: column;
	}

	.braendle-lightbox {
		right: 0.75rem;
		bottom: 0.75rem;
		width: min(calc(100vw - 1.5rem), 21rem);
	}

	.braendle-lightbox__dialog {
		width: 100%;
		max-height: none;
		padding: 0;
	}

	.braendle-lightbox__media {
		margin: 0 0 clamp(1rem, 2vw, 1.35rem);
	}

	.braendle-lightbox__image {
		aspect-ratio: 16 / 8.5;
		max-height: none;
	}

	.braendle-lightbox__dialog h2 {
		font-size: clamp(1.05rem, 1.4vw, 1.2rem);
		line-height: 1.2;
	}

	.braendle-lightbox__dialog p {
		font-size: 0.92rem;
		line-height: 1.38;
	}

	.braendle-lightbox__dialog .btn {
		min-height: 2.55rem;
		margin-block-start: 0.85rem;
		padding-inline: 1rem;
	}

	.braendle-lightbox__close {
	position: absolute;
	z-index: 3;
	top: 0.5rem;
	right: 0.65rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.2rem;
	height: 2.2rem;
	padding: 0;
	border: 0;
	background: none;
	color: var(--accent, #101820);
	font-family: 'Hanken Grotesk', system-ui, sans-serif;
	line-height: 1;
	cursor: pointer;
	transition: color 160ms ease;
}

	.braendle-content-section__inner {
		display: block;
	}

	.braendle-content-section__body {
		max-width: none;
	}

	.braendle-external-embed__inner--form .one-half,
	.braendle-external-embed__inner--form .one-third {
		grid-column: 1 / -1;
	}

	.braendle-download-list__layout {
		grid-template-columns: 1fr;
	}

	.braendle-download-card {
		grid-template-columns: auto minmax(0, 1fr);
	}

	.braendle-download-card__action {
		grid-column: 2;
		justify-self: start;
	}

	body .wp-site-blocks > header {
		position: static;
	}
}


/* Externer Embed – Volle Breite (randlos) – !important schlägt Theme-.brxe-container */
.braendle-external-embed.braendle-external-embed--full {
	padding: 0;
}
.braendle-external-embed--full > .brxe-container {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.braendle-external-embed--full .braendle-external-embed__inner {
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

.braendle-media-text__media-link { display: block; height: 100%; }
.braendle-media-text__media-link:focus-visible { outline: 2px solid var(--primary, #005ca9); outline-offset: 2px; }

/* FluentForm Multi-Select: geklontes Sucheingabefeld ohne eigenen Rahmen (Box-in-Box weg) */
.frm-fluent-form .choices .choices__input--cloned,
.frm-fluent-form .choices__inner input.choices__input--cloned{border:0!important;background:transparent!important;box-shadow:none!important;min-height:0!important;height:auto!important;padding:2px 0!important;margin:0!important;outline:0!important}

/* Mobil-Feinschliff (iPhone-Feedback 09.07.) */
.braendle-content-section .braendle-content-section__body,
.braendle-media-text .braendle-media-text__body,
.braendle-cta-section .braendle-cta-section__body { margin-block-start: clamp(1.5rem, 3vw, 2.1rem); }
.braendle-download-card__filename:not(:last-child)::after { content: " · "; }
.braendle-lightbox__dialog--no-media { padding-block-start: clamp(1.6rem, 3.5vw, 2rem); }
@media (max-width: 768px) {
	.braendle-media-text__media { order: -1 !important; }
	.braendle-media-text__content { order: 0 !important; }
	.braendle-download-card__filename { display: none; }
}
/* Card-Grid Variante "steps" (Ablauf): grosse Nummer statt Icon */
.braendle-card-grid--steps .braendle-card__number {
	display: block;
	font-size: clamp(2.6rem, 4vw, 3.4rem);
	line-height: 1;
	font-weight: 700;
	color: var(--primary, #005ca9);
	margin-bottom: clamp(0.75rem, 1.5vw, 1.1rem);
	font-variant-numeric: tabular-nums;
}

/* FAQ-Filter (Branche/Leistung) */
.braendle-faq-filter{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:clamp(1.5rem,3vw,2.5rem);margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.braendle-faq-filter__btn{display:inline-flex;align-items:center;padding:0.5rem 1rem;border:1px solid var(--hairline,rgb(16 24 32 / 0.14));border-radius:999px;background:var(--base-light,#f7f4ec);color:var(--accent,#101820);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:0.95rem;font-weight:600;line-height:1;cursor:pointer;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}
.braendle-faq-filter__btn:hover,.braendle-faq-filter__btn:focus-visible{border-color:var(--primary,#005ca9);color:var(--primary,#005ca9);outline:0}
.braendle-faq-filter__btn.is-active{background:var(--primary,#005ca9);border-color:var(--primary,#005ca9);color:#fff}
.braendle-faq-filter__btn.is-active:hover,.braendle-faq-filter__btn.is-active:focus-visible{background:var(--primary-hover,#004a8a);border-color:var(--primary-hover,#004a8a);color:#fff}
.braendle-faq-item.is-hidden{display:none}

/* FAQ-Gruppen */
.braendle-faq-list__groups{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.25rem)}
.braendle-faq-group__title{margin:0 0 1rem;font-size:clamp(1.25rem,1.8vw,1.55rem);font-weight:700;color:var(--primary,#005ca9);line-height:1.2}
.braendle-faq-group .braendle-faq-list__items{margin-block-start:0}
.braendle-faq-group.is-hidden{display:none}
.braendle-faq-list--filtered .braendle-faq-group__title{display:none}
