/*
Theme Name: doIT Blocksy Child
Theme URI: https://bgweb.de/
Description: Redaktionelles Blocksy-Child-Theme fuer die doIT GmbH. Unterseiten werden mit Gutenberg-Patterns und Standardbloecken gepflegt.
Author: doIT GmbH
Author URI: https://doit.gmbh/
Template: blocksy
Version: 1.4.91
Text Domain: doit-blocksy-child
Requires at least: 6.7
Requires PHP: 8.1
*/

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 300 500;
	font-display: swap;
	src: url("assets/fonts/inter-latin-300-500.woff2") format("woff2");
}

@font-face {
	font-family: "Source Sans 3";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("assets/fonts/source-sans-3-latin-400-600.woff2") format("woff2");
}

@font-face {
	font-family: "Myriad Pro Light";
	font-style: normal;
	font-weight: 300 400;
	font-display: swap;
	src: url("assets/fonts/MyriadPro-Light.woff") format("woff");
}

@font-face {
	font-family: "Myriad Pro Semibold";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("assets/fonts/MyriadPro-Semibold.woff") format("woff");
}

:root {
	--doit-green: #aed535;
	--doit-green-light: #d7ea6c;
	--doit-gray: #707070;
	--doit-gray-light: #a1a1a1;
	--doit-green-strong: #9fc131;
	--doit-ink: #0d2433;
	--doit-charcoal: #171e26;
	--doit-surface: #ffffff;
	--doit-surface-soft: #f4f6f7;
	--doit-border: #dce2e5;
	--doit-text: #263845;
	--doit-text-muted: #5e6c75;
	--doit-content-width: 1380px;
	--doit-reading-width: 760px;
	--doit-section-space: clamp(72px, 8vw, 128px);
	--doit-gutter: 56px;
}

body:not(.home) {
	font-family: "Myriad Pro Light", sans-serif;
	font-weight: 400;
	line-height: 1.55;
}

body:not(.home) :where(h1, h2, h3, h4, h5, h6) {
	font-family: "Myriad Pro Semibold", sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

html.doit-subpage-header-ready body:not(.home) #header {
	position: fixed;
	inset: var(--doit-admin-bar-height, 0) 0 auto;
	z-index: 9998;
	width: 100%;
	transform: translateY(0);
	transition: transform .32s ease, box-shadow .24s ease;
	will-change: transform;
}

html.doit-subpage-header-hidden body:not(.home) #header {
	transform: translateY(calc(-100% - var(--doit-admin-bar-height, 0px)));
	box-shadow: none;
}

.doit-subpage-header-spacer {
	display: block;
	height: 0;
	pointer-events: none;
}

.doit-subpage-header-handle {
	position: fixed;
	top: var(--doit-admin-bar-height, 0);
	left: 50%;
	z-index: 9999;
	display: flex;
	width: 78px;
	height: 22px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 0 0 16px 16px;
	background: rgba(58, 58, 58, .94);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	transform: translateX(-50%) translateY(-120%);
	transition: transform .32s ease, opacity .24s ease, background-color .24s ease, box-shadow .24s ease;
}

.doit-subpage-header-handle::before {
	display: block;
	width: 32px;
	height: 3px;
	border-radius: 999px;
	background: var(--doit-green);
	content: "";
}

.doit-subpage-header-handle:hover,
.doit-subpage-header-handle:focus-visible {
	background: rgba(68, 68, 68, .98);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .24);
	outline: 2px solid var(--doit-green);
	outline-offset: 2px;
}

html.doit-subpage-header-hidden .doit-subpage-header-handle {
	opacity: 1;
	pointer-events: auto;
	transform: translateX(-50%) translateY(0);
}

.doit-has-editor-hero .ct-container-full[data-vertical-spacing*="top"] {
	padding-top: 0;
}

.doit-has-editor-hero .ct-container-full[data-vertical-spacing*="bottom"] {
	padding-bottom: 0;
}

.doit-subpage-hero {
	align-items: flex-start;
	min-block-size: clamp(520px, 72svh, 760px);
	padding: clamp(100px, 9vw, 136px) var(--doit-gutter) var(--doit-section-space);
	background-position: center;
}

.doit-subpage-hero.has-parallax {
	background-attachment: fixed;
}

/* Keep every editor-managed subpage on the same header grid as the homepage. */
body.doit-has-editor-hero #header {
	--theme-link-hover-color: var(--doit-green);
	--theme-link-active-color: var(--doit-green);
	--theme-icon-hover-color: var(--doit-green);
	--theme-icon-active-color: var(--doit-green);
}

body.doit-has-editor-hero #header::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 6px;
	background: var(--doit-green);
	pointer-events: none;
	z-index: 40;
}

@media (min-width: 1180px) {
	body.doit-has-editor-hero #header [data-device="desktop"] .ct-container {
		width: 100%;
		max-width: 1500px;
		padding-left: var(--doit-gutter);
		padding-right: 0;
	}

	body.doit-has-editor-hero #header nav#header-menu-1 ul.menu > li > a.ct-menu-link {
		padding-right: 14px;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: 0;
	}
}

.doit-subpage-hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgba(11, 19, 27, .84) 0%, rgba(11, 19, 27, .68) 52%, rgba(11, 19, 27, .3) 100%);
	opacity: 1;
}

.doit-subpage-hero > .wp-block-cover__inner-container {
	width: 100%;
}

.doit-subpage-hero__content {
	width: min(100%, var(--doit-content-width));
	max-width: none;
	margin-inline: auto;
}

.doit-subpage-hero__copy {
	width: min(100%, 850px);
	max-width: none;
	/* Gutenberg centers constrained child groups; hero copy intentionally follows the global left content edge. */
	margin-inline-start: 0 !important;
	margin-inline-end: auto !important;
}

.doit-subpage-eyebrow {
	margin: 0 0 18px;
	color: var(--doit-green);
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(.95rem, 1.2vw, 1.15rem);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.doit-subpage-hero .doit-subpage-eyebrow {
	margin-bottom: 24px;
	font-size: clamp(1.375rem, 1.55vw, 1.75rem);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: .04em;
	text-transform: none;
}

.doit-subpage-hero h1 {
	width: 100%;
	max-width: none;
	margin: 0;
	color: #fff;
	font-size: clamp(2.85rem, 5.7vw, 5.45rem);
	font-weight: 600;
	line-height: .99;
	letter-spacing: -.025em;
}

.doit-subpage-hero--legal .doit-subpage-hero__copy {
	width: min(100%, 1000px);
}

.doit-subpage-hero--legal h1 {
	max-width: none;
	overflow-wrap: normal;
	word-break: normal;
}

.doit-subpage-hero__subtitle {
	width: 100%;
	max-width: none;
	margin: 30px 0 0;
	color: #f4f6f7;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	line-height: 1.45;
}

.doit-subpage-hero .wp-block-buttons {
	margin-top: 34px;
}

.doit-subpage-section {
	padding: calc(var(--doit-section-space) * .85) var(--doit-gutter) var(--doit-section-space);
	background: var(--doit-surface);
	color: var(--doit-text);
}

/* One shared editorial axis for header, hero and editor-managed sections. */
body:not(.home) .doit-subpage-section:not(.doit-subpage-section--legal) {
	padding-inline: var(--doit-gutter) !important;
}

body:not(.home) .doit-subpage-section:not(.doit-subpage-section--legal) > .wp-block-group.is-layout-constrained {
	width: min(100%, var(--doit-content-width));
	max-width: var(--doit-content-width);
	margin-inline: auto;
}

body:not(.home) .doit-subpage-section:not(.doit-subpage-section--legal) > .wp-block-group.is-layout-constrained > .wp-block-columns {
	width: 100%;
	max-width: none;
}

/* Shared section eyebrow: mirrors the established career-process hierarchy. */
.doit-subpage-section:not(.doit-subpage-section--legal) .doit-subpage-eyebrow,
.doit-subpage-section:not(.doit-subpage-section--legal) .is-style-doit-section-eyebrow {
	margin: 0 0 24px !important;
	color: var(--doit-green-strong);
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 1.12px;
	line-height: 35px;
	text-transform: uppercase;
}

@media (max-width: 767px) {
	.doit-subpage-section:not(.doit-subpage-section--legal) .doit-subpage-eyebrow,
	.doit-subpage-section:not(.doit-subpage-section--legal) .is-style-doit-section-eyebrow {
		margin-bottom: 18px !important;
		font-size: 20px;
		line-height: 28px;
	}
}

/* Shared section typography: use the established career-process scale. */
.doit-subpage-section:not(.doit-subpage-section--legal) h2 {
	max-width: 940px;
	font-family: Inter, sans-serif;
	font-size: 52px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.16;
}

.doit-subpage-section:not(.doit-subpage-section--legal) .doit-subpage-lead,
.doit-subpage-section:not(.doit-subpage-section--legal) .doit-subpage-text,
.doit-subpage-section:not(.doit-subpage-section--legal) .about-attitude__copy p {
	font-family: "Source Sans 3", sans-serif;
	font-size: 18px;
	line-height: 1.55;
}

.doit-subpage-section:not(.doit-subpage-section--legal) .doit-subpage-lead {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1.55;
}

@media (max-width: 767px) {
	.doit-subpage-section:not(.doit-subpage-section--legal) h2 {
		font-size: 38px;
		line-height: 1.18;
	}
}

.doit-subpage-section--soft {
	background: var(--doit-surface-soft);
}

.doit-subpage-section--legal {
	padding-top: calc(var(--doit-section-space) * .67);
	background: #f8f9f4;
}

/* Legal pages are documents, not marketing landing pages. */
.doit-subpage-section--legal .doit-subpage-reading,
.doit-subpage-legal-page .doit-legal-reading {
	max-width: 1280px;
	margin-inline: auto;
	padding: clamp(56px, 5.5vw, 96px);
	background: #fff;
	box-shadow: 0 12px 36px rgba(41, 57, 45, .05);
}

/* Legal patterns use one shared paper treatment. */
.doit-subpage-legal-page .doit-legal-section-title,
.doit-subpage-legal-page .doit-legal-subtitle {
	color: #6f9500;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-weight: 600;
}
.doit-subpage-legal-page .doit-legal-section-title {
	margin-top: 60px;
	font-size: 1.667rem;
	line-height: 1.25;
}
.doit-subpage-legal-page .doit-legal-subtitle {
	margin-top: 40px;
	font-size: 1.5rem;
	line-height: 1.25;
}
.doit-subpage-legal-page .doit-legal-copy,
.doit-subpage-legal-page .doit-legal-meta {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.333rem;
	font-weight: 400;
	line-height: 1.7;
}

/* Legal lists inherit the document copy scale when editors insert a standard List block. */
.doit-subpage-legal-page .wp-block-list {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.333rem;
	font-weight: 400;
	line-height: 1.7;
}

.doit-subpage-legal-page .wp-block-list li + li {
	margin-top: .2em;
}

.doit-subpage-section--legal .doit-subpage-reading > h2 {
	max-width: none;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(2.5rem, 3.2vw, 2.8125rem);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: -.02em;
}

.doit-subpage-section--legal .doit-subpage-lead {
	max-width: none;
	margin-top: 18px;
	padding-bottom: 34px;
	border-bottom: 4px solid #6f9500;
	color: #7a8595;
	font-size: 1.125rem;
	font-family: "Myriad Pro Light", sans-serif;
	font-weight: 400;
}

.doit-subpage-section--legal h3 {
	margin-top: 60px;
	color: #6f9500;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
}

.doit-subpage-section--legal .doit-subpage-text {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.7;
}


/* Standard Gutenberg paragraphs inside legal patterns inherit document typography. */
.doit-subpage-section--legal .doit-subpage-reading > p.wp-block-paragraph:not(.doit-subpage-lead) {
	max-width: none;
	color: #7a8595;
	font-family: "Myriad Pro Light", sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.7;
}

.doit-subpage-section--dark {
	background: var(--doit-charcoal);
	color: #f4f6f7;
}

.doit-subpage-shell {
	width: min(var(--doit-content-width), calc(100% - clamp(48px, 10vw, 160px)));
	margin-inline: auto;
}

.doit-subpage-reading {
	max-width: var(--doit-reading-width);
	margin-inline: 0;
}

.doit-subpage-section--legal .doit-subpage-eyebrow {
	margin-bottom: 14px;
}

.doit-subpage-section h2 {
	max-width: 48ch;
	margin: 0;
	color: var(--doit-ink);
	font-size: clamp(2.4rem, 4.8vw, 4.8rem);
	font-weight: 300;
	line-height: 1.08;
}

.doit-subpage-reading > h2 {
	max-width: none;
	font-size: clamp(2.6rem, 4vw, 4.25rem);
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.doit-subpage-section--dark h2 {
	color: #fff;
}

.doit-subpage-lead {
	max-width: none;
	margin-top: 28px;
	color: var(--doit-text);
	line-height: 1.5;
}

.doit-subpage-section--legal .doit-subpage-lead {
	margin-top: 40px;
}

.doit-subpage-section--dark .doit-subpage-lead {
	color: #d7dde3;
}

.doit-subpage-text {
	color: var(--doit-text);
	font-size: 1.125rem;
	line-height: 1.65;
}

.doit-design-swatch {
	box-sizing: border-box;
	display: flex;
	align-items: flex-end;
	min-block-size: 150px;
	padding: 24px;
	border: 1px solid rgba(13, 36, 51, .12);
	border-radius: 8px;
	box-shadow: 0 10px 24px rgba(13, 36, 51, .07);
}

.doit-design-swatch p {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
}

.doit-design-token-meta {
	margin-top: 14px;
	color: var(--doit-text-muted);
	font-size: .9375rem;
	line-height: 1.45;
}

.doit-design-type-sample {
	padding-block: 32px;
	border-top: 1px solid var(--doit-border);
}

.doit-design-type-sample > :last-child {
	margin-bottom: 0;
}

.doit-design-type-label {
	margin: 0 0 18px;
	color: var(--doit-green-strong);
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.doit-design-dark-sample {
	padding: clamp(32px, 5vw, 56px);
	border-radius: 8px;
	background: var(--doit-charcoal);
	color: #f4f6f7;
}

.doit-design-dark-sample :where(h2, h3, p) {
	color: inherit;
}

.doit-subpage-section--dark .doit-subpage-text {
	color: #d7dde3;
}

.doit-subpage-media-row {
	align-items: center;
	gap: clamp(40px, 7vw, 96px);
}

.doit-subpage-media-row .wp-block-image {
	margin: 0;
}

.doit-subpage-media-row img {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	object-fit: cover;
}

.doit-subpage-feature-grid {
	gap: clamp(28px, 4vw, 52px);
	margin-top: clamp(44px, 6vw, 72px);
}

.doit-subpage-feature {
	padding-top: 24px;
	border-top: 2px solid var(--doit-green);
}

.doit-subpage-feature h3 {
	margin: 0;
	color: var(--doit-ink);
	font-size: clamp(1.35rem, 2vw, 1.7rem);
	font-weight: 500;
	line-height: 1.25;
}

.doit-subpage-feature p {
	margin-top: 14px;
	color: var(--doit-text-muted);
	font-size: 1.05rem;
	line-height: 1.6;
}

.doit-subpage-cta {
	padding: clamp(64px, 8vw, 104px) var(--doit-gutter);
	background: var(--doit-surface-soft);
}

.doit-subpage-cta__inner {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 40px;
	width: min(100%, var(--doit-content-width));
	margin-inline: auto;
}

.doit-subpage-cta h2 {
	max-width: 16ch;
	margin: 0;
	color: var(--doit-ink);
	font-size: clamp(2.25rem, 4vw, 4rem);
	font-weight: 300;
	line-height: 1.1;
}

.doit-subpage-cta p {
	max-width: 700px;
	margin: 22px 0 0;
	color: var(--doit-text);
	font-size: 1.15rem;
}

.doit-subpage-cta .wp-block-buttons {
	flex: 0 0 auto;
	margin: 0;
}

.doit-subpage-hero .wp-block-button__link,
.doit-subpage-cta .wp-block-button__link {
	min-height: 50px;
	padding: 13px 24px;
	border: 1px solid var(--doit-green);
	border-radius: 6px;
	background: var(--doit-green);
	color: #111;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.doit-subpage-hero .wp-block-button__link:hover,
.doit-subpage-cta .wp-block-button__link:hover {
	border-color: var(--doit-green-strong);
	background: var(--doit-green-strong);
	color: #111;
	box-shadow: 0 4px 12px rgba(16, 28, 38, .14);
}

.doit-subpage-hero .wp-block-button__link:focus-visible,
.doit-subpage-cta .wp-block-button__link:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

html[data-doit-theme="dark"] .doit-subpage-section,
html[data-doit-theme="dark"] .doit-subpage-cta {
	background: var(--doit-charcoal);
	color: #f4f6f7;
}

html[data-doit-theme="dark"] .doit-subpage-section--soft {
	background: #202933;
}

html[data-doit-theme="dark"] .doit-subpage-section h2,
html[data-doit-theme="dark"] .doit-subpage-cta h2,
html[data-doit-theme="dark"] .doit-subpage-feature h3 {
	color: #fff;
}

html[data-doit-theme="dark"] :where(.doit-subpage-lead, .doit-subpage-text, .doit-subpage-cta p) {
	color: #d7dde3;
}

html[data-doit-theme="dark"] .doit-subpage-feature p {
	color: #c3ccd2;
}

html[data-doit-theme="dark"] .doit-subpage-header-handle {
	background: rgba(58, 58, 58, .96);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .35);
}

.doit-global-footer-active .ct-footer {
	display: none;
}

.doit-global-footer {
	--doit-footer-text: #d8dee6;
	--doit-footer-muted: #b8c2cc;
	margin: 0;
	padding: 0 var(--doit-gutter);
	background: #171d24;
	color: var(--doit-footer-text);
	border-top: 1px solid rgba(174, 213, 53, .42);
}

.doit-global-footer .doit-global-footer__shell.wp-block-group.alignwide {
	width: min(100%, 1500px);
	max-width: 1500px;
	margin-inline: auto;
	padding: 56px 56px 18px;
}

.doit-global-footer__lead {
	gap: clamp(36px, 6vw, 88px);
	margin: 0 0 25px;
}

.doit-global-footer__lead > .wp-block-column:first-child {
	flex: 1 1 0;
}

.doit-global-footer .doit-global-footer__lead > .wp-block-column.doit-global-footer__brand.is-layout-flow {
	flex: 0 0 480px;
	max-width: 480px;
}

.doit-global-footer__claim {
	margin: 0 0 8px;
	color: var(--doit-green);
	font-family: "Source Sans 3", sans-serif;
	font-size: clamp(1.35rem, 1.6vw, 1.75rem);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: .06em;
}

.doit-global-footer h2 {
	margin: 0;
	color: #fff;
	font-family: "Inter", sans-serif;
	font-size: clamp(2.35rem, 3.2vw, 3rem);
	font-weight: 300;
	line-height: 1.04;
}

.doit-global-footer__intro {
	margin: 18px 0 0;
	color: #f4f6f7;
	font-family: "Source Sans 3", sans-serif;
	font-size: clamp(1.25rem, 1.7vw, 1.833rem);
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: .02em;
}

.doit-global-footer__actions {
	gap: 14px;
	margin-top: 26px;
}

.doit-global-footer__button .wp-block-button__link {
	min-height: 50px;
	padding: 13px 24px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	text-decoration: none;
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.doit-global-footer__button--primary .wp-block-button__link {
	border-color: var(--doit-green);
	background: var(--doit-green);
	color: #102033;
}

.doit-global-footer__button--secondary .wp-block-button__link {
	border-color: #fff;
	background: #fff;
	color: #102033;
}

.doit-global-footer__button .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .2);
}

.doit-global-footer__button .wp-block-button__link:focus-visible {
	outline: 3px solid var(--doit-green);
	outline-offset: 3px;
}

.doit-global-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}

.doit-global-footer__logo {
	width: 320px;
	margin: 0;
}

.doit-global-footer__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.doit-global-footer__brand::after {
	content: "";
	display: block;
	width: 245px;
	aspect-ratio: 1034 / 327;
	margin: -29px 92px 0 0;
	background: url("assets/images/doit-footer-handnote-first-talk-cropped.png") center / contain no-repeat;
	opacity: .72;
	transform: rotate(-4deg);
}

.wp-block-columns.is-layout-flex.doit-global-footer__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 30px clamp(36px, 4vw, 64px);
	margin: 0;
	padding-top: 28px;
	border-top: 1px solid rgba(255, 255, 255, .16);
}

.doit-global-footer__grid > .wp-block-column {
	min-width: 0;
}

.doit-global-footer h3 {
	margin: 0 0 16px;
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.3;
}

.doit-global-footer__grid p {
	margin: 0 0 10px;
	color: var(--doit-footer-text);
	font-size: 1rem;
	line-height: 1.55;
}

.doit-global-footer__grid strong {
	color: #fff;
	font-weight: 600;
}

.doit-global-footer a {
	color: var(--doit-footer-text);
	text-decoration: none;
	transition: color .14s ease;
}

.doit-global-footer a:hover,
.doit-global-footer a:focus-visible {
	color: var(--doit-green);
}

.doit-global-footer__bottom {
	gap: 20px 36px;
	margin-top: 38px;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: var(--doit-footer-muted);
}

.doit-global-footer__bottom p {
	max-width: 760px;
	margin: 0;
	color: inherit;
	font-size: .875rem;
	line-height: 1.5;
}

@media (min-width: 1000px) {
	/* Let the first editor-managed section continue the hero on desktop. */
	/* Desktop subpages: content flows normally, then glides over the sticky hero. */
	body.doit-has-editor-hero .entry-content {
		position: relative;
		overflow: clip;
	}
	body.doit-has-editor-hero .entry-content > .doit-subpage-hero {
		position: sticky;
		top: max(0px, calc(var(--doit-admin-bar-height, 0px) + var(--doit-header-height, 114px) + var(--doit-header-shift, 0px)));
		z-index: 1;
	}
	body.doit-has-editor-hero .doit-subpage-hero + .doit-subpage-section,
	body.doit-has-editor-hero .doit-subpage-hero + .doit-subpage-legal-page {
		position: relative;
		z-index: 2;
		margin-top: 0;
		border-radius: 0;
		box-shadow: 0 -10px 28px rgba(13, 36, 51, .06);
	}

	:root {
		--doit-content-width: 1388px;
	}

	/* One horizontal start line for header, hero copy and footer content. */
	.doit-global-footer {
		padding-inline: 0;
	}

	.doit-subpage-section--legal .doit-subpage-reading {
		width: min(100%, 1500px);
		max-width: 1500px;
	}

	.doit-subpage-section--legal h3 {
		font-size: 1.667rem;
	}

	.doit-subpage-section--legal .doit-subpage-text {
		font-size: 1.333rem;
	}

	/* Privacy uses the same full-bleed legal canvas and paper width as AGB. */
	.doit-subpage-legal-page.doit-subpage-section--legal {
		width: 100%;
		max-width: none;
		margin-inline: 0;
		padding-inline: 56px;
		padding-bottom: 128px;
	}

	.doit-subpage-legal-page.doit-subpage-section--legal > .doit-content-shell.doit-legal-reading {
		width: min(100%, var(--doit-content-width));
		max-width: var(--doit-content-width);
		margin-inline: auto;
	}

	#header [data-device="desktop"] .site-logo-container {
		width: 160px;
		transform: translateY(-9px);
	}

	#header [data-device="desktop"] .site-logo-container > img.default-logo {
		width: 100%;
		height: auto;
	}

	.doit-global-footer__bottom p:last-child {
		margin-right: clamp(20px, 2vw, 32px);
	}

	/* Keep the five footer columns optically balanced as labels grow. */
	.doit-global-footer__grid > .wp-block-column:nth-child(2) {
		transform: translateX(-clamp(14px, 1.2vw, 24px));
	}

	.doit-global-footer__grid > .wp-block-column:nth-child(3) {
		transform: translateX(-clamp(28px, 2.4vw, 48px));
	}

	/* Match the home footer's final two column anchors. */
	.doit-global-footer__grid > .wp-block-column:nth-child(4) {
		transform: translateX(clamp(24px, 2vw, 40px));
	}

	.doit-global-footer__grid > .wp-block-column:nth-child(5) {
		transform: translateX(clamp(16px, 2.4vw, 48px));
	}

	.doit-global-footer__logo img {
		transform: translateY(-10px);
	}
}

@media (max-width: 999px) {
	.doit-subpage-hero {
		min-block-size: clamp(500px, 68svh, 680px);
	}

	.doit-subpage-hero.has-parallax,
	.doit-subpage-hero .wp-block-cover__image-background.has-parallax {
		background-attachment: scroll;
	}

	.doit-subpage-cta__inner {
		display: block;
	}

	.doit-subpage-cta .wp-block-buttons {
		margin-top: 32px;
	}

	.doit-global-footer__lead {
		display: block;
	}

	.doit-global-footer__brand {
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 42px;
	}

	.doit-global-footer__brand::after {
		margin-right: 0;
	}

	.doit-global-footer__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px clamp(28px, 3vw, 52px);
	}
}

@media (max-width: 600px) {
	:root {
		--doit-section-space: 64px;
		--doit-gutter: 20px;
	}

	.doit-subpage-hero {
		min-block-size: 520px;
	}

	.doit-subpage-hero .wp-block-cover__background {
		background: linear-gradient(180deg, rgba(11, 19, 27, .66) 0%, rgba(11, 19, 27, .88) 100%);
	}

	.doit-subpage-hero h1 {
		font-size: clamp(2.4rem, 10.8vw, 2.625rem);
	}

	.doit-subpage-hero .doit-subpage-eyebrow {
		margin-bottom: 18px;
		font-size: 1.125rem;
		letter-spacing: .035em;
	}

	.doit-subpage-media-row {
		gap: 36px;
	}

	.doit-subpage-feature-grid {
		gap: 36px;
	}

	.doit-subpage-hero .wp-block-button,
	.doit-subpage-hero .wp-block-button__link,
	.doit-subpage-cta .wp-block-button,
	.doit-subpage-cta .wp-block-button__link {
		width: 100%;
	}

	.doit-global-footer__shell {
		padding-block: 44px 12px;
	}

	.doit-global-footer__lead {
		margin-bottom: 44px;
	}

	.doit-global-footer__actions,
	.doit-global-footer__button,
	.doit-global-footer__button .wp-block-button__link {
		width: 100%;
	}

	.doit-global-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.doit-global-footer__bottom {
		display: block;
	}

	.doit-global-footer__bottom p + p {
		margin-top: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html.doit-subpage-header-ready body:not(.home) #header,
	.doit-subpage-header-handle {
		transition: none;
	}

	.doit-subpage-hero.has-parallax {
		background-attachment: scroll;
	}

	.doit-subpage-hero .wp-block-button__link,
	.doit-subpage-cta .wp-block-button__link {
		transition: none;
	}
}



/* Gutenberg styles for editor-managed subpage heroes only. */
.doit-subpage-hero .is-style-doit-hero-eyebrow {
	margin: 0 0 24px;
	color: var(--doit-green);
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(1.375rem, 1.55vw, 1.75rem);
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: .04em;
	text-transform: none;
}

.doit-subpage-hero .is-style-doit-hero-subtitle {
	width: 100%;
	max-width: 820px;
	margin: 30px 0 0;
	color: #f4f6f7;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	line-height: 1.45;
}

.doit-subpage-hero .is-style-doit-hero-lead {
	max-width: 820px;
	margin: 18px 0 0;
	color: #fff;
	font-family: "Myriad Pro Semibold", sans-serif;
	font-size: clamp(1.18rem, 1.65vw, 1.4rem);
	font-weight: 600;
	line-height: 1.35;
}

.doit-subpage-hero .is-style-doit-hero-lead + .wp-block-buttons {
	margin-top: 28px;
}


/* Keep every follow-up section above the sticky editor hero. */
@media (min-width: 1000px) {
	body.doit-has-editor-hero .entry-content > .doit-subpage-section,
	body.doit-has-editor-hero .entry-content > .doit-subpage-legal-page {
		position: relative;
		z-index: 2;
	}
}


/* Remove block gaps between full-width editorial sections. */
body.doit-has-editor-hero .entry-content > .doit-subpage-section,
body.doit-has-editor-hero .entry-content > .doit-subpage-legal-page {
	margin-bottom: 0;
}








/* Career: restrained visual anchor for the editable impact cards. */
body .doit-subpage-section--impact .wp-block-columns {
	margin-top: calc(clamp(2.25rem, 3.4vw, 3.25rem) + 24px);
}

body .doit-subpage-section--impact .wp-block-column {
	position: relative;
	overflow: hidden;
}

body .doit-subpage-section--impact .wp-block-column::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	background: var(--doit-green);
	opacity: .82;
	pointer-events: none;
}


/* Career impact grid: separate rows, soften the completed first row. */
body .doit-subpage-section--impact .wp-block-columns {
	row-gap: 44px;
}

body .doit-subpage-section--impact .wp-block-column:nth-child(-n + 3)::before {
	background: #c9d0d3;
}


/* Career impact cards: editable Tabler SVGs follow the homepage icon language. */
body .doit-subpage-section--impact .wp-block-column > figure.doit-impact-card-icon,
body .doit-subpage-section--impact .wp-block-column > figure.is-style-doit-karten-icon {
	display: grid;
	place-items: center;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	margin: 0 0 18px;
	padding: 9px;
	border: 1px solid rgba(159, 193, 49, .32);
	border-radius: 10px;
	background: rgba(245, 248, 235, .9);
}

body .doit-subpage-section--impact .doit-impact-card-icon img,
body .doit-subpage-section--impact .is-style-doit-karten-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: invert(67%) sepia(45%) saturate(604%) hue-rotate(37deg) brightness(91%) contrast(84%);
}


/* Career impact cards: calm, tactile hover response. */
body .doit-subpage-section--impact .wp-block-column {
	transition: transform 280ms cubic-bezier(.2, .8, .2, 1), box-shadow 280ms cubic-bezier(.2, .8, .2, 1), border-color 280ms cubic-bezier(.2, .8, .2, 1);
}

body .doit-subpage-section--impact .wp-block-column > figure.doit-impact-card-icon,
body .doit-subpage-section--impact .wp-block-column > figure.is-style-doit-karten-icon {
	transition: transform 280ms cubic-bezier(.2, .8, .2, 1), background-color 280ms cubic-bezier(.2, .8, .2, 1), border-color 280ms cubic-bezier(.2, .8, .2, 1);
}

@media (hover: hover) {
	body .doit-subpage-section--impact .wp-block-column:hover {
		transform: translateY(-3px);
		border-color: rgba(159, 193, 49, .64);
		box-shadow: 0 16px 30px rgba(13, 36, 51, .13);
	}

	body .doit-subpage-section--impact .wp-block-column:hover > figure.doit-impact-card-icon,
	body .doit-subpage-section--impact .wp-block-column:hover > figure.is-style-doit-karten-icon {
		transform: scale(1.05);
		border-color: rgba(159, 193, 49, .52);
		background-color: rgba(230, 242, 187, .88);
	}
}


/* Career hero: transparent doIT hexagon underlay. */
body .doit-subpage-hero--career {
	isolation: isolate;
}

body .doit-subpage-hero--career::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: max(-60px, calc((100% - 1290px) / 2 - 390px));
	top: 50%;
	width: clamp(180px, 16vw, 310px);
	aspect-ratio: 1;
	background: url("https://bgweb.de/wp-content/uploads/2026/07/doit-hexagon.png") center / contain no-repeat;
	opacity: .18;
	filter: grayscale(.12);
	transform: translateY(-50%);
	pointer-events: none;
}

body .doit-subpage-hero--career > .wp-block-cover__image-background {
	filter: brightness(1.18) !important;
}

body .doit-subpage-hero--career > .wp-block-cover__inner-container {
	z-index: 2;
}

@media (max-width: 782px) {
	body .doit-subpage-hero--career::after {
		left: -42px;
		top: 42%;
		width: 220px;
		opacity: .08;
	}
}

@media (min-width: 1600px) {
	body .doit-subpage-hero--career::after {
		left: -70px;
		width: clamp(320px, 17vw, 360px);
	}
}


/* Career hero subtitle: compact while preserving the shared subpage system. */
body .doit-subpage-hero--career .doit-subpage-hero__subtitle {
	font-size: 20px;
}








/* Career values timeline */
.doit-values-timeline {
  display: grid;
  gap: 0;
  margin-top: clamp(24px, 3vw, 40px);
}

.doit-values-timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px minmax(0, 1fr);
  column-gap: clamp(8px, 0.5vw, 12px);
  align-items: center;
  min-block-size: 154px;
}

.doit-values-timeline__item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 6px;
  background-image: radial-gradient(circle, rgba(174, 213, 53, 0.7) 0 1.75px, transparent 2.25px);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 6px 16px;
  content: "";
  transform: translateX(-50%);
}

.doit-values-timeline__item:first-child::before {
  top: 50%;
}

.doit-values-timeline__item:last-child::before {
  bottom: 50%;
}

.doit-values-timeline__icon {
  position: relative;
  z-index: 1;
  display: grid;
  grid-column: 2;
  grid-row: 1;
  place-items: center;
  width: 80px;
  aspect-ratio: 1;
  margin: auto;
  border: 1px solid rgba(174, 213, 53, 0.76);
  border-radius: 50%;
  background: var(--doit-charcoal);
  box-shadow: 0 0 0 8px var(--doit-charcoal);
}

.doit-values-timeline__icon img {
  display: block;
  width: 30px;
  height: 30px;
  filter: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(399%) hue-rotate(36deg) brightness(94%) contrast(82%);
}

.doit-values-timeline__copy {
  grid-column: 3;
  grid-row: 1;
  max-width: 31rem;
  margin: 0;
}

.doit-values-timeline__item:nth-child(even) .doit-values-timeline__copy {
  grid-column: 1;
  text-align: right;
  justify-self: end;
}

.doit-values-timeline__copy p {
  margin: 0;
  color: #f4f6f7;
  font-family: "Myriad Pro Light", sans-serif;
  font-size: clamp(1.5167rem, calc(1.75vw + 2.667px), 1.8667rem);
  font-weight: 400;
  line-height: 1.22;
}

@media (max-width: 999px) {
  .doit-values-timeline__item {
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 28px;
    min-block-size: 124px;
  }

  .doit-values-timeline__item::before {
    left: 38px;
  }

  .doit-values-timeline__icon {
    grid-column: 1;
    width: 64px;
    box-shadow: 0 0 0 6px var(--doit-charcoal);
  }

  .doit-values-timeline__icon img {
    width: 25px;
    height: 25px;
  }

  .doit-values-timeline__copy,
  .doit-values-timeline__item:nth-child(even) .doit-values-timeline__copy {
    grid-column: 2;
    text-align: left;
    justify-self: start;
  }
}

@media (min-width: 1000px) {
  .doit-values-timeline__copy p {
    font-size: clamp(1.4167rem, calc(1.45vw + 2.667px), 1.6667rem);
  }
}

@media (min-width: 1000px) {
  .doit-values-timeline__copy {
    transform: translateY(-38px);
  }
}


@media (hover: hover) and (pointer: fine) {
  .doit-values-timeline__item {
    transition: transform 250ms ease;
  }

  .doit-values-timeline__item::before,
  .doit-values-timeline__item::after {
    z-index: 0;
  }

  .doit-values-timeline__item::after {
    position: absolute;
    left: 50%;
    width: 6px;
    background-image: radial-gradient(circle, var(--doit-green-light) 0 1.75px, transparent 2.25px);
    background-position: center top;
    background-repeat: repeat-y;
    background-size: 6px 16px;
    content: "";
    opacity: 0;
    pointer-events: none;
    transform: translateX(-50%);
    transition: opacity 250ms ease;
  }

  .doit-values-timeline__icon {
    transition: background-color 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
  }

  .doit-values-timeline__icon img,
  .doit-values-timeline__copy p {
    transition: filter 250ms ease, color 250ms ease, transform 250ms ease;
  }

  .doit-values-timeline__item:hover {
    transform: translateY(-2px);
  }

  .doit-values-timeline__item:hover .doit-values-timeline__icon {
    background-color: var(--doit-charcoal);
    background-color: color-mix(in srgb, var(--doit-charcoal) 90%, var(--doit-green-light));
    border-color: var(--doit-green-light);
    box-shadow: 0 0 0 8px var(--doit-charcoal), 0 0 18px rgba(159, 193, 49, 0.15);
  }

  .doit-values-timeline__item:hover .doit-values-timeline__icon img {
    filter: brightness(0) saturate(100%) invert(78%) sepia(57%) saturate(399%) hue-rotate(36deg) brightness(112%) contrast(85%);
  }

  .doit-values-timeline__copy p {
    transform-origin: left center;
  }

  .doit-values-timeline__item:nth-child(even) .doit-values-timeline__copy p {
    transform-origin: right center;
  }

  .doit-values-timeline__item:hover .doit-values-timeline__copy p {
    color: #ffffff;
    transform: scale(1.1);
  }

  .doit-values-timeline__item:hover::after {
    top: 0;
    height: 50%;
    opacity: 1;
  }

  .doit-values-timeline__item:has(+ .doit-values-timeline__item:hover)::after {
    top: 50%;
    bottom: 0;
    opacity: 1;
  }

  .doit-values-timeline__item:first-child:hover::after {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .doit-values-timeline__item,
  .doit-values-timeline__item::after,
  .doit-values-timeline__icon,
  .doit-values-timeline__icon img,
  .doit-values-timeline__copy p {
    transition: none;
  }

  .doit-values-timeline__item:hover {
    transform: none;
  }
}


/* Career page: editor-managed job cards. */
body.page-id-1464 .doit-job-cards {
  margin-top: clamp(32px, 3vw, 48px);
}

body.page-id-1464 .doit-job-cards__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 46%));
  justify-content: start;
  gap: clamp(36px, 3vw, 48px);
  margin: 0;
}

body.page-id-1464 .doit-job-cards__column {
  display: flex;
  min-width: 0;
  margin: 0;
}

body.page-id-1464 .doit-job-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: clamp(24px, 1.6vw, 28px) clamp(26px, 2.5vw, 36px) 22px;
  border: 1px solid rgba(159, 193, 49, .42);
  border-radius: 8px;
  background: #fbfdf4;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

body.page-id-1464 .doit-job-card__eyebrow {
  margin: 0 0 10px;
  color: var(--doit-green-strong);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .06em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.page-id-1464 .doit-job-card__icon {
  width: 37px;
  margin: 0 0 5px;
  padding: 7px;
  border: 1px solid rgba(159, 193, 49, .22);
  border-radius: 8px;
  background: rgba(215, 234, 108, .12);
  transition: border-color 200ms ease, background-color 200ms ease, filter 200ms ease;
}

body.page-id-1464 .doit-job-card__icon img {
  display: block;
  width: 100%;
  height: auto;
}

body.page-id-1464 .doit-job-card__title {
  margin: 0;
  color: var(--doit-charcoal);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: clamp(1.65rem, 2vw, 2.1rem);
  font-weight: 600;
  line-height: 1.15;
}

body.page-id-1464 .doit-job-card__meta {
  margin: 10px 0 0;
  color: #62727d;
  font-size: .9375rem;
  line-height: 1.45;
}

body.page-id-1464 .doit-job-card__description {
  margin: 14px 0 0;
  color: #41525e;
  font-size: 1rem;
  line-height: 1.6;
}

body.page-id-1464 .doit-job-card .wp-block-buttons {
  margin: 28px 0 0;
  padding-top: 0;
}

body.page-id-1464 .doit-job-card .wp-block-button__link:focus-visible {
  outline: 3px solid var(--doit-green-strong);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-1464 .doit-job-card:hover,
  body.page-id-1464 .doit-job-card:focus-within {
    transform: translateY(-4px);
    border-color: var(--doit-green-light);
    box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
  }

  body.page-id-1464 .doit-job-card:hover .doit-job-card__icon,
  body.page-id-1464 .doit-job-card:focus-within .doit-job-card__icon {
    border-color: rgba(159, 193, 49, .52);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.06);
  }
}

@media (max-width: 1100px) {
  body.page-id-1464 .doit-job-cards__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-id-1464 .doit-job-card {
    min-height: 0;
  }
}

@media (max-width: 781px) {
  body.page-id-1464 .doit-job-cards {
    margin-top: 28px;
  }

  body.page-id-1464 .doit-job-card {
    padding: 24px;
  }

  body.page-id-1464 .doit-job-card .wp-block-button,
  body.page-id-1464 .doit-job-card .wp-block-button__link {
    width: 100%;
  }

  body.page-id-1464 .doit-job-card .wp-block-button__link {
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-1464 .doit-job-card,
  body.page-id-1464 .doit-job-card__icon {
    transition: none;
  }

  body.page-id-1464 .doit-job-card:hover,
  body.page-id-1464 .doit-job-card:focus-within {
    transform: none;
  }
}


/* Career page: keep Gutenberg columns structural around job cards. */
body.page-id-1464 .doit-job-cards__column {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}


/* Career page: self-contained server glyph for the Gutenberg job icon. */
body.page-id-1464 .doit-job-card__icon--server {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171e26' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M7 8h.01'/%3E%3Cpath d='M17 8h2'/%3E%3Cpath d='M3 18a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4H3z'/%3E%3Cpath d='M7 20h.01'/%3E%3Cpath d='M17 20h2'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
}

body.page-id-1464 .doit-job-card__icon--server img {
  opacity: 0;
}


@media (min-width: 1101px) {
  body.page-id-1464 .doit-job-card__description {
    min-height: 6.4em;
  }
}


/* Career page: align the compact text stack below the icons. */
body.page-id-1464 .doit-job-card__eyebrow,
body.page-id-1464 .doit-job-card__title,
body.page-id-1464 .doit-job-card__meta,
body.page-id-1464 .doit-job-card__description {
  position: relative;
  top: 5.333px;
}

/* Career jobs: match the server glyph to the sales icon without changing its tile. */
body.page-id-1464 .doit-job-card__icon--server {
  background-size: 22px;
}

/* Career jobs: render the sales glyph at the same visual scale as the editor preview. */
body.page-id-1464 .doit-job-cards__column:nth-child(2) .doit-job-card__icon {
  background-image: url("https://bgweb.de/wp-content/uploads/2026/07/target-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 37px;
}

body.page-id-1464 .doit-job-cards__column:nth-child(2) .doit-job-card__icon img {
  opacity: 0;
}

/* Career jobs: match the Technik glyph to the sales icon without changing the tile. */
body.page-id-1464 .doit-job-cards__column:nth-child(1) .doit-job-card__icon {
  background-image: url("https://bgweb.de/wp-content/uploads/2026/07/adjustments-horizontal.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 37px;
}

body.page-id-1464 .doit-job-cards__column:nth-child(1) .doit-job-card__icon img {
  opacity: 0;
}

/* Career jobs: align the Technik text stack with Vertrieb while leaving the icon fixed. */
body.page-id-1464 .doit-job-cards__column:nth-child(1) .doit-job-card > :not(.doit-job-card__icon) {
  transform: translateY(5px);
}

/* Career jobs: restrained category accents along the card edge. */
body.page-id-1464 .doit-job-card {
  position: relative;
  overflow: hidden;
}

body.page-id-1464 .doit-job-card::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
}

body.page-id-1464 .doit-job-cards__column:nth-child(1) .doit-job-card::before {
  background: #7a8792;
}

body.page-id-1464 .doit-job-cards__column:nth-child(2) .doit-job-card::before {
  background: #a7d82e;
}

/* Career jobs: keep the established soft card shadow in the resting state. */
body.page-id-1464 .doit-job-card {
  box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
}

/* Career jobs: unified, restrained hover response for the complete card. */
body.page-id-1464 .doit-job-card--clickable {
  cursor: pointer;
}

body.page-id-1464 .doit-job-card::before {
  transition: height 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-1464 .doit-job-card:hover,
  body.page-id-1464 .doit-job-card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 16px 30px rgba(13, 36, 51, .14);
  }

  body.page-id-1464 .doit-job-card:hover::before,
  body.page-id-1464 .doit-job-card:focus-within::before {
    height: 5px;
  }

  body.page-id-1464 .doit-job-card:hover .doit-job-card__icon,
  body.page-id-1464 .doit-job-card:focus-within .doit-job-card__icon {
    background-color: rgba(215, 234, 108, .32);
    filter: brightness(1.08);
  }

  body.page-id-1464 .doit-job-card:hover .wp-block-button__link,
  body.page-id-1464 .doit-job-card:focus-within .wp-block-button__link {
    color: #171e26 !important;
  }
}

/* Career page: compact editorial CTA beneath the open job cards. */
body.page-id-1464 .doit-initiative-card {
  box-sizing: border-box;
  width: calc(92% + clamp(36px, 3vw, 48px));
  max-width: 100%;
  margin: clamp(32px, 3vw, 40px) 0 0;
  padding: clamp(28px, 2.25vw, 36px) clamp(24px, 3vw, 40px) clamp(30px, 2.5vw, 36px);
  border: 1px solid rgba(159, 193, 49, .42);
  border-radius: 8px;
  background: #fbfdf4;
  box-shadow: none;
  transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}

body.page-id-1464 .doit-initiative-card::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 0 14px;
  border: 1px solid rgba(159, 193, 49, .3);
  border-radius: 8px;
  background-color: rgba(215, 234, 108, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.8%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
  transition: background-color 200ms ease, border-color 200ms ease, filter 200ms ease;
}

body.page-id-1464 .doit-initiative-card__eyebrow {
  margin: 0 0 8px;
  color: var(--doit-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.2;
}

body.page-id-1464 .doit-initiative-card__title {
  margin: 0;
  color: var(--doit-blue);
  font-size: clamp(24px, 2vw, 30px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.18;
}

body.page-id-1464 .doit-initiative-card__description {
  max-width: 68ch;
  margin: 14px 0 0;
  color: var(--doit-gray);
  font-size: 16px;
  line-height: 1.6;
}

body.page-id-1464 .doit-initiative-card__actions {
  margin: 28px 0 0;
}

body.page-id-1464 .doit-initiative-card__actions .wp-block-button__link:focus-visible {
  outline: 2px solid var(--doit-green-light);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-1464 .doit-initiative-card:hover {
    transform: translateY(-3px);
    border-color: var(--doit-green-light);
    box-shadow: 0 10px 22px rgba(13, 36, 51, .08);
  }

  body.page-id-1464 .doit-initiative-card:hover::before {
    border-color: rgba(159, 193, 49, .5);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.05);
  }
}

@media (max-width: 767px) {
  body.page-id-1464 .doit-initiative-card {
    width: 100%;
    padding: 28px 24px 30px;
  }

  body.page-id-1464 .doit-initiative-card__actions .wp-block-button__link {
    width: 100%;
    text-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-1464 .doit-initiative-card,
  body.page-id-1464 .doit-initiative-card::before {
    transition: none;
    transform: none;
  }
}

/* Gutenberg constrained layouts may center paragraphs; keep this CTA copy aligned with its card. */
body.page-id-1464 .doit-initiative-card__description {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Career page: match the initiative CTA rhythm to the two editorial job cards. */
body.page-id-1464 .doit-initiative-card {
  padding: clamp(24px, 1.6vw, 28px) clamp(26px, 2.5vw, 36px) 22px;
}

body.page-id-1464 .doit-initiative-card::before {
  width: 37px;
  height: 37px;
  margin-bottom: 10px;
  background-size: 22px;
}

body.page-id-1464 .doit-initiative-card__eyebrow {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.55;
}

body.page-id-1464 .doit-initiative-card__title {
  margin: 0 0 14px;
  font-size: 40px;
  line-height: 1.2;
}

body.page-id-1464 .doit-initiative-card__description {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
}

body.page-id-1464 .doit-initiative-card__actions {
  margin-top: 28px;
}

@media (max-width: 767px) {
  body.page-id-1464 .doit-initiative-card {
    padding: 24px 26px 22px;
  }

  body.page-id-1464 .doit-initiative-card__eyebrow {
    font-size: 20px;
  }

  body.page-id-1464 .doit-initiative-card__title {
    font-size: 32px;
  }
}

/* Career page: use the same title-to-copy interval as the job cards. */
body.page-id-1464 .doit-initiative-card__title {
  margin-bottom: 12px;
}

/* Career page: visually align the initiative CTA with the job-card vocabulary. */
body.page-id-1464 .doit-initiative-card::before {
  background-size: 28px;
}

body.page-id-1464 .doit-initiative-card__eyebrow {
  color: rgb(82, 97, 109);
  font-family: "Source Sans 3", sans-serif;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}


/* Career page: balanced two-column composition for the initiative CTA. */
body.page-id-1464 .doit-initiative-card::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-size: 26px;
}

body.page-id-1464 .doit-initiative-card__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
  align-items: center;
  gap: clamp(48px, 5vw, 72px);
  width: 100%;
  margin: 0;
}

body.page-id-1464 .doit-initiative-card__layout > .doit-initiative-card__primary,
body.page-id-1464 .doit-initiative-card__layout > .doit-initiative-card__secondary {
  min-width: 0;
  margin: 0 !important;
}

body.page-id-1464 .doit-initiative-card__description {
  max-width: 640px;
}

body.page-id-1464 .doit-initiative-card__secondary {
  align-self: center;
}

body.page-id-1464 .doit-initiative-card__prompt {
  max-width: 360px;
  margin: 0;
  color: var(--doit-blue);
  font-size: clamp(22px, 1.65vw, 26px);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.34;
}

body.page-id-1464 .doit-initiative-card__secondary .doit-initiative-card__actions {
  margin-top: 24px;
}

@media (max-width: 900px) {
  body.page-id-1464 .doit-initiative-card__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  body.page-id-1464 .doit-initiative-card__secondary {
    align-self: start;
  }

  body.page-id-1464 .doit-initiative-card__prompt {
    max-width: 620px;
  }
}

/* Career page: protect the secondary CTA statement from generic paragraph presets. */
body.page-id-1464 .doit-initiative-card__prompt {
  color: #042940 !important;
  font-family: Inter, sans-serif;
  font-size: clamp(22px, 1.65vw, 26px) !important;
  font-weight: 600;
  line-height: 1.34 !important;
}

/* Career page: keep the secondary message as two calm lines on wide cards. */
body.page-id-1464 .doit-initiative-card__prompt {
  max-width: none;
  font-size: 22px !important;
  line-height: 1.36 !important;
}

/* Career page: keep the initiative CTA as one clear card, without inner card treatments. */
body.page-id-1464 .doit-initiative-card::before {
  content: none;
}

body.page-id-1464 .doit-initiative-card__layout,
body.page-id-1464 .doit-initiative-card__primary,
body.page-id-1464 .doit-initiative-card__secondary {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-id-1464 .doit-initiative-card__primary::before {
  content: "";
  display: block;
  width: 37px;
  height: 37px;
  margin: 0 0 10px;
  border: 1px solid rgba(159, 193, 49, .3);
  border-radius: 8px;
  background-color: rgba(215, 234, 108, .1);
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221.35%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2213%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 7l6.5 5l6.5 -5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 26px;
  transition: background-color 200ms ease, border-color 200ms ease, filter 200ms ease;
}

@media (hover: hover) and (pointer: fine) {
  body.page-id-1464 .doit-initiative-card:hover .doit-initiative-card__primary::before {
    border-color: rgba(159, 193, 49, .5);
    background-color: rgba(215, 234, 108, .2);
    filter: brightness(1.05);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-1464 .doit-initiative-card__primary::before {
    transition: none;
  }
}

/* Career page: align the initiative mark and label with the job-card header treatment. */
body.page-id-1464 .doit-initiative-card {
  position: relative;
  overflow: hidden;
}

body.page-id-1464 .doit-initiative-card::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  border-radius: 8px 8px 0 0;
  background: #d7dddf;
  pointer-events: none;
}

body.page-id-1464 .doit-initiative-card__primary::before {
  background-size: 30px;
}

body.page-id-1464 .doit-initiative-card__eyebrow {
  color: rgb(82, 97, 109) !important;
  font-family: "Source Sans 3", sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 1.44px !important;
  line-height: 37.2px !important;
  text-transform: uppercase !important;
}

/* Career page: keep the initiative content flush with the job-card content edge at every width. */
body.page-id-1464 .doit-initiative-card__layout {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Career page: keep the initiative eyebrow intact on narrow screens. */
@media (max-width: 900px) {
  body.page-id-1464 .doit-initiative-card__eyebrow {
    font-size: 16px !important;
    letter-spacing: .06em !important;
    line-height: 1.25 !important;
  }
}

/* Career page: columns are content-only, never inset panels. */
body.page-id-1464 .doit-initiative-card__primary,
body.page-id-1464 .doit-initiative-card__secondary {
  padding: 0 !important;
}

body.page-id-1464 .doit-initiative-card::after {
  background: #b9c3c7;
}

/* Career page: tighten the desktop initiative-card columns. */
@media (min-width: 901px) {
  body.page-id-1464 .doit-initiative-card__layout {
    gap: 40px;
  }
}

/* Career page: match the visible initiative mark to the job-card icon weight. */
body.page-id-1464 .doit-initiative-card__primary::before {
  background-size: 34px;
}

/* Career page: give the initiative mark a taller, clearer silhouette. */
body.page-id-1464 .doit-initiative-card__primary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224%22 y=%224%22 width=%2211%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M4 7.5l5.5 4.5l5.5 -4.5%22/%3E%3Cpath d=%22M16 14h5%22/%3E%3Cpath d=%22M18.5 11.5l2.5 2.5l-2.5 2.5%22/%3E%3C/svg%3E");
  background-size: 36px;
}

/* Career page: restore a balanced width-to-height ratio for the initiative mark. */
body.page-id-1464 .doit-initiative-card__primary::before {
  background-size: 34px 30px;
}

/* Career page: use a simple envelope mark without an arrow. */
body.page-id-1464 .doit-initiative-card__primary::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23171e26%22 stroke-width=%221%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%226%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M3 8l9 7l9 -7%22/%3E%3C/svg%3E");
  background-size: 34px 30px;
}

/* Career page: calm process section below the open positions. */
body.page-id-1464 .doit-career-process {
  width: 100%;
  max-width: 100%;
  margin: 96px auto 32px;
  padding: 0;
  background: transparent;
}

body.page-id-1464 .doit-career-process__eyebrow {
  margin: 0 0 24px;
  color: var(--doit-green-light);
  font-family: "Myriad Pro Semibold", sans-serif;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 1.12px;
  line-height: 35px;
  text-transform: uppercase;
}

body.page-id-1464 .doit-career-process__title {
  max-width: 940px;
  margin: 0;
  color: #171e26;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.16;
}

body.page-id-1464 .doit-career-process__intro {
  max-width: 700px;
  margin: 22px 0 0;
  color: var(--doit-gray);
  font-size: 18px;
  line-height: 1.55;
}

body.page-id-1464 .doit-career-process__steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 56px;
  margin: 56px 0 0;
}

body.page-id-1464 .doit-career-process__step {
  position: relative;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.page-id-1464 .doit-career-process__number {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  border: 1px solid var(--doit-green-light);
  border-radius: 50%;
  background: #fbfdf4;
  color: var(--doit-green-light);
  font-family: Inter, sans-serif;
  font-weight: 600;
  line-height: 1;
}

body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 18px;
  left: 36px;
  right: -56px;
  height: 1px;
  background: rgba(159, 193, 49, .28);
}

body.page-id-1464 .doit-career-process__step-title {
  max-width: 330px;
  margin: 18px 0 12px;
  color: #042940;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.25;
}

body.page-id-1464 .doit-career-process__step-text {
  max-width: 360px;
  margin: 0;
  color: var(--doit-gray);
  font-size: 18px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  body.page-id-1464 .doit-career-process {
    margin-top: 80px;
    margin-bottom: 24px;
  }

  body.page-id-1464 .doit-career-process__steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
    margin-top: 48px;
  }

  body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 767px) {
  body.page-id-1464 .doit-career-process__eyebrow {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 28px;
  }

  body.page-id-1464 .doit-career-process__title {
    font-size: 38px;
    line-height: 1.18;
  }

  body.page-id-1464 .doit-career-process__intro {
    margin-top: 18px;
  }
}

/* Career page: keep the process content on the existing section axis. */
body.page-id-1464 .doit-career-process > .doit-career-process__eyebrow,
body.page-id-1464 .doit-career-process > .doit-career-process__title,
body.page-id-1464 .doit-career-process > .doit-career-process__intro,
body.page-id-1464 .doit-career-process > .doit-career-process__steps {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: none !important;
}


/* Career process: slightly darker pearl-chain connector. */
body.page-id-1464 .doit-career-process__number {
  border-color: rgba(127, 151, 38, .82);
}

body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 18px;
  height: 0;
  border-top: 2px dotted rgba(127, 151, 38, .72);
  background: transparent;
}


/* Career process: clearer, round pearl spacing. */
body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 15px;
  height: 6px;
  border-top: 0;
  background: radial-gradient(circle at 50% 50%, rgba(127, 151, 38, .72) 0 2.25px, transparent 2.5px) repeat-x;
  background-size: 18px 6px;
}


/* Career process: larger markers with a clear bead gap at each circle. */
body.page-id-1464 .doit-career-process__number {
  width: 41.4px;
  height: 41.4px;
}

body.page-id-1464 .doit-career-process__step:not(:last-child)::after {
  top: 17.7px;
  left: 49.4px;
  right: -48px;
}




/* About page hero: reuse the career hero geometry without a placeholder box. */
body.page-id-98 .page-title {
  display: none;
}

body.page-id-98 .doit-subpage-hero--about {
  position: relative;
  isolation: isolate;
  background-color: var(--doit-charcoal, #171e26);
  background-image: none;
}

body.page-id-98 .doit-subpage-hero--about > .wp-block-cover__background {
  z-index: 0;
  background: var(--doit-charcoal, #171e26);
  opacity: 1;
}

body.page-id-98 .doit-subpage-hero--about::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 0 50%;
  background: #1b252d;
  pointer-events: none;
}

body.page-id-98 .doit-subpage-hero--about > .wp-block-cover__inner-container {
  z-index: 1;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__content {
  width: min(100%, var(--doit-content-width, 1380px));
  max-width: none;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__copy {
  width: min(100%, 850px);
  max-width: none;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__copy {
  margin-inline: 0 auto !important;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__subtitle {
  max-width: 820px;
}

@media (max-width: 900px) {
  body.page-id-98 .doit-subpage-hero--about::before {
    inset: 68% 0 0;
  }
}

/* About page hero: match the career hero height logic on desktop. */
body.page-id-98 .doit-subpage-hero--about {
  min-block-size: 636px;
  min-height: 0;
}

@media (max-width: 900px) {
  body.page-id-98 .doit-subpage-hero--about {
    min-block-size: 0;
  }
}

/* About page hero: match the career hero padding and height. */
body.page-id-98 .doit-subpage-hero--about {
  min-block-size: 636px;
  min-height: 0;
  padding: 80px var(--doit-gutter);
  box-sizing: border-box;
}

@media (max-width: 900px) {
  body.page-id-98 .doit-subpage-hero--about {
    min-block-size: 0;
    padding: 80px var(--doit-gutter);
  }
}

/* About page hero: match the career hero height despite Cover inline styles. */
body.page-id-98 .doit-subpage-hero--about {
  min-height: 636px !important;
  min-block-size: 636px !important;
}

@media (max-width: 900px) {
  body.page-id-98 .doit-subpage-hero--about {
    min-height: 0 !important;
    min-block-size: 0 !important;
  }
}


/* Career process: fine separator between the positions and the process section. */
body.page-id-1464 .doit-career-process {
  position: relative;
}

body.page-id-1464 .doit-career-process::before {
  content: "";
  position: absolute;
  top: -48px;
  left: 0;
  width: calc(92% + clamp(36px, 3vw, 48px));
  height: 1px;
  background: rgba(127, 151, 38, .55);
}

@media (max-width: 900px) {
  body.page-id-1464 .doit-career-process::before {
    top: -40px;
    width: 100%;
  }
}


/* Subpage heroes: align and widen lead text with the career hero axis. */
.doit-subpage-hero .doit-subpage-hero__subtitle,
.doit-subpage-hero .is-style-doit-hero-lead {
  width: 100%;
  max-width: 980px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__subtitle,
body.page-id-98 .doit-subpage-hero--about .is-style-doit-hero-lead {
  width: min(100%, 980px);
  max-width: 980px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (max-width: 900px) {
  .doit-subpage-hero .doit-subpage-hero__subtitle,
  .doit-subpage-hero .is-style-doit-hero-lead,
  body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__subtitle,
  body.page-id-98 .doit-subpage-hero--about .is-style-doit-hero-lead {
    width: 100%;
    max-width: 100%;
  }
}


/* Subpage heroes: widen the shared text column with the career hero axis. */
.doit-subpage-hero .doit-subpage-hero__copy {
  width: min(100%, 980px);
  max-width: none;
}

body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__copy {
  width: min(100%, 980px);
  max-width: none;
}

@media (max-width: 900px) {
  .doit-subpage-hero .doit-subpage-hero__copy,
  body.page-id-98 .doit-subpage-hero--about .doit-subpage-hero__copy {
    width: 100%;
    max-width: 100%;
  }
}


/* Header behavior: keep the header present and let subpage content pass over it naturally. */
/* Header overlays naturally on subpages. */
html.doit-subpage-header-ready body:not(.home) #header,
html.doit-subpage-header-hidden body:not(.home) #header {
  z-index: 900 !important;
  transform: translateY(0) !important;
}

body.doit-has-editor-hero main {
  position: relative;
  z-index: 1000;
}

body.doit-has-editor-hero .doit-subpage-hero {
  position: relative;
  z-index: 1001;
}

body.doit-has-editor-hero .doit-subpage-header-handle {
  display: none !important;
}


/* Subpage hero: keep the visual fixed while following sections pass over it. */
/* Hero remains fixed while following sections pass over it. */
@media (min-width: 1000px) {
  body.doit-has-editor-hero main {
    padding-top: var(--doit-hero-height, 636px) !important;
  }

  body.doit-has-editor-hero .doit-subpage-hero {
    position: fixed !important;
    top: calc(var(--doit-admin-bar-height, 0px) + var(--doit-header-height, 0px)) !important;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 0 !important;
  }

  body.doit-has-editor-hero .doit-subpage-hero + * {
    position: relative;
    z-index: 2;
  }
}


/* Subpage footer: cover the fixed hero once the document reaches the footer. */
/* Footer covers the fixed subpage hero. */
body.doit-has-editor-hero footer {
  position: relative;
  z-index: 2000;
}

/* About attitude: compact editorial two-column section without card treatment. */
body.page-id-98 .about-attitude .wp-block-columns {
  display: grid !important;
  grid-template-columns: minmax(0, 1.14fr) minmax(0, 1fr) !important;
  column-gap: clamp(32px, 4vw, 64px) !important;
  row-gap: 24px !important;
  margin: 0 !important;
}

body.page-id-98 .about-attitude .wp-block-column {
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.page-id-98 .about-attitude .about-attitude__title {
  max-width: 100% !important;
  font-size: 52px !important;
  font-weight: 300 !important;
  line-height: 1.16 !important;
  text-wrap: balance;
}

body.page-id-98 .about-attitude .about-attitude__copy {
  max-width: 44rem;
  padding-top: clamp(4px, 0.8vw, 12px) !important;
}

body.page-id-98 .about-attitude .about-attitude__copy p {
  max-width: 42rem;
}

body.page-id-98 .about-attitude .about-attitude__copy p + p {
  margin-top: 20px !important;
}

@media (max-width: 1199px) {
  body.page-id-98 .about-attitude .wp-block-columns {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr) !important;
    column-gap: 40px !important;
  }

  body.page-id-98 .about-attitude .about-attitude__title {
    font-size: clamp(2.7rem, 4.5vw, 3.25rem) !important;
  }
}

@media (max-width: 899px) {
  body.page-id-98 .about-attitude .wp-block-columns {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }

  body.page-id-98 .about-attitude .about-attitude__title {
    max-width: 16ch !important;
    font-size: 38px !important;
    line-height: 1.18 !important;
  }

  body.page-id-98 .about-attitude .about-attitude__copy {
    padding-top: 0 !important;
  }
}

@media (max-width: 599px) {
  body.page-id-98 .about-attitude .about-attitude__title {
    max-width: 100% !important;
    font-size: 38px !important;
    line-height: 1.18 !important;
  }

  body.page-id-98 .about-attitude .about-attitude__copy p + p {
    margin-top: 18px !important;
  }
}