/**
 * Kanzlei Grosy – Markenfarben aus vector_logo/
 * #383E42  Anthrazit (Fließtext)
 * #575757  Grau (T im Logo, Akzente)
 * #b1a193  Taupe (G im Logo, Akzente)
 * #dfdddb  Hellgrau (Visitenkarten-Hintergrund)
 */

:root {
	--law-text: #383E42;
	--law-brand-gray: #575757;
	--law-brand-taupe: #b1a193;
	--law-brand-light: #dfdddb;
}

/* Requirement: Corbel (system stack, no webfont license). Theme Manrope must not win. */
body,
.editor-styles-wrapper,
.editor-styles-wrapper body,
.has-manrope-font-family,
.has-system-font-font-family,
.wp-block-post-content,
.wp-block-heading,
.wp-block-paragraph,
.wp-block-navigation,
.wp-block-button__link,
.wp-element-button {
	font-family: Corbel, "Segoe UI", Arial, sans-serif !important;
}

body,
.editor-styles-wrapper {
	color: var(--law-text);
}

/* Header: Logo + Titel */
.law-header-brand {
	align-items: center;
	min-width: 0;
}

.law-header-logo {
	flex-shrink: 0;
	line-height: 0;
	margin: 0;
}

.law-header-logo a {
	display: block;
	line-height: 0;
}

.law-header-logo img {
	display: block;
	width: 2.5rem;
	height: auto;
}

.law-header-brand .wp-block-site-title {
	margin: 0;
	line-height: 1.2;
}

.law-header-brand .wp-block-site-title a {
	text-decoration: none;
}

/* Overlay-CTA: auf Desktop in der horizontalen Nav ausblenden */
@media (min-width: 600px) {
	.wp-block-navigation .law-nav-cta {
		display: none !important;
	}
}

/* Header-CTA: auf Mobile ausblenden (Termin liegt im Overlay + Above-the-fold) */
@media (max-width: 599px) {
	.law-header-cta {
		display: none !important;
	}

	.law-header-brand .wp-block-site-title {
		font-size: 1.05rem;
	}

	.law-header-logo img {
		width: 2.25rem;
	}

	/* Overlay: Termin-Button als klarer CTA */
	.wp-block-navigation__responsive-container.is-menu-open .law-nav-cta {
		display: flex !important;
		width: 100%;
		margin-top: 1.25rem;
	}

	.wp-block-navigation__responsive-container.is-menu-open .law-nav-cta .wp-block-button,
	.wp-block-navigation__responsive-container.is-menu-open .law-nav-cta .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

/* Hero / Kontakt-Hero: core/cover — Padding/Höhe per CSS (weniger save()-Drift) */
.law-hero,
.law-contact-hero {
	color: #fff !important;
}

.wp-block-cover.law-hero {
	min-height: 75vh;
	padding-top: var(--wp--preset--spacing--50);
	padding-right: var(--wp--preset--spacing--50);
	padding-bottom: clamp(5.5rem, 11vw, 9.375rem);
	padding-left: var(--wp--preset--spacing--50);
	background-color: transparent !important;
}

.wp-block-cover.law-contact-hero {
	min-height: 42vh;
	padding-top: var(--wp--preset--spacing--70);
	padding-right: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--70);
	padding-left: var(--wp--preset--spacing--50);
	background-color: transparent !important;
}

/* Über mich: padding-top am Profilband (ohne body-Klasse, Inline-Styles brauchen !important) */
.wp-block-group.law-profile-card {
	padding-top: var(--wp--preset--spacing--20) !important;
}

/* Rechtsgebiete: nur diese Seite, andere .law-intro-Seiten unverändert */
body.page-id-44 .wp-block-group.law-intro,
body.page-rechtsgebiete .wp-block-group.law-intro {
	padding-top: var(--wp--preset--spacing--20) !important;
}

/* Leistungen-Intro: erste Bildschirmhöhe (Header bleibt oben, Karten erst nach Scroll) */
@media (min-width: 782px) {
	body.page-id-44 .law-intro > .wp-block-media-text.law-intro-portrait-crop,
	body.page-rechtsgebiete .law-intro > .wp-block-media-text.law-intro-portrait-crop {
		min-height: calc(100svh - var(--wp-admin--admin-bar--height, 0px) - 5.75rem - var(--wp--preset--spacing--20) - var(--wp--preset--spacing--50));
	}

	body.page-id-44 .law-intro > .law-intro-portrait-crop > .wp-block-media-text__content,
	body.page-rechtsgebiete .law-intro > .law-intro-portrait-crop > .wp-block-media-text__content {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/* Über mich + Leistungen: gleiches Bild/Text-Raster, fluides Portrait */
.law-intro-split .wp-block-media-text {
	align-items: center;
	gap: 2rem;
	grid-template-columns: minmax(12rem, 32%) 1fr !important;
}

.law-intro-split .wp-block-media-text__media img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}

@media (max-width: 781px) {
	.law-intro-split .wp-block-media-text {
		grid-template-columns: 1fr !important;
	}

	.law-intro-split .wp-block-media-text__media {
		margin-bottom: 1.25rem;
	}
}

/*
 * Intro-Portraits: oben/unten croppen auf die Texthöhe.
 * Neue Klasse .law-intro-portrait-crop — bestehende .law-intro-split / .law-portrait-cropped-1 unverändert.
 */
.law-intro-split .wp-block-media-text.law-intro-portrait-crop {
	align-items: stretch;
}

.law-intro-portrait-crop {
	--law-intro-portrait-crop-y: 38%;
}

.law-intro-portrait-crop > .wp-block-media-text__media {
	position: relative;
	align-self: stretch;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.law-intro-split .law-intro-portrait-crop > .wp-block-media-text__media > img {
	position: absolute;
	inset: 0;
	width: 100%;
	max-width: none;
	height: 100% !important;
	object-fit: cover;
	object-position: 50% var(--law-intro-portrait-crop-y, 38%);
}

@media (max-width: 781px) {
	.law-intro-portrait-crop > .wp-block-media-text__media {
		position: static;
		height: auto;
		min-height: 0;
		overflow: visible;
	}

	.law-intro-split .law-intro-portrait-crop > .wp-block-media-text__media > img {
		position: static;
		inset: auto;
		height: auto !important;
		max-width: 100%;
		object-fit: contain;
		object-position: 50% 50%;
	}
}

/* Startseiten-Hero: Marken-Beige/Taupe-Folie (statt Anthrazit #575757) */
.wp-block-cover.law-hero > .wp-block-cover__background {
	display: block;
	background-color: var(--law-brand-taupe, #b1a193) !important;
}

.law-text-strong {
	font-weight: 600 !important;
}

/* Optional: Buchstabenrand — nicht mehr am Hero aktiv. Klasse manuell setzen zum Test. */
.law-text-outline .wp-block-heading,
.law-text-outline .wp-block-paragraph {
	text-shadow:
		-2px -2px 0 rgba(0, 0, 0, 0.8),
		 2px -2px 0 rgba(0, 0, 0, 0.8),
		-2px  2px 0 rgba(0, 0, 0, 0.8),
		 2px  2px 0 rgba(0, 0, 0, 0.8),
		-2px  0   0 rgba(0, 0, 0, 0.8),
		 2px  0   0 rgba(0, 0, 0, 0.8),
		 0   -2px 0 rgba(0, 0, 0, 0.8),
		 0    2px 0 rgba(0, 0, 0, 0.8);
}

/* Leichter Bild-Blur. Am Cover .law-hero-blur in DevTools entfernen = Test aus. */
.wp-block-cover.law-hero-blur > .wp-block-cover__image-background {
	filter: blur(2px);
	transform: scale(1.03);
}

.law-hero .wp-block-heading,
.law-hero p,
.law-contact-hero .wp-block-heading,
.law-contact-hero .wp-block-paragraph {
	color: #fff;
}

.law-hero .wp-block-heading,
.law-hero p {
	font-weight: 600 !important;
}

/* Kontakt-CTA bleibt dunkel */
.law-contact-cta {
	background-color: var(--law-brand-gray) !important;
	color: #fff !important;
}

.law-contact-cta .wp-block-heading,
.law-contact-cta .wp-block-paragraph {
	color: #fff;
}

/* Kontakt-Hero: schmale Spalte beibehalten */
.law-contact-hero .wp-block-heading {
	max-width: 28ch;
	margin-inline: auto;
}

.law-contact-hero .wp-block-paragraph {
	max-width: 60ch;
	margin-inline: auto;
}

/* Startseiten-Hero only: Texte ca. zwei Drittel, Absätze größer */
.wp-block-cover.law-hero > .wp-block-cover__inner-container {
	max-width: 66% !important;
	width: 100%;
	margin-inline: auto;
}

.wp-block-cover.law-hero .wp-block-heading {
	max-width: none;
	margin-inline: auto;
}

.wp-block-cover.law-hero h1.wp-block-heading {
	font-size: clamp(2.1rem, 4.6vw, 3.5rem);
	line-height: 1.15;
}

.wp-block-cover.law-hero h2.wp-block-heading {
	font-size: clamp(1.45rem, 3vw, 2.2rem);
	line-height: 1.2;
	margin-top: 0.15em;
}

.wp-block-cover.law-hero > .wp-block-cover__inner-container > p {
	max-width: none;
	margin-inline: auto;
	font-size: clamp(1.2rem, 2.15vw, 1.55rem);
	line-height: 1.45;
}

@media (max-width: 781px) {
	.wp-block-cover.law-hero > .wp-block-cover__inner-container {
		max-width: 100% !important;
	}
}

/* Logo im Hero */
.law-hero .law-logo img {
	width: clamp(140px, 20vw, 220px);
	height: auto;
	display: block;
	margin-inline: auto;
	margin-bottom: 1.75rem;
}

/* Helle Sektionsbänder */
.law-profile-card.law-section-light,
.law-faq.law-section-light,
.law-digital-request.law-section-light,
.law-timeline.law-section-light,
.law-values.law-section-light,
.law-practice-topics.law-section-light,
.law-trust.law-section-light,
.law-termin-cta.law-section-light,
.law-motivation.law-section-light,
.law-services.law-section-light {
	background-color: var(--law-brand-light) !important;
}

.law-contact-booking.law-section-light {
	background-color: var(--law-brand-light) !important;
}

/* Abschnitte auf Kontaktseite ausblenden (z. B. Terminbuchung vor Go-live) */
.law-is-hidden {
	display: none !important;
}

.law-contact-mode {
	margin-top: var(--wp--preset--spacing--40, 1.25rem);
}

.law-contact-alt-intro {
	margin-bottom: var(--wp--preset--spacing--40, 1.25rem);
}

/* Akzent-Buttons auf dunklem Grund */
.law-hero .wp-block-button__link,
.law-contact-hero .wp-block-button__link,
.law-contact-cta .wp-block-button__link {
	background-color: var(--law-brand-taupe) !important;
	color: #fff !important;
	border: none;
}

.law-hero .wp-block-button__link:hover,
.law-contact-hero .wp-block-button__link:hover,
.law-contact-cta .wp-block-button__link:hover {
	background-color: #9a8b7d !important;
}

/* Outline-Buttons in Taupe */
.law-service-card .wp-block-button__link,
.law-profile-card .wp-block-button__link,
.law-about-teaser .wp-block-button__link,
.law-faq-teaser .wp-block-button__link {
	border-color: var(--law-brand-taupe) !important;
	color: var(--law-brand-gray) !important;
}

/* Icon-Strip: überlagert Hero-Unterkante */
.law-practice-strip {
	position: relative;
	z-index: 2;
	margin-top: -3.5rem !important;
	margin-bottom: 0 !important;
	background-color: #fff !important;
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.12);
	border-radius: 8px;
}

.law-practice-strip .wp-block-columns {
	gap: 1rem;
	margin: 0;
}

.law-practice-strip .wp-block-column {
	text-align: center;
}

.law-practice-strip .wp-block-paragraph {
	margin: 0.75rem 0 0;
	font-weight: 600;
	color: var(--law-brand-gray);
}

.law-practice-strip .wp-block-paragraph a {
	color: inherit;
	text-decoration: none;
}

.law-practice-strip .wp-block-paragraph a:hover {
	color: var(--law-brand-taupe);
}

/* About-Teaser + Termin-CTA */
.law-about-teaser > .wp-block-columns {
	gap: 2rem;
	align-items: center;
}

.law-termin-cta > .wp-block-columns {
	gap: 2rem;
	align-items: stretch;
}

.law-termin-cta > .wp-block-columns > .wp-block-column:first-child {
	align-self: stretch;
	position: relative;
}

.law-termin-cta .law-portrait-cropped-1 {
	--law-portrait-crop-y: 38%;
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}

.law-portrait-cropped-1 img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	object-position: 50% var(--law-portrait-crop-y, 50%);
}

.law-about-teaser .wp-block-button__link,
.law-termin-cta .wp-block-button__link {
	border-color: var(--law-brand-taupe);
}

.law-termin-cta .law-tabler-icon {
	margin-bottom: 0.75rem;
}

/* Trust-Leiste */
.law-trust .wp-block-columns {
	gap: 1.5rem;
	margin: 0;
}

.law-trust .wp-block-column {
	text-align: center;
}

.law-trust .wp-block-paragraph {
	margin: 0.75rem 0 0;
	color: var(--law-brand-gray);
}

/* Leistungs-Karten */
.law-service-card.has-background {
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
	height: 100%;
	display: flex;
	flex-direction: column;
	text-align: center;
}

.law-service-card .law-tabler-icon {
	margin-bottom: 0.75rem;
}

.law-service-card .wp-block-buttons {
	margin-top: auto;
	padding-top: 1rem;
	justify-content: center;
}

.law-services .wp-block-columns,
.law-faq .wp-block-columns,
.law-news .wp-block-columns,
.law-profile-card > .wp-block-columns,
.law-timeline .wp-block-columns,
.law-values .wp-block-columns,
.law-practice-details .wp-block-columns,
.law-practice-strip .wp-block-columns,
.law-about-teaser > .wp-block-columns,
.law-trust .wp-block-columns,
.law-termin-cta > .wp-block-columns {
	gap: 1.5rem;
}

/* FAQ-Akkordeon auf der Startseite */
.law-faq-teaser .wp-block-details {
	border: 1px solid rgba(87, 87, 87, 0.15);
	border-radius: 8px;
	padding: 0.85rem 1.1rem;
	margin: 0 0 0.75rem;
	background: #fff;
}

.law-faq-teaser .wp-block-details summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--law-brand-gray);
	list-style: none;
}

.law-faq-teaser .wp-block-details summary::-webkit-details-marker {
	display: none;
}

.law-faq-teaser .wp-block-details summary::after {
	content: "+";
	float: right;
	color: var(--law-brand-taupe);
	font-weight: 700;
}

.law-faq-teaser .wp-block-details[open] summary::after {
	content: "–";
}

.law-faq-teaser .wp-block-details .wp-block-paragraph {
	margin: 0.75rem 0 0;
	color: var(--law-text);
}

.law-faq-teaser .wp-block-buttons {
	margin-top: 1.5rem;
}

.law-profile-card .law-profile-card.has-background {
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
}

.law-faq h4 {
	margin-block-start: 1.5rem;
	margin-block-end: 0.5rem;
	color: var(--law-brand-gray);
}

.law-faq h4:first-child {
	margin-block-start: 0;
}

.law-contact-cta,
.law-digital-request {
	text-align: center;
}

/* Footer „Seiten“: Unterseiten eingerückt */
.law-footer-nav li.law-footer-nav-indent {
	padding-left: 1.5rem !important;
	margin-left: 0 !important;
}

.law-footer-nav li.law-footer-nav-indent .wp-block-navigation-item__content {
	padding-inline-start: 0 !important;
}

/* Über-mich: Portrait */
.law-portrait img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
	margin-inline: auto;
	border-radius: 8px;
	border: none;
}

/* Über-mich: vertikale Timeline mit Icon-Linie */
.law-timeline-vertical .law-timeline-track {
	position: relative;
	margin-top: var(--wp--preset--spacing--50, 2rem);
	max-width: 42rem;
	margin-inline: auto;
	padding-left: 0.25rem;
}

.law-timeline-vertical .law-timeline-track::before {
	content: "";
	position: absolute;
	left: 1.5rem;
	top: 0.75rem;
	bottom: 0.75rem;
	width: 3px;
	background: var(--law-brand-taupe);
	border-radius: 2px;
	z-index: 0;
}

.law-timeline-vertical .law-timeline-item,
.law-timeline-vertical .law-timeline-item.is-layout-constrained,
.law-timeline-vertical .law-timeline-item.is-layout-flow {
	position: relative;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 1.25rem;
	margin: 0 0 1.75rem !important;
	max-width: none !important;
}

.law-timeline-vertical .law-timeline-item:last-child {
	margin-bottom: 0 !important;
}

/* Gutenberg constrained: Kinder nicht zentrieren / nicht vollbreit stapeln */
.law-timeline-vertical .law-timeline-item > * {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.law-timeline-vertical .law-timeline-item > .law-tabler-icon,
.law-timeline-vertical .law-timeline-item > .wp-block-kanzlei-tabler-icon {
	position: relative;
	z-index: 1;
	flex: 0 0 3rem !important;
	width: 3rem !important;
	height: 3rem !important;
	min-width: 3rem !important;
	margin: 0 !important;
	border-radius: 50%;
	background-color: var(--law-brand-taupe) !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 5px #ffffff;
	font-size: 1.25rem !important;
	--law-icon-size: 1.25rem;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.law-timeline-vertical .law-timeline-item > .law-tabler-icon::before,
.law-timeline-vertical .law-timeline-item > .wp-block-kanzlei-tabler-icon::before {
	color: #ffffff !important;
}

.law-timeline-vertical .law-timeline-content {
	flex: 1 1 auto;
	min-width: 0;
	background: #fff;
	border: 1px solid rgba(87, 87, 87, 0.08);
	border-radius: 10px;
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
	padding: 1rem 1.25rem;
}

.law-timeline-vertical .law-timeline-content .wp-block-heading {
	margin: 0 0 0.35rem;
	color: var(--law-brand-gray);
}

.law-timeline-vertical .law-timeline-content .wp-block-paragraph {
	margin: 0;
	color: var(--law-text);
}

/* Über-mich: Werdegang einspaltig (Legacy-Karten) */
.law-timeline-stack {
	margin-inline: auto;
}

.law-timeline-stack .law-timeline-item.has-background {
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
}

.law-timeline-stack .law-timeline-item:first-of-type {
	margin-top: var(--wp--preset--spacing--40);
}

/* Über-mich: Portrait-Platzhalter (Fallback) */
.law-portrait-placeholder {
	aspect-ratio: 3 / 4;
	width: 100%;
	max-width: none;
	margin-inline: auto;
	background-color: var(--law-brand-light);
	border: none;
	border-radius: 8px;
}

/* Über-mich: Pullquote + Hände-Foto */
.law-quote {
	border-left: 4px solid var(--law-brand-taupe);
	margin-block: 0 1rem;
	padding: 0.25rem 0 0.25rem 1.25rem;
}

.law-quote p {
	font-size: 1.25rem;
	line-height: 1.55;
	color: var(--law-brand-gray);
	margin: 0;
}

.law-quote-hands {
	gap: 1.5rem;
	margin-bottom: 2rem;
	align-items: center;
}

.law-quote-hands > .wp-block-column:last-child {
	display: flex;
	justify-content: center;
	align-items: center;
}

.law-quote-hands .law-hands {
	margin: 0;
	width: auto;
	max-width: 240px;
}

.law-hands img {
	width: 100%;
	max-width: 240px;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
	border-radius: 16px;
	box-shadow: 0 10px 28px rgba(87, 87, 87, 0.14);
}

.law-hands-mirrored img {
	transform: scaleX(-1);
}

/* Über-mich: Werdegang-Karten */
.law-timeline-item.has-background {
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
	height: 100%;
}

.law-timeline .wp-block-columns + .wp-block-columns {
	margin-top: 1.5rem;
}

.law-motivation .wp-block-heading {
	color: var(--law-brand-gray);
}

/* Rechtsgebiete: Themen- und Detail-Karten */
.law-topic-stack {
	margin-inline: auto;
}

.law-topic-item.has-background,
.law-detail-card.has-background {
	box-shadow: 0 4px 24px rgba(87, 87, 87, 0.08);
}

.law-detail-card.has-background {
	height: 100%;
}

.law-topic-item p,
.law-detail-card p {
	margin: 0;
	color: var(--law-brand-gray);
}

.law-practice-details .law-detail-card .wp-block-heading {
	color: var(--law-brand-gray);
}

/* Kontakt: Buchungs- und Karten-Platzhalter */
.law-booking-placeholder,
.law-map-placeholder {
	background: #fff;
	border: 2px dashed var(--law-brand-taupe);
	border-radius: 8px;
	padding: 2rem 1.5rem;
	text-align: center;
	color: var(--law-brand-gray);
}

.law-booking-placeholder {
	max-width: 48rem;
	margin: var(--wp--preset--spacing--50) auto 0;
	min-height: 220px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}

.law-booking-placeholder p,
.law-map-placeholder p {
	margin: 0;
}

.law-booking-placeholder-hint,
.law-map-placeholder-hint {
	font-size: 0.9rem;
	opacity: 0.85;
}

.law-map-embed {
	margin-top: 0.75rem;
}

.law-map-embed iframe {
	width: 100%;
	height: 280px;
	border: 0;
	border-radius: 4px;
	display: block;
}

.law-map-link {
	margin: 0.75rem 0 0;
	font-size: 0.9rem;
	text-align: center;
}

.law-map-link a {
	color: var(--law-brand-gray);
}

.law-map-link a:hover {
	color: var(--law-brand-taupe);
}

.law-contact-details .law-contact-row {
	gap: 1.5rem;
	align-items: flex-start;
}

.law-contact-details .law-contact-col-narrow .wp-block-heading:not(:first-child) {
	margin-top: 1.25rem;
}

.law-contact-details .law-map-embed {
	margin: 0;
	display: block;
}

.law-contact-details .law-map-embed iframe,
.law-contact-details iframe.law-map-iframe {
	width: 100% !important;
	height: 420px !important;
	min-height: 420px !important;
	max-height: none !important;
	border: 0;
	border-radius: 4px;
	display: block;
}

.law-contact-details .law-map-link {
	margin: 0.75rem 0 0;
	font-size: 0.9rem;
	text-align: left;
}

/* Tabler Icons: manuelle HTML-Nutzung und Gutenberg-Icon-Block */
.law-icon {
	display: inline-block;
	margin-right: 0.35em;
	color: var(--law-brand-taupe);
	font-size: 1.2em;
	line-height: 1;
	vertical-align: -0.12em;
}

.law-tabler-icon {
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	font-size: var(--law-icon-size, 2rem);
	line-height: 1;
}

.law-tabler-icon-align-left {
	margin-right: auto;
}

.law-tabler-icon-align-center {
	margin-right: auto;
	margin-left: auto;
}

.law-tabler-icon-align-right {
	margin-left: auto;
}

.wp-block-post-content > :is(
	.law-intro,
	.law-faq,
	.law-news,
	.law-digital-request,
	.law-motivation,
	.law-philosophy,
	.law-practice-details,
	.law-contact-details,
	.law-faq-teaser,
	.law-practice-strip
).alignwide {
	max-width: var(--wp--style--global--wide-size, 1340px) !important;
	margin-inline: auto;
	width: 100%;
}

@media (max-width: 781px) {
	.law-services .wp-block-columns,
	.law-faq .wp-block-columns,
	.law-news .wp-block-columns,
	.law-profile-card > .wp-block-columns,
	.law-timeline .wp-block-columns,
	.law-values .wp-block-columns,
	.law-practice-details .wp-block-columns,
	.law-contact-details .law-contact-row,
	.law-practice-strip .wp-block-columns,
	.law-about-teaser > .wp-block-columns,
	.law-trust .wp-block-columns,
	.law-termin-cta > .wp-block-columns {
		flex-direction: column;
	}

	.law-practice-strip {
		margin-top: -2rem !important;
		margin-inline: 1rem !important;
		width: auto !important;
		max-width: calc(100% - 2rem) !important;
	}

	.law-contact-col-narrow,
	.law-contact-col-wide {
		flex-basis: 100% !important;
	}

	.law-contact-details .law-map-embed iframe,
	.law-contact-details iframe.law-map-iframe {
		height: 300px !important;
		min-height: 300px !important;
	}

	.law-portrait-placeholder,
	.law-about-teaser .law-portrait,
	.law-termin-cta .law-portrait {
		margin-bottom: 1.5rem;
	}

	.law-termin-cta > .wp-block-columns > .wp-block-column:first-child {
		align-self: center;
		position: static;
	}

	.law-termin-cta .law-portrait-cropped-1 {
		position: static;
		height: auto;
	}

	.law-portrait-cropped-1 img {
		height: auto !important;
		object-fit: contain;
	}

	.law-quote-hands {
		flex-direction: column;
	}

	.law-hands,
	.law-hands img {
		max-width: 220px;
		margin-inline: auto;
	}

	.law-timeline-vertical .law-timeline-track::before {
		left: 1.4rem;
	}
}